@charset "UTF-8";
/* font */
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url("/fonts/noto-light/notokr-light.eot");
	/* IE9 Compat Modes */
	src: local(""), url("/fonts/noto-light/notokr-light.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-light/notokr-light.woff2") format("woff2"), url("/fonts/noto-light/notokr-light.woff") format("woff"), url("/fonts/noto-light/notokr-light.ttf") format("truetype"), url("/fonts/noto-light/notokr-light.svg#NotoSansKR") format("svg");/* Legacy iOS */
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url("/fonts/noto-regular/notokr-regular.eot");
	/* IE9 Compat Modes */
	src: local(""), url("/fonts/noto-regular/notokr-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-regular/notokr-regular.woff2") format("woff2"), url("/fonts/noto-regular/notokr-regular.woff") format("woff"), url("/fonts/noto-regular/notokr-regular.ttf") format("truetype"), url("/fonts/noto-regular/notokr-regular.svg#NotoSansKR") format("svg");/* Legacy iOS */
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url("/fonts/noto-medium/notokr-medium.eot");
	/* IE9 Compat Modes */
	src: local(""), url("/fonts/noto-medium/notokr-medium.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-medium/notokr-medium.woff2") format("woff2"), url("/fonts/noto-medium/notokr-medium.woff") format("woff"), url("/fonts/noto-medium/notokr-medium.ttf") format("truetype"), url("/fonts/noto-medium/notokr-medium.svg#NotoSansKR") format("svg");/* Legacy iOS */
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url("/fonts/noto-bold/notokr-bold.eot");
	/* IE9 Compat Modes */
	src: local(""), url("/fonts/noto-bold/notokr-bold.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-bold/notokr-bold.woff2") format("woff2"), url("/fonts/noto-bold/notokr-bold.woff") format("woff"), url("/fonts/noto-bold/notokr-bold.ttf") format("truetype"), url("/fonts/noto-bold/notokr-bold.svg#NotoSansKR") format("svg");/* Legacy iOS */
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url("/fonts/noto-black/notokr-black.eot");
	/* IE9 Compat Modes */
	src: local(""), url("/fonts/noto-black/notokr-black.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-black/notokr-black.woff2") format("woff2"), url("/fonts/noto-black/notokr-black.woff") format("woff"), url("/fonts/noto-black/notokr-black.ttf") format("truetype"), url("/fonts/noto-black/notokr-black.svg#NotoSansKR") format("svg");/* Legacy iOS */
}
/* === RESET CSS === */
*, *::before, *::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	letter-spacing: -0.03em;
}
html {
	color: #333;
	font-family: "noto sans KR", sans-serif;
	font-size: 16px;
	line-height: 1;
	font-weight: normal;
}
textarea {
	resize: none;
}
fieldset, img {
	border: 0;
}
img {
	width: auto;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
li, ol, ul {
	list-style: none;
}
address, em, i {
	font-style: normal;
}
a {
	color: inherit;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
strong, th, b, em {
	font-style: normal;
	font-weight: inherit;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
input, select, textarea, button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: inherit;
	background: transparent;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
legend, caption {
	visibility: hidden;
	overflow: hidden;
	width: 0 !important;
	height: 0 !important;
	font-size: 0;
	line-height: 0;
}
a:focus, button:focus {
	outline: 1px solid #333;
}
a:focus:not(:focus-visible), button:focus:not(:focus-visible) {
	outline: 0;
}
button {
	border: none;
	cursor: pointer;
}
button:disabled {
	cursor: default;
}
.blind {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
}
.ft-noto {
	font-family: "Noto Sans KR" !important;
}
.ft-pen {
	font-family: "Nanum Pen Script", cursive !important;
}
.ft-mj {
	font-family: "Nanum Myeongjo", serif !important;
}
/* === UTILITIES === */
/* utilities */
.align-baseline {
	vertical-align: baseline !important;
}
.align-top {
	vertical-align: top !important;
}
.align-middle {
	vertical-align: middle !important;
}
.align-bottom {
	vertical-align: bottom !important;
}
.align-text-bottom {
	vertical-align: text-bottom !important;
}
.align-text-top {
	vertical-align: text-top !important;
}
.float-start {
	float: left !important;
}
.float-end {
	float: right !important;
}
.float-none {
	float: none !important;
}
.overflow-auto {
	overflow: auto !important;
}
.overflow-hidden {
	overflow: hidden !important;
}
.overflow-visible {
	overflow: visible !important;
}
.overflow-scroll {
	overflow: scroll !important;
}
.d-inline {
	display: inline !important;
}
.d-inline-block {
	display: inline-block !important;
}
.d-block {
	display: block !important;
}
.d-grid {
	display: grid !important;
}
.d-table {
	display: table !important;
}
.d-table-row {
	display: table-row !important;
}
.d-table-cell {
	display: table-cell !important;
}
.d-flex {
	display: flex !important;
}
.d-inline-flex {
	display: inline-flex !important;
}
.d-none {
	display: none !important;
}
.border {
	border: 1px solid #ddd !important;
}
.border-0 {
	border: 0 !important;
}
.border-top {
	border-top: 1px solid #ddd !important;
}
.border-top-0 {
	border-top: 0 !important;
}
.border-right {
	border-right: 1px solid #ddd !important;
}
.border-right-0 {
	border-right: 0 !important;
}
.border-bottom {
	border-bottom: 1px solid #ddd !important;
}
.border-bottom-0 {
	border-bottom: 0 !important;
}
.border-left {
	border-left: 1px solid #ddd !important;
}
.border-left-0 {
	border-left: 0 !important;
}
.border-black {
	border-color: #111 !important;
}
.border-basic {
	border-color: #333 !important;
}
.border-cont {
	border-color: #666 !important;
}
.border-gray {
	border-color: #888 !important;
}
.border-border {
	border-color: #ddd !important;
}
.border-point {
	border-color: #1965b0 !important;
}
.border-point2 {
	border-color: #9a3175 !important;
}
.border-blur {
	border-color: #eee !important;
}
.border-white {
	border-color: #fff !important;
}
.border-red {
	border-color: #ff2d04 !important;
}
.border-yellow {
	border-color: #dea82a !important;
}
.border-1 {
	border-width: 1px !important;
}
.border-2 {
	border-width: 2px !important;
}
.border-3 {
	border-width: 3px !important;
}
.border-4 {
	border-width: 4px !important;
}
.border-5 {
	border-width: 5px !important;
}
.w-25 {
	width: 25% !important;
}
.w-50 {
	width: 50% !important;
}
.w-75 {
	width: 75% !important;
}
.w-100 {
	width: 100% !important;
}
.w-auto {
	width: auto !important;
}
.mw-100 {
	max-width: 100% !important;
}
.h-25 {
	height: 25% !important;
}
.h-50 {
	height: 50% !important;
}
.h-75 {
	height: 75% !important;
}
.h-100 {
	height: 100% !important;
}
.h-auto {
	height: auto !important;
}
.mh-100 {
	max-height: 100% !important;
}
.flex-fill {
	flex: 1 1 auto !important;
}
.flex-row {
	flex-direction: row !important;
}
.flex-column {
	flex-direction: column !important;
}
.flex-row-reverse {
	flex-direction: row-reverse !important;
}
.flex-column-reverse {
	flex-direction: column-reverse !important;
}
.flex-grow-0 {
	flex-grow: 0 !important;
}
.flex-grow-1 {
	flex-grow: 1 !important;
}
.flex-shrink-0 {
	flex-shrink: 0 !important;
}
.flex-shrink-1 {
	flex-shrink: 1 !important;
}
.flex-wrap {
	flex-wrap: wrap !important;
}
.flex-nowrap {
	flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
	flex-wrap: wrap-reverse !important;
}
.justify-content-start {
	justify-content: flex-start !important;
}
.justify-content-end {
	justify-content: flex-end !important;
}
.justify-content-center {
	justify-content: center !important;
}
.justify-content-between {
	justify-content: space-between !important;
}
.justify-content-around {
	justify-content: space-around !important;
}
.justify-content-evenly {
	justify-content: space-evenly !important;
}
.align-items-start {
	align-items: flex-start !important;
}
.align-items-end {
	align-items: flex-end !important;
}
.align-items-center {
	align-items: center !important;
}
.align-items-baseline {
	align-items: baseline !important;
}
.align-items-stretch {
	align-items: stretch !important;
}
.align-content-start {
	align-content: flex-start !important;
}
.align-content-end {
	align-content: flex-end !important;
}
.align-content-center {
	align-content: center !important;
}
.align-content-between {
	align-content: space-between !important;
}
.align-content-around {
	align-content: space-around !important;
}
.align-content-stretch {
	align-content: stretch !important;
}
.align-self-auto {
	align-self: auto !important;
}
.align-self-start {
	align-self: flex-start !important;
}
.align-self-end {
	align-self: flex-end !important;
}
.align-self-center {
	align-self: center !important;
}
.align-self-baseline {
	align-self: baseline !important;
}
.align-self-stretch {
	align-self: stretch !important;
}
.order-first {
	order: -1 !important;
}
.order-0 {
	order: 0 !important;
}
.order-1 {
	order: 1 !important;
}
.order-2 {
	order: 2 !important;
}
.order-3 {
	order: 3 !important;
}
.order-4 {
	order: 4 !important;
}
.order-5 {
	order: 5 !important;
}
.order-last {
	order: 6 !important;
}
.m-0 {
	margin: 0 !important;
}
.m-5 {
	margin: 5px !important;
}
.m-10 {
	margin: 10px !important;
}
.m-15 {
	margin: 15px !important;
}
.m-20 {
	margin: 20px !important;
}
.m-25 {
	margin: 25px !important;
}
.m-30 {
	margin: 30px !important;
}
.m-40 {
	margin: 40px !important;
}
.m-50 {
	margin: 50px !important;
}
.m-60 {
	margin: 60px !important;
}
.m-100 {
	margin: 100px !important;
}
.m-auto {
	margin: auto !important;
}
.mx-0 {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.mx-5 {
	margin-right: 5px !important;
	margin-left: 5px !important;
}
.mx-10 {
	margin-right: 10px !important;
	margin-left: 10px !important;
}
.mx-15 {
	margin-right: 15px !important;
	margin-left: 15px !important;
}
.mx-20 {
	margin-right: 20px !important;
	margin-left: 20px !important;
}
.mx-25 {
	margin-right: 25px !important;
	margin-left: 25px !important;
}
.mx-30 {
	margin-right: 30px !important;
	margin-left: 30px !important;
}
.mx-40 {
	margin-right: 40px !important;
	margin-left: 40px !important;
}
.mx-50 {
	margin-right: 50px !important;
	margin-left: 50px !important;
}
.mx-60 {
	margin-right: 60px !important;
	margin-left: 60px !important;
}
.mx-100 {
	margin-right: 100px !important;
	margin-left: 100px !important;
}
.mx-auto {
	margin-right: auto !important;
	margin-left: auto !important;
}
.my-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.my-5 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
.my-10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.my-15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}
.my-20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
.my-25 {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}
.my-30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}
.my-40 {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}
.my-50 {
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}
.my-60 {
	margin-top: 60px !important;
	margin-bottom: 60px !important;
}
.my-100 {
	margin-top: 100px !important;
	margin-bottom: 100px !important;
}
.my-auto {
	margin-top: auto !important;
	margin-bottom: auto !important;
}
.mt-0 {
	margin-top: 0 !important;
}
.mt-5 {
	margin-top: 5px !important;
}
.mt-10 {
	margin-top: 10px !important;
}
.mt-15 {
	margin-top: 15px !important;
}
.mt-20 {
	margin-top: 20px !important;
}
.mt-25 {
	margin-top: 25px !important;
}
.mt-30 {
	margin-top: 30px !important;
}
.mt-40 {
	margin-top: 40px !important;
}
.mt-50 {
	margin-top: 50px !important;
}
.mt-60 {
	margin-top: 60px !important;
}
.mt-100 {
	margin-top: 100px !important;
}
.mt-auto {
	margin-top: auto !important;
}
.mr-0 {
	margin-right: 0 !important;
}
.mr-5 {
	margin-right: 5px !important;
}
.mr-10 {
	margin-right: 10px !important;
}
.mr-15 {
	margin-right: 15px !important;
}
.mr-20 {
	margin-right: 20px !important;
}
.mr-25 {
	margin-right: 25px !important;
}
.mr-30 {
	margin-right: 30px !important;
}
.mr-40 {
	margin-right: 40px !important;
}
.mr-50 {
	margin-right: 50px !important;
}
.mr-60 {
	margin-right: 60px !important;
}
.mr-100 {
	margin-right: 100px !important;
}
.mr-auto {
	margin-right: auto !important;
}
.mb-0 {
	margin-bottom: 0 !important;
}
.mb-5 {
	margin-bottom: 5px !important;
}
.mb-10 {
	margin-bottom: 10px !important;
}
.mb-15 {
	margin-bottom: 15px !important;
}
.mb-20 {
	margin-bottom: 20px !important;
}
.mb-25 {
	margin-bottom: 25px !important;
}
.mb-30 {
	margin-bottom: 30px !important;
}
.mb-40 {
	margin-bottom: 40px !important;
}
.mb-50 {
	margin-bottom: 50px !important;
}
.mb-60 {
	margin-bottom: 60px !important;
}
.mb-100 {
	margin-bottom: 100px !important;
}
.mb-auto {
	margin-bottom: auto !important;
}
.ml-0 {
	margin-left: 0 !important;
}
.ml-5 {
	margin-left: 5px !important;
}
.ml-10 {
	margin-left: 10px !important;
}
.ml-15 {
	margin-left: 15px !important;
}
.ml-20 {
	margin-left: 20px !important;
}
.ml-25 {
	margin-left: 25px !important;
}
.ml-30 {
	margin-left: 30px !important;
}
.ml-40 {
	margin-left: 40px !important;
}
.ml-50 {
	margin-left: 50px !important;
}
.ml-60 {
	margin-left: 60px !important;
}
.ml-100 {
	margin-left: 100px !important;
}
.ml-auto {
	margin-left: auto !important;
}
.p-0 {
	padding: 0 !important;
}
.p-5 {
	padding: 5px !important;
}
.p-10 {
	padding: 10px !important;
}
.p-15 {
	padding: 15px !important;
}
.p-20 {
	padding: 20px !important;
}
.p-25 {
	padding: 25px !important;
}
.p-30 {
	padding: 30px !important;
}
.p-40 {
	padding: 40px !important;
}
.p-50 {
	padding: 50px !important;
}
.p-60 {
	padding: 60px !important;
}
.p-100 {
	padding: 100px !important;
}
.px-0 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.px-5 {
	padding-right: 5px !important;
	padding-left: 5px !important;
}
.px-10 {
	padding-right: 10px !important;
	padding-left: 10px !important;
}
.px-15 {
	padding-right: 15px !important;
	padding-left: 15px !important;
}
.px-20 {
	padding-right: 20px !important;
	padding-left: 20px !important;
}
.px-25 {
	padding-right: 25px !important;
	padding-left: 25px !important;
}
.px-30 {
	padding-right: 30px !important;
	padding-left: 30px !important;
}
.px-40 {
	padding-right: 40px !important;
	padding-left: 40px !important;
}
.px-50 {
	padding-right: 50px !important;
	padding-left: 50px !important;
}
.px-60 {
	padding-right: 60px !important;
	padding-left: 60px !important;
}
.px-100 {
	padding-right: 100px !important;
	padding-left: 100px !important;
}
.py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.py-5 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.py-10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.py-15 {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
.py-20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.py-25 {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}
.py-30 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
.py-40 {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}
.py-50 {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}
.py-60 {
	padding-top: 60px !important;
	padding-bottom: 60px !important;
}
.py-100 {
	padding-top: 100px !important;
	padding-bottom: 100px !important;
}
.pt-0 {
	padding-top: 0 !important;
}
.pt-5 {
	padding-top: 5px !important;
}
.pt-10 {
	padding-top: 10px !important;
}
.pt-15 {
	padding-top: 15px !important;
}
.pt-20 {
	padding-top: 20px !important;
}
.pt-25 {
	padding-top: 25px !important;
}
.pt-30 {
	padding-top: 30px !important;
}
.pt-40 {
	padding-top: 40px !important;
}
.pt-50 {
	padding-top: 50px !important;
}
.pt-60 {
	padding-top: 60px !important;
}
.pt-100 {
	padding-top: 100px !important;
}
.pr-0 {
	padding-right: 0 !important;
}
.pr-5 {
	padding-right: 5px !important;
}
.pr-10 {
	padding-right: 10px !important;
}
.pr-15 {
	padding-right: 15px !important;
}
.pr-20 {
	padding-right: 20px !important;
}
.pr-25 {
	padding-right: 25px !important;
}
.pr-30 {
	padding-right: 30px !important;
}
.pr-40 {
	padding-right: 40px !important;
}
.pr-50 {
	padding-right: 50px !important;
}
.pr-60 {
	padding-right: 60px !important;
}
.pr-100 {
	padding-right: 100px !important;
}
.pb-0 {
	padding-bottom: 0 !important;
}
.pb-5 {
	padding-bottom: 5px !important;
}
.pb-10 {
	padding-bottom: 10px !important;
}
.pb-15 {
	padding-bottom: 15px !important;
}
.pb-20 {
	padding-bottom: 20px !important;
}
.pb-25 {
	padding-bottom: 25px !important;
}
.pb-30 {
	padding-bottom: 30px !important;
}
.pb-40 {
	padding-bottom: 40px !important;
}
.pb-50 {
	padding-bottom: 50px !important;
}
.pb-60 {
	padding-bottom: 60px !important;
}
.pb-100 {
	padding-bottom: 100px !important;
}
.pl-0 {
	padding-left: 0 !important;
}
.pl-5 {
	padding-left: 5px !important;
}
.pl-10 {
	padding-left: 10px !important;
}
.pl-15 {
	padding-left: 15px !important;
}
.pl-20 {
	padding-left: 20px !important;
}
.pl-25 {
	padding-left: 25px !important;
}
.pl-30 {
	padding-left: 30px !important;
}
.pl-40 {
	padding-left: 40px !important;
}
.pl-50 {
	padding-left: 50px !important;
}
.pl-60 {
	padding-left: 60px !important;
}
.pl-100 {
	padding-left: 100px !important;
}
.fw-light {
	font-weight: 300 !important;
}
.fw-lighter {
	font-weight: 100 !important;
}
.fw-normal {
	font-weight: 400 !important;
}
.fw-medium {
	font-weight: 500 !important;
}
.fw-bold {
	font-weight: 700 !important;
}
.fw-bolder {
	font-weight: 900 !important;
}
.align-left {
	text-align: left !important;
}
.align-right {
	text-align: right !important;
}
.align-center {
	text-align: center !important;
}
.text-decoration-none {
	text-decoration: none !important;
}
.text-decoration-underline {
	text-decoration: underline !important;
}
.text-decoration-line-through {
	text-decoration: line-through !important;
}
.text-lowercase {
	text-transform: lowercase !important;
}
.text-uppercase {
	text-transform: uppercase !important;
}
.text-capitalize {
	text-transform: capitalize !important;
}
.text-wrap {
	white-space: normal !important;
}
.text-nowrap {
	white-space: nowrap !important;
}
.text-black {
	color: #111 !important;
}
.text-basic {
	color: #333 !important;
}
.text-cont {
	color: #666 !important;
}
.text-gray {
	color: #888 !important;
}
.text-border {
	color: #ddd !important;
}
.text-point {
	color: #1965b0 !important;
}
.text-point2 {
	color: #9a3175 !important;
}
.text-blur {
	color: #eee !important;
}
.text-white {
	color: #fff !important;
}
.text-red {
	color: #ff2d04 !important;
}
.text-yellow {
	color: #dea82a !important;
}
.text-black-50 {
	color: rgba(17, 17, 17, 0.5) !important;
}
.text-white-50 {
	color: rgba(255, 255, 255, 0.5) !important;
}
.text-reset {
	color: inherit !important;
}
.bg-black {
	background-color: #111 !important;
}
.bg-basic {
	background-color: #333 !important;
}
.bg-cont {
	background-color: #666 !important;
}
.bg-gray {
	background-color: #888 !important;
}
.bg-border {
	background-color: #ddd !important;
}
.bg-point {
	background-color: #1965b0 !important;
}
.bg-point2 {
	background-color: #9a3175 !important;
}
.bg-blur {
	background-color: #eee !important;
}
.bg-white {
	background-color: #fff !important;
}
.bg-red {
	background-color: #ff2d04 !important;
}
.bg-yellow {
	background-color: #dea82a !important;
}
.bg-transparent {
	background-color: transparent !important;
}
.visible {
	visibility: visible !important;
}
.invisible {
	visibility: hidden !important;
}
/* === COMMON MODULES === */
/* accordion */
.accordion-wrap {
	position: relative;
}
.accordion-wrap ul.lists {
	border-top: 1px solid #ddd;
}
.accordion-wrap ul.lists > li {
	border-bottom: 1px solid #ddd;
}
.accordion-wrap ul.lists > li .accord-title {
	display: block;
	position: relative;
}
.accordion-wrap ul.lists > li .accord-title .btn-toggle {
	display: block;
	position: relative;
	width: 100%;
	padding: 17px 50px 17px 70px;
	text-align: left;
	font-size: 18px;
	line-height: 26px;
	word-break: keep-all;
}
.accordion-wrap ul.lists > li .accord-title .btn-toggle::before {
	content: 'Q';
	position: absolute;
	top: 16px;
	left: 20px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #1965b0;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
}
.accordion-wrap ul.lists > li .accord-title .btn-toggle::after {
	content: ' ';
	position: absolute;
	top: 50%;
	right: 23px;
	width: 10px;
	height: 10px;
	border: 1px solid #888;
	border-top: none;
	border-left: none;
	margin-top: -8px;
	transform: rotate(45deg);
	transition: all 0.2s ease-out;
}
.accordion-wrap ul.lists > li.open .accord-title .btn-toggle::after {
	margin-top: -3px;
	transform: rotate(225deg);
}
.accordion-wrap ul.lists > li .accord-cont {
	display: none;
	position: relative;
	padding: 17px 20px;
	padding-left: 70px;
	border-top: 1px solid #ddd;
	background: #f5f5f5;
	color: #333;
	font-size: 18px;
	line-height: 26px;
	word-break: keep-all;
}
.accordion-wrap ul.lists > li .accord-cont::before {
	content: 'A';
	position: absolute;
	top: 16px;
	left: 20px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #bbb;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
}
/* board */
.boardview-wrap {
	border-top: 1px solid #333;
}
.boardview-wrap .board-head {
	position: relative;
	padding: 20px 130px 15px 20px;
	border-bottom: 1px solid #ddd;
	background: #f5f5f5;
}
.boardview-wrap .board-head .tit {
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
}
.boardview-wrap .board-head .date {
	position: absolute;
	top: 20px;
	right: 20px;
	color: #666;
	font-size: 18px;
	line-height: 26px;
}
.boardview-wrap .board-head .info {
	margin-top: 15px;
	font-size: 0;
	white-space: nowrap;
}
.boardview-wrap .board-head .info li {
	display: inline-block;
	vertical-align: top;
	color: #666;
	font-size: 16px;
	line-height: 22px;
}
.boardview-wrap .board-head .info li::before {
	content: ' ';
	display: inline-block;
	vertical-align: top;
	width: 1px;
	height: 12px;
	margin: 5px 15px 0;
	background: #ddd;
}
.boardview-wrap .board-head .info li:first-child::before {
	display: none;
}
.boardview-wrap .board-content {
	padding-top: 60px;
	border-bottom: 1px solid #ddd;
}
.boardview-wrap .board-content .img {
	margin: 60px 0;
}
 @media screen and (max-width: 1024px) {
.boardview-wrap .board-content .img {
	margin: 50px 0;
}
}
 @media screen and (max-width: 767px) {
.boardview-wrap .board-content .img {
	margin: 30px 0;
}
}
.boardview-wrap .board-content .img:first-child {
	margin-top: 0;
}
.boardview-wrap .board-content .cont {
	padding: 0 20px;
	font-size: 18px;
	line-height: 26px;
	color: #333;
}
.boardview-wrap .board-content .cont:last-child {
	padding-bottom: 160px;
}
.boardview-wrap .board-content .files {
	margin-top: 160px;
	padding: 16px 20px;
	border-top: 1px solid #ddd;
}
.boardview-wrap .board-content .files::after {
	content: " ";
	display: block;
	clear: both;
}
.boardview-wrap .board-content .files .tit {
	float: left;
	font-size: 18px;
	line-height: 26px;
	color: #333;
	font-weight: 500;
}
.boardview-wrap .board-content .files .file-lists {
	margin-left: 92px;
	font-size: 0;
}
.boardview-wrap .board-content .files .file-lists li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}
.boardview-wrap .board-content .files .file-lists li a {
	display: block;
	font-size: 18px;
	line-height: 26px;
	color: #666;
}
.boardview-wrap .board-content .files .file-lists li a:hover {
	text-decoration: underline;
}
.boardview-wrap .board-foot {
	position: relative;
}
.boardview-wrap .board-foot .more-view {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 0;
	border-bottom: 1px solid #ddd;
}
.boardview-wrap .board-foot .more-view li {
	position: relative;
	width: 40%;
}
.boardview-wrap .board-foot .more-view li.prev {
	padding-left: 40px;
}
.boardview-wrap .board-foot .more-view li.next {
	padding-right: 40px;
}
.boardview-wrap .board-foot .more-view li::before {
	content: ' ';
	position: absolute;
	top: 50%;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	border: 2px solid #666;
	border-right: none;
	border-bottom: none;
}
.boardview-wrap .board-foot .more-view li.prev::before {
	transform: rotate(-45deg);
	left: 4px;
}
.boardview-wrap .board-foot .more-view li.next::before {
	transform: rotate(-225deg);
	right: 3px;
}
.boardview-wrap .board-foot .more-view li dl {
	display: flex;
	align-items: center;
}
.boardview-wrap .board-foot .more-view li dl dt {
	white-space: nowrap;
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
}
.boardview-wrap .board-foot .more-view li dl dd {
	white-space: nowrap;
	padding: 0 25px;
	overflow: hidden;
}
.boardview-wrap .board-foot .more-view li dl dd a {
	display: inline-block;
	max-width: 100%;
	color: #666;
	font-size: 18px;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}
.boardview-wrap .board-foot .more-view li dl dd a:hover, .boardview-wrap .board-foot .more-view li dl dd a:active {
	text-decoration: underline;
}
.boardview-wrap .board-foot .more-view li.next dl {
	flex-direction: row-reverse;
}
.boardview-wrap .board-foot .btn-list {
	position: absolute;
	top: 0;
	left: 50%;
	width: 58px;
	height: 58px;
	margin-left: -29px;
}
.boardview-wrap .board-foot .btn-list .bar, .boardview-wrap .board-foot .btn-list::before, .boardview-wrap .board-foot .btn-list::after {
	content: ' ';
	position: absolute;
	left: 50%;
	width: 26px;
	height: 2px;
	margin-left: -13px;
	background: #666;
}
.boardview-wrap .board-foot .btn-list .bar {
	top: 50%;
	margin-top: -1px;
}
.boardview-wrap .board-foot .btn-list::before {
	top: 18px;
}
.boardview-wrap .board-foot .btn-list::after {
	bottom: 18px;
}
.boardview-wrap.qna-type .tit {
	position: relative;
	padding-left: 40px;
}
 @media screen and (max-width: 767px) {
.boardview-wrap.qna-type .tit {
	padding-left: 20px;
}
}
.boardview-wrap.qna-type .tit::before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
}
.boardview-wrap.qna-type .q-box .tit::before {
	content: 'Q.';
}
.boardview-wrap.qna-type .a-box .board-head {
	background: transparent;
}
.boardview-wrap.qna-type .a-box .board-head .tit::before {
	content: 'A.';
}
.boardview-wrap.qna-type .board-content .cont {
	padding-left: 80px;
}
 @media screen and (max-width: 767px) {
.boardview-wrap.qna-type .board-content .cont {
	padding-left: 40px;
}
}
.board-btn {
	position: relative;
	text-align: center;
}
.board-btn .btn {
	position: absolute;
	right: 0;
	top: -114px;
}
.boardwrite-wrap {
	padding: 50px 50px 100px;
	border: 1px solid #ddd;
}
.boardwrite-wrap h3.tit {
	margin-bottom: 20px;
	padding-bottom: 29px;
	border-bottom: 1px solid #333;
	font-size: 22px;
	font-weight: 500;
}
.boardwrite-wrap .fileUpload{
	position: relative;
    margin: 20px 0;
    border-width: 1px 0;
}
.boardwrite-wrap .fileUpload .form-control[type="file"]:not(:disabled):not([readonly]) {
    cursor: pointer;
}
.form-control[type="file"] {
    overflow: hidden;
	font-size:14px;
}

.text-danger {
    color: #dc3545 !important;
}
.comm-boardview-wrap {
	display: flex;
	flex-direction: column;
}
.comm-boardview-wrap .board-cont .cont-head {
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}
.comm-boardview-wrap .board-cont .cont-head .tit {
	font-size: 22px;
	line-height: 30px;
}
.comm-boardview-wrap .board-cont .cont-head .infos {
	display: flex;
	align-items: center;
	margin-top: 20px;
}
.comm-boardview-wrap .board-cont .cont-head .infos .name {
	margin-right: 10px;
	font-size: 16px;
	font-weight: 500;
	line-height: 38px;
}
.comm-boardview-wrap .board-cont .cont-head .infos .name .thumb {
	display: inline-block;
	vertical-align: top;
	width: 38px;
	height: 38px;
	margin-right: 6px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.comm-boardview-wrap .board-cont .cont-head .infos .date, .comm-boardview-wrap .board-cont .cont-head .infos .view {
	margin-left: 10px;
	color: #888;
	font-size: 16px;
}
.comm-boardview-wrap .board-cont .cont-body {
	padding: 40px 0 120px;
	font-size: 18px;
	line-height: 26px;
}
.comm-boardview-wrap .board-reply .tit {
	font-size: 16px;
}
.comm-boardview-wrap .board-reply .tit em {
	color: #1965b0;
	font-weight: 500;
}
.comm-boardview-wrap .board-reply .reply-lists {
	margin-top: 20px;
	border-top: 1px solid #ddd;
}
.comm-boardview-wrap .board-reply .reply-lists > li {
	border-bottom: 1px solid #eee;
}
.comm-boardview-wrap .board-reply .reply-lists > li.re-reply {
	padding-left: 53px;
}
.comm-boardview-wrap .board-reply .reply-lists > li .reply-write {
	margin: 0 0 25px 53px;
}
.comm-boardview-wrap .board-reply .reply-lists .inner {
	display: flex;
	align-items: flex-start;
	padding: 25px 0;
}
.comm-boardview-wrap .board-reply .reply-lists .inner .thumb {
	display: block;
	width: 38px;
	height: 38px;
	min-width: 38px;
	margin-right: 15px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}
.comm-boardview-wrap .board-reply .reply-lists .inner .reply-conts .name {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 500;
}
.comm-boardview-wrap .board-reply .reply-lists .inner .reply-conts .name .flag {
	margin-left: 8px;
	font-weight: 500;
}
.comm-boardview-wrap .board-reply .reply-lists .inner .reply-conts .reply {
	font-size: 16px;
	line-height: 22px;
}
.comm-boardview-wrap .board-reply .reply-lists .inner .reply-conts .date {
	margin-top: 15px;
	color: #888;
	font-size: 14px;
}
.comm-boardview-wrap .board-reply .reply-lists .inner .controls {
	position: relative;
	display: flex;
	align-items: center;
	margin-left: auto;
}
.comm-boardview-wrap .board-reply .reply-lists .inner .controls .link-gray {
	margin-left: 10px;
	white-space: nowrap;
}
.comm-boardview-wrap .board-reply .reply-write {
	position: relative;
	margin-top: 25px;
	padding: 55px 15px 65px 25px;
	border: 1px solid #ddd;
	border-radius: 8px;
}
.comm-boardview-wrap .board-reply .reply-write .name {
	position: absolute;
	top: 25px;
	left: 25px;
	font-size: 16px;
	font-weight: 500;
}
.comm-boardview-wrap .board-reply .reply-write textarea.form-control {
	height: auto;
	min-height: 50px;
	max-height: 500px;
	background: #fff;
	border: none;
	padding: 0;
	font-size: 16px;
	line-height: 24px;
}
.comm-boardview-wrap .board-reply .reply-write .btn {
	position: absolute;
	right: 15px;
	bottom: 15px;
}
.comm-boardview-wrap .board-btns {
	margin-top: 25px;
	font-size: 0;
	text-align: right;
}
.comm-boardview-wrap .board-btns .btn {
	width: 105px;
	margin-left: 10px;
	line-height: 1.5;
	color: #333;
	font-size: 18px;
}
/* button */
.btn {
	display: inline-block;
	padding: 0 14px;
	border: 1px solid transparent;
	border-radius: 8px;
	background: transparent;
	font-size: 16px;
	line-height: 1.2;
	padding:10px;
	vertical-align: top;
	cursor: pointer;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	white-space: nowrap;
	text-align: center;
}
.btn span {
	display: inline-block;
	vertical-align: top;
}
.btn.rounded {
	border-radius: 20px;
}
.btn.no-round {
	border-radius: 0 !important;
}
.btn.btn-black {
	background-color: #111;
	border-color: #111;
	color: #fff;
}
.btn.btn-black:hover, .btn.btn-black:active {
	background-color: #353535;
	border-color: #353535;
}
.btn.btn-border-black {
	border-color: #111;
	color: #111;
}
 @media screen and (min-width: 1025px) {
.btn.btn-border-black:hover, .btn.btn-border-black:active {
	background-color: rgba(17, 17, 17, 0.1);
}
}
.btn.btn-basic {
	background-color: #333;
	border-color: #333;
	color: #fff;
}
.btn.btn-basic:hover, .btn.btn-basic:active {
	background-color: #525252;
	border-color: #525252;
}
.btn.btn-border-basic {
	border-color: #333;
	color: #333;
}
 @media screen and (min-width: 1025px) {
.btn.btn-border-basic:hover, .btn.btn-border-basic:active {
	background-color: rgba(51, 51, 51, 0.1);
}
}
.btn.btn-cont {
	background-color: #666;
	border-color: #666;
	color: #fff;
}
.btn.btn-cont:hover, .btn.btn-cont:active {
	background-color: #7d7d7d;
	border-color: #7d7d7d;
}
.btn.btn-border-cont {
	border-color: #666;
	color: #666;
}
 @media screen and (min-width: 1025px) {
.btn.btn-border-cont:hover, .btn.btn-border-cont:active {
	background-color: rgba(102, 102, 102, 0.1);
}
}
.btn.btn-gray {
	background-color: #888;
	border-color: #888;
	color: #fff;
}
.btn.btn-gray:hover, .btn.btn-gray:active {
	background-color: #9a9a9a;
	border-color: #9a9a9a;
}
.btn.btn-border-gray {
	border-color: #888;
	color: #888;
}
.btn.btn-orange {
	background-color:#f56527;
	border-color: #f56527;
	color: #fff;
}
.btn.btn-orange:hover, .btn.btn-orange:active {
	background-color: #f56527de;
	border-color: #f56527de;
}
 @media screen and (min-width: 1025px) {
.btn.btn-border-gray:hover, .btn.btn-border-gray:active {
	background-color: rgba(136, 136, 136, 0.1);
}
}
.btn.btn-border {
	background-color: #ddd;
	border-color: #ddd;
	color: #666;
}
.btn.btn-border:hover, .btn.btn-border:active {
	background-color: #c7c7c7;
	border-color: #c7c7c7;
}
.btn.btn-border-border {
	border-color: #ddd;
	color: #ddd;
}
 @media screen and (min-width: 1025px) {
.btn.btn-border-border:hover, .btn.btn-border-border:active {
	background-color: rgba(221, 221, 221, 0.1);
}
}
.btn.btn-point {
	background-color: #1965b0;
	border-color: #1965b0;
	color: #fff;
}
.btn.btn-point:hover, .btn.btn-point:active {
	background-color: #3c7cbc;
	border-color: #3c7cbc;
}
/********** 흰색 오류 발생 기존껄로 롤백해둠 20210917 minsu 
.btn.btn-border-point {
	border-color: #fff;
	color: #fff;
}
 @media screen and (min-width: 1025px) {
.btn.btn-border-point:hover, .btn.btn-border-point:active {
	background-color: rgba(25, 101, 176, 0.1);
}
}
*****************/
.btn.btn-border-point {
	border-color: #1965b0;
	color: #1965b0;
}
 @media screen and (min-width: 1025px) {
.btn.btn-border-point:hover, .btn.btn-border-point:active {
	background-color: rgba(25, 101, 176, 0.1);
}
}

.btn.btn-border-point3 {
	border-color: #1965b0;
	color: #1965b0;
}
 @media screen and (min-width: 1025px) {
.btn.btn-border-point3:hover, .btn.btn-border-point3:active {
	background-color: rgba(25, 101, 176, 0.1);
}
}

.btn.btn-point2 {
	background-color: #9a3175;
	border-color: #9a3175;
	color: #fff;
}
.btn.btn-point2:hover, .btn.btn-point2:active {
	background-color: #a9508a;
	border-color: #a9508a;
}
.btn.btn-border-point2 {
	border-color: #9a3175;
	color: #9a3175;
}
 @media screen and (min-width: 1025px) {
.btn.btn-border-point2:hover, .btn.btn-border-point2:active {
	background-color: rgba(154, 49, 117, 0.1);
}
}
.btn.btn-blur {
	background-color: #eee;
	border-color: #eee;
	color: #666;
}
.btn.btn-blur:hover, .btn.btn-blur:active {
	background-color: #d6d6d6;
	border-color: #d6d6d6;
}
.btn.btn-border-blur {
	border-color: #eee;
	color: #eee;
}
 @media screen and (min-width: 1025px) {
.btn.btn-border-blur:hover, .btn.btn-border-blur:active {
	background-color: rgba(238, 238, 238, 0.1);
}
}
.btn.btn-white {
	background-color: #fff;
	border-color: #fff;
	color: #666;
}
.btn.btn-white:hover, .btn.btn-white:active {
	background-color: #e6e6e6;
	border-color: #e6e6e6;
}
.btn.btn-border-white {
	border-color: #fff;
	color: #fff;
}
 @media screen and (min-width: 1025px) {
.btn.btn-border-white:hover, .btn.btn-border-white:active {
	background-color: rgba(255, 255, 255, 0.1);
}
}
.btn.btn-red {
	background-color: #ff2d04;
	border-color: #ff2d04;
	color: #fff;
}
.btn.btn-red:hover, .btn.btn-red:active {
	background-color: #ff4d2a;
	border-color: #ff4d2a;
}
.btn.btn-border-red {
	border-color: #ff2d04;
	color: #ff2d04;
}
 @media screen and (min-width: 1025px) {
.btn.btn-border-red:hover, .btn.btn-border-red:active {
	background-color: rgba(255, 45, 4, 0.1);
}
}
.btn.btn-yellow {
	background-color: #dea82a;
	border-color: #dea82a;
	color: #fff;
}
.btn.btn-yellow:hover, .btn.btn-yellow:active {
	background-color: #e3b54a;
	border-color: #e3b54a;
}
.btn.btn-border-yellow {
	border-color: #dea82a;
	color: #dea82a;
}
 @media screen and (min-width: 1025px) {
.btn.btn-border-yellow:hover, .btn.btn-border-yellow:active {
	background-color: rgba(222, 168, 42, 0.1);
}
}
.btn.btn-orange {
	background-color: #ed7d31;
	border-color: #ed7d31;
	color: #fff;
}
.btn.btn-orange:hover, .btn.btn-orange:active {
	background-color: #f7924d;
	border-color: #f7924d;
}
.btn.btn-border-orange {
	border-color: #ed7d31;
	color: #ed7d31;
}
 @media screen and (min-width: 1025px) {
.btn.btn-border-orange:hover, .btn.btn-border-orange:active {
	background-color: rgba(247, 146, 77, 1);
}
}
.btn.btn-sm {
	padding: 0 14px;
	font-size: 14px;
	line-height: 26px;
}
.btn.btn-sm.rounded {
	border-radius: 14px;
}
.btn.btn-md {
	padding: 0 20px;
	font-size: 18px;
	line-height: 48px;
	min-width: 120px;
	font-weight: 500;
}
.btn.btn-md.rounded {
	border-radius: 25px;
}
.btn.btn-lg {
	padding: 0 20px;
	font-size: 20px;
	line-height: 68px;
	font-weight: 500;
}
.btn.btn-lg.rounded {
	border-radius: 35px;
}
.btn.full {
	display: block;
	width: 100%;
}
.btn:disabled {
	border-color: #bbb;
	background: #bbb;
	color: #fff;
}
.btn:disabled:hover, .btn:disabled:active {
	border-color: #bbb;
	background: #bbb;
	color: #fff;
}
.btn-group {
	display: flex;
	margin-top: 50px;
	justify-content: center;
}
.btn-group.high {
	margin-top: 120px;
}
.btn-group > * {
	min-width: 230px;
	margin-left: 20px;
}
.btn-group > *:first-child {
	margin-left: 0;
}
/* notice */
.notice-txt{
	position: relative;
	text-align: center;
    font-weight: bold;
    color: #ff3333;
	line-height: 1.6;
	margin-top:50px;
	
}

.notice-txt::before {
    content: '※';
    display: inline-block;
    vertical-align: top;
    width: 20px;
}

/* text link */
.link-black {
	display: inline-block;
	vertical-align: middle;
	color: #111;
	font-size: inherit;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	vertical-align: top;
	transform: skew(-0.05deg);
}
 @media screen and (min-width: 1025px) {
.link-black:hover, .link-black:active {
	text-decoration: underline;
	color: #353535;
}
}
.link-basic {
	display: inline-block;
	vertical-align: middle;
	color: #333;
	font-size: inherit;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	vertical-align: top;
	transform: skew(-0.05deg);
}
 @media screen and (min-width: 1025px) {
.link-basic:hover, .link-basic:active {
	text-decoration: underline;
	color: #525252;
}
}
.link-cont {
	display: inline-block;
	vertical-align: middle;
	color: #666;
	font-size: inherit;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	vertical-align: top;
	transform: skew(-0.05deg);
}
 @media screen and (min-width: 1025px) {
.link-cont:hover, .link-cont:active {
	text-decoration: underline;
	color: #7d7d7d;
}
}
.link-gray {
	display: inline-block;
	vertical-align: middle;
	color: #888;
	font-size: inherit;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	vertical-align: top;
	transform: skew(-0.05deg);
}
 @media screen and (min-width: 1025px) {
.link-gray:hover, .link-gray:active {
	text-decoration: underline;
	color: #9a9a9a;
}
}
.link-border {
	display: inline-block;
	vertical-align: middle;
	color: #ddd;
	font-size: inherit;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	vertical-align: top;
	transform: skew(-0.05deg);
}
 @media screen and (min-width: 1025px) {
.link-border:hover, .link-border:active {
	text-decoration: underline;
	color: #c7c7c7;
}
}
.link-point {
	display: inline-block;
	vertical-align: middle;
	color: #1965b0;
	font-size: inherit;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	vertical-align: top;
	transform: skew(-0.05deg);
}
 @media screen and (min-width: 1025px) {
.link-point:hover, .link-point:active {
	text-decoration: underline;
	color: #3c7cbc;
}
}
.link-point2 {
	display: inline-block;
	vertical-align: middle;
	color: #9a3175;
	font-size: inherit;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	vertical-align: top;
	transform: skew(-0.05deg);
}
 @media screen and (min-width: 1025px) {
.link-point2:hover, .link-point2:active {
	text-decoration: underline;
	color: #a9508a;
}
}
.link-blur {
	display: inline-block;
	vertical-align: middle;
	color: #eee;
	font-size: inherit;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	vertical-align: top;
	transform: skew(-0.05deg);
}
 @media screen and (min-width: 1025px) {
.link-blur:hover, .link-blur:active {
	text-decoration: underline;
	color: #d6d6d6;
}
}
.link-white {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: inherit;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	vertical-align: top;
	transform: skew(-0.05deg);
}
 @media screen and (min-width: 1025px) {
	.link-white:hover, .link-white:active {
		text-decoration: underline;
		color: #e6e6e6;
	}
}


.link-red {
	display: inline-block;
	vertical-align: middle;
	color: #ff2d04;
	font-size: inherit;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	vertical-align: top;
	transform: skew(-0.05deg);
}
 @media screen and (min-width: 1025px) {
.link-red:hover, .link-red:active {
	text-decoration: underline;
	color: #ff4d2a;
}
}
.link-yellow {
	display: inline-block;
	vertical-align: middle;
	color: #dea82a;
	font-size: inherit;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	vertical-align: top;
	transform: skew(-0.05deg);
}
 @media screen and (min-width: 1025px) {
	.link-yellow:hover, .link-yellow:active {
		text-decoration: underline;
		color: #e3b54a;
	}
}
.btn-talk {
	position: relative;
	display: block;
	width: 64px;
	height: 58px;
	padding-top: 14px;
	padding-right: 14px;
	background: url("/images/icon/icon-talk.png") 0 bottom no-repeat;
}
.btn-talk .count {
	position: absolute;
	top: 0;
	right: 0;
	height: 25px;
	min-width: 25px;
	padding: 0 5px;
	border-radius: 13px;
	background: #1965b0;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	text-align: center;
}
.btn-talk.sm {
	width: 48px;
	height: 44px;
	margin: 0 auto;
	background-size: auto 30px;
}
.btn-talk.sm .count {
	min-width: 22px;
	height: 22px;
	font-size: 14px;
	line-height: 21px;
}


.ui-datepicker {
	display: none;
	width: 300px;
	border: 1px solid #ddd;
	border-radius: 12px;
	padding: 10px 4px;
	background: #fff;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	margin-bottom: 10px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
	padding: 0 40px;
	font-size: 15px;
	line-height: 30px;
	font-weight: 500;
	text-align: center;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
	position: absolute;
	top: 0;
	width: 30px;
	height: 30px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before {
	content: ' ';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border: 2px solid #333;
	border-top: none;
	border-right: none;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
	position: absolute;
	display: block;
	font-size: 0;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
	left: 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
	transform: rotate(45deg);
	margin-left: -3px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
	right: 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before {
	transform: rotate(-135deg);
	margin-left: -6px;
}
.ui-datepicker .ui-datepicker-calendar {
	table-layout: fixed;
	width: 100%;
}
.ui-datepicker .ui-datepicker-calendar thead th {
	height: 30px;
	font-size: 15px;
	font-weight: 500;
}
.ui-datepicker .ui-datepicker-calendar tbody td {
	height: 40px;
	color: #666;
	font-size: 15px;
	text-align: center;
}
.ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-unselectable * {
	opacity: 0.4;
}
.ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-week-end:first-child {
	color: #ff2d04;
}
.ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-week-end:last-child {
	color: #1965b0;
}
.ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-today a {
	background: #ddd;
	color: #333;
}
.ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-current-day a.ui-state-active {
	background: #1965b0;
	color: #fff;
}
.ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-days-cell-over a {
	background: #ddd;
	color: #333;
}
.ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-days-cell-over a.ui-state-active {
	background: #1965b0;
	color: #fff;
}
.ui-datepicker .ui-datepicker-calendar tbody td a {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	border-radius: 50%;
	line-height: 40px;
}
/* flag */
.flag {
	display: inline-block;
	vertical-align: top;
	min-width: 60px;
	height: 28px;
	padding: 0 6px;
	border: 1px solid transparent;
	border-radius: 14px;
	text-align: center;
	font-size: 14px;
	line-height: 26px;
}
.flag.flag-black {
	background-color: #111;
	border-color: #111;
	color: #fff;
}
.flag.flag-border-black {
	border-color: #111;
	color: #111;
}
.flag.flag-basic {
	background-color: #333;
	border-color: #333;
	color: #fff;
}
.flag.flag-border-basic {
	border-color: #333;
	color: #333;
}
.flag.flag-cont {
	background-color: #666;
	border-color: #666;
	color: #fff;
}
.flag.flag-border-cont {
	border-color: #666;
	color: #666;
}
.flag.flag-gray {
	background-color: #888;
	border-color: #888;
	color: #fff;
}
.flag.flag-border-gray {
	border-color: #888;
	color: #888;
}
.flag.flag-border {
	background-color: #ddd;
	border-color: #ddd;
	color: #333;
}
.flag.flag-border-border {
	border-color: #ddd;
	color: #ddd;
}
.flag.flag-point {
	background-color: #1965b0;
	border-color: #1965b0;
	color: #fff;
}
.flag.flag-border-point {
	border-color: #1965b0;
	color: #1965b0;
}
.flag.flag-point2 {
	background-color: #9a3175;
	border-color: #9a3175;
	color: #fff;
}
.flag.flag-border-point2 {
	border-color: #9a3175;
	color: #9a3175;
}
.flag.flag-border-emergency{
	background: #f56527;
	border-color: #f56527;
    color: #fff;
}
.flag.flag-blur {
	background-color: #eee;
	border-color: #eee;
	color: #333;
}
.flag.flag-border-blur {
	border-color: #eee;
	color: #eee;
}
.flag.flag-white {
	background-color: #fff;
	border-color: #fff;
	color: #333;
}
.flag.flag-border-white {
	border-color: #fff;
	color: #fff;
}
.flag.flag-red {
	background-color: #ff2d04;
	border-color: #ff2d04;
	color: #fff;
}
.flag.flag-border-red {
	border-color: #ff2d04;
	color: #ff2d04;
}
.flag.flag-yellow {
	background-color: #dea82a;
	border-color: #dea82a;
	color: #fff;
}
.flag.flag-border-yellow {
	border-color: #dea82a;
	color: #dea82a;
}
.flag.flag-sm {
	min-width: 43px;
	height: 22px;
	line-height: 20px;
	border-radius: 4px;
}
.flag.rounded {
	border-radius: 11px;
}
.text-flag {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
}
.text-flag.text-flag-black {
	color: #111;
}
.text-flag.text-flag-basic {
	color: #333;
}
.text-flag.text-flag-cont {
	color: #666;
}
.text-flag.text-flag-gray {
	color: #888;
}
.text-flag.text-flag-border {
	color: #ddd;
}
.text-flag.text-flag-point {
	color: #1965b0;
}
.text-flag.text-flag-point2 {
	color: #9a3175;
}
.text-flag.text-flag-blur {
	color: #eee;
}
.text-flag.text-flag-white {
	color: #fff;
}
.text-flag.text-flag-red {
	color: #ff2d04;
}
.text-flag.text-flag-yellow {
	color: #dea82a;
}
.text-flag.text-flag-lg {
	font-size: 18px;
	line-height: 26px;
}
/* form */
.form-wrap.type3 {
	padding: 40px 140px 0px;
}
.form-wrap .comment {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top: 20px;
	font-size: 16px;
}
.form-wrap .chkBox {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	margin-top: 40px;
}
.form-wrap .chkBox .txt {
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
}
.form-wrap .chkBox > span{
	margin-left: 30px;
}

.form-wrap.type2 .row .tit {
	width: 120px;
	font-size: 18px;
}
.form-wrap.type2 .row .forms {
	width: calc(100% - 120px);
}
.form-wrap.narrow {
	border-top: 1px solid #333;
	padding: 0 135px;
}
.form-wrap .form-title {
	margin-bottom: 70px;
	padding-top: 45px;
	font-size: 22px;
	font-weight: 500;
}

.form-wrap .row {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top: 40px;
}
.form-wrap .row:first-child {
	margin-top: 0;
}
.form-wrap .row .tit {
	width: 195px;
	font-size: 20px;
	line-height: 60px;
	font-weight: 500;
}
.form-wrap .row .tit.narrow {
	line-height: 24px;
}
.form-wrap .row div.tit {
	display: flex;
	align-items: center;
	height: 60px;
}
.form-wrap .row div.tit > p {
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
}
.form-wrap .row div.tit .tooltip-wrap {
	margin-left: 10px;
}
.form-wrap .row .forms {
	margin-left: auto;
	width: calc(100% - 195px);
	font-size: 18px;
}
.form-wrap .row .forms .btn {
	width: 180px;
	min-width: 180px;
	height: 60px;
	line-height: 58px;
	font-size: 18px;
	font-weight: 500;
}
.form-wrap .row .forms.date-type {
	display: flex;
	align-items: center;
}
.form-wrap .row .forms.date-type .form-control {
	width: 435px;
	margin-right: 20px;
}
.form-wrap .row .forms.date-type .select-wrap {
	width: 260px;
}
.form-wrap .row .forms.date-type > span {
	flex: 1;
	text-align: center;
	color: #999;
}
.form-wrap .row .info{
	position: relative;
    text-align: center;
    font-weight: bold;
    color: #ff3333;
    line-height: 1.6;
    margin:5px 0 10px 195px; 
}
.form-wrap .row .forms.flex {
	display: flex;
	align-items: center;
}
.form-wrap .row .forms.flex .form-control {
	width: 270px;
	margin-right: 20px;
}
.form-wrap .row .forms.flex.size2 .col {
	flex: 1;
	margin-left: 20px;
}
.form-wrap .row .forms.flex.size2 .col:first-child {
	margin-left: 0;
}
.form-wrap .row .forms.flex.size2 .col .form-control, .form-wrap .row .forms.flex.size2 .col .select-wrap {
	width: 100%;
	margin: 0;
}
.form-wrap .row .forms.flex.size3 .col {
	width: calc((100% - 50px) / 3);
	margin-left: 25px;
}
.form-wrap .row .forms.flex.size3 .col:first-child {
	margin-left: 0;
}
.form-wrap .row .forms.flex.size3 .col .form-control, .form-wrap .row .forms.flex.size3 .col .select-wrap {
	width: 100%;
	margin: 0;
}
.forms.flex.size3 .col .select-wrap{
	max-width:230px;
}
.form-wrap .row .forms.flex.size4 {
	flex-wrap: wrap;
	justify-content: space-between;
}
.form-wrap .row .forms.flex.size4 .col {
	width: 470px;
}
.form-wrap .row .forms.flex.size4 .col:nth-child(2) ~ .col {
	margin-top: 20px;
}
.form-wrap .row .forms.flex.size4 .col .form-control, .form-wrap .row .forms.flex.size4 .col .select-wrap {
	width: 100%;
	margin: 0;
}
.form-wrap .row .forms.flex .col {
	display: flex;
	align-items: center;
}
.form-wrap .row .forms.flex .col p {
	margin-right: 20px;
	color: #333;
	white-space: nowrap;
}
.form-wrap .row .forms.flex .col p:last-child {
	margin-left: 10px;
	margin-right: 0;
}
.form-wrap .row .forms.flex .col .rdo-wrap, .form-wrap .row .forms.flex .col .chk-wrap {
	margin-right: 20px;
}
.form-wrap .row .forms.flex .col .rdo-wrap input + label, .form-wrap .row .forms.flex .col .chk-wrap input + label {
	white-space: nowrap;
}
.form-wrap .row .forms.btn-type {
	display: flex;
}
.form-wrap .row .forms.btn-type .btn {
	margin-left: 20px;
}
.form-wrap .row .forms .bullet-list {
	margin-top: 15px;
}
.form-wrap .alert-msg {
	margin-top: 40px;
	padding: 15px 10px;
	background: #edf4fa;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	text-align: center;
}


.row-form-wrap .form-title {
	display: flex;
	align-items: flex-end;
	margin-bottom: 50px;
}
.row-form-wrap .form-title .tit {
	font-size: 18px;
}
.row-form-wrap .form-title .essen-txt {
	margin-left: auto;
	color: #666;
	font-size: 15px;
}
.row-form-wrap .form-title .essen-txt::before {
	content: '*';
	color: #ff2d04;
	margin-right: 4px;
}
.row-form-wrap .row {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.row-form-wrap .row:first-child {
	margin-top: 0;
}
.row-form-wrap .row .col {
	flex: 1;
	margin-left: 25px;
}
.row-form-wrap .row .col:first-child {
	margin-left: 0;
}
.row-form-wrap .row .col .tit {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 500;
}
.row-form-wrap .row .col .tit.essen::after {
	content: '*';
	margin-left: 2px;
	color: #ff2d04;
}
.row-form-wrap .row .col .forms {
	position: relative;
	display: flex;
	margin-bottom: 20px;
}
.row-form-wrap .row .col .forms:last-child {
	margin-bottom: 0;
}

.row-form-wrap .row .col .forms:last-child .fileUpload{
	flex:unset;
	padding: 0px 30px;
	cursor: pointer;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	border-radius: 5px;
    margin-left: 10px;
    word-break: keep-all;
    text-overflow: ellipsis;
}
.row-form-wrap .row .col .forms .btn.absolute {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	height: 45px;
	/*line-height: 43px;*/
}
.row-form-wrap .row .col .forms > * {
	flex: 1;
}
.row-form-wrap .row .col .forms > span.bar {
	flex: none;
	align-self: center;
	width: auto;
	margin: 0 10px;
	color: #666;
}
.row-form-wrap .row .col .forms .text-box {
	display: block;
	width: 100%;
	min-height: 60px;
	height: 60px;
	padding: 16px 24px;
	padding-right: 120px;
	border: 1px solid #ddd;
	border-radius: 8px;
	background: #f5f5f5;
	font-size: 18px;
	line-height: 26px;
	word-break: keep-all;
}
.row-form-wrap .row .col .forms .form-control:last-child {
	margin-left: 20px;
}
.row-form-wrap .row .col .forms .form-control:only-child {
	margin-left: 0;
}
.row-form-wrap .row .col .forms.password-type {
	position: relative;
}
.row-form-wrap .row .col .forms.password-type .password-view {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 40px;
	height: 40px;
	margin-top: -20px;
}
.row-form-wrap .row .col .forms.password-type .password-view.off {
	background: url("/images/icon/icon-view-off.png") center no-repeat;
}
.row-form-wrap .row .col .forms.password-type .password-view.on {
	background: url("/images/icon/icon-view-on.png") center no-repeat;
}
.row-form-wrap .row .col .forms.phone-type > * {
	flex: none;
}
.row-form-wrap .row .col .forms.phone-type .absolute-wrap {
	flex: 1;
	position: relative;
}
.row-form-wrap .row .col .forms.phone-type .absolute-wrap .form-control {
	width: 100%;
}
.row-form-wrap .row .col .forms.phone-type .btn.btn-md {
	width: 160px;
	margin-left: 15px;
}
.row-form-wrap .row .col .forms.phone-type .form-control {
	flex: 1;
	width: auto;
}
.row-form-wrap .row .col .forms.phone-type .select-wrap {
	width: 200px;
	margin-right: 15px;
}
.row-form-wrap .row .col .forms .slt-lists.mix ul > li {
	flex: 1;
}
.row-form-wrap .row .col .forms .slt-lists.mix ul > li .form-control {
	width: 400px;
}
.row-form-wrap .row .alert-txt {
	margin-top: 10px;
	width: 100%;
	color: #ff2d04;
	font-size: 14px;
}
.row-form-wrap .row .alert-txt:empty {
	margin-top: 0;
}
.row-form-wrap .row .alert-txt:empty::before {
	display: none;
}
.row-form-wrap .row .alert-txt::before {
	content: '!';
	display: inline-block;
	vertical-align: top;
	width: 14px;
	height: 14px;
	margin-right: 4px;
	background: #ff2d04;
	border-radius: 50%;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	color: #fff;
}
.row-form-wrap .btn-row {
	margin-top: 60px;
	text-align: center;
}
.row-form-wrap .btn-row .btn {
	min-width: 220px;
}
.write-form .row {
	margin-top: 20px;
}
.write-form .row:first-child {
	margin-top: 0;
}
.write-form .row .form-control {
	border-radius: 0;
	background: #fff;
}
/* search */
.list-filter {
	display: flex;
	align-items: flex-end;
	margin-bottom: 40px;
}
.list-filter.type2 {
	margin-bottom: 35px;
}
.list-filter .search-wrap.sty1 {
	width: 700px;
}
.list-filter .search-wrap {
	display: flex;
	width: 560px;
	margin-left: auto;
}
.list-filter .chk-wrap {
	align-self: center;
	margin-left: auto;
	margin-right: 30px;
}
.list-filter .search-wrap .input-wrap {
	flex: 1;
}
.list-filter .search-wrap .input-wrap input {
	border-right: none;
	border-radius: 0;
	background: #fff;
}
.list-filter .search-wrap .btn-search {
	display: block;
	width: 60px;
	height: 60px;
	background: #1965b0 url("/images/icon/icon-search.png") center no-repeat;
}
.my-search-wrap {
	display: flex;
	align-items: center;
	margin-bottom: 50px;
	padding: 20px;
	background: #f5f5f5;
}
.my-search-wrap > * {
	flex: 1 1 auto;
	margin: 0 5px;
}
.my-search-wrap > *:first-child {
	margin-left: 0;
}
.my-search-wrap > *:last-child {
	margin-right: 0;
}
.my-search-wrap .form-control {
	background: #fff;
}
.my-search-wrap .btn {
	min-width: 100px;
	height: 60px;
	line-height: 38px;
	font-size: 18px;
	font-weight: 500;
}
.my-search-wrap.auto .btn {
	min-width: 200px;
}
/* file upload */
.inputfile-wrap {
	display: flex;
	position: relative;
}
.inputfile-wrap input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
}
.inputfile-wrap .form-control {
	width: calc(100% - 175px);
}
.inputfile-wrap label.btn {
	width: 160px;
	height: 50px;
	margin-left: 15px;
	background: #bbb;
	color: #fff;
	line-height: 48px;
}
/* 수집동의 */
.agree-chk-box {
	width: 930px;
	margin: 60px auto 0;
}
.agree-chk-box .tit {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 500;
}
.agree-chk-box .agree-cont {
	max-height: 283px;
	padding: 20px 30px;
	border: 1px solid #ddd;
	overflow-y: auto;
	font-size: 16px;
	line-height: 30px;
}
.agree-chk-box .chk-wrap {
	margin-top: 30px;
}
.agree-chk-box .chk-wrap input + label {
	color: #333;
	font-size: 16px;
}
/* input */
.form-control {
	display: block;
	width: 100%;
	min-height: 60px;
	height: 60px;
	padding: 18px 24px;
	border: 1px solid #ddd;
	border-radius: 8px;
	background: #f5f5f5;
	font-size: 18px;
	line-height: normal;
	transition: border-color 0.15s ease-in-out;
}
.form-control:focus {
	outline: none;
	border-color: #1965b0;
}
 .form-control::placeholder, .form-control::-webkit-input-placeholder {
 color: #999;
 opacity: 1;
 
}
 .form-control::-webkit-outer-spin-button, .form-control::-webkit-inner-spin-button {
 -webkit-appearance: none;
}
.form-control:disabled {
	opacity: 0.5;
}
.form-control.datepicker {
	padding-right: 60px;
	background-image: url("/images/icon/icon-cal.png");
	background-repeat: no-repeat;
	background-position: right 19px center;
}
textarea.form-control {
	resize: none;
	height: 180px;
}
/* checkbox, radio */
.chk-wrap {
	display: inline-block;
	position: relative;
	min-height: 24px;
	vertical-align: top;
}
.chk-wrap.icon-only input + label {
	padding-left: 22px;
}
.chk-wrap input {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.chk-wrap input + label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	padding-left: 30px;
	color: #666;
	font-size: 18px;
	line-height: 24px;
	user-select: none;
	vertical-align: top;
}
.chk-wrap input + label::before {
	content: ' ';
	position: absolute;
	top: 1px;
	left: 0;
	width: 22px;
	height: 22px;
	border: 1px solid #ddd;
	background: #fff;
}
.chk-wrap input:disabled + label {
	color: #888;
}
.chk-wrap input:disabled + label::before {
	background: #f5f5f5;
}
.chk-wrap input:checked + label {
	color: #333;
}
.chk-wrap input:checked + label::before {
	border-color: #1965b0;
	background: #1965b0;
}
.chk-wrap input:checked + label::after {
	content: ' ';
	position: absolute;
	top: 4px;
	left: 7px;
	width: 8px;
	height: 12px;
	border: 2px solid #fff;
	border-top: none;
	border-left: none;
	transform: rotate(45deg);
}
.rdo-wrap {
	display: inline-block;
	position: relative;
	min-height: 24px;
	vertical-align: top;
}
.rdo-wrap.icon-only input + label {
	padding-left: 22px;
}
.rdo-wrap input {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.rdo-wrap input + label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	padding-left: 30px;
	color: #666;
	font-size: 18px;
	line-height: 24px;
	user-select: none;
	vertical-align: top;
}
.rdo-wrap input + label::before {
	content: ' ';
	position: absolute;
	top: 1px;
	left: 0;
	width: 22px;
	height: 22px;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 11px;
}
.rdo-wrap input:disabled + label {
	color: #888;
}
.rdo-wrap input:disabled + label::before {
	background: #f5f5f5;
}
.rdo-wrap input:checked + label {
	color: #333;
}
.rdo-wrap input:checked + label::before {
	border-color: #1965b0;
}
.rdo-wrap input:checked + label::after {
	content: ' ';
	position: absolute;
	top: 7px;
	left: 6px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background: #1965b0;
}
.rdo-btn-wrap {
	display: inline-block;
	position: relative;
	min-height: 24px;
	vertical-align: top;
}
.rdo-btn-wrap.icon-only input + label {
	padding-left: 22px;
}
.rdo-btn-wrap input {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.rdo-btn-wrap input + label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	padding-left: 30px;
	color: #666;
	font-size: 18px;
	line-height: 24px;
	user-select: none;
	vertical-align: top;
	height: 50px;
	padding: 0 20px;
	border-radius: 25px;
	background: #f5f5f5;
	color: #666;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	white-space: nowrap;
}
.rdo-btn-wrap input + label em {
	font-weight: 500;
}
.rdo-btn-wrap input:disabled + label {
	color: #888;
}
.rdo-btn-wrap input:disabled + label::before {
	background: #f5f5f5;
}
.rdo-btn-wrap input:checked + label {
	background: #d4e5f3;
	color: #333;
}
.like-chk-wrap {
	display: inline-block;
	position: relative;
	min-height: 24px;
	vertical-align: top;
}
.like-chk-wrap.icon-only input + label {
	padding-left: 22px;
}
.like-chk-wrap input {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.like-chk-wrap input + label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	padding-left: 30px;
	color: #666;
	font-size: 18px;
	line-height: 24px;
	user-select: none;
	vertical-align: top;
	padding-left: 0;
	width: 24px;
	height: 24px;
	background: url("/images/bg/bg-star.gif") 0 0 no-repeat;
}
.like-chk-wrap input:disabled + label {
	color: #888;
}
.like-chk-wrap input:disabled + label::before {
	background: #f5f5f5;
}
.like-chk-wrap input:checked + label {
	background-position-y: bottom;
}
/* switch */
.chk-switch {
	display: inline-block;
	position: relative;
	min-height: 38px;
	vertical-align: top;
}
.chk-switch input {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.chk-switch input + label {
	display: block;
	position: relative;
	width: 68px;
	height: 38px;
	border-radius: 19px;
	background: #ddd;
	cursor: pointer;
	user-select: none;
	transition: background 0.1s ease-in-out;
}
.chk-switch input + label::before {
	content: ' ';
	position: absolute;
	top: 4px;
	left: 4px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	transition: all 0.2s ease-in-out;
}
.chk-switch input:checked + label {
	background: #1965b0;
}
.chk-switch input:checked + label::before {
	left: 34px;
}
/* list */
.slt-lists {
	overflow: hidden;
}
.slt-lists ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: -10px;
}
.slt-lists li {
	margin-top: 10px;
}
.slt-lists li.mix {
	display: flex;
	align-items: center;
	padding-right: 0 !important;
}
.slt-lists li.mix .rdo-wrap input + label {
	white-space: nowrap;
}
.slt-lists li.mix .form-control {
	margin-left: 20px;
}
.slt-lists.wide li {
	min-width: 200px;
	padding-right: 20px;
}
.slt-lists.wide li.mix {
	width: calc(100% - 400px);
}
.slt-lists.auto li {
	padding-right: 60px;
}
.slt-lists.auto li.mix {
	width: 100%;
}
.slt-lists.col4 li {
	min-width: 25%;
	padding-right: 20px;
}
.slt-lists.col4 li.mix {
	width: 100%;
}
.slt-lists.col5 li {
	min-width: 20%;
	padding-right: 20px;
}
.slt-lists.col4mix li {
	min-width: 20%;
	padding-right: 20px;
}
.slt-lists.col4mix li.mix {
	width: 40%;
}
.slt-lists.col6 li {
	min-width: calc(100% / 6);
	padding-right: 20px;
}
.bullet-list li {
	margin-top: 5px;
	padding-left: 20px;
	color: #666;
	font-size: 15px;
	line-height: 22px;
}
.bullet-list li:first-child {
	margin-top: 0;
}
.bullet-list li::before {
	content: '※';
	display: inline-block;
	vertical-align: top;
	width: 20px;
	margin-left: -20px;
}
.bullet-list li sup {
	display: inline-block;
	vertical-align: top;
	font-size: 0.8em;
	line-height: 1;
}
.bullet-list.dot-type li {
	padding-left: 10px;
}
.bullet-list.dot-type li::before {
	content: ' ';
	width: 4px;
	height: 4px;
	margin: 9px 6px 0 -10px;
	border-radius: 50%;
	background: #666;
}
.bullet-list.dot-type2 li {
	padding-left: 10px;
	font-size: 18px;
	line-height: 30px;
}
.bullet-list.dot-type2 li::before {
	content: '·';
	width: 10px;
	margin-left: -10px;
}
.worklist-wrap {
	overflow: hidden;
}
.worklist-wrap.type2 ul.lists {
	margin-top: -10px;
	margin-left: -10px;
}
.worklist-wrap.type2 ul.lists > li {
	margin-top: 10px;
	padding-left: 10px;
}
.worklist-wrap.type2 ul.lists > li .inner {
	padding: 12px;
}
.worklist-wrap.type2 ul.lists > li .inner .body .left {
	width: 100px;
	min-width: 100px;
}
.worklist-wrap ul.lists {
	display: flex;
	flex-wrap: wrap;
	margin-top: -30px;
	margin-left: -30px;
}
.worklist-wrap ul.lists > li {
	width: calc(100% / 3);
	margin-top: 30px;
	padding-left: 30px;
}
.worklist-wrap ul.lists > li .inner {
	display: block;
	padding: 20px;
	border: 1px solid #ddd;
}
.worklist-wrap ul.lists > li .inner .top {
	display: flex;
	align-items: center;
}
.worklist-wrap ul.lists > li .inner .top .flag-wrap {
	margin-right: auto;
	font-size: 0;
	display: flex;
	align-items: center;
}
.worklist-wrap ul.lists > li .inner .top .flag-wrap .ico-emer{
	display: inline-block;
    margin-right: 10px;
}
.worklist-wrap ul.lists > li .inner .top .flag-wrap .flag {
	margin-right: 7px;
}
.worklist-wrap ul.lists > li .inner .top .like-chk-wrap {
	margin-left: 8px;
}
.worklist-wrap ul.lists > li .inner .body {
	display: flex;
	margin-top: 20px;
}
.worklist-wrap ul.lists > li .inner .body .left {
	width: 130px;
	min-width: 130px;
	margin-right: 10px;
	text-align: center;
}
.worklist-wrap ul.lists > li .inner .body .left .cate {
	font-size: 16px;
	line-height: 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
}
.worklist-wrap ul.lists > li .inner .body .left .cate::after {
	content: ' ';
	display: block;
	width: 90px;
	height: 90px;
	margin: 10px auto 0;
	background-repeat: no-repeat;
	background-position: center;
}
.worklist-wrap ul.lists > li .inner .body .left .cate.cate01::after {
	background-image: url("/images/icon/icon-sub01.png");
}
.worklist-wrap ul.lists > li .inner .body .left .cate.cate02::after {
	background-image: url("/images/icon/icon-sub02.png");
}
.worklist-wrap ul.lists > li .inner .body .left .cate.cate03::after {
	background-image: url("/images/icon/icon-sub03.png");
}
.worklist-wrap ul.lists > li .inner .body .left .cate.cate04::after {
	background-image: url("/images/icon/icon-sub04.png");
}
.worklist-wrap ul.lists > li .inner .body .left .cate.cate05::after {
	background-image: url("/images/icon/icon-sub05.png");
}
.worklist-wrap ul.lists > li .inner .body .left .cate.cate06::after {
	background-image: url("/images/icon/icon-sub06.png");
}
.worklist-wrap ul.lists > li .inner .body .left .cate.cate07::after {
	background-image: url("/images/icon/icon-sub07.png");
}
.worklist-wrap ul.lists > li .inner .body .left .cate.cate08::after {
	background-image: url("/images/icon/icon-sub08.png");
}
.worklist-wrap ul.lists > li .inner .body .left .cate.cate09::after {
	background-image: url("/images/icon/icon-sub09.png");
}
.worklist-wrap ul.lists > li .inner .body .left .cate.cate10::after {
	background-image: url("/images/icon/icon-sub10.png");
}
.worklist-wrap ul.lists > li .inner .body .right {
	flex: 1;
	overflow: hidden;
}
.worklist-wrap ul.lists > li .inner .body .right .tit {
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	margin-bottom: 10px;
	color: #f26522;
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
}
.worklist-wrap ul.lists > li .inner .body .right .price, .worklist-wrap ul.lists > li .inner .body .right .date {
	margin-top: 10px;
	font-size: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
}
.worklist-wrap ul.lists > li .inner .body .right .price em, .worklist-wrap ul.lists > li .inner .body .right .date em {
	font-weight: 700;
}
.lawyerlist-wrap.type2 ul.lists > li {
	width: calc((100% - 20px) / 3);
	margin-left: 10px;
}
.lawyerlist-wrap.type2 .inner {
	padding: 20px 12px 30px;
}
.lawyerlist-wrap.type2 .inner .head {
	margin-top: 20px;
}
.lawyerlist-wrap.type2 .inner .head .thumb {
	width: 50px;
	min-width: 50px;
	height: 50px;
	margin-right: 10px;
}
.lawyerlist-wrap.type2 .inner .head .info .name {
	font-size: 22px;
	line-height: 24px;
}
.lawyerlist-wrap.type2 .inner .head .info .company {
	font-size: 18px;
	line-height: 22px;
}
.lawyerlist-wrap.type2 .inner .belong {
	margin-top: 15px;
}
.lawyerlist-wrap.type2 .inner .belong .flag {
	margin-top: 0;
}
.lawyerlist-wrap.type2 .inner .belong p {
	font-size: 16px;
	line-height: 22px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
}
.lawyerlist-wrap.type2 .inner .introduce {
	margin-top: 15px;
}
.lawyerlist-wrap.type2 .inner .spot-info {
	margin-top: 15px;
	margin-bottom: 30px;
}
.lawyerlist-wrap ul.lists {
	display: flex;
}
.lawyerlist-wrap ul.lists > li {
	width: 380px;
	margin-left: 30px;
}
.lawyerlist-wrap ul.lists > li:first-child {
	margin-left: 0;
}
.lawyerlist-wrap .inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 24px 16px 30px;
	border: 1px solid #ddd;
}
.lawyerlist-wrap .inner .top {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.lawyerlist-wrap .inner .top .flag-wrap {
	margin-right: auto;
	font-size: 0;
}
.lawyerlist-wrap .inner .top .flag-wrap .flag {
	margin-right: 7px;
}
.lawyerlist-wrap .inner .top .like-chk-wrap {
	margin-left: 8px;
}
.lawyerlist-wrap .inner .head {
	display: flex;
	align-items: center;
	margin-top: 35px;
}
.lawyerlist-wrap .inner .head .thumb {
	display: block;
	width: 92px;
	min-width: 92px;
	max-width: 90px;
	height: 92px;
	margin-right: 20px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}
.lawyerlist-wrap .inner .head .info {
	flex: 1 1 auto;
}
.lawyerlist-wrap .inner .head .info .name {
	font-size: 24px;
	line-height: 26px;
	font-weight: 700;
}
.lawyerlist-wrap .inner .head .info .company {
	margin-top: 4px;
	font-size: 20px;
	line-height: 24px;
	word-break: keep-all;
}
.lawyerlist-wrap .inner .belong {
	display: flex;
	align-items: flex-start;
	margin-top: 25px;
}
.lawyerlist-wrap .inner .belong .flag {
	margin-top: 3px;
	margin-right: 7px;
}
.lawyerlist-wrap .inner .belong p {
    flex: 1 1 auto;
    color: #1965b0;
    font-size: 18.5px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: -1px;
    word-break: keep-all;
}
.lawyerlist-wrap .inner .introduce {
	margin-top: 25px;
	color: #666;
	font-size: 16px;
	line-height: 22px;
	word-break: keep-all;
}
.lawyerlist-wrap .inner .spot-info {
	margin-top: 25px;
	margin-bottom: 50px;
}
.lawyerlist-wrap .inner .spot-info dl {
	display: flex;
	align-items: flex-start;
	margin-top: 10px;
	font-size: 16px;
	line-height: 22px;
}
.lawyerlist-wrap .inner .spot-info dl:first-child {
	margin-top: 0;
}
.lawyerlist-wrap .inner .spot-info dt {
	font-weight: 500;
	white-space: nowrap;
}
.lawyerlist-wrap .inner .spot-info dt::after {
	content: ' ';
	display: inline-block;
	vertical-align: top;
	width: 1px;
	height: 14px;
	background: #666;
	margin: 5px 10px 0;
}
.lawyerlist-wrap .inner .spot-info dd {
	color: #666;
}
.lawyerlist-wrap .inner .btn.btn-md {
	display: block;
	width: 180px;
	margin: auto auto 0;
}


.thumb-list-wrap {
	overflow: hidden;
}
.thumb-list-wrap > ul.lists {
	display: flex;
	flex-wrap: wrap;
	margin-top: -80px;
	margin-left: -30px;
}
.thumb-list-wrap > ul.lists > li {
	width: calc(100% / 3);
	min-width: calc(100% / 3);
	max-width: calc(100% / 3);
	margin-top: 80px;
	padding-left: 30px;
}
.thumb-list-wrap > ul.lists > li a.inner {
	display: block;
}
.thumb-list-wrap > ul.lists > li a.inner .thumb {
	display: block;
	width: 100%;
	height: 320px;
	margin-bottom: 15px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.thumb-list-wrap > ul.lists > li a.inner .tit {
	font-size: 22px;
	font-weight: 500;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
}
.thumb-list-wrap > ul.lists > li a.inner .desc {
	margin-top: 15px;
	font-size: 18px;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.thumb-list-wrap > ul.lists > li a.inner .date {
	margin-top: 20px;
	color: #888;
	font-size: 16px;
}
.masonry-list-wrap {
	overflow: hidden;
}
.masonry-list-wrap .item-wrap {
	margin-top: -60px;
	margin-left: -20px;
}
.masonry-list-wrap .item-wrap::after {
	content: " ";
	display: block;
	clear: both;
}
.masonry-list-wrap .item-wrap .items {
	float: left;
	width: 25%;
	margin-top: 60px;
	padding-left: 20px;
}
.masonry-list-wrap .item-wrap .items .thumb {
	position: relative;
	display: block;
	margin-bottom: 30px;
	border-radius: 10px;
	overflow: hidden;
}
.masonry-list-wrap .item-wrap .items .thumb img {
	width: 100%;
}
.masonry-list-wrap .item-wrap .items .info {
	position: relative;
}
.masonry-list-wrap .item-wrap .items .info .tit {
	display: block;
	font-size: 24px;
	line-height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-weight: 700;
	word-break: keep-all;
}
.masonry-list-wrap .item-wrap .items .info .tit:hover, .masonry-list-wrap .item-wrap .items .info .tit:active {
	text-decoration: underline;
}
.masonry-list-wrap .item-wrap .items .info .tit::before {
	content: ' ';
	display: block;
	width: 30px;
	height: 2px;
	margin-bottom: 10px;
	background: #1965b0;
}
.masonry-list-wrap .item-wrap .items .info .desc {
	margin-top: 10px;
	color: #666;
	font-size: 16px;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	word-break: keep-all;
}
.masonry-list-wrap .item-wrap .items .info .date {
	margin-top: 15px;
	color: #888;
	font-size: 14px;
	line-height: 22px;
}
.masonry-list-wrap .item-wrap .items .info .src {
	display: none !important;
}
/* modal */
.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	padding: 0 20px;
	background: rgba(0, 0, 0, 0.5);
	overflow: hidden;
	z-index: 1000;
	outline: 0;
}
.modal.large .modal-wrap {
	max-width: 1319px;
}
.modal.medium .modal-wrap {
	max-width: 980px;
}
.modal.small .modal-wrap{
	max-width: 767px;
}

.modal.login .modal-wrap .modal-container {
	border: none;
	border-radius: 30px;
	overflow: hidden;
}
.modal.login .modal-wrap{
	max-width:1100px;
}
.modal.sitemap .modal-wrap {
	max-width: 1200px;
}
.modal.sitemap .modal-wrap .modal-container {
	border: none;
	border-radius: 0;
	overflow: hidden;
}
.modal .modal-wrap {
	display: flex;
    align-items: center;
    width: auto;
    max-width: 750px;
    height: calc(100% - 60px);
    margin: 30px auto;
    overflow-y: auto;
}

.modal .modal-wrap .modal-container {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-height: 100%;
	background: #fff;
	border: 1px solid #999;
	border-radius: 6px;
	z-index: 1010;
}
.modal .modal-wrap .modal-container .modal-header {
	position: relative;
	padding: 55px 50px 40px;
}
.modal .modal-wrap .modal-container .modal-header .modal-title {
	font-size: 22px;
	font-weight: 500;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
}
.modal .modal-wrap .modal-container .modal-header .btn-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
}
.modal .modal-wrap .modal-container .modal-header .btn-close::before, .modal .modal-wrap .modal-container .modal-header .btn-close::after {
	content: ' ';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px;
	height: 28px;
	margin-top: -8px;
	margin-left: -6px;
	background: #666;
}
.modal .modal-wrap .modal-container .modal-header .btn-close::before {
	transform: rotate(45deg);
}
.modal .modal-wrap .modal-container .modal-header .btn-close::after {
	transform: rotate(-45deg);
}
.modal .modal-wrap .modal-container .modal-body {
	max-height: 100%;
	padding: 0 50px 30px;
	overflow-y: auto;
}
/* 스크롤바 기능은살리고 바는 없애기 */
.modal .modal-wrap .modal-container .modal-body::-webkit-scrollbar{ 		display:none;
}

.modal .modal-wrap .modal-container .modal-body .button-tabs {
	margin-bottom: 40px;
}
.modal .modal-wrap .modal-container .modal-body .form-wrap .row .forms.flex.size2 .col {
	margin-left: 60px;
}
.modal .modal-wrap .modal-container .modal-body .form-wrap .row .forms.flex.size2 .col:first-child {
	margin-left: 0;
}
.modal .modal-wrap .modal-container .modal-foot{
    display: flex;
    margin-top: 10px;
    padding: 0 20px 30px;
	justify-content: center;
	align-items: center;
}
.modal .modal-wrap .modal-container .modal-foot .btn-group{
	margin:0;
}
.modal-container .modal-login{
	position: relative;
	display: flex;
}
.modal .modal-wrap .modal-container .modal-login > div {
	width: 550px;
	padding: 60px;
}
.modal .modal-wrap .modal-container .modal-login .hello {
	display: flex;
	flex-direction: column;
	background: url("/images/bg/bg-login.jpg") center no-repeat;
	background-size: cover;
}
.modal .modal-wrap .modal-container .modal-login .hello .tit {
	color: #fff;
	font-size: 42px;
	font-weight: 400;
	line-height: 55px;
	word-break: keep-all;
}
.modal .modal-wrap .modal-container .modal-login .hello .tit em {
	font-weight: 700;
}
.modal .modal-wrap .modal-container .modal-login .hello .desc {
	color: #fff;
	margin-top: 30px;
	font-size: 32px;
}
.modal .modal-wrap .modal-container .modal-login .hello .desc em {
	font-weight: 500;
}
.modal .modal-wrap .modal-container .modal-login .hello .bottom {
	margin-top: auto;
	color: #fff;
	font-size: 18px;
	line-height: 30px;
}
.modal .modal-wrap .modal-container .modal-login .logins h2.tit {
	margin-bottom: 20px;
	font-size: 26px;
	font-weight: 500;
}
.modal .modal-wrap .modal-container .modal-login .logins .login-forms > li {
	margin-top: 15px;
}
.modal .modal-wrap .modal-container .modal-login .logins .login-forms > li:first-child {
	margin-top: 0;
}
.modal .modal-wrap .modal-container .modal-login .logins .login-forms > li .form-control {
	background: #fff;
}
.modal .modal-wrap .modal-container .modal-login .logins .btn-login {
	display: block;
	width: 100%;
	margin-top: 30px;
}
.modal .modal-wrap .modal-container .modal-login .logins .login-bottom {
	display: flex;
	align-items: center;
	margin-top: 30px;
}
.modal .modal-wrap .modal-container .modal-login .logins .login-bottom .chk-wrap {
	margin-right: auto;
}
.modal .modal-wrap .modal-container .modal-login .logins .login-bottom .chk-wrap input + label {
	font-size: 16px;
}
.modal .modal-wrap .modal-container .modal-login .logins .login-bottom .find-btn {
	display: block;
	margin-left: 15px;
	font-size: 16px;
	line-height: 1;
}
.modal .modal-wrap .modal-container .modal-login .logins .sns-logins {
	margin-top: 60px;
}
.modal .modal-wrap .modal-container .modal-login .logins .sns-logins .tit {
	font-size: 18px;
	text-align: center;
}
.modal .modal-wrap .modal-container .modal-login .logins .sns-logins .btns {
	margin-top: 20px;
	text-align: center;
	font-size: 0;
}
.modal .modal-wrap .modal-container .modal-login .logins .sns-logins .btns li {
	display: inline-block;
	vertical-align: top;
	margin: 0 25px;
}
.modal .modal-wrap .modal-container .modal-login .logins .sns-logins .btns li .btn-sns {
	display: block;
	width: 70px;
	height: 70px;
	border: 1px solid #ddd;
	border-radius: 50%;
}
.modal .modal-wrap .modal-container .modal-login .logins .sns-logins .btns li .btn-sns.sns01 {
	background: url("/images/icon/icon-naver.png") center no-repeat;
}
.modal .modal-wrap .modal-container .modal-login .logins .sns-logins .btns li .btn-sns.sns02 {
	background: url("/images/icon/icon-kakao.png") center no-repeat;
}
.modal .modal-wrap .modal-container .modal-login .logins .joins {
	margin-top: 30px;
	padding-top: 25px;
	border-top: 1px solid #ddd;
}
.modal .modal-wrap .modal-container .modal-login .logins .joins .tit {
	text-align: center;
	font-size: 18px;
	line-height: 26px;
}
.modal .modal-wrap .modal-container .modal-login .logins .joins .btn {
	display: block;
	width: 100%;
	margin-top: 30px;
}
.modal .modal-wrap .modal-container .modal-login .btn-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
}
.modal .modal-wrap .modal-container .modal-login .btn-close::before, .modal .modal-wrap .modal-container .modal-login .btn-close::after {
	content: ' ';
	position: absolute;
	left: 12px;
	bottom: 0;
	width: 2px;
	height: 26px;
	background: #666;
}
.modal .modal-wrap .modal-container .modal-login .btn-close::before {
	transform: rotate(45deg);
}
.modal .modal-wrap .modal-container .modal-login .btn-close::after {
	transform: rotate(-45deg);
}
.modal .modal-wrap .modal-container .modal-sitemap {
	position: relative;
	padding: 100px 50px;
}
.modal .modal-wrap .modal-container .modal-sitemap > nav > ul {
	display: flex;
	align-items: flex-start;
}
.modal .modal-wrap .modal-container .modal-sitemap > nav > ul > li {
	flex: 1;
}
.modal .modal-wrap .modal-container .modal-sitemap > nav > ul > li:hover a.dep1 {
	color: #1965b0;
}
.modal .modal-wrap .modal-container .modal-sitemap > nav > ul > li a.dep1 {
	position: relative;
	display: inline-block;
	padding-bottom: 25px;
	font-size: 20px;
	font-weight: 500;
}
.modal .modal-wrap .modal-container .modal-sitemap > nav > ul > li a.dep1::after {
	content: ' ';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 25px;
	height: 2px;
	background: #1965b0;
}
.modal .modal-wrap .modal-container .modal-sitemap > nav > ul > li .depth2 {
	margin-top: 25px;
}
.modal .modal-wrap .modal-container .modal-sitemap > nav > ul > li .depth2 > ul > li {
	margin-top: 20px;
}
.modal .modal-wrap .modal-container .modal-sitemap > nav > ul > li .depth2 > ul > li:first-child {
	margin-top: 0;
}
.modal .modal-wrap .modal-container .modal-sitemap > nav > ul > li .depth2 > ul > li a {
	display: inline-block;
	font-size: 16px;
}
.modal .modal-wrap .modal-container .modal-sitemap > nav > ul > li .depth2 > ul > li a:hover {
	color: #1965b0;
	text-decoration: underline;
}
.modal .modal-wrap .modal-container .modal-sitemap .btn-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
}
.modal .modal-wrap .modal-container .modal-sitemap .btn-close::before, .modal .modal-wrap .modal-container .modal-sitemap .btn-close::after {
	content: ' ';
	position: absolute;
	left: 12px;
	bottom: 0;
	width: 2px;
	height: 26px;
	background: #666;
}
.modal .modal-wrap .modal-container .modal-sitemap .btn-close::before {
	transform: rotate(45deg);
}
.modal .modal-wrap .modal-container .modal-sitemap .btn-close::after {
	transform: rotate(-45deg);
}
/* 2021-11-22 */
#modal-withdraw .modal-wrap{
	max-width: 650px;	
}
.modal .withdraw-box{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.modal .withdraw-box .tit{
	font-size: 28px;
    text-align: center;
    color: #202020;
}
.modal .withdraw-box .wt{
	font-weight: bold;
}
.modal .withdraw-box{
	position: relative;
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.modal .withdraw-lists{
	padding: 25px;
	background: #f7f7f7;
	width: 100%;
	text-align: center;
	margin: 20px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin: 20px 0;
}
.modal .withdraw-lists li{
	margin:5px 0; 
	font-size: 22px;
	color: #4177b4;
}
.modal .withdraw-lists li:first-of-type{
	font-size: 18px;
	color: #000;
}

/* 2021-11-29 */
#modal-leaflet {
	/* 리플릿추가 */
}
#modal-leaflet .modal-wrap{
	max-width: 700px;
}
#modal-leaflet .inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 24px 16px 30px;
	border: 1px solid #ddd;
}
#modal-leaflet .inner .top {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#modal-leaflet .inner .top .flag-wrap {
	margin-right: auto;
	font-size: 0;
}
#modal-leaflet .inner .top .flag-wrap .flag {
	margin-right: 7px;
}
#modal-leaflet .inner .top .like-chk-wrap {
	margin-left: 8px;
}
#modal-leaflet .inner .head {
	display: flex;
	align-items: center;
	margin-top: 35px;
}
#modal-leaflet .inner .head .thumb {
	display: block;
	width: 92px;
	min-width: 92px;
	max-width: 90px;
	height: 92px;
	margin-right: 20px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}
