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; background: linear-gradient(180deg, #E3E6EB 0%, #F3F7FC 100%);} 
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: #E3E6EB;
    border-radius: 10px;
 }
html::-webkit-scrollbar-track {
    background:  linear-gradient(180deg, #E3E6EB 0%, #F3F7FC 100%);
    border-radius: 10px;
}
/*.slideUp {top:-125px;}*/

.header {height:90px; transition: .3s; z-index: 11; /*box-shadow: 0 0 15px 1px rgba(0,0,0,0.1)*/; padding:40px 60px; position: absolute; left:0; top:0; width:100%;}
/*.header:hover {background:#fff;}*/
.header:after {content:''; clear: both; display: table;}

.header .logo {float:left; margin-top:10px; position: relative; z-index: 1; transition: .3s;}
.header .start {float:right; margin-top:-10px; margin-right:-10px; position: relative; z-index: 1; transition: .3s;}


@media screen and (min-width:1200px) {
.header nav {position: absolute; top:0px; height:100%; width:100%; z-index: 0; left:0;}
.header nav ul {text-align:right;}
.header nav ul li {display: inline-block; margin:17PX 50px 0 0px; font-size:16px; position: relative;}
.header nav ul li:last-child {margin-right:20px; margin-left:-10px;}
.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:55px; padding:0 25px; font-size:16px; color:#fff; background:#9DD2D8; border-radius:15px; border:none; font-family: "DM Sans", sans-serif; font-weight:600; letter-spacing: -.2px;}
.header nav ul li.on a {color:#63c3ce; 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 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;}

}
.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 30px; height:75px; position: absolute; left:0; top:0; width:100%;}
  .header .logo {margin-top:22px;}
  .headroom--not-top {box-shadow: 0 0 8px rgba(0,0,0,.2);}
  .slideUp {}
  .header.on .logo {position: relative; z-index: 11; margin-top:36px; margin-left:0px;}

  .header nav {position: fixed; right:-105vw; top:0; background:#fff; padding: 100px 30px 0 30px; width:100%; height:100%; z-index: 10; transition: .3s}
  .header.on nav {right:0;}

  .header .r_con {width:auto; position: absolute; right:55px; top:16px; margin:0; z-index: 12;}
  .header .r_con .a1 {display: none;}
  .header .r_con .con_box .c_more {display: none;}
  .header .r_con .a2 {float:left;}
  .header .r_con .mo_open {display: block; float:right; margin-top:7px; }
  .header:hover .r_con .mo_open {filter:invert(1);}
  .headroom--not-top .r_con .mo_open {filter:invert(1);}
  .header .r_con .a0 {display:none;}
  .header .r_con button {height:38px; font-size:16px;}

  .header nav {display: block; overflow-y: scroll; width:100vw; height:100vh;}
  .header nav::-webkit-scrollbar {display: none;}
  .header nav .close {position: absolute; right:20px; top:20px; border:none; background:none; }
  .header nav .close img {width:22px; filter: invert(1);}
  .header nav ul {margin-top:30px;}
  .header nav ul li {font-size:14px; cursor: pointer; padding:0; -webkit-tap-highlight-color: rgba(0,0,0,0);}
  .header nav ul li a {color:#333;}
  .header nav ul li a.mo_link {pointer-events: none; }
  .header nav ul>li>a {font-size:30px; display: inline-block; width:100%; padding:22px 0; color:#2B2E33; font-weight:800; letter-spacing: -.3px; text-align: center; font-family: "DM Sans", sans-serif;}
  .header nav ul>li>a img {transform: rotate(-90deg); width:13px; float:right; margin-top:6px; transition: .3s; filter:invert(1); opacity: .4;}
  .header nav ul>li ul {margin-bottom:30px; transition: .3s; height:0; overflow: hidden; margin-bottom:0px; transition: .3s;}
  .header nav ul>li ul li a {font-size:14px; padding:7px 0; color:#878787; font-weight:300;}
  .header nav ul li.on ul {height:auto; margin-bottom:10px;}
  .header nav ul li.on a img {transform: rotate(0deg);}

  .header nav ul li button {display: none;}

  .header nav ul>li.mo_last {padding-top:10px; margin-top:20px;border-top:1px solid #eee}
  .header nav ul>li.mo_last a {font-size:16px; }

  .header nav ul>li.mo_login {text-align: center;}
  .header nav ul>li.mo_login a {display: inline-block; width:auto; margin:0 10px; font-size:14px; color:#999;}

  .header nav ul>li>ul>li:last-child {padding:0;margin:0;border:none;}
  .header nav ul>li>ul>li:last-child a {font-size:15px;}
  .header nav ul>li .c_img {float:inherit; margin-top:-3px; transform: rotate(0); margin-right:9px; width:17px;}

  .toggle {
    position: fixed;
    display: block;
    cursor: pointer;
    right:20px; top:25px; 
    z-index: 11;
    transition: .3s;

  }
  .toggle span {
    display: block;
    background: #2B2E33;
    width:23px;
    height: 2px;
    border-radius: 3px;
    transition: 0.25s margin 0.25s, 0.25s transform;
  }
  .toggle span:nth-child(1) {
    margin-bottom: 6px;
  }
  .toggle span:nth-child(3) {
    margin-top: 6px;
  }
  .toggle.active {top:21px; right:24px;}
  .toggle.active span {
    transition: 0.25s margin, 0.25s transform 0.25s;
  }
  .toggle.active span:nth-child(1) {
    margin-top: 15px;
    margin-bottom: -2px;
    transform: rotate(45deg);
  }
  .toggle.active span:nth-child(2) {
    transform: rotate(45deg);
    opacity: 0
  }
  .toggle.active span:nth-child(3) {
    margin-top: -2px;
    transform: rotate(135deg);
  }

  .header .start {margin-top:0;}
}


@media screen and (max-width:767px) {
  .header .logo {margin-top:25px;}
  .header .logo img {width:65px;}
}















footer {padding:0px; background:#F6F8FC}
footer .wid {width:100%; max-width:1400px; padding:70px 20px 40px 25px; margin:0 auto;}
footer img {margin-bottom:25px;}
footer span {display: inline-block; width:100%; font-size:13px; color:#aeb5bd; line-height:1.6em; font-weight:300;}
footer a {font-size:13px; color:#222; font-weight:474849; display: inline-block; padding:0 15px; margin-bottom:20px; font-weight:600; float:right; margin-top:3px;}
footer a.a1 {border-right:1px solid #C4C8CD; padding-left:0;}
footer p {width:100%; font-size:13px; color:#C4C8CD; padding-top:30px; font-weight:300; font-family: "DM Sans", sans-serif; }
footer p:after {content:''; clear:both; display: table;}



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










[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; 
}

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

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