@charset "utf-8";

/*
 * 서브 페이지 공통 스타일
 * - subpage.css / subpage2.css 중복 내용을 통합
 * - 구조, 컴포넌트, 유틸리티만 유지
 * - 색상/동작 오버라이드는 sub-theme-blue.css에서 덮어쓰기
 */

/* ====================
   Helpers
==================== */
.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.relative {
    position: relative;
}

.flex_justify_center {
    display: flex;
    justify-content: center;
}

.width_100 {
    width: 100%;
}

.width_49 {
    width: 49%;
}

.width_150 {
    width: 150px;
}

.margin_minus_15 {
    margin: -15px;
}

.margin_top_0 {
    margin-top: 0;
}

.margin_top_30 {
    margin-top: 30px;
}

.margin_top_50 {
    margin-top: 50px;
}

.padding_left_0 {
    padding-left: 0;
}

.padding_left_50 {
    padding-left: 50px;
}

.color_red {
    color: #e10414;
}

.color_blue {
    color: #0c40cd;
}

.boxshadow,
.box-shadow {
    box-shadow: 0 8px 14px rgba(0, 0, 11, 0.1);
}

span.big_num {
    display: inline-block;
    margin-right: 5px;
    font-size: 18px;
    font-weight: bold;
}

/* ====================
   Sub banner / breadcrumb
==================== */
.sub_banner {
    width: 100%;
    padding: 95px 0;
    color: #fff;
    text-align: center;
    font-family: Arial, sans-serif;
    background: url("/micro_img/sub/sub_banner.png") 50% 50% no-repeat;
    background-size: cover;
}

.sub_banner h2 {
    margin-bottom: 5px;
    font-size: 36px;
}

.sub_banner .banner_nav {
    display: inline-block;
    margin-top: 3px;
    font-size: 12px;
    text-align: center;
}

.sub_banner .banner_nav li {
    float: left;
}

.sub_banner .banner_nav li::after {
    display: inline-block;
    margin: 0 8px 0 5px;
    content: ">";
}

.sub_banner .banner_nav li:last-child::after {
    display: none;
}

/* ====================
   Sub navigation
==================== */
.navigation {
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
}

.navigation > ul > li {
    position: relative;
    float: left;
    width: 81px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    border-left: 1px solid #e1e1e1;
}

.navigation > ul > li:last-child {
    border-right: 1px solid #e1e1e1;
}

.navigation > ul > li .home {
    display: block;
    width: 100%;
    height: 100%;
}

.navigation > ul > li > span {
    font-weight: bold;
}

.navigation > ul > li.select_menu,
.navigation > ul > li.select_menu2 {
    width: 282px;
    padding-left: 34px;
    font-weight: bold;
    text-align: left;
    cursor: pointer;
}

.navigation > ul > li.select_menu.on,
.navigation > ul > li.select_menu2.on {
    background: #eceff6;
}

.navigation .navi_arr {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    transition: 0.3s;
}

.navigation .navi_arr.on {
    transform: translateY(-50%) rotate(-180deg);
}

.navigation .sub_nav {
    position: absolute;
    top: 52px;
    left: 50%;
    z-index: 1010;
    display: none;
    width: calc(100% + 2px);
    border: 1px solid #e1e1e1;
    background: #eceff6;
    transform: translateX(-50%);
}

.navigation .sub_nav > li > a {
    display: block;
    height: 52px;
    padding-left: 34px;
    font-weight: normal;
    line-height: 52px;
}

/* ====================
   Section layout
==================== */
.sub-section {
    padding: 0px 0 60px;
}

.sub-section .head_title {
    margin-bottom: 60px;
}

.head_title + .section_title {
    margin-top: 100px;
}

.section_title {
    margin-bottom: 50px;
}

.section_title h3 {
    position: relative;
    color: #0a110f;
    font-weight: bold;
    font-size: 36px;
    text-align: center;
    font-family: Arial, sans-serif;
    font-variant: small-caps;
}

.section_title h3::before {
    position: absolute;
    top: -46px;
    left: 50%;
    display: block;
    width: 1px;
    height: 30px;
    background: #e10414;
    content: "";
}