#modal-leaflet .inner .head .info {
	flex: 1 1 auto;
}
#modal-leaflet .inner .head .info .name {
	font-size: 24px;
	line-height: 26px;
	font-weight: 700;
}
#modal-leaflet .inner .head .info .company {
	margin-top: 4px;
	font-size: 20px;
	line-height: 24px;
	word-break: keep-all;
}
#modal-leaflet .inner .belong {
	display: flex;
	align-items: flex-start;
	margin-top: 25px;
}
#modal-leaflet .inner .belong .flag {
	margin-top: 3px;
	margin-right: 7px;
}
#modal-leaflet .inner .belong p {
	flex: 1 1 auto;
	color: #1965b0;
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
}
#modal-leaflet .inner .introduce {
	margin-top: 25px;
	color: #666;
	font-size: 16px;
	line-height: 22px;
	word-break: keep-all;
}
#modal-leaflet .inner .spot-info {
	margin-top: 25px;
	margin-bottom: 50px;
}
#modal-typeselect .inner .spot-info dl {
	display: flex;
	align-items: flex-start;
	margin-top: 10px;
	font-size: 16px;
	line-height: 22px;
}
.lawyerlist-wrap .inner .spot-info dl {
    display: flex;
    align-items: flex-start;
    margin-top: 10px;
    font-size: 16px;
    line-height: 22px;
}
#modal-leaflet .inner .spot-info dl:first-child {
	margin-top: 0;
}
#modal-leaflet .inner .spot-info dl{
    display: flex;
    align-items: flex-start;
    margin-top: 10px;
    font-size: 16px;
    line-height: 22px;
}
#modal-leaflet .inner .spot-info dt {
	font-weight: 500;
	white-space: nowrap;
}
#modal-leaflet .inner .spot-info dt::after {
	content: ' ';
	display: inline-block;
	vertical-align: top;
	width: 1px;
	height: 14px;
	background: #666;
	margin: 5px 10px 0;
}
#modal-leaflet .inner .spot-info dd {
	color: #666;
}
#modal-leaflet .inner .btn.btn-md {
	display: block;
	width: 180px;
	margin: auto auto 0;
}

