@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
* { box-sizing: border-box; outline: none; font-family: 'Poppins', 'Noto Sans KR', sans-serif !important; word-break: keep-all; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #111; }

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, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font-family: inherit; vertical-align: top; font-family: 'Poppins', 'Noto Sans KR', sans-serif; }

article, aside, details, figcaption, figure, footer, 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; }

a { text-decoration: none; }

button { padding: 0; border: 0; background-color: transparent; cursor: pointer; }

.mt0 { margin-top: 0px !important; }

.mt5 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mt50 { margin-top: 50px !important; }

.ml0 { margin-left: 0px !important; }

.ml5 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml35 { margin-left: 35px !important; }

.ml40 { margin-left: 40px !important; }

.ml45 { margin-left: 45px !important; }

.ml50 { margin-left: 50px !important; }

.mr0 { margin-right: 0px !important; }

.mr5 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr25 { margin-right: 25px !important; }

.mr30 { margin-right: 30px !important; }

.mr35 { margin-right: 35px !important; }

.mr40 { margin-right: 40px !important; }

.mr45 { margin-right: 45px !important; }

.mr50 { margin-right: 50px !important; }

.mb0 { margin-bottom: 0px !important; }

.mb5 { margin-bottom: 5px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb45 { margin-bottom: 45px !important; }

.mb50 { margin-bottom: 50px !important; }

.pt0 { padding-top: 0px !important; }

.pt5 { padding-top: 5px !important; }

.pt10 { padding-top: 10px !important; }

.pt15 { padding-top: 15px !important; }

.pt20 { padding-top: 20px !important; }

.pt25 { padding-top: 25px !important; }

.pt30 { padding-top: 30px !important; }

.pt35 { padding-top: 35px !important; }

.pt40 { padding-top: 40px !important; }

.pt45 { padding-top: 45px !important; }

.pt50 { padding-top: 50px !important; }

.pl0 { padding-left: 0px !important; }

.pl5 { padding-left: 5px !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl25 { padding-left: 25px !important; }

.pl30 { padding-left: 30px !important; }

.pl35 { padding-left: 35px !important; }

.pl40 { padding-left: 40px !important; }

.pl45 { padding-left: 45px !important; }

.pl50 { padding-left: 50px !important; }

.pr0 { padding-right: 0px !important; }

.pr5 { padding-right: 5px !important; }

.pr10 { padding-right: 10px !important; }

.pr15 { padding-right: 15px !important; }

.pr20 { padding-right: 20px !important; }

.pr25 { padding-right: 25px !important; }

.pr30 { padding-right: 30px !important; }

.pr35 { padding-right: 35px !important; }

.pr40 { padding-right: 40px !important; }

.pr45 { padding-right: 45px !important; }

.pr50 { padding-right: 50px !important; }

.pb0 { padding-bottom: 0px !important; }

.pb5 { padding-bottom: 5px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb25 { padding-bottom: 25px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb45 { padding-bottom: 45px !important; }

.pb50 { padding-bottom: 50px !important; }

/* color */
/* Fontface */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(/assets/fonts/NotoSans-Thin.eot); src: url(/assets/fonts/NotoSans-Thin.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/NotoSans-Thin.woff2) format("woff2"), url(/assets/fonts/NotoSans-Thin.woff) format("woff"), url(/assets/fonts/NotoSans-Thin.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 200; src: url(/assets/fonts/NotoSans-Light.eot); src: url(/assets/fonts/NotoSans-Light.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/NotoSans-Light.woff2) format("woff2"), url(/assets/fonts/NotoSans-Light.woff) format("woff"), url(/assets/fonts/NotoSans-Light.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(/assets/fonts/NotoSans-DemiLight.eot); src: url(/assets/fonts/NotoSans-DemiLight.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/NotoSans-DemiLight.woff2) format("woff2"), url(/assets/fonts/NotoSans-DemiLight.woff) format("woff"), url(/assets/fonts/NotoSans-DemiLight.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(/assets/fonts/NotoSans-Regular.eot); src: url(/assets/fonts/NotoSans-Regular.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/NotoSans-Regular.woff2) format("woff2"), url(/assets/fonts/NotoSans-Regular.woff) format("woff"), url(/assets/fonts/NotoSans-Regular.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(/assets/fonts/NotoSans-Medium.eot); src: url(/assets/fonts/NotoSans-Medium.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/NotoSans-Medium.woff2) format("woff2"), url(/assets/fonts/NotoSans-Medium.woff) format("woff"), url(/assets/fonts/NotoSans-Medium.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(/assets/fonts/NotoSans-Bold.eot); src: url(/assets/fonts/NotoSans-Bold.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/NotoSans-Bold.woff2) format("woff2"), url(/assets/fonts/NotoSans-Bold.woff) format("woff"), url(/assets/fonts/NotoSans-Bold.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(/assets/fonts/NotoSansKR-Black.woff2) format("woff2"), url(/assets/fonts/NotoSansKR-Black.woff) format("woff"), url(/assets/fonts/NotoSansKR-Black.otf) format("opentype"); }
.moOnlyBr, .moOnlyImg { display: none; }

.pcOnlyBr, .pcOnlyImg { display: block; }

.noDrag { -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; }

.hidden { display: none; font-size: 0; }

@media screen and (max-width: 768px) { .moOnlyBr, .moOnlyImg { display: block; }
  .pcOnlyBr, .pcOnlyImg { display: none; } }
.only-mo { display: none; }
@media screen and (max-width: 768px) { .only-mo { display: block; } }

.only-pc { display: block; }
@media screen and (max-width: 768px) { .only-pc { display: none; } }

.wrap { z-index: 1; }

.container { position: relative; min-height: 100vh; }
.container .mainTitle { position: relative; width: 100%; height: 800px; text-align: center; }
@media screen and (max-width: 768px) { .container .mainTitle { height: 104.1666666667vw; } }
.container .mainTitle .mainTxt { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; z-index: 1; }
.container .mainTitle .mainTxt div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; z-index: -1; cursor: pointer; }
.container .mainTitle .mainTxt div p { position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.container .mainTitle .mainTxt h2, .container .mainTitle .mainTxt h3 { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 90%; height: 800px; margin: 0 auto; padding: 250px 0 0 0; line-height: 100px; color: #fff; filter: drop-shadow(4px 2px 8px rgba(0, 0, 0, 0.15)); z-index: 10; }
.container .mainTitle .mainTxt h2.ban-copy-mo, .container .mainTitle .mainTxt h3.ban-copy-mo { display: none; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .container .mainTitle .mainTxt h2, .container .mainTitle .mainTxt h3 { height: 62.5vw; padding: 19.53125vw 0vw 0vw 0vw; line-height: 7.8125vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .container .mainTitle .mainTxt h2, .container .mainTitle .mainTxt h3 { height: 78.125vw; padding: 24.4140625vw 0vw 0vw 0vw; line-height: 9.765625vw; } }
@media screen and (max-width: 768px) { .container .mainTitle .mainTxt h2, .container .mainTitle .mainTxt h3 { height: 104.1666666667vw; padding: 28.6458333333vw 0vw 0vw 0vw; line-height: 10.4166666667vw; }
  .container .mainTitle .mainTxt h2.ban-copy-mo, .container .mainTitle .mainTxt h3.ban-copy-mo { display: block; }
  .container .mainTitle .mainTxt h2.ban-copy-pc, .container .mainTitle .mainTxt h3.ban-copy-pc { display: none; } }
.container .mainTitle .mainTxt h2 { font-size: 60px; font-weight: 400; letter-spacing: -4px; }
@media screen and (max-width: 768px) { .container .mainTitle .mainTxt h2 { font-size: 6.25vw; letter-spacing: -1px; } }
.container .mainTitle .mainTxt h2 strong { display: block; font-size: 80px; font-weight: 700; color: #FFF; }
@media screen and (max-width: 768px) { .container .mainTitle .mainTxt h2 strong { font-size: 10.4166666667vw; line-height: 13.0208333333vw; } }
.container .mainTitle .mainTxt h2 span { font-size: 40px; font-weight: 400; color: #fff; }
@media screen and (min-width: 768px) and (max-width: 1024px) { .container .mainTitle .mainTxt h2 span { font-size: 3.90625vw; line-height: 9.765625vw; } }
@media screen and (max-width: 768px) { .container .mainTitle .mainTxt h2 span { font-size: 4.1666666667vw; line-height: 11.71875vw; } }
.container .mainTitle .mainTxt h3 { font-size: 70px; font-weight: 700; letter-spacing: -3px; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .container .mainTitle .mainTxt h3 { font-size: 5.46875vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .container .mainTitle .mainTxt h3 { font-size: 6.8359375vw; } }
@media screen and (max-width: 768px) { .container .mainTitle .mainTxt h3 { font-size: 7.5520833333vw; letter-spacing: -1px; } }
.container .mainTitle .mainTxt .slick-prev, .container .mainTitle .mainTxt .slick-next, .container .mainTitle .mainTxt ul.slick-dots { bottom: 265px; z-index: 9999; }
@media screen and (max-width: 768px) { .container .mainTitle .mainTxt .slick-prev, .container .mainTitle .mainTxt .slick-next, .container .mainTitle .mainTxt ul.slick-dots { bottom: 34.5052083333vw; } }
.container .mainTitle .mainTxt .slick-prev { background: url("/assets/img/front/main/slick-left-wh.svg") 50% 50% no-repeat; }
.container .mainTitle .mainTxt .slick-next { background: url("/assets/img/front/main/slick-right-wh.svg") 50% 50% no-repeat; }
.container .mainTitle .mainTxt ul.slick-dots { bottom: 260px; }
@media screen and (max-width: 768px) { .container .mainTitle .mainTxt ul.slick-dots { bottom: 33.8541666667vw; } }
.container .mainTitle .mainTxt ul.slick-dots li button { background: url("/assets/img/front/main/slick-dot-wh.svg") 50% 50% no-repeat; }
.container .mainTitle .mainTxt ul.slick-dots .slick-active button { background: url("/assets/img/front/main/slick-select-wh.svg") 50% 50% no-repeat; }
.container .mainTitle .mainSearch { position: absolute; left: 50%; bottom: 100px; transform: translateX(-50%); z-index: 1; width: calc(100% - 80px); max-width: 700px; height: 90px; margin: 80px auto 0; }
@media screen and (max-width: 768px) { .container .mainTitle .mainSearch { bottom: 13.0208333333vw; height: 11.71875vw; margin-top: 13.0208333333vw; margin-bottom: 0vw; font-size: 6.25vw; } }
.container .mainTitle .mainSearch label { display: inline-block; width: 100%; height: 100%; border: 3px solid #03A643; background-color: #fff; background-image: url("../../img/front/ico-search-green.png"); background-position: 25px 50%; background-repeat: no-repeat; }
@media screen and (max-width: 768px) { .container .mainTitle .mainSearch label { background-size: auto 70%; background-position: 10px 50%; } }
.container .mainTitle .mainSearch label .btnHidden { position: absolute; left: 5px; top: 5px; display: inline-block; width: 90px; height: calc(100% - 10px); background: transparent !important; text-indent: -999999px; overflow: hidden; }
@media screen and (max-width: 768px) { .container .mainTitle .mainSearch label .btnHidden { width: 12%; } }
.container .mainTitle .mainSearch label input[type=text] { width: calc(100% - 100px); height: 100%; margin-left: 100px; border: 0; font-size: 24px; line-height: 24px; font-weight: 400; text-align: center; text-indent: -50px; color: #111111; letter-spacing: -2px; }
@media screen and (max-width: 768px) { .container .mainTitle .mainSearch label input[type=text] { width: 88%; margin-left: 12%; text-indent: -6%; text-indent: -0.1302083333vw; font-size: 4.1666666667vw; line-height: 4.1666666667vw; } }

article { padding: 100px 0; }
@media screen and (max-width: 1260px) and (min-width: 320px) { article { max-width: 100%; padding: 7.8125vw 0vw 7.8125vw 0vw; padding: 7.8125vw 0vw 7.8125vw 0vw; padding: 10.4166666667vw 0vw 10.4166666667vw 0vw; } }
article .inner { position: relative; width: 100%; max-width: 1260px; margin: 0 auto; padding: 0; }
@media screen and (max-width: 1260px) and (min-width: 320px) { article .inner { max-width: 100%; padding: 0vw 3.125vw 0vw 3.125vw; padding: 0vw 3.90625vw 0vw 3.90625vw; padding: 0vw 0vw 0vw 0vw; } }
article .inner h3 { margin-bottom: 50px; font-size: 42px; line-height: 42px; font-weight: 700; letter-spacing: -2px; }
@media screen and (max-width: 1260px) and (min-width: 320px) { article .inner h3 { max-width: 100%; padding-left: 3.125vw; padding-left: 3.90625vw; } }
@media screen and (max-width: 768px) { article .inner h3 { margin-bottom: 7.8125vw; padding-left: 5.2083333333vw; font-size: 5.7291666667vw; line-height: 5.7291666667vw; letter-spacing: -0.1302083333vw; } }
article .inner h3 span { display: block; margin-top: 20px; font-size: 20px; line-height: 20px; letter-spacing: -2px; font-weight: 400; color: #333333; }
@media screen and (max-width: 768px) { article .inner h3 span { margin-top: 2.6041666667vw; font-size: 3.3854166667vw; line-height: 4.6875vw; letter-spacing: 0vw; } }
article .inner h3 + a { position: absolute; right: 0; top: 30px; display: inline-block; padding: 0 20px; border: 1px solid #03A643; border-radius: 30px; font-size: 18px; line-height: 48px; color: #03A643; }
@media screen and (max-width: 1260px) and (min-width: 320px) { article .inner h3 + a { max-width: 100%; right: 3.125vw; right: 3.90625vw; right: 5.2083333333vw; } }
@media screen and (max-width: 768px) { article .inner h3 + a { width: 10.4166666667vw; height: 10.4166666667vw; padding: 3.2552083333vw 3.2552083333vw 3.2552083333vw 3.2552083333vw; line-height: 0vw; font-size: 0; border-radius: 0; } }
article .inner h3 + a:after { content: ""; display: inline-block; width: 20px; height: 20px; margin-left: 4px; vertical-align: -3px; background: url("/assets/img/front/ico-hash.svg") right 50% no-repeat; }
@media screen and (max-width: 768px) { article .inner h3 + a:after { width: 3.90625vw; height: 3.90625vw; margin-left: 0; vertical-align: 0; background-position: 50% 50%; } }
article:nth-child(2), article:nth-child(4) { background: #FFF; }
article:nth-child(3) { background: #F3F9F6; }
article:nth-child(5) { background: #FAF6F1; }
article:nth-child(6) { background: url("/assets/img/front/main/main-bg.png") 50% 50% no-repeat; background-size: cover; }
article:nth-child(7) { padding: 0; background: #f9f9f9; }

.slider { position: relative; width: 100%; margin: 0; padding: 0; overflow: hidden; }
.slider.ingBiz .slick-list { width: calc(100% + 24px); margin: -20px 0 60px -24px; }
.slider.ingBiz .slick-list div { padding: 20px 12px; }
.slider .slick-list { width: calc(100% + 45px); margin: -20px 0 60px -45px; padding: 0; }
@media screen and (max-width: 768px) { .slider .slick-list { margin: 0vw 0vw 13.0208333333vw -9.1145833333vw; } }
.slider .slick-list div { display: inline-block; width: 100%; padding: 20px 22.5px; text-align: center; }
@media screen and (max-width: 768px) { .slider .slick-list div { padding: 0vw 2.8645833333vw 0vw 2.8645833333vw; } }
.slider .slick-list div a { display: block; width: 100%; height: 378px; border: 1px solid transparent; font-size: 0; overflow: hidden; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .slider .slick-list div a { height: 38.359375vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .slider .slick-list div a { height: 50vw; } }
@media screen and (max-width: 768px) { .slider .slick-list div a { height: 95.3125vw; } }
.slider .slick-list div a:hover img, .slider .slick-list div a:focus img, .slider .slick-list div a.on img { transform: scale(1.1); }
.slider .slick-list div a img { width: 100%; height: 100%; transition: all 0.5s ease-in-out; object-fit: cover; object-position: 0 0; }
.slider .slick-arrow { position: absolute; bottom: 5px; display: inline-block; width: 26px; height: 15px; text-indent: -99999px; }
@media screen and (max-width: 768px) { .slider .slick-arrow { display: none; } }
.slider .slick-prev { right: 50%; background: url("/assets/img/front/main/slick-left.svg") 50% 50% no-repeat; }
.slider .slick-next { left: 50%; background: url("/assets/img/front/main/slick-right.svg") 50% 50% no-repeat; }
.slider ul.slick-dots { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
@media screen and (max-width: 768px) { .slider ul.slick-dots { width: 100%; text-align: center; transform: translateX(-50%) scale(0.5); } }
.slider ul.slick-dots li { display: inline-block; }
.slider ul.slick-dots li button { display: inline-block; width: 28px; height: 28px; background: url("/assets/img/front/main/slick-dot.svg") 50% 50% no-repeat; text-indent: -99999px; }
.slider ul.slick-dots .slick-active button { background: url("/assets/img/front/main/slick-select.svg") 50% 50% no-repeat; }

@media screen and (max-width: 1260px) and (min-width: 320px) { .port { padding: 0vw 0vw 4.6875vw 0vw; padding: 0vw 0vw 5.859375vw 0vw; padding: 0vw 0vw 9.1145833333vw 0vw; } }
.port .slick-list { width: 100%; margin: 0 0 0 -30px; padding: 0 0 80px 0; }
@media screen and (max-width: 1260px) and (min-width: 320px) { .port .slick-list { margin-left: -2.34375vw; margin-left: -2.9296875vw; margin-left: -3.90625vw; } }
.port .slick-list div a { position: relative; display: inline-block; width: 288px; height: 288px; background: #FFF; margin-top: 20px; box-shadow: 0 0 10px #ccc; overflow: hidden; filter: drop-shadow(3px 3px 7px rgba(0, 0, 0, 0.15)); }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .port .slick-list div a { width: 22.5vw; height: 22.5vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .port .slick-list div a { width: 28.125vw; height: 28.125vw; } }
@media screen and (max-width: 768px) { .port .slick-list div a { width: 65.1041666667vw; height: 65.1041666667vw; } }
.port .slick-list div a .scale { position: absolute; right: 0; top: 0; display: inline-block; margin: -5px 0 0 -50px; padding: 50px 0 0 50px; transition: transform 0.5s; background-position: left top; background-size: 1000% 1000%; overflow: hidden; transform: scale(0.55) translateX(0%); transform-origin: right top; border-radius: 300px 0 300px 300px; }
@media screen and (max-width: 768px) { .port .slick-list div a .scale { padding: 0; } }
.port .slick-list div a .scale img { width: 288px; height: 288px; object-fit: cover; }
.port .slick-list div a .box { position: absolute; left: 0; bottom: 0; display: block; height: 140px; padding: 20px; text-align: left; z-index: 2; background-color: rgba(255, 255, 255, 0); overflow: hidden; }
.port .slick-list div a .box span { display: inline-block; padding: 5px 20px; font-size: 14px; line-height: 20px; font-weight: 400; border-radius: 30px; color: #FFF; }
.port .slick-list div a .box span.startup { background: #ed7d7d; }
.port .slick-list div a .box span.facility { background: #6ebbd3; }
.port .slick-list div a .box span.edu { background: #70cf96; }
.port .slick-list div a .box strong { display: block; height: 60px; margin-top: 13px; font-size: 20px; line-height: 30px; font-weight: 700; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
.port .slick-list div a:hover, .port .slick-list div a:focus { margin-top: 0; transition: all 0.5s; }
.port .slick-list div a:hover .scale, .port .slick-list div a:focus .scale { transform: scale(1) translateX(0%); transform-origin: right top; border-radius: 0; animation: card 0.5s; }
.port .slick-list div a:hover .box, .port .slick-list div a:focus .box { height: 160px; padding: 20px 20px 0 20px; background-color: rgba(255, 255, 255, 0.9); transition: all 0.5s ease; }

.result { min-height: 720px; }
.result .inner h3 { margin-bottom: 60px; }
@media screen and (max-width: 768px) { .result .inner h3 { margin-bottom: 5.2083333333vw; } }
.result .tab .bt { position: relative; top: 0; margin-bottom: 50px; display: flex; justify-content: space-between; }
@media screen and (max-width: 1260px) and (min-width: 320px) { .result .tab .bt { position: relative; top: 0; padding: 0vw 3.125vw 0vw 3.125vw; padding: 0vw 3.90625vw 0vw 3.90625vw; padding: 0vw 5.2083333333vw 0vw 5.2083333333vw; } }
@media screen and (max-width: 1260px) and (min-width: 320px) { .result .tab .bt li { flex: 1; text-align: center; margin: 0 0 30px 0; } }
@media screen and (max-width: 768px) { .result .tab .bt li { margin: 0vw 0vw 7.8125vw 0vw; } }
.result .tab .bt li a { position: relative; display: block; padding-bottom: 15px; font-size: 22px; /*line-height: 22px;*/ line-height: 1.4; letter-spacing: -2px; color: #333333; transform: translateX(0); }
.result .tab .bt li a:before { content: ""; position: absolute; z-index: -1; left: 51%; right: 51%; bottom: 0; background: #03A643; height: 3px; transition-property: left, right; transition-duration: 0.3s; transition-timing-function: ease-out; }
@media screen and (max-width: 1260px) and (min-width: 320px) { .result .tab .bt li a { border-bottom: 1px solid #ddd; height: 100%; padding: 0 10px; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .result .tab .bt li a { font-size: 1.71875vw; line-height: 2.1875vw; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 698.1818181818px) { .result .tab .bt li a { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { .result .tab .bt li a { font-size: 2.1484375vw; line-height: 2.734375vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 558.5454545455px) { .result .tab .bt li a { font-size: 12px; } }

@media screen and (max-width: 768px) { .result .tab .bt li a { font-size: 2.34375vw; line-height: 3.90625vw; padding: 0vw 0.2604166667vw 0vw 0.2604166667vw; } }
@media screen and (max-width: 768px) and (max-width: 512px) { .result .tab .bt li a { font-size: 12px; } }

.result .tab .bt li a:hover, .result .tab .bt li a.on { color: #03A643; font-weight: 700; }
.result .tab .bt li a:hover:before, .result .tab .bt li a.on:before { left: 0; right: 0; }
.result .tab .bt li:last-child a { padding-bottom: 15px !important; }
@media screen and (max-width: 768px) { .result .tab .bt li:last-child a { padding: 0vw 0.6510416667vw 0vw 0.6510416667vw; } }
.result .tab .bt .ui-tabs-active a { padding-bottom: 15px; color: #03A643; font-weight: 700; }
.result .tab .bt .ui-tabs-active a:before { left: 0; right: 0; }
.result .tab .cont ul { display: flex; justify-content: space-between; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .result .tab .cont ul { padding: 0vw 3.125vw 0vw 3.125vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .result .tab .cont ul { padding: 0vw 3.90625vw 0vw 3.90625vw; } }
@media screen and (max-width: 768px) { .result .tab .cont ul { padding: 0vw 5.2083333333vw 0vw 5.2083333333vw; flex-wrap: wrap; } }
.result .tab .cont ul li { flex: 1 0 20%; text-align: center; }
@media screen and (max-width: 768px) { .result .tab .cont ul li { flex: 1 0 45%; padding-bottom: 3.90625vw; } }
.result .tab .cont ul li figure { width: 140px; height: 140px; margin: 0 auto; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .result .tab .cont ul li figure { width: 10.9375vw; height: 10.9375vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .result .tab .cont ul li figure { width: 13.671875vw; height: 13.671875vw; } }
@media screen and (max-width: 768px) { .result .tab .cont ul li figure { width: 20.8333333333vw; height: 20.8333333333vw; } }
.result .tab .cont ul li figure img { max-width: 100%; }
.result .tab .cont ul li strong { display: block; margin: 32px auto 20px; font-size: 22px; /*line-height: 22px;*/ line-height: 27px; font-weight: 500; letter-spacing: -2px; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .result .tab .cont ul li strong { font-size: 1.71875vw; line-height: 2.109375vw; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 698.1818181818px) { .result .tab .cont ul li strong { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { .result .tab .cont ul li strong { font-size: 1.953125vw; line-height: 2.44140625vw; letter-spacing: -0.09765625vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 614.4px) { .result .tab .cont ul li strong { font-size: 12px; } }

@media screen and (max-width: 768px) { .result .tab .cont ul li strong { margin: 2.6041666667vw 0vw 1.5625vw 0vw; font-size: 3.6458333333vw; line-height: 4.6875vw; letter-spacing: -0.1302083333vw; } }
.result .tab .cont ul li p { display: inline-block; font-size: 56px; line-height: 56px; font-weight: 700; font-family: 'Poppins' !important; color: #03A643; text-align: right; letter-spacing: -3px; vertical-align: middle; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .result .tab .cont ul li p { font-size: 4.375vw; line-height: 4.375vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .result .tab .cont ul li p { font-size: 5.46875vw; line-height: 5.46875vw; } }
@media screen and (max-width: 768px) { .result .tab .cont ul li p { font-size: 6.7708333333vw; line-height: 6.7708333333vw; } }
.result .tab .cont ul li span { display: inline-block; font-size: 20px; line-height: 24px; word-break: keep-all; text-align: left; color: #03A643; vertical-align: middle; }
.result .tab .cont ul li span.btm-span { font-weight: 400; margin-top: 10px; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .result .tab .cont ul li span { font-size: 1.5625vw; line-height: 1.875vw; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 768px) { .result .tab .cont ul li span { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { .result .tab .cont ul li span { font-size: 1.953125vw; line-height: 2.34375vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 614.4px) { .result .tab .cont ul li span { font-size: 12px; } }

@media screen and (max-width: 768px) { .result .tab .cont ul li span { width: auto; font-size: 3.6458333333vw; line-height: 3.6458333333vw; } }

.notice .inner .tab .bt { position: absolute; right: 0; top: 42px; padding-right: 180px; display: flex; justify-content: space-between; }
@media screen and (max-width: 1260px) and (min-width: 320px) { .notice .inner .tab .bt { position: relative; top: 0; padding: 0vw 3.125vw 0vw 3.125vw; padding: 0vw 3.90625vw 0vw 3.90625vw; padding: 0vw 5.2083333333vw 0vw 5.2083333333vw; } }
@media screen and (min-width: 1260px) { .notice .inner .tab .bt li { margin-left: 40px; } }
@media screen and (max-width: 1260px) and (min-width: 320px) { .notice .inner .tab .bt li { flex: 1; text-align: center; margin: 0 0 30px 0; } }
@media screen and (max-width: 768px) { .notice .inner .tab .bt li { margin: 0vw 0vw 7.8125vw 0vw; } }
.notice .inner .tab .bt li a { display: block; font-size: 22px; line-height: 22px; letter-spacing: -2px; color: #333333; }
.notice .inner .tab .bt li a[href*="tab"] { position: relative; padding-bottom: 15px; transform: translateX(0); }
.notice .inner .tab .bt li a:before { content: ""; position: absolute; z-index: -1; left: 51%; right: 51%; bottom: 0; background: #03A643; height: 3px; transition-property: left, right; transition-duration: 0.3s; transition-timing-function: ease-out; }
@media screen and (max-width: 1260px) and (min-width: 320px) { .notice .inner .tab .bt li a { border-bottom: 1px solid #ddd; height: 100%; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .notice .inner .tab .bt li a { font-size: 1.71875vw; line-height: 1.71875vw; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 698.1818181818px) { .notice .inner .tab .bt li a { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { .notice .inner .tab .bt li a { font-size: 2.1484375vw; line-height: 2.1484375vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 558.5454545455px) { .notice .inner .tab .bt li a { font-size: 12px; } }

@media screen and (max-width: 768px) { .notice .inner .tab .bt li a { font-size: 3.6458333333vw; line-height: 4.6875vw; } }
.notice .inner .tab .bt li a:hover, .notice .inner .tab .bt li a:focus, .notice .inner .tab .bt li a.on { color: #03A643; font-weight: 700; }
.notice .inner .tab .bt li a:hover:before, .notice .inner .tab .bt li a:focus:before, .notice .inner .tab .bt li a.on:before { left: 0; right: 0; }
.notice .inner .tab .bt li .more { position: absolute; right: 0; bottom: 2px; display: none; height: 45px; padding: 0 20px; border: 1px solid #03A643; border-radius: 30px; font-size: 18px; line-height: 48px; color: #03A643; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .notice .inner .tab .bt li .more { padding-bottom: 0; top: -8.59375vw; right: 3.125vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .notice .inner .tab .bt li .more { top: -10.25390625vw; right: 3.90625vw; } }
@media screen and (max-width: 768px) { .notice .inner .tab .bt li .more { top: -20.8333333333vw; right: 5.2083333333vw; width: 10.4166666667vw; height: 10.4166666667vw; padding: 3.2552083333vw 3.2552083333vw 3.2552083333vw 3.2552083333vw; line-height: 0vw; font-size: 0; border-radius: 0; } }
.notice .inner .tab .bt li .more:after { content: ""; display: inline-block; width: 20px; height: 20px; margin-left: 4px; vertical-align: -3px; background: url("/assets/img/front/ico-hash.svg") right 50% no-repeat; }
@media screen and (max-width: 768px) { .notice .inner .tab .bt li .more:after { width: 3.90625vw; height: 3.90625vw; margin-left: 0; vertical-align: 0; background-position: 50% 50%; } }
.notice .inner .tab .bt .ui-tabs-active a { padding-bottom: 15px; color: #03A643; font-weight: 700; }
.notice .inner .tab .bt .ui-tabs-active a:before { left: 0; right: 0; }
.notice .inner .tab .bt .ui-tabs-active .more { display: inline-block; padding-bottom: 0; border-bottom: 1px solid #03A643; font-weight: 400; }
@media screen and (max-width: 1260px) and (min-width: 320px) { .notice .inner .tab .cont { padding: 0vw 3.125vw 0vw 3.125vw; padding: 0vw 3.90625vw 0vw 3.90625vw; padding: 0vw 5.2083333333vw 0vw 5.2083333333vw; } }
.notice .inner .tab .cont ul { background: #fff; border-top: 1px solid #111111; }
.notice .inner .tab .cont ul li { border-bottom: 1px solid #ddd; }
.notice .inner .tab .cont ul li a { position: relative; display: block; /*padding: 50px 40px 40px 40px;*/ padding: 30px 40px 25px 40px; }
@media screen and (max-width: 768px) { .notice .inner .tab .cont ul li a { /*@include responsive-vw('padding', 36px 24px 40px 24px, $design-mobile);*/ padding: 2.6041666667vw 3.90625vw 2.6041666667vw 3.90625vw; } }
.notice .inner .tab .cont ul li a strong { display: inline-block; width: 75%; /*font-size: 32px;*/ /*line-height: 32px;*/ font-size: 18px; line-height: 18px; color: #111111; letter-spacing: -1px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
@media screen and (max-width: 768px) { .notice .inner .tab .cont ul li a strong { width: 100%; font-size: 3.6458333333vw; line-height: 5.2083333333vw; } }
.notice .inner .tab .cont ul li a span { position: absolute; right: 50px; top: 30px; width: 25%; /*font-size: 20px;*/ font-size: 15px; font-family: 'Poppins' !important; color: #555; text-align: right; }
@media screen and (max-width: 768px) { .notice .inner .tab .cont ul li a span { position: relative; width: 100%; left: 0; top: 0; margin-top: 2.0833333333vw; font-size: 2.34375vw; line-height: 2.34375vw; } }
@media screen and (max-width: 768px) and (max-width: 512px) { .notice .inner .tab .cont ul li a span { font-size: 12px; } }

.notice .inner .tab .cont ul li a p { margin-top: 12px; /*margin-top: 18px;
font-size: 20px;
line-height: 30px;*/ font-size: 15px; line-height: 20px; color: #555; display: -webkit-box; height: 40px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
@media screen and (max-width: 768px) { .notice .inner .tab .cont ul li a p { height: 8.3333333333vw; margin-top: 1.3020833333vw; font-size: 2.9947916667vw; line-height: 4.1666666667vw; } }
@media screen and (max-width: 768px) and (max-width: 400.6956521739px) { .notice .inner .tab .cont ul li a p { font-size: 12px; } }

.notice .inner .tab .cont ul li a:hover, .notice .inner .tab .cont ul li a:focus, .notice .inner .tab .cont ul li a.on { background: #F3F9F6; }

.together .inner * { color: #fff; }
.together .inner h3 { margin-bottom: 70px; }
@media screen and (max-width: 768px) { .together .inner h3 { margin-bottom: 0; padding-bottom: 2.6041666667vw; } }
.together .inner ul { display: flex; justify-content: space-between; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .together .inner ul { padding: 0vw 3.125vw 0vw 3.125vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .together .inner ul { padding: 0vw 3.90625vw 0vw 3.90625vw; } }
@media screen and (max-width: 768px) { .together .inner ul { flex-direction: column; padding: 0vw 5.2083333333vw 0vw 5.2083333333vw; } }
.together .inner ul li { width: 33%; height: 340px; text-align: center; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .together .inner ul li { height: 26.5625vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .together .inner ul li { height: 33.203125vw; } }
@media screen and (max-width: 768px) { .together .inner ul li { width: 100%; margin-top: 5.2083333333vw; height: 28.6458333333vw; } }
.together .inner ul li a { display: block; width: 100%; height: 100%; padding-top: 87px; background-color: rgba(3, 166, 67, 0.5); }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .together .inner ul li a { padding-top: 6.796875vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .together .inner ul li a { padding-top: 8.49609375vw; } }
@media screen and (max-width: 768px) { .together .inner ul li a { width: 100%; text-align: center; height: 28.6458333333vw; padding: 5.2083333333vw 7.8125vw 5.2083333333vw 7.8125vw; } }
.together .inner ul li a p { width: 100px; height: 100px; margin: 0 auto 32px; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .together .inner ul li a p { width: 7.8125vw; height: 7.8125vw; margin-bottom: 2.5vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .together .inner ul li a p { width: 9.765625vw; height: 9.765625vw; margin-bottom: 3.125vw; } }
@media screen and (max-width: 768px) { .together .inner ul li a p { display: inline-block; width: 15.625vw; height: 15.625vw; margin: 2.6041666667vw 0vw 0vw 0vw; padding: 0vw 2.6041666667vw 0vw 0vw; vertical-align: middle; } }
.together .inner ul li a p img { max-width: 100%; }
.together .inner ul li a span { font-size: 34px; line-height: 34px; font-weight: 400; letter-spacing: -2px; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .together .inner ul li a span { font-size: 2.65625vw; line-height: 2.65625vw; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 451.7647058824px) { .together .inner ul li a span { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { .together .inner ul li a span { font-size: 3.3203125vw; line-height: 3.3203125vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 361.4117647059px) { .together .inner ul li a span { font-size: 12px; } }

@media screen and (max-width: 768px) { .together .inner ul li a span { vertical-align: middle; font-size: 6.7708333333vw; line-height: 6.7708333333vw; } }
.together .inner ul li a:hover, .together .inner ul li a:focus, .together .inner ul li a.on { background-color: #03a643; }
.together .inner ul li a:hover p, .together .inner ul li a:focus p, .together .inner ul li a.on p { animation: bounceDown 1s ease-in-out infinite; }
.together .inner ul li + li { margin-left: 110px; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .together .inner ul li + li { margin-left: 8.59375vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .together .inner ul li + li { margin-left: 6.8359375vw; } }
@media screen and (max-width: 768px) { .together .inner ul li + li { margin-left: 0; } }

.partner { position: relative; width: 100%; margin: 0; padding: 0; overflow: hidden; }
@media screen and (min-width: 768px) and (max-width: 1024px) { .partner { display: none; } }
@media screen and (max-width: 768px) { .partner { display: none; } }
.partner .slick-list { width: calc(100% - 60px); margin: 0 auto; padding: 0; }
.partner .slick-list div { display: inline-block; width: 100%; height: 100px; text-align: center; }
.partner .slick-list div a { display: block; width: 216px; padding: 24px 15px; }
.partner .slick-list div a img { width: 216px; height: 52px; }
.partner .slick-arrow { position: absolute; top: 50%; display: inline-block; width: 20px; height: 20px; text-indent: -99999px; transform: translateY(-50%); }
.partner .slick-prev { left: 20px; background: url("/assets/img/front/main/ico-left.svg") 50% 50% no-repeat; }
.partner .slick-next { right: 0; background: url("/assets/img/front/main/ico-right.svg") 50% 50% no-repeat; }

/*# sourceMappingURL=main.css.map */