html {overflow:auto; min-height: 780px;min-width:340px;  }
body {margin:0;padding:0;font-size:0.75em; height:100%;font-family: 'Pretendard'; -webkit-font-smoothing: antialiased;/*overflow:auto;*/ -moz-osx-font-smoothing: grayscale;  position: relative; width: 100%; min-width:340px;margin:0 auto; } 
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'Pretendard';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle; font-family: 'Pretendard';}
input, button {margin:0;padding:0;font-size:1em;font-family: 'Pretendard';;}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em; -webkit-appearance:none}
textarea, select {font-size:1em;font-family: 'Pretendard';}
textarea {border-radius:0;-webkit-appearance:none;font-family: 'Pretendard';;}
select {margin:0;background:none;font-family: 'Pretendard';}
p {margin:0;padding:0;word-break:break-all; font-family: 'Pretendard';}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none; font-weight:400; font-family: 'Pretendard';}
ul,li,dl,dt,dd {padding:0;margin:0; font-family: 'Pretendard';}
ul {list-style:none}
*,:after,:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
input[type="text"]:focus {outline: none;}
input[type="password"]:focus {outline: none;}
textarea:focus {outline: none;}
input[type="text"]::placeholder {color:#ccc;}
input[type="password"]::placeholder {color:#ccc;}
textarea::placeholder {color:#ccc;}


html::-webkit-scrollbar {
    width: 10px;
 }
html::-webkit-scrollbar-thumb {
    background-color: #e8e8e8;
    border-radius: 10px;
 }
html::-webkit-scrollbar-track {
    background-color: #f4f4f4;
    border-radius: 10px;
}


.header--fixed{position:fixed;z-index:11; transition: .3s;}
.slideDown {display: block;}
.headroom--not-top {top:0px; background:rgba(255,255,255,.8); backdrop-filter:blur(8px);  width:100%; left:0; top:0; }
.headroom--top {background: none; width:calc(100% - 60px);  top:20px; left:30px;}
/*.slideUp {top:-125px;}*/

.header {height:100px; transition: .3s; z-index: 11; /*box-shadow: 0 0 15px 1px rgba(0,0,0,0.1)*/; padding:25px 30px;}
/*.header:hover {background:#fff;}*/
.header:after {content:''; clear: both; display: table;}

.header .logo {position: absolute; left:50%; top:31px; transform: translate(-50%,0);}
.header:hover .logo img {filter: initial;} 
.headroom--not-top .logo img {filter: initial;} 


.header nav {max-width:1560px; margin:0 auto;}
.header nav ul {text-align:right;max-width:1560px; margin:0 auto;}
.header nav ul li {display: inline-block; margin:17PX 50px 0 0px; font-size:15px; position: relative;}
.header nav ul li:last-child {margin:0 30px 0 0 ;}
.header nav ul li a {color:#333; transition: .3s; display: inline-block; font-weight:600; font-family: "DM Sans", sans-serif; position: relative;} 
.header nav ul li a:hover {color:#999; }
.header nav ul li button {height:50px; padding:0 25px; font-size:16px; color:#fff; background:#222; border-radius:15px; border:none; font-family: "DM Sans", sans-serif; font-weight:600; letter-spacing: -.2px;}
.header nav ul li.on a {color:#FFACAC; font-weight:500;}
.header nav ul li.on a:after {content:url('../img/menu_img.svg'); position: absolute; left:50%; top:1px; transform: translate(-50%,0); z-index: -1;}

.header nav ul li .site_list {position: absolute; right:0px; top:0; background:#fff; box-shadow: 0 0 15px rgba(0,0,0,.1); border-radius:13px; overflow: hidden; height:0; transition: .5s;}
.header nav ul li .site_list.on {height:165px;}
.header nav ul li .site_list a {display: inline-block; width:100%; padding:8px 0; font-size:14px; color:#999; text-align: center; transition: .3s; letter-spacing:0px;}
.header nav ul li .site_list a img {display: inline-block; width:9px; margin:-2px 0 0 3px;}
.header nav ul li .site_list a:hover {color:#222;}
.header nav ul li .site_list a:first-child {padding:15px 0; border-bottom:1px solid #eee; color:#222; font-weight:700;}
.header nav ul li .site_list a:nth-child(2) {padding-top:15px;}
.header nav ul li .site_list a:last-child {padding-bottom:15px;}


.header nav ul li ul {position: absolute; left:0; top:75px; width:180px; height:0px; overflow: hidden;  z-index: 2; transition: .3s; }
.header:hover nav ul li ul {height:208px;  padding:14px 0; }
.header nav ul li a img {display: none;}
.header nav ul li ul li {display: inline-block; padding:6px 0px; width:100%; text-align: left;}
.header nav ul li ul li a { color:#878787; transition: .3s; font-size:14px; font-weight:400; border-bottom:1px solid #fff; transition: .3s; }
.header:hover nav ul li ul li a { color:#878787;}
.header nav ul li ul li a:hover {color:#2B2E33; border-bottom:1px solid #2B2E33;}
.headroom--top nav ul li ul:after {content:''; top:100px;}
.header nav .close {display: none;}
.header nav ul li.mo_last {display: none;}
.header nav ul li.mo_login {display: none;}

@media screen and (min-width:1200px) {

}
.header .r_con {float:right;  margin-top:14px; position: relative; z-index: 1;}
.header .r_con button {height:42px; border:none; background:#5E318F; padding:0 16px; border-radius:30px; color:#fff; font-size:18px; font-weight:300; margin-left:4px;}
.header .r_con button.col1 {border:1px solid #5E318F; background:#fff; color:#5E318F; font-weight:700;}
.header .r_con .mo_open {display: none;}

.headroom--not-top .r_con .a0 {color:#444; font-weight:500;}
.headroom--not-top .r_con .a1 {color:#111; font-weight:500;}
.headroom--not-top .r_con .a1 img {filter:invert(1);}


@media screen and (max-width:1199px) {
  .header {padding:0 0px; height:75px;}
  .headroom--not-top {box-shadow: 0 0 8px rgba(0,0,0,.2);}
  .header .logo {top:15px;}
  .header nav {margin-top:15px;}
  .header nav ul li:last-child {margin-right:0;}

  .headroom--not-top {padding:0 20px;}
  .headroom--not-top .logo{top:19px;}
  .headroom--not-top .logo img {width:55px;}
}


@media screen and (max-width:767px) {
  .header {height:55px;}
  .headroom--top {top:10px; width:calc(100% - 30px); left:15px;}
  .headroom--not-top{padding:0 8px;}
  .header nav {margin-top:8px;}
  .header nav ul li button {font-size:12px; padding:0 15px; height:40px; border-radius:10px;}
  .header .logo {top:16px;}
  .header .logo img {width:112px;}

  .header nav ul li .site_list {border-radius:8px; width:100px;}
  .header nav ul li .site_list.on {height:133px; }
  .header nav ul li .site_list a {font-size:12px; padding:6px 0}
  .header nav ul li .site_list a:first-child {padding:11px 0;}
  .header nav ul li .site_list a:nth-child(2) {padding-top:10px;}
  .header nav ul li .site_list a:last-child {padding-bottom:10px;}

}

















footer {padding:30px;}
footer .wid {width:100%; padding:60px 50px 30px 50px; background:#F6F6F6; border-radius:25px; text-align: center;}
footer img {margin-bottom:25px;}
footer span {display: inline-block; width:100%; font-size:14px; color:#333; line-height:1.9em; font-weight:300;}
footer a {font-size:14px; color:#222; font-weight:800; display: inline-block; padding:0 15px; margin-top:30px;}
footer a.a1 {border-right:2px solid #333; height:14px; line-height:15px;}
footer p {width:100%; font-size:14px; color:#c5c5c5; padding-top:30px; border-top:1px solid #e4e4e4; margin-top:40px; font-weight:300; font-family: "DM Sans", sans-serif; }



@media screen and (max-width:767px) {
  footer {padding:15px;}
  footer .wid {border-radius:15px; padding:40px 20px 25px 20px;}
  footer img {width:115px;}
  footer span {font-size:13px; line-height:1.6em;}
  footer a {margin-top:20px; font-size:13px}
  footer p {margin-top:25px; font-size:13px; padding-top:20px;}
}










[data-aos-delay="3200"] {
    transition-delay: 3.2s !important; 
}



[data-aos-delay="3800"] {
    transition-delay: 3.8s !important; 
}

[data-aos-delay="4800"] {
    transition-delay: 4.8s !important; 
}