.section_title.before_none h3::before {
    display: none;
}

/* ====================
   Common text box
==================== */
.common_textbox {
    padding: 38px 42px;
    border: 1px solid #dcdcdc;
}

.common_textbox > p {
    margin-bottom: 30px;
    font-size: 16px;
}

.common_textbox > p:last-child {
    margin-bottom: 0;
}

.common_textbox .image_area {
    float: left;
}

.common_textbox .image_area img {
    box-shadow: 0 8px 14px rgba(0, 0, 11, 0.1);
}

.common_textbox .image_area.big_image img,
.common_textbox .image_area.about_image1 img {
    box-shadow: none;
}

.common_textbox .image_area.big_image img {
    width: 330px;
}

.common_textbox .image_area.about_image1 {
    width: auto;
}

.common_textbox .text_area {
    float: right;
    width: 754px;
    font-size: 16px;
    line-height: 1.4;
    font-family: Arial, sans-serif;
}

.common_textbox .text_area > p {
    margin-bottom: 30px;
}

.common_textbox .text_area p:last-child {
    margin-bottom: 0;
}

.common_textbox .image_area.right {
    float: right;
}

.common_textbox .text_area.left {
    float: left;
}

/* ====================
   Images
==================== */
.full_image {
    text-align: center;
}

.full_image img {
    box-shadow: 0 7px 10px rgba(0, 0, 11, 0.05);
}

.full_image.boxshadow_none img,
.full_image.width_500 img {
    box-shadow: none;
}

.full_image.width_500 img {
    width: 500px;
}

.feature_imgage,
.feature_image {
    height: 200px;
    line-height: 200px;
    text-align: center;
    background: #f2f2f2;
    box-shadow: 0 7px 10px rgba(0, 0, 11, 0.05);
}

.feature_imgage img,
.feature_image img {
    width: 82%;
}

/* ====================
   Text columns
==================== */
.text_wrap_col1,
.text_wrap_col2 {
    margin-top: 35px;
    font-size: 16px;
    line-height: 1.7;
}

.text_wrap_col1 > div,
.text_wrap_col2 > div {
    color: #2e2e2d;
    font-family: Arial, sans-serif;
}

.text_wrap_col1 > div {
    width: 100%;
}

.text_wrap_col2 > div {
    float: left;
    width: 50%;
}

.text_wrap_col2 > div.width_big {
    width: 58%;
}

.text_wrap_col2 > div.width_auto {
    width: auto;
}

.text_wrap_col2 > div > p {
    padding-left: 25px;
}

.text_wrap_col1 > div > p::before,
.text_wrap_col2 > div > p::before {
    display: inline-block;
    width: 3px;
    height: 2px;
    margin-right: 8px;
    vertical-align: middle;
    background: #2e2e2d;
    content: "";
}

/* ====================
   2-column layout helpers
==================== */
.div_col2 {
    width: 100%;
}

.div_col2 > div,
.div_col2 > .width_49 {
    float: left;
    width: 49%;
}

.div_col2 > div:nth-child(2n),
.div_col2 > .width_49:nth-child(2n) {
    float: right;
}

/* ====================
   Common table
==================== */
.common_table > table {
    width: 100%;
    border: 1px solid #eee;
    border-bottom: 0;
    border-collapse: collapse;
    font-size: 14px;
    line-height: 1.5;
}

.common_table > table th {
    padding: 20px 0;
    color: #fff;
    font-size: 18px;
    text-align: center;
    background: #2e2e2e;
}

.common_table > table td {
    padding: 14px 25px;
    color: #2b2b2b;
    border-bottom: 1px solid #eee;
}

.common_table > table td:first-child {
    text-align: center;
    border-right: 1px solid #eee;
}

.common_table > table td:nth-child(2) {
    padding: 14px 25px;
}

.scroll-table tr:hover > td {
    background: #eceff6;
}

