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;width: 100%;}

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: 1632px;margin-right: auto;margin-left: auto;padding-left: 16px;padding-right: 16px;}
.container:before {content: " ";display: table;}
.container:after {content: " ";display: table;clear: both;}

.img-responsive {display: block;max-width:100%;}
.img-center {margin: 0 auto;}
.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: 1629px) {
  .container {width: 1400px;}
}
@media (max-width: 1429px) {
  .container {width: 1200px;}
}
@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;background-color: rgba(0, 88, 63, 0.9);z-index: 1001;transition: all .3s ease; -webkit-transition: all .3s ease;  -moz-transition: all .3s ease;}    	
.header {height: 100%;max-width: 1920px;margin: 0 auto;position: relative;display: flex;;align-items: center;padding: 0 50px;}
header h1 {position: relative;z-index: 500;}

.gnb_wrap {height: 100%;width: 100%;display: flex;position: relative;z-index: 50;justify-content: center;}
.gnb_wrap > ul {display: flex;justify-content: center;height: 100%; -webkit-box-align: center; align-items: center;}
.gnb_wrap > ul li.dropdown {padding: 0 45px;position: relative;display: flex;align-items: center;height: 100%;}
.gnb_wrap > ul li.dropdown > a {display: block;text-align: center;}
.gnb_wrap > ul li.dropdown > a > span {font-size: 20px;font-weight: 800;color: #fff;}

.dropdown .dropdown-menu {position: absolute;left: 50%;top: 90%;display: none;background-color: #fff;z-index: 10;width: 200px;transform: translateX(-50%);}
.dropdown.active .dropdown-menu {display: block;border-radius: 20px;padding: 30px 10px;-webkit-box-shadow: 0px 4px 20px 4px rgba(0, 0, 0, 0.03);-moz-box-shadow: 0px 4px 20px 4px rgba(0, 0, 0, 0.03); box-shadow: 0px 4px 20px 4px rgba(0, 0, 0, 0.03);}
.dropdown .dropdown-menu li a {font-size: 18px;color: #999;display: block;font-weight: 700;padding: 8px 0;text-align: center;}
.dropdown .dropdown-menu li.active a,
.dropdown .dropdown-menu li:hover a {color: #00583F;}

.tmenu_wrap {display:none;position: relative;z-index:500;}
a.tmenu {display: block;position:relative;width:30px;height:30px;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
a.tmenu span {display:inline-block;position:absolute;left:50%;margin-left:-10px;top:50%;margin-top:-1px;width:20px;height:2px;background-color:#fff;}
a.tmenu span:before {position:absolute;width:20px;height:2px;left:50%;margin-left:-10px;top:-6px;background-color:#fff;width:;height:;content:"";display:block;}
a.tmenu span:after {position:absolute;width:20px;height:2px;left:50%;margin-left:-10px;top:6px;background-color:#fff;width:;height:;content:"";display:block;}
a.tmenu span,
a.tmenu span:before,
a.tmenu span:after {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}

.navigation-visible a.tmenu span {background:none;}
.navigation-visible a.tmenu span:before {top: 0;transform: rotate(45deg);}
.navigation-visible a.tmenu span:after {top: 0;transform: rotate(-45deg);}

.total_menu {overflow-y: auto;position: fixed;right: 0;top: 0;z-index: 400;width: 100%;height: 100%;background-color: rgba(0, 88, 63, 0.9);-moz-transform: translateY(-100%);-webkit-transform: translateY(-100%);-o-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);visibility: hidden;}
.total_menu_in {height: 100%;padding: 50px;-webkit-box-align: center;align-items: center;display: flex;max-width: 1920px;margin: 0 auto;}
.total_menu_cont {width: 100%;} 
.total_menu_list {display: flex;align-items: flex-start;justify-content: space-between;width: 100%;flex-direction: column;gap: 20px;}
.total_menu_list > li > a {font-size: 18px;color: #fff;font-weight:700;}
.mobile-smenu {margin-top: 10px;display: none;}
.mobile-smenu > li {padding: 5px 0;}
.mobile-smenu > li > a {font-size: 16px;color: #fff;}

footer {background-color: #004630;padding: 70px 160px;}   
.footer-wrap {max-width: 1920px;margin: 0 auto;}
.footer-cont {display: flex;justify-content: space-between;}
.copy {font-size: 15px;font-weight: 700;color: #689486;margin-top: 50px;}

.footer-addr {font-size: 16px;font-weight: 700;color: #fff;margin-bottom: 30px;}
.footer-cell {display: flex;gap: 30px;margin-bottom: 10px;}
.footer-cell .cell1 {font-size: 16px;font-weight: 700;color: #fff;flex-shrink: 0;flex-basis: 60px;}
.footer-cell .cell2 {font-size: 16px;color: #fff;}
.footer-logo {margin-bottom: 35px;}

.bottom_menu {display: grid;grid-template-columns: repeat(5, 1fr);gap: 100px;}
.bottom_menu > li > a {font-weight: 800;color: #fff;font-size: 22px;margin-bottom: 25px;text-align: right;}
.sub-menu > li {padding: 6px 0;}
.sub-menu > li > a {font-size: 16px;font-weight: 700;color: #689486;text-align: right;}

.top-btn {display: flex;gap: 10px;}
.top-btn a {display: inline-block;border: 1px solid rgba(255, 255, 255, 0.5);border-radius: 50px;padding: 12px 34px;text-align: center;font-size: 16px;font-weight: 700;color: #fff;}

.family-wrap {position: fixed;right: 0;top: 0;width: 310px;height: 100%;background-color: #02523D;margin-top: 100px; transform: translateX(100%);transition: transform 0.3s ease;z-index: 100;}   
.family-wrap.on {transform: translateX(0);}
.family-list li {padding: 30px 40px;background-color: #00583F;}
.family-list li a {position: relative;font-size: 24px;font-weight: 700;color: #fff;word-break: normal;padding-right: 25px;}
.family-list li a:after {position: absolute;right: 0;top: 7px;content: "";width: 16px;height: 16px;background: url("/resources/img/common/family_link.svg") center/cover no-repeat;}

@keyframes button-loading-spinner {
    from {
        transform: rotate(0turn);
    }

    to {
        transform: rotate(1turn);
    }
}
.btn_spin {position: relative;}
.btn_spin::after{
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 4px solid transparent;
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: button-loading-spinner 1s ease infinite;
}

@media (max-width: 1560px) {	

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

}

@media (max-width: 1429px) {
	footer {padding: 70px 100px;}

}
@media (max-width: 1399px) {
	.gnb_wrap > ul li.dropdown {padding: 0 30px;}
	.gnb_wrap > ul li.dropdown > a > span {font-size: 18px;}
	.family-list li a {font-size: 20px;}
	.family-wrap {width: 250px;}
	.family-list li {padding: 30px 20px;}
	.bottom_menu > li > a {font-size: 20px;}
	.bottom_menu {gap: 50px;}
}
@media (max-width: 1259px) {

}
@media (max-width: 1219px) {
	.header {padding: 0 20px;}
	.top-btn a {font-size: 14px;padding: 12px 30px;}
	.gnb_wrap > ul li.dropdown > a > span {font-size: 16px;}
	.gnb_wrap > ul li.dropdown {padding: 0 20px;}
	.dropdown .dropdown-menu li a {font-size: 14px;}
	.dropdown .dropdown-menu {width: 140px;}
	.dropdown.active .dropdown-menu {padding: 20px 10px;}
	.family-list li a {font-size: 18px;}
	.family-list li {padding: 20px;}
	footer {padding: 70px 50px;}
	.sub-menu > li > a {font-size: 14px;}
	.bottom_menu > li > a {font-size: 16px;}
	.footer-addr {font-size: 14px;}
	.footer-cell .cell1 {font-size: 14px;flex-basis: 50px;}
	.footer-cell .cell2 {font-size: 14px;}
}

@media (max-width: 991px) {
	.gnb_wrap {display: none;}
	.tmenu_wrap {display: block;}
	.top-btn {margin-left: auto;}
	.header {gap: 20px;}
	header {height: 60px;}
	.total_menu {margin-top: 60px;}
	.top_logo {width: 180px;}
	.family-wrap {width: 200px;margin-top: 60px;}
	.family-list li a {font-size: 16px;padding-right: 15px;}
	.family-list li a:after {width: 8px;height: 8px;-webkit-background-size: 8px auto;	background-size: 8px auto;}
	footer {padding: 35px 20px;}
	.footer-cont {flex-direction: column;gap: 20px;}
	.footer-logo img {width: 180px;}
	.footer-logo {margin-bottom: 20px;}
	.footer-addr {margin-bottom: 15px;}
	.bottom_menu > li > a {margin-bottom: 15px;}
	.copy {font-size: 13px;margin-top: 25px;}
	.bottom_menu > li {flex: 1;}
	.bottom_menu {gap: 20px;}
}	

@media (max-width: 767px) {
	.top_logo {width: 140px;}
	.top-btn a {font-size: 12px;padding: 10px 20px;}
	.header {gap: 10px;}
	.family-list li a {font-size: 14px;}
	.family-list li a:after {top: 5px;}
	.family-list li {padding: 20px 10px;}
	.sub-menu > li > a {font-size: 12px;}
	.bottom_menu > li > a {font-size: 14px;}
}

@media (max-width: 375px) {
	.header {padding: 0 10px;}
	.top-btn a {padding: 10px;}
	.top_logo {width: 115px;}
	.bottom_menu {grid-template-columns: repeat(3, 1fr);}
}