/* 2021-12-08 */
#modal-share {
}
#modal-share .modal-wrap{
	max-width: 360px;
}
#modal-share ul li{
	margin-bottom: 10px;
}
#textbox-url{
	opacity: 0;
}
#modal-work{
	
}
#modal-work .text-wrap{

}
#modal-work .text-wrap ul {
    background: #f8f8f8;
    padding:7.5%;
    font-size: 17px;
	margin-bottom: 5%;
}
#modal-work .text-wrap ul li{
	position: relative;
	margin-bottom: 2.2%;
	line-height: 1.5;
	word-break: keep-all;
	padding-left: 10px;
}
#modal-work .text-wrap ul li a{
	color:#ff3333;
}
#modal-work .text-wrap ul li::before {
    content: '•';
    display: inline-block;
    vertical-align: top;
    width: 0;
    height: 0;
    margin-left: -11px;
    margin-right: 15px;
    background: currentcolor;
}

#modal-apply .modal-wrap{
	margin: 30px 0;
    margin-left: auto;
}

.withdraw-info-box{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.withdraw-info-box .info{
	letter-spacing: 0.3px;
}
.withdraw-info-box .accountChange{
	padding:10px 15px;
	background: #898989;
	color: #fff;
	border-radius: 10px;
}
.video-modal-area {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 80%;
	max-width: 710px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	padding: 60px 20px 50px;
	box-shadow: 5px 2px 10px 0px rgba(0, 0, 0, 0.5);
	transform: translate(-50%, -50%);
	z-index: 1010;
}
 @media screen and (max-width: 767px) {
.video-modal-area {
	width: 90%;
	padding: 50px 12px 40px;
}
}
.video-modal-area .video-area {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	background: #000;
	overflow: hidden;
}
.video-modal-area .video-area iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-modal-area .video-info {
	margin-top: 26px;
}
.video-modal-area .video-info .tit {
	position: relative;
	padding-top: 16px;
	font-size: 24px;
	line-height: 32px;
	font-weight: 700;
}
.video-modal-area .video-info .tit::before {
	content: ' ';
	position: absolute;
	left: 0;
	top: 0;
	width: 36px;
	height: 4px;
	background: #1965b0;
}
.video-modal-area .video-info .desc {
	margin-top: 15px;
	color: #888;
	font-size: 16px;
	line-height: 22px;
}
.video-modal-area .video-info .date {
	margin-top: 6px;
	color: #888;
	font-size: 14px;
	line-height: 22px;
}
.video-modal-area .btn-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
}
.video-modal-area .btn-close::before, .video-modal-area .btn-close::after {
	content: ' ';
	position: absolute;
	width: 2px;
	height: 24px;
	bottom: 10px;
	right: 29px;
	background: #111;
}
 @media screen and (max-width: 767px) {
.video-modal-area .btn-close::before, .video-modal-area .btn-close::after {
	right: 21px;
}
}
.video-modal-area .btn-close::before {
	transform: rotate(45deg);
}
.video-modal-area .btn-close::after {
	transform: rotate(-45deg);
}
/* pagination */
.pagination {
	margin-top: 70px;
	font-size: 0;
	text-align: center;
}
.pagination .control-btn, .pagination .page-btn-wrap, .pagination .page-btn-wrap .now, .pagination .page-btn-wrap a {
	display: inline-block;
	vertical-align: top;
}
.pagination .control-btn, .pagination .page-btn-wrap .now, .pagination .page-btn-wrap a {
	width: 34px;
	height: 34px;
	font-size: 16px;
	color: #999;
	border: 1px solid transparent;
	border-radius: 50%;
	line-height: 32px;
	background: #fff;
}
.pagination .control-btn {
	position: relative;
	margin: 0 6px;
	border-color: #ddd;
}
.pagination .control-btn::before, .pagination .control-btn::after {
	content: ' ';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border: 1px solid #666;
	border-bottom: none;
	border-right: none;
}
.pagination .control-btn.prev::before, .pagination .control-btn.prev::after, .pagination .control-btn.pprev::before, .pagination .control-btn.pprev::after {
	transform: rotate(-45deg);
}
.pagination .control-btn.prev::before {
	margin-left: -3px;
}
.pagination .control-btn.pprev::before {
	margin-left: -5px;
}
.pagination .control-btn.next::before, .pagination .control-btn.next::after, .pagination .control-btn.nnext::before, .pagination .control-btn.nnext::after {
	transform: rotate(135deg);
}
.pagination .control-btn.next::before {
	margin-left: -8px;
}
.pagination .control-btn.nnext::before {
	margin-left: -11px;
}
.pagination .control-btn.nnext::after {
	margin-left: -6px;
}
.pagination .control-btn.prev::after, .pagination .control-btn.next::after {
	display: none;
}
.pagination .page-btn-wrap {
	margin: 0;
}
.pagination .page-btn-wrap > a, .pagination .page-btn-wrap > .now {
	margin: 0 6px;
}
.pagination .page-btn-wrap .now {
	color: #1965b0;
	font-weight: 500;
}
.select-wrap {
	position: relative;
}
.select-wrap .nice-select {
	position: relative;
	-webkit-tap-highlight-color: transparent;
	background-color: #f5f5f5;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	font-size: 18px;
	height: 60px;
	line-height: 58px;
	border: 1px solid #ddd;
	border-radius: 8px;
	outline: none;
	padding-left: 15px;
	padding-right: 35px;
	text-align: left !important;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	width: auto;
	color: #333;
	z-index: 100;
}

