/*--- RESET/NORMALIZE ---*/
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

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 {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* 인터넷익스플로러 */
  user-select: none;
  margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
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;}
body, h1, h2, h3, h4, h5, h6, figure, pre, dl, dd, blockquote, input[type="radio"], input[type="checkbox"] {margin:0}
legend {padding:0}
fieldset, ul, ol {padding:0;margin:0}
ul, ol {list-style:none}
body {line-height:1}
main, figure, figcaption {display:block} /*--- <main> for IE 11 ---*/
img {max-width:100%;height:auto; display: inline-block;}
a {text-decoration:none}
a:visited { color: #000; }
fieldset {border:0}
input, textarea, select, button { max-width:100%;font-family:inherit;font-size:inherit;color:inherit}
label {display:table}
input { -webkit-appearance: none; }
/* select { -webkit-appearance: none; } */
input[type="text"], input[type="email"], input[type="password"], input[type="search"], {-webkit-appearance:none;outline: 0;} /*--- for Safari (add/remove types as needed) ---*/
button {line-height:inherit; outline: 0; border:0; padding: 0; background: none;}
button:focus { outline: 0; border:0; padding: 0; }
/* select { outline: 0; border:0; } */
button::-moz-focus-inner {border:0; } /*--- for Firefox ---*/
html {-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:1.25em; } /*--- optional base font size ---*/
* { box-sizing: border-box; vertical-align: top; }
html, body {  min-height: 100%; height: 100%; font-family: 'Pretendard', sans-serif; background-color: #fff; color: #25252a; }
/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

input[type="date"]::-webkit-datetime-edit {  }
input[type="date"]::-webkit-datetime-edit-fields-wrapper {  }
input[type="date"]::-webkit-datetime-edit-text {  }
input[type="date"]::-webkit-datetime-edit-month-field {  }
input[type="date"]::-webkit-datetime-edit-day-field {  }
input[type="date"]::-webkit-datetime-edit-year-field {  }
input[type="date"]::-webkit-inner-spin-button { display: none; }
input[type="date"]::-webkit-calendar-picker-indicator { padding: 0; }

*, *::before, *::after {
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.fixed {position: fixed; overflow: hidden; width: 100%; }
.app { overflow-y: scroll; -webkit-overflow-scrolling: touch; }

.font_noto {font-family: 'Pretendard', sans-serif;}
.font_ne {font-family: 'Pretendard', sans-serif;}

button.underline { padding: 0; border: 0; background: unset; border-bottom: 1px solid #333; font-family: 'Pretendard'; font-size: 10px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: -0.5px;text-align: left; }
span.icon { display: inline-block; width: 18px; height: 18px; overflow: hidden; }
span.icon img { vertical-align: top; width: 100%; height: auto; }

/* reset// */

.mint { color: #00ff90; }

.inner { width: 100%;  max-width: 1140px; margin: 0 auto;  }
header { position: fixed; width:0; z-index:1001; width:100%; height:80px; }
header .inner { display:flex; justify-content:space-between; align-items:center; height:60px; }
header .inner .logo img { height: 28px; width: auto; }
header .menu {  }
header .menu ul { display:flex; gap: 0 40px }
header .menu ul li {  }
header .menu ul li a { transition: .2s all; font-size: 20px;font-weight: 800;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: -0.2px;text-align: left;color: #e9e9e9; }
header .menu ul li a:hover { color: #25252a; }

/*-----------------------------------------------*/

section.section { width:100%; height: 100%; min-height:400px; }
section.section .inner { display:flex; height: 100%; justify-content:center; align-items:center; }
section.section#main .inner .img img { margin-bottom:30px; max-width:360px; }
section.section#main .inner .img { display:block; text-align:center; }
section.section#main .inner .img a {  display:flex; padding: 20px 30px; border-radius:8px; background: linear-gradient(90deg, #3b9a8e 0%, #426fa3 50%); color: #fff; justify-content:center; }
section.section#main .inner .img a:hover { background: linear-gradient(90deg, #3b9a8e 80%, #426fa3 100%); }

section.section#sec01 { background: linear-gradient(#3b9a8e, #426fa3); }
section.section#sec01 .inner { column-gap: 30px; display:flex; height: 100%; justify-content:center; align-items:center; }
section.section#sec01 .inner .content { max-width: 400px; width: 80%; text-align:left; }
section.section#sec01 .inner .tit { font-size:24px; color: #fff; font-weight: bold; }
section.section#sec01 .inner .desc { margin-top: 30px; line-height: 1.74; font-size: 16px; font-weight:300; color: #fff; }
section.section#sec01 .inner .thumb img {mix-blend-mode:multiply;filter:contrast(1.5); }

section.section#sec02 { }
section.section#sec02 .inner { display:flex; height: 100%; justify-content:center; align-items:center; }
section.section#sec02 .inner .content { max-width: 600px; width: 80%; text-align:center; }
section.section#sec02 .inner .tit { font-size:24px; color: #333333; font-weight: bold; }
section.section#sec02 .inner .desc { margin-top: 30px; line-height: 1.74; font-size: 16px; font-weight:300; color: #333333; }
section.section#sec02 .inner .thumb img {  }
section.section#sec02 .inner .thumb { margin-bottom: 60px; display: flex; width:100%; justify-content: center; align-items:center; column-gap:10px; }

section.section#sec03 { background-color:#f4f4f4; height: auto;  }
section.section#sec04 { height: auto; }
section.section#sec03 .inner,section.section#sec04 .inner { min-height:400px;  }

button, .button a  { margin-top: 34px; display:flex; padding: 20px 30px; border-radius:8px; background: linear-gradient(90deg, #3b9a8e 0%, #426fa3 50%); color: #fff; justify-content:center; }
section.section .inner .tit { font-size:24px; color: #333333; font-weight: bold;  }

footer { background: #333333; }
footer .inner { padding: 40px 0; width: 100%; max-width: 1140px; display:flex; justify-content:start; align-items:center; column-gap:40px; }
footer .inner .info {  }
footer .inner .info .com { font-size:15px; color: #fff; font-weight: 500; }
footer .inner .info p { margin-top:24px; font-size:12px; color: #fff; }
footer .inner .info .copyright { margin-top: 24px; font-size:12px; color: #fff;}


@media (max-width: 576px) {
    header .inner {  padding:0 20px; }
    header .menu { display: none; }
    .inner { padding: 30px 20px; }
    section.section#main .inner .img img { width:100%; }
    section.section#sec02 .inner .thumb { flex-wrap: wrap; }
    section.section#sec02 .inner .content { width:100%; }
    footer .inner { flex-direction: column; align-items:start; padding:30px 20px; row-gap:30px; }
    section.section#sec01 .inner { flex-direction: column; align-items:start; row-gap:30px; }
    section.section#sec01 .inner .content { max-width: unset; width:100%; }
    section.section#sec01 .inner .thumb img {width:100%; }
    section.section#sec01 { height: auto; }

    section.section#sec01 .inner .tit { font-size:21px; }
    section.section#sec01 .inner .desc { margin-top:20px; font-size:14px; }
}