@charset "UTF-8";
.skip-nav { position: fixed; top: -6rem; left: 0; width: 100%; height: 6rem; z-index: 99; }

.skip-nav a { position: absolute; top: 0; left: 0; width: 100%; padding: 1rem; display: block; background-color: #0083ce !important; color: #fff; text-align: center; }

.skip-nav a:focus { top: 6rem; }

.ell { overflow: hidden; display: inline-block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; }

.ellMulti { overflow: hidden; display: -webkit-box; width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }

.trans { transition: all 0.2s ease 0.1s; }

.vMid { position: absolute; top: 50%; transform: translateY(-50%); display: block; }

.clearfix:after { content: ''; display: block; clear: both; }

.ir { overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -999rem; }

.clearfix { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; }

.flexArea { display: flex; align-items: center; gap: 0; flex-direction: row; }

.flexArea.typeHor { display: inline-flex; }

.unitList > li { position: relative; display: block; padding: 0 0 0 1rem; }

.unitList > li + li { margin-top: 1rem; }

.unitList > li:before { content: ''; position: absolute; top: 1rem; left: 0; width: .5rem; height: 1px; background-color: #bbb; }

.unitList.dot > li:before { position: absolute; top: .7rem; left: 0; width: .5rem; height: .5rem; border-radius: 50%; background-color: #bbb; }

.unitList.dot.green > li:before { background-color: #439827; }

.unitList.bili > li { padding: 0 0 0 2rem; }

.unitList.bili > li:before { content: '※'; position: absolute; top: 0; left: 0; width: auto; height: auto; background-color: transparent; color: inherit; }

.unitList.blank > li { padding: 0; }

.unitList.blank > li:before { display: none; }

.fontNanum { font-family: 'Nanumsquare'; }

.unitSwiper { position: relative; overflow: hidden; }

.unitSwiper .swiper-wrapper { align-items: center; }

.unitSwiper [class^=swiper-button] { background: none; }

.unitSwiper [class^=swiper-button]::after { display: none; }

/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.icon-icon_01 { background-image: url(../img/sprite/sprite.png); background-position: -71.4rem -43.5rem; width: 4.9rem; height: 3.4rem; }

.icon-icon_01_mo { background-image: url(../img/sprite/sprite.png); background-position: -77.3rem -43.5rem; width: 4.9rem; height: 3.4rem; }

.icon-icon_02 { background-image: url(../img/sprite/sprite.png); background-position: 0px -58.5rem; width: 3.5rem; height: 5.1rem; }

.icon-icon_02_mo { background-image: url(../img/sprite/sprite.png); background-position: -4.5rem -58.5rem; width: 3.5rem; height: 5.1rem; }

.icon-icon_03 { background-image: url(../img/sprite/sprite.png); background-position: -37.6rem -50.9rem; width: 4.1rem; height: 3.9rem; }

.icon-icon_03_mo { background-image: url(../img/sprite/sprite.png); background-position: -42.7rem -50.9rem; width: 4.1rem; height: 3.9rem; }

.icon-icon_04 { background-image: url(../img/sprite/sprite.png); background-position: 0px 0px; width: 42.6rem; height: 42.5rem; }

.icon-icon_04_mo { background-image: url(../img/sprite/sprite.png); background-position: -43.6rem 0px; width: 42.6rem; height: 42.5rem; }

.icon-icon_05 { background-image: url(../img/sprite/sprite.png); background-position: -41.4rem -43.5rem; width: 6.8rem; height: 4.6rem; }

.icon-icon_05_mo { background-image: url(../img/sprite/sprite.png); background-position: -49.2rem -43.5rem; width: 6.8rem; height: 4.6rem; }

.icon-icon_06 { background-image: url(../img/sprite/sprite.png); background-position: -57rem -43.5rem; width: 6.2rem; height: 4.6rem; }

.icon-icon_06_mo { background-image: url(../img/sprite/sprite.png); background-position: -64.2rem -43.5rem; width: 6.2rem; height: 4.6rem; }

.icon-icon_07 { background-image: url(../img/sprite/sprite.png); background-position: 0px -50.9rem; width: 5.4rem; height: 6.6rem; }

.icon-icon_07_mo { background-image: url(../img/sprite/sprite.png); background-position: -6.4rem -50.9rem; width: 5.4rem; height: 6.6rem; }

.icon-icon_08 { background-image: url(../img/sprite/sprite.png); background-position: -29.4rem -43.5rem; width: 5rem; height: 6.3rem; }

.icon-icon_08_mo { background-image: url(../img/sprite/sprite.png); background-position: -35.4rem -43.5rem; width: 5rem; height: 6.3rem; }

.icon-icon_09 { background-image: url(../img/sprite/sprite.png); background-position: 0px -43.5rem; width: 6.4rem; height: 6.4rem; }

.icon-icon_09_mo { background-image: url(../img/sprite/sprite.png); background-position: -7.4rem -43.5rem; width: 6.4rem; height: 6.4rem; }

.icon-icon_10 { background-image: url(../img/sprite/sprite.png); background-position: -14.8rem -43.5rem; width: 6.3rem; height: 6.3rem; }

.icon-icon_10_mo { background-image: url(../img/sprite/sprite.png); background-position: -22.1rem -43.5rem; width: 6.3rem; height: 6.3rem; }

.icon-map_01 { background-image: url(../img/sprite/sprite.png); background-position: -25.2rem -50.9rem; width: 5.2rem; height: 4.7rem; }

.icon-map_01_mo { background-image: url(../img/sprite/sprite.png); background-position: -31.4rem -50.9rem; width: 5.2rem; height: 4.7rem; }

.icon-map_02 { background-image: url(../img/sprite/sprite.png); background-position: -12.8rem -50.9rem; width: 5.2rem; height: 5.3rem; }

.icon-map_02_mo { background-image: url(../img/sprite/sprite.png); background-position: -19rem -50.9rem; width: 5.2rem; height: 5.3rem; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-size: inherit; color: inherit; box-sizing: border-box; }

dl, ul, ol, menu, li { list-style: none; }

fieldset, img { border: 0 none; box-sizing: border-box; }

input, select, textarea, button { vertical-align: middle; margin: 0; padding: 0; font-family: inherit; box-sizing: border-box; }

input, select, textarea, button, select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

button { border: 0 none; background-color: transparent; cursor: pointer; box-sizing: border-box; line-height: 1.4; color: inherit; }

address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; box-sizing: border-box; }

input, textarea, img { max-width: 100%; }

a, a:hover, a:visited, a:active { text-decoration: none; }

sup { font-size: small; vertical-align: text-top; }

sub { font-size: small; vertical-align: text-bottom; }

select::-ms-expand { display: none; }

/* Hide Native Arrow IE 10, 11 */
table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; }

table caption { overflow: hidden; position: absolute; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

/* HTML5 for older browsers */
img { vertical-align: top; }

::before, ::after, :before, :after { box-sizing: border-box; }

/* NotoSansKr */
@font-face { font-family: 'NotoSansKr'; font-style: normal; font-weight: 100; src: url("../common/fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../common/fonts/NotoSansKR-Thin.woff") format("woff"), url("../common/fonts/NotoSansKR-Thin.otf") format("opentype"); }

@font-face { font-family: 'NotoSansKr'; font-style: normal; font-weight: 300; src: url("../common/fonts/NotoSansKR-Light.woff2") format("woff2"), url("../common/fonts/NotoSansKR-Light.woff") format("woff"), url("../common/fonts/NotoSansKR-Light.otf") format("opentype"); }

@font-face { font-family: 'NotoSansKr'; font-style: normal; font-weight: 350; src: url("../common/fonts/NotoSansKR-DemiLight.woff2") format("woff2"), url("../common/fonts/NotoSansKR-DemiLight.woff") format("woff"), url("../common/fonts/NotoSansKR-DemiLight.otf") format("opentype"); }

@font-face { font-family: 'NotoSansKr'; font-style: normal; font-weight: 400; src: url("../common/fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../common/fonts/NotoSansKR-Regular.woff") format("woff"), url("../common/fonts/NotoSansKR-Regular.otf") format("opentype"); }

@font-face { font-family: 'NotoSansKr'; font-style: normal; font-weight: 500; src: url("../common/fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../common/fonts/NotoSansKR-Medium.woff") format("woff"), url("../common/fonts/NotoSansKR-Medium.otf") format("opentype"); }

@font-face { font-family: 'NotoSansKr'; font-style: normal; font-weight: 700; src: url("../common/fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../common/fonts/NotoSansKR-Bold.woff") format("woff"), url("../common/fonts/NotoSansKR-Bold.otf") format("opentype"); }

@font-face { font-family: 'NotoSansKr'; font-style: normal; font-weight: 900; src: url("../common/fonts/NotoSansKR-Black.woff2") format("woff2"), url("../common/fonts/NotoSansKR-Black.woff") format("woff"), url("../common/fonts/NotoSansKR-Black.otf") format("opentype"); }

/* NanumSquare */
@font-face { font-family: 'Nanumsquare'; font-style: normal; font-weight: 300; src: url("../common/fonts/NanumSquare_acL.woff") format("woff"); }

@font-face { font-family: 'Nanumsquare'; font-style: normal; font-weight: 400; src: url("../common/fonts/NanumSquare_acR.woff") format("woff"); }

@font-face { font-family: 'Nanumsquare'; font-style: normal; font-weight: 500; src: url("../common/fonts/NanumSquare_acB.woff") format("woff"); }

@font-face { font-family: 'Nanumsquare'; font-style: normal; font-weight: 700; src: url("../common/fonts/NanumSquare_acEB.woff") format("woff"); }

:root, html { font-size: 10px; }

html, body { height: 100%; overflow: overlay; }

@media (max-width: 1224px) { html, body { overflow: auto; } }

body { font-family: 'NotoSansKr','NanumSquare',sans-serif; font-size: 1.5rem; line-height: 1.4; color: #555; background-color: #fff; letter-spacing: -0.02em; word-break: keep-all; overflow-x: hidden; }

body.isFixed { height: 100% !important; overflow: hidden !important; }

@media (max-width: 1224px) { body { font-size: 1.4rem; } }

i[class*='icon-'] { overflow: hidden; display: inline-block; white-space: nowrap; text-indent: 300%; box-sizing: content-box; /*vertical-align:top;*/ }

footer { margin: 12rem auto 4rem; color: #7f7f7f; font-size: 1.2rem; text-align: center; }

footer > img { margin-bottom: 4rem; }

footer > .addr { line-height: 2; }

footer > .copyright { margin-top: 2rem; }

@media (max-width: 1224px) { footer { margin: 6rem auto 2rem; }
    footer > .addr > span { display: block; } }

main > .contents { min-height: 50rem; }

@media (max-width: 1224px) { main > .contents { min-height: auto; } }

[data-page="main"] { position: relative; background: url(../img/main/mainBG.png) no-repeat top center; min-width: 128rem; }

@media (max-width: 1224px) { [data-page="main"] { background: #fff; min-width: 100%; } }

[data-page="main"] > .contents { width: 100%; margin: auto; }

[data-page="main"] > .contents section.sec-00 { position: relative; }

[data-page="main"] > .contents section.sec-00:before { content: ''; position: absolute; left: 0; top: 0; height: 20rem; width: 100%; z-index: 2; background: linear-gradient(0, transparent, rgba(0, 0, 0, 0.5)); }

[data-page="main"] > .contents section.sec-00 .topCont { position: absolute; left: 50%; top: 4rem; transform: translateX(-50%); z-index: 2; text-align: center; }

[data-page="main"] > .contents section.sec-00 .topCont > .logo { margin-bottom: 4rem; }

[data-page="main"] > .contents section.sec-00 .topCont > header > nav { display: flex; align-items: center; gap: 4rem; flex-direction: row; font-family: 'Nanumsquare'; }

[data-page="main"] > .contents section.sec-00 .topCont > header > nav.typeHor { display: inline-flex; }

[data-page="main"] > .contents section.sec-00 .topCont > header > nav button { color: #fff; font-size: 2.2rem; font-weight: 400; }

[data-page="main"] > .contents section.sec-00 .topCont > .icon { margin-top: 10rem; }

[data-page="main"] > .contents section.sec-00 .swiper-wrapper .swiper-slide { text-align: center; }

[data-page="main"] > .contents section.sec-00 .swiper-wrapper .swiper-slide > img { height: 56rem; }

[data-page="main"] > .contents section.sec-00 .swiper-pagination { bottom: 4rem; }

[data-page="main"] > .contents section.sec-00 .swiper-pagination > span { width: 1rem; height: 1rem; border-radius: 10rem; background: #fff; transition: all 0.2s ease 0.1s; }

[data-page="main"] > .contents section.sec-00 .swiper-pagination > span.swiper-pagination-bullet-active { width: 5rem; }

@media (max-width: 1224px) { [data-page="main"] > .contents section.sec-00 .topCont { top: 2rem; width: 100%; }
    [data-page="main"] > .contents section.sec-00 .topCont > .logo { margin-bottom: 2rem; }
    [data-page="main"] > .contents section.sec-00 .topCont > .logo img { width: 10.1rem; }
    [data-page="main"] > .contents section.sec-00 .topCont > header > nav { gap: 1.5rem; width: 100%; justify-content: center; }
    [data-page="main"] > .contents section.sec-00 .topCont > header > nav button { font-size: 1.4rem; }
    [data-page="main"] > .contents section.sec-00 .topCont > header > nav button:last-child { display: none; }
    [data-page="main"] > .contents section.sec-00 .topCont > .icon { margin-top: 5rem; }
    [data-page="main"] > .contents section.sec-00 .swiper-wrapper { height: 100vh; }
    [data-page="main"] > .contents section.sec-00 .swiper-wrapper .swiper-slide { width: 100%; overflow: hidden; }
    [data-page="main"] > .contents section.sec-00 .swiper-wrapper .swiper-slide > img { height: 100vh; width: auto; max-width: none; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
    [data-page="main"] > .contents section.sec-00 .swiper-pagination { bottom: 2rem; } }

[data-page="main"] > .contents section.sec-01 { position: relative; width: 128rem; margin: auto; padding-top: 11rem; }

[data-page="main"] > .contents section.sec-01 > .tit { font-size: 5.4rem; font-weight: 400; font-family: 'Nanumsquare'; margin-left: 17rem; color: #111; }

[data-page="main"] > .contents section.sec-01 > .titDesc { font-size: 1.4rem; color: #666; margin-top: 2rem; font-weight: 400; margin-left: 17rem; }

[data-page="main"] > .contents section.sec-01 .swiperMain01 { position: absolute; right: 17rem; top: 6rem; width: 36rem; height: 44rem; }

[data-page="main"] > .contents section.sec-01 .swiperMain01 .swiper-wrapper .swiper-slide { text-align: center; }

[data-page="main"] > .contents section.sec-01 .swiperMain01 .swiper-wrapper .swiper-slide > img { height: 44rem; }

[data-page="main"] > .contents section.sec-01 .swiperMain01_thumb { position: absolute; right: 55rem; top: 14rem; width: 8.5rem; }

[data-page="main"] > .contents section.sec-01 .swiperMain01_thumb .swiper-wrapper .swiper-slide { height: 8.5rem; overflow: hidden; cursor: pointer; opacity: .5; }

[data-page="main"] > .contents section.sec-01 .swiperMain01_thumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active { opacity: 1; }

[data-page="main"] > .contents section.sec-01 .swiperMain01_thumb .swiper-wrapper .swiper-slide > img { width: 8.5rem; height: auto; }

[data-page="main"] > .contents section.sec-01 .bottomBanner { margin-top: 33rem; display: flex; align-items: center; gap: 5rem; flex-direction: row; align-items: flex-start; }

[data-page="main"] > .contents section.sec-01 .bottomBanner.typeHor { display: inline-flex; }

[data-page="main"] > .contents section.sec-01 .bottomBanner > .left { padding-left: 3rem; }

[data-page="main"] > .contents section.sec-01 .bottomBanner > .left > .tit { font-size: 3.8rem; color: #fff; font-weight: 100; font-family: 'Nanumsquare'; }

[data-page="main"] > .contents section.sec-01 .bottomBanner > .left > .desc { margin-top: 3rem; color: #fff; line-height: 2; }

[data-page="main"] > .contents section.sec-01 .bottomBanner > ul { display: flex; align-items: center; gap: 2rem; flex-direction: row; align-items: stretch; }

[data-page="main"] > .contents section.sec-01 .bottomBanner > ul.typeHor { display: inline-flex; }

[data-page="main"] > .contents section.sec-01 .bottomBanner > ul li { background-color: #fff; border-radius: 1rem; width: 28.5rem; padding: 9rem 2rem 3rem 3rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05); position: relative; }

[data-page="main"] > .contents section.sec-01 .bottomBanner > ul li i { position: absolute; top: 3rem; right: 3rem; }

[data-page="main"] > .contents section.sec-01 .bottomBanner > ul li strong { font-size: 2rem; color: #111; display: block; margin-bottom: 1rem; }

[data-page="main"] > .contents section.sec-01 .bottomBanner > ul li span { font-size: 1.4rem; color: #666; }

[data-page="main"] > .contents section.sec-01 .bottomBanner > ul li:first-child { width: 48rem; }

@media (max-width: 1224px) { [data-page="main"] > .contents section.sec-01 { width: 100%; padding: 4rem 2rem 0; }
    [data-page="main"] > .contents section.sec-01 > .tit { font-size: 3rem; margin-left: 0; }
    [data-page="main"] > .contents section.sec-01 > .titDesc { font-size: 1.2rem; margin-top: 1rem; margin-left: 0; }
    [data-page="main"] > .contents section.sec-01 .swiperMain01 { position: relative; right: auto; top: 0; width: 100%; height: auto; margin-top: 2rem; }
    [data-page="main"] > .contents section.sec-01 .swiperMain01 .swiper-wrapper .swiper-slide { text-align: center; }
    [data-page="main"] > .contents section.sec-01 .swiperMain01 .swiper-wrapper .swiper-slide > img { height: auto; }
    [data-page="main"] > .contents section.sec-01 .swiperMain01_thumb { display: none; }
    [data-page="main"] > .contents section.sec-01 .bottomBanner { margin: 2rem -2rem 0; padding: 2rem 2rem; gap: 2rem; flex-direction: column; background-color: #f39b1f; }
    [data-page="main"] > .contents section.sec-01 .bottomBanner > .left { padding-left: 0; }
    [data-page="main"] > .contents section.sec-01 .bottomBanner > .left > .tit { font-size: 3rem; }
    [data-page="main"] > .contents section.sec-01 .bottomBanner > .left > .desc { margin-top: 0; }
    [data-page="main"] > .contents section.sec-01 .bottomBanner > ul { display: flex; align-items: center; gap: 2rem; flex-direction: row; align-items: flex-start; flex-direction: column; }
    [data-page="main"] > .contents section.sec-01 .bottomBanner > ul.typeHor { display: inline-flex; }
    [data-page="main"] > .contents section.sec-01 .bottomBanner > ul li { width: 100%; padding: 3rem; }
    [data-page="main"] > .contents section.sec-01 .bottomBanner > ul li i { transform: scale(0.5); transform-origin: top right; }
    [data-page="main"] > .contents section.sec-01 .bottomBanner > ul li strong { font-size: 1.8rem; }
    [data-page="main"] > .contents section.sec-01 .bottomBanner > ul li span { font-size: 1.3rem; }
    [data-page="main"] > .contents section.sec-01 .bottomBanner > ul li:first-child { width: 100%; } }

[data-page="main"] > .contents section.sec-02 { position: relative; width: 128rem; margin: auto; padding-top: 11rem; }

[data-page="main"] > .contents section.sec-02 > .tit { font-size: 5.4rem; font-weight: 400; font-family: 'Nanumsquare'; margin-right: 17rem; color: #111; text-align: right; }

[data-page="main"] > .contents section.sec-02 > .titDesc { font-size: 1.4rem; color: #666; margin-top: 2rem; font-weight: 400; margin-right: 17rem; text-align: right; }

[data-page="main"] > .contents section.sec-02 .history { display: flex; align-items: center; gap: 0; flex-direction: row; align-items: flex-start; justify-content: space-between; margin-top: -2rem; }

[data-page="main"] > .contents section.sec-02 .history.typeHor { display: inline-flex; }

[data-page="main"] > .contents section.sec-02 .history .conts { text-align: left; color: #fff; }

[data-page="main"] > .contents section.sec-02 .history .conts:nth-child(2) { margin-top: 8rem; }

[data-page="main"] > .contents section.sec-02 .history .conts:nth-child(3) { margin-top: 22rem; }

[data-page="main"] > .contents section.sec-02 .history .conts > .tit { font-size: 3.8rem; font-weight: 100; font-family: 'Nanumsquare'; }

[data-page="main"] > .contents section.sec-02 .history .conts ul li { font-size: 1.3rem; white-space: nowrap; display: flex; align-items: center; gap: 1rem; flex-direction: row; align-items: flex-start; }

[data-page="main"] > .contents section.sec-02 .history .conts ul li.typeHor { display: inline-flex; }

[data-page="main"] > .contents section.sec-02 .history .conts ul li span { width: 4rem; min-width: 5rem; }

@media (max-width: 1224px) { [data-page="main"] > .contents section.sec-02 { width: 100%; padding: 4rem 2rem 0; }
    [data-page="main"] > .contents section.sec-02 > .tit { font-size: 3rem; margin-right: auto; text-align: left; }
    [data-page="main"] > .contents section.sec-02 > .titDesc { font-size: 1.2rem; margin-top: 1rem; margin-right: 0; text-align: left; }
    [data-page="main"] > .contents section.sec-02 .history { flex-direction: column; background-color: #15905d; padding: 2rem; margin: 2rem -2rem 0; }
    [data-page="main"] > .contents section.sec-02 .history .conts:nth-child(2) { margin-top: 2rem; }
    [data-page="main"] > .contents section.sec-02 .history .conts:nth-child(3) { margin-top: 2rem; }
    [data-page="main"] > .contents section.sec-02 .history .conts > .tit { font-size: 2.4rem; }
    [data-page="main"] > .contents section.sec-02 .history .conts ul { margin-top: 1rem; }
    [data-page="main"] > .contents section.sec-02 .history .conts ul li { font-size: 1.3rem; white-space: normal; display: flex; align-items: center; gap: 1rem; flex-direction: row; align-items: flex-start; }
    [data-page="main"] > .contents section.sec-02 .history .conts ul li.typeHor { display: inline-flex; }
    [data-page="main"] > .contents section.sec-02 .history .conts ul li span { width: 4rem; min-width: 5rem; } }

[data-page="main"] > .contents section.sec-03 { position: relative; width: 128rem; margin: auto; padding-top: 20rem; }

[data-page="main"] > .contents section.sec-03 > .tit { font-size: 5.4rem; font-weight: 400; font-family: 'Nanumsquare'; margin-right: 17rem; color: #111; text-align: left; }

[data-page="main"] > .contents section.sec-03 i { position: absolute; top: 18rem; left: 70rem; }

[data-page="main"] > .contents section.sec-03 .desc { font-size: 1.4rem; color: #fff; margin-top: 19rem; line-height: 2; }

[data-page="main"] > .contents section.sec-03 .desc strong { display: block; font-size: 1.8rem; font-weight: 400; font-family: 'Nanumsquare'; }

@media (max-width: 1224px) { [data-page="main"] > .contents section.sec-03 { width: 100%; padding: 4rem 2rem 0; }
    [data-page="main"] > .contents section.sec-03 > .tit { font-size: 3rem; margin-right: 0; }
    [data-page="main"] > .contents section.sec-03 i { position: absolute; top: 10rem; left: 50%; transform: scale(0.5) translateX(-50%); transform-origin: left top; }
    [data-page="main"] > .contents section.sec-03 .desc { margin-top: 0; background-color: #191919; padding: 20rem 2rem 2rem; margin: 2rem -2rem 0; font-size: 1.3rem; }
    [data-page="main"] > .contents section.sec-03 .desc strong { display: block; font-size: 1.4rem; font-weight: 400; font-family: 'Nanumsquare'; } }

[data-page="main"] > .contents section.sec-04 { position: relative; width: 128rem; margin: auto; padding-top: 24rem; }

[data-page="main"] > .contents section.sec-04 > .tit { font-size: 5.4rem; font-weight: 400; font-family: 'Nanumsquare'; color: #111; }

[data-page="main"] > .contents section.sec-04 > .titDesc { font-size: 1.4rem; color: #666; margin-top: 2rem; font-weight: 400; }

[data-page="main"] > .contents section.sec-04 ul { margin-top: 6rem; display: flex; align-items: center; gap: 2rem; flex-direction: row; align-items: stretch; flex-wrap: wrap; }

[data-page="main"] > .contents section.sec-04 ul.typeHor { display: inline-flex; }

[data-page="main"] > .contents section.sec-04 ul li { background-color: #fff; border-radius: 1rem; box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1); text-align: center; padding: 2rem; width: calc(25% - 1.5rem); min-width: calc(25% - 1.5rem); }

[data-page="main"] > .contents section.sec-04 ul li img { margin-bottom: 1rem; }

[data-page="main"] > .contents section.sec-04 ul li strong { display: block; font-size: 2.4rem; font-family: 'Nanumsquare'; font-weight: 400; color: #111; }

[data-page="main"] > .contents section.sec-04 ul li strong small { display: block; font-size: 1.4rem; color: #666; }

[data-page="main"] > .contents section.sec-04 ul li span { display: block; text-align: left; margin-top: 1rem; font-size: 1.3rem; color: #666; }

@media (max-width: 1224px) { [data-page="main"] > .contents section.sec-04 { width: 100%; padding: 4rem 2rem 0; }
    [data-page="main"] > .contents section.sec-04 > .tit { font-size: 3rem; margin-right: auto; text-align: left; }
    [data-page="main"] > .contents section.sec-04 > .titDesc { font-size: 1.2rem; margin-top: 1rem; margin-right: 0; text-align: left; }
    [data-page="main"] > .contents section.sec-04 ul { margin-top: 3rem; gap: 1rem; align-items: flex-start; flex-wrap: nowrap; flex-direction: column; }
    [data-page="main"] > .contents section.sec-04 ul li { text-align: center; padding: 2rem; width: 100%; min-width: 100%; display: flex; align-items: center; gap: 1rem; flex-direction: row; align-items: flex-start; padding-left: 10rem; position: relative; flex-direction: column; }
    [data-page="main"] > .contents section.sec-04 ul li.typeHor { display: inline-flex; }
    [data-page="main"] > .contents section.sec-04 ul li img { margin-bottom: 0; width: 6rem; position: absolute; left: 2rem; top: 2rem; }
    [data-page="main"] > .contents section.sec-04 ul li strong { font-size: 2rem; text-align: left; }
    [data-page="main"] > .contents section.sec-04 ul li strong small { display: block; }
    [data-page="main"] > .contents section.sec-04 ul li span { margin-top: 0; } }

[data-page="main"] > .contents section.sec-05 { position: relative; width: 128rem; margin: auto; padding-top: 16rem; }

[data-page="main"] > .contents section.sec-05 > .tit { font-size: 5.4rem; font-weight: 400; font-family: 'Nanumsquare'; color: #111; }

[data-page="main"] > .contents section.sec-05 ul { margin-top: 6rem; display: flex; align-items: center; gap: 2rem; flex-direction: row; align-items: stretch; flex-wrap: wrap; }

[data-page="main"] > .contents section.sec-05 ul.typeHor { display: inline-flex; }

[data-page="main"] > .contents section.sec-05 ul li { width: calc(20% - 1.6rem); min-width: calc(20% - 1.6rem); }

[data-page="main"] > .contents section.sec-05 ul li img { margin-bottom: 2rem; border-radius: 1rem; }

[data-page="main"] > .contents section.sec-05 ul li strong { display: block; font-size: 2.4rem; font-family: 'Nanumsquare'; font-weight: 400; color: #111; }

[data-page="main"] > .contents section.sec-05 ul li span { display: block; text-align: left; margin-top: 1rem; font-size: 1.3rem; color: #666; }

@media (max-width: 1224px) { [data-page="main"] > .contents section.sec-05 { width: 100%; padding: 4rem 2rem 0; }
    [data-page="main"] > .contents section.sec-05 > .tit { font-size: 3rem; margin-right: auto; text-align: left; }
    [data-page="main"] > .contents section.sec-05 ul { margin-top: 3rem; gap: 3rem; align-items: flex-start; flex-wrap: nowrap; flex-direction: column; }
    [data-page="main"] > .contents section.sec-05 ul li { width: 100%; min-width: 100%; min-height: 9rem; display: flex; align-items: center; gap: 1rem; flex-direction: row; align-items: flex-start; padding-left: 8rem; position: relative; flex-direction: column; }
    [data-page="main"] > .contents section.sec-05 ul li.typeHor { display: inline-flex; }
    [data-page="main"] > .contents section.sec-05 ul li img { margin-bottom: 0; width: 6rem; position: absolute; left: 0; top: 0; }
    [data-page="main"] > .contents section.sec-05 ul li strong { font-size: 2rem; }
    [data-page="main"] > .contents section.sec-05 ul li span { margin-top: 0; } }

[data-page="main"] > .contents section.sec-06 { position: relative; width: 128rem; margin: auto; padding-top: 16rem; text-align: center; }

[data-page="main"] > .contents section.sec-06 > .tit { font-size: 5.4rem; font-weight: 400; font-family: 'Nanumsquare'; color: #111; text-align: left; margin-bottom: 2rem; }

[data-page="main"] > .contents section.sec-06 .mapZone { height: 50rem; position: relataive; }

[data-page="main"] > .contents section.sec-06 .mapZone .root_daum_roughmap_landing { width: 100vw !important; left: 50%; transform: translateX(-50%); }

[data-page="main"] > .contents section.sec-06 .addr { text-align: center; display: flex; align-items: center; gap: 2rem; flex-direction: row; margin-top: 4rem; justify-content: center; }

[data-page="main"] > .contents section.sec-06 .addr.typeHor { display: inline-flex; }

[data-page="main"] > .contents section.sec-06 .grayBox { display: flex; align-items: center; gap: 5rem; flex-direction: row; display: inline-flex; padding: 6rem 7rem; background-color: #f8f8f8; flex-direction: column; align-items: flex-start; margin-top: 4rem; }

[data-page="main"] > .contents section.sec-06 .grayBox.typeHor { display: inline-flex; }

[data-page="main"] > .contents section.sec-06 .grayBox .conts { display: flex; align-items: center; gap: 2rem; flex-direction: row; align-items: flex-start; text-align: left; }

[data-page="main"] > .contents section.sec-06 .grayBox .conts.typeHor { display: inline-flex; }

[data-page="main"] > .contents section.sec-06 .grayBox .conts .info > strong { font-size: 1.6rem; color: #111; margin-bottom: 1rem; display: block; }

@media (max-width: 1224px) { [data-page="main"] > .contents section.sec-06 { width: 100%; padding: 4rem 2rem 0; }
    [data-page="main"] > .contents section.sec-06 > .tit { font-size: 3rem; margin-right: auto; text-align: left; }
    [data-page="main"] > .contents section.sec-06 .addr { text-align: left; gap: 1rem; flex-direction: column; align-items: flex-start; margin-top: 6rem; }
    [data-page="main"] > .contents section.sec-06 .grayBox { gap: 2.5rem; display: flex; padding: 2rem; margin-top: 2rem; }
    [data-page="main"] > .contents section.sec-06 .grayBox .conts { gap: 2rem; }
    [data-page="main"] > .contents section.sec-06 .grayBox .conts i { transform: scale(0.5); transform-origin: left top; min-width: 5.2rem; margin-right: -2.6rem; }
    [data-page="main"] > .contents section.sec-06 .grayBox .conts .info { font-size: 1.3rem; }
    [data-page="main"] > .contents section.sec-06 .grayBox .conts .info > strong { font-size: 1.4rem; margin-bottom: .5rem; } }

[data-page="main"] > .contents section.sec-07 { position: relative; width: 128rem; margin: auto; padding-top: 16rem; }

[data-page="main"] > .contents section.sec-07 > .tit { font-size: 5.4rem; font-weight: 400; font-family: 'Nanumsquare'; color: #111; }

[data-page="main"] > .contents section.sec-07 > .titDesc { font-size: 1.4rem; color: #666; margin-top: 2rem; font-weight: 400; }

[data-page="main"] > .contents section.sec-07 ul { display: flex; align-items: center; gap: 6rem 4rem; flex-direction: row; flex-wrap: wrap; align-items: flex-start; margin-top: 4rem; justify-content: space-around; }

[data-page="main"] > .contents section.sec-07 ul.typeHor { display: inline-flex; }

[data-page="main"] > .contents section.sec-07 ul li { width: calc(33.333% - 3rem); display: flex; align-items: center; gap: 2rem; flex-direction: row; align-items: flex-start; }

[data-page="main"] > .contents section.sec-07 ul li.typeHor { display: inline-flex; }

[data-page="main"] > .contents section.sec-07 ul li i { width: 5.4rem; min-width: 5.4rem; }

[data-page="main"] > .contents section.sec-07 ul li > div strong { display: block; font-size: 2rem; color: #111; font-family: 'Nanumsquare'; }

@media (max-width: 1224px) { [data-page="main"] > .contents section.sec-07 { width: 100%; padding: 4rem 2rem 0; }
    [data-page="main"] > .contents section.sec-07 > .tit { font-size: 3rem; margin-right: auto; text-align: left; }
    [data-page="main"] > .contents section.sec-07 > .titDesc { font-size: 1.2rem; margin-top: 1rem; }
    [data-page="main"] > .contents section.sec-07 ul { gap: 3rem 2rem; flex-wrap: nowrap; flex-direction: column; margin-top: 2rem; justify-content: flex-start; }
    [data-page="main"] > .contents section.sec-07 ul li { width: 100%; gap: 2rem; }
    [data-page="main"] > .contents section.sec-07 ul li i { transform: scale(0.5); transform-origin: top left; margin-right: -2.7rem; }
    [data-page="main"] > .contents section.sec-07 ul li > div { font-size: 1.3rem; }
    [data-page="main"] > .contents section.sec-07 ul li > div strong { font-size: 1.6rem; } }

[data-page="main"] > .contents section.sec-08 { position: relative; width: 128rem; margin: auto; padding-top: 18rem; display: flex; align-items: center; gap: 18rem; flex-direction: row; justify-content: center; align-items: flex-start; }

[data-page="main"] > .contents section.sec-08.typeHor { display: inline-flex; }

[data-page="main"] > .contents section.sec-08 .downCont { display: flex; align-items: center; gap: 0; flex-direction: row; flex-direction: column; }

[data-page="main"] > .contents section.sec-08 .downCont.typeHor { display: inline-flex; }

[data-page="main"] > .contents section.sec-08 .downCont:first-child { margin-top: 14rem; }

[data-page="main"] > .contents section.sec-08 .downCont > .tit { font-size: 5.4rem; font-weight: 400; font-family: 'Nanumsquare'; color: #111; }

[data-page="main"] > .contents section.sec-08 .downCont .btnZone { margin-top: 4rem; display: flex; align-items: center; gap: 4rem; flex-direction: row; justify-content: cetner; }

[data-page="main"] > .contents section.sec-08 .downCont .btnZone.typeHor { display: inline-flex; }

[data-page="main"] > .contents section.sec-08 .downCont .btnZone button { display: flex; align-items: center; gap: 0; flex-direction: row; flex-direction: column; }

[data-page="main"] > .contents section.sec-08 .downCont .btnZone button.typeHor { display: inline-flex; }

[data-page="main"] > .contents section.sec-08 .downCont .btnZone button i { margin-bottom: 3rem; }

@media (max-width: 1224px) { [data-page="main"] > .contents section.sec-08 { width: 100%; padding: 4rem 2rem 0; display: flex; align-items: center; gap: 0; flex-direction: row; gap: 4rem; flex-direction: column; align-items: flex-start; }
    [data-page="main"] > .contents section.sec-08.typeHor { display: inline-flex; }
    [data-page="main"] > .contents section.sec-08 .downCont { width: 100%; }
    [data-page="main"] > .contents section.sec-08 .downCont:first-child { margin-top: 0; }
    [data-page="main"] > .contents section.sec-08 .downCont > .tit { font-size: 3rem; margin-right: auto; text-align: left; }
    [data-page="main"] > .contents section.sec-08 .downCont .btnZone { margin-top: 0; gap: 2rem; width: 100%; }
    [data-page="main"] > .contents section.sec-08 .downCont .btnZone button { display: flex; align-items: center; gap: 0; flex-direction: row; flex-direction: row; align-items: center; width: 50%; justify-content: flex-start; text-align: left; }
    [data-page="main"] > .contents section.sec-08 .downCont .btnZone button.typeHor { display: inline-flex; }
    [data-page="main"] > .contents section.sec-08 .downCont .btnZone button i { margin-bottom: 0; transform: scale(0.5); transform-origin: left center; margin-right: -2rem; } }