@charset "utf-8";


@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/* layout */
.inner {	width: 100%; max-width:1400px;	position:relative;	margin-left:auto;	margin-right:auto; }
.innerfull {width: 90%; max-width:1920px;	position:relative;	margin-left:auto;	margin-right:auto; }
.s-inner {	width:90%; max-width:1400px;	position:relative;	margin-left:auto;	margin-right:auto; }
.s-inner2 {width:90%; max-width:1600px;	position:relative;	margin-left:auto;	margin-right:auto; }
.s-inner3 {	width:90%; max-width:1200px;	position:relative;	margin-left:auto;	margin-right:auto; }
.ss-inner3 {	width:100%; max-width:800px;	position:relative;	margin-left:auto;	margin-right:auto; }


/* 타블렛 가로 */
@media all and (max-width:1480px) {
 body#wrap { font-size: 15px; }
}

@media all and (max-width:1280px) {
	body#wrap { font-size: 14px; }
}

@media all and (max-width:976px) {
	body#wrap { font-size: 13px; }
}

@media all and (max-width:767px) {
	body#wrap { font-size: 0.75rem; }
}

@media all and (max-width:568px) {

}


/*Header*/
#header { position:fixed; width:100%; height:132px; z-index:150; background:#fff; }
#header.m_on::before { content:''; width: 100vw; height: 100vh; background: rgba(0,0,0,0.6);
                               position: absolute; left:0; top:0; z-index: 200; }

#content { position: relative; overflow: hidden; padding-top: 132px; }

#header #logo {/* position:absolute;*/ text-align: center; top:0; left: 40px; z-index:89; font-size:0; }
#header #logo img{ vertical-align:middle;  }
#header .hd_bx { line-height:66px;  }
#header .hd_bx.top { line-height: 80px;font-family: 'Jost', sans-serif;font-weight:500;font-size:1.1em  }


#tel { position: absolute; left:0;  }
#tel::before { content:''; width: 32px; height:32px; display: inline-block;  vertical-align:middle; background: url("/images/common/tel.png") no-repeat;  background-size: 100% auto; margin-right: 0.2em; }
#tel .t1 { font-size: 1.45em; font-weight:400;color: #1a9d94; display: inline-block;vertical-align: middle;line-height: 1.2em;font-family:'Jost', 'S Dream',sans-serif;letter-spacing:-0.06em}
#tel .t1 span {font-weight:600;}
#tel a { display: none;width:45px; height:45px; border-radius:50px; 
		background-image: url("/images/common/tel_mo.png"); background-repeat:no-repeat; background-position:center center; background-size: 100% auto;  
		background-color:#19ccd4; animation: blink-effect 1s step-end infinite;}
