@charset "utf-8"; 
/* CSS Document */

/* Gmarket */
@font-face { font-family: 'Gmarket Sans';font-style: normal; font-weight: 300;
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
}
@font-face {font-family: 'Gmarket Sans';font-style: normal;font-weight: 500;
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
}
@font-face { font-family: 'Gmarket Sans';font-style: normal;font-weight: 700;
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
}

:root {
    accent-color: #005bbf;
    --mainColor: #005bbf;
    --mainColorOn: #1e409a;
    --importColor: #ceeb43;
}
.col_key{ color:var(--mainColor);}
.col_key2{ color:var(--importColor);}

/* layout */
html {font-size: 62.5%;background: #fff;height:100%}
body{height: 100%;}
#wrap {height: 100%;}
.header {height: 20rem;background: url('../images/header_bg.png') no-repeat 50% 100% / cover;z-index: 9999;top: 0;left: 0;position: absolute;width: 100%;}
.header:before{content:''; background:#16394d; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0.1}
.header .headerWrap { max-width: 92%;margin: 0 auto;position: relative;height: 100%;}
.header .btn-back {z-index: 3;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.header .btn-back button {width: 6rem;height: 6rem;display: block;font-size: xx-small;color: transparent;border: 0;background: 0 0;background-image: url(../images/ico_back.svg);background-position: 15px center;background-size: 1.8rem;background-repeat: no-repeat}
.logo {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;z-index: 2;display: flex;justify-content: center;align-items: end;}
.logo a {display: flex;justify-content: center;align-items: end;gap: 25px; text-decoration: none;}
.logo a span {font-size: 0; display: inline-block;position: relative;} 
.logo a span.txt{font-size: 3.4rem;/* font-size: 2.8vw; */color:#fff;letter-spacing: -0.05em;font-family: 'Gmarket Sans';margin: 0;line-height: 1;transform: translate(0%, -50%);}
.logo a span img{display:block;height: 80px;}
.logo.ci02 a span img{ max-height:60px;}
.logo.ci03 a span img{ max-height:70px;}
.logo a span:last-child{padding-left: 25px;}
.logo a span:last-child:before,
.logo a span:last-child:after{content:'';width: 2px;height: 55%;background:rgba(255,255,255,0.3);position:absolute;left:0;top: 25%;}
.logo a span:last-child:before{transform: rotate(-45deg);}
.logo a span:last-child:after{;transform: rotate(45deg);}

.logo.st02 a span{padding: 0 !important;}
.logo.st02 a span:before,
.logo.st02 a span:after{ display:none;}
.header .nav-warp {z-index: 3;position: absolute;top: 50%;transform: translateY(-50%);right: 0;display: flex;align-items: center}
.header .nav-warp .btn-menu { margin-left: 1rem } 
.header .nav-warp .btn-menu button { width: 1.5rem; height: 1.5rem; display: block; font-size: xx-small; color: transparent;
border: 0; background: 0 0; background-image: url(../images/ico_menu.svg); background-position: center center; background-size: 1.5rem; background-repeat: no-repeat } 
.header .nav-warp .btn-close button {display: block;padding: 0px;width: 6rem;height: 6rem;font-size: 0;overflow: hidden;text-indent: -1000px;z-index: 999;background: transparent;border: none;line-height: 0;}
.header .nav-warp .btn-close button:before, .header .nav-warp .btn-close button:after {content: "";display: block;position: absolute;left: 50%;top: calc(50% - 1px);width: 55%;margin-left: -22%;height: 3px;background-color: #fff;}
.header .nav-warp .btn-close button:before { transform: rotate(45deg); }
.header .nav-warp .btn-close button:after { transform: rotate(-45deg); }
.contents {position: relative;/* max-width:1200px; */margin: 0 auto;padding: 200px 0 0 0;}
.con_warp{padding-top:100px;/* max-width: 92%; */margin: 0 auto;}
#footer{position:absolute;bottom:0;left: 0;width: 100%;display: none;color:#fff;}
#footer .innerWrap{display: flex;align-items: center;justify-content: space-around;height: 50px;font-size: 0.95em;}


.page_tit {color: #060c26;display:block;margin: 0 auto;font-size: 3.5rem;text-align:center; word-break: keep-all;}
#page{font-size: 1.125em;margin-top: 40px;max-width: 1200px;margin: 0 auto;padding: 50px 0 100px 0;}
#page.widePage{max-width:inherit;padding-bottom: 0;}
#page.widePage .innerWrap{max-width:1200px; margin:0 auto;}
.ttl01{clear: both; font-size:1.47em;color:#333; margin:50px 0 15px; position:relative;}
.ttl01:before{content:''; display:block; position:absolute; top:-8px; left:0; background:#09a0f7; width:45px; height:3px;}
.ttl01 span{font-size:0.8em; font-weight:400;}
.ttl02{clear: both;font-size:1.2em;color:#09a0f7;margin:40px 0 10px;position: relative;}
.tbl thead th{padding:1em;}
.form-layout>div li{padding:1em 0;}
.form-layout input,.form-layout select{height: 55px;}
.form-layout .check li{padding: 1em;}
.form-layout label{font-size: 1.125em;}
.radioBox{padding:1em 0}
.form-layout .button {height: 55px;margin-bottom: 0;}
.form-layout input[type="text"].setBlock{margin-bottom:0;padding: 0 5px;}
.agreement{font-size:0.88em}
.info_ex01, .info_ex02 {background-position:0 7px; }

.total_box{display:flex;/* align-items: center; */}
.total_box .button{/* float:left; */}
.total_box .flex{display:flex;align-items: center;width: calc(100% - 145px);margin-left: auto;}
.total_box .flex > span{position:relative;font-size: 1.2em;}
.total_box .inp{width: 26.5%; text-align:right; margin-right:5px;}
.total_box .inp input{text-align:center;text-indent: 0;padding: 0 5px;}
.total_box .txt{padding: 0 5px;width: 5%;text-align: center;}
.total_box .txt.fw_700{width: 15%;}
.total_box .s_info{position:absolute;bottom: -15px;left: 70%;color: #ed1b3b;margin-left: -25px;/* transform: translate(-50%); */font-size: 12px;width: 50px;background: #fff;display: inline-block;}
.total_box.st02 .flex > span{font-size:1em;width: 35%;}
.total_box.st02 .txt{width: 13% !important;text-align: left;max-width: 30px;}
.total_box.st02 .inp input{text-align:right;}

.box_pw ul li{ display:flex; align-items:center;}
.box_pw ul label{min-width: 195px;}
.box_pw ul input{height: 55px;border-radius: 5px;width: 100%;}
.box_pw .form{width:100%}

.bd_left {border-left: 1px solid #e4e4e4 !important;}

.btn_area{max-width:60%;margin: 0 auto;display: flex;gap:20px;}
.btn_area:before{display:none;}
.button{background-color:var(--mainColor);border-color: var(--mainColor);border-radius:10px}
.button:hover, .button:focus, .button:active{background-color:var(--mainColorOn);/* border-color: var(--mainColorOn); */}
.btn_area .button{width:100%;margin: 0;height: 8rem;line-height: 1em;font-size: 2.6rem;font-family: 'Gmarket Sans';}
@media screen and (max-width:1200px) {
#page{max-width: 92%;}	
#page.widePage .innerWrap{max-width:92%; }	
}
@media screen and (max-width:1024px) {
	.btn_area{max-width:70%;}
	.box_pw ul{width:100%;}
}
@media screen and (max-width:750px) {
	body{font-size: 13px;}
	.header{background:var(--mainColor);height:60px;background-size: 155%;}
	.header .headerWrap{max-width:100%;}
	.logo a{gap: 15px;}
	.logo a span:last-child{ padding-left:15px;}
	.logo a span:last-child:before{width:1px;}
	.logo a span img{height: 33px;}
	.logo.st02 a span img{height: 40px;}
	.header .btn-back button{background-size:1.4rem; width: 4rem;}
	.header .nav-warp .btn-close button{ width: 4rem;}
	.header .nav-warp .btn-close button:before, .header .nav-warp .btn-close button:after{width: 66%;margin-left: -45%;height: 2px;}
	.contents{padding: 60px 0 0px 0;}
	.con_warp{padding-top:50px; }
	
	.page_tit {font-size: 2.2rem; line-height: 1.3;}

	#page{font-size: 1em;padding-top: 25px;padding-bottom: 40px;}

	.ttl01{font-size: 1.3em;margin-top: 35px;}
	.ttl02{font-size:1.15em}
	.form-layout>div{ width:100%; float:none;}
	.form-layout > li{padding-left: 10px }
	.form-layout label {position: inherit !important; left:inherit !important; top:inherit !important; line-height: 20px !important;}
	.form-layout>div li,
	.radioBox{padding: 0.65em 0;}
	.form-layout .check li{padding: 0.65em;}
	.form-layout input,.form-layout select{height: 45px;}
	.form-layout label{font-size: 1em;}
	.form-layout .button {height: 45px;margin-bottom: 0;}
	.tbl thead th{padding:0.65em}
	.info_ex01, .info_ex02{background-position:0 3px}
	.info_ex03{background-position:0 2px}
	
	.box_pw ul input{height: 45px;width: calc(100% - 95px);}
	.box_pw ul label{min-width: 95px;width: 95px;}
	.box_pw ul label .txt_sm{display:block;}

	.btn_area{max-width:inherit;width: 100%;position: fixed;bottom: 0;left: 0;padding: 2%;gap: 2%;background: linear-gradient(0deg, #ffffff 80%, transparent);z-index: 2;}
	.btn_area .button{font-size:1.6rem;height:5rem;}
	.btn_area.st02{position:relative; left:inherit; bottom:inherit; padding:20px 0 0 0;}

	.total_box{flex-wrap:wrap;}
	.total_box .flex{width:100%;margin-top:5px;}
	.total_box .flex > span{font-size:1em}
	.total_box.st02 .flex{width: calc(100% - 145px);margin-top: 0;}
}
@media screen and (max-width:360px) {
	.logo a span img{height: 30px;}
}

/* main */
.main{background: #0182d9 url(../images/mainBg.png) no-repeat 50% 100% / cover;}
.main .contents{ padding:0; height:100vh;}
.main .header{background:none;display: none;}
.main_wrap{height: 100vh;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 0;padding: 0 15px;}
.main_wrap .visual{margin-top: -5%;}
.main .logo {width: 100%;position: relative;top: inherit;left: inherit;transform: none;}
.main .logo_st02 span{ display:flex; justify-content:center; align-items:center;}
.main .logo_st02 img{height: 105px;}
.main .btn_area + .logo_st02{margin-top: 55px;}
.main .btn_area + .logo_st02 img{height:70px;opacity: 0.5;}
.main_wrap .txt{font-size: 3.4rem;color:#fff;text-align: center;letter-spacing: -0.05em;margin-top: 1.55em;word-break: keep-all;font-family: 'Gmarket Sans';}
.main_wrap .txt.small{font-size: 2rem;}
.main_wrap .txt i{font-style: italic;}
.main .btn_area{max-width:550px;background: transparent;display: block;}
.main .btn_area .button{color: #fff;background-color:#000;border-color:#000;border-radius: 10px;height: 80px;line-height: 78px;display: flex;align-items: center;padding: 0 4rem;font-size: 2.6rem;box-shadow: 6px 6px 20px rgba(0,0,0,0.3);overflow: hidden;}
.main .btn_area .button span{justify-content: center;display: inline-flex;width: 100%;margin-top: 4px;z-index: 1;}
.main .btn_area .button .ico_arrow{width:27px;height: 27px;background: url('../images/arrow_right.svg') no-repeat 50% 50% / contain;display: inline-block;margin-left: auto;z-index: 1;transition: all .3s ease-in-out;}
.main .btn_area .button:after{content:'';background:#fff;display:block;height:100%;width: 0;position:absolute;left:0;top:0;transition: all .3s ease-in-out;}
.main .btn_area .button:hover, .main .btn_area .button:focus{color: var(--mainColor);border-color: #fff;}
.main .btn_area .button:hover:after, .main .btn_area .button:focus:after{ width:100%;}
.main .btn_area .button:hover .ico_arrow, .main .btn_area .button:focus .ico_arrow{background-image:url('../images/arrow_right2.svg');}
@media screen and (max-width:750px) {
	.main .header{height:auto;position: relative;top: inherit;left: inherit;}
	.main .logo a span img{height: 50px;}
	.main .logo_st02 img{height: 75px;}
	.logo a span.txt{ font-size:2rem}
	.main .btn_area + .logo_st02{margin-top: 2.5em;}
	.main .btn_area + .logo_st02 img{height: 55px;}
	.main_wrap .txt{font-size: 2.4rem;margin: 1.5em auto;}
	.main .contents{padding-top: 0;height: 100vh;}
	.main .btn_area{position:relative;max-width: 500px;bottom: inherit;left: inherit;padding: 0;}
	.main .btn_area .button{height:48px;line-height: 46px;font-size:2rem;padding: 0 2.5rem;}
	.main .btn_area .button .ico_arrow{width:17px; height:17px;}
}
@media screen and (max-width:480px) {
	.main_wrap{overflow: hidden;}
	.main_wrap .visual{/* margin-top:-50%; */}
	.main_wrap .txt{margin: 1.8em auto;font-size: 1.8rem;}
	.main .logo a span img{height: 40px;}
	.main .logo.st02 a span img{ height:60px}
	.main .logo_st02 img{height: 55px;}
	.logo a span.txt{ font-size:1.65rem}
	.main .btn_area + .logo_st02{margin-top: 2.5em;}
	.main .btn_area + .logo_st02 img{height: 45px;}
	.main .btn_area{position: relative;max-width:inherit;/* padding: 3.5%; */}
	.main .btn_area .button{font-size:1.8rem}
}

/* sub */
.section {padding: 80px 0;word-break: keep-all;}
.section:first-child{padding-top:0px;}
.sec01{/* display: flex; *//* gap: 5%; */}
.sec01 .innerWrap > div{width:100%;}
.sec01 .main_tit{ color:#005181;font-size: 1.8em; font-weight: 500; margin-bottom: 15px;}
.sec01 .main_tit span{font-size: 17px;color: #c11414;float:right;font-weight: 400;letter-spacing: -0.06em;}
.sec01 .main_tit span i{ font-style:italic;}
.sec01 .main_tit:after{ display:none;}
.sec01 .innerWrap > div{/* width:60%; *//* float: left; *//* padding:30px 30px 25px 30px; *//* height: 275px; */}
.sec01 .innerWrap > div:nth-child(2){/* width:40%; */}
.sec01 .mb_txt{ display:none;}
.sec01 .priceBox{/* background:#e7f0f5; */}
.sec01 .priceBox .ttl01{margin-top:0;}
.sec01 .priceBox p{ color:#494949;}
.sec01 .priceBox .tbl{ margin:0;}
.sec01 .priceBox .tbl thead th{/* padding: 7px 2px; */}
.sec01 .priceBox .tbl tbody th, .priceBox .tbl tfoot th, .priceBox .tbl td{padding: 9px 7px;}

.reservationBox{/* background:#005181; */overflow:hidden;height:100%;}
.reservationBox .btnGrp{margin: 0;}
.reservationBox .btnGrp .button,
.reservationBox .btnGrp a{background:#ffc637;color:#000;font-weight: 700;font-size:1.4em;display: block;width: 32.65%;float: left;line-height: 50px;height: 50px;text-align: center;margin: 0;margin-right: 1%;border-radius: 0;}

.reservationBox .btnGrp .button:nth-child(3),
.reservationBox .btnGrp a:nth-child(3){background:#03a9f4;color:#fff;margin-right:0;}

.reservationBox {}
.reservationBox dl{width: 100%;background-color: #fff;padding: 10px 0;display: block;overflow: hidden;border-radius: 5px;margin-bottom: 10px;border: 1px solid #ddd;display: flex;align-items: center;}
.reservationBox dl dt{color: #4c4c4c;font-size: 0.98em;font-weight: 700;line-height: 35px;display: block;/* float:left; */width: 25%;text-align: center;}
.reservationBox dl dd{display: block;/* float:left; */width: 75%;}
.reservationBox input {color: #333;font-weight: 400;border-left: 2px solid #e6e6e6;border: none;letter-spacing: -0.3px;position: relative;width: 90%;height: 35px;vertical-align: middle;}
.reservationBox input.date{padding-left:30px;background: url('https://loungeparking.co.kr/images/board/ico_calendar.gif') no-repeat 10px 50%, url('https://loungeparking.co.kr/images/board/ico_arrow.gif') no-repeat 100% 50%;cursor: pointer;width: 100%;vertical-align: top;}
.reservationBox input.time{ padding-left:30px; background:url('https://loungeparking.co.kr/images/board/ico_clock.gif') no-repeat 10px 50%, url('../images/board/ico_arrow.gif') no-repeat 90% 50%;}
.reservationBox select.time{padding-left:30px;background:url('https://loungeparking.co.kr/images/board/ico_clock.gif') no-repeat 10px 50%, url('https://loungeparking.co.kr/images/board/ico_arrow.gif') no-repeat 90% 50%;}
.reservationBox select.time{cursor:pointer;border:none;width:100%;background-color:#fff;position:relative;-webkit-appearance: button;}
.reservationBox label {display: block;width: 100%;padding: 0 20px 0 0px;margin-bottom: 20px;/* min-height: 60px; */background-color: #fff;top: inherit;}

.reservationBox dl label {border-left: 2px solid #e6e6e6;position: relative;min-height: 35px;line-height: 35px;color: #999;font-weight: 400;width:100%;vertical-align: revert;margin: 0;}
.reservationBox label .txt{text-align: right;float: right;line-height: 35px;}
.reservationBox dl .col2 label{width: 50%; float: left; padding: 0;}
.reservationBox dl .col2 input {width: 100%;} 
.reservationBox dl .col2_2{ padding-right:15px;}
.reservationBox dl .col2_2 label{width: 35%;float: left;padding: 0;}
.reservationBox dl .col2_2 label + label{border-left:0;width: 65%;}
.reservationBox dl .col2_2 input {width: 85%;vertical-align: top;} 
.reservationBox input[type="checkbox"]{vertical-align:middle !important;}
.reservationBox .checkBox{padding-left: 10px !important;display:block;}

.ui-timepicker-wrapper{width: 153px !important;}
.ui-timepicker-list{}
.ui-timepicker-list li{ font-size:0.98em;}


.sec05 {/* padding-top: 5rem; */background-color:#e7f0f5;}
.sec05 .ttl01{margin-top:0;text-align:center;font-family: 'Gmarket Sans';color: #1d4359;font-size: 0;margin-bottom: 45px;background: url('https://loungeparking.co.kr/images/main/sec05_main_tit.png') no-repeat 50% 0;height: 68px;}
.sec05 .ttl01 span{display:block;font-size: 0.5em;line-height: 1;}
.sec05 .ttl01:before{display:none;}
.sec05 .ttl01:after {content: '';display: block;background: #09a0f7;width: 50px;height: 3px;margin: 65px auto 0px auto;}

.sec05 .list_use{position: relative;overflow: hidden;z-index: 1;text-align: center;}
.sec05 .list_use > ul{ display:flex; justify-content:center;}
.sec05 .list_use:after{content:'';display: block;width: 90%;height: 1px;background:#91adbd;position: absolute;left: 0;top: 23%;margin-top:-1px;margin-left: 5%;z-index: -1;}
.sec05 .list_use li{display: inline-block;width: 100%;vertical-align: top;}
.sec05 .list_use li:first-child{ margin-left:0;}
.sec05 .list_use li:last-child{ margin-right:0;}
.sec05 .list_use li:before{content:'';display: block;margin: 5px auto 15px auto;width: 130px;height: 130px;background-repeat:no-repeat;background-size:85px 80px;background-position: 50% 45%;background-color:#fff;border-radius: 120px;box-shadow:0 0 5px rgba(0,0,0,0.1);z-index: 2;border: 0;}
.sec05 .list_use li:nth-child(1):before{ background-image:url('https://loungeparking.co.kr/images/main/ico_use01.png');}
.sec05 .list_use li:nth-child(2):before{ background-image:url('https://loungeparking.co.kr/images/main/ico_use02.png');}
.sec05 .list_use li:nth-child(3):before{ background-image:url('https://loungeparking.co.kr/images/main/ico_use03.png');}
.sec05 .list_use li:nth-child(4):before{background-image:url('https://loungeparking.co.kr/images/main/ico_use04.png');background-color:#ffc637;border: 5px solid #fff;/* width: 140px; *//* height: 140px; *//* margin-top: 0; *//* background-position: 50% 40%; */}
.sec05 .list_use li:nth-child(5):before{ background-image:url('https://loungeparking.co.kr/images/main/ico_use05.png');}
.sec05 .list_use li:nth-child(6):before{ background-image:url('https://loungeparking.co.kr/images/main/ico_use06.png');}
.sec05 .list_use li:nth-child(7):before{ background-image:url('https://loungeparking.co.kr/images/main/ico_use07.png');}
.sec05 .list_use li:nth-child(4) .tit{margin-top: -47px;font-size: 1.15em;}

.sec05 .list_use li .txtBox{text-align: center;margin: 0 auto;}
.sec05 .list_use li .tit{color: #000;text-align: center;font-size: 1.25em;font-weight: 700;line-height: 1.1em;margin-bottom: 10px;}
.sec05 .list_use li .tit span{color:#03a9f4;display: block;margin: 0 auto;font-size:14px;}
.sec05 .list_use li .txt{color:#666;text-align: center;line-height: 1.3;/* font-size: 1em; */}
.sec05 .list_use li .txt strong{color:#1d4359;display: block;margin-top: 5px;font-size: 0.9em;}

.tabSecWrap{ max-width:1200px; margin:0 auto;}
.tabSecWrap .tabSec{ margin-bottom:6rem}
@media only screen and (max-width:1200px) {
	.tabSecWrap{ width:92%;}
.tabSecWrap .tabSec{ margin-bottom:4rem}
}
@media only screen and (max-width:750px) {
	.section {padding: 40px 0;}
	.sec01{position:relative;top: inherit;}
	.sec01 .innerWrap{padding: 0 !important;max-width: inherit;width: 100%;}
	.reservationBox dl{padding:0em}
	.reservationBox dl dt{width: 60px;line-height: 43px;}
	.reservationBox dl dd{width: calc(100% - 60px);}
	.reservationBox dl .col2_2{padding-right: 10px;}
	.reservationBox dl label{padding-right: 10px;line-height: 45px;}
	.reservationBox input{height: 43px;}
	.reservationBox label .txt{line-height: 45px;}

	.sec05 .ttl01{margin-bottom:25px;/* font-size: 1.35em; */height: 50px;background-size: 140px;}
	.sec05 .ttl01 span{font-size:0.6em}
	.sec05 .ttl01:after{margin-top: 47px;}
	.sec05 .list_use > ul{flex-wrap:wrap;}
	.sec05 .list_use li{width: 100%;overflow: hidden;margin-bottom:10px;background: #fff;border-radius: 10px;display: flex;}
	.sec05 .list_use li:last-child{ margin-bottom:0;}
	.sec05 .list_use:after{top: 0;width:1px;height: 90%;left: 29px;margin-left: 0;}
	.sec05 .list_use li:nth-child(4) .tit{margin-top: 0;font-size:1.1em}
	.sec05 .list_use li:before{background-size: 40px;width: 60px !important;min-height: 67px;height: 100%;margin: 0px auto;float: left;display: block;border:0 !important;border-radius: 0;}
	.sec05 .list_use li .txtBox{float:left;padding: 10px 0px 10px 20px;width: calc(100% - 60px);display: flex;flex-direction: column;justify-content: center;}
	.sec05 .list_use li .tit{text-align: left;margin: 0 0 5px 0;font-size: 1.1em;}
	.sec05 .list_use li .tit span{display:inline-block;margin-right: 5px;font-size: 1em;}
	.sec05 .list_use li .txt{ text-align: left;}
	.sec05 .list_use li .txt br{ display:none}
	.sec05 .list_use li .txt strong{display:block;margin-top: 3px;}
	.sec05 .list_use li .txt strong br{display:none;}
}


/* quickmenu */
.quickmenu {position: fixed;bottom: 20px;right: 20px;z-index: 10;}
.quickmenu ul{display:flex; flex-direction:column; gap:10px;}
.quickmenu li > a {width: 65px;height: 65px;background: #fff;border-radius: 65px;transition: all 0.3s ease;box-shadow: 0 8px 10px rgba(0,0,0,0.2);display: flex;align-items: center;justify-content: center;text-decoration:none;}
.quickmenu li > a span{padding: 0 13px;font-size: 1em;color: #333;font-weight: 500;line-height: 1.1;text-align: center;}
.quickmenu li > a:hover, .quickmenu li > a:focus{box-shadow: 0 8px 15px rgba(0,0,0,0.4); background: #ebfaff;} 
.quickmenu li > a:hover span, .quickmenu li > a:focus span{color: #000;}
.quickmenu li.tel > a img{ width:28px;}
@media screen and (max-width:750px) {
	.main .quickmenu{top:inherit; bottom:10px;}
	.quickmenu{bottom: inherit;right:10px;top: 70px;}
	.quickmenu li > a {width: 45px;height: 45px;box-shadow: 0 4px 8px rgba(0,0,0,0.2);}
	.quickmenu li > a:hover, .quickmenu li > a:focus{box-shadow: 0 4px 10px rgba(0,0,0,0.4); }
	.quickmenu li > a span{padding: 0 5px; font-size:1.2rem}
	.quickmenu li.tel > a img{ width:22px;}	
}