/*공통*/
@import url("reset.css");
@import url("animate.css");

:root {

	--max-w : 1440px;

	--main-color : #1473CE;
	--sub-color : #004F9A;
	--black : #313131;
	--blue : #009CF2;
	--gray : #616161;
	--red : #FF0000;
	--blackB : #111111;

	--line-a1 : #A1A1A1;
	--line-d1 : #D1D1D1;

	--Poppins : 'Poppins', sans-serif;
	--Montserrat : 'Montserrat', sans-serif;

	--font-14 : 14px;
	--font-16 : 16px;
	--font-18 : 18px;
	--font-20 : 20px;
	--font-22 : 22px;
	--font-24 : 24px;
	--font-26 : 26px;
	--font-28 : 28px;
	--font-30 : 30px;
	--font-36 : 36px;
	--font-50 : 50px;
	--font-72 : 72px;

	--gap-8 : 8px;
	--gap-16 : 16px;
	--gap-24 : 24px;
	--gap-32 : 32px;
	--gap-40 : 40px;
	--gap-50 : 50px;
	--gap-60 : 60px;
	--gap-80 : 80px;
	--gap-100 : 100px;
	--gap-120 : 120px;
	--gap-140 : 140px;
	--gap-160 : 160px;
	--gap-200 : 200px;

	--radius-16 : 16px;
	--radius-24 : 24px;
	--radius-32 : 32px;

	--logo : url('/img/com/logo.svg');
	--logo-mono : url('/img/com/logo_mono.svg');
	--icon-search : url('/img/com/icon_search.svg');
	--icon-search-w : url('/img/com/icon_search_w.svg');
	--instagram : url('/img/com/icon_insta.svg');

	--select-arrow-top : url('/img/com/select_arrow_top.svg');

}

@media screen and (max-width: 1280px) {
	:root {
		--gap-100 : 80px;
		--gap-120 : 80px;
		--gap-140 : 100px;
		--gap-160 : 140px;
		--gap-200 : 160px;
	}
}

@media screen and (max-width: 1024px) {
	:root {
		--font-18 : 16px;
		--font-20 : 18px;
		--font-22 : 20px;
		--font-26 : 24px;
		--font-28 : 26px;
		--font-30 : 28px;
		--font-36 : 34px;
		--font-50 : 42px;
		--font-72 : 62px;

		--gap-32 : 28px;
		--gap-40 : 36px;
		--gap-50 : 42px;
		--gap-60 : 54px;
		--gap-80 : 70px;
		--gap-140 : 80px;
		--gap-160 : 120px;
		--gap-200 : 140px;
	}
}

@media screen and (max-width: 768px) {
	:root {
		--font-14 : 12px;
		--font-16 : 14px;
		--font-18 : 15px;
		--font-20 : 18px;
		--font-22 : 18px;
		--font-24 : 20px;
		--font-26 : 22px;
		--font-28 : 22px;
		--font-30 : 24px;
		--font-36 : 28px;
		--font-50 : 36px;
		--font-72 : 50px;

		--gap-16 : 14px;
		--gap-24 : 22px;
		--gap-32 : 26px;
		--gap-40 : 32px;
		--gap-50 : 36px;
		--gap-60 : 48px;
		--gap-80 : 60px;
		--gap-100 : 60px;
		--gap-120 : 60px;
		--gap-140 : 60px;
		--gap-160 : 100px;
		--gap-200 : 120px;

		--radius-16 : 12px;
		--radius-24 : 18px;
		--radius-32 : 26px;
	}
}

@media screen and (max-width: 480px) {
	:root {
		--font-14 : 11px;
		--font-16 : 13px;
		--font-18 : 14px;
		--font-20 : 16px;
		--font-22 : 16px;
		--font-24 : 18px;
		--font-26 : 18px;
		--font-28 : 18px;
		--font-30 : 20px;
		--font-36 : 22px;
		--font-50 : 32px;
		--font-72 : 42px;

		--gap-8 : 5px;	
		--gap-16 : 10px;
		--gap-24 : 18px;
		--gap-32 : 22px;
		--gap-40 : 24px;
		--gap-50 : 28px;
		--gap-60 : 32px;
		--gap-80 : 40px;
		--gap-100 : 40px;
		--gap-120 : 40px;
		--gap-140 : 40px;
		--gap-160 : 80px;
		--gap-200 : 100px;

		--radius-16 : 6px;
		--radius-24 : 12px;
		--radius-32 : 16px;
	}
}


