@charset "utf-8";
@import url(../fonts/Roboto/style.css);
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

:root {
	--color-main: #62b368;
	--color-yellow: #ffea00;
	--color-line:#BFBFBF;
	--color-line2:#ABC;
	--color-bg:#F6F6F6;
	--color-bg2:#969696;
	--color-aga:#fff;
	--color-bgd:#000;
	--color-text:#000;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
 i.fa{font-style:normal !important;}

mark {background-color:var(--color-aga); font-style:italic;font-weight:bold;}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
hr {display:block;height:0; border:0;border-top:0; margin:0;padding:0;}
input, select {vertical-align:middle;resize:none}
caption, th, td {font-weight:normal}
table caption {visibility:hidden;width:0;height:0;overflow:hidden}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal}
img {border:0;vertical-align:middle; max-width:100%}
legend {display:none}

.gratxt{ background-image:-webkit-linear-gradient(0deg,var(--color-main),var(--color-sub));-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
.full_width_bg{position:absolute; top:0; bottom: 0; z-index:-1; left:50%}


html{font-size:10px; height:100%;}
@media (max-width:1320px){
 html{font-size:0.72vw; }
}

body{height:100%;}
body, select,input,textarea,button {font-size:2rem;  line-height:160%; font-family: "Pretendard","맑은 고딕","Nanum Gothic","Microsoft Yahei","Gulim", "dotum",Helvetica, sans-serif; color:var(--color-text); letter-spacing:-.06em; }
input{font-size:1em;}
input::placeholder {font-size: 1em;}

iframe#hiddenframe {display:none;width:0;height:0}
label,button{cursor:pointer}
 input, button, select, textarea { outline: none;}
strong{font-weight:700}
b{font-weight:800}
.iconfont{font-size:1em;}
a{color:var(--color-text); text-decoration:none}
a:hover, a:focus{color:var(--color-main);text-decoration:none}


*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}

input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}