/* ====================
   Tabs
==================== */
	.sub_tab ul li {
		cursor: pointer;
	}
	.sub_tab>ul>li.on {
		border: 1px solid #0b2e8d;
		background: #0b2e8d;
		color: #fff;
		font-weight: 400;
		transition: all 300ms ease;
	}
	.sub_tab>ul>li:hover {
		background: #0b2e8d;
		color: #fff;
		transition: all 0.1 ease;
		
	}
	.sub-section.con.show {
		display: block;
	}

	.sub-section.con {
		display: none;
	}
	
	.sub-con {
		width: 1320px;
		margin: 0 auto;
		padding: 0px;
	}
	.sub_tab ul {
		display: flex;
		justify-content: center;
		padding: 0px;
	}
	.sub_tab ul li {
		padding: 20px 0;
		width: 180px;
		border: 1px solid #aaa;
		text-align: center;
		margin: 6px;
		color: #aaa;
		transition: all 300ms ease;
		font-size: 16px;
	}
	.sm-tit {
		color: #e10414;
		font-size: 14px;
		position: relative;
		text-align: center;
		top: 10px;
		
	}
	.tab-con {
		width: 1330px;
		margin: 0 auto;
	}

/*서브 스크롤 태이블*/
.scroll-table {
    max-height: 845px;
    overflow-y: auto;
	margin-bottom: 80px;
}
.scroll-table table{
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	border: 1px solid #eee;
	border-top: 0;
	table-layout: auto!important;
}
.scroll-table table th {
	padding: 20px 10px;
	font-size: 15px!important;
	color: #fff;
	background: #0b2e8d;
	border-right: 1px solid #fff;
	font-weight: normal!important;
	/* position: sticky;
	left: 0;
	top: -1px;
	background-clip: padding-box; */
}
.scroll-table table th:last-child{
	border-right: 0;
	width: 90px;
}
.scroll-table table th.th_button{
	padding: 0 7px;
}
.scroll-table table th.th_button > button{
	font-size: 13px;
	color: #fff;
	background: #e10414;
	border-radius: 3px;
	border: 0;
	padding: 6px 8px;
}
.scroll-table table th.th_button > a{

}
	.th_button a {
	color: #fff;
	background: #e10414;
	border: 0;
	padding: 6px 8px;
	border-radius: 3px;
	cursor: pointer;
	font-size: 12px;
	display: block;
	margin: 2px;
	font-weight: 400;
	float: left;
    width: 70px;
	}
	.th_button a:first-child:hover {
		background: #B1010E;
	}
	.th_button a:last-child {
		background: #555;
	}
	.th_button a:last-child:hover {
		background: #333;
	}

.scroll-table table td{
	padding: 10px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	font-size: 16px;
}
	.scroll-table table td:first-child {
		text-align: left;
	}	
	