.select-wrap .nice-select10{
	width:calc(100% + 10px) !important;
}
.select-wrap .nice-select > span.current {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}
.select-wrap .nice-select > span.current.placeholder {
	color: #999;
}
.select-wrap .nice-select.open {
	position: relative;
	border-color: #1965b0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	z-index: 110;
}
.select-wrap .nice-select.disabled {
	opacity: 0.5;
}
.select-wrap .nice-select:after {
	content: "";
	width: 12px;
	height: 12px;
	border: 1px solid #666;
	border-top: none;
	border-left: none;
	display: block;
	margin-top: -8px;
	pointer-events: none;
	position: absolute;
	right: 18px;
	top: 50%;
	transform: rotate(45deg);
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.select-wrap .nice-select.open:after {
	transform: rotate(225deg);
	margin-top: -2px;
}
.select-wrap .nice-select.open .list {
	opacity: 1;
	pointer-events: auto;
	border-color: #1965b0;
	border-radius: 0 0 8px 8px;
	-webkit-transform: scale(1) translateY(0);
	-ms-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0);
	z-index: 110;
}
.select-wrap .nice-select.disabled {
	background: #f5f5f5;
	color: #888;
	pointer-events: none;
}
.select-wrap .nice-select.disabled:after {
	border-color: #cccccc;
}
.select-wrap .nice-select .list {
	position: absolute;
    top: 58px;
    height: 300px;
	left:-1px;
    width: calc(100% + 2px);
    background-color: #f5f5f5;
    border: 1px solid transparent;
    border-top: none;
    box-sizing: border-box;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    -ms-transform-origin: 50% 0;
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    z-index: 100;
    overflow-y: scroll;
	overflow-x:auto;
}
.select-wrap .nice-select .list::-webkit-scrollbar{
	display: block;
	width: 1em;
	overflow: auto;
	height: 1em;
	border-bottom-right-radius: 5px;
}
.select-wrap .nice-select .list::-webkit-scrollbar-thumb{
	background: #d4e5f3;
}

