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;vertical-align: baseline;font-family: 'pretendard','Malgun Gothic','돋움',Dotum,Helvetica,AppleGothic,Sans-serif;vertical-align: baseline;line-height: 1.2;}
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;}

html {line-height: 1.2;-webkit-text-size-adjust: 100%;scroll-behavior: smooth;}
body {margin: 0;}
h1 {margin: 0;}
hr {box-sizing: content-box;height: 0;overflow: visible;}
a {background-color: transparent;text-decoration: none;display: block;color: #000;}
a:focus, a:hover {text-decoration: none;}
b,
strong {font-weight: bold;}
code,
kbd,
samp {font-family: monospace, monospace;font-size: 1em;}
small {font-size: 80%;}
sub,
sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img {border-style: none;}
button,
input,
optgroup,
select,
textarea {font-family: inherit;font-size: 100%;line-height: 1.2;margin: 0;}
button,
input {overflow: visible;}
button,
select {text-transform: none;}
button,
[type="button"],
[type="reset"],
[type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
textarea {overflow: auto;}
[type="checkbox"],
[type="radio"] {box-sizing: border-box;padding: 0;}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}
template {display: none;}
[hidden] {display: none;}
.max-height {height: 100%;}

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

.container {width: 1440px;margin-right: auto;margin-left: auto;padding-left: 20px;padding-right: 20px;}
.container:before {content: " ";display: table;}
.container:after {content: " ";display: table;clear: both;}

.img-responsive {display: block;max-width:100%;}
.img-center {margin: 0 auto;display: block;}
.vc {display: table;width: 100%;height: 100%;}
.vm {display: table-cell;vertical-align: middle;width: 100%;height: 100%;}
.no-mar {margin-left: 0;margin-right: 0;}
.no-pad {padding-left: 0;padding-right: 0;}
.tac {text-align: center;}
.pos {position: relative;}
ol,ul,li {list-style:none;padding: 0;margin: 0;}

* {word-break: keep-all;}


@media (max-width: 1559px) {
  .container {width: 1320px;}
}
@media (max-width: 1429px) {
	.container {width: 1100px;}
}
@media (max-width: 1219px) {
  .container {width: 970px;}
}
@media (max-width: 991px) {
  .container {width: 750px;}
}
@media (max-width: 767px) {
	.container {width: 100%;}
}


header {position: fixed;left: 0;top: 0;width: 100%;height: 100px;z-index: 1001;transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.header-in {height: 100%; max-width: 1920px; margin: 0 auto;position: relative;display: flex;align-items: center;padding: 0 50px;z-index: 100;background-color: #fff;}
.gnb {display: flex;gap: 40px;width: 100%;height: 100%; -webkit-box-align: center;align-items: center;justify-content: center;}
.gnb li a {font-size: 20px;font-weight: 700;color: #000;text-align: center;}

.link {display: flex;align-items: center;gap: 10px;}
.family-site {position: relative;padding: 15px 25px;border: 1px solid #ddd;border-radius: 30px;}
.site-btn {display: flex;align-items: center;gap: 8px;}   
.site-btn span {font-size: 16px;font-weight: 500;color: #000;}
.site-menu {position: absolute;left: 0;top: 100%;width: 100%;display: none;}
.site-menu li {padding: 15px 0;background-color: #fff;border-radius: 30px;border: 1px solid #ddd;margin: 10px 0;}
.site-menu li a {text-align: center;font-weight: 500;font-size: 16px;color: #000;}
.site-menu li:hover {background-color: #00957E;border-color: #00957E;}
.site-menu li:hover a {color: #fff;}
.family-site.on .site-menu {display: block;}
.total-menu {display: none;}

footer {padding: 60px 0;background-color: #111;}  
.footer-in {display: flex; align-items: center; justify-content: space-between;}
.footer-in p {color: #BBB;font-size: 16px;font-weight: 500;line-height: 28px;}
.footer-in p.mar {margin-bottom: 35px;}
.footer-in .copy {font-size: 16px;color: #666;font-weight: 400;line-height: 28px;}

.floating-menu {position: fixed;z-index: 98; bottom: 60px;right: 60px;}
.floating-menu a {width: 90px;height: 90px;border-radius: 50%;font-size: 14px;font-weight: 700;text-align: center;display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 5px;cursor: pointer;}
.floating-menu a#consult-btn {background-color: #00957E;margin-bottom: 12px;color: #fff;}
.floating-menu a#top-btn {background-color: #fff;border: 1px solid #ddd;color: #444;}

.wrap {padding-top: 100px;}
header.visible-gnb {-webkit-transform: translateY(0%);transform: translateY(0%);}
header.hide-gnb {-webkit-transform: translateY(-100%);transform: translateY(-100%);}

.ac-menu {border-radius: 15px;background: #00957E;width: 52px;height: 52px;display: none;position: relative;}
.ac-menu:before,
.ac-menu:after {content: '';display: block;width: 12px;}
.ac-menu span {width: 15px;border-radius: 3px;}
.ac-menu:before,
.ac-menu:after,
.ac-menu span {left: 18px;border-radius: 3px;height: 2px;background-color: #fff;position: absolute;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.ac-menu:before {top: 19px;}
.ac-menu:after {top: 31px;}
.ac-menu span {top: 25px;}
.ac-menu span {width: 15px;}

.onmenu .ac-menu span {display: none;}
.onmenu .ac-menu:before {transform: rotate(45deg);width: 17px;top: 25px;}
.onmenu .ac-menu:after {transform: rotate(-45deg);width: 17px;top: 25px;}
.onmenu .total-menu {visibility: inherit;opacity: 1;transform: matrix(1, 0, 0, 1, 0, 0);}

.total-menu {padding-top: 70px;display: block;position: fixed;left: 0;top: 0;width: 100%;height: 100vh;z-index: 99;background-color: #00957E;-moz-transform: translateY(-100%);-webkit-transform: translateY(-100%);-o-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);visibility: hidden;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.total-menu .cont_in {position: relative;height: 100%;overflow-y: auto;}
.total-menu .cont_infull,
.total-menu .cont_infull .container {height: 100%;}
.tm_wrap {height: 100%;padding-top: 60px;padding-left: 20px;padding-right: 20px;}
.tm_wrap li > a {text-align: center;font-size: 25px;color: #fff;font-weight: 700;display: block;padding: 15px 0;}

@media (max-width: 1599px) {

}
@media (max-width: 1499px) {

}

@media (max-width: 1429px) {

}
@media (max-width: 1399px) {
	.header-in {padding: 0 25px;}
	.gnb {gap: 30px;}
	.gnb li a {font-size: 18px;}
}
@media (max-width: 1259px) {

}
@media (max-width: 1219px) {
	.gnb {display: none;}
	.site-btn span {font-size: 14px;}
	.site-menu li a {font-size: 14px;}
	.ac-menu {display: block;}
	.link {margin-left: auto;margin-right: 20px;}
	.floating-menu {right: 30px;bottom: 30px;}
	.floating-menu a {width: 70px;height: 70px;font-size: 12px;}
}

@media (max-width: 991px) {
	footer {padding: 30px 0;}
	.footer-in p {font-size: 14px;}
	.footer-in p.mar {margin-bottom: 20px;}
	.footer-in .copy {font-size: 13px;}
}	

@media (max-width: 767px) {
	.header-in {padding: 0 10px;}
	.top-logo img {width: 100px;}
	.REGLOPLAS {width: 100px;}
	.site-btn span {font-size: 12px;}
	.site-menu li a {font-size: 12px;}
	.site-menu li {padding: 10px 0;margin: 5px 0;}
	.family-site {padding: 10px 15px;}
	.link {margin-right: 10px;gap: 5px;}
	header {height: 70px;}
	.wrap {padding-top: 70px;}
	.floating-menu {right: 15px;bottom: 15px;}
	.footer-in {flex-direction: column;gap: 20px;}
	.bottom-logo img {width: 100px;}
	.footer-in p {font-size: 12px;}
}

@media (max-width: 375px) {
    .family-site {padding: 10px 5px;}
	.REGLOPLAS { width: 80px;}
}