.scroll-table.dot_table table td{
	padding: 2px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.scroll-table table tr:last-child > td{
	border-bottom: 0;
}

.scroll-table table td:last-child {
	border-right: 0;
}
.scroll-table table .sec_line{
	width: 100%;
	height: 1px;
	background: #eee;
	display: block;
    margin: 5px 0;
}
/*solting 추가*/
.scroll-table .th_wrap{
	position: relative;
}
.scroll-table .th_sorting{
	position: absolute;
	right: -13px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 10px;
	line-height: 0.8;
}
.unit{
	font-size: 12px;
	display: block;
}
/*새로생긴 div에 스타일 넣기*/
.floatThead-table{
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	border: 1px solid #eee;
	border-top: 0;
}
.floatThead-table th {
	padding: 5px 20px;
	font-size: 16px;
	color: #fff;
	background: #2e2e2e;
	border-right: 1px solid #fff;
	font-weight: normal;
	/* position: sticky;
	left: 0;
	top: -1px;
	background-clip: padding-box; */
}
.floatThead-table th:last-child{
	border-right: 0;
}
.floatThead-table th.th_button{
	padding: 0 7px;
}
.floatThead-table th.th_button > button{
	font-family: 'arial', sans-serif;
	font-size: 13px;
	color: #fff;
	background: #e10414;
	border-radius: 3px;
	border: 0;
	padding: 6px 8px;
}
.floatThead-table th.th_button > a{
	font-family: 'arial', sans-serif;
	font-size: 13px;
	color: #fff;
	background: #e10414;
	border-radius: 3px;
	border: 0;
	padding: 6px 8px;
	cursor: pointer;
}
/*solting 추가*/
.floatThead-table .th_wrap{
	position: relative;
}

.th_wrap {font-size:15px; font-weight:400;}
.floatThead-table .th_sorting{
	position: absolute;
	right: -13px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 10px;
	line-height: 0.8;
}
	.scroll-table thead {
		position: sticky;
		top: 0;
	}
	/*scroll table overflow 조절*/
	/* .scroll-table.overflow_visible{
	overflow: visible;
} */
	
.scroll-table::-webkit-scrollbar {
    background-color:#fff;
    width:16px;
	
}

/* background of the scrollbar except button or resizer */
.scroll-table::-webkit-scrollbar-track {
    background-color:#fff;

	
}
.scroll-table::-webkit-scrollbar-track:hover {
    background-color:#f4f4f4
}

/* scrollbar itself */
.scroll-table::-webkit-scrollbar-thumb {
    background-color:#babac0;
    border-radius:16px;
    border:5px solid #fff
}
.scroll-table::-webkit-scrollbar-thumb:hover {
    background-color:#a0a0a5;
    border:4px solid #f4f4f4
}

/* set button(top and bottom of the scrollbar) */
.scroll-table::-webkit-scrollbar-button {display:none}

.select-table th {
	background: #0b2e8d!important;
}


/* ====================
   Modal / inquiry form
==================== */
.pop_inquiry {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
    background: rgba(0, 0, 0, 0.8);
}

.pop_inner {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 700px;
    background: #fff;
    transform: translate(-50%, -50%);
}

.pop_head {
    padding: 20px;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    background: #0b2e8d;
}

.pop_head h2 {
    float: left;
}

.pop_head button,
.pop_head i {
    float: right;
    color: #fff;
    font-size: 30px;
    vertical-align: middle;
    background: transparent;
    border: 0;
}

.pop_content {
    padding: 30px 20px;
}

.form_title {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: bold;
}

.inquiry_form > div {
    float: left;
}

.form_logo {
    width: 20%;
    border-right: 1px solid #eee;
}

.inquiry_form .form_right {
    float: left;
    width: 80%;
    padding-left: 30px;
}

.inquiry_form .form_right dl > dt {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 16px;
}

.basic_input,
.basic_textarea {
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.basic_textarea {
    width: 100%;
    height: 80px;
    resize: none;
}

/* ====================
   Custom form / contact
==================== */
.custom_top_form {
    margin: 70px 0 0;
    padding: 20px 0;
    border-bottom: 2px solid #eee;
}

.custom_top_form dl {
    float: left;
    width: 49%;
    margin: 5px 0;
}

.custom_top_form dl:nth-child(2n) {
    float: right;
}

.custom_top_form dl > dt,
.custom_top_form dl > dd {
    float: left;
}




dl.div_col1 {
    clear: both;
    float: none;
    width: 100%;
}

dl.div_col1 > dt {
    width: 24.9%;
}

dl.div_col1 > dd {
    width: 75%;
}

.custom_top_form dl.div_col1:nth-child(2n) {
    float: none;
}


.contact_form h3 {
    margin-bottom: 30px;
    font-size: 18px;
    text-align: center;
}

.contact_form h3 > a,
.email {
    border-bottom: 1px solid #000;
}

.contact_form .help_text {
    margin-top: 20px;
    padding-top: 20px;
    font-size: 14px;
    line-height: 1.6;
    border-top: 1px solid #eee;
}

.contact_form.map iframe {
    width: 100%;
}

.num_style {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.num_yellow {
    color: #000;
    background: #ffe400;
}

.num_black {
    background: #2e2e2e;
}

.custom_line {
    width: 100%;
    height: 2px;
    margin: 10px 0;
    background: #eee;
}

/* ====================
   Sitemap / custom solution / search result
==================== */
.sitemap-wr > dl {
    float: left;
    width: 19.2%;
    margin-right: 1%;
}

.sitemap-wr > dl:last-child {
    margin-right: 0;
}

.sitemap-wr > dl > dt {
    padding: 20px 0;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    background: #2e2e2e;
}

.sitemap-wr > dl > dt.united {
    margin-top: 23px;
}

.sitemap-wr .subnav {
    border: 1px solid #eee;
}

.sitemap-wr .subnav dd {
    padding: 10px;
    border-bottom: 1px solid #eee;
}

.sitemap-wr .subnav dd:last-child {
    border-bottom: 0;
}

.sitemap-wr a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 15px;
    font-weight: normal;
}

.custom_solution_text {
    margin-top: 30px;
    font-size: 16px;
    line-height: 1.5;
}

.custom_solution {
}

a.cs_mail_link {
    position: absolute;
    bottom: 46px;
    left: 510px;
    width: 170px;
    height: 20px;
}

.result_content {
    margin: 20px 0 50px;
}

.result_nav {
    margin-bottom: 10px;
    font-weight: bold;
}

/* ====================
   Buttons
==================== */
.button-wr {
    margin-top: 30px;
    text-align: center;
}

.button {
    display: inline-block;
    padding: 12px 15px 10px;
}

.border_button {
    border: 1px solid #fff;
}

.border_button_black {
    color: #000;
    background: #fff;
    border: 1px solid #000;
}

.close_pop {
    cursor: pointer;
}


<style>
	.sub-nav-con {
		width: 100%;
		height: 300px;
		
		position: relative;
		background-size: cover;
		background-position: center;

		
	}
	.fa-house:hover {
		color: #0597f2!important;
		transition: .3s ease;
	}
	
	.sub-nav-wr {
		width: 100%;
		height: 300px;
		margin: 0 auto;
	}
	
	.sub-bg {
		background-image: url("../img/sub-bg.jpg");
		position: absolute;
		width: 100%;
		height: 300px;
		animation: puffIn 1s ease;
		background-size: cover;
		background-position: center!important;
		z-index: -999;
		overflow: hidden;
	}



	.checked-row {
    background: #f8f8f8;
}
	.scroll-table tr:hover {
		background: #f8f8f8;
	}
	
	.sub-nav-tit {
		height: 240px;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		animation: vanishIn 1s ease;
		text-transform: uppercase;
	}
	.sub-nav-tit h1 {
		font-size: 48px!important;
		font-weight: 500;
		letter-spacing: 0.1rem;
	}
	.sub-nav-menu {
		width: 100%;
		height: 65px;
		display: flex;
		justify-content: center;
		color: #fff;
		border-top: 1px solid rgba(255,255, 255, .3);
		font-weight: 300;
		font-size: 18px;
		position: relative;
	}
	.select_home {
		width: 300px;
		display: inline-block;
		float: left;
	}
	.select_menu {
		width: 50px;
		display: inline-block;
		float: left;
	}
	.select_menu2 {
		width: 300px;
		display: inline-block;
		float: left;
	}
	
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-text-fill-color: #666 !important;
}

	
/*navigation*/
	.sub-nav-menu ul {
		margin: 0;
		border-left: 1px solid rgba(255,255, 255, .3);
		color: #e8e8e8;
		font-weight: 400;
	}
.sub-nav-menu > ul > li{
	float: left;
	border-left: 1px solid rgba(255,255, 255, .3);
	width: 81px;
	text-align: center;
	height: 60px;
	line-height: 60px;
	position: relative;
	
}

	.sub-nav-menu > ul > li:first-child {
		border: none;

	}
.sub-nav-menu > ul > li:last-child{
	border-right: 1px solid rgba(255,255, 255, .3);
}
.sub-nav-menu > ul > li .home{
	display: block;
	width: 100%;
	height: 100%;
	
}
.sub-nav-menu >ul > li.select_menu{
	width: 280px;
	text-align: left;
	font-weight: 400;
	cursor: pointer;
}
.sub-nav-menu >ul > li.select_home{
	width: 60px;
	text-align: left;
	cursor: pointer;
}
	.select_home a {
		
	font-weight: 400!important;
	}
.sub-nav-menu >ul > li.select_menu.on{
	background: #0597f2;
	color: #fff;
}
.sub-nav-menu >ul > li.select_menu2{
	width: 320px;
	text-align: left;
	font-weight: 400;
	cursor: pointer;
}
.sub-nav-menu >ul > li.select_menu2.on{
	background: #0597f2;
	color: #fff;

}
.sub-nav-menu >ul > li > span{
	font-weight: 300;
}
.sub-nav-menu .navi_arr{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	transition: 0.3s;
}
.sub-nav-menu .navi_arr.on{
	transform: translateY(-50%) rotate(-180deg);
}
.sub-nav-menu .sub_nav {
    position: absolute;
    left: 0;
    top: 59px;
    background: #fff;
	color: #666;
    width: 100%;
    z-index: 1010;
    display: none; /* 기본적으로 드롭다운 메뉴는 숨김 */
	border:1px solid #d9ddf9;
	padding: 0;
}

.sub-nav-menu .sub_nav > li > a{
	height: 52px;
	line-height: 52px;
	font-weight: normal;
	display: block;
	padding: 6px;
	padding-left: 20px;
	border: 1px solid #e8e8e8;
	font-size: 16px;
}

	.nav_title, .nav_title2{
		padding-left: 20px;
	}
	
	.sub-nav-menu .sub_nav > li > a:hover {
		background: #f8f8f8;

	}

	
	
	
	
	
	

	.sub-wr {
		width: 100%;
		position: relative;
		min-height: 1200px;
		height: auto!important;
	}
	
	.sub-tit {
		font-size: 46px;
		margin: 0 auto;
		text-align: center;
		padding-top: 40px;
		padding-bottom: 40px;
		letter-spacing: 0.1rem;
		font-weight: 400;
	}
	.sub-tit::before {
		content: "";
		width: 140px;
		height: 4px;
		background: #0b2e8d;
		border-radius: 5px;
		display: block;
		margin: 0 auto;
		box-shadow: inset 2px 2px 2px rgb(0,0,0,0.3);
		margin-bottom: 10px;
		margin-top: 40px;
	}
	
	.sub-intro {
		width: 1280px;
		height: auto;
		margin: 0 auto;
		border-radius: 20px;
		box-shadow: 0px 5px 40px rgb(0,0,0,0.1);
	}
	
	.sub-intro p {
		padding: 100px;
		font-size: 17px;
		color: #333;
		letter-spacing: 1px;
		line-height: 32px;
	}
	
	.sub-img-wr {
		display: flex;
		justify-content: center;
		align-content: center;
		margin-top: 40px;
	}
	.sub-img-wr  {

	}
	.sub-ft-wr {
		width: 100%;
		height: 670px;
		background: #E6EEF1;
		margin-top: 80px;
	}
	.sub-ft-inner {
		width: 1320px;
		margin: 0 auto;
	}
	.sub-ft-text {
		column-count: 2;
		font-size: 16px;
		letter-spacing: 0.6px;
		line-height: 32px;
		color: #333;
		width: 1150px;
		margin: 0 auto;
		
	}
	.sub-ft-text li {
		list-style: square;
	}

	.first-column {
		width: 100%;
		
	}
	.link {
		color: #0597f2;
	}
	.small-cat {
		color: #eee;
		position: absolute;
		top: 140px;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 14px;
		animation: vanishIn 1s ease;
		letter-spacing: 0.1rem;
	}
	.js-float-label-wrapper label {
		top: 0!important;
	}
	
	  .required2::after {
    content: '*';
    font-weight: 900;
    position: absolute;
    color: red;
    right: 5px; /* input 요소 끝에 위치하도록 조정 */
    top: 50%;
    transform: translateY(-50%);
  }	
	
	.scroll-table tbody tr {
		line-height: 28px;
	}
	.sub-img-wr img {
		width: 620px; height: 420px; border-radius: 20px;
	}
	.sub-img-wr img:first-child {
		margin-right: 40px;
	}
        .input-container {
            position: relative;
        }
        .clear-input {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    background-color: #f8f8f8;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    font-size: 14px;
	display: none;
			color: #0b2e8d;
			font-weight: 400;
			
        }
	.clear-input:hover {
		filter: brightness(0.9);
	}
	.img-test {
		background: #fff!important;
	}