@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
* { box-sizing: border-box; outline: none; 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, 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, 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%; 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; }

q { quotes: none; }

a { text-decoration: none; }

button { padding: 0; border: 0; background-color: transparent; cursor: pointer; font-family: 'Poppins', 'Noto Sans KR', sans-serif; }

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

.container { position: relative; min-height: 100vh; z-index: 1; /* 페이지 타이틀 */ }
.container .subTitle { width: 100%; height: 340px; padding-top: 158px; text-align: center; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
@media screen and (max-width: 768px) { .container .subTitle { padding-top: 13.0208333333vw; height: 41.6666666667vw; } }
.container .subTitle h2 { padding-bottom: 25px; font-size: 48px; font-weight: 900; line-height: 48px; letter-spacing: -5%; color: #FFF; }
@media screen and (max-width: 768px) { .container .subTitle h2 { padding-bottom: 1.3020833333vw; font-size: 6.7708333333vw; line-height: 9.1145833333vw; } }
.container .subTitle p { font-size: 24px; line-height: 1.2; font-weight: 400; color: #FFF; }
@media screen and (max-width: 768px) { .container .subTitle p { font-size: 3.6458333333vw; line-height: 5.2083333333vw; } }
.container .subTitle.subBg-org { background-image: url("/assets/img/front/subBg/sub_org.png"); }
@media screen and (max-width: 768px) { .container .subTitle.subBg-org { background-image: url("/assets/img/front/subBg/sub_org_m.png"); } }
.container .subTitle.subBg-biz { background-image: url("/assets/img/front/subBg/sub_biz.png"); }
@media screen and (max-width: 768px) { .container .subTitle.subBg-biz { background-image: url("/assets/img/front/subBg/sub_biz_m.png"); } }
.container .subTitle.subBg-challenge { background-image: url("/assets/img/front/subBg/sub_challenge.png"); }
@media screen and (max-width: 768px) { .container .subTitle.subBg-challenge { background-image: url("/assets/img/front/subBg/sub_challenge_m.png"); } }
.container .subTitle.subBg-news { background-image: url("/assets/img/front/subBg/sub_news.png"); }
@media screen and (max-width: 768px) { .container .subTitle.subBg-news { background-image: url("/assets/img/front/subBg/sub_news_m.png"); } }
.container .subTitle.subBg-sponsor { background-image: url("/assets/img/front/subBg/sub_sponsor.png"); }
@media screen and (max-width: 768px) { .container .subTitle.subBg-sponsor { background-image: url("/assets/img/front/subBg/sub_sponsor_m.png"); } }
.container .subTitle.subBg-search { padding-top: 183px; background-image: url("/assets/img/front/subBg/sub_search.png"); }
@media screen and (max-width: 768px) { .container .subTitle.subBg-search { padding-top: 19.53125vw; background-image: url("/assets/img/front/subBg/sub_search_m.png"); } }
.container .subNav { width: 100%; height: 71px; background: #fff; border-bottom: 1px solid #ccc; }
@media screen and (max-width: 768px) { .container .subNav { display: none; } }
.container .subNav .inner { position: relative; display: flex; max-width: 1260px; margin: 0 auto; }
.container .subNav .inner .home { display: inline-block; width: 70px; height: 69px; margin: 0; padding: 0; line-height: 90px; text-align: center; border-left: 1px solid #eee; border-right: 1px solid #eee; background: #f9f9f9; overflow: hidden; }
.container .subNav .inner .selectMenu { display: block; position: relative; width: 100%; max-width: 260px; }
.container .subNav .inner .selectMenu button[type=button] { position: absolute; left: 0; top: 0; background: #FFF url(/assets/img/front/ico-menu-down-grey.svg) no-repeat 95% 50%; color: #333333; display: block; width: 100%; height: 70px; line-height: 70px; border-right: 1px solid #eee; font-size: 18px; text-indent: 30px; text-align: left; cursor: pointer; z-index: 10 !important; }
.container .subNav .inner .selectMenu ul { position: absolute; top: 70px; left: 0; width: 100%; height: 274px; padding: 20px 20px 20px 30px; border: 1px solid #DDD; background: #FFF; opacity: 0; transform: translateY(-15%); transition: all 0.3s ease-out; z-index: 1; visibility: hidden; }
.container .subNav .inner .selectMenu ul.on { height: auto; opacity: 1; transform: translateY(0); visibility: visible; }
.container .subNav .inner .selectMenu ul a { display: block; color: #333333; font-size: 18px; line-height: 40px; font-weight: 400; }
.container .subNav .inner .selectMenu ul a:hover, .container .subNav .inner .selectMenu ul a:focus, .container .subNav .inner .selectMenu ul a.on { color: #03A643; }
.container .subNav .inner .selectMenu:last-child button { color: #03A643; background: url(/assets/img/front/ico-menu-down-green.svg) no-repeat 95% 50%; }
.container h3.title { padding: 90px 0 60px; font-size: 45px; line-height: 50px; letter-spacing: -5%; font-weight: 700; text-align: center; }
@media screen and (max-width: 768px) { .container h3.title { padding: 10.4166666667vw 0vw 7.8125vw 0vw; font-size: 6.7708333333vw; line-height: 7.2916666667vw; } }
.container .tabBt { position: relative; display: flex; width: 100%; max-width: 1260px; margin: 0 auto 60px; }
@media screen and (max-width: 768px) { .container .tabBt { flex-direction: column; text-align: center; } }
.container .tabBt li { flex: 1 1 auto; width: calc(100% / 6); }
@media screen and (min-width: 768px) and (max-width: 1024px) { .container .tabBt li { width: auto !important; } }
@media screen and (max-width: 768px) { .container .tabBt li { width: 100% !important; } }
.container .tabBt li + li a { border-left: 0; }
.container .tabBt li a { display: block; background: #f9f9f9; border: 1px solid #ddd; border-bottom: 1px solid #03A643; font-size: 20px; font-weight: 400; line-height: 72px; text-align: center; color: #333333; cursor: pointer; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .container .tabBt li a { font-size: 1.5625vw; line-height: 5.625vw; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 768px) { .container .tabBt li a { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { .container .tabBt li a { font-size: 1.953125vw; line-height: 7.03125vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 614.4px) { .container .tabBt li a { font-size: 12px; } }

@media screen and (max-width: 768px) { .container .tabBt li a { font-size: 2.6041666667vw; line-height: 9.375vw; } }
@media screen and (max-width: 768px) and (max-width: 460.8px) { .container .tabBt li a { font-size: 12px; } }

.container .tabBt li a:hover, .container .tabBt li a:focus, .container .tabBt li a.on { background: #FFF; border: 1px solid #03A643; border-bottom: 0; color: #03A643; font-weight: 700; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .container .tabBt li a:hover, .container .tabBt li a:focus, .container .tabBt li a.on { font-size: 1.5625vw; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 768px) { .container .tabBt li a:hover, .container .tabBt li a:focus, .container .tabBt li a.on { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { .container .tabBt li a:hover, .container .tabBt li a:focus, .container .tabBt li a.on { font-size: 1.953125vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 614.4px) { .container .tabBt li a:hover, .container .tabBt li a:focus, .container .tabBt li a.on { font-size: 12px; } }

.container .tabCont { position: relative; margin-bottom: 120px; }
.container .tabBt-mo > button { display: none; }
@media screen and (max-width: 768px) { .container .tabBt-mo { display: block; position: relative; height: auto; margin: 0vw 2.6041666667vw 13.0208333333vw 2.6041666667vw; }
  .container .tabBt-mo > button { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 11.71875vw; margin: 2.6041666667vw 0vw 2.6041666667vw 0vw; font-size: 4.4270833333vw; line-height: 11.71875vw; background: url(/assets/img/front/ico-menu-down-green.svg) no-repeat 95% 50%; color: #03A643; border: 1px solid #bbb; text-align: center; letter-spacing: -4%; cursor: pointer; z-index: 10 !important; }
  .container .tabBt-mo > ul { position: absolute; top: 14.1927083333vw; left: 0; width: 100%; height: auto; padding: 2.6041666667vw 2.6041666667vw 2.6041666667vw 2.6041666667vw; border: 1px solid #bbb; background: #FFF; opacity: 0; transform: translateY(-15%); transition: all 0.3s ease-out; z-index: 4; visibility: hidden; }
  .container .tabBt-mo > ul.on { height: auto; opacity: 1; transform: translateY(0); visibility: visible; }
  .container .tabBt-mo > ul a { display: block; background: #fff; border: 0; font-size: 4.4270833333vw; line-height: 10.4166666667vw; font-weight: 400; text-align: center; }
  .container .tabBt-mo > ul a:hover, .container .tabBt-mo > ul a:focus, .container .tabBt-mo > ul a.on { background: #FFF; border: 0 !important; color: #03A643; font-size: 3.90625vw; font-weight: 700; }
  .container .tabBt-mo > ul.tab_hidden { display: none; }
  .container .tabBt-mo .tabCont { padding-top: 19.53125vw; }
  .container .tabBt-mo .tabCont.tabCont-no-pd { padding-top: 0vw; } }

.contents { width: 100%; max-width: 1260px; margin: 0 auto 120px; }
@media screen and (max-width: 1260px) and (min-width: 320px) { .contents { max-width: 100%; padding: 0vw 3.125vw 0vw 3.125vw; padding: 0vw 3.90625vw 0vw 3.90625vw; padding: 0vw 5.2083333333vw 0vw 5.2083333333vw; } }

.tabBt + article { padding-top: 0 !important; }

.title + article { padding-top: 0 !important; }

article { margin: 0 auto; padding: 80px 0; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { article { padding: 6.25vw 0vw 6.25vw 0vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { article { padding: 7.8125vw 0vw 7.8125vw 0vw; } }
@media screen and (max-width: 768px) { article { padding: 10.4166666667vw 0vw 10.4166666667vw 0vw; } }
article.bg { background: #FAF6F1; }
article .contents { position: relative; margin: 0 auto; }
article .contents img { max-width: 100%; margin: 0 auto; }
article .contents .tab .bt { display: flex; justify-content: center; }
@media screen and (min-width: 1260px) { article .contents .tab .bt li { margin-left: 40px; } }
@media screen and (max-width: 1260px) and (min-width: 320px) { article .contents .tab .bt li { flex: 1; text-align: center; margin: 0 0 30px 0; } }
@media screen and (max-width: 768px) { article .contents .tab .bt li { margin: 0vw 0vw 7.8125vw 0vw; } }
article .contents .tab .bt li a { position: relative; display: block; padding-bottom: 15px; font-size: 22px; line-height: 22px; letter-spacing: -2px; color: #333333; transform: translateX(0); }
article .contents .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) { article .contents .tab .bt li a { border-bottom: 1px solid #ddd; height: 100%; padding: 0 10px; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) { article .contents .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) { article .contents .tab .bt li a { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { article .contents .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) { article .contents .tab .bt li a { font-size: 12px; } }

@media screen and (max-width: 768px) { article .contents .tab .bt li a { font-size: 3.6458333333vw; line-height: 4.6875vw; } }
article .contents .tab .bt li a:hover, article .contents .tab .bt li a:focus, article .contents .tab .bt li a.on { color: #03A643; font-weight: 700; }
article .contents .tab .bt li a:hover:before, article .contents .tab .bt li a:focus:before, article .contents .tab .bt li a.on:before { left: 0; right: 0; }
article .contents .tab .bt .ui-tabs-active a { padding-bottom: 15px; color: #03A643; font-weight: 700; }
article .contents .tab .bt .ui-tabs-active a:before { left: 0; right: 0; }
article h4 { padding: 0 0 25px 0; font-size: 34px; line-height: 40px; font-weight: 700; letter-spacing: -2px; color: #111111; }
article h4.tac { text-align: center; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { article h4 { font-size: 2.65625vw; padding: 0vw 0vw 1.953125vw 0vw; line-height: 3.125vw; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 451.7647058824px) { article h4 { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { article h4 { font-size: 3.3203125vw; padding: 0vw 0vw 2.44140625vw 0vw; line-height: 3.90625vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 361.4117647059px) { article h4 { font-size: 12px; } }

@media screen and (max-width: 768px) { article h4 { padding: 0vw 0vw 3.125vw 0vw; font-size: 5.2083333333vw; line-height: 7.2916666667vw; } }
article h4 em { font-weight: 400; font-style: normal; }
article h4 p.small { margin-top: 15px; font-size: 18px; line-height: 30px; letter-spacing: 0; font-weight: 400; }
article h4 + p, article h4 + div, article h4 + ul { width: 100%; margin: 0; padding: 0; font-size: 18px; line-height: 30px; font-weight: 400; color: #333333; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { article h4 + p, article h4 + div, article h4 + ul { font-size: 1.40625vw; line-height: 2.34375vw; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 853.3333333333px) { article h4 + p, article h4 + div, article h4 + ul { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { article h4 + p, article h4 + div, article h4 + ul { font-size: 1.7578125vw; line-height: 2.9296875vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) { article h4 + p, article h4 + div, article h4 + ul { font-size: 12px; } }

@media screen and (max-width: 768px) { article h4 + p, article h4 + div, article h4 + ul { font-size: 3.6458333333vw; line-height: 5.9895833333vw; } }
article > div { /* contents, did2 등 겉 div의 첫번째 것 */ }
article > div + div { /* contents, did2 등 겉 div 첫번째 이후의 것 */ padding-top: 50px; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { article > div + div { padding-top: 3.90625vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { article > div + div { padding-top: 4.8828125vw; } }
@media screen and (max-width: 768px) { article > div + div { padding-top: 30px !important; } }
article hr { width: 100%; height: 1px; background: transparent; border: 0; border-bottom: 1px solid #DDD; margin: 40px 0; }
@media screen and (max-width: 768px) { article hr { margin: 5.2083333333vw 0vw 5.2083333333vw 0vw; } }
article .did2 { display: flex; justify-content: space-between; align-items: start !important; flex-wrap: wrap; }
@media screen and (max-width: 768px) { article .did2 { flex-direction: column; padding-bottom: 2.6041666667vw; } }
article .did2 h4 { padding-top: 50px; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { article .did2 h4 { padding-top: 3.90625vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { article .did2 h4 { padding-top: 4.8828125vw; } }
@media screen and (max-width: 768px) { article .did2 h4 { padding-top: 10.4166666667vw; } }
article .did2 h4 span { display: block; padding: 20px 0 15px; font-size: 18px; line-height: 18px; text-align: center; color: #555555; font-weight: 400; }
@media screen and (max-width: 768px) { article .did2 h4 span { padding: 2.6041666667vw 0vw 5.2083333333vw 0vw; font-size: 3.6458333333vw; line-height: 7.03125vw; } }
article .did2 .caption-info { margin: 30px 0 -30px; }
article .did2 .caption-info span { display: inline-block; font-size: 14px; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { article .did2 .caption-info span { font-size: 1.09375vw; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 1097.1428571429px) { article .did2 .caption-info span { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { article .did2 .caption-info span { font-size: 1.3671875vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 877.7142857143px) { article .did2 .caption-info span { font-size: 12px; } }

@media screen and (max-width: 768px) { article .did2 .caption-info span { font-size: 2.0833333333vw; } }
@media screen and (max-width: 768px) and (max-width: 576px) { article .did2 .caption-info span { font-size: 12px; } }

article .did2 .caption-info span + span { float: right; }
article .did2 > p, article .did2 > div { width: 48%; }
article .did2 > p img, article .did2 > div img { width: auto; max-width: 100%; }
@media screen and (max-width: 768px) { article .did2 > p, article .did2 > div { width: 100%; }
  article .did2 > p + img, article .did2 > p + p, article .did2 > div + img, article .did2 > div + p { padding-top: 4.1666666667vw; } }
article .company_bg01 { margin: 0; padding: 60px 0 0 400px; background-image: url(/assets/img/front/org/company_illu.png); background-repeat: no-repeat; background-position: left 50%; background-size: 308px auto; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { article .company_bg01 { padding: 4.6875vw 0vw 0vw 31.25vw; background-size: auto 90%; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { article .company_bg01 { padding: 5.859375vw 0vw 0vw 24.4140625vw; background-size: auto 60%; } }
@media screen and (max-width: 768px) { article .company_bg01 { padding: 39.0625vw 0vw 0vw 0vw; background-position: 50% 20px; background-size: 50% auto; } }
article .company_bg01 p { text-align: justify; }
article .company_bg01 p + p { padding-top: 10px; }
article .company_bg02, article .company_bg03 { position: relative; width: 50% !important; height: 400px; margin: 17px 0 30px; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { article .company_bg02, article .company_bg03 { height: 31.25vw; margin: 1.328125vw 0vw 2.34375vw 0vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { article .company_bg02, article .company_bg03 { height: 39.0625vw; margin: 1.66015625vw 0vw 2.9296875vw 0vw; } }
@media screen and (max-width: 768px) { article .company_bg02, article .company_bg03 { width: 100% !important; height: 54.6875vw; margin: 0vw 0vw 7.8125vw 0vw; } }
article .company_bg02 .inner, article .company_bg03 .inner { position: absolute; top: 50%; width: 100%; max-width: 630px; text-align: center; transform: translateY(-50%); }
@media screen and (min-width: 1024px) and (max-width: 1280px) { article .company_bg02 .inner, article .company_bg03 .inner { max-width: 49.21875vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { article .company_bg02 .inner, article .company_bg03 .inner { max-width: 61.5234375vw; } }
@media screen and (max-width: 768px) { article .company_bg02 .inner, article .company_bg03 .inner { width: 100%; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } }
article .company_bg02 h5, article .company_bg02 p, article .company_bg02 strong, article .company_bg03 h5, article .company_bg03 p, article .company_bg03 strong { color: #fff; }
article .company_bg02 h5, article .company_bg03 h5 { display: inline-block; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #FFF; font-size: 34px; line-height: 34px; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { article .company_bg02 h5, article .company_bg03 h5 { margin-bottom: 2.34375vw; padding-bottom: 2.34375vw; font-size: 2.65625vw; line-height: 2.65625vw; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 451.7647058824px) { article .company_bg02 h5, article .company_bg03 h5 { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { article .company_bg02 h5, article .company_bg03 h5 { margin-bottom: 2.9296875vw; padding-bottom: 2.9296875vw; font-size: 3.3203125vw; line-height: 3.3203125vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 361.4117647059px) { article .company_bg02 h5, article .company_bg03 h5 { font-size: 12px; } }

@media screen and (max-width: 768px) { article .company_bg02 h5, article .company_bg03 h5 { margin-bottom: 4.1666666667vw; padding-bottom: 4.1666666667vw; font-size: 5.2083333333vw; line-height: 5.2083333333vw; } }
article .company_bg02 p, article .company_bg03 p { font-size: 28px; line-height: 42px; font-weight: 500; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { article .company_bg02 p, article .company_bg03 p { font-size: 2.1875vw; line-height: 3.28125vw; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 548.5714285714px) { article .company_bg02 p, article .company_bg03 p { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { article .company_bg02 p, article .company_bg03 p { font-size: 2.734375vw; line-height: 4.1015625vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 438.8571428571px) { article .company_bg02 p, article .company_bg03 p { font-size: 12px; } }

@media screen and (max-width: 768px) { article .company_bg02 p, article .company_bg03 p { font-size: 5.2083333333vw; line-height: 7.5520833333vw; } }
article .company_bg02 p strong, article .company_bg03 p strong { font-weight: 900; }
article .company_bg02 { background: url(/assets/img/front/org/company_mask01.png) center top no-repeat; padding-left: calc(50% - 630px); background-size: auto 400px; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { article .company_bg02 { padding-left: 0; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { article .company_bg02 { padding-left: 0; } }
@media screen and (max-width: 768px) { article .company_bg02 { padding-left: 0; } }
article .company_bg03 { background: url(/assets/img/front/org/company_mask02.png) center top no-repeat; background-size: auto 400px; }
article .slogan01, article .slogan02 { position: relative; /*height: 260px;*/ height: 180px; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { article .slogan01, article .slogan02 { height: 20.3125vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { article .slogan01, article .slogan02 { height: 25.390625vw; } }
@media screen and (max-width: 768px) { article .slogan01, article .slogan02 { height: 36.4583333333vw; } }
article .slogan01 dl, article .slogan02 dl { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; }
article .slogan01 dl dt, article .slogan02 dl dt { padding-bottom: 28px; font-family: 'Poppins' !important; font-weight: 200; font-size: 28px; line-height: 42px; text-align: center; color: #FFF; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { article .slogan01 dl dt, article .slogan02 dl dt { padding-bottom: 2.1875vw; font-size: 2.1875vw; line-height: 3.28125vw; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 548.5714285714px) { article .slogan01 dl dt, article .slogan02 dl dt { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { article .slogan01 dl dt, article .slogan02 dl dt { padding-bottom: 2.734375vw; font-size: 2.734375vw; line-height: 4.1015625vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 438.8571428571px) { article .slogan01 dl dt, article .slogan02 dl dt { font-size: 12px; } }

@media screen and (max-width: 768px) { article .slogan01 dl dt, article .slogan02 dl dt { padding-bottom: 3.6458333333vw; font-size: 4.6875vw; line-height: 7.03125vw; } }
article .slogan01 dl dd, article .slogan02 dl dd { font-size: 32px; line-height: 48px; letter-spacing: -1px; font-weight: 700; text-align: center; color: #FFF; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { article .slogan01 dl dd, article .slogan02 dl dd { font-size: 2.5vw; line-height: 3.75vw; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 480px) { article .slogan01 dl dd, article .slogan02 dl dd { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { article .slogan01 dl dd, article .slogan02 dl dd { font-size: 3.125vw; line-height: 4.6875vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 384px) { article .slogan01 dl dd, article .slogan02 dl dd { font-size: 12px; } }

@media screen and (max-width: 768px) { article .slogan01 dl dd, article .slogan02 dl dd { font-size: 4.6875vw; line-height: 7.03125vw; } }
article .slogan01 { background: #7CC59E; }
@media screen and (max-width: 768px) { article .slogan01 { margin-bottom: 2.6041666667vw; } }
article .slogan02 { background: #6AADA9; }
article .relate dl { display: flex; align-items: center; }
article .relate dl dt { margin-right: 2vw; }
article .relate dl dd { font-size: 18px; line-height: 1.6; }
article .youtube { position: relative; width: 100%; padding-bottom: 56.25%; }
article .youtube video, article .youtube iframe, article .youtube object, article .youtube embed { position: absolute; width: 100%; height: 100%; z-index: 1; }
article .bl { padding-left: 15px; text-indent: -15px; }
article .bl:before { content: ''; display: inline-block; width: 3px; height: 3px; margin: 0 5px; background: #03A643; vertical-align: 5px; }
article .value { display: flex; justify-content: space-evenly; }
@media screen and (max-width: 768px) { article .value { flex-direction: column; width: 70%; margin: 0 auto; } }
article .value li { position: relative; display: inline-block; width: 380px; height: 380px; border-radius: 100%; text-align: center; z-index: auto; background: #fff; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { article .value li { width: 29.6875vw; height: 29.6875vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { article .value li { width: 27.34375vw; height: 27.34375vw; } }
@media screen and (max-width: 768px) { article .value li { width: 57.2916666667vw; height: 57.2916666667vw; } }
article .value li:nth-child(even):before { transform: rotate(180deg); /* pc 짝수 */ }
@media screen and (max-width: 768px) { article .value li:nth-child(even):before { transform: rotate(90deg); /* 모바일 짝수 */ } }
article .value li:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; content: ""; background: url(/assets/img/front/org/circle_pc.png) 50% 50% no-repeat; background-size: cover; /* pc 일반 */ }
@media screen and (max-width: 768px) { article .value li:before { transform: rotate(270deg); /* 모바일 일반 */ } }
article .value li + li { margin-left: 60px; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { article .value li + li { margin-left: 4.6875vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { article .value li + li { margin-left: 5.859375vw; } }
@media screen and (max-width: 768px) { article .value li + li { margin-left: 0; margin-top: 5.2083333333vw; } }
article .value li p { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; padding: 25px; font-size: 18px; line-height: 28px; letter-spacing: -1px; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { article .value li p { padding: 1.953125vw 1.953125vw 1.953125vw 1.953125vw; font-size: 1.40625vw; line-height: 2.1875vw; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 853.3333333333px) { article .value li p { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { article .value li p { padding: 2.44140625vw 2.44140625vw 2.44140625vw 2.44140625vw; font-size: 1.7578125vw; line-height: 2.734375vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) { article .value li p { font-size: 12px; } }

@media screen and (max-width: 768px) { article .value li p { top: 0; right: 0; left: 0; bottom: 0; transform: translateY(30%); width: 100%; height: 100%; padding: 0vw 2.6041666667vw 0vw 2.6041666667vw; font-size: 3.6458333333vw; line-height: 4.6875vw; }
  article .value li p.up { transform: translateY(20%); height: 80%; } }
article .value li p strong { display: block; padding-bottom: 20px; font-size: 24px; line-height: 24px; color: #03A643; }
@media screen and (max-width: 768px) { article .value li p strong { padding-bottom: 5.2083333333vw; font-size: 4.6875vw; line-height: 6.25vw; } }
article .location > div { width: 100%; }
article .location > ul { width: 100%; padding: 0 30px; border: 1px solid #ddd; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { article .location > ul { padding: 0vw 2.34375vw 0vw 2.34375vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { article .location > ul { padding: 0vw 2.9296875vw 0vw 2.9296875vw; } }
@media screen and (max-width: 768px) { article .location > ul { padding: 0; } }
article .location > ul li { padding: 30px 0; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { article .location > ul li { padding: 2.34375vw 0vw 2.34375vw 0vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { article .location > ul li { padding: 0vw 0vw 0vw 0vw; } }
@media screen and (max-width: 768px) { article .location > ul li { padding: 0vw 3.125vw 0vw 3.125vw; } }
article .location > ul li + li { border-top: 1px solid #EEE; }
@media screen and (min-width: 768px) and (max-width: 1024px) { article .location > ul li + li { border-top: 0; margin: 0; } }
@media screen and (max-width: 768px) { article .location > ul li + li { border-top: 0; margin: 0; } }
article .location > ul li span + span { margin-left: 160px; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { article .location > ul li span + span { margin-left: 7.8125vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { article .location > ul li span + span { margin-left: 0; } }
@media screen and (max-width: 768px) { article .location > ul li span + span { margin-left: 0; } }
article .location > ul li span { display: inline-block; }
article .location > ul li span.fax, article .location > ul li span.email { margin-left: 132px; }
@media screen and (min-width: 768px) and (max-width: 1024px) { article .location > ul li span.fax, article .location > ul li span.email { margin-left: 0; } }
@media screen and (max-width: 768px) { article .location > ul li span.fax, article .location > ul li span.email { margin-left: 0; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { article .location > ul li span { display: block; border-bottom: 1px solid #EEE; padding: 2.34375vw 0vw 2.34375vw 7.8125vw; font-size: 2.734375vw; line-height: 2.734375vw; text-indent: -5.859375vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 438.8571428571px) { article .location > ul li span { font-size: 12px; } }

@media screen and (max-width: 768px) { article .location > ul li span { display: block; border-bottom: 1px solid #EEE; padding: 3.125vw 0vw 3.125vw 10.4166666667vw; font-size: 3.6458333333vw; line-height: 3.6458333333vw; text-indent: -7.8125vw; } }
article .location > ul li span:before { content: ""; display: inline-block; width: 30px; height: 30px; margin-right: 7px; background-repeat: no-repeat; background-position: left 50%; background-size: auto 98%; vertical-align: -10px; }
article .location > ul li .address:before { background-image: url("/assets/img/front/org/ico-location.svg"); }
article .location > ul li .tel:before { background-image: url("/assets/img/front/org/ico-call.svg"); background-size: auto 82%; }
article .location > ul li .fax:before { background-image: url("/assets/img/front/org/ico-fax.svg"); }
article .location > ul li .subway:before { background-image: url("/assets/img/front/org/ico-subway.svg"); }
article .location > ul li .email:before { background-image: url("/assets/img/front/org/ico-email.svg"); }

.selectArea { width: 150px; margin: 0 auto 40px; vertical-align: top; display: flex; justify-content: space-between; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .selectArea { justify-content: space-around; margin: 0px auto 80px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .selectArea { justify-content: space-around; margin: 0px auto 80px; } }
@media screen and (max-width: 768px) { .selectArea { justify-content: space-between; width: 100%; margin: 0px auto 40px; height: 10.4166666667vw; } }
.selectArea .letterBox { position: relative; flex: 1 1; }
.selectArea .letterBox + .letterBox { margin-left: 20px; }
.selectArea .letterBox button { position: absolute; left: 0; top: 0; background: #FFF url(/assets/img/front/icon-newsletter.png) right top no-repeat; border: 1px solid #03A643; display: block; width: 100%; max-width: 150px; height: 44px; line-height: 40px; font-size: 16px; font-family: 'Poppins' !important; text-indent: 20px; text-align: left; cursor: pointer; z-index: 10; }
@media screen and (max-width: 768px) { .selectArea .letterBox button { max-width: 100%; height: 10.4166666667vw; font-size: 4.1666666667vw; line-height: 10.4166666667vw; } }
.selectArea .letterBox button.bg-bottom { background-position: right bottom; }
.selectArea .letterBox ul { position: absolute; top: 43px; left: 0; width: 100%; max-width: 150px; height: 80px; padding: 10px 20px; background: #fff; border: 1px solid #03A643; opacity: 0; transform: translateY(-15%); transition: all 0.3s ease-out; overflow: hidden; z-index: 1; visibility: hidden; }
@media screen and (max-width: 768px) { .selectArea .letterBox ul { max-width: 100%; } }
.selectArea .letterBox ul.on { opacity: 1; transform: translateY(0); overflow-y: auto; visibility: visible; }
.selectArea .letterBox ul li a { display: block; color: #333333; font-family: 'Poppins' !important; font-size: 16px; line-height: 26px; font-weight: 400; }
@media screen and (max-width: 768px) { .selectArea .letterBox ul li a { line-height: 7.8125vw; font-size: 4.1666666667vw; } }
.selectArea .letterBox ul li a:hover, .selectArea .letterBox ul li a:focus { color: #03A643; }

.slider { width: 100%; margin: 0; padding: 0; }
.slider .slick-list { position: relative; width: 100%; margin: 0; padding: 0; overflow: hidden; }
.slider .slick-list div { display: inline-block; width: 100%; text-align: center; }
.slider .slick-list div a { display: block; width: 100%; border: 1px solid transparent; font-size: 0; }
.slider .slick-list div a img { width: auto; max-width: 100%; transition: all 0.5s ease-in-out; }
.slider .slick-arrow { position: absolute; top: 170px; display: inline-block; width: 60px; height: 60px; text-indent: -99999px; z-index: 100; transition: background-image .3s; }
@media screen and (max-width: 768px) { .slider .slick-arrow { top: 19.53125vw; width: 7.8125vw; height: 7.8125vw; } }
.slider .slick-prev { left: -30px; background: url("/assets/img/front/main/history_arrow_left.png") 50% 50% no-repeat; background-size: 100% 100%; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .slider .slick-prev { left: 2.734375vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .slider .slick-prev { left: 1.46484375vw; } }
@media screen and (max-width: 768px) { .slider .slick-prev { left: 1.3020833333vw; } }
.slider .slick-prev:hover, .slider .slick-prev:focus { background: url("/assets/img/front/main/history_arrow_left_on.png") 50% 50% no-repeat; background-size: 100% 100%; }
.slider .slick-next { right: -30px; background: url("/assets/img/front/main/history_arrow_right.png") 50% 50% no-repeat; background-size: 100% 100%; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .slider .slick-next { right: 2.734375vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .slider .slick-next { right: 1.46484375vw; } }
@media screen and (max-width: 768px) { .slider .slick-next { right: 1.3020833333vw; } }
.slider .slick-next:hover { background: url("/assets/img/front/main/history_arrow_right_on.png") 50% 50% no-repeat; background-size: 100% 100%; }
.slider ul.slick-dots { position: absolute; top: 320px; left: 530px; width: 200px; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .slider ul.slick-dots { left: 36.71875vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .slider ul.slick-dots { left: 34.1796875vw; } }
@media screen and (max-width: 768px) { .slider ul.slick-dots { top: 32.5520833333vw; left: 31.25vw; transform: scale(0.5); } }
@media screen and (max-width: 600px) and (min-width: 500px) { .slider ul.slick-dots { top: 32.5520833333vw; left: 29.9479166667vw; transform: scale(0.5); } }
@media screen and (max-width: 500px) and (min-width: 400px) { .slider ul.slick-dots { top: 32.5520833333vw; left: 26.0416666667vw; transform: scale(0.5); } }
@media screen and (max-width: 400px) and (min-width: 300px) { .slider ul.slick-dots { top: 32.5520833333vw; left: 23.4375vw; transform: scale(0.5); } }
.slider ul.slick-dots li { display: inline-block; }
.slider ul.slick-dots li button { display: inline-block; width: 28px; height: 28px; margin: 0 5px; 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-wh.svg") 50% 50% no-repeat; }

.history .year { width: 100%; height: 400px; text-align: center; background-repeat: no-repeat; background-position: 50% top; background-size: cover; }
@media screen and (max-width: 768px) { .history .year { height: 46.875vw; } }
.history .year.y00 { background-image: url(/assets/img/front/org/history_bg00.png); }
.history .year.y01 { background-image: url(/assets/img/front/org/history_bg01.png); }
.history .year.y02 { background-image: url(/assets/img/front/org/history_bg02.png); }
.history .year.y03 { background-image: url(/assets/img/front/org/history_bg03.png); }
.history .year.y04 { background-image: url(/assets/img/front/org/history_bg04.png); }
.history .year h5 { padding: 118px 0 26px; font-family: 'Poppins' !important; font-size: 56px; line-height: 56px; color: #FFF; font-weight: 700; }
@media screen and (max-width: 768px) { .history .year h5 { padding: 10.4166666667vw 0vw 2.6041666667vw 0vw; font-size: 5.2083333333vw; line-height: 5.2083333333vw; } }
.history .year p { font-size: 20px; line-height: 30px; color: #FFF; }
@media screen and (max-width: 768px) { .history .year p { padding: 0vw 5.2083333333vw 0vw 5.2083333333vw; font-size: 3.3854166667vw; line-height: 5.2083333333vw; } }
.history .comment { padding: 30px 0 60px; border-bottom: 1px solid #111; font-size: 18px; line-height: 30px; text-align: left !important; }
@media screen and (max-width: 768px) { .history .comment { padding: 5.2083333333vw 0vw 5.2083333333vw 0vw; font-size: 3.6458333333vw; line-height: 5.9895833333vw; -webkit-text-size-adjust: none; } }
.history dl { display: flex; justify-content: space-between; width: 100%; border-bottom: 1px solid #ddd; }
@media screen and (max-width: 768px) { .history dl { flex-direction: column; } }
.history dl dt { width: 200px; padding: 35px 0 35px 35px; font-size: 55px; line-height: 55px; font-weight: 700; letter-spacing: -2px; color: #7CC59E; text-align: left; }
@media screen and (max-width: 768px) { .history dl dt { width: 100%; padding: 5.2083333333vw 0vw 1.3020833333vw 3.125vw; font-size: 5.2083333333vw; line-height: 5.2083333333vw; } }
.history dl dd { width: calc(100% - 200px); padding: 35px; text-align: left; }
@media screen and (max-width: 768px) { .history dl dd { width: 100%; padding: 0vw 1.3020833333vw 5.2083333333vw 1.3020833333vw; } }
.history dl dd ul li { font-size: 18px; line-height: 30px; padding-left: 7px; text-indent: -7px; -webkit-text-size-adjust: none; }
@media screen and (max-width: 768px) { .history dl dd ul li { font-size: 3.3854166667vw; line-height: 5.2083333333vw; } }
h5.history-title { margin: 10px 0 6px; padding-left: 0; font-size: 18px; line-height: 24px; font-weight: 700; color: #333; }
@media screen and (max-width: 768px) { h5.history-title { font-size: 3.6458333333vw; line-height: 5.2083333333vw; } }

.way h4 { padding-bottom: 60px; text-align: center; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .way h4 { padding-bottom: 4.6875vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .way h4 { padding-bottom: 3.90625vw; } }
@media screen and (max-width: 768px) { .way h4 { padding-bottom: 7.8125vw; } }
.way ul { width: 500px; margin: 0 auto; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .way ul { width: 39.0625vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .way ul { width: 39.0625vw; } }
@media screen and (max-width: 768px) { .way ul { width: 100%; } }
.way ul li { display: inline-block; width: 200px; margin: 0 auto; text-align: center; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .way ul li { width: 15.625vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .way ul li { width: 14.6484375vw; } }
@media screen and (max-width: 768px) { .way ul li { width: 40%; margin: 0 5%; } }
.way ul li + li { margin-left: 90px; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .way ul li + li { margin-left: 7.03125vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .way ul li + li { margin-left: 4.8828125vw; } }
@media screen and (max-width: 768px) { .way ul li + li { margin-left: 0; } }
.way ul li img { display: block; margin: 0 auto; }
.way ul li strong { display: block; padding: 30px 0 10px; font-size: 24px; line-height: 24px; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .way ul li strong { padding: 2.34375vw 0vw 1.5625vw 0vw; font-size: 2.5vw; line-height: 2.5vw; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 480px) { .way ul li strong { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { .way ul li strong { padding: 2.9296875vw 0vw 1.953125vw 0vw; font-size: 3.125vw; line-height: 3.125vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 384px) { .way ul li strong { font-size: 12px; } }

@media screen and (max-width: 768px) { .way ul li strong { padding: 4.1666666667vw 0vw 1.5625vw 0vw; font-size: 4.1666666667vw; line-height: 4.1666666667vw; } }
.way ul li span { display: block; font-size: 18px; line-height: 30px; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .way ul li span { font-size: 1.40625vw; line-height: 2.34375vw; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 853.3333333333px) { .way ul li span { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { .way ul li span { font-size: 1.7578125vw; line-height: 2.9296875vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) { .way ul li span { font-size: 12px; } }

@media screen and (max-width: 768px) { .way ul li span { font-size: 3.6458333333vw; line-height: 6.25vw; letter-spacing: -1px; } }
.way ul li span .small { font-size: 14px; line-height: 24px; letter-spacing: -3px; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .way ul li span .small { font-size: 1.09375vw; line-height: 1.875vw; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 1097.1428571429px) { .way ul li span .small { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { .way ul li span .small { font-size: 1.3671875vw; line-height: 2.34375vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 877.7142857143px) { .way ul li span .small { font-size: 12px; } }

@media screen and (max-width: 768px) { .way ul li span .small { font-size: 2.6041666667vw; line-height: 4.6875vw; } }
@media screen and (max-width: 768px) and (max-width: 460.8px) { .way ul li span .small { font-size: 12px; } }

.way .btn { width: auto; margin: 30px auto 0; padding-left: 20px; padding-right: 60px; background: url(/assets/img/front/org/ico-doc.svg) no-repeat 95% 50%; transition: all .2s; }
.way .btn:hover { background: #F3F9F6 url(/assets/img/front/org/ico-doc.svg) no-repeat 95% 50%; color: #03A643; }

.imgBg-way { height: 680px; background-image: url(/assets/img/front/sponsor/way_bg.png); background-repeat: no-repeat; background-position: 60% 50%; background-size: cover; vertical-align: top; }
@media screen and (max-width: 768px) { .imgBg-way { height: 177.0833333333vw; background-image: url(/assets/img/front/sponsor/way_bg_mo.png); } }
.imgBg-way dl dt { display: inline-block; padding: 80px 0 30px; margin-bottom: 30px; border-bottom: 1px solid #fff; font-size: 34px; line-height: 34px; color: #FFF; font-weight: 700; }
@media screen and (max-width: 768px) { .imgBg-way dl dt { margin-bottom: 4.6875vw; padding: 10.4166666667vw 0vw 4.1666666667vw 0vw; font-size: 5.2083333333vw; line-height: 5.2083333333vw; } }
.imgBg-way dl dd { font-size: 24px; line-height: 36px; color: #FFF; }
@media screen and (max-width: 768px) { .imgBg-way dl dd { font-size: 3.3854166667vw; line-height: 5.2083333333vw; } }
.imgBg-way dl dd .strong-bg { font-weight: 700; color: #c3fd56; }

.table { width: 100%; margin-top: 40px; border-top: 1px solid #bbb; border-collapse: collapse; border-spacing: 0; }
@media screen and (max-width: 768px) { .table { padding-top: 5.2083333333vw; } }
.table caption { position: absolute; left: -99999px; top: -9999px; width: 0; height: 0; font-size: 0; text-indent: -99999px; }
.table thead th { padding: 17px 0; background: #f5f5f5; text-align: center; font-weight: 400; border-left: 1px solid #DDD; border-bottom: 1px solid #DDD; vertical-align: middle; }
@media screen and (max-width: 768px) { .table thead th { padding: 3.125vw 0vw 3.125vw 0vw; } }
.table thead th:first-child { border-left: 0; }
.table tbody td { padding: 17px 20px; background: #fff; border-bottom: 1px solid #DDD; text-align: center; vertical-align: middle; }
@media screen and (max-width: 768px) { .table tbody td { padding: 3.125vw 3.125vw 3.125vw 3.125vw; } }
.table tbody td + td { border-left: 1px solid #DDD; }
.table tbody td:first-child, .table tbody td:first-child + td { border-right: 1px solid #DDD; /*border-right: 0;*/ }
.table tbody .group { border-right: 1px solid #ddd; }
.table tbody .group p { display: none; }
.table tbody .bgGreen { background: #F3F9F6 !important; }
@media screen and (max-width: 768px) { .table tbody .bgGreen { background: #fff; font-weight: normal; } }

.scroll { width: 100% !important; max-width: 1260px; padding-top: 50px; }
@media screen and (max-width: 1280px) { .scroll { overflow-x: auto; } }
.scroll:before { content: '(단위 : 원)'; display: block; width: 100%; padding-bottom: 5px; text-align: right; font-size: 18px; line-height: 18px; }
.scroll p.small { margin-top: -30px; }
.scroll .table { margin-top: 0px; }

table.vertical { width: 100%; margin-top: 40px; border-top: 1px solid #bbb; border-collapse: collapse; border-spacing: 0; }
@media screen and (max-width: 768px) { table.vertical { padding-top: 5.2083333333vw; } }
table.vertical caption { font-size: 0; text-indent: -99999px; }
table.vertical tbody th { padding: 17px 0; background: #f5f5f5; text-align: center; vertical-align: middle; font-weight: 400; border-bottom: 1px solid #DDD; }
@media screen and (max-width: 768px) { table.vertical tbody th { padding: 3.125vw 0vw 3.125vw 0vw; } }
table.vertical tbody td { padding: 12px 20px; background: #fff; border-bottom: 1px solid #DDD; text-align: center;
    vertical-align: middle;}
@media screen and (max-width: 768px) { table.vertical tbody td { padding: 4.4270833333vw 3.125vw 3.125vw 3.125vw; } }
table.vertical tbody td + td { border-left: 1px solid #DDD; }
table.vertical tbody td.now { text-align: left; border-right: 0 !important; line-height: 1.6; }

@media screen and (max-width: 768px) { table.moTable { width: 100%; }
  table.moTable colgroup { display: none; }
  table.moTable tr { position: relative; display: block; }
  table.moTable th { display: none; }
  table.moTable td { display: block; width: 100%; text-align: left !important; border: 0 !important; padding: 3.90625vw 2.6041666667vw 3.90625vw 3.125vw; font-size: 3.3854166667vw; line-height: 5.2083333333vw; }
  table.moTable td span { display: inline-block; font-weight: 500; color: #375550; text-align: center; width: 16.9270833333vw; font-size: 3.3854166667vw; line-height: 5.2083333333vw; }
  table.moTable td strong { font-size: 3.6458333333vw; line-height: 5.2083333333vw; font-weight: 700; }
  table.moTable .group { float: left; display: block; background: #FAF6F1; font-weight: 700; border-bottom: 1px solid #ddd; padding: 6.5104166667vw 2.6041666667vw 0vw 1.3020833333vw; }
  table.moTable .group p { display: block; font-weight: 400; padding-bottom: 20px; float: right; text-align: right; }
  table.moTable .position { display: none; }
  table.moTable .name { float: left; display: inline-block; width: 60%; padding: 3.90625vw 2.6041666667vw 3.90625vw 3.125vw; }
  table.moTable .tel { display: inline-block; width: 40%; text-align: center !important; padding: 3.90625vw 2.6041666667vw 3.90625vw 3.125vw; }
  table.moTable .email { display: none; float: left; border-bottom: 1px solid #ddd !important; text-align: left; padding: 0vw 2.6041666667vw 3.90625vw 3.125vw; margin-top: -3.90625vw; }
  table.moTable .now { display: block; border-bottom: 1px solid #ddd !important; text-align: left; padding: 0vw 2.6041666667vw 3.90625vw 3.125vw; margin-top: -1.3020833333vw; } }
.greeting div.only-pc { padding-top: 50px; }
.greeting div.only-pc:first-child { padding-top: 0px; }
.greeting div h4 img { width: 40%; float: right; }
.greeting div div p .only-mobile { display: none; }
@media screen and (max-width: 768px) { .greeting div div p .only-mobile { display: block; } }
.greeting div div p + p { padding-top: 10px; }
.greeting .sign { display: flex; justify-content: flex-end; padding-top: 40px; }
.greeting .sign span { text-align: right; }
.greeting .sign img { margin-left: 10px; }
@media screen and (min-width: 768px) and (max-width: 1024px) { .greeting .sign img { margin-top: 3.61328125vw; width: 15.33203125vw; height: 5.859375vw; } }
@media screen and (max-width: 768px) { .greeting .sign img { margin-top: 3.90625vw; width: 20.4427083333vw; height: 7.8125vw; } }

.org { position: relative; display: flex; justify-content: center; flex-wrap: wrap; margin-top: 85px; }
@media screen and (max-width: 768px) { .org { flex-direction: column; padding-top: 7.8125vw; } }
.org:before { content: ''; position: absolute; left: 50%; top: -45px; display: inline-block; width: 28.3%; height: 1px; background: #ddd; transform: translateX(-49.8%); }
@media screen and (max-width: 768px) { .org:before { display: none; } }
.org:after { content: ''; position: absolute; left: 50%; top: -90px; display: inline-block; width: 1px; height: 45px; background: #ddd; }
@media screen and (max-width: 768px) { .org:after { top: -90px; height: 150px; z-index: -1; } }
.org dl { position: relative; display: flex; flex-direction: column; width: 25%; margin: 0 20px; border: 1px solid #CCC; }
@media screen and (max-width: 768px) { .org dl { width: 100%; margin: 0; } }
.org dl:before { content: ''; position: absolute; left: 50%; top: -45px; display: inline-block; width: 1px; height: 45px; background: #ddd; }
@media screen and (max-width: 768px) { .org dl:before { display: none; } }
.org dl dt { height: 50px; text-align: center; background: #F3F9F6; border-bottom: 1px solid #CCC; font-size: 16px; line-height: 50px; color: #375550; }
.org dl dd { width: 100%; min-height: 150px; /*padding-top: 32px;*/ padding-top: 22px; text-align: center; font-size: 15px; line-height: 22px; color: #555555; }
@media screen and (max-width: 768px) { .org dl dd { min-height: auto; padding: 2.6041666667vw 1.3020833333vw 2.6041666667vw 1.3020833333vw; } }
.org dl:nth-child(4) dd, .org dl:nth-child(3) dd { padding-top: 50px; }
@media screen and (max-width: 768px) { .org dl:nth-child(4) dd, .org dl:nth-child(3) dd { padding: 2.6041666667vw 1.3020833333vw 2.6041666667vw 1.3020833333vw; } }
.org .dl { position: relative; width: 32%; border: 1px solid #CCC; }
@media screen and (max-width: 768px) { .org .dl { width: 100%; } }
.org .dl:before { content: ''; position: absolute; left: 50%; top: -45px; display: inline-block; width: 1px; height: 45px; background: #ddd; }
@media screen and (max-width: 768px) { .org .dl:before { display: none; } }
.org .dl strong { display: block; padding: 15px 0; text-align: center; background: #F3F9F6; border-bottom: 1px solid #CCC; font-size: 16px; line-height: 16px; font-weight: 400; color: #375550; }
.org .dl dl { width: 50%; border: 0; }
.org .dl dl:before { display: none; }
.org .dl dl:nth-child(2) { float: left; border-right: 1px solid #ccc; }
.org .dl dl dd { min-height: 100px; padding-top: 7px; }
@media screen and (max-width: 768px) { .org .dl dl dd { min-height: auto; padding: 2.6041666667vw 1.3020833333vw 2.6041666667vw 1.3020833333vw; } }
.org .dl dl:nth-child(3) dd { padding-top: 20px; }
@media screen and (max-width: 768px) { .org .dl dl:nth-child(3) dd { padding: 2.6041666667vw 1.3020833333vw 2.6041666667vw 1.3020833333vw; } }

.clean_header { height: 240px; margin: -40px auto 50px; padding-top: 70px; background: url(/assets/img/front/org/clean_header.png) 50% 50% no-repeat; text-align: center; font-size: 34px; line-height: 50px; font-weight: 400; }
@media screen and (max-width: 768px) { .clean_header { height: auto; margin: 0; padding: 0 50px; background: none; margin-bottom: 7.8125vw; font-size: 4.6875vw; line-height: 6.9010416667vw; } }
.clean_header strong { font-weight: 700; }

.clean_bts { display: flex; flex-direction: column; }
@media screen and (max-width: 768px) { .clean_bts { flex-direction: row; justify-content: space-between; margin: 0; padding: 0; margin-top: 10.4166666667vw; } }
@media screen and (max-width: 768px) { .clean_bts .selectArea { position: relative; width: 30%; } }
.clean_bts .selectArea ul { height: auto; max-height: 152px; }
.clean_bts .bts { display: flex; justify-content: space-between; margin-top: 50px; }
@media screen and (max-width: 768px) { .clean_bts .bts { flex-direction: column; width: 65%; margin-top: 0; /*@include responsive-vw('padding', 10px 10px 10px 10px, $design-mobile);
@include responsive-font(48px, $design-mobile);
@include responsive-vw('line-height', 48px, $design-mobile);*/ } }
.clean_bts .bts li { width: 25%; }
@media screen and (max-width: 768px) { .clean_bts .bts li { width: 100%; } }
.clean_bts .bts li + li { margin-left: 20px; }
@media screen and (max-width: 768px) { .clean_bts .bts li + li { margin-left: 0; margin-top: 2.0833333333vw; } }
.clean_bts .bts li:nth-child(1) a, .clean_bts .bts li:nth-child(4) a { background-image: url(/assets/img/front/org/ico-go.svg); }
.clean_bts .bts li:nth-child(2) a, .clean_bts .bts li:nth-child(3) a { background-image: url(/assets/img/front/org/ico-doc.svg); }
.clean_bts .bts li a { display: block; padding: 15px 20px; background-color: #F3F9F6; background-size: auto 40%; background-repeat: no-repeat; background-position: 95% 50%; border: 1px solid #7CC59E; border-radius: 3px; color: #03A643; }

.clean h4 { padding: 0 !important; }
.clean .graph img { max-width: 100%; }
.clean ul { max-width: 380px; margin: 50px 0 0 70px; border-top: 1px solid #DDD; }
@media screen and (min-width: 768px) and (max-width: 1024px) { .clean ul { max-width: 41.015625vw; margin: 2.9296875vw 0vw 0vw 0vw; } }
@media screen and (max-width: 768px) { .clean ul { width: 100%; max-width: 100%; margin: 7.8125vw 0vw 7.8125vw 0vw; } }
.clean ul li { display: table; width: 100%; font-size: 22px; line-height: 56px; text-align: right; border-bottom: 1px solid #DDD; }
@media screen and (max-width: 768px) { .clean ul li { font-size: 3.6458333333vw; line-height: 10.6770833333vw; } }
.clean ul li span { display: table-cell; width: 150px; text-align: left; }
.clean ul li span:before { content: ''; display: inline-block; width: 15px; height: 15px; margin: 0 10px; }
.clean ul li strong { display: table-cell; width: calc(100% - 150px); font-size: 24px; line-height: 56px; font-weight: 600; text-align: right; }
@media screen and (max-width: 768px) { .clean ul li strong { font-size: 4.1666666667vw; line-height: 10.6770833333vw; } }
.clean ul li strong:after { content: '원'; padding-left: 3px; font-size: 22px; line-height: 56px; font-weight: 400; }
@media screen and (max-width: 768px) { .clean ul li strong:after { font-size: 3.6458333333vw; line-height: 10.6770833333vw; } }
.clean .income li:nth-child(1) span:before { background: #70AD47; }
.clean .income li:nth-child(2) span:before { background: #4472C4; }
.clean .income li:nth-child(3) span:before { background: #FFC000; }
.clean .income li:nth-child(4) span:before { background: #43682B; }
.clean .income li:nth-child(5) span:before { background: #777777; }
.clean .income li:nth-child(6) span:before { background: #997300; }
.clean .spend li:nth-child(1) span:before { background: #FFC000; }
.clean .spend li:nth-child(2) span:before { background: #5B9BD5; }
.clean .spend li:nth-child(3) span:before { background: #747474; }
.clean .spend li:nth-child(4) span:before { background: #43682B; }
.clean .spend li:nth-child(5) span:before { background: #255E91; }

.nothing { padding: 25px 0 85px; text-align: center; border-bottom: 1px solid #ddd; }
@media screen and (max-width: 768px) { .nothing { padding: 10.4166666667vw 0vw 10.4166666667vw 0vw; } }
.nothing span { display: block; padding-top: 30px; font-size: 22px; line-height: 32px; letter-spacing: -3%; color: #333333; }
@media screen and (max-width: 768px) { .nothing span { padding-top: 5.2083333333vw; font-size: 4.1666666667vw; line-height: 6.5104166667vw; } }
.nothing p { padding-top: 45px; font-size: 34px; font-weight: 300; color: #111111; }
@media screen and (max-width: 768px) { .nothing p { padding-top: 6.5104166667vw; font-size: 5.2083333333vw; line-height: 6.5104166667vw; } }
.nothing p strong { font-weight: 700; }
.nothing p strong.green { background: transparent; color: #03A643; }
.nothing p span { padding-top: 20px; font-size: 26px; color: #555555; }
@media screen and (max-width: 768px) { .nothing p span { padding-top: 1.3020833333vw; font-size: 4.1666666667vw; line-height: 5.2083333333vw; } }

.galleryList { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 50px; }
.galleryList li { flex: 0 0 23.5%; margin-right: 2%; margin-bottom: 30px; }
.galleryList li:nth-child(4n) { margin-right: 0; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .galleryList li:nth-child(4n) { margin-right: 0; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .galleryList li { /*flex: 0 0 32%;*/ flex: 0 0 48%; }
  .galleryList li:nth-child(2n) { margin-right: 2%; }
  .galleryList li:nth-child(4n) { margin-right: 0; } }
@media screen and (max-width: 768px) { .galleryList li { flex: 0 0 100%; } }
.galleryList li a { position: relative; display: block; }
.galleryList li a:before { position: absolute; right: 1px; top: 1px; width: 100%; height: 218px; background-repeat: no-repeat; background-position: right top; content: ""; z-index: 2; }
.galleryList li a.ing:after { position: absolute; right: 1px; top: 1px; content: "진행중"; width: auto; height: 30px; padding: 0 10px; background: #03A643; font-size: 14px; font-weight: 400; line-height: 30px; color: #FFF; z-index: 3; }
@media screen and (max-width: 768px) { .galleryList li a.ing:after { height: 6.7708333333vw; padding: 0vw 1.3020833333vw 0vw 1.3020833333vw; font-size: 3.3854166667vw; line-height: 6.7708333333vw; } }
.galleryList li a.finish:before { background-color: rgba(0, 0, 0, 0.3); }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .galleryList li a.finish:before { height: 17.03125vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .galleryList li a.finish:before { height: 21.2890625vw; } }
@media screen and (max-width: 768px) { .galleryList li a.finish:before { height: 65.1041666667vw; } }
.galleryList li a.finish:after { position: absolute; right: 1px; top: 1px; content: "마감"; width: auto; height: 30px; padding: 0 10px; background: #777777; font-size: 14px; font-weight: 400; line-height: 30px; color: #FFF; z-index: 10; }
@media screen and (max-width: 768px) { .galleryList li a.finish:after { height: 6.7708333333vw; padding: 0vw 1.3020833333vw 0vw 1.3020833333vw; font-size: 3.3854166667vw; line-height: 6.7708333333vw; } }
.galleryList li a figure { width: 100%; height: 218px; margin-bottom: 15px; border: 1px solid #ddd; overflow: hidden; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .galleryList li a figure { height: 17.03125vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .galleryList li a figure { height: 21.2890625vw; } }
@media screen and (max-width: 768px) { .galleryList li a figure { height: 65.1041666667vw; } }
.galleryList li a figure img { width: 100%; height: 100%; object-fit: cover; object-position: 50% top; }
.galleryList li a span { display: block; }
.galleryList li a .category { display: inline-block; width: auto; padding: 0 2px 3px 2px; font-size: 16px; line-height: 16px; font-weight: 500; color: #00560E; background: linear-gradient(to top, #d8ede2 55%, transparent 45%); }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .galleryList li a .category { font-size: 1.25vw; line-height: 1.25vw; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 960px) { .galleryList li a .category { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { .galleryList li a .category { font-size: 1.5625vw; line-height: 1.5625vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) { .galleryList li a .category { font-size: 12px; } }

@media screen and (max-width: 768px) { .galleryList li a .category { font-size: 3.6458333333vw; line-height: 3.6458333333vw; } }
.galleryList li a .subject { max-height: 54px; margin: 10px 0 9px; font-size: 18px; line-height: 27px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .galleryList li a .subject { max-height: 4.21875vw; font-size: 1.40625vw; line-height: 2.109375vw; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 853.3333333333px) { .galleryList li a .subject { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { .galleryList li a .subject { max-height: 5.2734375vw; font-size: 1.7578125vw; line-height: 2.63671875vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) { .galleryList li a .subject { font-size: 12px; } }

@media screen and (max-width: 768px) { .galleryList li a .subject { max-height: 12.2395833333vw; font-size: 4.1666666667vw; line-height: 6.1197916667vw; } }
.galleryList li a .date { font-family: 'Poppins' !important; font-size: 14px; line-height: 21px; color: #555555; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .galleryList li a .date { font-size: 1.25vw; line-height: 1.25vw; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 960px) { .galleryList li a .date { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { .galleryList li a .date { font-size: 1.5625vw; line-height: 1.5625vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) { .galleryList li a .date { font-size: 12px; } }

@media screen and (max-width: 768px) { .galleryList li a .date { font-size: 3.6458333333vw; line-height: 3.6458333333vw; } }
.galleryList li a .hashtag em { display: inline-block; margin: 0 3px 5px 0; padding: 0 10px; border: 1px solid #7CC59E; border-radius: 15px; font-size: 13px; line-height: 24px; color: #03A643; font-style: normal; font-weight: 500; }
@media screen and (max-width: 768px) { .galleryList li a .hashtag em { font-size: 3.3854166667vw; padding: 0vw 3.125vw 0vw 3.125vw; line-height: 7.2916666667vw; } }
.galleryList li a .hashtag em:before { content: "#"; padding-right: 1px; font-size: 13px; line-height: 24px; color: #03A643; }

.requestList { position: relative; width: 100%; margin-bottom: 80px; border-top: 1px solid #111; }
.requestList.inteviewList li { padding: 20px 30px 20px 30px; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .requestList.inteviewList li { padding: 1.5625vw 2.34375vw 1.5625vw 2.34375vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .requestList.inteviewList li { padding: 1.953125vw 2.9296875vw 1.953125vw 2.9296875vw; } }
@media screen and (max-width: 768px) { .requestList.inteviewList li { padding: 2.6041666667vw 3.90625vw 2.6041666667vw 3.90625vw; } }
.requestList.inteviewList li a:before { display: none; }
.requestList li { width: 100%; height: 193px; padding: 20px 30px 20px 96px; transition: all .2s; border-bottom: 1px solid #ddd; cursor: pointer; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .requestList li { height: 15.078125vw; padding: 1.5625vw 2.34375vw 1.5625vw 7.5vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .requestList li { height: 18.84765625vw; padding: 1.953125vw 2.9296875vw 1.953125vw 9.375vw; } }
@media screen and (max-width: 768px) { .requestList li { height: 25.1302083333vw; padding: 2.6041666667vw 3.90625vw 2.6041666667vw 2.6041666667vw; } }
.requestList li a { position: relative; display: block; width: 100%; height: 100%; }
.requestList li a.ing:before, .requestList li a.finish:before { position: absolute; left: -76px; top: 50%; margin-top: -28px; width: 56px; height: 56px; font-size: 14px; font-weight: 400; line-height: 56px; color: #FFF; text-align: center; border-radius: 28px; z-index: 3; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .requestList li a.ing:before, .requestList li a.finish:before { font-size: 1.09375vw; width: 4.375vw; height: 4.375vw; line-height: 4.375vw; left: -5.9375vw; margin-top: -2.1875vw; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 1097.1428571429px) { .requestList li a.ing:before, .requestList li a.finish:before { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { .requestList li a.ing:before, .requestList li a.finish:before { font-size: 1.3671875vw; width: 5.46875vw; height: 5.46875vw; line-height: 5.46875vw; left: -7.421875vw; margin-top: -2.734375vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 877.7142857143px) { .requestList li a.ing:before, .requestList li a.finish:before { font-size: 12px; } }

@media screen and (max-width: 768px) { .requestList li a.ing:before, .requestList li a.finish:before { width: auto; height: auto; top: 0px; margin-top: 0; border-radius: 0px; font-size: 1.8229166667vw; line-height: 2.6041666667vw; padding: 0.9114583333vw 1.3020833333vw 0.9114583333vw 1.3020833333vw; left: 0vw; } }
@media screen and (max-width: 768px) and (max-width: 658.2857142857px) { .requestList li a.ing:before, .requestList li a.finish:before { font-size: 12px; } }

.requestList li a.ing:before { content: "진행중"; background: #03A643; }
.requestList li a.finish:before { content: "마감"; background: #777777; }
.requestList li a.finish figure:after { position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: right top; content: ""; z-index: 2; background-color: rgba(0, 0, 0, 0.3); }
.requestList li a figure { position: relative; display: inline-block; width: 200px; height: 153px; border: 1px solid #ddd; overflow: hidden; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .requestList li a figure { width: 15.625vw; height: 11.953125vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .requestList li a figure { width: 19.53125vw; height: 14.94140625vw; } }
@media screen and (max-width: 768px) { .requestList li a figure { width: 26.0416666667vw; height: 19.921875vw; } }
.requestList li a figure img { width: 100%; height: auto; }
.requestList li a:hover figure img { transform: none; }
.requestList li a div { position: relative; display: inline-block; width: 79%; height: 153px; max-width: 904px; padding-left: 30px; box-sizing: border-box; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .requestList li a div { padding-left: 1.5625vw; height: 11.953125vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .requestList li a div { padding-left: 1.953125vw; height: 14.94140625vw; width: 57.12890625vw; } }
@media screen and (max-width: 768px) { .requestList li a div { padding-left: 2.6041666667vw; height: 19.921875vw; width: 50.1302083333vw; } }
.requestList li a div span { display: block; }
.requestList li a div span.category { display: inline-block; width: auto; padding: 0 2px 3px 2px; font-size: 16px; line-height: 16px; font-weight: 500; color: #00560E; background: linear-gradient(to top, #d8ede2 55%, transparent 45%); }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .requestList li a div span.category { font-size: 1.25vw; padding: 0vw 0.15625vw 0.234375vw 0.15625vw; line-height: 1.25vw; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 960px) { .requestList li a div span.category { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { .requestList li a div span.category { font-size: 1.5625vw; padding: 0vw 0.1953125vw 0.29296875vw 0.1953125vw; line-height: 1.5625vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) { .requestList li a div span.category { font-size: 12px; } }

@media screen and (max-width: 768px) { .requestList li a div span.category { font-size: 2.0833333333vw; padding: 0vw 0.2604166667vw 0.390625vw 0.2604166667vw; line-height: 2.0833333333vw; } }
@media screen and (max-width: 768px) and (max-width: 576px) { .requestList li a div span.category { font-size: 12px; } }

.requestList li a div span.title { margin-top: 15px; font-size: 24px; color: #111; font-weight: 500; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .requestList li a div span.title { font-size: 1.71875vw; margin-top: 1.171875vw; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 698.1818181818px) { .requestList li a div span.title { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { .requestList li a div span.title { font-size: 2.1484375vw; margin-top: 1.46484375vw; height: 2.9296875vw; line-height: 3.515625vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 558.5454545455px) { .requestList li a div span.title { font-size: 12px; } }

@media screen and (max-width: 768px) { .requestList li a div span.title { font-size: 2.8645833333vw; margin-top: 0.6510416667vw; height: 3.515625vw; line-height: 4.6875vw; } }
@media screen and (max-width: 768px) and (max-width: 418.9090909091px) { .requestList li a div span.title { font-size: 12px; } }

.requestList li a div span.subject { height: 47px; margin-top: 6px; font-size: 16px; font-weight: 400; color: #555; line-height: 23px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .requestList li a div span.subject { font-size: 1.25vw; margin-top: 0.46875vw; height: 3.515625vw; line-height: 1.796875vw; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 960px) { .requestList li a div span.subject { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { .requestList li a div span.subject { font-size: 1.5625vw; margin-top: 0.5859375vw; height: 4.39453125vw; line-height: 2.24609375vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) { .requestList li a div span.subject { font-size: 12px; } }

@media screen and (max-width: 768px) { .requestList li a div span.subject { font-size: 2.0833333333vw; margin-top: 0.78125vw; height: 6.5104166667vw; line-height: 3.6458333333vw; } }
@media screen and (max-width: 768px) and (max-width: 576px) { .requestList li a div span.subject { font-size: 12px; } }

.requestList li a div span.date { position: absolute; bottom: 10px; left: 30px; font-size: 15px; font-weight: 400; color: #555; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .requestList li a div span.date { font-size: 1.171875vw; bottom: 0.78125vw; left: 1.5625vw; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 1024px) { .requestList li a div span.date { font-size: 12px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) { .requestList li a div span.date { font-size: 1.46484375vw; bottom: 0.9765625vw; left: 1.953125vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 819.2px) { .requestList li a div span.date { font-size: 12px; } }

@media screen and (max-width: 768px) { .requestList li a div span.date { font-size: 1.953125vw; bottom: 0vw; left: 2.6041666667vw; } }
@media screen and (max-width: 768px) and (max-width: 614.4px) { .requestList li a div span.date { font-size: 12px; } }

.requestList li:hover { background: #F3F9F6; }
.requestList li:hover a figure { border: 1px solid #03A643; }
.requestList li:hover a div .title { color: #00560E; }

.portfolio li a.finish:before { height: 380px; z-index: 2; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .portfolio li a.finish:before { height: 27.34375vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .portfolio li a.finish:before { height: 36.328125vw; } }
@media screen and (max-width: 768px) { .portfolio li a.finish:before { height: 106.7708333333vw; } }
.portfolio li a figure { height: 380px; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .portfolio li a figure { height: 27.34375vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .portfolio li a figure { height: 36.328125vw; } }
@media screen and (max-width: 768px) { .portfolio li a figure { height: 106.7708333333vw; } }

.portfolioView { display: flex; justify-content: space-between; width: 100%; max-width: 1260px; padding: 60px 2%; border-top: 1px solid #111; border-bottom: 1px solid #ddd; }
@media screen and (min-width: 768px) and (max-width: 1024px) { .portfolioView { display: block; } }
@media screen and (max-width: 768px) { .portfolioView { display: block; } }
.portfolioView .left { top: 0; width: 54%; }
@media screen and (min-width: 768px) and (max-width: 1024px) { .portfolioView .left { position: relative; width: 100%; } }
@media screen and (max-width: 768px) { .portfolioView .left { position: relative; width: 100%; } }
.portfolioView .left dl { width: 100%; }
.portfolioView .left dl dt.subject { font-size: 34px; line-height: 50px; font-weight: 700; text-align: left; }
@media screen and (max-width: 768px) { .portfolioView .left dl dt.subject { font-size: 4.9479166667vw; line-height: 7.8125vw; } }
.portfolioView .left dl .hashtagBox { margin: 0; padding-top: 30px; }
.portfolioView .left dl .hashtagBox span { display: inline-block; margin: 0 5px 10px 0; padding: 0 15px; border: 1px solid #7CC59E; border-radius: 20px; background: #F3F9F6; font-size: 16px; font-weight: 400; color: #03A643; line-height: 35px; }
@media screen and (max-width: 768px) { .portfolioView .left dl .hashtagBox span { font-size: 3.3854166667vw; padding: 0vw 3.125vw 0vw 3.125vw; line-height: 7.2916666667vw; border-radius: 5.2083333333vw; } }
.portfolioView .left dl .hashtagBox span:before { content: "#"; font-size: 16px; font-weight: 400; color: #03A643; }
.portfolioView .left dl .mo-img { display: none; }
@media screen and (min-width: 768px) and (max-width: 1024px) { .portfolioView .left dl .mo-img { display: block; } }
@media screen and (max-width: 768px) { .portfolioView .left dl .mo-img { display: block; } }
.portfolioView .left dl .content { padding: 30px 0; font-size: 18px; line-height: 26px; word-wrap: break-word; }
.portfolioView .left dl .content img { display: none; }
.portfolioView .left dl .overview { margin-bottom: 30px; border-top: 1px solid #ddd; }
@media screen and (min-width: 768px) and (max-width: 1024px) { .portfolioView .left dl .overview { width: 100%; } }
@media screen and (max-width: 768px) { .portfolioView .left dl .overview { width: 100%; } }
.portfolioView .left dl .overview li { display: flex; align-items: center; justify-content: flex-start; padding: 12px 0; border-bottom: 1px solid #ddd; line-height: 36px; text-align: left; font-size: 18px; font-weight: 400; color: #555; }
@media screen and (max-width: 768px) { .portfolioView .left dl .overview li { font-size: 3.3854166667vw; line-height: 5.2083333333vw; } }
.portfolioView .left dl .overview li span { flex: 0 1 130px; text-indent: 15px; font-size: 16px; font-weight: 500; color: #111111; }
@media screen and (max-width: 768px) { .portfolioView .left dl .overview li span { flex: 0 1 28%; font-size: 3.3854166667vw; } }
.portfolioView .left dl .overview li span:before { content: "ㆍ"; display: inline-block; width: 3px; height: 3px; margin: 0 5px 0 0; font-size: 0; vertical-align: middle; background: #03A643; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .portfolioView .left dl .overview li span:before { vertical-align: 7px; } }
.portfolioView .left dl .overview li a { font-family: 'Poppins' !important; color: #555555; text-decoration: underline; }
.portfolioView .left dl .overview li button { font-size: 0; }
.portfolioView .left dl .overview li button img { height: 30px; }
.portfolioView .left dl .overview li button + button { margin-left: 7px; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .portfolioView .left dl .overview li button { margin-top: 15px; margin-bottom: -15px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .portfolioView .left dl { position: relative !important; margin-bottom: 30px; } }
@media screen and (max-width: 768px) { .portfolioView .left dl { position: relative !important; margin-bottom: 30px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .portfolioView .pc-img { display: none; } }
@media screen and (max-width: 768px) { .portfolioView .pc-img { display: none; } }
.portfolioView figure { width: 42%; text-align: center; }
@media screen and (min-width: 768px) and (max-width: 1024px) { .portfolioView figure { width: 100%; } }
@media screen and (max-width: 768px) { .portfolioView figure { width: 100%; } }
.portfolioView figure img { width: auto; max-width: 100%; margin: 0 auto; }

.boardTop { display: flex; justify-content: space-between; align-items: flex-end; flex-direction: row-reverse; flex-wrap: wrap; margin-bottom: 22px; }
@media screen and (max-width: 768px) { .boardTop { margin-top: 30px; padding-bottom: 22px; border-bottom: 1px solid #ddd; gap: 10px; } }
.boardTop .btnZone { flex: 1 0; }
.boardTop .btnZone .btn { height: 60px; line-height: 60px; }
@media screen and (max-width: 768px) { .boardTop .btnZone .btn { width: 100%; text-align: center; height: 10.15625vw; line-height: 10.15625vw; } }
.boardTop .boardSearch { flex: 0 0 350px; align-items: end; text-align: right; }
@media screen and (max-width: 768px) { .boardTop .boardSearch { flex: 3 1; margin: 0; } }
@media screen and (max-width: 768px) { .boardTop .boardSearch label { height: 10.15625vw; line-height: 10.15625vw; overflow: hidden; } }
@media screen and (max-width: 768px) and (max-width: 768px) { .boardTop .boardSearch label input { height: 10.15625vw; line-height: 10.15625vw; } }
@media screen and (max-width: 768px) and (max-width: 768px) { .boardTop .boardSearch label button { height: 10.15625vw; } }

@media screen and (max-width: 768px) { .boardTop.hashtag { flex-direction: column; } }
.boardTop.hashtag .hashtagBox { flex: 1 0; }
@media screen and (max-width: 768px) { .boardTop.hashtag .hashtagBox { flex: 0 0 100%; } }
@media screen and (max-width: 768px) { .boardTop.hashtag .boardSearch { flex: 0 0 100%; width: 100%; margin-bottom: 16px; } }
@media screen and (max-width: 768px) { .boardTop.hashtag .boardSearch label { max-width: 100%; } }
@media screen and (max-width: 768px) { .boardTop.hashtag .boardSearch label input { max-width: 100%; } }

.boardSearch { flex: 0 350px; align-items: end; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .boardSearch { flex: 0 30%; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .boardSearch { flex: 0 30%; } }
@media screen and (max-width: 768px) { .boardSearch { flex: 0 0 100%; width: 100%; margin-bottom: 16px; } }
.boardSearch label { display: flex; justify-content: space-between; flex-wrap: nowrap; width: 100%; max-width: 350px; height: 60px; padding: 0 10px 0 20px; line-height: 60px; border: 1px solid #BBB; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .boardSearch label { max-width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .boardSearch label { max-width: 100%; } }
@media screen and (max-width: 768px) { .boardSearch label { max-width: 100%; height: 11.71875vw; padding: 0vw 1.3020833333vw 0vw 2.6041666667vw; line-height: 11.71875vw; font-size: 4.1666666667vw; overflow: hidden; } }
.boardSearch label input { width: 100%; border: 0; font-size: 20px; line-height: 20px; color: #333333; outline: none; }
.boardSearch label input::-webkit-input-placeholder { color: #999; }
@media screen and (max-width: 768px) { .boardSearch label input { max-width: 100%; height: 11.71875vw; line-height: 11.71875vw; font-size: 4.1666666667vw; } }
.boardSearch label button { flex: 0 1 36px; width: 24px; height: 60px; vertical-align: middle; outline: none; }
.boardSearch label button img { width: 32px; height: 32px; }
@media screen and (max-width: 768px) { .boardSearch label button img { width: 7.8125vw; height: 7.8125vw; } }
@media screen and (max-width: 768px) { .boardSearch label button { flex: 0 1 60px; width: 7.8125vw; height: 11.71875vw; vertical-align: middle; } }

.hashtagBox { width: 100%; }
.hashtagBox:before, .hashtagBox:after { content: ""; display: block; clear: both; }
.hashtagBox button.btnHashtag { display: inline-block; height: 45px; margin-right: 10px; padding: 0 15px; border: 1px solid #03A643; border-radius: 3px; font-size: 18px; line-height: 45px; color: #03A643; z-index: 101 !important; }
@media screen and (max-width: 768px) { .hashtagBox button.btnHashtag { font-size: 3.3854166667vw; height: 7.8125vw; padding: 0vw 1.3020833333vw 0vw 2.6041666667vw; line-height: 7.8125vw; } }
.hashtagBox button.btnHashtag:after { content: ""; display: inline-block; width: 20px; height: 20px; padding-left: 15px; background: url("/assets/img/front/ico-hash.svg") right 50% no-repeat; background-size: 20px 20px; vertical-align: -2px; }
@media screen and (max-width: 768px) { .hashtagBox button.btnHashtag:after { width: 3.3854166667vw; height: 3.3854166667vw; padding-left: 1.3020833333vw; background-size: 13px 13px; vertical-align: -0.2604166667vw; } }
.hashtagBox span { display: inline-block; margin: 10px 5px 0 0; padding: 0 15px; border: 1px solid #7CC59E; border-radius: 20px; background: #F3F9F6; font-size: 16px; font-weight: 400; color: #03A643; line-height: 35px; }
@media screen and (max-width: 768px) { .hashtagBox span { font-size: 3.3854166667vw; padding: 0vw 3.125vw 0vw 3.125vw; line-height: 7.2916666667vw; border-radius: 5.2083333333vw; } }
.hashtagBox span:before { content: "#"; font-size: 16px; font-weight: 400; color: #03A643; }

.hashtagLayer { position: absolute; left: 0; top: -30px; width: 100%; max-width: 1260px; padding-top: 35px; background: #fff; border: 1px solid #ddd; z-index: 99; }
@media screen and (max-width: 768px) { .hashtagLayer { top: 19.53125vw; padding-top: 10.4166666667vw; } }
.hashtagLayer button.btnClose { position: absolute; right: 30px; top: 30px; display: inline-block; width: 25px; height: 25px; z-index: 100; }
@media screen and (max-width: 768px) { .hashtagLayer button.btnClose { top: 3.2552083333vw; right: 3.2552083333vw; } }
.hashtagLayer .tagZone { position: relative; padding: 40px; overflow-y: scroll; max-height: 300px; }
@media screen and (max-width: 768px) { .hashtagLayer .tagZone { padding: 2.6041666667vw 2.6041666667vw 2.6041666667vw 2.6041666667vw; max-height: 78.125vw; } }
.hashtagLayer .tagZone .checkHash { display: inline-block; margin: 0 5px 10px 0; padding: 0 20px; background: #fff; border: 1px solid #ccc; border-radius: 20px; font-size: 18px; line-height: 36px; color: #777777; cursor: pointer; }
@media screen and (max-width: 768px) { .hashtagLayer .tagZone .checkHash { font-size: 3.3854166667vw; padding: 0vw 3.125vw 0vw 3.125vw; line-height: 7.2916666667vw; } }
.hashtagLayer .tagZone .checkHash input { display: none; }
.hashtagLayer .tagZone .checkHash:before { content: '#'; font-size: 18px; line-height: 36px; color: #777777; }
@media screen and (max-width: 768px) { .hashtagLayer .tagZone .checkHash:before { font-size: 3.3854166667vw; line-height: 7.2916666667vw; } }
.hashtagLayer .tagZone .checkHash:hover, .hashtagLayer .tagZone .checkHash:focus, .hashtagLayer .tagZone .checkHash.on { background: #f3f9f6; border: 1px solid #7cc59e; color: #03A643; }
.hashtagLayer .tagZone .checkHash:hover:before, .hashtagLayer .tagZone .checkHash:focus:before, .hashtagLayer .tagZone .checkHash.on:before { color: #03A643; }
.hashtagLayer .btnZone { height: 104px; padding: 30px 40px; background: #f9f9f9; }
@media screen and (max-width: 768px) { .hashtagLayer .btnZone { height: 13.5416666667vw; padding: 3.90625vw 5.2083333333vw 3.90625vw 5.2083333333vw; } }
.hashtagLayer .btnZone .left { left: 40px; }
@media screen and (max-width: 768px) { .hashtagLayer .btnZone .left { left: 10px; }
  .hashtagLayer .btnZone .left button { min-width: 19.53125vw; } }
@media screen and (max-width: 768px) { .hashtagLayer .btnZone .center { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); text-align: right; left: initial; }
  .hashtagLayer .btnZone .center button { min-width: 19.53125vw; } }

@media screen and (max-width: 768px) { .moDouble li { flex: 0 0 47.5%; margin-right: 5%; }
  .moDouble li:nth-child(2n) { margin-right: 0; } }
@media screen and (max-width: 768px) { .moDouble li a figure { height: 31.25vw; } }
.moDouble li a figure img { width: 100%; height: 100%; object-fit: cover; object-position: 50% top; }

.pagination { display: flex; justify-content: center; align-items: center; }
.pagination li { width: 40px; height: 40px; margin-left: 8px; }
@media screen and (max-width: 768px) { .pagination li { width: 5.2083333333vw; height: 5.2083333333vw; margin-left: 0.6510416667vw; margin-left: 0.6510416667vw; } }
.pagination li.first, .pagination li.prev, .pagination li.next, .pagination li.last { text-indent: -99999px; overflow: hidden; }
.pagination li.prev { margin-right: 20px; }
@media screen and (max-width: 768px) { .pagination li.prev { margin-left: 2.0833333333vw; margin-right: 3.2552083333vw; } }
.pagination li.next { margin-left: 28px; }
@media screen and (max-width: 768px) { .pagination li.next { margin-left: 3.90625vw; } }
.pagination li:last-child { margin-right: 0; }
@media screen and (max-width: 768px) { .pagination li:last-child { margin-left: 2.0833333333vw; } }
.pagination li.disabled { display: none; }
.pagination li a { display: block; width: 100%; height: 100%; line-height: 36px; text-align: center; font-size: 17px; font-family: 'Poppins' !important; font-weight: 400; color: #555555; border: 1px solid #DDD; border-radius: 3px; background-repeat: no-repeat; background-position: 50% 50%; }
@media screen and (max-width: 768px) { .pagination li a { background-size: 50% 50%; font-size: 2.34375vw; line-height: 5.2083333333vw; } }
@media screen and (max-width: 768px) and (max-width: 512px) { .pagination li a { font-size: 12px; } }

.pagination li a:hover, .pagination li a:focus { border-color: #7CC59E; background-color: #F3F9F6; background-repeat: no-repeat; }
.pagination li a.current { background-color: #03A643; color: #fff; font-weight: 900; }
.pagination li.first a { background-image: url("/assets/img/front/page-first.svg"); }
.pagination li.prev a { background-image: url("/assets/img/front/page-prev.svg"); }
.pagination li.next a { background-image: url("/assets/img/front/page-next.svg"); }
.pagination li.last a { background-image: url("/assets/img/front/page-last.svg"); }

.boardList { position: relative; width: 100%; margin-bottom: 80px; border-top: 1px solid #111111; }
.boardList li { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; border-bottom: 1px solid #ddd; line-height: 79px; }
@media screen and (max-width: 768px) { .boardList li { position: relative; flex-direction: column; padding: 2.8645833333vw 3.125vw 3.3854166667vw 3.125vw; font-size: 4.1666666667vw; line-height: 6.25vw; } }
.boardList li:hover, .boardList li:focus { background: #F3F9F6; }
.boardList li:hover a, .boardList li:focus a { color: #00560E; }
.boardList li.notice { background: #F3F9F6; }
.boardList li a { position: relative; display: inline-block; width: 100%; color: #333333; }
.boardList li a span { display: inline-block; text-align: center; }
@media screen and (max-width: 768px) { .boardList li a span { text-align: left; } }
.boardList li a .list-category { width: 220px; font-weight: 700; }
@media screen and (max-width: 768px) { .boardList li a .list-category { display: block; } }
.boardList li a .list-subject { width: calc(100% - 450px); -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: left; }
@media screen and (max-width: 768px) { .boardList li a .list-subject { width: 100%; -webkit-line-clamp: 2; } }
.boardList li a .date { position: absolute; right: 0; width: 150px; font-family: 'Poppins' !important; font-size: 16px; color: #555555; }
@media screen and (max-width: 768px) { .boardList li a .date { position: relative; width: 100%; font-size: 3.125vw; } }
@media screen and (max-width: 768px) and (max-width: 384px) { .boardList li a .date { font-size: 12px; } }

@media screen and (max-width: 768px) { .boardList li a { font-size: 3.6458333333vw; max-height: 15.625vw; line-height: 6.25vw; } }
.boardList li a.file { padding-right: 3.2552083333vw; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
.boardList li a.file:before { position: absolute; right: 150px; content: url("/assets/img/front/ico-clip-green.svg"); width: 20px; height: 20px; }
@media screen and (max-width: 768px) { .boardList li a.file:before { top: auto; right: 0vw; top: 0.390625vw; padding: 0vw 0vw 5.2083333333vw 0vw; /*padding: 0;*/ } }

.boardView { border-top: 1px solid #111; }
.boardView img { max-width: 100%; height: auto !important; }
.boardView .subject { padding: 35px 30px 25px; background: #f9f9f9; border-bottom: 1px solid #ddd; font-size: 24px; line-height: 32px; font-weight: 500; text-align: left; }
@media screen and (max-width: 768px) { .boardView .subject { padding: 5.2083333333vw 2.6041666667vw 5.2083333333vw 2.6041666667vw; font-size: 4.1666666667vw; line-height: 6.25vw; } }
.boardView .subject ul { display: flex; margin-top: 25px; }
@media screen and (min-width: 768px) and (max-width: 1024px) { .boardView .subject ul { flex-direction: column; } }
@media screen and (max-width: 768px) { .boardView .subject ul { flex-direction: column; margin-top: 0; padding: 3.90625vw 0vw 0vw 0vw; } }
.boardView .subject ul li { flex: 1 50%; }
@media screen and (min-width: 768px) and (max-width: 1024px) { .boardView .subject ul li { flex: 1 100%; text-align: center !important; } }
@media screen and (max-width: 768px) { .boardView .subject ul li { flex: 1 100%; text-align: center !important; } }
.boardView .subject ul li:nth-child(1) { text-align: left; }
.boardView .subject ul li:nth-child(1) span { display: inline-block; font-size: 14px; line-height: 30px; color: #fff; border-radius: 15px; vertical-align: 5px; }
@media screen and (max-width: 768px) { .boardView .subject ul li:nth-child(1) span { font-size: 3.125vw; line-height: 6.7708333333vw; } }
@media screen and (max-width: 768px) and (max-width: 384px) { .boardView .subject ul li:nth-child(1) span { font-size: 12px; } }

.boardView .subject ul li:nth-child(1) span.tag-green { padding: 0 10px; background: #03A643; }
.boardView .subject ul li:nth-child(1) span.tag-grey { padding: 0 10px; background: #777777; }
.boardView .subject ul li:nth-child(1) .date { font-size: 18px; font-weight: 400; font-family: 'Poppins' !important; color: #777777; }
@media screen and (max-width: 768px) { .boardView .subject ul li:nth-child(1) .date { font-size: 3.3854166667vw; } }
.boardView .subject ul li:nth-child(2) { text-align: right; }
@media screen and (min-width: 768px) and (max-width: 1024px) { .boardView .subject ul li:nth-child(2) { margin-top: 1.953125vw; } }
@media screen and (max-width: 768px) { .boardView .subject ul li:nth-child(2) { margin-top: 2.6041666667vw; } }
.boardView .subject ul li:nth-child(2) button { font-size: 0; text-align: right; width: 105px; }
.boardView .subject ul li:nth-child(2) button img { width: 100%; height: auto; }
@media screen and (max-width: 768px) { .boardView .subject ul li:nth-child(2) button img { height: 6.25vw; } }
.boardView .subject ul li:nth-child(2) button + button { margin-left: 7px; }
.boardView .subject:before, .boardView .subject:after { content: ""; clear: both; display: block; }
.boardView .file { padding: 25px 30px; background: #f9f9f9; border-bottom: 1px solid #ddd; }
@media screen and (max-width: 768px) { .boardView .file { padding: 3.90625vw 2.6041666667vw 3.90625vw 2.6041666667vw; } }
.boardView .file a { position: relative; display: inline-block; width: calc(100%); padding-left: 30px; font-size: 16px; line-height: 20px; font-weight: 400; margin-bottom: 5px; margin-top: 5px; white-space: pre-line; word-wrap: break-word; }
@media screen and (max-width: 768px) { .boardView .file a { padding-left: 6.5104166667vw; font-size: 3.3854166667vw; line-height: 4.1666666667vw; } }
.boardView .file a:before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: inline-block; content: url("/assets/img/front/ico-clip.png"); width: 20px; height: 20px; }
.boardView .content { padding: 60px 30px; border-bottom: 1px solid #ddd; }
.boardView .content blockquote { font-style: italic; border-style: solid; border-color: #ccc; border-width: 0; padding: 8px 8px 8px 20px; border-left-width: 5px; }
.boardView .content figure { width: 100%; text-align: center; }
.boardView .content figure img { width: auto; max-width: 100%; }
.boardView .content p { line-height: 1.5; word-break: break-all; }
.boardView .content p img { max-width: 100%; height: auto; }
.boardView .content p + figure { margin-top: 30px; }
.boardView .content figure + p { margin-top: 30px; }

.boardNav { display: flex; align-items: center; margin-bottom: 60px; border-bottom: 1px solid #ddd; }
@media screen and (max-width: 768px) { .boardNav { margin-top: 15px; border-bottom: 0; } }
.boardNav p { flex: 1 0 50%; width: 50%; height: 80px; }
.boardNav p a { display: flex; max-width: 100%; }
.boardNav p strong { flex: 1 0 35px; font-size: 18px; background: #F3F9F6; line-height: 80px; font-weight: 500; text-align: center; }
@media screen and (max-width: 768px) { .boardNav p strong { padding-right: 10px; text-align: right; background: transparent; font-size: 3.90625vw; line-height: 11.71875vw; } }
.boardNav p span { flex: 4 0; line-height: 80px; padding: 0 5%; overflow: hidden; font-size: 20px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
@media screen and (max-width: 768px) { .boardNav p span { display: none; } }
.boardNav p:nth-child(1) { border-right: 1px solid #EEE; }
@media screen and (max-width: 768px) { .boardNav p:nth-child(1) { border-right: 0; } }
@media screen and (max-width: 768px) { .boardNav p:nth-child(1) strong { padding-left: 10px; text-align: left; } }
.boardNav p:nth-child(1) strong:before { content: url("/assets/img/front/page-prev.svg"); width: 9px; height: 15px; margin-right: 10px; vertical-align: -3px; }
.boardNav p:nth-child(2) strong:after { content: url("/assets/img/front/page-next.svg"); width: 9px; height: 15px; margin-left: 10px; vertical-align: -3px; }
.boardNav:before, .boardNav:after { content: ""; clear: both; display: block; }

.boardRegist { border-top: 1px solid #111; }
.boardRegist table { width: 100%; table-layout: fixed; }
.boardRegist table caption { position: absolute; left: -9999px; top: -9999px; font-size: 0; text-indent: -999999px; overflow: hidden; }
.boardRegist table th, .boardRegist table td { table-layout: fixed; padding: 15px; border-bottom: 1px solid #DDD; vertical-align: middle; }
@media screen and (max-width: 768px) { .boardRegist table th, .boardRegist table td { padding: 2.0833333333vw 2.0833333333vw 2.0833333333vw 2.0833333333vw; } }
.boardRegist table th { width: 20%; background: #F9F9F9; text-align: center; font-size: 18px; font-weight: 400; color: #111111; letter-spacing: -0.4; }
@media screen and (max-width: 768px) { .boardRegist table th { width: 30%; font-size: 3.6458333333vw; } }
.boardRegist table td { width: 80%; }
@media screen and (max-width: 768px) { .boardRegist table td { width: 70%; font-size: 3.6458333333vw; } }
.boardRegist table td .input, .boardRegist table td input, .boardRegist table td textarea { width: 100%; height: 20px; padding: 20px; border: 1px solid #bbb; line-height: 20px; font-size: 20px; color: #111111; }
@media screen and (max-width: 768px) { .boardRegist table td .input, .boardRegist table td input, .boardRegist table td textarea { height: 11.71875vw; padding: 3.3854166667vw 2.6041666667vw 3.3854166667vw 2.6041666667vw; font-size: 3.6458333333vw; line-height: 11.71875vw; } }
.boardRegist table td textarea { height: 400px; }
@media screen and (max-width: 768px) { .boardRegist table td textarea { line-height: 5.859375vw; } }
.boardRegist table td input::-webkit-input-placeholder, .boardRegist table td input:-ms-input-placeholder, .boardRegist table td textarea::-webkit-input-placeholder, .boardRegist table td textarea:-ms-input-placeholder { color: #777777; }
.boardRegist table td .sortable li { position: relative; margin: 0 0 5px 0; }
.boardRegist table td .sortable li ul li { padding: 0; }
.boardRegist table td .sortable li ul li:after { display: none; }
.boardRegist table td .sortable .filepath { width: calc(100% - 120px); height: 42px; padding: 9px 15px; color: #616669; line-height: 21px; white-space: nowrap; overflow: hidden; }
@media screen and (max-width: 768px) { .boardRegist table td .sortable .filepath { height: 11.71875vw; padding: 0vw 2.6041666667vw 0vw 2.6041666667vw; font-size: 3.6458333333vw; line-height: 11.71875vw; } }
.boardRegist table td .sortable .addfiles { margin-bottom: 10px; display: flex; align-items: center; }
.boardRegist table td .sortable .addfiles .button { display: inline-block; height: 43px; margin-left: 5px; padding: 0 20px; background: #999; border-radius: 3px; line-height: 43px; text-align: center; color: #fff; }
@media screen and (max-width: 768px) { .boardRegist table td .sortable .addfiles .button { height: 11.71875vw; padding: 0vw 2.6041666667vw 0vw 2.6041666667vw; font-size: 3.6458333333vw; line-height: 11.71875vw; } }
.boardRegist table td .sortable .addfiles i { font-style: normal; cursor: pointer; }
.boardRegist table td .sortable .addfiles:last-child { margin-bottom: 0; }
.boardRegist table td .check-box-list .check-box { position: relative; display: inline-flex; align-items: center; vertical-align: middle; }
.boardRegist table td .check-box-list .check-box input { position: absolute; top: 0; left: 0; opacity: 0; width: 1px; height: 1px; overflow: hidden; visibility: hidden; }
.boardRegist table td .check-box-list .check-box label { border-radius: 4px; display: inline-flex; margin-right: 2px; padding: 0 15px; border: 1px solid #65636e; border-radius: 4px; font-size: 14px; cursor: pointer; color: #fff; transition: all 0.2s linear; background: #65636e; white-space: nowrap; height: 100%; align-items: center; line-height: 40px; }
.boardRegist table td .check-box-list .check-box input[type='radio']:checked + label { background-color: #5fbe07; color: #fff; }
.boardRegist .comment { margin: 30px auto 60px; font-size: 18px; text-align: center; color: #DE5F17; }
@media screen and (max-width: 768px) { .boardRegist .comment { margin: 5.2083333333vw 0vw 7.8125vw 0vw; font-size: 3.6458333333vw; } }
@media screen and (max-width: 768px) { .boardRegist + .btnCenter { margin-top: 0; } }

.newsletter { position: relative; }
.newsletter:before, .newsletter:after { content: ""; display: block; clear: both; }
.newsletter .selectArea { float: left; display: flex; justify-content: flex-start; width: 320px; vertical-align: top; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .newsletter .selectArea { justify-content: space-around; margin: 0px auto 80px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .newsletter .selectArea { justify-content: space-around; margin: 0px auto 80px; } }
@media screen and (max-width: 768px) { .newsletter .selectArea { justify-content: space-between; width: 100%; margin: 0px auto 80px; } }
.newsletter .selectArea .letterBox { position: relative; flex: 1 1; }
.newsletter .selectArea .letterBox + .letterBox { margin-left: 20px; }
.newsletter .selectArea .letterBox button { position: absolute; left: 0; top: 0; background: #FFF url(/assets/img/front/icon-newsletter.png) right top no-repeat; border: 1px solid #03A643; display: block; width: 100%; max-width: 150px; height: 44px; line-height: 40px; font-size: 14px; font-family: 'Poppins' !important; text-indent: 20px; text-align: left; cursor: pointer; z-index: 10; }
@media screen and (max-width: 768px) { .newsletter .selectArea .letterBox button { max-width: 100%; height: 10.4166666667vw; font-size: 4.1666666667vw; line-height: 10.4166666667vw; } }
.newsletter .selectArea .letterBox button.bg-bottom { background-position: right bottom; }
.newsletter .selectArea .letterBox ul { position: absolute; top: 43px; left: 0; width: 100%; max-width: 150px; height: 342px; padding: 10px 20px; background: #fff; border: 1px solid #03A643; opacity: 0; transform: translateY(-15%); transition: all 0.3s ease-out; overflow: hidden; z-index: 1; visibility: hidden; }
@media screen and (max-width: 768px) { .newsletter .selectArea .letterBox ul { max-width: 100%; } }
.newsletter .selectArea .letterBox ul.on { opacity: 1; transform: translateY(0); overflow-y: auto; visibility: visible; }
.newsletter .selectArea .letterBox ul li a { display: block; color: #333333; font-family: 'Poppins' !important; font-size: 14px; line-height: 26px; font-weight: 400; }
@media screen and (max-width: 768px) { .newsletter .selectArea .letterBox ul li a { line-height: 7.8125vw; font-size: 4.1666666667vw; } }
.newsletter .selectArea .letterBox ul li a:hover, .newsletter .selectArea .letterBox ul li a:focus { color: #03A643; }
.newsletter .newsArea { float: right; width: 100%; max-width: 860px; padding: 80px 0; background: #FAF6F1; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .newsletter .newsArea { max-width: 100%; padding: 6.25vw 0vw 6.25vw 0vw; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .newsletter .newsArea { max-width: 100%; padding: 7.8125vw 0vw 7.8125vw 0vw; } }
@media screen and (max-width: 768px) { .newsletter .newsArea { max-width: 100%; padding: 10.4166666667vw 0vw 10.4166666667vw 0vw; } }
.newsletter .newsArea p img { width: 100% !important; height: auto !important; max-width: 630px; }
.newsletter .newsArea table { margin: 0 auto; }

.search { margin: 90px auto; text-align: center; }
.search label { display: flex; justify-content: space-between; align-content: center; width: 100%; max-width: 600px; height: 70px; margin: 0 auto 40px; padding: 20px; border: 1px solid #03A643; }
.search label input { width: 100%; font-size: 28px; line-height: 28px; color: #111111; border: 0; outline: none; }
@media screen and (max-width: 768px) { .search label input { font-size: 4.6875vw; line-height: 4.9479166667vw; } }
.search label button { display: inline-block; width: 40px; height: 40px; margin-top: -5px; }
.search p { font-size: 34px; font-weight: 300; color: #111111; }
@media screen and (max-width: 768px) { .search p { font-size: 5.2083333333vw; line-height: 7.8125vw; } }
.search p strong { color: #03A643; }

.searchResult { padding-bottom: 80px; }
@media screen and (max-width: 768px) { .searchResult { padding-bottom: 10.4166666667vw; } }
.searchResult h5 { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #111111; font-size: 34px; line-height: 34px; font-weight: 400; letter-spacing: -0.5; }
@media screen and (max-width: 768px) { .searchResult h5 { margin-bottom: 6.5104166667vw; padding-bottom: 4.1666666667vw; font-size: 5.2083333333vw; line-height: 5.2083333333vw; } }
.searchResult h5 strong { font-weight: 700; }
.searchResult h5 strong:before { display: inline-block; content: ""; width: 30px; height: 30px; background: url("/assets/img/front/result-arrow.svg") 50% 50% no-repeat; vertical-align: -1px; }
@media screen and (max-width: 768px) { .searchResult h5 strong:before { width: 5.2083333333vw; height: 5.2083333333vw; background-size: 90% 90%; background-position: 50% 50%; vertical-align: -3px; } }
.searchResult .boardList { margin-top: -31px; }

.fixed { position: fixed; top: 20px; }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .fixed { position: relative; top: auto; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .fixed { position: relative; top: auto; } }
@media screen and (max-width: 768px) { .fixed { position: relative; top: auto; } }

.btnCenter { text-align: center; }
.btnCenter a.btn, .btnCenter button[type=button].btn { font-weight: 700; }
@media screen and (max-width: 768px) { .btnCenter { margin-top: -140px; } }

.btnZone { position: relative; }
.btnZone a.btn + .btn, .btnZone button[type=button].btn + .btn { margin-left: 10px; }
.btnZone .left { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: auto; text-align: left; }
.btnZone .center { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: auto; text-align: center; }
.btnZone .right { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: auto; text-align: right; }
.btnZone:before, .btnZone:after { content: ""; clear: both; display: block; }

a:hover figure, a:focus figure { border: 1px solid #03A643 !important; z-index: 1; }
a:hover figure img, a:focus figure img { transform: scale(1.3); transition: all 0.5s ease; }

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