.top-nav__link {
    line-height: 52px;
    font-size: 14px;
    font-family: 'HyundaiRegular', sans-serif;
}

.page-header__links{
	display: none;
}

.top-nav__item {
    margin: 0 13px;
}
.top-nav__item:first-of-type {
    margin-left: 0;
}
.mobile-sh{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.page-header .page-container{
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.bottom-nav{
	min-width: 100%;
	background: #fff;
}
.top-nav-wrap{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
	
}
.page-header{	
	background: #F6F3F2;
}
.sliding-line{
	bottom:auto;
}
.logo {
    margin-right: 0;
    position: absolute;
    bottom: 4px;
}
.top-nav,
.bottom-nav-list{
    padding-left: 218px;
}

.bottom-nav-list .top-nav__link,
.bottom-nav-list .top-nav__link__simple{
    font-size: 16px;
}

.top-nav__link__simple{
	display: block;
	color: #666;
	line-height: 52px;
    font-size: 14px;
    font-family: 'HyundaiRegular', sans-serif;
    text-decoration: none;
    transition: color 0.3s linear;
}
.top-nav__link__simple:hover{
	color: #000;
}

.top-phones{
	position: absolute;
	right: 20px;
	top: 0;
	background: #002C5F;
	color: #fff;
	padding: 0 18px; 
}
.top-phones__item{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	padding: 11px 0 12.5px;
	border-bottom: 1px solid rgba(255,255,255,0.05);
}
.top-phones__item:last-child{
	border-bottom: 0;
}
.top-phones span{	
	text-align: right;
	font-size: 14px;
	white-space: nowrap;
	-webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.top-phones a{
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	font-family: 'HyundaiMedium';
	padding-left: 6px;
	letter-spacing: 1px;
}
.top-nav__list{
	height: auto!important;
}

.top-phones-container{
	width: 100%;
    max-width: 1160px;
    padding: 0 20px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.js-wrap{
	display: none!important;
}
.page-header .page-title{
	display: none;
}
@media screen and (max-width: 1200px){
	.top-nav,
	.bottom-nav-list{
	    padding-left: 95px;
	}
}

@media screen and (max-width: 1024px){
	.top-phones a{
		font-size: 14px;
	}
	.top-phones {
	    padding: 0 10px;
	}
}

@media screen and (max-width: 992px){
	.page-header{
		padding: 20px 0px;
		background: #fff;
	}
	.page-header__links{
		display: block;
	}
	.bottom-nav{
		display: none;
	}
	.top-phones span{
		display: block;
		text-align: center;
		margin-bottom: 4px;
    	white-space: normal;
	}
	.top-phones a{
		display: block;
		text-align: center;
		padding:0;
	}
	.top-phones-container{
		width: auto;
	    position: relative;
	    top: 0;
	    left: 0;
	    transform: none;
	    pointer-events: none;
	    margin: -20px auto;
	    text-align: center;
	}
	.top-phones {
		padding: 10px 10px 11px;
		right: auto;
		left: 50%;
		transform: none;
		position: static;
		max-width: 200px;
		pointer-events: all;
		display: inline-block;
	}
	.top-phones__item{
		padding: 0;
		border:0; 
		display: block;
		line-height: 1;
		margin-bottom: 6px;
	}
	.top-phones__item:last-child{
		margin-bottom: 0;
	}
	.mobile-sh{
		width: 100%;
	    min-width: 100%;
	    -webkit-box-pack: end;
	    -webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	    justify-content: flex-end;
	}
	.js-wrap{
		display: none!important;
	}
	.page-top, .main-banner {
	    margin-top: 59px;
	}
	.logo {
	    bottom: 0px;
	}
	.top-nav {
	    top: calc(100% + 37px);
	    padding-bottom: 180px;
	     padding-left: 0;
   	 	overflow-y: auto;
   	 	background: #e8e8e8;
	}
	.top-nav__item {
	    margin: 0;
	}
	.top-nav__link__simple{
		padding: 0 16px;
		color: #000;
	}
	.search-area{
		top: 53px;
	}
	.page-header .page-container {
	    position: absolute;
	    left: 0;
	    top: 50%;
	    transform: translateY(-50%);
	    width: 100%;
	}
}	


.workarea .insurance-list{
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    counter-reset: my-awesome-counter;
    padding: 30px 150px 0;
}

.workarea .insurance-list li{
    counter-increment: my-awesome-counter;
    position: relative;
    width: calc(33.333% - 23px);
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 28px;
    padding: 55px 20px 40px 33px;
    border: 1px solid #F6F3F2;
    margin-right: 23px;
}
.workarea .insurance-list li:last-of-type{
	margin-bottom: 20px;
}
.workarea .insurance-list li::before {
    content: counter(my-awesome-counter);
    color: #002C5F;
    position: absolute;
        left: 30px;
    top: 25px;
    font-family: "HyundaiMedium", "Arial", sans-serif;
    font-size: 30px;
}



.workarea .insurance-list li:last-child:after{
	content: "";
    display: inline-block;
    width: 100px;
    height: 28px;
    background: url("data:image/svg+xml,%3Csvg width='100' height='28' viewBox='0 0 100 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M98.6977 16.3421C98.8232 16.8893 98.9832 19.9531 99 21.4312C98.2442 22.5901 95.221 22.6908 93.004 22.9428C90.7869 23.1947 69.8764 22.9428 62.1672 22.8924C55.9999 22.8521 41.8613 22.1366 35.563 21.7839C33.1444 21.5319 28.1158 20.9273 27.3499 20.5242C26.3926 20.0203 26.2918 18.6599 26.2414 17.1483C25.6368 14.377 26.5941 14.0243 27.6018 12.6639C27.6018 11.9081 27.5515 6.81898 27.9546 6.91975C28.3577 7.02053 31.8343 6.61743 33.3963 6.51666C34.9583 6.41589 42.7683 1.62913 57.9851 1.17565C73.2019 0.722169 75.5197 5.10582 82.6747 9.08638C92.7117 9.89257 97.438 12.9158 98.5465 14.3266C99 14.8208 98.3487 14.8208 98.6977 16.3421Z' stroke='black'/%3E%3Ccircle r='5.24023' transform='matrix(-1 0 0 1 41.7606 21.4312)' fill='white'/%3E%3Ccircle r='5.24023' transform='matrix(-1 0 0 1 85.7812 21.4312)' fill='white'/%3E%3Ccircle r='5.24023' transform='matrix(-1 0 0 1 41.7606 21.4312)' stroke='black'/%3E%3Ccircle r='5.24023' transform='matrix(-1 0 0 1 86.504 21.4312)' stroke='black'/%3E%3Cpath d='M24.0986 5.05112H7.81575M14.3289 12.2156H0M20.842 18.7287H5.2105' stroke='black'/%3E%3C/svg%3E%0A") center/cover no-repeat;
    left: calc(100% + 10px);
    top: 0;
    position: absolute;
}

.workarea .insurance-list li:first-child:after{
	content: "";
    display: inline-block;
    background: url("data:image/svg+xml,%3Csvg width='73' height='36' viewBox='0 0 73 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70.0982 28.2589C70.3135 28.7612 68.814 29.99 68.8304 31.4286C68.0947 32.5565 68.3219 31.3545 66.164 31.5997C64.0062 31.8449 43.6537 31.5997 36.1503 31.5507C30.1476 31.5115 16.3864 30.8151 10.2562 30.4718C7.90214 30.2266 3.00775 29.6381 2.26231 29.2457C1.33051 28.7553 1.23243 27.4312 1.18339 25.9599C0.594887 23.2626 1.52669 22.9193 2.50752 21.5952C2.50752 20.8595 2.45848 15.9063 2.85081 16.0044C3.24316 16.1025 6.62704 15.7101 8.14735 15.6121C9.66765 15.514 17.2692 10.855 32.0798 10.4136C46.8905 9.97222 49.1464 14.2389 56.1104 18.1132C65.8796 18.8979 70.4797 21.8404 71.5586 23.2136C71.5259 23.6549 68.1964 23.8214 70.0982 28.2589Z' stroke='black'/%3E%3Ccircle r='5.10037' transform='matrix(-1 0 0 1 16.2882 30.1286)' fill='white'/%3E%3Ccircle r='5.10037' transform='matrix(-1 0 0 1 59.134 30.1286)' fill='white'/%3E%3Ccircle r='5.10037' transform='matrix(-1 0 0 1 16.2882 30.1286)' stroke='black'/%3E%3Ccircle r='5.10037' transform='matrix(-1 0 0 1 59.8376 30.1286)' stroke='black'/%3E%3Cpath d='M66.2947 7.3393L67.5755 9.74083C68.3598 11.2114 68.3598 12.9761 67.5755 14.4467L66.2947 16.8482' stroke='black'/%3E%3Cpath d='M70.7321 1L71.2572 2.31269C71.734 3.50474 71.734 4.83454 71.2572 6.0266L70.7321 7.33929' stroke='black'/%3E%3Cpath d='M63.125 11.7768L61.8442 9.37528C61.0599 7.90469 61.0599 6.13998 61.8442 4.6694L63.125 2.26787' stroke='black'/%3E%3C/svg%3E%0A") center/cover no-repeat;
    width: 73px;
    height: 36px;
        left: -85px;
    top: -2px;
	position: absolute;
}


@media screen and (max-width: 1024px){
	.workarea .insurance-list {
    	padding: 30px 83px;
	}
	.workarea .insurance-list li{
		width: calc(50% - 23px);
	}
}

@media screen and (max-width: 768px){
	.workarea .insurance-list li{
		width:100%;
	}
}

@media screen and (max-width: 600px){
	.workarea .insurance-list {
		padding: 30px 0px 30px 20px;
	}
	.workarea .insurance-list li:after,
	.workarea .insurance-list li:last-child:after,
	.workarea .insurance-list li:first-child:after{
		content: "";
		display: inline-block;
		width: 16px;
		height: 29px;
		background: url("data:image/svg+xml,%3Csvg width='16' height='29' viewBox='0 0 16 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999939 1.14327L14.2534 13.9234C14.6613 14.3167 14.6613 14.9699 14.2534 15.3631L0.999939 28.1433' stroke='black'/%3E%3C/svg%3E") center/cover no-repeat;
		position: absolute;
		left: -26px;
		top: 25px;
	}
}