.select-wrap .nice-select .list:hover .option:not(:hover) {
	background-color: transparent;
}
.select-wrap .nice-select .option {
	cursor: pointer;
	font-weight: 400;
	line-height: 60px;
	list-style: none;
	min-height: 60px;
	outline: none;
	padding-left: 15px;
	padding-right: 24px;
	text-align: left;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.select-wrap .nice-select .option:hover, .select-wrap .nice-select .option.focus, .select-wrap .nice-select .option.selected.focus {
	background-color: #eee;
}
.select-wrap .nice-select .option.selected {
	font-weight: bold;
}
.select-wrap .nice-select .option.disabled {
	background-color: transparent;
	color: #999;
	cursor: default;
}
.select-wrap .no-csspointerevents .nice-select .list {
	display: none;
}
.select-wrap .no-csspointerevents .nice-select.open .list {
	display: block;
}
/* 20210909 추가 */
.select-wrap .nice-select.whiteType {
	background-color: #fff;
	height: 45px;
	line-height: 43px;
	border: 1px solid #ddd;
	border-radius: 0px;
}

.select-wrap .nice-select.whiteType .list {
	background-color: #fff;
}
.select-wrap .nice-select.whiteType.open {
	border-color: #1965b0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	z-index: 110;
}
.select-wrap .nice-select.whiteType.open .list {
	opacity: 1;
	pointer-events: auto;
	border-color: #1965b0;
	border-radius: 0 0 0px 0px;
}
.select-wrap .nice-select.whiteType .option {
	line-height: 45px;
	min-height: 45px;
}
.width-type1 {	
	margin-top: 35px;
	width:200px;
}

.width-50 {
	width:50%;
}

.width-357px {
	width:357px;
}



/* // 20210909 추가 */

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	/* Fix of Webkit flickering */
	z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
	flex-direction: column;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
	transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
	flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-container-pointer-events {
	touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
	touch-action: pan-x;
}
.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
}
.swiper-slide-invisible-blank {
	visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
	height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
	perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
	transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	/* For Firefox */
	-ms-overflow-style: none;/* For Internet Explorer and Edge */
}
 .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
 display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
	scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
	scroll-snap-type: y mandatory;
}
:root {
 --swiper-navigation-size: 44px;
/*
    --swiper-navigation-color: var(--swiper-theme-color);
    */
}
.swiper-button-prev, .swiper-button-next {
	position: absolute;
	top: 50%;
 width: calc(var(--swiper-navigation-size) / 44 * 27);
	height: var(--swiper-navigation-size);
 margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
}
.swiper-button-prev:after, .swiper-button-next:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	letter-spacing: 0;
	text-transform: none;
	font-variant: initial;
	line-height: 1;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left: 10px;
	right: auto;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
	content: "prev";
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	right: 10px;
	left: auto;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
	content: "next";
}
.swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white {
 --swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black {
 --swiper-navigation-color: #000000;
}
.swiper-button-lock {
	display: none;
}
:root {
/*
    --swiper-pagination-color: var(--swiper-theme-color);
    */
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: 300ms opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 10px;
	left: 0;
	width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(0.33);
	position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(0.33);
}
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 50%;
	background: #000;
	opacity: 0.2;
}
button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, 0.25);
	position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0;
}
.swiper-pagination-white {
 --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
 --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
	display: none;
}
/* Scrollbar */
.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%;
}
.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	left: 0;
	top: 0;
}
.swiper-scrollbar-cursor-drag {
	cursor: move;
}
.swiper-scrollbar-lock {
	display: none;
}
.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.swiper-slide-zoomed {
	cursor: move;
}
/* Preloader */
:root {
/*
    --swiper-preloader-color: var(--swiper-theme-color);
    */
}
.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	animation: swiper-preloader-spin 1s infinite linear;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent;
}
.swiper-lazy-preloader-white {
 --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
 --swiper-preloader-color: #000;
}
 @keyframes swiper-preloader-spin {
 100% {
 transform: rotate(360deg);
}
}
/* a11y */
.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}
.swiper-container-cube {
	overflow: visible;
}
.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
	transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
	pointer-events: auto;
	visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
	content: "";
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	-webkit-filter: blur(50px);
	filter: blur(50px);
}
.swiper-container-flip {
	overflow: visible;
}
.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none;
}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
/* tab */
.button-tabs {
	overflow: hidden;
	margin-bottom: 35px;
}
.button-tabs ul.tabs {
	display: flex;
	justify-content: flex-start;
	gap:10px;
}
.button-tabs ul.tabs li a {
	display: block;
	height: 44px;
	padding: 0 18px;
	border: 1px solid #ddd;
	border-radius: 22px;
	color: #999;
	font-size: 18px;
	line-height: 42px;
}
.button-tabs ul.tabs li.active a {
	color: #fff;
	background: #1965b0;
	border-color: #1965b0;
}
.button-tabs.type2 {
	position: relative;
	margin-bottom: 40px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.button-tabs.type2 ul.tabs {
	justify-content: flex-start;
}
.button-tabs.type2 ul.tabs li {
	margin-left: 10px;
}
.button-tabs.type2 ul.tabs li:first-child {
	margin-left: 0;
}
.button-tabs.type2 .link-cont {
	position: absolute;
	right: 0;
	bottom: 11px;
}
.border-tabs {
	overflow: hidden;
	margin-bottom: 50px;
}
.border-tabs ul.tabs {
	position: relative;
	display: flex;
}
.border-tabs ul.tabs::before {
	content: ' ';
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	background: #1965b0;
}
.border-tabs ul.tabs li {
	position: relative;
	flex: 1;
}
.border-tabs ul.tabs li a {
	display: block;
	height: 60px;
	border: 1px solid transparent;
	border-bottom: none;
	color: #999;
	font-size: 20px;
	line-height: 59px;
	text-align: center;
}
.border-tabs ul.tabs li:first-child a {
	border-left: none;
}
.border-tabs ul.tabs li:last-child a {
	border-right: none;
}
.border-tabs ul.tabs li.active a {
	background: #fff;
	border-color: #1965b0;
	color: #1965b0;
	font-weight: 500;
}
.find-tabs {
	position: relative;
}
.find-tabs::before {
	content: ' ';
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	background: #ddd;
}
.find-tabs ul.tabs {
	font-size: 0;
}
.find-tabs ul.tabs li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
.find-tabs ul.tabs li a {
	display: block;
	padding-bottom: 12px;
	border-bottom: 2px solid transparent;
	text-align: center;
	font-size: 20px;
	color: #888;
}
.find-tabs ul.tabs li.active a {
	border-color: #1965b0;
	color: #1965b0;
	font-weight: 500;
}
/* table */
.tbl-wrap {
	position: relative;
}
.tbl-wrap.narrow {
	width: 930px;
	margin: 0 auto;
}
.tbl-wrap .tbl-title {
	margin-bottom: 25px;
	font-size: 22px;
	line-height: 30px;
	font-weight: 500;
	word-break: keep-all;
}
.tbl-wrap .tbl-desc {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 22px;
}
.tbl-wrap .tbl-buttons {
	position: absolute;
	right: 0;
	bottom: 100%;
	margin-bottom: 22px;
	text-align: right;
	font-size: 0;
}
.tbl-wrap .tbl-buttons .btn {
	min-width: 175px;
	margin-left: 10px;
}
.tbl-wrap .essen-txt {
	margin-top: 55px;
	margin-bottom: 15px;
	color: #666;
	font-size: 15px;
	text-align: right;
}
.tbl-wrap .essen-txt span {
	color: #ff2d04;
}
.tbl-wrap .essen-txt:first-child {
	margin-top: 0;
}
.tbl-wrap .table {
	width: 100%;
	table-layout: fixed;
}
.tbl-wrap .table.work-table tbody tr:first-child th, .tbl-wrap .table.work-table tbody tr:first-child td {
	border-top: 1px solid #666;
}
.tbl-wrap .table.work-table tbody tr th, .tbl-wrap .table.work-table tbody tr td {
	height: 70px;
	padding: 22px 40px;
	border-bottom: 1px solid #ccc;
	font-size: 18px;
	line-height: 26px;
	text-align: left;
	vertical-align: middle;
}
.tbl-wrap .table.work-table tbody tr th {
	background: #e2ecf4;
	color: #333;
	font-weight: 500;
}
.tbl-wrap .table.work-table tbody tr td {
	background: #fafafa;
	color: #666;
}
.tbl-wrap .table.work-table .spc-txt span {
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	color: inherit;
	font-size: 18px;
	line-height: 26px;
}
.tbl-wrap .table.work-table .spc-txt span:last-child {
	margin-right: 0;
}
.tbl-wrap .table.work-table .spc-txt span .wt {
	margin-right: 4px;
}
.tbl-wrap .table.work-table .spc-txt .wt {
	color: #333;
	font-weight: 500;
}
.tbl-wrap .table.work-table p.spc-txt {
	font-size: 0;
}
.tbl-wrap .table.work-table ul.spc-txt {
	font-size: 0;
}
.tbl-wrap .table.work-table ul.spc-txt li {
	display: inline-block;
	vertical-align: top;
}
.tbl-wrap .table.work-table ul.spc-txt li::after {
	content: ' ';
	display: inline-block;
	vertical-align: top;
	width: 1px;
	height: 16px;
	margin: 5px 40px 0;
	background: #ddd;
}
.tbl-wrap .table.work-table ul.spc-txt li:last-child::after {
	display: none;
}
.tbl-wrap .table.notice-table .col1 {
	width: 90px;
}
.tbl-wrap .table.notice-table .col2 {
	width: 130px;
}
.tbl-wrap .table.notice-table thead tr:first-child th {
	border-top: 1px solid #333;
}
.tbl-wrap .table.notice-table thead tr th {
	height: 60px;
	border-bottom: 1px solid #ddd;
	background: #f5f5f5;
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
	text-align: center;
}
.tbl-wrap .table.notice-table tbody tr td {
	height: 60px;
	padding: 10px 20px;
	border-bottom: 1px solid #ddd;
	font-size: 18px;
	line-height: 26px;
	text-align: center;
}
.tbl-wrap .table.notice-table tbody tr td a[class^="link"] {
	position: relative;
}
.tbl-wrap .table.notice-table tbody tr td a[class^="link"]:hover {
	text-decoration: none;
}
.tbl-wrap .table.notice-table tbody tr td a[class^="link"]:hover span {
	text-decoration: underline;
}
.tbl-wrap .table.notice-table tbody tr td a[class^="link"] span {
	display: inline-block;
	vertical-align: top;
	max-width: 830px;
	padding-right: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
}
.tbl-wrap .table.notice-table tbody tr td a[class^="link"] em.reply-count {
	display: inline-block;
	vertical-align: top;
	min-width: 30px;
	height: 24px;
	border: 1px solid #ddd;
	border-radius: 12px;
	margin-top: 1px;
	padding: 0 5px;
	font-size: 16px;
	line-height: 22px;
	color: #1965b0;
	text-align: center;
}
.tbl-wrap .table.notice-table tbody tr td a[class^="link"].new {
	padding-right: 27px;
}
.tbl-wrap .table.notice-table tbody tr td a[class^="link"].new::after {
	content: 'N';
	position: absolute;
	top: 50%;
	right: 0;
	width: 22px;
	height: 22px;
	margin-top: -11px;
	border-radius: 50%;
	background: #1965b0;
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	text-indent: 5.5px;
}
.tbl-wrap .table.notice-table tbody tr td a[class^="link"].file {
	padding-right: 27px;
}
.tbl-wrap .table.notice-table tbody tr td a[class^="link"].file::before {
	content: ' ';
	position: absolute;
	top: 50%;
	right: 0;
	width: 22px;
	height: 22px;
	margin-top: -11px;
	border: 1px solid #bababa;
	border-radius: 11px;
	background: url("/images/icon/icon-clip.png") center no-repeat;
}
.tbl-wrap .table.notice-table tbody tr td a[class^="link"].img-file {
	padding-right: 28px;
}
.tbl-wrap .table.notice-table tbody tr td a[class^="link"].img-file::before {
	content: ' ';
	position: absolute;
	top: 50%;
	right: 0;
	width: 23px;
	height: 22px;
	margin-top: -11px;
	background: url("/images/icon/icon-img-file.png") center no-repeat;
}
.tbl-wrap .table.notice-table tbody tr td a[class^="link"].new.file {
	padding-right: 49px;
}
.tbl-wrap .table.notice-table tbody tr td a[class^="link"].new.file::before {
	right: 27px;
}
.tbl-wrap .table.notice-table tbody tr td a[class^="link"].new.img-file {
	padding-right: 55px;
}
.tbl-wrap .table.notice-table tbody tr td a[class^="link"].new.img-file::before {
	right: 27px;
}
.tbl-wrap .table.row-table .col1 {
	width: 16.774194%;
}
.tbl-wrap .table.row-table tbody tr:first-child th, .tbl-wrap .table.row-table tbody tr:first-child td {
	border-top: 1px solid #333;
}
.tbl-wrap .table.row-table tbody tr th {
	height: 60px;
	padding: 13px 25px;
	border-bottom: 1px solid #ddd;
	background: #f5f5f5;
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
	text-align: left;
	vertical-align: middle;
}
.tbl-wrap .table.row-table tbody tr th.essen::after {
	content: '*';
	color: #ff2d04;
}
.tbl-wrap .table.row-table tbody tr td {
	height: 60px;
	padding: 13px 25px 13px 15px;
	border-bottom: 1px solid #ddd;
	font-size: 18px;
	line-height: 26px;
	text-align: left;
	vertical-align: middle;
}
.tbl-wrap .table.row-table tbody tr td .form-control {
	height: 50px;
	min-height: 50px;
	padding: 13px 24px;
	background: #fff;
}
.tbl-wrap .table.row-table tbody tr td textarea.form-control {
	height: 180px;
	min-height: 180px;
}
.tbl-wrap .table.col-table thead tr:first-child th {
	border-top: 1px solid #333;
}
.tbl-wrap .table.col-table thead tr th {
	height: 60px;
	padding: 16px 0;
	border-bottom: 1px solid #ddd;
	background: #f5f5f5;
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
	text-align: center;
	vertical-align: middle;
}
.tbl-wrap .table.col-table tbody td, .tbl-wrap .table.col-table tbody th {
	height: 60px;
	padding: 4px 10px;
	border-bottom: 1px solid #ddd;
	font-size: 18px;
	line-height: 26px;
	text-align: center;
	vertical-align: middle;
}
.tbl-wrap .table.col-table.work-type tbody td, .tbl-wrap .table.col-table.work-type tbody th {
	padding: 45px 0;
}
.tbl-wrap .table.col-table .input-flex {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-around;
}
.tbl-wrap .table.col-table .input-flex .form-control {
	height: 40px;
	min-height: 40px;
	padding: 8px;
	margin-right: 8px;
}
.tbl-wrap .table.col-table .input-flex .select-wrap {
	flex: 1;
	margin-right: 8px;
}
.tbl-wrap .table.col-table .input-flex .select-wrap .nice-select {
	height: 40px;
	line-height: 38px;
	padding: 0 8px;
	padding-right: 30px;
}
.tbl-wrap .table.col-table .input-flex .select-wrap .nice-select::after {
	right: 11px;
	width: 8px;
	height: 8px;
	margin-top: -6px;
}
.tbl-wrap .table.col-table .input-flex .select-wrap .nice-select.open::after {
	margin-top: -2px;
}
.tbl-wrap .table.col-table .input-flex .select-wrap .nice-select ul.list .option {
	min-height: 40px;
	line-height: 40px;
	padding: 0 8px;
}
.tbl-wrap .table .nodata {
	padding: 20px 0;
}
.tbl-wrap .btn-write {
	position: absolute;
	top: 100%;
	right: 0;
	display: block;
	width: 135px;
	margin-top: 20px;
	font-size: 18px;
	font-weight: 500;
}
.tbl-wrap .link-basic.file {
	position: relative;
	padding-left: 26px;
}
.tbl-wrap .link-basic.file::before {
	content: ' ';
	position: absolute;
	left: 0;
	top: 4px;
	width: 20px;
	height: 18px;
	background: url("/images/icon/icon-clip2.png") center no-repeat;
}
/* tooltip */
.tooltip-wrap {
	position: relative;
	z-index: 10;
}
.tooltip-wrap .tooltip-button {
	display: block;
	width: 22px;
	height: 22px;
	border-radius: 11px;
	background: #1965b0;
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	cursor: pointer;
}
.tooltip-wrap .tooltip-button::before {
	content: '?';
}
.tooltip-wrap .tooltip-button:hover + .tooltip-box {
	display: block;
}
.tooltip-wrap .tooltip-box {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 420px;
	margin-top: 20px;
	padding: 30px 25px;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}
.tooltip-wrap .tooltip-box .tit {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 22px;
}
.tooltip-wrap .tooltip-box .desc {
	font-size: 14px;
	line-height: 22px;
}
/* === COMMON LAYOUT === */

/* top_banner*/

.top_banner_wrap { width:100%;overflow:hidden; position:relative; z-index:9 }
.topBannerSlide{background: #e0edf6;position: relative;display: flex;justify-content: center;align-items: center;}
.bannerClose { font-size:0; display:inline-block; width:20px; height:20px; position:absolute; top:50%; right:20px; transform:translateY(-50%); background: url(../images/icon/banner_close_ico.png)center center /cover no-repeat; z-index:10 }

@media screen and (max-width: 767px) {
	.top_banner_wrap{ display:none; }
}
/* header */
header {
	position: relative;
	top:0;
}
/* header.move { top:150px; }  */

header.main::before {
	display: none;
}
header::before {
	content: ' ';
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	background: #ccc;
}
header .head-top {
	border-bottom: 1px solid #eee;
}
header .head-top ul.link {
	width: 1200px;
	margin: 0 auto;
	font-size: 0;
	text-align: right;
}
header .head-top ul.link li {
	display: inline-block;
	vertical-align: top;
	margin-left: 25px;
	padding: 13px 0;
}
header .head-top ul.link li .info{
    color: #fff;
    background: #1965b0;
    border-color: #1965b0;
    border-radius: 5px;
    padding: 0 10px;
}
header .head-top ul.link li a, header .head-top ul.link li button {
	display: block;
	font-size: 16px;
	line-height: 24px;
}
header .head-cont {
	display: flex;
	align-items: center;
	width: 1200px;
	margin: 0 auto;
	/* border:solid 1px red; */
}
header .head-cont h1 {
	display: flex;
	align-items: center;
	height: 80px;
	font-size: 0;
	line-height: 1;
}
header .head-cont h1 a {
	display: block;
}
header .head-cont #gnb {
	margin:0 auto;
}
header .head-cont #gnb > ul {
	display: flex;
	align-items: center;
	gap:40px;
}
header .head-cont #gnb > ul > li {
	position: relative;
	z-index: 100;
}
header .head-cont #gnb > ul > li i{
	position: absolute;
	top:-12px;
	
}
.emergency{
	animation: emergency 2s ease-in-out infinite;
}
.emergency2{
	animation: emergency2 1.5s ease-in-out infinite;
}
@keyframes emergency {
	0%,
	100% {
	  opacity: 1;
	}
	50% {
	  opacity: 0.5;
	}
}

  @keyframes emergency2{
	0%,
	100% {
	  opacity: 1;
	}
	50% {
	  opacity: 0.5;
	}
}


header .head-cont #gnb > ul > li:first-child {
	margin-left: 0;
}
header .head-cont #gnb > ul > li a.dep1 {
	display: block;
	font-size: 18px;
	line-height: 30px;
}
header .head-cont #gnb .depth2 {
	display: none;
	position: absolute;
	top: 100%;
	left: -24px;
	padding-top: 33px;
}
header .head-cont #gnb .depth2 ul {
	min-width: 250px;
	padding: 36px 24px;
	background: #fff;
	box-shadow: 0px 0px 20px 0px rgba(51, 51, 51, 0.1);
}
header .head-cont #gnb .depth2 li {
	margin-top: 17px;
}
header .head-cont #gnb .depth2 li:first-child {
	margin-top: 0;
}
header .head-cont #gnb .depth2 li a {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	line-height: 26px;
	white-space: nowrap;
}
header .head-cont #gnb .depth2 li a:hover {
	color: #1965b0;
	text-decoration: underline;
}
header .head-cont button.login {
	width: 130px;
    font-size: 18px;
    font-weight: 500;
}
header .head-cont .my-menu {
	position: relative;
	display: flex;
	align-items: center;
    justify-content: end;
    gap: 20px;
	margin-left:10px;
}

header .head-cont .my-menu i.alarm button{
	position: relative;
}

header .head-cont .my-menu i.alarm  span{
	position: absolute;
    top: -5px;
    right: -7px;
    z-index: 1;
    border-radius: 10px;
    background: #ff0000;
    width: 20px;
    height: 20px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    padding: 2px;
    font-size: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
}

header .head-cont .my-menu .alarm-menu{
	position: absolute;
    top: 100%;
    left: 0;
    width: 340px;
    margin-top: 10%;
	padding:20px 30px;
    left: 25%;
    transform: translate(-50%, 0);
	background: #fff;
    border: solid 1px #e9e9e9;
    border-radius: 10px;
	display: none;
	z-index: 0;
}
header .head-cont .my-menu .alarm-menu::before{
    position: absolute;
    content: '';
    top: -10px;
    left: 42%;
    width: 20px;
    height: 20px;
    border: solid 1px #e9e9e9;
    text-align: center;
    transform: rotate(45deg);
    border-width: 1px 0px 0px 1px;
    background: #fff;
}
header .head-cont .my-menu .btn{
	font-size:14px;
	color:#848483;
}
header .head-cont .my-menu .alarm-menu.open{
	display: block;
	z-index: 10;
	opacity: 1;
}
header .head-cont .my-menu .alarm-menu .alarm-tit{
	position: relative;	
}
header .head-cont .my-menu .alarm-menu h2{
	font-weight: 500;
	color:#1965b0;
	font-size:18px;
}