.deg45{position:relative;transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.deg-45{position:relative;transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.deg90{position:relative;transform:rotate(90deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}
.deg-90{position:relative;transform:rotate(-90deg);-ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);}
.deg180{position:relative;transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}



.placeholdersjs { color: #aaa !important; }

@media (min-width:736px){
.nop{display:none; position:absolute; width:0; height:0; overflow:hidden;}
}
.clear{display:block; float:none; clear:both; border:0; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
.wrap{width:1320px; margin:0 auto; position:relative; zoom:1;}
.wrap:after {display:block;visibility:hidden;clear:both;content:""}

#bodyWrap{min-height:100%; position:relative; overflow-x:hidden;}
@media (max-width:1320px){
#bodyWrap{width:100%}
.wrap{width:auto; margin:0 2vw; }

}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;left:0; right:0; height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:fixed; background:#fff; border-radius:1rem; overflow:hidden; box-shadow:.1em .1em .5em rgba(0,0,0,.3)}
.hd_pops.mobile {display:none;}
.hd_pops_con {}
.hd_pops_footer {padding:.5em;background:#000;background:var(--color-main);color:#fff;display:flex; justify-content:space-between}
.hd_pops_footer button {margin-right:0;padding:0 1em;border:0;background:none;color:#fff; font-size:.9em;}



/*헤더*/
#header{ position:absolute; top:0; left:0; right:0; height:12rem;z-index:10; width:1360px; margin:0 auto}
#header h1{float:left; padding:1.5rem 0; z-index:2;}
#header h1 img{height:9rem; }
#header ul{display:flex; position:absolute; right:0; bottom:1em; }
#header ul li{margin-left:1em;}

#btnPcCall{position: absolute; right:0; top:.5em; font-size:4rem; line-height:1em;}


#btnMobileCall{display:none;}
#btnMobileMenu{display:none}

/*상단메뉴*/
#topMenu{position:absolute; left:0; right:0; top:12rem; border-top:1px solid #A0A08C;z-index:10; background:#FFFFFF00;}
#topMenu dl{position:relative;  display: -webkit-flex; display: flex;justify-content:center}
#topMenu dd{position:relative; }
#topMenu dd > a{position:relative; text-align:center; z-index:2; display:block; font-size:2rem; font-weight:600;  line-height:6rem; height:6rem; padding:0 .6em;}
#topMenu dd:hover > a{color:var(--color-main)}
#mobileMenu{display:none;}

#topMenu.top{position:fixed; background:#FFFFFFFF; top:0;transition: background 0.3s ease; border-top:0;}

/*메인비주얼*/
#main_visual{position:relative; z-index:1;  overflow:hidden; }
#main_visual ul{position:relative; z-index:1;}
#main_visual li{position:relative;background-position:center center;  width:100%;  background-repeat:no-repeat; height:75rem;  }
#main_visual .swiper-pagination{position:absolute; z-index:10; bottom:1em; width:100%; }
#main_visual .swiper-pagination-bullet{position:relative; width:.5em; height:.5em;margin:0 .1em;  background:var(--color-aga); opacity:1; border-radius:1em; transition: all 0.3s ease; }
#main_visual .swiper-pagination-bullet-active{width:3em;}
#main_visual .controll{position:absolute; top:50%; z-index:3; padding:0;height:0; left:0; right:0;  display:none}
#main_visual .controll a{position:absolute; top:-1em; width:2em; height:2em; line-height:2em; text-align:center; font-size:2em; padding:0; margin:0; background:rgba(0,0,0,.6); border:0; cursor:pointer; color:var(--color-aga); border-radius:2em; text-shadow: 0 0 .2em rgba(0,0,0,.5)}
#main_visual .controll .swiper_prev{left:0; transform:rotateY(180deg)}
#main_visual .controll .swiper_next{right:0;}


#main_visual section{position:absolute;  color:var(--color-aga); text-align:center; left:0; right:0; bottom:0; top:0; z-index:4; text-shadow: 0 0 .2em rgba(0,0,0,.5); background:rgba(0,0,0,.3)}
#main_visual section h2{position:relative;font-size:8rem; line-height:140%; font-family: 'SBAggro'; font-weight:800; }
#main_visual section h3{position:relative;font-size:4rem; line-height:140%; font-family: 'SBAggro'; font-weight:600; }
#main_visual section p{position:relative;font-size:2rem; line-height:140%; margin-top:.3em;}

/*visual animation */
#main_visual section h2{opacity:0;top:5rem;  transition: all 1s ease; transition-delay:0; }
#main_visual section h3{opacity:0;top:5rem;  transition: all 1s ease; transition-delay:500ms; }
#main_visual section p{opacity:0;top:5rem;  transition: all 1s ease; transition-delay:1000ms; }
#main_visual .swiper-slide-active section h2{letter-spacing:0; top:0; opacity:1}
#main_visual .swiper-slide-active section h3{letter-spacing:0; top:0; opacity:1}
#main_visual .swiper-slide-active section p{letter-spacing:0; top:0; opacity:1}

.jp_point{position: relative; top:-6rem}

#ma{position:relative; text-align: center; padding: 10rem 0; background-color: #EAEAEA;}
#ma h6{font-size:1.5em; line-height:1.3em;}
#ma h3{font-size:2.5em; line-height:1.3em; font-weight: 600;}
#ma h3 span{color: var(--color-main);}
#ma ul{margin-top:5em; display: inline-block; text-align: left;}
#ma ul li{position:relative; font-size: 1.2em; line-height: 3.6em; border-bottom: 1px solid var(--color-line);}
#ma ul li:before{position: absolute; top:1.25em; left:-2em; width:1em; height:1em; background: url(/img/check_icon.png) center no-repeat; background-size:cover; content:""}
#ma .daram_img1{position: absolute; top:14em; left:50%; margin-left:-41em}
#ma .daram_img2{position: absolute; top:28em; left:50%; margin-left:31em}

.m_header{position: relative; height: 20.9rem; text-align: center; color:#FFF;  display: flex; justify-content: center; flex-direction: column;}
.m_header h3{font-weight: 600; font-size:2.5em; line-height:1.3em;}
.m_header small{font-size:.7em; letter-spacing: .1em;}
.m_header h6{font-size:1.5em; line-height:1.3em;}

#mb section{background: url(/img/mb_bg.jpg) center no-repeat; color: var(--color-aga);padding:1em 0;}
#mb section dl{padding:1em 0;}
#mb section dl dt{ }
#mb section dl dd{padding:0 1em; display: flex; flex-direction: column; justify-content: center; width: 40rem;}
#mb section dl dd h4{ }
#mb section dl dd h4 strong{font-size:2em; }
#mb section dl dd h4 small{font-size:1.2em; }
#mb section dl dd .ul_1{color: #e1ffda; font-size: .9em; margin-top:1.5em; }
#mb section dl dd .ul_2{font-size: .8em; line-height:2.25em; margin-top:1.5em; }
#mb section dl.dtr dd{text-align: right;}



#mc section{text-align:center; background: url(/img/mc_bg.jpg) center no-repeat; padding:3.5em 0;}
#mc h4{font-size: 2.5em; line-height:1.3em;font-weight: 800;}
#mc h4 span{color: var(--color-main);}
#mc section h6{font-size: 1.5em; line-height:1.3em;margin:1em 0}
#mc .treatment{padding:1em 0}
#mc .treatment:nth-of-type(1){background: url(/img/mc_bg1.jpg) center no-repeat; color:#FFF; }
#mc .treatment:nth-of-type(2){background: url(/img/mc_bg2.jpg) center no-repeat; color:#FFF; }
#mc .treatment dt{}
#mc .treatment dd{display: flex; justify-content: center; flex-direction: column; width:50rem}
#mc .treatment dd h4{font-weight: 800; font-size:2em; line-height:1.3em;}
#mc .treatment dd h4 span{color: var(--color-yellow);}
#mc .treatment dd p{ font-size: 1.1em; line-height:1.3em; font-weight: 300; margin-top: 1em;}
#mc .treatment dd small{ font-size: .7em; margin-top:1em; letter-spacing: .1em;}
#mc .treatment:not(.dtr) dd{text-align: right;}
#mc .recom{background: url(/img/mc_bg3.jpg) center no-repeat; text-align: center; padding:2em 0;}
#mc .recom dl{ margin-top:2em; gap:1rem}
#mc .recom dl dd{background-color: var(--color-aga); padding:1em 0; width: 12em; font-size: 1.1em;}

#md section{background: url(/img/md_bg1.jpg) center top no-repeat; color:#FFF; text-align: center;}
#md section dl{padding: 1em 0; }
#md section dl dt{ }
#md section dl dd{text-align: left; display: flex; justify-content: center; flex-direction: column;}
#md section dl dd h4{font-size:2.5em; line-height: 1.3em; font-weight: 800;}
#md section dl dd h4 span{color: var(--color-yellow);}
#md section dl dd p{font-size:1.25em; line-height: 1.3em; font-weight:300; margin-top: 1em;}
#md section dl dd p strong{color: var(--color-yellow);}

#md .time{text-align: center; padding: 2em 0;}
#md .time h4{font-size:2.25em; line-height:130%; font-weight:800;}
#md .time h4 span{color: var(--color-main);}
#md .time dl{margin-top: 2em; }
#md .time dl dd{ border-top: 2px solid var(--color-main); padding:0 1em}
#md .time dl dd:before{position: absolute; width: 1em; height:1em; left:50%; transform: translate(-50%,-50%); background-color: var(--color-main); content: "";  border-radius: 50%;}
#md .time dl dd > strong{display: block; font-size: 2em; color: var(--color-main); line-height:2em}

#md .seraphine{text-align: center; padding:2em 0;}
#md .seraphine > h4{font-size:2.5em; line-height:130%; font-weight:800;}
#md .seraphine > h4 span{color: var(--color-main);}
#md .seraphine > h6{font-size:1.25em; line-height:130%; margin-top: 1em;}
#md .seraphine > h6 .m{color: var(--color-main);}
#md .seraphine > h5{background-color: var(--color-main); color: var(--color-aga); font-size: 1.75em; font-weight: 700; line-height: 1.8em; border-radius: 2em; width: 117.7rem; margin:1em auto 0; }
#md .seraphine > h5 span{color: var(--color-yellow);}
#md .seraphine .dls_1{width: 117.7rem; margin:0 auto ;}
#md .seraphine .dls_1 dd{width:33%;  flex-grow:1; border:1px solid var(--color-line); padding:2em 0; margin-right:-1px; margin-bottom: -1px;}
#md .seraphine .dls_1 dd:nth-child(4 + n){width:45%}
#md .seraphine .dls_1 dd h6{font-size: 1.2em; font-weight:700; line-height: 1em;}
#md .seraphine .dls_1 dd p{font-size: .9em; margin-top:1em;}

#md .seraphine .dls_2{margin-top:1em}
#md .seraphine .dls_2 dt{font-size: 3.5em; line-height:2em; color: var(--color-main); width:3em}
#md .seraphine .dls_2 dd figure{}
#md .seraphine .dls_2 dd h6{font-size:1.25em; font-weight:700; background-color: var(--color-bg2); color: var(--color-aga); padding:.3em }
#md .seraphine .dls_2 dd ul{font-size:1.1em; }
#md .seraphine .dls_2 dd ul li{border-bottom:1px solid var(--color-line); line-height:240%; }
#md .seraphine .dls_2 dd:nth-of-type(2) h6{background-color: var(--color-main);}
#md .seraphine .dls_2 dd:nth-of-type(2) ul{font-weight: 700;}

#md .correction{text-align: center;  }
#md .correction article{  padding: 2em 0; background-color: var(--color-bg);}
#md .correction  h4{font-size:2.5em; line-height:130%; font-weight:800;}
#md .correction  h4 span{color: var(--color-main);}
#md .correction  p{font-size: 1.25em; font-weight:300; margin:1em 0}
#md .correction  p span{color: var(--color-main);}
#md .correction .dls_3{padding:2em 0;}
#md .correction .dls_3 dd{padding:0 2em;}
#md .correction .dls_3 h5{font-size:2.5em; font-weight: 700; color:var(--color-main); line-height:1.4em;}
#md .correction .dls_3 h6{font-size:1.5em; color:#c5c5c5;}
#md .correction .dls_3 p{ }

#me{background-color: var(--color-bg); text-align: center;}
#me article{display: inline-block; text-align: left; padding:2em 0;}
#me article h4{font-size:2.5em; line-height:130%; font-weight:800;}
#me article figure + h4{margin-top:2em;}
#me article h4 span{color: var(--color-main);}
#me article > figure{margin-top:1em; }
#me article > p{font-size:1.5em; margin-top:1em; line-height:1.4em;}
#me article > p strong{color: var(--color-main);}
#me article ul{margin-top:-2em; position: relative; }
#me article ul li{border: 1px solid var(--color-main); padding:1em; background-color: var(--color-aga); margin-bottom:.5em; display: flex;}
#me article ul li strong{font-size:2.1em; color: var(--color-main); }
#me article ul li strong::after{content:" - "; color: var(--color-text); margin-right:.4em}
#me article ul li p{font-size: 1.5em; line-height:1.3em; }
#me article ul li p b{font-size: 2em; color: var(--color-main);}
#mc .treatment:not(.dtr) dt{ margin-left: -6em;}

#me .dls_4{background-color: var(--color-main); color: var(--color-aga); padding:2em 0;}
#me .dls_4 dd{margin-left:3em; text-align: left;}
#me .dls_4 dd h4{font-size:2.5em; line-height:1em; font-weight:800; }
#me .dls_4 dd p{font-size:1.15em; line-height:1.3em;margin-top:1em;}

#mf{text-align: center;}
#mf section{background:url(/img/mf_bg.jpg) center top no-repeat;}
#mf article{display: inline-block; padding:3em 0}
#mf article h4{font-size:2.5em; line-height:1.3em; font-weight: 800;;}
#mf article h4 span{color: var(--color-main);}
#mf article .dls_5{text-align: left;}
#mf article h6{font-size: 1.5em; line-height:140%; margin-top: 1em;}
#mf article h6 strong{color: var(--color-main);}
#mf article > p {font-size:1.2em; margin-top:1em;}
#mf article > p strong{color: var(--color-main);}

#mf article .dls_6{width: 34em; font-size:1.15em; margin:2em auto; gap:.5em;}
#mf article .dls_6 dd{ background: var(--color-aga);width:40%; flex-grow: 1;}
#mf article .dls_6 dd h6{ background-color:var(--color-text); color: var(--color-aga); padding:.4em; margin:0 }
#mf article .dls_6 dd p{padding:1.5em 0}

#mg{text-align: center;}
#mg section{background:url(/img/mg_bg.jpg) center top no-repeat;}
#mg article{display: inline-block; padding:3em 0}
#mg article > p{color: #939393; font-size: 1.1em;}
#mg article > h4{font-size: 2.5em; font-weight:800; background-color: var(--color-main); color: var(--color-aga); padding:.6em; margin:.5em 0}
#mg article > .dlw{gap:1em}
#mg article > .dlw figure{margin-bottom:1em;}
#mg article > .dlw h5{color: var(--color-main); font-weight:700; font-size: 2em; line-height:1.3em}
#mg article > .dlw h6{color: var(--color-main); font-weight:600; font-size: 1.75em; line-height:1.3em}
#mg article > .dlw p{font-weight:500; font-size: 1.5em;}

#mh{text-align: center;}
#mh section{background:url(/img/mh_bg.jpg) center top no-repeat; padding:3em 0; color:#FFF;}
#mh section .dls_7 dd{margin-left:2em;  text-align: left;}
#mh section h4{font-size: 2.5em; color:var(--color-aga); font-weight: 800; line-height:1.3em; margin-bottom:.3em}
#mh section h4 span{color: var(--color-yellow);}
#mh section p{font-size:1.25em; line-height:140% }
#mh section .dls_8{gap:.5em; margin-top: 1em;}
#mh section .dls_8 dd{width:15em; height:15em; border:.7em solid #E4E4E4; border-radius:50%; background-color: #E9FFEB; color: var(--color-text); font-size:.9em}
#mh section .dls_8 dd:nth-child(2){background-color: #375039; color:var(--color-aga)}
#mh section ul{margin-top:1em; display:inline-block}
#mh section ul li{background: #E9FFEB; color: var(--color-text); font-size:1.4em; padding:.6em 1em; margin-top:.3em}

#mi{text-align: center;}
#mi section{background:#EEEEEE; padding:3em 0;}
#mi section h4{font-size: 2.5em; font-weight: 800; line-height:1.3em; margin-bottom:.3em}
#mi section h4 span{color: var(--color-main);}
#mi section p{font-size:1.25em}
#mi section p .m{color: var(--color-main);}

#mj{text-align: center; padding:3em 0}
#mj h4{font-size: 2.5em; font-weight: 800; line-height:1.3em; margin-bottom:.3em}
#mj h4 span{color: var(--color-main);}
#mj p{font-size:1.25em}
#mj p .m{color: var(--color-main);}


#visit{position:relative;width:120rem; margin:2em auto 0}
#visit section{position:relative; overflow:hidden; padding:0; }
#visit section dl dd{text-align:center ;  height:60rem;}
#visit section dl dd img{width:100%; height:100%; object-fit: cover;}

#visit .controll{ position:absolute; top:50%; left:0; right:0; z-index:3;}
#visit .controll button{ background:transparent; position:absolute; top:-1em; width:2em; height:2em; font-size:1em;  background:rgba(0,0,0,.2); border:0; color:#FFF; border-radius: 50%;}
#visit .controll .swiper_prev{left:1em; transform:rotateY(180deg)}
#visit .controll .swiper_next{right:1em;}

#visit aside{margin-top:1em; position: relative; overflow: hidden;}
#visit aside dd{position:relative;  cursor:pointer; height:10em;   }
#visit aside dd img{width:100%; height:100%; object-fit: cover;}
#visit aside dd div{ padding-top:65%; background-position:center; background-size:cover; }
#visit aside dd.swiper-slide:after{position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); content:"";}
#visit aside dd.swiper-slide-thumb-active:after{ background:rgba(0,0,0,0);   }

#mk{--m:calc((100% - 1200px) / 2);}
#mk dt{width: 55%;height:30em; }
#mk dt .root_daum_roughmap{position: absolute; top: 0; left:0; width:100%; height:100%; }
#mk dt .root_daum_roughmap .wrap_map{width:100%; height:100%;}
#mk dd{width: 45%; padding-left: var(--m)}
#mk dd h4{font-size: 2em; font-weight:700; line-height:130%;;}
#mk dd ul{font-size:.9em; margin-top:1em;}
#mk dd ul li{display: flex; margin-bottom:.5em;}
#mk dd ul li label{text-align:center; padding:0 .8em; background:var(--color-main); color: var(--color-aga); width:5em; border-radius: 2em; margin-right:1em}
#mk dd ul li label{display: flex; justify-content: space-between; }
#mk dd ul li p{ }
#mk dd ul li p span{margin-left: 1em; color:var(--color-main); font-weight: 700;}
#mk dd >p {margin-top:1em;}

#footer{position:relative; padding:3rem 0; background-color: var(--color-main); color: var(--color-aga); margin-top:3em}
#footer dl{}
#footer dl dt{padding-right:2em; margin-right:2em; border-right:1px solid var(--color-aga)}
#footer dl dt img{height:6rem; }
 

#footer dl dd address{font-size:.7em; line-height:1.3em;letter-spacing: 0;}
#footer dl dd p{font-size:.6em; letter-spacing: 0;}
#footer dl dd span{white-space: nowrap; padding-right:10px}



	#quickBtns{position:fixed; top:20%; right:2rem;  z-index:10; text-align:center; }
	#quickBtns dt{  }
	#quickBtns dt a{display:block; width:5.5em; height:5.5em; border-radius: 50%;color:#FFF; padding-top:.8em; margin:1em 0}
	#quickBtns dt a img{width:2.5em;}
	#quickBtns dt a p{font-size:.8em;}
	#quickBtns dt a:nth-child(1){background-color: #E8DC0F; color:#381e1e;}
	#quickBtns dt a:nth-child(2){background-color: #00AE34;}
	#quickBtns dt a:nth-child(3){background-color: #E25351;}
	#quickBtns dt a:nth-child(4){background-color: #AC8A28;}
	
	#quickBtns dd{display:none}
	#quickBtns dd a{display:block; width:5rem; height:5rem; margin:1rem auto; border-radius:50%; background:var(--color-bgd); color:var(--color-aga); display: flex;flex-direction:column; justify-content:center; }
	#quickBtns dd a i{display:block;  line-height:1em; width:.6em; margin:0 auto; transform:scale(.7) rotate(-90deg);}
	#quickBtns dd a p{line-height:1em;}