@charset "utf-8";
@import "main_bottom.css";

.main-wrap-top .more {display: none; font-size: var(--fontsize-2); color: #566FBC !important; font-family: var(--fontfamilyS);}
.main-wrap-bottom .more {display: none; font-size: var(--fontsize-2); color: #566FBC !important; font-family: var(--fontfamilyS);}

.main-wrap-top {padding: 40px 0; background: #ebf1ff;}
.main-wrap-top .container {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 25px;
}

.main-wrap-top .main-type-tab {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 5px;
	border-radius: 10px;
	border: 1px solid #C4CEE4;
	background: #F3F6FF;
	padding: 5px;
}
.main-wrap-top .main-type-tab a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	width: 25%;
	height: 40px;
	border-radius: 8px;
	color: rgba(97, 107, 132, 0.5);
	font-weight: 600;
	font-size: var(--fontsize6);
	border:1px solid transparent;
}
.main-wrap-top .main-type-tab a:hover {color: #2E4793; border: 1px solid #2E4793;}
.main-wrap-top .main-type-tab a.on {
	background: #667CB7;
	border: 1px solid #324578;
	color: #fff;
}

.main-wrap-top .main-type-tab a .select {display: none; background: #fff url('/basic_img/basic/kape_form_select.png') no-repeat center right 5px / 8px auto; border-radius:3px;}
.main-wrap-top .main-type-tab a.on .select {display: flex;}
.main-wrap-top .main-type-tab a .select select {height: 25px; padding: 0 20px 0 5px; font-size: var(--fontsize-1); font-family: 'Paperlogy'; color: #333;}
.main-wrap-top .main-type-tab a .select img {right: 5px;}

@media (max-width: 920px) {
	.main-wrap-top .main-type-tab a .select {display: none; margin-top: -2px;background: #fff url('/basic_img/basic/kape_form_select.png') no-repeat center right 3px / 6px auto;}
	.main-wrap-top .main-type-tab a.on .select {display: flex;}
	.main-wrap-top .main-type-tab a .select select {height: 20px; padding: 0 12px 0 2px;font-size: var(--fontsize-2);}
	.main-wrap-top .main-type-tab a .select img {right: 3px;}
	
}

.main-left-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	width: calc(100% - 330px);
	align-content: space-between;
}
.main-left-wrap .main-menu-wrap {
	position: relative;
	width: calc(50% - 10px);
	height: 330px;
}

.main-left-wrap .main-menu-wrap {background: url('/basic_img/main/kape_main_card01.png') no-repeat top left / 100% 100%;}
.main-left-wrap .main-menu-wrap.bg-change {background: url('/basic_img/main/kape_main_card02.png') no-repeat top left / 100% 100%;}
.main-left-wrap .main-menu-wrap.hover1 {background: url('/basic_img/main/kape_main_card02_hover.png') no-repeat top left / 100% 100%;}
.main-left-wrap .main-menu-wrap.hover2 {background: url('/basic_img/main/kape_main_card01_hover.png') no-repeat top left / 100% 100%;}
.main-left-wrap .main-menu-wrap.single-menu {
	background: url('/basic_img/main/kape_main_card_single.png') no-repeat top left / 100% 100%;
}
.main-left-wrap .main-menu-wrap.single-menu.long {
	background: url('/basic_img/main/kape_main_card_single_long.png') no-repeat top left / 100% 100%;		
}
.main-left-wrap .main-menu-wrap.single-menu.long h3 {width: 180px;}
.main-left-wrap .main-menu-wrap.empty-menu {
	background: url('/basic_img/main/kape_main_card_none.png') no-repeat top left / 100% 100%;
	opacity: 0.5;
}

.main-left-wrap .main-menu-wrap h3 {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100px;
	height: 40px;
	font-size: var(--fontsize10);
	font-weight: 700;
	font-family: 'Paperlogy';
}

.main-left-wrap .main-menu-wrap.single-menu h3 {width: 100%; padding-left: 15px; font-size: var(--fontsize6);align-items:end; justify-content: start; font-weight: 600;}
.main-left-wrap .main-menu-wrap .main-menu-tab {
	position: absolute;
	top: 0;
	right: 0;
	width: 62%;
	height: 40px;
}
.main-left-wrap .main-menu-wrap .main-menu-tab a {
	display: inline-block;
	width: 50%;
	height: 100%;
	line-height: 45px;
	text-align: center;
	font-size: var(--fontsize2);
	font-weight: 700;
	font-family: 'Paperlogy';
	color: #727E94;
}
.main-left-wrap .main-menu-wrap .main-menu-tab a.on,
.main-left-wrap .main-menu-wrap .main-menu-tab a:hover {color: #000;}

.main-left-wrap .main-menu-wrap .main-menu-cont-wrap {
	width: 100%;
	height: calc(100% - 40px);
	padding: 20px 20px 0;
}
.main-menu-cont-wrap .main-menu-cont {display: none; height: 100%;}
.main-menu-cont-wrap .main-menu-cont.active {display: block; cursor: pointer;}

.main-menu-cont-wrap .main-menu-cont .card-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	height: calc(100% - 35px);
}
.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 50%;
	height: 100%;
	border: 1px solid #798BB5;
	border-radius: 10px;
	font-family: var(--fontfamilyG);
	
}
.card-box > p.more-btn {position: absolute; top: 5px; right: 10px; display: flex; align-items: center; gap: 5px; color: #C3C3C3;font-size: var(--fontsize10); font-weight: 300;}
.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box > b {
	font-size: var(--fontsize2);
}
.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box > em {
	font-size: 35px;
	font-weight: 700;
}
.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box > em.data-red {color: #E70000;}
.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box > em.data-blue {color: #3B56D9;}
.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box > span {
	font-size: 1rem;
	color:rgba(0, 0, 0, 0.32);
	font-family: var(--fontfamily);
}
.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box ul {width: 100%;padding: 5px;}
.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	font-weight: 500;
	font-size: var(--fontsize-2);
	margin-top: 5px;
	font-family: 'Paperlogy';
	letter-spacing: -0.5px;
}
.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li p {
	font-family: var(--fontfamily);
	text-align: right;
	color: rgba(0, 0, 0, 0.6);
	width: calc(100% - 125px);
	letter-spacing: -0.5px;
	font-size: var(--fontsize-2);
	word-break: keep-all;
}
.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li span.arrow {
	display: flex;
	align-items: center;
	gap: 3px;
	width: 55px;
}

.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li span.arrow img {max-width: 10px;}
.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li span.sign {
	width: 50px;
}
.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li.data-up span {color:#FD4B4B;}
.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li.data-down span { color:#3262FF;}
.main-menu-cont-wrap .main-menu-cont .main-menu-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 35px;
	font-size: var(--fontsize-2);
	font-weight: 400;
}
.main-menu-cont-wrap .main-menu-cont .main-menu-bottom b {color: #A4A4A4;}
.main-menu-cont-wrap .main-menu-cont .main-menu-bottom i {margin: 0 5px; color: #E9E9E9; vertical-align: text-top;}
.main-menu-cont-wrap .main-menu-cont .main-menu-bottom span {color: #C2C2C2;}
.main-menu-cont-wrap .main-menu-cont .main-menu-bottom p {display: flex; align-items: center; gap: 5px; color: #C3C3C3;font-size: var(--fontsize10); font-weight: 300;}

.main-left-wrap.align-left .main-menu-wrap {
	width: calc(25% - 15px);
	height: 300px;
	background: url('/basic_img/main/kape_main_card.png') no-repeat top left / 100% 100%;
}
.main-left-wrap.align-left .main-menu-wrap.single-menu {background: url('/basic_img/main/kape_main_card_single_s.png') no-repeat top left / 100% 100%;}

.main-left-wrap.align-left .main-menu-wrap .main-menu-tab {width: 50%;}
.main-left-wrap.align-left .main-menu-wrap .main-menu-tab a {width: 100%;}
.main-left-wrap.align-left .main-menu-wrap .main-menu-cont-wrap {padding: 10px 0 0;}
.main-left-wrap.align-left .main-menu-cont-wrap .main-menu-cont .card-wrap  {height: calc(100% - 45px); /*margin: 5px 10px;*/}
.main-left-wrap.align-left .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box {width: 100%; border: 1px solid transparent; padding-top: 10px;}
.main-left-wrap.align-left .main-menu-cont-wrap .main-menu-cont .main-menu-bottom {height: 45px;justify-content: space-between; border-top: 1px solid #DBDBDB; padding: 0 10px;}
.main-left-wrap.align-left .main-menu-cont-wrap .main-menu-cont .main-menu-bottom b {display: block;}
.main-left-wrap.align-left .main-menu-cont-wrap .main-menu-cont .main-menu-bottom i {display: none;}

.main-left-wrap.align-left .main-menu-wrap.wide-menu { width: calc(50% - 10px); background: url('/basic_img/main/kape_main_card_wide.png') no-repeat top left / 100% 100%;}
.main-left-wrap.align-left .main-menu-wrap.wide-menu .main-menu-tab {width: 150px;}
.main-left-wrap.align-left .main-menu-wrap.wide-menu .main-menu-cont-wrap {padding: 20px 20px 0;}
.main-left-wrap.align-left .main-menu-wrap.wide-menu .main-menu-cont .card-wrap  {height: calc(100% - 35px); margin: 0;}
.main-left-wrap.align-left .main-menu-wrap.wide-menu .main-menu-cont .card-wrap .card-box {width: 50%; border: 1px solid #798BB5; padding-top: 10px;}
.main-left-wrap.align-left .main-menu-wrap.wide-menu .main-menu-cont .card-wrap .card-box ul {padding: 0 10px;}
.main-left-wrap.align-left .main-menu-wrap.wide-menu .main-menu-cont .main-menu-bottom {height: 35px; border-top: none; padding: 0;}
.main-left-wrap.align-left .main-menu-wrap.wide-menu .main-menu-cont .main-menu-bottom b {display: inline;}
.main-left-wrap.align-left .main-menu-wrap.wide-menu .main-menu-cont .main-menu-bottom i {display: inline;}

.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box:hover {box-shadow: 0 0 10px 0 #92A9DF; border: 1px solid #798BB5 !important;}
.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box:hover > em{text-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);}
.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box:hover > p.more-btn {color: #566fbc;}
.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box:hover > p.more-btn .more {display: block; margin-top: -2px;}
.main-menu-cont-wrap .main-menu-cont .card-wrap:hover + .main-menu-bottom p.more-btn {color: #566fbc; font-weight: 700;}
.main-left-wrap.align-left .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box:hover {border: 1px solid transparent !important; box-shadow: none;}

.main-map-wrap {
	width: 100%;
	height: 370px;
	background: #fff;
	border: 1px solid #C4CEE4;
	border-radius: 10px;
}
.main-map-wrap .main-map-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 50px;
	padding: 0 20px;
	border-bottom: 1px solid #C4CEE4;
}
.main-map-wrap .main-map-title h4 {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #111;
	font-weight: 600;
	font-size: var(--fontsize2);
	font-family: 'Paperlogy';
}
.main-map-wrap .main-map-title h4 b {color: var(--pointColor);}
.main-map-wrap .main-map-title h4 .select {height: 30px;}
.main-map-wrap .main-map-title h4 .select select {color:#999; font-size: var(--fontsize2);}
.main-map-wrap .main-map-title a {display: flex; align-items: center; gap: 5px; color: #000; font-size: var(--fontsize10); font-weight: 300;}
.main-map-wrap .main-map-title a:hover {color: #566fbc;}
.main-map-wrap .main-map-title a:hover .more {display: block; padding-top: 5px;}
.main-map-wrap .main-map-cont {display: flex; align-items: start; width: 100%; height: calc(100% - 50px);}
.main-map-wrap .main-map-cont .main-map-box {width: 470px; height: 100%; border-right: 1px solid #C4CEE4;}
.main-map-wrap .main-map-cont .main-map-box .main-map {width: 100%; height: 100%;}
.main-map-wrap .main-map-cont .main-list-box {width: calc(100% - 470px); height: 100%;}
.main-map-wrap .main-map-cont .main-list-box .main-table-box {height: calc(100% - 50px);}
.main-map-wrap .main-map-cont .main-list-box .main-table-box .table-type1 thead th {padding: 0 10px; height: 40px; font-size: var(--fontsize-2);}
.main-map-wrap .main-map-cont .main-list-box .main-table-box .table-type1 tbody td {padding: 0 10px; height: 38px; font-size: var(--fontsize-2);}
.main-map-wrap .main-map-cont .main-list-box .main-table-box .table-type1 tbody td img {vertical-align: bottom; margin-right: 5px;}
.main-map-wrap .main-map-cont .main-list-box .main-table-box .table-type1 tbody tr:hover td {background: #566FBC; color: #fff; cursor: pointer;}
.main-map-wrap .main-map-cont .main-list-box .paging {height: 50px; padding: 0; background: #fff;}
.main-map-wrap .main-map-cont .main-list-box .paging a {font-size: 1rem; width: 30px; height: 30px; line-height: 30px;}


.main-right-wrap {
	width: 315px;
	border: 1px solid #D7DDEE;
	background: #F3F6FF;
	border-radius: 10px;
	padding: 20px;
	max-height: 680px;
}
.main-right-wrap.type2,
.main-right-wrap.type3 {
	max-height: unset;
}
.main-right-box h5 {
	position: relative;
	height: 20px;
	margin-bottom: 10px;
	font-size: var(--fontsize2);
	font-family: 'Paperlogy';
	font-weight: 600;
}
.main-right-box h5 span {color:rgba(0, 0, 0, 0.41); font-weight: 500;}
.main-right-box h5 a {
	position: absolute;
	top: -4px;
	right: 0;
	font-size: var(--fontsize10);
	font-weight: 300;

	display: flex;
	align-items: center;
	gap: 5px;
}
.main-right-box h5 a:hover {color: #566fbc;}
.main-right-box h5 a:hover .more {display: block;}
.main-right-box.sale-box {
	height: 265px;
}
.main-right-box.sale-box ul {
	height: calc(100% - 70px);
	margin-bottom: 10px;
	background: #fff;
	border: 1px solid #E4E7F3;
	border-radius: 8px;
	overflow-y: auto;
}
.main-right-box.sale-box ul::-webkit-scrollbar {width: 5px;}
.main-right-box.sale-box ul::-webkit-scrollbar-thumb {background: #D6E0EF;}
.main-right-box.sale-box ul::-webkit-scrollbar-track {background: #E9EDF3;}

.main-right-box.sale-box ul li {padding: 0 15px;}
.main-right-box.sale-box ul li a {
	display: block;
	padding: 10px 0;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.main-right-box.sale-box ul li:last-child a {
	border-bottom: none;
}
.main-right-box.sale-box ul li div {
	position: relative;
	padding-left: 50px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: var(--fontsize-1);
}
.main-right-box.sale-box ul li div b {
	position: absolute;
	top: 0;left: 0;
	display: block;
	width: 45px;
	height: 17px;
	line-height: 17px;
	background: #D3D3D3;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	font-size: var(--fontsize-4);
	font-family: 'Paperlogy';
}
.main-right-box.sale-box ul li.ing div b {background: #5678D8;}
.main-right-box.sale-box ul li.pre div b {background: #81D784;}
.main-right-box.sale-box ul li.end div b {background: #D3D3D3;}
.main-right-box.sale-box ul li span {
	color:rgba(0, 0, 0, 0.4);
	font-size: var(--fontsize-3);
	font-weight: 400;
}
.main-right-box.sale-box ul li:hover {background: #566FBC;}
.main-right-box.sale-box ul li:hover div {color: #fff;}
.main-right-box.sale-box ul li:hover span {color:rgba(255, 255, 255, 0.4);}
.main-right-box.sale-box ul li.ing:hover div b {color: #5678D8; background: #fff;}
.main-right-box.sale-box ul li.pre:hover div b {color: #81D784; background: #fff;}
.main-right-box.sale-box p {font-size: var(--fontsize-2); color: #C2C2C2; font-weight: 400; line-height: 1.2;}

.main-right-box.quick-box {
	height: calc(100% - 295px);
	margin-top: 30px;
}
.main-right-box.quick-box div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px;

	height: calc(100% - 30px);
}
.main-right-box.quick-box div a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: calc(50% - 5px);
	height: calc(33.33% - 7px);
	background: #FFFFFF;
	border: 1px solid #E4E7F3;
	border-radius: 10px;
}
.main-right-box.quick-box div a span {font-weight: 400; font-size: var(--fontsize-1);}
.main-right-box.quick-box div a:hover {border: 1px solid #798BB5;}
.main-right-box.info-box {position: relative; height: 250px; padding-bottom: 35px;}
.main-right-box.info-box .table-wrap {
	position: relative;
	z-index: 1;
	width: 100%;
	height: calc(100% - 30px);
	border: 1px solid #C7D2E8;
	border-radius: 10px;
	overflow: hidden;
}
.main-right-box.info-box table {
	width: 100%;
	height: 100%;
	background: #fff;
	font-size: var(--fontsize-2);
}
.main-right-box.info-box table tr.last {border-bottom: 1px solid #C7D2E8;}
.main-right-box.info-box table th {
	background: #e6ebf5;
	vertical-align: middle;
	color: rgba(0, 0, 0, 0.55);
	width: 45px;
}
.main-right-box.info-box table td {
	position: relative;
	padding: 10px;
	padding-right: 70px;
	cursor: pointer;
	vertical-align: middle;
}
.main-right-box.info-box table td:nth-child(1) {border-top: 1px dashed #C7D2E8;}
.main-right-box.info-box table td span {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 50px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: var(--fontsize-1);
	border-radius: 2px;
	color: #333;
}
.main-right-box.info-box table td span i {
	font-size: var(--fontsize-4);
}
.main-right-box.info-box table td span.type1 {background: #F8E2FF;}
.main-right-box.info-box table td span.type2 {background: #FCFDC5;}
.main-right-box.info-box table td span.type3 {background: #D9EEFF;}
.main-right-box.info-box ul {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 45px;
	padding-top: 10px;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #E6EBF5;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.main-right-box.info-box table td:hover {background: #566FBC; color: #fff;}
.main-right-box.info-box table td:hover span {text-decoration: underline;}
.main-right-box.info-box ul li {
	display: flex;
	align-items: center;
	gap: 5px;
	color:rgba(0, 0, 0, 0.6);
	font-size: var(--fontsize-3);
}
.main-right-box.info-box ul li span {
	width: 10px;
	height: 10px;
	border-radius: 2px;
}
.main-right-box.info-box ul li:first-child span {background: #F8E2FF;}
.main-right-box.info-box ul li:nth-child(2) span {background: #FCFDC5;}
.main-right-box.info-box ul li:last-child span {background: #D9EEFF;}
.main-right-wrap.type2 .quick-box {height: calc(100% - 280px);}
.main-right-wrap.type2 .quick-box div a {height: calc(25% - 9px);}
.main-right-wrap.type3 .main-right-box.sale-box {height: 340px;}
.main-right-wrap.type3 .main-right-box.quick-box {height: calc(100% - 370px);}

/*메인 공통 하단
.main-wrap-bottom {padding: 35px 0; background: #fff;}
.main-wrap-bottom .container {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 25px;
}
.main-wrap-bottom .main-bottom-box {
	width: calc((100% - 365px) / 2);
}
.main-wrap-bottom .main-bottom-box h4 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family: var(--fontfamilyS);
	font-size: var(--fontsize2);
	margin-bottom: 10px;
}
.main-wrap-bottom .main-bottom-box h4 a {display: flex; align-items: center; gap: 5px; font-size: var(--fontsize10); font-weight: 300; font-family: var(--fontfamily);}
.main-wrap-bottom .main-bottom-box h4 a:hover {color: #566FBC;}
.main-wrap-bottom .main-bottom-box h4 a:hover .more {display: block; padding-top: 5px;}
.main-wrap-bottom .main-bottom-banner {
	width: 315px;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #DAE4F8;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);
}
.main-wrap-bottom .main-bottom-banner a {display: block; width: 100%; height: 100%;}
.main-wrap-bottom .main-bottom-banner img {width: 100%;}
.main-wrap-bottom .main-bottom-banner:hover {border: 1px solid #798BB5;}

.signal-light .signal-tab {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}
.signal-light .signal-tab a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100px;
	padding: 3px 0;
	border-radius: 6px;
	color: #7280B2;
	font-weight: 500;
	font-size: 1rem;
}
.signal-light .signal-tab a img {max-width: 26px;}
.signal-light .signal-tab a:hover {color: #fff; border: 1px solid #2E4793; background: #566FBC;}
.signal-light .signal-tab a.on {
	border: 1px solid #3B5BCC;
	color: #3B5BCC;
	background: #fff;
	font-weight: 600;
}
.signal-light ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.signal-light ul li {
	width: 33.33%;
	border: 1px solid #C7D2E8;
	border-radius: 10px;
	text-align: center;
	padding-bottom: 10px;
	overflow: hidden;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);
}
.signal-light ul li em {
	display: block;
	background: #E6EBF5;
	color: rgba(0, 0, 0, 0.55);
	font-family: var(--fontfamilyG);
	height: 35px;
	line-height: 35px;
	font-size: var(--fontsize-1);
	margin-bottom: 10px;
}
.signal-light ul li b {
	font-family: var(--fontfamilyG);
	font-size: var(--fontsize-1);
	font-weight: 700;
	color: #000;
}
.signal-light ul li div {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	color: #fff;
	font-size: 1rem;
	line-height: 1.1;
	margin: 10px auto;
}
.signal-light ul li.green-light div {background: #1FA55C;}
.signal-light ul li.yellow-light div {background: #FDF74B; color: #000;}
.signal-light ul li.red-light div {background: #FD4B4B;}

.signal-light ul li span {color: rgba(0, 0, 0, 0.6);}

.board-menu div {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	height: calc(100% - 30px);
}
.board-menu div a {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 5px;
	width: calc(50% - 5px);
	height: calc(33.33% - 8px);
	padding: 0 20px;
	border: 1px solid #C7D2E8;
	border-radius: 10px;
	background: #fff url('/basic_img/main/kape_board_arrow.png') no-repeat center right 20px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);
	    font-family: 'Paperlogy';
}
.board-menu div a:last-child {width: 100%;}
.board-menu div a:hover {border: 1px solid #2E4793; background: #566FBC url('/basic_img/main/kape_board_arrow_w.png') no-repeat center right 20px; color: #fff;}
.board-menu div a:hover img {filter: brightness(0) invert(1) opacity(1);}*/

/*로그인시 추가 영역*/
.for-user {margin-top: 20px; height: calc(100% - 285px);}
.type3 .for-user {height: calc(100% - 360px);}
.main-right-box.bookmark-box {height: 55%;}
.main-right-box.page-box {height: calc(45% - 20px); margin-top: 20px;}

.main-right-box.list-box ul {
	height: calc(100% - 30px);
	background: #fff;
	border: 1px solid #E4E7F3;
	border-radius: 8px;
	overflow-y: auto;
}
.main-right-box.list-box ul::-webkit-scrollbar {width: 5px;}
.main-right-box.list-box ul::-webkit-scrollbar-thumb {background: #D6E0EF;}
.main-right-box.list-box ul::-webkit-scrollbar-track {background: #E9EDF3;}

.main-right-box.list-box ul li {padding: 0 15px;}
.main-right-box.list-box ul li:hover {background: #566FBC;}
.main-right-box.list-box ul li:hover a {color: #fff;}
.main-right-box.list-box ul li a {
	position: relative;
	display: block;
	padding: 10px 20px;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
	font-size: var(--fontsize-1);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.main-right-box.list-box ul li a:after {
	position: absolute;
	font-family: 'font-icons';
	content: "\e811";
	color: #BEC9D4;
	top:50%;
	transform: translateY(-50%);
	right: 0;
	font-weight: 300;
}
.main-right-box.list-box ul li:last-child a {
	border-bottom: none;
}
.main-right-box.list-box ul li a img {
	position: absolute;
	max-width: 16px;
	top:50%;
	transform: translateY(-50%);
	left: 0;
}

.main-right-box.list-box ul li.no-list {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #C2C2C2;
	font-weight: 400;
	font-size: var(--fontsize-2);
}
@media (max-width: 1300px) {
	.for-user {margin-top: 0; width: 50%; height: 300px;}
	.main-right-wrap.type2 .for-user {height: 350px;}
	.main-right-wrap.type3 .for-user {height: 300px;}
}
@media (max-width: 680px) {
	.main-right-wrap {max-height: unset;}
	.for-user {margin-top: 20px; width: 100%; height: 400px !important;}
}


.user-nav-wrap {
	position: fixed;
	bottom: 0 ;
	left: 0;
	width: 100%;
	z-index: 99;
	background: #F4F8FF;
	padding: 10px;
	box-shadow: 0 -4px 5px 0 rgba(13, 10, 44, 0.06);
}
.user-nav-wrap .user-nav-cont {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 680px;
	margin: 0 auto;
}
.user-nav-wrap .user-nav-cont a {
	width: 25%;
	height: 50px;
	padding-top: 30px;
	text-align: center;
	gap: 5px;
	border: 1px solid transparent;
	border-radius: 5px;
	color: #818DA8;
	font-family: 'Paperlogy';
	font-size: 12px;
}
.user-nav-wrap .user-nav-cont a img {height: 15px;}

.user-nav-wrap .user-nav-cont a.on {
	border: 1px solid #3262FF;
	color: #3262FF;
	background-color: #fff;
}
.user-nav-wrap .user-nav-cont a.on img {border-color: #3262FF;}
.user-nav-wrap .user-nav-cont a:hover {color: #3262FF;}

.user-nav-wrap .user-nav-cont a:first-child {background: url(/basic_img/main/kape_user_icon01.png) no-repeat top 10px center / auto 15px ;}
.user-nav-wrap .user-nav-cont a:nth-child(2) {background: url(/basic_img/main/kape_user_icon02.png) no-repeat top 10px center / auto 17px ;}
.user-nav-wrap .user-nav-cont a:nth-child(3) {background: url(/basic_img/main/kape_user_icon03.png) no-repeat top 10px center / auto 17px ;}
.user-nav-wrap .user-nav-cont a:last-child {background: url(/basic_img/main/kape_user_icon04.png) no-repeat top 10px center / auto 17px ;}

.user-nav-wrap .user-nav-cont a.on:first-child {background: #fff url(/basic_img/main/kape_user_icon01_2.png) no-repeat top 10px center / auto 15px ;}
.user-nav-wrap .user-nav-cont a.on:nth-child(2) {background: #fff url(/basic_img/main/kape_user_icon02_2.png) no-repeat top 10px center / auto 17px ;}
.user-nav-wrap .user-nav-cont a.on:nth-child(3) {background: #fff url(/basic_img/main/kape_user_icon03_2.png) no-repeat top 10px center / auto 17px ;}
.user-nav-wrap .user-nav-cont a.on:last-child {background: #fff url(/basic_img/main/kape_user_icon04_2.png) no-repeat top 10px center / auto 17px ;}

.user-nav-wrap .user-nav-cont a:first-child:hover {background: url(/basic_img/main/kape_user_icon01_2.png) no-repeat top 10px center / auto 15px ;}
.user-nav-wrap .user-nav-cont a:nth-child(2):hover {background: url(/basic_img/main/kape_user_icon02_2.png) no-repeat top 10px center / auto 17px ;}
.user-nav-wrap .user-nav-cont a:nth-child(3):hover {background: url(/basic_img/main/kape_user_icon03_2.png) no-repeat top 10px center / auto 17px ;}
.user-nav-wrap .user-nav-cont a:last-child:hover {background: url(/basic_img/main/kape_user_icon04_2.png) no-repeat top 10px center / auto 17px ;}



/*
-----------------------------------------------------------
반응형 수정
-----------------------------------------------------------
*/

@media (max-width: 1300px) {
	.main-wrap-top .container {display: block;}
	.main-left-wrap {width: 100%;}
	.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li p {max-width: 100px;}

	.main-right-wrap {width: 100%; margin-top: 20px; display: flex; gap: 20px;}
	.main-right-box.quick-box {margin-top: 0;}
	.main-right-box.sale-box, .main-right-box.info-box, .main-right-box.quick-box,
	.main-right-wrap.type3 .main-right-box.sale-box, .main-right-wrap.type3 .main-right-box.info-box, .main-right-wrap.type3 .main-right-box.quick-box {height: 300px; width: 50%;}
	.main-right-wrap.type2 .main-right-box.sale-box, .main-right-wrap.type2 .main-right-box.info-box, .main-right-wrap.type2 .main-right-box.quick-box {height: 350px;}
	.main-right-box.sale-box ul {height: calc(100% - 60px);}
	.main-right-wrap.type2 .quick-box div a img {max-height: 30px;}
	
	/*.main-wrap-bottom .container {gap: 15px;}
	.main-wrap-bottom .main-bottom-box.signal-light {width: calc(100% - 595px);}
	.main-wrap-bottom .main-bottom-box.board-menu {width: 250px;}
	.board-menu div {gap: 5px;}
	.board-menu div a {width: 100%; height: calc(20% - 5px); padding: 0 10px; background-position: center right 10px !important; letter-spacing: -0.5px;}*/
}
@media (max-width: 1040px) {
	.main-left-wrap .main-menu-wrap .main-menu-cont-wrap {padding: 10px 10px 0;}
	.main-left-wrap .main-menu-wrap.single-menu h3 {padding-left: 10px;}
	.main-menu-cont-wrap .main-menu-cont .card-wrap {gap: 10px;}
	.main-map-wrap .main-map-cont .main-map-box {width: 320px; height: 100%; border-right: 1px solid #C4CEE4;}
	.main-map-wrap .main-map-cont .main-list-box {width: calc(100% - 320px); height: 100%;}
	/*.main-wrap-bottom .main-bottom-box.board-menu {display: none;}
	.main-wrap-bottom .main-bottom-box.signal-light {width: calc(100% - 330px);}*/
}
@media (max-width: 920px) {
	.main-wrap-top {padding: 10px 0 20px;}
	.main-left-wrap .main-type-tab {
		padding: 0;
		overflow: hidden;
		gap: 0;
	}
	.main-left-wrap .main-type-tab a {
		font-family: var(--fontfamilyS);
		font-weight: 500;
		font-size: var(--fontsize);
	}
	.main-left-wrap .main-type-tab a.on {
		border-radius: 0;
		border: none;
		border-bottom: 2px solid #324578;
		padding-top: 3px; 
	}
	.main-left-wrap .main-type-tab a:first-child img {width: 0;height: 0;opacity: 0; display: inline;}
	.main-left-wrap .main-type-tab a img {max-width: 20px;}

	.main-left-wrap {gap: 10px;}
	.main-left-wrap .main-menu-wrap h3 {font-size: var(--fontsize6); gap: 5px;}
	.main-left-wrap .main-menu-wrap h3 img {max-width: 20px;}
	.main-left-wrap .main-menu-wrap.single-menu {background: url('/basic_img/main/kape_main_card_single_long.png') no-repeat top left / 100% 100%;}
	.main-left-wrap .main-menu-wrap.single-menu h3 {width: 100%;}
	.main-left-wrap.align-left .main-menu-wrap {width: calc(25% - 8px);}
	.main-menu-cont-wrap .main-menu-cont .card-wrap {height: calc(100% - 45px);}
	.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box {gap: 5px;}
	.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box > b {font-size: var(--fontsize);}
	.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box > em {font-size: 26px;}
	.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box > span {font-size: var(--fontsize-1);}
	.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box ul {display: flex;align-items: start;padding: 0;}
	.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li {width: 50%;flex-direction: column;gap: 5px;}
	.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li:first-child {border-right: 1px dashed rgba(0,0,0,0.1);}
	.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li p {width: 100%; text-align: center;}
	.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li span.arrow {width: auto;}
	.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li span.sign {width: auto;}
	.main-menu-cont-wrap .main-menu-cont .main-menu-bottom,
	.main-left-wrap.align-left .main-menu-cont-wrap .main-menu-cont .main-menu-bottom {height: 45px; justify-content:space-between;}
	.main-menu-cont-wrap .main-menu-cont .main-menu-bottom b {display: block;}
	.main-menu-cont-wrap .main-menu-cont .main-menu-bottom i {display: none;}
	.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box {width: 100%;}
	.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box:nth-child(2) {display: none;}
	.main-left-wrap.align-left .main-menu-wrap.wide-menu .main-menu-cont .card-wrap .card-box {width: 100%;}
	.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li {justify-content: center;}
	.main-map-wrap {display: none;}
}

@media (max-width: 680px) {
	.main-left-wrap .main-menu-wrap,
	.main-left-wrap.align-left .main-menu-wrap {width: calc(50% - 5px);}
	.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box {border: none;}
	.main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li span.arrow img {max-width: 8px;}
	.main-right-wrap {display: block;}
	.main-right-box.quick-box {margin-top: 20px;}
	.main-right-box.sale-box, .main-right-box.info-box, .main-right-box.quick-box,
	.main-right-wrap.type2 .main-right-box.sale-box, .main-right-wrap.type2 .main-right-box.info-box, .main-right-wrap.type2 .main-right-box.quick-box,
	.main-right-wrap.type3 .main-right-box.sale-box, .main-right-wrap.type3 .main-right-box.info-box, .main-right-wrap.type3 .main-right-box.quick-box {height: 300px; width: 100%;}
		
	.main-right-box h5 {font-size: var(--fontsize4);}
	.main-right-box.sale-box ul li div {font-size: var(--fontsize);}
	.main-right-box.sale-box ul li div b {height: 100%; font-size: var(--fontsize-2);}
	.main-right-box.sale-box ul li span {font-size: var(--fontsize-1);}
	.main-right-box.sale-box p {font-size: 1rem;}
	.main-right-box.info-box {width: 100%;}
	.main-right-box.info-box table {font-size: var(--fontsize);}
	.main-right-box.info-box table td span {font-size: var(--fontsize);}
	.main-right-box.quick-box {height: auto !important;}
	.main-right-box.quick-box div a {padding: 10px 0;}
	.main-right-box.quick-box div a span {font-size: var(--fontsize1);}
	.main-right-box.info-box table td span i {font-size: var(--fontsize-2);}
	.main-right-box.info-box ul li {font-size: var(--fontsize-1);}

	/*.main-wrap-bottom {padding: 20px 0 30px;}
	.main-wrap-bottom .container {flex-wrap: wrap;}
	.main-wrap-bottom .main-bottom-box.signal-light {width: 100%;}
	.main-wrap-bottom .main-bottom-box h4 {font-size: var(--fontsize4);}
	.signal-light .signal-tab a {font-size: var(--fontsize2);}
	.signal-light ul li em {font-size: var(--fontsize);}
	.signal-light ul li div {font-size: var(--fontsize2);}
	.signal-light ul li span {font-size: var(--fontsize1);}
	.main-wrap-bottom .main-bottom-banner {width: 100%;}
	.main-wrap-bottom .main-bottom-banner a {width: 100%; padding-top: 78%;}*/
}

@media (max-width: 520px) {
	.main-right-box.sale-box ul li div {font-size: 1rem;}
	.main-right-box.sale-box ul li div b {line-height: 15px; font-size: var(--fontsize-1);}
	.main-right-box.info-box table {font-size: var(--fontsize);}
}

/*모바일 전용*/
.main-left-wrap.main-mob-wrap .main-menu-wrap {width: calc(25% - 15px); /*height: 235px;*/ height: 300px; background: url('/basic_img/main/kape_main_card.png') no-repeat top left / 100% 100%;}
.main-left-wrap.main-mob-wrap .main-menu-wrap.long {background: url('/basic_img/main/kape_main_card_single_long_mob.png') no-repeat top left / 100% 100%;}
.main-left-wrap.main-mob-wrap .main-menu-wrap.single-menu h3, 
.main-left-wrap.main-mob-wrap .main-menu-wrap.single-menu.long h3 {width: 100%;}
.main-left-wrap.main-mob-wrap .main-menu-wrap h3 {height: 40px; font-size: var(--fontsize3);}
.main-left-wrap.main-mob-wrap .main-menu-wrap h3 img {max-width: 20px;}
.main-left-wrap.main-mob-wrap .main-menu-wrap .main-menu-tab { height: 40px;}
.main-left-wrap.main-mob-wrap .main-menu-wrap .main-menu-tab a {line-height: 45px;}
.main-left-wrap.main-mob-wrap .main-menu-wrap .main-menu-cont-wrap {height: calc(100% - 40px);}
.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box {gap: 5px; padding-top: 0;}
.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box > b {font-size: var(--fontsize);}
.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box > em {font-size: 26px;}
.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box > span {font-size: var(--fontsize-1);}
.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box ul {display: flex;align-items: start;padding: 0;}
.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li {width: 50%;flex-direction: column;gap: 5px;}
.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li:first-child {border-right: 1px dashed rgba(0,0,0,0.1);}
.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li p {width: 100%; text-align: center;}
.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li span.arrow {width: auto;}
.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li span.sign {width: auto;}

.main-left-wrap.main-mob-wrap .main-menu-wrap.single-menu {background: url('/basic_img/main/kape_main_card_single.png') no-repeat top left / 100% 100%;}
.main-left-wrap.main-mob-wrap .main-menu-wrap.single-menu.long {background: url('/basic_img/main/kape_main_card_single_long.png') no-repeat top left / 100% 100%;}

.main-left-wrap.main-mob-wrap + .main-right-wrap {max-height: 690px;}

@media (min-width: 1301px) {
	.main-left-wrap.main-mob-wrap .main-menu-wrap {width: calc(50% - 15px); height: 300px; background: url('/basic_img/main/kape_main_card_wide.png') no-repeat top left / 100% 100%;}
	.main-left-wrap.main-mob-wrap .main-menu-wrap .main-menu-tab { width: 30%;}
	.main-left-wrap.main-mob-wrap .main-menu-wrap .main-menu-tab a { font-size: var(--fontsize5);}
	.main-left-wrap.main-mob-wrap .main-menu-wrap h3 {height: 40px; font-size: var(--fontsize10);}
	.main-left-wrap.main-mob-wrap .main-menu-wrap h3 img {max-width: 30px;}
	.main-left-wrap.main-mob-wrap .main-menu-wrap.single-menu h3 {font-size: var(--fontsize6);}
	.main-left-wrap.main-mob-wrap .main-menu-wrap .main-menu-cont-wrap {height: calc(100% - 40px);}
	.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box ul {display: block;}
	.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box ul li {width: 100%; flex-direction: row; justify-content: center;font-size: var(--fontsize1); margin-top: 10px;}
	.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li p {max-width: 110px; text-align: right;font-size: var(--fontsize1);}
	.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li span.arrow {width: 55px;}
	.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li span.sign {width: 55px;}
	.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box > b {font-size: var(--fontsize3);}
	.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box > em {font-size: 36px;}
	.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box > span {font-size: var(--fontsize1);}

}
@media (max-width: 1300px) {
	.main-left-wrap.main-mob-wrap .main-menu-wrap h3 {height: 40px; font-size: var(--fontsize10);}
	.main-left-wrap.main-mob-wrap .main-menu-wrap h3 img {max-width: 30px;}
	.main-left-wrap.main-mob-wrap .main-menu-wrap .main-menu-cont-wrap {height: calc(100% - 40px);}

	.main-left-wrap.main-mob-wrap .main-menu-wrap.single-menu h3 {font-size: var(--fontsize4); height: 35px; letter-spacing: -0.2px;}
	.main-left-wrap.main-mob-wrap .main-menu-wrap.single-menu .main-menu-cont-wrap {height: calc(100% - 35px);}

	.main-left-wrap.main-mob-wrap .main-menu-wrap.single-menu {background: url('/basic_img/main/kape_main_card_single_mob.png') no-repeat top left / 100% 100%;}
	.main-left-wrap.main-mob-wrap .main-menu-wrap.single-menu.long {background: url('/basic_img/main/kape_main_card_single_long_mob.png') no-repeat top left / 100% 100%;}
	
	.main-left-wrap.main-mob-wrap .main-menu-wrap.single-menu.long h3 {font-size: var(--fontsize3); letter-spacing: -0.3px;}
	.main-left-wrap.main-mob-wrap .main-menu-wrap .main-menu-tab { width: 50%;}
}
@media (max-width: 920px) {
	.main-left-wrap.main-mob-wrap .main-menu-wrap {width: calc(25% - 8px); height: 235px; background: url('/basic_img/main/kape_main_card_mob.png') no-repeat top left / 100% 100%;}
	.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .main-menu-bottom {background: #F3F6FF; border: 1px solid #C4CEE4; border-radius: 0 0 8px 8px;}

	.main-left-wrap.main-mob-wrap .main-menu-wrap h3 {height: 28px; font-size: var(--fontsize3);}
	.main-left-wrap.main-mob-wrap .main-menu-wrap h3 img {max-width: 20px;}
	.main-left-wrap.main-mob-wrap .main-menu-wrap .main-menu-tab {height: 28px;}
	.main-left-wrap.main-mob-wrap .main-menu-wrap .main-menu-tab a {line-height: 35px;}
	.main-left-wrap.main-mob-wrap .main-menu-wrap .main-menu-cont-wrap {height: calc(100% - 28px);}

	.main-left-wrap.main-mob-wrap .main-menu-wrap.single-menu h3 {font-size: var(--fontsize3); height: 28px;}
	.main-left-wrap.main-mob-wrap .main-menu-wrap.single-menu .main-menu-cont-wrap {height: calc(100% - 28px);}
}
@media (max-width: 720px) {
	.main-left-wrap.main-mob-wrap .main-menu-wrap {
		width: calc(50% - 5px);
	}
}
@media (max-width: 680px) {
	.main-left-wrap.main-mob-wrap + .main-right-wrap {max-height: unset;}
}
@media (max-width: 480px) {
		/*.main-left-wrap.main-mob-wrap .main-menu-wrap.single-menu.long {background: url('/basic_img/main/kape_main_card_single_mob.png') no-repeat top left / 100% 100%}
		.main-left-wrap.main-mob-wrap .main-menu-wrap.single-menu.long h3 {
			width: 54%;
		    word-break: keep-all;
		    align-items: baseline;
		}*/
		.main-left-wrap.main-mob-wrap .main-menu-wrap.single-menu.long h3{ letter-spacing: -0.3px; font-size: var(--fontsize2);}
}
@media (max-width: 360px) {
		.main-left-wrap.main-mob-wrap .main-menu-wrap.single-menu h3 {padding-left: 5px; letter-spacing: -0.3px; font-size: var(--fontsize2);}
		.main-left-wrap.main-mob-wrap .main-menu-wrap.single-menu.long {background: url('/basic_img/main/kape_main_card_single_mob.png') no-repeat top left / 100% 100%}
		.main-left-wrap.main-mob-wrap .main-menu-wrap.single-menu.long h3 {
			width: 48%;
		    word-break: keep-all;
		    align-items: baseline;
		    line-height: 1;
		    padding-top: 8px;
		    padding-left: 5px; 
		}
}




/* OLD
@media (max-width: 520px) {
	.main-wrap-top {padding: 10px 0 20px;}
	.main-wrap-top .container {display: block;}

	.main-left-wrap.main-mob-wrap + .main-right-wrap {margin-top: 20px;}
	.main-right-wrap {flex-wrap: wrap; width: 100%; display: flex; align-items: stretch; gap: 20px;}
	.main-right-box h5 {font-size: var(--fontsize4);}
	.main-right-box.sale-box {width: 100%; height: 300px;}
	.main-right-wrap.type3 .main-right-box.sale-box {height: 300px;}
	.main-right-box.sale-box ul li div {font-size: var(--fontsize);}
	.main-right-box.sale-box ul li div b {height: 100%; font-size: var(--fontsize-2);}
	.main-right-box.sale-box ul li span {font-size: var(--fontsize-1);}
	.main-right-box.sale-box p {font-size: 1rem;}
	.main-right-box.info-box {width: 100%;}
	.main-right-box.info-box table {font-size: var(--fontsize);}
	.main-right-box.info-box table td span {font-size: var(--fontsize);}
	.main-right-box.quick-box div a span {font-size: var(--fontsize1);}
	.main-right-box.info-box table td span i {font-size: var(--fontsize-2);}
	.main-right-box.info-box ul li {font-size: var(--fontsize-1);}
	.main-right-box.quick-box {width: 100%; height: auto; margin-top: 0;}
	.main-right-box.quick-box div {height: auto;}
	.main-right-box.quick-box div a {padding: 20px 0;}
	.main-right-wrap.type3 .main-right-box.quick-box { height: auto;}

	.main-wrap-bottom {padding: 20px 0 30px;}
	.main-wrap-bottom .container {flex-wrap: wrap;}
	.main-wrap-bottom .main-bottom-box {width: 100%;}
	.main-wrap-bottom .main-bottom-box.board-menu {display: none;}
	.main-wrap-bottom .main-bottom-box h4 {font-size: var(--fontsize4);}
	.signal-light .signal-tab a {font-size: var(--fontsize2);}
	.signal-light ul li em {font-size: var(--fontsize);}
	.signal-light ul li div {font-size: var(--fontsize2);}
	.signal-light ul li span {font-size: var(--fontsize1);}
	.main-wrap-bottom .main-bottom-banner {width: 100%;}
	.main-wrap-bottom .main-bottom-banner a {width: 100%; padding-top: 78%;}
}


.main-mob-wrap {display: none;}
@media (max-width: 520px) {
	.main-left-wrap.main-pc-wrap {display: none;}
	.main-left-wrap.main-mob-wrap {display: flex;}
	.main-left-wrap.main-mob-wrap .main-type-tab {
		padding: 0;
		overflow: hidden;
		gap: 0;
	}
	.main-left-wrap.main-mob-wrap .main-type-tab a {
		font-family: var(--fontfamilyS);
		font-weight: 500;
		font-size: var(--fontsize);
	}
	.main-left-wrap.main-mob-wrap .main-type-tab a.on {
		border-radius: 0;
		border: none;
		border-bottom: 2px solid #324578;
		padding-top: 3px;
	}
	.main-left-wrap.main-mob-wrap .main-type-tab a:first-child img {width: 0;height: 0;opacity: 0; display: inline;}
	.main-left-wrap.main-mob-wrap .main-type-tab a img {max-width: 20px;}
	.main-left-wrap.main-mob-wrap {width: 100%; gap: 10px;}
	.main-left-wrap.main-mob-wrap .main-menu-wrap h3 {font-size: var(--fontsize6); height: 28px; gap: 5px;}
	.main-left-wrap.main-mob-wrap .main-menu-wrap h3 img {max-width: 20px;}
	.main-left-wrap.main-mob-wrap .main-menu-wrap {width: calc(50% - 5px); height: 235px; background: url('/basic_img/main/kape_main_card_mob.png') no-repeat top left / 100% 100%;}
	.main-left-wrap.main-mob-wrap .main-menu-wrap .main-menu-tab {width: 50%; height: 28px;}
	.main-left-wrap.main-mob-wrap .main-menu-wrap .main-menu-tab a {line-height: 33px;}
	.main-left-wrap.main-mob-wrap .main-menu-wrap .main-menu-cont-wrap {height: calc(100% - 28px);}
	.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap {margin: 0; height: calc(100% - 45px);}
	.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box {gap: 5px;}
	.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box > b {font-size: var(--fontsize);}
	.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box > em {font-size: 26px;}
	.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box > span {font-size: var(--fontsize-1);}
	.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box ul {display: flex;align-items: start;padding: 0;}
	.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li {width: 50%;flex-direction: column;gap: 5px;}
	.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li:first-child {border-right: 1px dashed rgba(0,0,0,0.1);}
	.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li p {width: 100%; text-align: center;}
	.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li span.arrow {width: auto;}
	.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .card-wrap .card-box li span.sign {width: auto;}
	.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .main-menu-bottom {height: 45px; background: #F3F6FF;justify-content:space-between; border: 1px solid #C4CEE4; border-radius: 0 0 8px 8px;}
	.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .main-menu-bottom b{display: block;}
	.main-left-wrap.main-mob-wrap .main-menu-cont-wrap .main-menu-cont .main-menu-bottom i {display: none;}

	.main-left-wrap.main-mob-wrap .main-menu-wrap.single-menu {background: url('/basic_img/main/kape_main_card_single_mob.png') no-repeat top left / 100% 100%;}
	.main-left-wrap.main-mob-wrap .main-menu-wrap.single-menu h3 {width: 50%; font-size: var(--fontsize3);}
	.main-left-wrap.main-mob-wrap .main-menu-wrap.single-menu.long {background: url('/basic_img/main/kape_main_card_single_long_mob.png') no-repeat top left / 100% 100%;}
	.main-left-wrap.main-mob-wrap .main-menu-wrap.single-menu.long h3 {width: 65%; }
}*/