header .head-cont .my-menu .alarm-menu .btn-close{
    position: absolute;
    top: 50%;
    right: -20px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    z-index: 10;
}
header .head-cont .my-menu .alarm-menu .btn-close::before,
header .head-cont .my-menu .alarm-menu .btn-close::after{
	content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 24px;
    margin-top: -12px;
    margin-left: -1px;
    background: #000;
}
header .head-cont .my-menu .alarm-menu .btn-close::before{
	transform: rotate(45deg);
}
header .head-cont .my-menu .alarm-menu .btn-close::after{
	transform: rotate(-45deg);
}
header .head-cont .my-menu .alarm-menu ul{
    position: relative;
    overflow-y: auto;
    max-height: 600px;
	scrollbar-width: none;
	 -ms-overflow-style:none;
	 transition: all .5s;
}
header .head-cont .my-menu .alarm-menu ul::-webkit-scrollbar {display: none;}

header .head-cont .my-menu .alarm-menu > ul > li{
	position: relative;
    margin: 20px 0;
    border-width: 1px 0;
    padding:20px 0;
    word-break: keep-all;
    line-height: 1.5;
	padding-right: 30px;
}
header .head-cont .my-menu .alarm-menu > ul > li{
	border-bottom:solid 1px #ddd;
}
header .head-cont .my-menu .alarm-menu > ul > li:last-of-type{
	border:none;
}
header .head-cont .my-menu .alarm-menu > ul > li::before{
	content: ' ';
    position: absolute;
    top: 50%;
    right: 3px;
    width: 10px;
    height: 10px;
    margin-top: -7px;
    border: 1px solid #bcbcbc;
    border-top: none;
    border-right: none;
    transform: rotate(-135deg);
    transition: all 0.2s linear
}
header .head-cont .my-menu .alarm-menu > ul > li p.days{	
	text-align: right;
	margin-bottom: 20px;
	margin-right:-30px;
	font-size:14px;
}
header .head-cont .my-menu .btn-toggle {
	position: relative;
	display: block;
	padding-right: 32px;
}
header .head-cont .my-menu .btn-toggle::after {
	content: ' ';
	position: absolute;
	top: 50%;
	right: 3px;
	width: 10px;
	height: 10px;
	margin-top: -7px;
	border: 1px solid #333;
	border-top: none;
	border-right: none;
	transform: rotate(-45deg);
	transition: all 0.2s linear;
}
header .head-cont .my-menu .btn-toggle .thumb {
	display: block;
	width: 43px;
	height: 43px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
header .head-cont .my-menu .lists {
	display: none;
	position: absolute;
	top: 100%;
	/* right: 0; */
	margin-left: -60px;
	margin-top: 25px;
	padding: 40px 30px;
	background: #fff;
	box-shadow: 0px 0px 5px 0px rgba(51, 51, 51, 0.1);
	z-index: 100;
}
header .head-cont .my-menu .lists li {
	margin-top: 30px;
}
header .head-cont .my-menu .lists li:first-child {
	margin-top: 0;
}
header .head-cont .my-menu .lists li a {
	display: inline-block;
	white-space: nowrap;
	font-size: 18px;
}
header .head-cont .my-menu .lists li a:hover {
	color: #1965b0;
}
header .head-cont .my-menu.open .btn-toggle::after {
	transform: rotate(135deg);
	margin-top: -2px;
}
header .head-cont .my-menu.open .lists {
	display: block;
}
/* common layout */
.skip-navigation {
	position: absolute;
	z-index: 9999;
}
.skip-navigation a {
	display: block;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
}
#wrap{
	position: relative;

}
#wrap .contents {
	position: relative;
	z-index: 1;
	width: 1200px;
	margin: 0 auto;
	padding-top: 130px;
	padding-bottom: 100px;
}
#wrap .img_wrap{
	position: absolute;
    top: 50px;
    right: 85px;
    width: 480px;
    height: 200px;
    display: flex;
    justify-content: center;
}





#wrap .contents.cate01 {
	background: url('/images/bg/bg-cate01.jpg') 0 0 no-repeat;
}
#wrap .contents.cate02 {
	background: url('/images/bg/bg-cate02.jpg') 0 0 no-repeat;
}
#wrap .contents.cate03 {
	background: url('/images/bg/bg-cate03.jpg') 0 0 no-repeat;
}
#wrap .contents.cate04 {
	background: url('/images/bg/bg-cate04.jpg') 0 0 no-repeat;
}
#wrap .contents.cate05 {
	background: url('/images/bg/bg-cate05.jpg') 0 0 no-repeat;
}
#wrap .contents.cate06 {
	background: url('/images/bg/bg-cate06.jpg') 0 0 no-repeat;
}
#wrap .contents h2.page-title {
	/* width: 1200px;
	margin: 0 auto; */
	font-size: 50px;
	font-weight: 700;
}
#wrap .contents .page-tab-wrap {
	margin-top: 65px;
	margin-bottom: 50px;
	padding-bottom: 25px;
	border-bottom: 1px solid #ddd;
}
#wrap .contents .page-tab-wrap .tabs {
	display: flex;
}
#wrap .contents .page-tab-wrap .tabs.type2 {
	justify-content: space-between;
}
#wrap .contents .page-tab-wrap .tabs.type2 li {
	margin-left: 0;
}
#wrap .contents .page-tab-wrap .tabs li {
	margin-left: 50px;
}
#wrap .contents .page-tab-wrap .tabs li:first-child {
	margin-left: 0;
}
#wrap .contents .page-tab-wrap .tabs li a {
	display: block;
	padding-bottom: 12px;
	border-bottom: 2px solid transparent;
	color: #666;
	font-size: 24px;
	white-space: nowrap;
}

#wrap .contents .page-tab-wrap .tabs li.active a {
	border-color: #1965b0;
	color: #333;
	font-weight: 500;
}
#wrap .contents .page-contents {
	width: 1200px;
	margin: 0 auto;
}
#wrap .contents .page-contents.type2 {
	margin-top: 70px;
}
#wrap .contents .page-contents.type2 .complete-page {
	padding-top: 80px;
}
#wrap .contents.mypage {
	padding-top: 80px;
}
#wrap .contents.mypage::after {
	content: " ";
	display: block;
	clear: both;
}
#wrap .contents.mypage .mypage-lnb {
	float: left;
	width: 220px;
}
#wrap .contents.mypage .mypage-lnb h2.lnb-title {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 2px solid #333;
	font-size: 26px;
	font-weight: 500;
}
#wrap .contents.mypage .mypage-lnb nav.lnb > ul > li {
	margin-top: 50px;
}
#wrap .contents.mypage .mypage-lnb nav.lnb > ul > li:first-child {
	margin-top: 0;
}
#wrap .contents.mypage .mypage-lnb nav.lnb > ul > li > a, #wrap .contents.mypage .mypage-lnb nav.lnb > ul > li > button {
	display: block;
	width: 100%;
	font-size: 20px;
	color: #666;
	text-align: left;
}
#wrap .contents.mypage .mypage-lnb nav.lnb > ul > li > button {
	position: relative;
}
#wrap .contents.mypage .mypage-lnb nav.lnb > ul > li > button::after {
	content: ' ';
	position: absolute;
	right: 3px;
	top: 50%;
	width: 10px;
	height: 10px;
	margin-top: -8px;
	border: 1px solid #666;
	border-top: none;
	border-right: none;
	transform: rotate(-45deg);
	transition: all 0.2s ease-in-out;
}
#wrap .contents.mypage .mypage-lnb nav.lnb > ul > li.active > a, #wrap .contents.mypage .mypage-lnb nav.lnb > ul > li.active > button {
	color: #1965b0;
	font-weight: 500;
}
#wrap .contents.mypage .mypage-lnb nav.lnb > ul > li.open > button::after {
	transform: rotate(135deg);
	margin-top: -2px;
}
#wrap .contents.mypage .mypage-lnb nav.lnb > ul > li.open .sub-depth {
	display: block;
}
#wrap .contents.mypage .mypage-lnb nav.lnb > ul > li .sub-depth {
	display: none;
	margin-top: 15px;
	padding: 20px 25px;
	background: #f5f5f5;
}
#wrap .contents.mypage .mypage-lnb nav.lnb > ul > li .sub-depth > li {
	margin-top: 40px;
}
#wrap .contents.mypage .mypage-lnb nav.lnb > ul > li .sub-depth > li:first-child {
	margin-top: 0;
}
#wrap .contents.mypage .mypage-lnb nav.lnb > ul > li .sub-depth > li a {
	display: block;
	font-size: 18px;
	color: #666;
}
#wrap .contents.mypage .mypage-lnb nav.lnb > ul > li .sub-depth > li a.active {
	color: #333;
	font-weight: 500;
}
#wrap .contents.mypage .mypage-contents {
	float: right;
	width: 930px;
	padding-top: 46px;
}
#wrap .contents.mypage .mypage-contents h3.mypage-title {
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: 500;
}
#wrap .contents.mypage .mypage-contents .mypage-txt {
	border: 1px solid #ddd;
	font-size: 18px;
	margin-bottom: 40px;
	padding: 20px;
	line-height: 1.5;
}
#wrap .contents.mypage .mypage-contents .mypage-dsc{
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    margin-bottom: 15px;
    color: #f26522;
    font-size: 20px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
}
#wrap .complete-page {
	padding-top: 20px;
	padding-bottom: 50px;
	text-align: center;
}
#wrap .complete-page::before {
	content: ' ';
	display: block;
	width: 120px;
	height: 119px;
	margin: 0 auto 80px;
	background: url("/images/icon/icon-complete.png") center no-repeat;
}
#wrap .complete-page .tit {
	font-size: 36px;
}
#wrap .complete-page .tit em {
	font-weight: 700;
}
#wrap .complete-page .desc {
	margin-top: 30px;
	font-size: 18px;
	line-height: 30px;
}
#wrap .complete-page .desc em {
	color: #1965b0;
}
#wrap .complete-page .btn {
	display: block;
	width: 445px;
	margin: 65px auto 0;
}
/* dim */
.common-dim {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1005;
}
.nodata {
	display: block;
	padding: 100px 0;
	text-align: center;
	color: #888;
	font-size: 18px;
	font-weight: 500;
}
.nodata::before {
	content: ' ';
	display: block;
	width: 73px;
	height: 72px;
	margin: 0 auto 25px;
	background: url("/images/@nodata.gif") center no-repeat;
}
/* footer */
footer {
	padding: 100px 0;
	background: #1965b0;
}
footer > div {
	width: 1200px;
	margin: 0 auto;
}
footer .foot-top {
	display: flex;
}
footer .foot-top .box {
	flex: 1;
}
footer .foot-top .box .tit {
	margin-bottom: 25px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
}
footer .foot-top .box .notice-lists {
	width: 450px;
}
footer .foot-top .box .notice-lists li {
	position: relative;
	margin-top: 13px;
	padding-right: 100px;
	color: #ddd;
	font-size: 14px;
}
footer .foot-top .box .notice-lists li:first-child {
	margin-top: 0;
}
footer .foot-top .box .notice-lists li a {
	display: inline-block;
	vertical-align: top;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
}
footer .foot-top .box .notice-lists li .date {
	position: absolute;
	top: 0;
	right: 0;
}
footer .foot-top .box.flex-col-wrap {
	display: flex;
}
footer .foot-top .box.flex-col-wrap .flex-col {
	flex: 1;
}
footer .foot-top .box.flex-col-wrap .flex-col .links li {
	margin-top: 13px;
}
footer .foot-top .box.flex-col-wrap .flex-col .links li:first-child {
	margin-top: 0;
}
footer .foot-top .box.flex-col-wrap .flex-col .links li a {
	display: inline-block;
	vertical-align: top;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
	color: #ddd;
	font-size: 14px;
}
footer .foot-bottom {
	margin-top: 50px;
	padding-top: 45px;
	border-top: 1px solid #ddd;
}
footer .foot-bottom .foot-txt {
	margin-bottom: 30px;
	color: #bbb;
	font-size: 14px;
}
footer .foot-bottom .foot-links {
	font-size: 0;
}
footer .foot-bottom .foot-links li {
	display: inline-block;
}
footer .foot-bottom .foot-links li::after {
	content: ' ';
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 10px;
	margin: 0 20px;
	background: #ddd;
}
footer .foot-bottom .foot-links li:last-child::after {
	display: none;
}
footer .foot-bottom .foot-links li a {
	display: inline-block;
	vertical-align: middle;
	color: #ddd;
	font-size: 14px;
	font-weight: 500;
}

footer .foot-bottom .foot-info-wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
footer .foot-bottom .foot-info-wrap ul{
	display: flex;
	gap:20px;
}
footer .foot-bottom .foot-info-wrap ul li{
	border-radius: 5px;
	border:solid 0.5px #ddd;
	color: #fff;
}

footer .foot-bottom .foot-info {
	margin-top: 20px;
	font-size: 0;
}
footer .foot-bottom .foot-info span {
	display: inline-block;
	vertical-align: top;
	margin-right: 25px;
	color: #bbb;
	font-size: 14px;
  margin-bottom: 10px;
}
footer .foot-bottom .foot-info span a{
	/* color:#ddd; */
	animation: call_me 1.5s ease-in-out infinite;
	transition: all 5s;
}
@keyframes call_me{
	0%,
	100% {
	  opacity: 1;
	}
	50% {
	  opacity: 0.7;
	}
}