#wrap {width:100%; overflow:hidden;}


header {width:100%; min-width:320px; position:fixed; left:0; top:0; z-index:1000; background:#fff;}
header .header-wrap {width:95%; height:120px; display:flex; align-items:center; margin:0 auto;}
header .logo {width:245px; height:28px; background:var(--logo) center no-repeat; background-size:cover; }
header .logo a {display:block; width:100%; height:100%; font-size:0;}
header .header-conts {width:calc(100% - 245px);}
header .header-conts > .inner {width:100%; display:flex; align-items:center; justify-content:flex-end; gap:0 50px;}
header .header-conts .gnb-wrap {}
header .header-conts .gnb-wrap ul.gnb-box {display:flex; align-items:center;}
header .header-conts .gnb-wrap ul.gnb-box li.gnb {height:120px; display:flex; align-items:center; justify-content:center; position:relative; cursor:pointer;}
header .header-conts .gnb-wrap ul.gnb-box li.gnb a.depth-1 {font-size:var(--font-18); padding:0 var(--gap-24);}
header .header-conts .gnb-wrap ul.gnb-box li.gnb .snb-wrap {display:none; position:absolute; left:50%; top:120px; background:#fff; transform:translateX(-50%); width:max-content; padding:20px; box-shadow:0 5px 10px rgba(0,0,0,0.1); border-top:2px solid var(--main-color);}
header .header-conts .gnb-wrap ul.gnb-box li.gnb .snb-wrap ul.snb-box li.snb {width:100%; margin-top:var(--gap-16);}
header .header-conts .gnb-wrap ul.gnb-box li.gnb .snb-wrap ul.snb-box li.snb:nth-child(1) {margin-top:0;}
header .header-conts .gnb-wrap ul.gnb-box li.gnb:hover a.depth-1,
header .header-conts .gnb-wrap ul.gnb-box li.gnb.on a.depth-1,
header .header-conts .gnb-wrap ul.gnb-box li.gnb .snb-wrap ul.snb-box li.snb:hover a.depth-2 {color:var(--main-color); font-weight:700;}
header .header-conts .gnb-wrap ul.gnb-box li.gnb .snb-wrap.active {display:block;}
header .header-conts .com-search-btn {width:25px; height:25px; background:url(/img/com/icon_search.svg) center no-repeat;}
header .header-conts .com-search-btn a {display:block; width:100%; height:100%; font-size:0;}
header .header-conts .btn-sitemap {width:25px; height:25px; background:url(/img/com/icon_menu.svg) center no-repeat; background-size:cover; cursor:pointer; font-size:0;}
header .sitemap-wrap {width:100%; position:absolute; left:0; top:120px; box-shadow:0 10px 20px rgba(0,0,0,0.1); display:none; background:#fff;}
header .sitemap-wrap > .inner {width:95%; margin:0 auto; display:flex; align-items:center;}
header .sitemap-wrap .gnb-area {width:calc(100% - 245px); padding-right:150px; margin-right:0; margin-left:auto; position:relative;}
header .sitemap-wrap .gnb-area:before {content:""; width:245px; height:100%; background:url(/img/com/bg_shape.png) center no-repeat; background-size:100% auto; position:absolute; left:-245px; top:50%; transform:translateY(-50%); display:block;}
header .sitemap-wrap .gnb-area .btn-area {display:none;}
header .sitemap-wrap .gnb-area ul {display:flex; justify-content:flex-end; gap:0 40px;}
header .sitemap-wrap .gnb-area ul li {width:200px; position:relative;}
header .sitemap-wrap .gnb-area ul li .depth-1 {width:100%; font-size:var(--font-18); position:absolute; left:0; top:-120px; display:flex; height:120px; align-items:center;}
header .sitemap-wrap .gnb-area ul li .depth-1-box {display:none;}
header .sitemap-wrap .gnb-area ul li:hover .depth-1:after {content:""; width:100%; height:2px; background:var(--main-color); position:absolute; left:0; bottom:-2px;}
header .sitemap-wrap .gnb-area ul li .snb-wrap {width:100%; padding:var(--gap-40) 0; position:relative;}
header .sitemap-wrap .gnb-area ul li .snb-wrap .snb-box span {display:block; width:100%; margin-top:var(--gap-16);}
header .sitemap-wrap .gnb-area ul li .snb-wrap .snb-box span:nth-child(1) {margin-top:0;}
header .sitemap-wrap .gnb-area ul li .snb-wrap .snb-box span a {color:#666;}
header .sitemap-wrap .gnb-area ul li:hover .depth-1,
header .sitemap-wrap .gnb-area ul li .snb-wrap .snb-box span:hover a {color:var(--main-color);}
header .sitemap-wrap.active {display:block;}
header .com-search-area {width:100%; position:absolute; left:0; top:120px; box-shadow:0 10px 20px rgba(0,0,0,0.1); display:none; background:#fff;}
header .com-search-area > .inner {width:95%; height:200px; margin:0 auto; display:flex; align-items:center; justify-content:center; position:relative;}
header .com-search-area .btn-sesarch-close {width:24px; height:24px; background:url(/img/com/icon_close_b.svg) center no-repeat; background-size:cover; position:absolute; top:10px; right:0; font-size:0;}
header .com-search-area .search-box {width:100%; display:flex; align-items:center; justify-content:center; border-bottom:1px solid #dcdcdc; max-width:600px; margin:0 auto;}
header .com-search-area .search-box .input {width:calc(100% - 50px);}
header .com-search-area .search-box .input input {width:100%; height:50px; background:transparent; border:none; font-size:var(--font-18);}
header .com-search-area .search-box .input input::placeholder {color:#999;}
header .com-search-area .search-box button {width:50px; height:50px; background:var(--icon-search) center no-repeat; font-size:0;}
header .com-search-area.active {display:block;}

header.all {border-bottom:1px solid #DCDCDC;}
header.all .header-conts .gnb-wrap {display:none;}

@media screen and (max-width: 1600px) {
	header .sitemap-wrap .gnb-area ul {gap:0 30px;}
	header .sitemap-wrap .gnb-area ul li {width:150px;}
}

@media screen and (max-width: 1440px) {
	header .sitemap-wrap .gnb-area ul li {width:130px;}
	header .sitemap-wrap .gnb-area ul li .depth-1 {font-size:15px;}
	header .sitemap-wrap .gnb-area ul li .snb-wrap .snb-box span a {font-size:15px;}
}

@media screen and (max-width: 1280px) {
	header .logo {width:210px; height:24px;}
	header .header-conts {width:calc(100% - 210px);}
	header .header-conts > .inner {gap:0 30px;}

	header .sitemap-wrap .gnb-area {width:calc(100% - 210px);}
	header .sitemap-wrap .gnb-area:before {width:210px; left:-210px;}
	header .sitemap-wrap .gnb-area ul {gap:0 20px;}
	header .sitemap-wrap .gnb-area ul li {width:110px;}
	header .sitemap-wrap .gnb-area ul li .depth-1 {font-size:13px;}
	header .sitemap-wrap .gnb-area ul li .snb-wrap .snb-box span a {font-size:13px;}
}

@media screen and (max-width: 1024px) {
	header .header-wrap {height:100px;}
	header .header-conts .gnb-wrap {display:none;}

	header .sitemap-wrap {width:100%; max-width:600px; height:100vh; overflow-y:auto; left:auto; right:0; top:0; box-shadow:none; background:#fff;}
	header .sitemap-wrap > .inner {width:100%;}
	header .sitemap-wrap .gnb-area {width:100%; padding:0;}
	header .sitemap-wrap .gnb-area .btn-area {display:block; height:100px; position:relative;}
	header .sitemap-wrap .gnb-area .btn-area .sitemap-close-btn {width:20px; height:20px; background:url(/img/com/icon_close.svg) center no-repeat; background-size:cover; position:absolute; right:20px; top:50%; transform:translateY(-50%); font-size:0; cursor:pointer;}
	header .sitemap-wrap .gnb-area ul {gap:0; flex-wrap:wrap; border-top:1px solid #dcdcdc;}
	header .sitemap-wrap .gnb-area ul li {width:100%; border-bottom:1px solid #dcdcdc;}
	header .sitemap-wrap .gnb-area ul li .depth-1 {display:none;}
	header .sitemap-wrap .gnb-area ul li .depth-1-box {width:100%; display:block; padding:0 20px; font-size:18px; height:60px; line-height:60px; position:relative; cursor:pointer;}
	header .sitemap-wrap .gnb-area ul li .depth-1-box:before,
	header .sitemap-wrap .gnb-area ul li .depth-1-box:after {content:""; width:2px; height:14px; background:var(--main-color); position:absolute; right:27px; top:50%; transition:transform 0.3s ease-in-out;}
	header .sitemap-wrap .gnb-area ul li .depth-1-box:before {transform:translateY(-50%);}
	header .sitemap-wrap .gnb-area ul li .depth-1-box:after {transform:translateY(-50%) rotate(90deg);}
	header .sitemap-wrap .gnb-area ul li.active .depth-1-box:before {transform:translateY(-50%) rotate(90deg);}
	header .sitemap-wrap .gnb-area ul li .snb-wrap {padding:10px 0; background:#f7f7f7; display:none;}
	header .sitemap-wrap .gnb-area ul li .snb-wrap .snb-box span {margin-top:0;}
	header .sitemap-wrap .gnb-area ul li .snb-wrap .snb-box span a {font-size:16px; padding:5px 20px; display:block;}

	header .com-search-area {top:100px;}
	header .com-search-area > .inner {height:180px;}
}

@media screen and (max-width: 768px) {
	header .header-wrap {height:80px;}
	header .logo {width:175px; height:20px;}
	header .header-conts {width:calc(100% - 175px);}

	header .sitemap-wrap .gnb-area .btn-area {height:80px;}

	header .com-search-area {top:80px;}
	header .com-search-area > .inner {height:160px;}
}

@media screen and (max-width: 480px) {
	header .header-wrap {height:70px;}
	header .logo {width:140px; height:16px;}
	header .header-conts {width:calc(100% - 140px);}
	header .header-conts > .inner {gap:0 20px;}

	header .sitemap-wrap .gnb-area .btn-area {height:70px;}

	header .com-search-area {top:70px;}
	header .com-search-area > .inner {height:140px;}
	header .com-search-area .btn-sesarch-close {width:18px; height:18px;}
}


footer {width:100%; background:#414141;}
footer .footer-wrap {width:95%; max-width:var(--max-w); margin:0 auto;}
footer .footer-top {width:100%; padding:var(--gap-60) 0; display:flex; justify-content:space-between;}
footer .footer-top .fnb-wrap {width:100%; display:flex; justify-content:space-between;}
footer .footer-top .fnb-wrap .fnb-box .depth-1 {margin-bottom:var(--gap-24);}
footer .footer-top .fnb-wrap .fnb-box .depth-1 .fnb-link, 
footer .footer-top .fnb-wrap .fnb-box .depth-1 .btn-fnb {font-size:var(--font-20); color:#fff; font-weight:500;}
footer .footer-top .fnb-wrap .fnb-box .depth-1 .btn-fnb {display:none;}
footer .footer-top .fnb-wrap .fnb-box .fnb-list ul li {margin-top:5px;}
footer .footer-top .fnb-wrap .fnb-box .fnb-list ul li:nth-child(1) {margin-top:0;}
footer .footer-top .fnb-wrap .fnb-box .fnb-list ul li a {font-size:var(--font-16); color:#CCCCCC;}
footer .footer-top .fnb-menu ul li {text-align:right; margin-top:var(--gap-24);}
footer .footer-top .fnb-menu ul li:nth-child(1) {margin-top:0;}
footer .footer-top .fnb-menu ul li a {font-size:var(--font-16); color:#CCCCCC;}
footer .footer-top .fnb-menu ul li a.instagram {font-size:0; display:block; width:24px; height:24px; background:var(--instagram) center no-repeat; background-size:cover; margin-left:auto; margin-right:0;}
footer .footer-bottom {width:100%; border-top:1px solid rgba(255,255,255,0.3); padding:var(--gap-32) 0 var(--gap-60) 0; display:flex; justify-content:space-between; align-items:flex-end;}
footer .footer-bottom .company-info .logo {width:177px; height:20px; font-size:0; background:var(--logo-mono) center no-repeat; background-size:cover; margin-bottom:var(--gap-24);}
footer .footer-bottom .company-info .info-wrap {display:flex; align-items:center; gap:0 var(--gap-16);}
footer .footer-bottom .company-info .info-wrap span {font-size:var(--font-14); color:rgba(255,255,255,0.65);}
footer .footer-bottom .family-site {position:relative;}
footer .footer-bottom .family-site .btn-family-site {font-size:var(--font-14); color:#fff; position:relative; padding-right:calc(var(--gap-16) + 16px);}
footer .footer-bottom .family-site .btn-family-site:after {content:""; width:16px; height:16px; background:var(--select-arrow-top) center no-repeat; position:absolute; right:0; top:calc(50% - 1px); transform:translateY(-50%) scaleY(1);}
footer .footer-bottom .family-site .site-list {background:#414141; border:1px solid rgba(255,255,255,0.5); position:absolute; left:50%; top:-80px; transform:translateX(-50%); padding:var(--gap-8) var(--gap-16); display:none;}
footer .footer-bottom .family-site .site-list li a {font-size:var(--font-14); color:#fff;}
footer .footer-bottom .family-site.active .btn-family-site:after {transform:translateY(-50%) scaleY(-1);}
footer .footer-bottom .family-site.active .site-list {display:block;}

@media screen and (max-width: 1440px) {
	footer .footer-top,
	footer .footer-top .fnb-wrap {gap:0 120px;}
}

@media screen and (max-width: 1280px) {
	footer .footer-top {flex-wrap:wrap; gap:var(--gap-32) 0;}
	footer .footer-top .fnb-wrap {width:100%; gap:var(--gap-24); flex-wrap:wrap;}
	footer .footer-top .fnb-wrap .fnb-box {width:100%; display:flex;}
	footer .footer-top .fnb-wrap .fnb-box .depth-1 {width:150px; margin-bottom:0;}
	footer .footer-top .fnb-wrap .fnb-box .fnb-list {width:calc(100% - 150px);}
	footer .footer-top .fnb-wrap .fnb-box .fnb-list ul {display:flex; flex-wrap:wrap; gap:var(--gap-16) var(--gap-24);}
	footer .footer-top .fnb-wrap .fnb-box .fnb-list ul li {margin-top:0;}
	footer .footer-top .fnb-menu ul {display:flex; align-items:center; gap:0 var(--gap-24);}
	footer .footer-top .fnb-menu ul li {text-align:left; margin-top:0;}
}

@media screen and (max-width: 768px) {
	footer .footer-bottom .family-site .site-list {top:-70px;}
}

@media screen and (max-width: 600px) {
	footer .footer-top .fnb-wrap {gap:0;}
	footer .footer-top .fnb-wrap .fnb-box {flex-wrap:wrap; border-bottom:1px solid rgba(255,255,255,0.3);}
	footer .footer-top .fnb-wrap .fnb-box .depth-1 {width:100%;}
	footer .footer-top .fnb-wrap .fnb-box .depth-1 .fnb-link {display:none;}
	footer .footer-top .fnb-wrap .fnb-box .depth-1 .btn-fnb {display:flex; height:50px; align-items:center; position:relative; cursor:pointer;}
	footer .footer-top .fnb-wrap .fnb-box .depth-1 .btn-fnb:before,
	footer .footer-top .fnb-wrap .fnb-box .depth-1 .btn-fnb:after {content:""; width:14px; height:2px; background:rgba(255,255,255,1); position:absolute; top:50%; right:10px; transition:all 0.3s ease-in-out;}
	footer .footer-top .fnb-wrap .fnb-box .depth-1 .btn-fnb:before {transform:translateY(-50%);}
	footer .footer-top .fnb-wrap .fnb-box .depth-1 .btn-fnb:after {transform:translateY(-50%) rotate(-90deg);}
	footer .footer-top .fnb-wrap .fnb-box.active .depth-1 .btn-fnb:after {transform:translateY(-50%);}
	footer .footer-top .fnb-wrap .fnb-box .fnb-list {width:100%; padding:var(--gap-16); padding-top:0; display:none;}
	footer .footer-top .fnb-wrap .fnb-box .fnb-list ul {display:block;}
	footer .footer-top .fnb-wrap .fnb-box .fnb-list ul li {margin-top:var(--gap-8);}
	footer .footer-top .fnb-menu {width:100%; margin-top:var(--gap-32);}
	footer .footer-top .fnb-menu ul {width:100%; justify-content:center; flex-wrap:wrap; gap:var(--gap-24);}
	footer .footer-top .fnb-menu ul li a.instagram {width:20px; height:20px;}
	footer .footer-bottom {border-top:none; padding-top:0; flex-wrap:wrap; gap:var(--gap-24);}
	footer .footer-bottom .company-info {width:100%;}
	footer .footer-bottom .company-info .logo {height:17px; width:100%; background-size:auto 100%;}
	footer .footer-bottom .company-info .info-wrap {flex-wrap:wrap; gap:var(--gap-16); justify-content:center;}
	footer .footer-bottom .family-site {margin:0 auto;}
}

@media screen and (max-width: 480px) {
	footer .footer-top .fnb-wrap .fnb-box .depth-1 .btn-fnb {height:42px;}
	footer .footer-top .fnb-wrap .fnb-box .depth-1 .btn-fnb:before,
	footer .footer-top .fnb-wrap .fnb-box .depth-1 .btn-fnb:after {width:12px; height:2px;}
	footer .footer-top .fnb-menu ul li a.instagram {width:18px; height:18px;}
	footer .footer-bottom .company-info .logo {height:17px; width:100%; background-size:auto 100%;}
	footer .footer-bottom .company-info .info-wrap {flex-wrap:wrap; gap:var(--gap-16); justify-content:center;}
	footer .footer-bottom .family-site {margin:0 auto;}
	footer .footer-bottom .family-site .btn-family-site {padding-right:calc(var(--gap-16) + 12px);}
	footer .footer-bottom .family-site .btn-family-site:after {width:12px; height:12px; background-size:auto 6px;}
	footer .footer-bottom .family-site .site-list {top:-60px;}
}


.button.basic {min-width:147px; height:50px; box-sizing:border-box; text-align:center; border-radius:4px; font-size:var(--font-16); font-weight:700; display:inline-block; line-height:48px; padding:0 var(--gap-24); transition:all 0.3s ease-in-out;}
.button.ty-w {border:1px solid #fff; color:#fff;}
.button.basic.ty-w:hover {background:#fff; color:var(--main-color);}
.button.ty-b {border:1px solid var(--main-color); color:var(--main-color);}
.button.fill-w {background:#fff; color:var(--main-color);}
.button.fill-b {background:var(--main-color); color:#fff;}
.button.fill-bl {background:#333; color:#fff;}
.button.fill-g {background: #666; color: #fff; }
.button.basic.ty-w:hover {background:#fff; color:var(--main-color);}
.button.basic.ty-b:hover {border-color:rgba(20,115,206,0.6);}
.button.basic.fill-w:hover {background:rgba(255,255,255,0.8);}
.button.basic.fill-b:hover {background:rgba(20,115,206,0.7);}
.button.basic.fill-bl:hover {background:rgba(51,51,51,0.7);}
.button.basic.fill-g:hover {background: #888;}

@media screen and (max-width: 1024px) {
	.button.basic {min-width:130px;}
}

@media screen and (max-width: 768px) {
	.button.basic {min-width:110px; height:46px; line-height:44px;}
}

@media screen and (max-width: 480px) {
	.button.basic {min-width:90px; height:38px; line-height:36px;}
}


.popup-bg {width:100%; height:100vh; background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; z-index:9999;}

.quick {position:fixed; right:60px; bottom:60px; visibility:hidden; opacity:0; transition:all 0.5s ease; z-index:9998;}
.quick ul li {margin-top:var(--gap-24);}
.quick ul li:first-child {margin-top:0;}
.quick ul li a {width:64px; height:64px; border-radius:50%; display:block; font-size:0; background-repeat:no-repeat; background-position:center; background-size:cover; box-shadow:0 0 10px rgba(0,0,0,0.15);}
.quick ul li a.btn-inquiry {background-image:url(/img/com/button_contact.svg);}
.quick ul li a.btn-top {background-image:url(/img/com/button_top.svg);}
.quick.active {visibility:visible; opacity:1;}

@media screen and (max-width: 768px) {
	.quick ul li a {width:50px; height:50px;}
}

@media screen and (max-width: 480px) {
	.quick {right:20px; bottom:20px;}
	.quick ul li {margin-top:12px;}
	.quick ul li a {width:40px; height:40px;}
}