@keyframes blink-effect {
  50% {  background-color:#ea9a00; }
}

#gnb_pc ul.gnb{display: flex;}
#gnb_pc { position:relative; overflow:hidden; width:100%; box-sizing:border-box; color:#212121; text-align:left; /*padding-left: 20%;*/  }

#gnb_pc .gnb_dp1{ display:inline-block; vertical-align:top; text-align:center; width: 100%;}
#gnb_pc .gnb_dp1>div {padding:0 25px; height:62px; font-size:1.125em; box-sizing:border-box; cursor:pointer;}
#gnb_pc .gnb_dp1>div>a{display:inline-block; position:relative;color:#212121;letter-spacing:-0.03em;font-weight:500;font-family:'Montserrat', 'S Dream',sans-serif }
#gnb_pc .gnb_dp1>div>a:after{display:block; content:''; width:120%; height:4px; position:absolute; left:-10%; bottom:0px; background:#19ccd4; transition:all .3s; transform:scaleX(0);}
#gnb_pc .gnb_dp1 .smenu { display:none; font-size:0.98em; padding:30px 0; }
#gnb_pc .gnb_dp1 .smenu li { line-height: 1.25em; margin-bottom: 15px; }
#gnb_pc .gnb_dp1 .smenu li a { color:#222;font-weight:500; }
#gnb_pc .gnb_dp1 .smenu li:hover a {color:#19ccd4}

#gnb_pc li.gnb_dp1:hover > div > a{color:#19ccd4; font-weight:600;}
#gnb_pc li.gnb_dp1:hover > div > a:after{ transform:scaleX(1);}


#header.scroll #gnb_pc,
#header.menu_on #gnb_pc { background:#fff }
/*
#header.menu_on #gnb_pc { background:rgba(250, 250, 250, 0.95);  }
#header.scroll #gnb_pc:before,
#header.menu_on #gnb_pc:before {content:""; width:100%; height:80px; position:absolute; top:0; left:0; background: #fff; }

#header.scroll { height: 60px;  }
#header.scroll .hd_bx { line-height: 60px; }
#header.scroll #logo img { height: 36px; }

#header.scroll #gnb_pc .gnb_dp1>div { height:60px; }
*/

#header.scroll #gnb_pc .gnb_dp1>div > a,
#header.menu_on #gnb_pc .gnb_dp1>div > a { color:#212121 }

.hd_mem { position: absolute; right: 80px; top:0; }
.hd_mem a { font-size: 0.9em; color:#989898; margin-right: 0.7em; }

#gnb_mo .hd_mem { position: relative; right: inherit; margin-top: 2em;  }

.hd_full {display:block; right: 0; top: 0; width:80px; height:80px; position:absolute; cursor:pointer; z-index: 1000; }
.hd_full span {display:block; width:26px; height:3px; background:#000; position:absolute; left:50%; margin-left: -13px; transition:all 0.5s}
.hd_full span.t {top:50%; margin-top: -10px; }
.hd_full span.m {top:50%; margin-top:-0.5px; width: 20px; }
.hd_full span.b {top:50%; margin-top: 10px;}

#header.m_on .hd_full span.t {transform:translateY(9.5px) rotate(45deg)}
#header.m_on .hd_full span.m {width:0;}
#header.m_on .hd_full span.b {transform:translateY(-9.5px) rotate(-45deg)}

/*#header.scroll .hd_mbx { width: 60px; height: 60px; }*/

#gnb_mo{ position:fixed; height:100%; z-index:999; right:0;  top:0; padding:5%; background:#fafafa;
                width:60%; max-width:960px; box-sizing:border-box; transition: all 0.4s ease;
            	-webkit-transform: translateX(100%) rotate(0); -moz-transform: translateX(100%) rotate(0); -ms-transform: translateX(100%) rotate(0); -o-transform: translateX(100%) rotate(0);
               transform: translateX(100%) rotate(0);
}

#gnb_mo.m_menuOn {	-webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0);	-ms-transform: translateX(0) rotate(0);	-o-transform: translateX(0) rotate(0);	transform: translateX(0) rotate(0); }


#gnb_mo .gnb_dp1 div { font-size:1.35em; padding:12px 0; cursor:pointer; }
#gnb_mo .gnb_dp1 > div > a { color:#212121; }

#gnb_mo .smenu {display:none; padding:10px 0;}
#gnb_mo .smenu>li br{display:none;}
#gnb_mo .smenu>li>a,
#gnb_mo .smenu>li>span {display:block; padding:4px 10px; font-size:1.1em; }
#gnb_mo .smenu>li>a:hover,
#gnb_mo .smenu>li>span:hover{ font-weight:500;}


@media all and (max-width:1480px) {
  #header #logo img {  }
  #gnb_pc { /*padding-left: 25%; */ }
  #gnb_pc .gnb_dp1>div { font-size: 1.06em; padding: 0 25px; }
  #gnb_pc .gnb_dp1 .smenu { font-size: 0.9em; }
}


@media all and (max-width:1280px) {
  #header #gnb_pc {display:none;}

  #header { height:70px;}
    #header .tel{top: 14px;}
  #content  { padding-top: 70px; }

  #header .hd_bx { line-height:70px; }
  #header #logo { left: 0; width:100%; text-align:center; }
  #header #logo img { height: 38px; }

  .hd_full { width:70px; height:70px; }
  .hd_mem { right: 70px; }

  #header.on,
  #header.scroll { height: 65px; background:#FFF; border-bottom-color:transparent;}

  #header.on .hd_bx,
  #header.scroll .hd_bx { line-height: 65px;  }

  #header.scroll #gnb_pc:before,
  #header.menu_on #gnb_pc:before { height:65px; }

  #header.scroll .hd_mbx { width: 65px; height: 65px; }


 }
@media all and (max-width:767px) {
	#header{ height:60px; }

  #tel {width:45px; padding: 0;  right:0; top:7px}
  #tel::before { display: none; }
  #tel .t1 { display: none; }
  #tel a { display: block;  font-size:0; }

  #content  { padding-top: 60px; }

	#header .hd_bx { line-height:60px; }
	#header .hd_mbx{ width:60px; height:60px; line-height:60px; }

	#header #logo img { height:32px;}

  #header.on, #header.scroll { height: 60px;}
  #header.on .hd_bx, #header.scroll .hd_bx { line-height: 60px; }
  #header.on #logo img, #header.scroll #logo img {height:32px;}
  #header.scroll #gnb_pc .gnb_dp1>div { height:60px; }

  #header.scroll .hd_mbx { width: 60px; height: 60px;  }

  .hd_full { width:60px; height:60px; }
  .hd_full span.t { margin-top: -8px; }
  .hd_full span.b { margin-top: 8px;}


  .hd_mem.hd_bx { display: none; }
  .hd_mem a { font-size: 1em; }

  #header.scroll #gnb_pc:before,
  #header.menu_on #gnb_pc:before { height:60px; }

}









@media all and (max-width:568px) {
	#header{height:65px; }
  #content  { padding-top: 65px; }

	#header .hd_bx{ line-height:65px; }
	#header .hd_mbx { width:55px; height:55px; line-height:55px;}

	 #tel {top:8px;width:80px;}
	 #tel p{font-size:10px;font-weight:600;color:#212121;text-align:center;padding-top:15px}
	 #tel a { width:38px; height:38px; }

	#header #logo img { height: 46px;margin-top:-5px; }

  #header.on, #header.scroll { height: 65px; }
  #header.on .hd_bx, #header.scroll .hd_bx { line-height: 65px; }
  #header.on #logo img, #header.scroll #logo img {height:46px;}
  #header.scroll #gnb_pc .gnb_dp1>div { height:65px; }

  #header.scroll #gnb_pc:before,
  #header.menu_on #gnb_pc:before { height:65px; }

  #header.scroll .hd_mbx { width: 55px; height: 55px; }

  .hd_full { width:55px; height:65px; }
  .hd_full span.t { margin-top: -9.5px; }
  .hd_full span.b { margin-top: 8px;}



}






























#subInfo {position:relative;  border-bottom:1px solid #f2f3f7;}
#subInfo:before {content:''; width:100%; height:60px; background:#53c1c6; position:absolute; left:0; top:0}
#subInfo .inner { display:flex; border-left:1px solid #f2f3f7; border-right:1px solid #f2f3f7;}
#subInfo .boxWrap {padding:0 2em 2.5em; display:flex; flex-wrap:wrap; align-content:start; align-items: start; justify-content:space-between;   width:33.33%}
#subInfo .boxWrap:nth-child(2) { border-left:1px solid #f2f3f7; border-right:1px solid #f2f3f7;}
#subInfo .boxWrap  h3 {font-family:'Montserrat', 'S Dream',sans-serif;width:100%; margin-bottom:1.5em; padding-top:17px; height:60px; font-size:1.2rem; font-weight:500; color:#fff;letter-spacing:-0.06em; }
#subInfo .boxWrap .in-box .t1 {margin-top:0.5em; line-height:1.4em}
#subInfo .boxWrap .tel { font-size:2rem; color:#014586; font-weight:600; font-family: 'Barlow', sans-serif;letter-spacing:0;}
#subInfo .boxWrap .time {display:flex; flex-wrap:wrap;}
#subInfo .boxWrap .time dt {width:80px; font-size:1rem; margin-bottom:5px;line-height:1.4em;vertical-align:middle }
#subInfo .boxWrap .time dd {width:calc(100% - 80px); color:#222; font-size:1rem; font-weight:400; margin-bottom:5px;line-height:1.4em;}
#subInfo .boxWrap .time dd br.br1599 { display:none}
#subInfo .boxWrap .time p.st1 {margin-top:1em; font-size:1rem;font-weight:400; opacity:.8;}
#subInfo .boxWrap .sBtn {padding:1.5em 2em; background:#4a9ca0 url('/images/sub/sbtn-sb.png') no-repeat right bottom;  border-radius:5px; color:#FFF; text-align:center }
#subInfo .boxWrap .sBtn .t1 {font-size:1.0rem; font-weight:600}
#subInfo .boxWrap .sBtn:hover {background-color:#1d2832}

@media all and (max-width:1599px) {
	#subInfo .boxWrap {padding:0 2em 1.5em}
	#subInfo .boxWrap .time dd br.br1599 { display:block}
	#subInfo .boxWrap  h3 { margin-bottom:1.0em; }
}
@media all and (max-width:1450px) {
	#subInfo .boxWrap:nth-child(1) {width:40%}
	#subInfo .boxWrap:nth-child(2) {width:40%}
	#subInfo .boxWrap:nth-child(3) {width:40%}
	#subInfo .boxWrap .time dd br.br1599 { display:block}
	#subInfo .boxWrap  h3 { margin-bottom:1.0em; }
}
@media all and (max-width:1280px) {
	#subInfo:before { height:60px;}
	#subInfo .boxWrap  h3 { padding-top:15px; height:60px; font-size:1rem; }
	#subInfo .boxWrap .time dt {width:60px; font-size:0.9rem; }
	#subInfo .boxWrap .time dd {width:calc(100% - 60px); font-size:0.9rem;}
	#subInfo .boxWrap .time p.st1 {margin-top:0.4em; font-size:0.9rem;}
	#subInfo .boxWrap .sBtn {padding:1em 1.5em; }
}
@media all and (max-width:1140px) {
	#subInfo .inner {flex-wrap:wrap}
	#subInfo .boxWrap:nth-child(1) {width:100%; border-bottom:1px solid #f2f3f7; }
	#subInfo .boxWrap:nth-child(2) {width:50%; border-left:0}
	#subInfo .boxWrap:nth-child(3) {width:50%}
	#subInfo .boxWrap:nth-child(2) h3,
	#subInfo .boxWrap:nth-child(3) h3 {color:#222; text-shadow:none; height:auto; margin-bottom:0.5em}
	#subInfo .boxWrap .time dd {width:calc(100% - 10vw);}
}

@media all and (max-width:767px) {
	#subInfo .boxWrap:nth-child(2) {width:100%; border-right:0; border-bottom:1px solid #f2f3f7;}
	#subInfo .boxWrap:nth-child(3) {width:100%; }
	#subInfo .boxWrap .time dd {width:calc(100% - 15vw);}

}


@media all and (max-width:630px) {
	#subInfo .boxWrap:nth-child(2) {width:100%; border-right:0; border-bottom:1px solid #f2f3f7;}
	#subInfo .boxWrap:nth-child(3) {width:100%; }
	#subInfo .boxWrap .time dd {width:calc(100% - 15vw);}

}
@media all and (max-width:480px) {

	#subInfo:before { height:12vw;}

	#subInfo .boxWrap  h3 { padding-top:2.2vw; height:12vw; margin-bottom:0.9em;font-size:1.4em }
	#subInfo .boxWrap .time dt {width:18vw;}
	#subInfo .boxWrap .time dd {width:calc(100% - 20vw);}
	#subInfo .boxWrap .sBtn {padding:1em 1em; }
}


.entrust {position:relative; float:left; width: 100%;margin:30px 0; clear:both; border-right:1px solid #ddd;border-top:1px solid #ddd;}
.entrust th { border-left:1px solid #eee;border-bottom:1px solid #eee; background:#f8f9fb; padding:12px 0 12px; color: #000; font-size: 2rem;}
.entrust td { text-align:center; padding:30px 20px; border-left:1px solid #eee;border-bottom:1px solid #eee; }
.entrust .material-symbols-outlined {font-size: 5rem;color: #094d93;}

#mem .box{width: 100%; padding: 30px; margin-top: 20px; background: #f8f9fb; border-radius: 10px; color: #222;}
#mem .box li+li{margin-top: 5px;}

@media all and (max-width:640px){
    .entrust th {font-size: 1.8rem;}
    .entrust td {padding:20px 10px;}

}







#mHospital {background:#f8f9fb; padding:3em 0;}
#mHospital h3 {margin-bottom:1em; font-size:1.7rem; color:#222; font-weight:700;text-align:center}
#mHospital .swiper {border:1px solid #f4f4f4; border-left:0}
#mHospital .swiper-slide {border-left:1px solid #f4f4f4 }
#mHospital .swiper-slide img {width:100%; max-width:227px; }
#mHospital .swiper-button-next, 
#mHospital .swiper-button-prev {width:35px; height:35px; top:15px;  }
#mHospital .swiper-button-prev {background:url('/images/main/swiper-button-prev3.png') no-repeat center; left:unset; right:25px;
									background-size:100% auto;}
#mHospital .swiper-button-next {background:url('/images/main/swiper-button-next3.png') no-repeat center;
									background-size:100% auto; right:-10px}

@media all and (max-width:1024px) {
	#mHospital { padding:2em 0}
	#mHospital h3 {margin-bottom:0.7em;font-size:1.2rem;}
	#mHospital .swiper-button-next, 
	#mHospital .swiper-button-prev {top:20px;  }
}



#footer { position: relative; width: 100%; overflow: hidden; padding: 0 0 75px;}   
#footer #f-line { background:#2a3244 }
#footer #f-line .inner {display:flex; flex-wrap:wrap; gap:5px 30px; padding:1.2em 1.2em}
#footer #f-line a {font-size:1rem; color:#FFF}

#footer #f-info { padding:1em 0; background:#343f55;letter-spacing:0 }
#footer #f-info .inner {display:flex;  padding:1.2em 0}
#footer #f-info h1 {padding-right:60px; }
#footer #f-info h1 img { width:223px; }
#footer #f-info .cont {max-width:1120px; display:flex;  flex-wrap:wrap; gap:0 40px;  }
#footer #f-info .cont li { color:#afb8cb;font-weight:500;letter-spacing:-0.05em;}
#footer #f-info .cont li p{font-size:0.9rem;letter-spacing:-0.05em;font-weight:400;}
#footer #f-info .cont li.copy {margin-top:1em; width:100%; font-size: 0.7rem; opacity:.5; text-transform:uppercase;letter-spacing:0;font-weight:100 }


@media all and (max-width:1280px) {
    #footer #f-line .inner {display:flex; flex-wrap:wrap; gap:5px 30px;}
	#footer #f-info h1 {padding-right:40px; }
}
@media all and (max-width:1024px) {
    #footer #f-info .inner {padding-bottom:50px; display:block; text-align:center;gap:5px 10px}
	#footer #f-info h1 {margin-bottom:0.8em; padding-right:0; }
	#footer #f-info .cont {justify-content:center; gap:5px 20px;  }
}





@media all and (max-width:884px) {
    #footer #f-info .inner {padding:0 30px}
    #footer #f-info h1 img { width:150px; }
	#footer #f-line a {font-size:0.8rem; color:#FFF;text-align:center}
}
@media all and (max-width:480px) {
	#footer #f-info .inner {padding-bottom:10vw;gap:5px 10px;}
	#footer #f-line a {font-size:0.8rem; color:#FFF;}
}







/* 푸트 old 
#footer { position: relative; width: 100%; overflow: hidden; padding: 2% 0 100px; border-top: 1px solid #ddd; }
#footer h1,
#footer ul.f-link { display: inline-block; vertical-align: middle; line-height: 1.0em; }
#footer h1 { margin-right: 2em; }
#footer ul.f-link li { display: inline-block; margin-right: 1em; }
#footer ul.f-link li a { color:#212121; }
#footer .f-info { width: 100%; clear: both; margin-top: 2em; color:#989898; line-height: 1.8em; }
#footer .f-info p { float: left; margin-right: 10px; font-size: 0.93em;color:#333 }
#footer .f-info p.copy { clear: both; font-size: 0.81em;  }

@media all and (max-width:980px) {
  #footer { padding: 5% 0 130px; }
  #footer h1 img { width: 200px; }
}

@media all and (max-width:767px) {
  #footer { padding: 5% 0 170px; }
  #footer h1 img { width: 200px; }
}

@media all and (max-width:640px) {
  #footer h1 img { width: 200px; }
}

@media all and (max-width:480px) {
  #footer { padding: 8% 0 40%; }
  #footer h1 { margin-right: 0; }
  #footer h1 img { width: 170px; }
  #footer ul.f-link { display: block; margin-top: 1em;}
  #footer ul.f-link li { }
}
*/




/*퀵메뉴 개인정보취급방침*/

.overlay {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 999991;

    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}
.popup {
    background-color: #fff;
    /* border: 3px solid #fff; */
    display: inline-block;
    left: 50%;
    opacity: 0;
    padding: 0;
    position: fixed;
    /*text-align: justify;*/
    top: 40%;
    visibility: hidden;
    z-index: 9999992;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}
.overlay:target+.popup {
    top: 50%;
    opacity: 1;
    visibility: visible;
}
.close {
    background-color: rgba(0, 0, 0, 0.8);
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: -15px;
    width: 30px;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 20px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close:hover {
    background-color: rgba(0, 27, 84, 0.8);
}


.popup { max-width: 90%; margin: 0 auto;}
.popup h3 { text-align: center;  line-height: 4.0em; color:#fff; background-color:#19ccd4; }
.privacyPop { width: 600px; height: 500px; overflow-y: scroll; padding: 7%; max-width: 100%;  }

.mapPop { width: 960px; max-width: 100%; }
.mapPop img { width: 100%;  }

@media screen and (max-width:767px){

.privacyPop { height: 350px; }

}

/* Quick */
#Quick {position:fixed; top:180px; right:0; background:#19ccd4; width:60px; border-top-left-radius:20px;border-bottom-left-radius:20px; text-align:center; box-sizing:border-box; padding:0 0 15px;  transition: all 0.5s; z-index:999;}
#Quick a {display:block; width:100%; border-bottom:0px solid #109a91; padding:10px 0 5px;}
#Quick a p {font-size:0.75em; color:#111; letter-spacing:-0.07em; font-weight:500;text-align:center}
#Quick .go_top {width:50px; line-height:50px; margin:15px auto; background:#fff; text-align:center; font-size:0.9em; color:#353535; letter-spacing:-0.07em; font-weight:bold; border-radius:100%; cursor:pointer;}
#Quick a img { height: 46px }


#Quick2 { position: fixed; top:30%; right: 20px; z-index:99;  }
#Quick2 li {  text-align: right; position: relative; }
#Quick2 li a { display: block;  }
#Quick2 li img { margin: 2px 0; background: #fff; border-radius: 100%; border: 1px solid #e9e9e9; }
#Quick2 li p { /*display: none;*/ position: absolute; right: 55px; top: 50%; transform: translateY(-50%);
                  color:#111; font-size: 0.75em;font-weight:600 }
#Quick2 li:hover p { display: block; }

@media screen and (max-width:767px){
	#Quick { display: none; }
  #Quick2 { right: 5px; }
  #Quick2 li img { width: 36px; }
  #Quick2 li p { right: 45px; }
}

@media screen and (max-width:480px){
  #Quick2 { width: 100%; top: inherit; bottom:5px; right:0; text-align: center; }
  #Quick2 li { text-align: center; display: inline-block; margin: 0 1px;  }
  #Quick2 li img { margin: 0; }
}