footer .foot-end {
	display: flex;
	align-items: flex-end;
	margin-top: 45px;
}
footer .foot-end .copy {
	margin-left: 20px;
	color: #999;
	font-size: 14px;
}
footer .foot-end .sns-lists {
	margin-left: auto;
	font-size: 0;
}
footer .foot-end .sns-lists li {
	display: inline-block;
	vertical-align: top;
	margin-left: 12px;
}
footer .foot-end .sns-lists li a {
	display: block;
	width: 42px;
	height: 42px;
}
footer .foot-end .sns-lists li a.sns01 {
	background: url("/images/icon/icon-foot01.png");
}
footer .foot-end .sns-lists li a.sns02 {
	background: url("/images/icon/icon-foot02.png");
}
/* member */
.member-contents h2.member-title {
	text-align: center;
	font-size: 30px;
	font-weight: 500;
}
.member-contents .sns-join-btns {
	margin-top: 60px;
	text-align: center;
}
.member-contents .sns-join-btns .desc {
	font-size: 24px;
}
.member-contents .sns-join-btns .btns {
	width: 445px;
	margin: 40px auto 0;
}
.member-contents .sns-join-btns .btns > li {
	margin-top: 20px;
}
.member-contents .sns-join-btns .btns > li .btn-sns {
	display: block;
	height: 70px;
	border-radius: 8px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	line-height: 70px;
	font-weight: 500;
}
.member-contents .sns-join-btns .btns > li .btn-sns::before {
	content: ' ';
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 70px;
	margin-right: 10px;
}
.member-contents .sns-join-btns .btns > li .btn-sns.sns01 {
	background: #3dab49;
}
.member-contents .sns-join-btns .btns > li .btn-sns.sns01::before {
	background: url("/images/icon/icon-naver2.png") center no-repeat;
}
.member-contents .sns-join-btns .btns > li .btn-sns.sns02 {
	background: #ffe600;
	color: #371d1d;
}
.member-contents .sns-join-btns .btns > li .btn-sns.sns02::before {
	background: url("/images/icon/icon-kakao2.png") center no-repeat;
}
.member-contents .sns-join-btns .btns > li .btn-sns.join {
	background: #1965b0;
	color: #fff;
}
.member-contents .sns-join-btns .btns > li .btn-sns.join::before {
	display: none;
}
.member-contents .member-join-wrap {
	width: 750px;
	margin: 40px auto 0;
	padding-top: 40px;
	border-top: 1px solid #ddd;
}
.member-contents .member-join-wrap > .tit {
	margin-bottom: 25px;
	font-size: 24px;
	font-weight: 500;
	text-align: center;
}
.member-contents .member-join-wrap section {
	margin-top: 50px;
	padding: 30px 25px 40px;
	border: 1px solid #ddd;
	border-radius: 8px;
}
.member-contents .member-join-wrap section:first-child {
	margin-top: 0;
}
.member-contents .member-join-wrap .agree-wraps .chk-wrap.all {
	display: block;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
.member-contents .member-join-wrap .agree-wraps .terms-lists > li {
	margin-top: 30px;
}
.member-contents .member-join-wrap .agree-wraps .terms-lists > li:first-child {
	margin-top: 20px;
}
.member-contents .member-join-wrap .agree-wraps .terms-lists > li .titles {
	display: flex;
	align-items: center;
}
.member-contents .member-join-wrap .agree-wraps .terms-lists > li .titles .text-basic {
	margin-left: auto;
	font-size: 18px;
}
.member-contents .member-join-wrap .agree-wraps .terms-lists > li .conts {
	display: none;
	max-height: 180px;
	overflow-y: auto;
	margin: 15px 0;
	padding: 20px;
	background: #f5f5f5;
	color: #666;
	font-size: 16px;
	line-height: 22px;
}
.member-contents .member-join-wrap .btn-group .btn {
	width: 440px;
}
.member-contents .member-join-wrap .info{
    text-align: center;
    margin: 20px;
    font-size: 18px;
    font-weight: 500;
    color: red;

}
.member-contents .find-cont-wrap {
	width: 500px;
	margin: 50px auto 0;
}
.member-contents .find-cont-wrap .radio-tabs {
	margin-bottom: 30px;
	font-size: 0;
	text-align: center;
}
.member-contents .find-cont-wrap .radio-tabs li {
	display: inline-block;
	vertical-align: top;
	margin-right: 40px;
}
.member-contents .find-cont-wrap .find-conts {
	padding-top: 50px;
}
.member-contents .find-cont-wrap .find-conts > .tit {
	font-size: 20px;
}
.member-contents .find-cont-wrap .find-conts .desc {
	margin-top: 15px;
	font-size: 16px;
}
.member-contents .find-cont-wrap .find-conts .input-box {
	margin-top: 50px;
	padding: 30px 25px 50px;
	border: 1px solid #ddd;
	border-radius: 8px;
}
/* === PAGES(CATEGORY) === */
.state-select-lists > li {
	margin-top: 40px;
}
.state-select-lists > li:first-child {
	margin-top: 0;
}
.state-select-lists .state-options {
	margin-top: 15px;
	padding: 30px 25px;
	background: #f5f5f5;
}
.state-select-lists .state-options ul {
	display: flex;
}
.state-select-lists .state-options ul li {
	flex: 1;
	display: flex;
	align-items: center;
}
.state-select-lists .state-options ul li .chk-wrap {
	margin-right: 20px;
}
.state-select-lists .state-options ul li .chk-wrap input + label {
	white-space: nowrap;
}
.state-select-lists .state-options ul li .form-control {
	height: 50px;
	min-height: 50px;
	background: #fff;
}
.work-info-wrap {
	position: relative;
	display: flex;
	padding: 0 40px;
	text-align: left;
}
.work-info-wrap .infos {
	max-width: 840px;
}
.work-info-wrap .infos .top {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.work-info-wrap .infos .top p {
	font-size: 18px;
	font-weight: 500;
}
.work-info-wrap .infos .top p .count {
	margin-left: 20px;
	color: #666;
	font-weight: 400;
}
.work-info-wrap .infos .top p .count em {
	margin-right: 10px;
	color: #333;
	font-weight: 500;
}
.work-info-wrap .infos .top .flag-wrap {
	margin-left: 20px;
	font-size: 0;
}
.work-info-wrap .infos .top .flag-wrap .flag {
	margin-right: 7px;
}
.work-info-wrap .infos .num {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	line-height: 1;
	font-weight: 400;
	word-break: keep-all;
	margin-bottom: 10px;
}
.work-info-wrap .infos .num span {
	margin-left: 10px;
	color: #1965b0;
}
.work-info-wrap .infos .title a {
	display: inline-block;
	vertical-align: top;
	font-size: 22px;
	line-height: 30px;
	font-weight: 500;
	word-break: keep-all;
}
.work-info-wrap .infos .title a span {
	margin-right: 5px;
	color: #1965b0;
}
.work-info-wrap .infos .title p {
	font-size: 22px;
	line-height: 30px;
	font-weight: 500;
	word-break: keep-all;
}
.work-info-wrap .infos .title p span {
	margin-right: 5px;
	color: #1965b0;
}
.work-info-wrap .infos .condition-list {
	margin-top: 30px;
	font-size: 0;
	white-space: nowrap;
}
.work-info-wrap .infos .condition-list li {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	line-height: 20px;
}
.work-info-wrap .infos .condition-list li::before {
	content: ' ';
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
.work-info-wrap .infos .condition-list li.type1::before {
	background: url("/images/icon/icon-won.png") center no-repeat;
}
.work-info-wrap .infos .condition-list li.type2::before {
	background: url("/images/icon/icon-time.png") center no-repeat;
}
.work-info-wrap .infos .condition-list li em {
	font-weight: 500;
}
.work-info-wrap .infos .condition-list li::after {
	content: ' ';
	display: inline-block;
	vertical-align: top;
	width: 1px;
	height: 20px;
	margin: 0 30px;
	background: #ddd;
}
.work-info-wrap .infos .condition-list li:last-child::after {
	display: none;
}
.work-info-wrap .infos .cont {
	margin-top: 10px;
	color: #666;
	font-size: 16px;
	line-height: 22px;
}
.work-info-wrap .infos .cont.type2 {
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
}
.work-info-wrap .infos .cont span::after {
	content: ':';
	margin: 0 4px;
}
.work-info-wrap .controls {
	display: flex;
	flex-direction: column;
	margin-left: auto;
	text-align: right;
}
.work-info-wrap .controls .vol-count {
	display: block;
	font-size: 18px;
	line-height: 22px;
}
.work-info-wrap .controls .vol-count em {
	margin-right: 4px;
	color: #1965b0;
	font-weight: 500;
}
.work-info-wrap .controls .vol-count a {
	display: inline-block;
	vertical-align: top;
	margin-right: 4px;
	color: #1965b0;
	font-weight: 500;
}
.work-info-wrap .controls .vol-count a:hover {
	text-decoration: underline;
}
.work-info-wrap .controls .vol-count::before {
	content: ' ';
	display: inline-block;
	vertical-align: top;
	width: 22px;
	height: 22px;
	margin-right: 6px;
	background: url("/images/icon/icon-vol.png") center no-repeat;
}
.work-info-wrap .controls .btns {
	display: flex;
	align-items: center;
	margin-top: 30px;
}
.work-info-wrap .controls .btns > * {
	margin-left: 10px;
}
.work-info-wrap .controls .btns .btn {
	width: 84px;
	margin-top: 3px;
}
.work-info-wrap .controls .btn.btn-md {
	width: 200px;
	margin-top: auto;
	margin-left: auto;
}
.work-info-wrap.card-type {
	display: block;
	width: 610px;
	margin: 0 auto 40px;
	padding: 40px 50px;
	border: 1px solid #ddd;
}
.work-info-wrap.card-type:last-child {
	margin-bottom: 0;
}
.work-info-wrap.card-type .infos {
	max-width: none;
}
.work-info-wrap.card-type .infos .title p span {
	display: block;
	margin-bottom: 4px;
}
.work-info-wrap.card-type .infos .cont {
	margin-top: 15px;
	padding: 20px;
	background: #f5f5f5;
}
.work-info-wrap.card-type .infos .cont span {
	display: block;
	font-weight: 500;
}
.work-info-wrap.card-type .infos .cont span::after {
	display: none;
}
.work-info-wrap > .btn.btn-sm {
	position: absolute;
	top: 20px;
	right: 20px;
}
.order-page-wrap {
	display: flex;
}
.order-page-wrap .work-info-wrap.card-type {
	margin: 0;
}
.order-page-wrap .pay-info {
	width: 570px;
	margin-left: auto;
}
.order-page-wrap .pay-info .total {
	padding: 20px 30px;
	background: #f5f5f5;
}
.order-page-wrap .pay-info .total .form-control {
	width: 270px;
}
.order-page-wrap .pay-info .total .ment {
	margin-top: 15px;
	color: #666;
	font-size: 16px;
}
.order-page-wrap .pay-info .by-my {
	margin-top: 15px;
}
.order-page-wrap .pay-info .by-my .title {
	margin-bottom: 10px;
	color: #1965b0;
	font-size: 18px;
	font-weight: 500;
}
.order-page-wrap .pay-info .by-my li {
	margin-top: 20px;
}
.order-page-wrap .pay-info .by-my li:first-child {
	margin-top: 0;
}
.order-page-wrap .pay-info .by-my li .txt {
	width: auto;
	min-width: 15px;
	margin-right: 20px;
}
.order-page-wrap .pay-info .by-my li .form-control {
	width: 200px;
	height: 40px;
	min-height: 40px;
	padding: 0 24px;
}
.order-page-wrap .pay-info .by-my li .form-control::placeholder{
	color: red;
	font-size:16px;
}
.order-page-wrap .pay-info .by-my li .btn.btn-border-border {
	margin-left: auto;
	color: #333;
}
.order-page-wrap .pay-info .price {
	display: flex;
	align-items: center;
}
.order-page-wrap .pay-info .price p {
	white-space: nowrap;
}
.order-page-wrap .pay-info .price .txt {
	font-size: 18px;
}
.order-page-wrap .pay-info .price .tit {
	margin-right: 20px;
	font-size: 22px;
	font-weight: 500;
}
.order-page-wrap .pay-info .price .form-control {
	height: 50px;
	min-height: 50px;
	margin-right: 10px;
	padding: 13px 24px;
}
.total-pay-info {
	display: flex;
	margin-top: 60px;
	margin-bottom: 40px;
	padding: 16px 0;
	border: 1px solid #ddd;
}
.total-pay-info .box {
	position: relative;
	flex: 1;
	padding: 30px 60px;
	border-left: 1px solid #ddd;
	text-align: right;
}
.total-pay-info .box::before {
	content: ' ';
	position: absolute;
	top: 50%;
	right: 0;
	width: 32px;
	height: 32px;
	margin-top: -16px;
	margin-right: -16px;
	border: 1px solid #ddd;
	border-radius: 50%;
	background: #fff;
	z-index: 10;
}
.total-pay-info .box::after {
	content: ' ';
	position: absolute;
	top: 50%;
	right: 0;
	margin-right: -7px;
	width: 14px;
	z-index: 15;
}
.total-pay-info .box:first-child {
	border-left: none;
}
.total-pay-info .box:first-child::after {
	height: 2px;
	margin-top: -1px;
	background: #333;
}
.total-pay-info .box:nth-child(2)::after {
	height: 8px;
	margin-top: -4px;
	border: 2px solid #333;
	border-left: none;
	border-right: none;
}
.total-pay-info .box:last-child {
	flex: unset;
	width: 470px;
	min-width: 470px;
}
.total-pay-info .box:last-child::before, .total-pay-info .box:last-child::after {
	display: none;
}
.total-pay-info .box .tit {
	margin-bottom: 10px;
	font-size: 16px;
}
.total-pay-info .box .price {
	font-size: 18px;
	font-weight: 500;
}
.total-pay-info .box .price em {
	margin-right: 4px;
	font-size: 36px;
	font-weight: 700;
}
.total-pay-info .box .price.total em {
	color: #1965b0;
}
.work-page-wrap {
	display: flex;
	margin-bottom: 40px;
}
.work-page-wrap:last-child {
	margin-bottom: 0;
}
.work-page-wrap .lawyerlist-wrap {
	padding: 20px 16px;
}
.work-page-wrap .lawyerlist-wrap .inner {
	height: auto;
	border: none;
	padding: 0;
}
.work-page-wrap .lawyerlist-wrap .inner .head {
	margin-top: 0;
}
.work-page-wrap .work-info-wrap.card-type {
	margin: 0;
	margin-left: auto;
}
.work-progress-wraps {
	margin-top: 100px;
	padding-top: 45px;
	border-top: 1px solid #333;
}
.work-progress {
	position: relative;
	margin-top: 60px;
}
.work-progress:first-child {
	margin-top: 0;
}
.work-progress .btns {
	position: absolute;
	top: 1px;
	right: 135px;
	font-size: 0;
}
.work-progress .btns .btn {
	margin-left: 5px;
}
/* 마이페이지 */
.mypage-contents {
	position: relative;
}
.mypage-contents > .btn.absolute {
	position: absolute;
	top: 46px;
	right: 0;
	width: 175px;
}
.mypage-contents .mypage-sections .sect {
	position: relative;
	margin-top: 70px;
	padding: 25px 20px 40px;
	border: 1px solid #ddd;
}
.mypage-contents .mypage-sections .sect:first-child {
	margin-top: 0;
}
.mypage-contents .mypage-sections .sect .sect-title {
	margin-bottom: 50px;
	font-size: 22px;
	font-weight: 500;
}
.mypage-contents .mypage-sections .my-profile {
	padding: 15px 0 0 20px;
}
.mypage-contents .mypage-sections .my-profile::after {
	content: " ";
	display: block;
	clear: both;
}
.mypage-contents .mypage-sections .my-profile .my-photo {
	float: left;
	position: relative;
}
.mypage-contents .mypage-sections .my-profile .my-photo .thumb {
	display: block;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.mypage-contents .mypage-sections .my-profile .my-photo .btn-photo-upload {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 30px;
	height: 30px;
	border: 1px solid #ddd;
	border-radius: 50%;
	background: #fff url("/images/icon/icon-photop.png") center no-repeat;
}
.mypage-contents .mypage-sections .my-profile .name {
	margin-left: 160px;
	padding-top: 12px;
	font-size: 25px;
	font-weight: 500;
}
.mypage-contents .mypage-sections .my-profile .btn.btn-md {
	position: absolute;
	bottom: 40px;
	right: 25px;
	width: 220px;
}
.mypage-contents .mypage-sections .work-info-lists {
	display: flex;
}
.mypage-contents .mypage-sections .work-info-lists li {
	position: relative;
	flex: 1;
	margin-left: 20px;
	padding-left: 21px;
}
.mypage-contents .mypage-sections .work-info-lists li::before {
	content: ' ';
	position: absolute;
	top: 12px;
	bottom: 0;
	left: 0;
	width: 1px;
	background: #ddd;
}
.mypage-contents .mypage-sections .work-info-lists li:first-child {
	margin-left: 0;
	padding-left: 0;
}
.mypage-contents .mypage-sections .work-info-lists li:first-child::before {
	display: none;
}
.mypage-contents .mypage-sections .work-info-lists li .inner {
	position: relative;
}
.mypage-contents .mypage-sections .work-info-lists li .inner .count {
	padding: 40px 0 25px;
	text-align: center;
	font-size: 48px;
}
.mypage-contents .mypage-sections .work-info-lists li .inner .btn {
	display: block;
	width: 100%;
}
.mypage-contents .mypage-sections .work-info-lists li .inner .today {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 26px;
	padding: 0 10px;
	border-radius: 13px;
	background: #f5f5f5;
	color: #666;
	font-size: 14px;
	line-height: 26px;
	white-space: nowrap;
}
.mypage-contents .mypage-sections .work-info-lists li .inner .today em {
	color: #1965b0;
	font-weight: 500;
}
.mypage-contents .mypage-sections .alert-setting {
	margin-bottom: 100px;
	padding-right: 45px;
}
.mypage-contents .mypage-sections .alert-setting:last-child {
	margin-bottom: 0;
}
.mypage-contents .mypage-sections .alert-setting > p.tit {
	display: flex;
	font-size: 20px;
	font-weight: 500;
}
.mypage-contents .mypage-sections .alert-setting > p.tit span {
	width: 68px;
	margin-left: 90px;
	text-align: center;
}
.mypage-contents .mypage-sections .alert-setting > p.tit span:first-child {
	margin-right: auto;
	margin-left: 0;
	width: auto;
	text-align: left;
}
.mypage-contents .mypage-sections .alert-setting ul.lists {
	margin-top: 35px;
}
.mypage-contents .mypage-sections .alert-setting ul.lists li {
	display: flex;
	align-items: center;
	margin-top: 30px;
}
.mypage-contents .mypage-sections .alert-setting ul.lists li p {
	margin-right: auto;
	font-size: 18px;
}
.mypage-contents .mypage-sections .alert-setting ul.lists li .chk-switch {
	margin-left: 90px;
}
.mypage-contents .tbl-wrap .table.notice-table thead tr th {
	background: transparent;
}
.mypage-contents .tbl-wrap .table.notice-table tbody tr td {
	padding: 10px;
}
.mypage-contents .tbl-wrap .table.notice-table tbody tr td a[class^="link"] {
	max-width: 100%;
}
.mypage-contents .tbl-wrap .table.notice-table tbody tr td a[class^="link"] span {
	max-width: 100%;
}
.mypage-contents .tbl-wrap .table.notice-table tbody tr.answer td {
	background: #f5f5f5;
}
.mypage-contents .tbl-wrap .table.notice-table tbody tr.answer td a[class^="link"] {
	margin-left: 30px;
	max-width: calc(100% - 30px);
}
.mypage-contents .tbl-wrap .table.notice-table tbody tr.answer td a[class^="link"]::before {
	content: 'RE :';
	margin-right: 4px;
	font-weight: 500;
}
.mypage-contents .qna-wrap {
	border-top: 1px solid #333;
}
.mypage-contents .qna-wrap .qst-title {
	display: flex;
	padding: 17px 25px;
	border-bottom: 1px solid #ddd;
}
.mypage-contents .qna-wrap .qst-title .tit {
	padding-right: 20px;
	font-size: 18px;
	line-height: 26px;
	word-break: keep-all;
}
.mypage-contents .qna-wrap .qst-title .date {
	margin-left: auto;
	color: #666;
	font-size: 18px;
	line-height: 26px;
	white-space: nowrap;
}
.mypage-contents .qna-wrap .qst-title.answer {
	padding-left: 55px;
	background: #f5f5f5;
}
.mypage-contents .qna-wrap .qst-title.answer .tit::before {
	content: 'RE :';
	margin-right: 4px;
	font-weight: 500;
}
.mypage-contents .qna-wrap .qst-cont {
	padding: 25px 55px 100px;
	background: #f5f5f5;
	border-bottom: 1px solid #ddd;
	font-size: 18px;
	line-height: 26px;
}
.mypage-contents .alert-text-wrap {
	margin-top: 70px;
	padding: 30px 25px;
	background: #f5f5f5;
}
.mypage-contents .alert-text-wrap .tit {
	margin-top: 40px;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 500;
}
.mypage-contents .alert-text-wrap .tit:first-child {
	margin-top: 0;
}
.mypage-contents .alert-text-wrap .desc {
	font-size: 16px;
	line-height: 22px;
}
.mypage-contents .alert-text-wrap .dl-list {
	margin-top: 40px;
}
.mypage-contents .alert-text-wrap .dl-list dt {
	position: relative;
	padding-left: 10px;
	font-size: 16px;
	line-height: 22px;
}
.mypage-contents .alert-text-wrap .dl-list dt::before {
	content: '-';
	position: absolute;
	top: 0;
	left: 0;
}
.mypage-contents .alert-text-wrap .dl-list dd {
	position: relative;
	margin-top: 10px;
	padding-left: 20px;
	color: #666;
	font-size: 16px;
	line-height: 22px;
}
.mypage-contents .alert-text-wrap .dl-list dd span {
	position: absolute;
	top: 0;
	left: 0;
}
.mypage-contents .my-cash-wrap {
	position: relative;
	display: flex;
	margin-bottom: 70px;
}
.mypage-contents .my-cash-wrap::before,
.mypage-contents .my-cash-wrap::after{
	position: absolute;
	top: 50%;
	font-size: 40px;
	z-index: 1;
	font-weight: bold;
	transform: translate(-50%,-50%);
}

.mypage-contents .my-cash-wrap::before{
    content: '=';
    left: 32.7%;
}

.mypage-contents .my-cash-wrap::after{
    content: '+';
    left: 67%;
}
.mypage-contents .my-cash-wrap .box {
	position: relative;
	flex: 1;
	margin-left: 30px;
	padding: 35px 20px 30px;
	border-radius: 8px;
	background: #eee;
	text-align: center;
}

.mypage-contents .my-cash-wrap .box:first-child {
	margin-left: 0;
}
.mypage-contents .my-cash-wrap .box.total {
	background: #d4e5f3;
}
.mypage-contents .my-cash-wrap .box .tit {
	margin-bottom: 30px;
	font-size: 22px;
}
.mypage-contents .my-cash-wrap .box .cash {
	height: 55px;
	background: #fff;
	border-radius: 4px;
	font-size: 18px;
	line-height: 55px;
}
.mypage-contents .my-cash-wrap .box .cash em {
	margin-right: 4px;
	font-size: 24px;
	font-weight: 700;
}
.charge-wraps {
	padding: 25px 20px 40px;
	border: 1px solid #ddd;
}
.charge-wraps .charge-top {
	position: relative;
	padding: 25px 0 60px 210px;
	border-bottom: 1px solid #ddd;
}
.charge-wraps .charge-top::before {
	content: ' ';
	position: absolute;
	top: 25px;
	left: 25px;
	width: 135px;
	height: 135px;
	background: url("/images/icon/icon-charge.png") center no-repeat;
}
.charge-wraps .charge-top .info-title {
	position: relative;
}
.charge-wraps .charge-top .info-title .eyebrow {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 500;
}
.charge-wraps .charge-top .info-title .price {
	display: flex;
	align-items: flex-end;
	font-size: 20px;
	font-weight: 500;
}
.charge-wraps .charge-top .info-title .price em {
	margin-right: 6px;
	font-size: 35px;
	font-weight: 700;
}
.charge-wraps .charge-top .info-title .alert {
	position: absolute;
	right: 0;
	bottom: 0;
	color: #888;
	font-size: 16px;
}
.charge-wraps .charge-top .charge-slt {
	margin-top: 50px;
}
.charge-wraps .charge-top .charge-slt ul.lists {
	display: flex;
	justify-content: space-between;
}
.charge-wraps .charge-top .charge-slt ul.lists > li {
	position: relative;
}
.charge-wraps .charge-top .charge-slt ul.lists > li .rdo-btn-wrap input + label {
	min-width: 110px;
}
.charge-wraps .charge-top .charge-slt ul.lists > li .tooltips {
	position: absolute;
	bottom: 100%;
	right: -10px;
	height: 25px;
	margin-bottom: 3px;
	padding: 0 10px;
	border-radius: 4px;
	background: #1965b0;
	color: #fff;
	font-size: 14px;
	line-height: 25px;
	white-space: nowrap;
}
.charge-wraps .charge-top .charge-slt ul.lists > li .tooltips::after {
	content: ' ';
	position: absolute;
	top: 100%;
	left: 15px;
	border-top: 8px solid #1965b0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}
.charge-wraps .charge-bottom {
	margin-top: 60px;
}
.charge-wraps .charge-bottom .tit {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 500;
}
.charge-wraps .charge-bottom .slt-lists {
	padding: 35px 25px;
	background: #f5f5f5;
}
.charge-wraps .charge-bottom .slt-lists li {
	margin-right: 130px;
}
.charge-wraps .charge-bottom .slt-lists li:last-child {
	margin-right: 0;
}
.charge-wraps .charge-bottom .btn.btn-md {
	display: block;
	width: 220px;
	margin: 60px auto 0;
}
.mypage-contents .my-point {
	position: relative;
	margin-bottom: 70px;
	padding: 40px 30px 30px;
	padding-left: 180px;
	border: 1px solid #ddd;
}
.mypage-contents .my-point::before {
	content: ' ';
	position: absolute;
	top: 50%;
	left: 50px;
	width: 80px;
	height: 80px;
	margin-top: -40px;
	background: url("/images/icon/icon-point.png") center no-repeat;
}
.mypage-contents .my-point .tit {
	font-size: 22px;
}
.mypage-contents .my-point .point-box {
	width: 275px;
	height: 60px;
	margin-top: 25px;
	padding: 18px 24px;
	border: 1px solid #ddd;
	border-radius: 8px;
	background: #f5f5f5;
	font-size: 18px;
}
.mypage-contents .my-point .point-box em {
	margin-right: 6px;
	font-size: 24px;
	font-weight: 700;
}
.mypage-contents .coupon-add-box {
	margin-bottom: 70px;
	padding: 40px 20px 30px;
	border: 1px solid #ddd;
}
.mypage-contents .coupon-add-box .tit {
	margin-bottom: 25px;
	font-size: 22px;
	font-weight: 500;
}
.mypage-contents .coupon-add-box .forms {
	display: flex;
}
.mypage-contents .coupon-add-box .forms .btn {
	width: 200px;
	margin-left: 10px;
}
.mypage-contents .adv-box {
	padding: 30px 20px 60px;
	border: 1px solid #ddd;
}
.mypage-contents .adv-box > .tit {
	margin-bottom: 45px;
	font-size: 22px;
	font-weight: 500;
}
.mypage-contents .adv-box .adv-flex {
	display: flex;
}
.mypage-contents .adv-box .adv-flex .price {
	width: 275px;
}
.mypage-contents .adv-box .adv-flex .price dl {
	margin-top: 30px;
}
.mypage-contents .adv-box .adv-flex .price dl:first-child {
	margin-top: 0;
}
.mypage-contents .adv-box .adv-flex .price dl dt {
	margin-bottom: 10px;
	font-size: 18px;
}
.mypage-contents .adv-box .adv-flex .price dl dd {
	height: 55px;
	padding: 0 25px;
	border-radius: 8px;
	background: #f5f5f5;
	text-align: right;
	color: #666;
	font-size: 18px;
	line-height: 55px;
}
.mypage-contents .adv-box .adv-flex .price dl dd em {
	margin-right: 6px;
	font-size: 24px;
	font-weight: 700;
}
.mypage-contents .adv-box .adv-flex .price dl.total dd {
	background: #d4e5f3;
	color: #333;
}
.mypage-contents .adv-box .adv-flex .info {
	display: flex;
	flex-direction: column;
	width: 520px;
	margin-left: auto;
}
.mypage-contents .adv-box .adv-flex .info .info-tit {
	font-size: 20px;
	font-weight: 500;
}
.mypage-contents .adv-box .adv-flex .info .info-desc {
	margin-top: 20px;
	font-size: 18px;
	line-height: 26px;
}
.mypage-contents .adv-box .adv-flex .info .bullet-list {
	margin-top: 20px;
}
.mypage-contents .adv-box .adv-flex .info .bullet-list li em {
	color: #333;
}
.mypage-contents .adv-box .adv-flex .info .alert {
	margin-top: 25px;
	margin-bottom: 40px;
	color: #888;
	font-size: 14px;
	line-height: 22px;
}
.mypage-contents .adv-box .adv-flex .info .btn {
	display: block;
	width: 260px;
	margin-top: auto;
}
.mypage-contents .reven-box {
	display: flex;
	margin-bottom: 70px;
	padding: 20px 20px;
	border: 1px solid #ddd;
}
.mypage-contents .reven-box .reven-left {
	padding-right: 53px;
	border-right: 1px solid #ddd;
}
.mypage-contents .reven-box .reven-right {
	display: flex;
	margin-left: auto;
}
.mypage-contents .reven-box .reven-right dl {
	margin-left: 30px;
}
.mypage-contents .reven-box .reven-right dl:first-child {
	margin-left: 0;
}
.mypage-contents .reven-box dl {
	width: 250px;
	min-width: 250px;
	max-width: 250px;
}
.mypage-contents .reven-box dl dt {
	margin-bottom: 10px;
	font-size: 18px;
}
.mypage-contents .reven-box dl dd {
	height: 55px;
	padding: 0 25px;
	border-radius: 8px;
	background: #f5f5f5;
	text-align: right;
	color: #666;
	font-size: 18px;
	line-height: 55px;
}
.mypage-contents .reven-box dl dd em {
	margin-right: 6px;
	font-size: 24px;
	font-weight: 700;
}
.mypage-contents .reven-box dl.total dd {
	background: #d4e5f3;
	color: #333;
}
/* 2021.09.11 추가 */
.mypage-contents .price-box {	
	margin-bottom: 70px;
	padding: 20px 20px;
	border: 1px solid #ddd;
}
.mypage-contents .price-box .price{
	display:flex;
	width:100%;
	justify-content: center;
	align-items: center;
}

.mypage-contents .price-box .price p {
	white-space: nowrap;
}
.mypage-contents .price-box .price .txt {
	font-size: 18px;
	margin-right: 20px;
}
.mypage-contents .price-box .price .tit {
	margin-right: 20px;
	font-size: 22px;
	font-weight: 500;
}
.mypage-contents .price-box .price .form-control {
	height: 50px;
	min-height: 50px;
	margin-right: 10px;
	padding: 13px 24px;
	max-width:400px;
}
.mypage-contents .price-box .btn-group {
	display: flex;
	margin-top: 20px;
	justify-content: center;
}
.mypage-contents .price-box .btn.btn-md {
	padding: 0 40px;
	font-size: 18px;
	line-height: 48px;
	min-width: 160px;
	font-weight: 500;
}
.mypage-contents .price-box .price .btn.btn-border-border {
	color: #333;
}

/* 2021.09.11 추가 END */

.mypage-contents .password-box {
	margin-top: 60px;
	padding-top: 30px;
	border-top: 1px solid #ddd;
}
.mypage-contents .password-box:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}
.mypage-contents .password-box .tit {
	margin-bottom: 35px;
	font-size: 20px;
	font-weight: 500;
}
.mypage-contents .reven-cont-box {
	padding: 10px 0;
}
.mypage-contents .reven-cont-box .tit {
	font-size: 18px;
	font-weight: 500;
}
.mypage-contents .reven-cont-box .tit em {
	margin-left: 4px;
	color: #1965b0;
	font-weight: 700;
}
.mypage-contents .reven-cont-box .infos {
	margin-top: 10px;
	font-size: 0;
	line-height: 1;
}
.mypage-contents .reven-cont-box .infos li {
	display: inline-block;
	vertical-align: top;
	color: #666;
	font-size: 15px;
	line-height: 20px;
}
.mypage-contents .reven-cont-box .infos li::after {
	content: ' ';
	display: inline-block;
	vertical-align: top;
	width: 1px;
	height: 10px;
	margin: 5px 10px 0;
	background: #666;
}
.mypage-contents .reven-cont-box .infos li:last-child::after {
	display: none;
}
.mypage-contents .reven-cont-box .btn.btn-sm {
	margin-top: 15px;
	color: #333;
}
.warrant-wrap .information {
	position: relative;
	display: flex;
	border: 1px solid #ddd;
	padding: 10px 20px 10px 150px;
	background: url("/images/icon/icon-warrant.png") 44px center no-repeat;
}
.warrant-wrap .information .cont {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.warrant-wrap .information .tit {
	font-size: 18px;
	font-weight: 500;
}
.warrant-wrap .information .desc {
	margin-top: 15px;
	color: #666;
	font-size: 16px;
	line-height: 22px;
}
.warrant-wrap .information .sign {
	width: 150px;
	min-width: 150px;
	margin-left: 20px;
	padding: 10px 0;
	background: #f5f5f5;
	text-align: center;
}
.warrant-wrap .information .sign .btn.btn-sm {
	display: block;
	width: 95px;
	margin: 0 auto;
	color: #333;
}
.warrant-wrap .warrant-list-wrap {
	margin-top: 60px;
	overflow: hidden;
}
.warrant-wrap .warrant-list-wrap ul.lists {
	display: flex;
	flex-wrap: wrap;
	margin-top: -60px;
	margin-left: -20px;
}
.warrant-wrap .warrant-list-wrap ul.lists li {
	width: 25%;
	padding-left: 20px;
	margin-top: 60px;
}
.warrant-wrap .warrant-list-wrap ul.lists .inner {
	text-align: center;
}
.warrant-wrap .warrant-list-wrap ul.lists .inner .tit {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 500;
}
.warrant-wrap .warrant-list-wrap ul.lists .inner .img {
	border: 1px solid #ddd;
	padding: 10px;
	text-align: center;
}
.warrant-wrap .warrant-list-wrap ul.lists.type2 .inner .img {
	padding: 20px 30px;
}
.warrant-wrap .warrant-list-wrap ul.lists .inner .img img {
	width: 100%;
}
.warrant-wrap .warrant-list-wrap ul.lists .inner .btn.btn-point {
	margin-top: 15px;
	width: 150px;
}
.steps-pager-slider {
	position: relative;
}
.steps-pager-slider::before {
	content: ' ';
	position: absolute;
	top: 26px;
	left: 0;
	right: 0;
	height: 1px;
	background: #ddd;
}
.steps-pager-slider .swiper-container {
	width: 1200px;
	margin: 0 auto;
}
.steps-pager-slider .swiper-container .swiper-slide {
	text-align: center;
	cursor: pointer;
}
.steps-pager-slider .swiper-container .swiper-slide .num {
	display: block;
	width: 52px;
	height: 52px;
	margin: 0 auto 20px;
	border: 1px solid #999;
	border-radius: 26px;
	background: #fff;
	color: #999;
	font-size: 22px;
	line-height: 50px;
	transition: all 0.2s ease-in-out;
}
.steps-pager-slider .swiper-container .swiper-slide p {
	font-size: 18px;
	color: #999;
	transition: all 0.2s ease-in-out;
}
.steps-pager-slider .swiper-container .swiper-slide.swiper-slide-thumb-active .num {
	border-color: #1965b0;
	background: #1965b0;
	color: #fff;
}
.steps-pager-slider .swiper-container .swiper-slide.swiper-slide-thumb-active p {
	color: #1965b0;
}
.steps-conts-slider {
	position: relative;
	width: 1240px;
	margin: 50px auto 0;
}
.steps-conts-slider .swiper-container .swiper-slide {
	padding: 20px;
	height: auto;
}
.steps-conts-slider .swiper-container .inner {
	height: 100%;
	padding: 40px 90px;
	padding-right: 600px;
	border-radius: 40px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: right 90px center;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
	word-break: keep-all;
}
.steps-conts-slider .swiper-container .inner.bg01 {
	background-image: url("/images/bg/bg-main-slide01.jpg")
}
.steps-conts-slider .swiper-container .inner.bg02 {
	background-image: url("/images/bg/bg-main-slide02.jpg");
}
.steps-conts-slider .swiper-container .inner.bg03 {
	background-image: url("/images/bg/bg-main-slide03.jpg");
}
.steps-conts-slider .swiper-container .inner.bg04 {
	background-image: url("/images/bg/bg-main-slide04.jpg");
}
.steps-conts-slider .swiper-container .inner.bg05 {
	background-image: url("/images/bg/bg-main-slide05.jpg");
}

.steps-conts-slider .swiper-container .inner .eyebrow {
	margin-bottom: 20px;
	color: #1965b0;
	font-size: 20px;
	font-weight: 500;
}
.steps-conts-slider .swiper-container .inner .title {
	font-size: 26px;
	line-height: 34px;
	font-weight: 500;
}
.steps-conts-slider .swiper-container .inner .desc {
	margin-top: 10px;
	font-size: 18px;
	line-height: 26px;
	word-break: keep-all;
}
.steps-conts-slider .swiper-container .inner .desc strong{
	font-weight: bold;
}
.steps-conts-slider .swiper-container .inner .desc-list {
	margin-top: 30px;
}
.steps-conts-slider .swiper-container .inner .desc-list li {
	position: relative;
	margin-top: 4px;
	padding-left: 10px;
	color: #666;
	font-size: 16px;
	line-height: 26px;
}
.steps-conts-slider .swiper-container .inner .desc-list li:first-child {
	margin-top: 0;
}
.steps-conts-slider .swiper-container .inner .desc-list li::before {
	content: ' ';
	position: absolute;
	top: 11px;
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #666;
}
.steps-conts-slider .control-btn {
	position: absolute;
	top: 50%;
	width: 60px;
	height: 60px;
	margin-top: -30px;
	z-index: 10;
}
.steps-conts-slider .control-btn::before {
	content: ' ';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	border: 2px solid #666;
	border-top: none;
	border-right: none;
}
.steps-conts-slider .control-btn.prev {
	left: 20px;
}
.steps-conts-slider .control-btn.prev::before {
	margin-left: -3px;
	transform: rotate(45deg);
}
.steps-conts-slider .control-btn.next {
	right: 20px;
}
.steps-conts-slider .control-btn.next::before {
	margin-left: -17px;
	transform: rotate(-135deg);
}
.steps-conts-slider .page-count {
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	color: #999;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	z-index: 10;
}
.steps-conts-slider .page-count .swiper-pagination-current {
	color: #333;
}
.introduce-box {
	display: flex;
	align-items: center;
}
.introduce-box .img {
	display: block;
	margin-right: 70px;
}
.introduce-box .text {
	font-size: 18px;
	line-height: 30px;
}
.introduce-box .text strong{
	font-weight: bold;
}
.sub0401 h3.h3-title {
	margin-top: 100px;
	margin-bottom: 40px;
	font-size: 24px;
}
.sub0401 h3.h3-title strong {
	font-weight: 500;
}
.sub0401 ul.icon-lists {
	font-size: 0;
}
.sub0401 ul.icon-lists li {
	display: inline-block;
	vertical-align: top;
	width: 175px;
	margin-left: 81px;
}
.sub0401 ul.icon-lists li:nth-child(5n + 1) {
	margin-left: 0;
}
.sub0401 ul.icon-lists li:nth-child(5) ~ li {
	margin-top: 40px;
}
.sub0401 ul.icon-lists li a {
	position: relative;
	display: block;
	padding: 30px 6px 25px;
	border: 1px solid #ddd;
	border-radius: 8px;
	font-size: 18px;
	text-align: center;
}
.sub0401 ul.icon-lists li a::before {
	content: ' ';
	display: block;
	width: 90px;
	height: 90px;
	margin: 0 auto 10px;
	background-repeat: no-repeat;
	background-position: center;
}
.sub0401 ul.icon-lists li a.icon01::before {
	background-image: url("/images/icon/icon-main01.gif");
}
.sub0401 ul.icon-lists li a.icon02::before {
	background-image: url("/images/icon/icon-main02.gif");
}
.sub0401 ul.icon-lists li a.icon03::before {
	background-image: url("/images/icon/icon-main03.gif");
}
.sub0401 ul.icon-lists li a.icon04::before {
	background-image: url("/images/icon/icon-main04.gif");
}
.sub0401 ul.icon-lists li a.icon05::before {
	background-image: url("/images/icon/icon-main05.gif");
}
.sub0401 ul.icon-lists li a.icon06::before {
	background-image: url("/images/icon/icon-main06.gif");
}
.sub0401 ul.icon-lists li a.icon07::before {
	background-image: url("/images/icon/icon-main07.gif");
}
.sub0401 ul.icon-lists li a.icon08::before {
	background-image: url("/images/icon/icon-main08.gif");
}
.sub0401 ul.icon-lists li a.icon09::before {
	background-image: url("/images/icon/icon-main09.gif");
}
.sub0401 ul.icon-lists li a.icon10::before {
	background-image: url("/images/icon/icon-main10.gif");
}
.sub0401 ul.icon-lists li a::after {
	content: ' ';
	display: none;
	position: absolute;
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	border: 2px solid #1965b0;
	border-radius: 8px;
}
.sub0401 ul.icon-lists li a:hover::after {
	display: block;
}
.sub0402 h3.h3-title {
	height: 40px;
	margin-bottom: 50px;
	background: #edf4f7;
	text-align: center;
	color: #999;
	font-size: 18px;
	font-weight: 500;
	line-height: 40px;
}
.sub0402 h4.h4-title {
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: 500;
}
.sub0402 table {
	width: 100%;
	margin-top: 20px;
	table-layout: fixed;
}
.sub0402 table tbody th {
	height: 50px;
	border-top: 1px solid #1965b0;
	border-bottom: 1px solid #1965b0;
	border-right: 1px solid #ddd;
	background: #1965b0;
	color: #fff;
	font-size: 18px;
	line-height: 30px;
}
.sub0402 table tbody td {
	height: 50px;
	padding: 0 20px;
	border: 1px solid #ddd;
	border-left: none;
	color: #666;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
}
.sub0402 .border-box {
	margin: 40px 0;
	padding: 15px 20px;
	border: 1px solid #ddd;
}
.sub0402 .ex {
	margin-bottom: 30px;
	color: #666;
	font-size: 18px;
	line-height: 50px;
}
.sub0402 .ex span {
	display: inline-block;
	vertical-align: top;
	width: 76px;
	height: 50px;
	margin-right: 25px;
	border-radius: 25px;
	background: #eee;
	font-weight: 700;
	text-align: center;
}

.sub0403 .h3-title {
	margin: 0 auto;
    margin-bottom: 50px;
    font-size: 20px;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sub0403 .btn {
  margin: 0 0 30px 900px;
}

.sub0403 .border{
	position: relative;
}
.sub0403 .border a{
	position: absolute;
    color: #fff;
    background: #1965b0;
    padding: 10px 25px;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 500;
    top: 40%;
    left: 25%;
}

.sub0403 .border-box {
	margin-top: 80px;
	padding: 15px 20px;
	border: 1px solid #ddd;
}
.qst-joined {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 70px;
	padding: 30px 25px;
	border: 1px solid #ddd;
	border-radius: 8px;
}
.qst-joined p {
	font-size: 18px;
	line-height: 24px;
}
.joined-txt {
	color: #666;
	font-size: 18px;
	line-height: 24px;
	word-break: keep-all;
	text-align: left;
}
.joined-input {
	margin-top: 20px;
}
.joined-input li {
	margin-top: 10px;
}
.btn-joined {
	display: block;
	width: 100%;
	margin-top: 20px;
}
/* minsu */

.time {
	position: absolute;
	top: 57.4%;
	left: 120px;
	z-index: 99999;
	transform: translateY(-50%);
	color: #124990;
	font-size: 14px;
	line-height: 22px;
	font-family: 'Roboto';
	font-weight: 700;
}
.comm-boardview-wrap .board-reply .reply-write .name_cancel {
	position: absolute;
	top: 25px;
	left: 125px;
	font-size: 16px;
}
/* 20210906 추가작업 */

.result_ok {
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 60px;
}
.result_ok p {
	display: inline-block;
	min-height: 40px;
	background: url("/images/icon/icon-complete-40.png") left center no-repeat;
	font-size: 24px;
	color: #333;
	line-height: 40px;
	padding-left: 60px;
}
.result_ok span {
	font-weight: 700;
}
.btn_h40 {
	height: 40px !important;
	min-height: 40px !important;
}

.alert-wrap-A {
	margin-bottom:40px;
	padding: 30px 25px;
	background: #f5f5f5;
	word-break: keep-all;
}
.alert-wrap-A .tit {
	margin-bottom: 20px;
	font-size:20px;
	font-weight: 500;
}

.alert-wrap-A .desc {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 20px;
}
.sub-title {
	margin-bottom: 25px;
	font-size: 22px;
	line-height: 30px;
	font-weight: 500;
	word-break: keep-all;
}

.process-wrap {
	border-top: 1px solid #333;
	padding: 50px;
}

.process-wrap .process-tit {
	margin-bottom: 20px;
	font-size:22px;
	font-weight: 500;
}

.process-box {
	border: 1px solid #ddd;
	padding: 60px 50px;
	margin-bottom: 25px;
	text-align: center;
}

.process-box .pay-ok{
	text-align: center;
}

.process-box .pay-ok::before {
	content: ' ';
	display: block;
	width: 86px;
	height: 85px;
	margin: 0 auto 40px;
	background: url("/images/icon/icon-complete.png") center no-repeat;
	background-size:auto 85px;
}
.process-box .tit {
	font-size: 26px;
}
.process-box .tit em {
	font-weight: 700;
}
.process-box .desc {
	margin-top: 20px;
	font-size: 18px;
	line-height: 1.45;
}

.process-desc-box {
	border: 1px solid #ddd;
	padding: 80px 50px 60px 190px;
	margin-bottom: 25px;
	background:url("/images/icon/ico-notice.png") 50px 60px no-repeat #f9f9f9;
}

.process-desc-box .tit{
	font-size: 26px;
	margin-bottom: 30px;
}
.process-desc-box .desc {
	margin-top: 20px;
	font-size: 18px;
	line-height: 1.45;
	color:#666;
	margin-bottom: 10px;
}
.process-desc-box .tit-message{
	font-size: 18px;
	background: url("/images/icon/ico-talk.png") left center no-repeat;
	padding-left:20px;
	min-height:14px;
	margin-bottom: 20px;
}
.process-desc-box .whBox{
	background:#fff;
	padding:40px;
	margin-bottom: 30px;
}
.process-desc-box .desc-sm{
	font-size: 16px;
	line-height: 1.5;
	color:#666;
	margin-bottom: 10px;
}
.process-desc-box .desc-bt{
	font-size: 16px;
	line-height: 1.5;
	color:#333;	
	margin-bottom: 10px;
}
.process-desc-box .file{
	font-size: 18px;
	background: url("/images/icon/icon-clip.png") left center no-repeat;
	padding-left:24px;
	min-height:16px;
	margin: 20px 0px;
}
.process-box .cancel{
	text-align: center;
}

.process-box .cancel::before {
	content: ' ';
	display: block;
	width: 85px;
	height: 85px;
	margin: 0 auto 40px;
	background: url("/images/icon/ico-cancel.png") center no-repeat;
	background-size:auto 85px;
}

.process-chat-box {
	border: 1px solid #ddd;
	padding: 50px;
	margin-bottom: 25px;
}

.process-chat-box .adminArea{
	display: inline-block;
	width:100%;
	font-size:0;
	text-align: left;
	margin-bottom: 15px;
}
.process-chat-box .userArea{
	display: inline-block;
	width:100%;
	font-size:0;
	text-align: right;
	margin-bottom: 15px;
}

.process-chat-box .thumb{
	display: inline-block;
	vertical-align: top;
	width: 60px;
	height: 60px;
	margin-right: 40px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background: url("/images/icon/talk-adm-bg.png") center no-repeat #b8d2df;
}
.process-chat-box .thumb img{
	width:100%;
	height:100%;
	border-radius:50%;
}

.process-chat-box .mem-thumb{
	display: inline-block;
	vertical-align: top;
	width: 60px;
	height: 60px;
	margin-left: 40px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background: url("/images/icon/talk-member-bg.png") center no-repeat #fff;
	border:1px solid #ddd;
	
}
.process-chat-box .mem-thumb img{
	width:100%;
	height:100%;
	border-radius:50%;
	border:1px solid #ddd;
}

.message-blue {
    position: relative;
	display: inline-block;
    padding: 10px 15px;
    background-color: #eef7fb;
    max-width: calc(100% - 100px);
    min-height: 50px;
    text-align: left;
    font-size: 16px;
	line-height: 1.45;
	color:#333;
    border: 1px solid #ddd;
    border-radius: 10px;
	box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
}
.message-blue:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 15px solid #eef7fb;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    top: 0;
    left: -15px;
}

.message-blue:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 17px solid #ddd;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    top: -1px;
    left: -17px;
}
.message-orange {
    position: relative;
	display: inline-block;    
    padding: 10px 15px;
    background-color: #fbf9ee;
    max-width: calc(100% - 100px);
    min-height: 50px;
    text-align: left;
    font-size: 16px;
	line-height: 1.45;
	color:#333;
    border: 1px solid #ddd;
    border-radius: 10px;
	box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
}


.message-orange:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 15px solid #fbf9ee;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    bottom: 0;
    right: -15px;
}

.message-orange:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 17px solid #ddd;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    bottom: -1px;
    right: -17px;
}

.message-content {
    padding: 0;
    margin: 0;
}

.windowpopup {
    padding: 16px;
	word-break: keep-all;
}

.windowpopup .terms-conts h3 {
    margin-bottom: 25px;
    font-size: 20px;
    line-height: 30px;
    color: #124990;
    font-weight: 700;
}

.windowpopup .terms-conts p {
    font-size: 15px;
    line-height: 1.5;
    color: #666;
}

.windowpopup .terms-conts p strong {
    display: block;
    color: #333;
    margin-top: 20px;
    margin-bottom: 3px;
}

.windowpopup .terms-conts p strong::before {
    content: '<';
}

.windowpopup .terms-conts p strong::after {
    content: '>';
}

.windowpopup .terms-conts p em {
    font-weight: 500;
}

.windowpopup .terms-conts p.bottom {
    margin-top: 30px;
    color: #333;
}

.windowpopup .terms-conts .box {
    margin-top: 30px;
}

.windowpopup .terms-conts .box h4 {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 26px;
    color: #333;
    font-weight: 500;
}

.windowpopup .terms-conts .box > h5 {
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    font-weight: 500;
}

.windowpopup .terms-conts .box ol > li {
    font-size: 15px;
    line-height: 1.5;
    margin-top: 20px;
}

.windowpopup .terms-conts .box ol > li em{
    font-weight: 500;
}

.windowpopup .terms-conts .box ol > li h5 {
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
}

.windowpopup .terms-conts .box ol > li h6 {
    font-size: 15px;
    line-height: 1.5;
    color: #555;
    font-weight: 500;
}

.windowpopup .terms-conts .box ol > li ul > li {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.5;
    color: #666;
}

.windowpopup .terms-conts .box ol > li ul > li:first-child {
    margin-top: 0;
}

.windowpopup .terms-conts .box ol.nr > li {
    margin-top: 0;
    font-size: 15px;
    line-height: 1.5;
    color: #666;
}

.windowpopup .terms-conts .box .bullet-list {
    margin: 10px 0;
}

.windowpopup .terms-conts .box .bullet-list .b-txt {
    margin-top: 0;
}

.windowpopup .terms-conts .end {
    margin-top: 60px;
    text-align: center;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
}

.windowpopup .affiliated-cont h3 {
    font-size: 18px;
    line-height: 26px;
    color: #124990;
    font-weight: 700;
}

.windowpopup .affiliated-cont section {
    margin-top: 30px;
}

.windowpopup .affiliated-cont section h4 {
    position: relative;
    font-size: 15px;
    line-height: 23px;
    font-weight: 500;
}

.windowpopup .affiliated-cont section h4::before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 65px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-radius: 50%;
    background: #124990;
}

.windowpopup .affiliated-cont section h4::after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 73px;
    right: 0;
    height: 2px;
    margin-top: -1px;
    background: #ddd;
}

.windowpopup .affiliated-cont section ul {
    font-size: 0;
}

.windowpopup .affiliated-cont section ul li {
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    margin-right: 20px;
    border: 1px solid #ddd;
}

.windowpopup .certi-list li {
    margin-top: 20px;
    text-align: center;
}

.windowpopup .certi-list li:first-child {
    margin-top: 0;
}

.company_info {
	display: inline-block;
	width:100%;
	margin-top:100px;
	background:#ededed;
	padding:50px 0px;
	font-size:0;
}

.company_info .imgArea_left{
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width:500px;
	padding-left:90px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}

.company_info .imgArea_right{
	display: inline-block;
	text-align: right;
	vertical-align: top;
	width:500px;
	padding-right:90px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}

.company_info .txtArea{
	display: inline-block;
	text-align: left;
	width:calc(100% - 500px);
	padding:0px 80px;
	word-break: keep-all;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}

.company_info h2{
	background: url("/images/icon/ico_finger.png") left top no-repeat;
	min-height:60px;
	padding-left:52px;
	font-size: 30px;
    line-height: 70px;
    font-weight: 500;
	margin-bottom:45px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}

.company_info p{
	font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
	margin-top:36px;	
}

.company_info p:first-child{
	margin-top:0px;	
}

.greeting {
	display: inline-block;
	width:100%;
	margin-top:40px;	
	background: url("/images/bg/greeting_bg.png") left top no-repeat;
	min-height:350px;
	padding-left:520px;
	word-break: keep-all;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}

.greeting p{
	font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
	margin-bottom:35px;	
}

.greeting .sign{
	margin-top:90px;	
}

.business_info {
	display: inline-block;
	width:100%;
	margin-top:40px;	
    font-size:0;
}

.business_info li {
    display: inline-block;
	width:500px;
    margin-left: 100px;
}

.business_info li:first-child {
    margin-left: 0;
}
.business_info .inner .img {   
    margin-bottom: 50px;
	vertical-align: top;
}

.business_info .inner .tit {
    font-size: 30px;
    font-weight: 500;
	margin-bottom: 40px;
}

.business_info .inner .desc-list {
	margin-top: 0px;
}
.business_info .inner .desc-list p {
	position: relative;
	margin-top: 15px;
	padding-left: 10px;
	color: #333;
	font-size: 20px;
	line-height: 26px;
}
.business_info .inner .desc-list p:first-child {
	margin-top: 0;
}
.business_info .inner .desc-list p::before {
	content: ' ';
	position: absolute;
	top: 12px;
	left: 0;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #333;
}

.location {
	margin-top: 40px;
	display: inline-block;
	width:100%;
}
.location h4.title {
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: 500;
	margin-top: 70px;
}
.location table {
	width: 100%;
	margin-top: 20px;
	table-layout: fixed;
}
.location table tbody th {
	padding: 10px 10px;
	border-bottom: 1px solid #fff;	
	border-right: 1px solid #ddd;
	background: #1965b0;
	color: #fff;
	font-size: 18px;
	line-height: 1;
	vertical-align: middle;
}

.location table tbody th.left {
	padding: 10px 20px 10px 60px;
	text-align: left;
}
.location table tbody td {
	padding: 10px 20px;
	border: 1px solid #ddd;
	border-left: none;
	color: #666;
	font-size: 18px;
	line-height: 1.5;
	text-align: left;
	vertical-align: middle;
}
.location .icon {
	display: inline-block;
	color: #fff;
	font-size: 18px;
	line-height: 80px;
	padding-left:65px;
	height:80px;
}
.location .icon.icon1 {
	background: url("/images/icon/ico_train.png") left center no-repeat;
}
.location .icon.icon2 {
	background: url("/images/icon/ico_bus.png") left center no-repeat;	
}
.location .desc-list {
	padding:10px 0px;
}
.location .desc-list p {
	position: relative;
	margin-top: 8px;
	padding-left: 10px;
	color: #666;
	font-size: 18px;
	line-height: 24px;
}
.location .desc-list p:first-child {
	margin-top: 0;
}
.location .desc-list p::before {
	content: ' ';
	position: absolute;
	top: 10px;
	left: 0;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #666;
}

/* 등록업무 새창 */

.newwin-title {
	font-size: 22px;
	font-weight: 500;
	margin-bottom:30px;
	border-bottom:1px solid #ebebeb; 
	padding-bottom:15px;
}


.warrant-wrap .information .sign .btn.btn-border-border {
	color: #333;
	background: #fff;
	margin-bottom:5px;
}






/* 회원탈퇴 */
.secession-wrap > title {
    
    padding-top:75px;
    font-size: 30px;
    font-weight: 700;
}


@media screen and (max-width: 767px) {
    .secession-wrap > h3.title {
        margin-bottom: 20px;
        font-size: 24px;
    }
}

.secession-wrap .flex {
    display: flex;
}
.flex{
	display: flex;
	/* justify-content: space-between; */
	/* width: calc((100% - 0px) / 3); */
}
.flex-1{
	flex:1;
}
.flex-1:nth-of-type(2){
	margin:0 20px ;
}

@media screen and (max-width: 600px) {
    .secession-wrap .flex {
        flex-direction: column;
    }

}

.secession-wrap .flex .box {
    width: 100%;
    flex: 1;
    padding: 40px;
    border: 1px solid #ddd;
    min-height: 430px;
    height: auto;
    margin-bottom: 0;
    
}
.secession-wrap .flex .box:last-child {
    margin-left: 20px;
}
.secession-wrap .btn-group{
 margin-top:20px;   
}
@media screen and (max-width:767px) {
    .secession-wrap .flex .box {
        width:100%;
        margin:0;
        padding:10% 5%;
        max-height: 300px;
    }
    .secession-wrap .flex .box:last-child{
        margin:0;
        margin-top:20px;
    }
    .secession-wrap .btn-group .btn{
        flex:unset

    }
}




.secession-wrap .flex .box .tit {
	font-size: 24px;
    color: #3c7cbc;
    margin-bottom: 30px;
    font-weight: 700;
}

.secession-wrap .flex .box ul.slt-rs > li {
    margin-top: 15px;
}

.secession-wrap .flex .box ul.slt-rs > li:first-child {
    margin-top: 0;
}

.secession-wrap .flex .box .bullet-list {
    margin-top: 30px;
}

.secession-wrap .flex .box .bullet-list li {
    color: #aaa;
}

.secession-wrap .form-wrap .row .forms{
	width:100%;
	margin:0;
}

.secession-wrap .form-wrap .row .forms label{
    display: block;
    margin-bottom: 12px;
    font-size: 16px;
}

/*app*/
.app-product{
    position: relative;
    width: 100%;
    margin:5% 0;
	display: flex;
    justify-content: space-between;
	align-items: center;
}

.app-product ul{
    display: flex;
    justify-content: flex-end;
    gap:20px;
}
.app-product .app-content li{
    border-radius: 5px;
    border: solid 0.5px #ddd;
    color: #fff;
} 
.app-product .app-content li:hover{
    border:solid 1px #1965b0;
    filter: drop-shadow(0.5px 0.5px 1px #1965b0);
}

.guide-content li{
	font-size:14px;
	font-weight: 500;
	border:solid 1px transparent;
	border-radius: 10px;
	transition:all  0.3s;
}
 .guide-content li:hover{
    border:solid 1px #1965b0;

}

.guide-content li a{
	display:flex;
	justify-content: center;
	align-items: center;
	padding:7.5px 5px 7.5px 10px;
	background: #f5f5f5;
	border-radius: 10px;
	box-shadow: 3px 3px 9px 1px rgba(0, 0, 0, 0.2);
}
.guide-content li a i{
	margin-left:5px;
}

.page-title-wrap{
	display:flex;
	gap:20px;
}