@charset "UTF-8";
.heading-font { font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; letter-spacing: 1px; }

.body-font { font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif'; }

.alt-font { font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif'; text-transform: uppercase; letter-spacing: 2px; }

html { height: 100%; width: 100%; }

body { height: 100%; width: 100%; font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif'; }

a { -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; color: #289BD9; }

a:hover, a:focus { color: #fcbd20; }

hr { max-width: 100px; margin: 25px auto 0; border-width: 1px; border-color: rgba(34, 34, 34, 0.1); }

hr.light { border-color: white; }

h1, h2, h3, h4, h5, h6 { font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; letter-spacing: 1px; }

p { font-size: 18px; line-height: 1.5; margin-bottom: 20px; }

.navbar-default { background-color: white; border-color: rgba(34, 34, 34, 0.05); -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; letter-spacing: 1px; }

.navbar-default .navbar-header .navbar-brand { font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; letter-spacing: 1px; color: #289BD9; }

.navbar-default .navbar-header .navbar-brand:hover, .navbar-default .navbar-header .navbar-brand:focus { color: #fcbd20; }

.navbar-default .navbar-header .navbar-toggle { font-size: 12px; color: #222222; padding: 8px 10px; }

.navbar-default .nav > li > a { font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif'; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; color: #222222; }

.navbar-default .nav > li > a:focus { color: #222222; }

.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus:hover { color: #289BD9; }

.navbar-default .nav > li.active > a { color: #289BD9 !important; background-color: transparent; }

.navbar-default .nav > li.active > a:focus { color: #289BD9 !important; background-color: transparent; }

.navbar-default .nav > li.active > a:hover, .navbar-default .nav > li.active > a:focus:hover { background-color: transparent; }

@media (min-width: 768px) { .navbar-default { background-color: transparent; border-color: transparent; } .navbar-default .navbar-header .navbar-brand { color: rgba(255, 255, 255, 0.7); } .navbar-default .navbar-header .navbar-brand:hover, .navbar-default .navbar-header .navbar-brand:focus { color: white; } .navbar-default .nav > li > a { color: rgba(255, 255, 255, 0.7); } .navbar-default .nav > li > a:focus { color: rgba(255, 255, 255, 0.7); } .navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus:hover { color: white; } .navbar-default.affix { background-color: white; border-color: rgba(34, 34, 34, 0.1); } .navbar-default.affix .navbar-header .navbar-brand { color: #222222; } .navbar-default.affix .navbar-header .navbar-brand:hover, .navbar-default.affix .navbar-header .navbar-brand:focus { color: #289BD9; } .navbar-default.affix .nav > li > a { color: #222222; } .navbar-default.affix .nav > li > a:focus { color: #222222; } .navbar-default.affix .nav > li > a:hover, .navbar-default.affix .nav > li > a:focus:hover { color: #289BD9; } }

header { position: relative; width: 100%; min-height: auto; overflow-y: hidden; background: url("../img/bg-pattern.png"), #303a4b; /* fallback for old browsers */ background: url("../img/bg-pattern.png"), -webkit-linear-gradient(to left, #303a4b, #303a4b); /* Chrome 10-25, Safari 5.1-6 */ background: url("../img/bg-pattern.png"), linear-gradient(to left, #303a4b, #303a4b); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ color: white; }

header .header-content { text-align: center; padding: 150px 0 50px; position: relative; }

header .header-content .header-content-inner { position: relative; max-width: 500px; margin: 0 auto; }

header .header-content .header-content-inner h1 { margin-top: 0; margin-bottom: 30px; font-size: 30px; }

header .header-content .header-content-inner .list-badges { margin-bottom: 25px; }

header .header-content .header-content-inner .list-badges img { height: 50px; margin-bottom: 25px; }

header .device-container { max-width: 300px; margin: 0 auto 100px; }

header .device-container .screen img { border-radius: 3px; }

@media (min-width: 768px) { header { min-height: 100%; } header .header-content { text-align: left; padding: 0; height: 100vh; } header .header-content .header-content-inner { max-width: none; margin: 0; position: absolute; top: 50%; transform: translateY(-50%); } header .header-content .header-content-inner h1 { font-size: 35px; } header .device-container { max-width: none; max-height: calc(0vh); margin: 100px auto 0; } }

@media (min-width: 992px) { header .header-content .header-content-inner h1 { font-size: 50px; } }

section { padding: 100px 0; }

section h2 { font-size: 50px; }

section.download { padding: 150px 0; position: relative; }

section.download h2 { margin-top: 0; font-size: 50px; }

section.download .badges .badge-link { display: block; margin-bottom: 25px; }

section.download .badges .badge-link:last-child { margin-bottom: 0; }

section.download .badges .badge-link img { height: 60px; }

section.features .section-heading { margin-bottom: 100px; }

section.features .section-heading h2 { margin-top: 0; }

section.features .section-heading p { margin-bottom: 0; }

section.features .section-post-heading { margin-bottom: 100px; }

section.features .section-post-heading h2 { margin-top: 0; }

section.features .section-post-heading p { margin-bottom: 0; }

section.features .device-container, section.features .feature-item { max-width: 300px; margin: 0 auto; }

section.features .device-container { margin-bottom: 100px; }

section.features .feature-item { text-align: center; margin-bottom: 100px; }

section.features .feature-item h3 { font-size: 30px; }

section.features .feature-item i { font-size: 80px; background: -webkit-linear-gradient(to left, #303a4b, #303a4b); background: linear-gradient(to left, #303a4b, #303a4b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

section.cta { position: relative; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-position: center; background-image: url("../img/bg-cta.jpg"); padding: 250px 0; }

section.cta .cta-content { position: relative; z-index: 1; }

section.cta .cta-content h2 { margin-top: 0; margin-bottom: 25px; color: white; max-width: 450px; font-size: 50px; }

section.cta .overlay { height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; }

section.cta-donate { position: relative; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-position: center; background-image: url("../img/donate.jpg"); padding: 250px 0; }

section.cta-donate .cta-content-donate { position: relative; z-index: 1; }

section.cta-donate .cta-content-donate h2 { margin-top: 0; margin-bottom: 25px; color: white; max-width: 450px; font-size: 70px; }

section.cta-donate .overlay-donate { height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; }

section.contact { text-align: center; }

section.contact h2 { margin-top: 0; margin-bottom: 25px; }

section.contact h2 i { color: #dd4b39; }

section.contact ul.list-social { margin-bottom: 0; }

section.contact ul.list-social li a { display: block; height: 80px; width: 80px; line-height: 80px; font-size: 40px; border-radius: 100%; color: white; }

section.contact ul.list-social li.social-twitter a { background-color: #1da1f2; }

section.contact ul.list-social li.social-twitter a:hover { background-color: #0d95e8; }

section.contact ul.list-social li.social-facebook a { background-color: #3b5998; }

section.contact ul.list-social li.social-facebook a:hover { background-color: #344e86; }

section.contact ul.list-social li.social-google-plus a { background-color: #dd4b39; }

section.contact ul.list-social li.social-google-plus a:hover { background-color: #d73925; }

@media (min-width: 768px) { section.download .badges .badge-link { display: inline-block; margin-bottom: 0; } }

@media (min-width: 768px) { section.download h2 { font-size: 70px; } }

@media (min-width: 992px) { section.features .device-container { margin-bottom: 0; } }

@media (min-width: 992px) { section.features .device-container, section.features .feature-item { max-width: none; } }

@media (min-width: 768px) { section.cta .cta-content h2 { font-size: 80px; } }

footer { background-color: #222222; padding: 25px 0; color: rgba(255, 255, 255, 0.3); text-align: center; }

footer p { font-size: 12px; margin: 0; }

footer ul { margin-bottom: 0; }

footer ul li a { font-size: 12px; color: rgba(255, 255, 255, 0.3); }

footer ul li a:hover, footer ul li a:focus, footer ul li a:active, footer ul li a.active { text-decoration: none; }

.bg-primary { background: #289BD9; background: -webkit-linear-gradient(#289BD9, #1CAC55); background: linear-gradient(#289BD9, #1CAC55); }

.text-primary { color: #289BD9; }

.no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; }

.btn-outline { color: white; border-color: white; border: 1px solid; }

.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active { color: white; background-color: #289BD9; border-color: #289BD9; }

.btn { font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif'; text-transform: uppercase; letter-spacing: 2px; border-radius: 300px; }

.btn-xl { padding: 15px 45px; font-size: 11px; }

::-moz-selection, ::selection { color: white; text-shadow: none; background: #222222; }

img::selection, img::-moz-selection { color: white; background: transparent; }

body { webkit-tap-highlight-color: #222222; }

.no-padding { padding: 0; }

.portfolio-box { position: relative; display: block; max-width: 650px; margin: 0 auto; }

.portfolio-box .portfolio-box-caption { color: white; opacity: 0; display: block; background: rgba(40, 155, 217, 0.9); position: absolute; bottom: 0; text-align: center; width: 100%; height: 100%; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; }

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content { width: 100%; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); }

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category, .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name { font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; padding: 0 15px; }

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category { text-transform: uppercase; font-weight: 600; font-size: 14px; }

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name { font-size: 18px; }

.portfolio-box:hover .portfolio-box-caption { opacity: 1; }

@media (min-width: 768px) { .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category { font-size: 16px; } .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name { font-size: 22px; } }

.intro-header { background: no-repeat center center; background-color: #808080; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; margin-bottom: 50px; }

.intro-header .site-heading, .intro-header .post-heading, .intro-header .page-heading { padding: 100px 0 50px; color: white; }

.intro-header .site-heading, .intro-header .page-heading { text-align: center; }

.intro-header .site-heading h1, .intro-header .page-heading h1 { margin-top: 0; font-size: 50px; }

.intro-header .site-heading .subheading, .intro-header .page-heading .subheading { font-size: 24px; line-height: 1.1; display: block; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; margin: 10px 0 0; }

.intro-header .post-heading h1 { font-size: 35px; }

.intro-header .post-heading .subheading, .intro-header .post-heading .meta { line-height: 1.1; display: block; }

.intro-header .post-heading .subheading { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; margin: 10px 0 30px; font-weight: 600; }

.intro-header .post-heading .meta { font-family: 'Lora', 'Times New Roman', serif; font-style: italic; font-weight: 300; font-size: 20px; }

.intro-header .post-heading .meta a { color: white; }

@media only screen and (min-width: 768px) { .intro-header .site-heading, .intro-header .post-heading, .intro-header .page-heading { padding: 150px 0; } }

@media only screen and (min-width: 768px) { .intro-header .site-heading h1, .intro-header .page-heading h1 { font-size: 80px; } }

@media only screen and (min-width: 768px) { .intro-header .post-heading h1 { font-size: 55px; } .intro-header .post-heading .subheading { font-size: 30px; } }

a:link { color: #565656; text-decoration: none; }

a:visited { color: #565656; text-decoration: none; }

a:hover { color: #289BD9; text-decoration: none; }

a:active { color: #289BD9; text-decoration: none; }

hr { max-width: 100%; margin: 5px auto 5px; border-width: 1px; border-color: #cdcdcd; }

hr.heavy { border-color: #272727; }

hr.width-8 { width: 80%; }

hr.width-10 { width: 100%; }

hr.margin { margin-top: 50px; margin-bottom: 50px; }

body { line-height: 1.8; color: #272727; font-size: 16px; font-weight: 300; font-family: 'Noto Sans KR'; width: 100%; height: 100%; padding: 0; margin: 0; }

.text-family-scoredream { font-family: 'SCoreDream'; }

.text-family-gyeonggi { font-family: 'GyeonggiTitle'; }

.text-family-dancing { font-family: 'Dancing Script', cursive; }

.text-title { color: #000000; font-weight: 800; font-size: 25px; text-align: center; }

.text-size-huge { font-size: 40px; }

.text-size-big { font-size: 25px; }

.text-size-large { font-size: 22px; }

.text-size-middle { font-size: 19px; }

.text-size-small { font-size: 15px; }

.text-size-tiny { font-size: 14px; }

.text-weight-9 { font-weight: 900; }

.text-weight-8 { font-weight: 800; }

.text-weight-7 { font-weight: 700; }

.text-weight-6 { font-weight: 600; }

.text-weight-5 { font-weight: 500; }

.text-weight-4 { font-weight: 400; }

.text-weight-3 { font-weight: 300; }

.text-weight-2 { font-weight: 200; }

.text-weight-1 { font-weight: 100; }

.text-color-white { color: white; }

.text-color-white > a { color: white; }

.text-color-black { color: #000000; }

.text-color-darkgray { color: #272727; }

.text-color-gray { color: #565656; }

.text-color-blue { color: #289BD9; }

.text-color-green { color: #1CAC55; }

.text-color-bright { color: #8c8c8c; }

.text-narrow { line-height: 1.25; }

.text-align-left { text-align: left; }

.text-align-center { text-align: center; }

.text-align-right { text-align: right; }

.bg-white { background-color: white; }

.bg-light-green { background-color: #82c78e; }

.bg-light-blue { background-color: #abd3dd; }

.bg-darkgray { background-color: #272727; }

.bg-black { background-color: #000000; }

.bg-theme-gradient { background: radial-gradient(farthest-side at top right, #8fc6d6 40%, transparent), linear-gradient(to bottom right, #c8e3cc 25%, #92cfad 75%); }

.horizontal-scroll-box { /*  overflow: scroll;*/ /*  overflow: auto;*/ overflow-y: hidden; overflow-x: scroll; white-space: nowrap; height: 350px; background: linear-gradient(to right, white 5%, rgba(255, 255, 255, 0) 90%, white 5%); }

.full { width: 100%; height: 100%; }

.full-height { height: 100%; }

.full-width { width: 100%; }

.middle { display: flex; align-items: center; }

.remains { flex: 1; }

.text-narrow { line-height: 1.25; }

.circle { background: radial-gradient(ellipse, #dbdbdb, #dbdbdb, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); }

.row { display: flex; align-items: center; justify-content: center; }

.rounded-button { padding-left: 0; padding-right: 0; margin: 2px 10px 2px 10px; width: 235px; height: 30px; border: 1px solid #272727; /* 테두리 스타일과 두께 지정 */ border-radius: 15px; display: flex; position: relative; }

.rounded { border-radius: 20px; }

.content-box { position: relative; }

.bold-content { margin-top: 2px; font-weight: 500; margin-left: 15px; }

.light-content { margin-top: 2px; position: absolute; right: 15px; }

.icon-content { position: absolute; top: 0.3px; right: 1px; }

.icon { width: 25px; height: 25px; }

.vision { padding: 0; }

.vision .icon-box { overflow: visible; position: relative; /*padding-bottom: 100%;*/ margin: auto; }

.vision .icon-box .icon { position: absolute; width: 65%; left: 20%; top: 0; }

.vision .icon-box .icon .vision-icon-img { width: 100%; }

.vision .icon-box > a:link { color: #565656; }

.vision .icon-box > a:visited { color: #565656; }

.vision .icon-box > a:hover { color: #289BD9; }

.vision .icon-box > a:active { color: #289BD9; }

.vision .icon-box .title { position: absolute; bottom: 0; text-align: right; font-family: "SCoreDream"; line-height: 1.15; }

.vision .icon-box .title .bold { font-weight: 600; }

.relative-main-logo { position: relative; width: 100%; height: 0; padding-bottom: 157%; }

.relative-main-logo .logo { position: absolute; width: 100%; height: 82%; top: 0; left: 0; }

.relative-main-logo .shadow { position: absolute; width: 80%; height: 18%; top: 82%; left: 0; }

.youtube { position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 56.26%; padding-left: 0; }

.youtube > iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.margin-large { margin-top: 50px; margin-bottom: 50px; }

.custom-nav > li { list-style-type: none; padding: 10px; color: yellow; }

.custom-nav > li > a, .custom-nav > li > a:focus { color: #1CAC55; }

.custom-nav > li > a:hover, .custom-nav > li > a:focus:hover { text-decoration: none; color: #029565; }

.custom-nav > li.active > a, .custom-nav > li.active > a:focus { color: #1CAC55 !important; background-color: transparent; }

.custom-nav > li.active > a:hover, .custom-nav > li.active > a:focus:hover { text-decoration: none; background-color: #1CAC55; }

.vision-container { margin-left: 4.17%; }

.news-scrollcontrol { position: absolute; width: 64px; height: 320px; top: 0px; }

.news-scrollcontrol .scrollbutton { display: none; border-width: 0; background-color: transparent; padding: 0; padding-top: 75px; }

.left { background: linear-gradient(to right, white 60%, transparent); }

.right { background: linear-gradient(to right, transparent 0%, white 40%); }

.news-scrollview { text-align: left; padding: 0; overflow: scroll; margin: -15px; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }

.news-scrollview .news-container { display: flex; padding: 0 50px 0 50px; width: fit-content; }

.news-scrollview .news-container .news-item { padding: 10px; width: 220px; }

.news-scrollview .news-container .news-item .thumbnail { height: 200px; padding: 0; overflow: hidden; border-width: 0; }

.news-scrollview .news-container .news-item .thumbnail > img { width: 100%; height: 100%; object-fit: cover; }

.news-scrollview .news-container .news-item .date { font-size: 14px; color: #8c8c8c; font-weight: 400; padding-left: 15px; height: 20px; }

.news-scrollview .news-container .news-item .title { font-size: 19px; color: #565656; font-weight: 600; padding: 0 0 0 15px; line-height: 1.3; height: 60px; }

.news-scrollview::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/ }

.wide-enter { display: none; }

.flex-list-subtitle { padding: 0 0 0 15px; }

.flex-img-list-item > a { display: flex; flex-direction: row; padding: 0; }

.flex-img-list-item > a .thumbnail { border-radius: 8px; border-width: 0; padding: 0; overflow: hidden; }

.flex-img-list-item > a .thumbnail > img { width: 192px; height: 128px; overflow: hidden; object-fit: cover; }

.flex-img-list-item > a .textbox { display: flex; flex-direction: column; padding: 30px 20px 0 20px; width: 100%; }

.flex-img-list-item > a .textbox .title { padding: 0; }

.flex-img-list-item > a .textbox .date { padding: 0; }

.flex-list { padding: 0 20px 0 20px; }

.go-youtube { padding-top: 40px; }

.go-youtube .middle { width: 170px; margin: 0 auto; }

.go-youtube .middle > a .box { display: flex; flex-direction: row; }

.go-youtube .middle > a .box > img { width: 80px; height: 19px; margin-top: 3px; }

.go-youtube .middle > a .box > div { padding-left: 4px; }

.caption { font-size: 14px; color: #565656; text-align: center; }

@media (max-width: 767px) { .text-size-header { font-size: 50px; } .front-content-top { margin-top: 55px; } .header { padding-top: 60px; padding-bottom: 40px; } .main-message { font-size: 30px; line-height: 45px; text-align: left; } .name-logo-image { width: 180px; } .bg-light-gray { background-color: #f1f1f1; } .navbar-flex { height: 50px; } .padding-nav-top { padding-top: 70px; } .padding-nav-bottom { padding-bottom: 50px; } .nav-logo { padding-top: 5px; padding-left: 10px; } .nav-logo > img { margin-top: 0px; width: 200px; height: 40px; } .category-box { display: inline; } .nav-item-list { width: 100%; margin: 0; text-align: right; } .nav-item-list .nav-item { color: #272727; font-size: 15px; font-weight: 300; font-family: 'GyeonggiTitle'; } .margin-mobile { margin-left: 5%; margin-right: 5%; } .nav-menu-button { margin-top: 5px; margin-right: 10px; } .flex-md-container { display: flex; flex-direction: column; } .contact-container { padding-top: 100px; } .contact-box { margin-top: 0; padding-top: 0; } .icon-box { width: 185px; height: 185px; } .icon-box .title { right: 50%; font-size: 20px; } .icon-box .title .light { font-weight: 300; } .footer-flex-padding { padding-top: 15px; } .map { width: 100%; height: 366px; } .vertical-line-container { height: 100%; display: none; } .news-scrollcontrol { display: none; } .news-scrollview .news-container { padding: 0; } .news-scrollview .news-container .news-item { padding: 10px; width: 160px; } .news-scrollview .news-container .news-item .thumbnail { height: 140px; } .news-scrollview .news-container .news-item .date { padding-left: 5px; } .news-scrollview .news-container .news-item .title { font-size: 16px; padding-left: 5px; } .flex-list-subtitle { padding: 0 0 5px 15px; } .flex-list { margin: auto; max-width: 500px; padding: 0; } .flex-img-list-item { padding-bottom: 20px; } .flex-img-list-item > a { display: flex; flex-direction: column; } .flex-img-list-item > a .thumbnail { position: relative; width: 100%; height: 0; padding-bottom: 56.26%; padding-left: 0; margin-bottom: 0; } .flex-img-list-item > a .thumbnail > img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .flex-img-list-item > a .textbox { flex-direction: row; padding: 0; } .flex-img-list-item > a .textbox .date { text-align: right; padding-top: 3px; } .flex-sm-container { display: flex; flex-direction: column; } .flex-mini-container { display: flex; flex-direction: column; justify-content: flex-end; } .light-content { font-weight: 300; } }

@media (min-width: 768px) { .text-size-header { font-size: 55px; } .front-content-top { margin-top: 110px; } .header { padding-top: 60px; padding-bottom: 20px; } .main-message { font-size: 48px; line-height: 60px; text-align: left; } .name-logo-image { width: 200px; } .bg-light-gray { background: linear-gradient(to right, #f1f1f1 0%, white 100%); } .navbar-flex { height: 105px; } .padding-nav-top { padding-top: 105px; } .padding-nav-bottom { padding-bottom: 105px; } .nav-logo { margin-top: 25px; width: 250px; height: 50px; } .nav-logo > img { margin-top: 0px; width: 250px; height: 50px; } .nav-item-list { padding-top: 50px; } .nav-item-list > li > a > .nav-item { color: #272727; font-size: 13px; font-weight: 300; font-family: 'GyeonggiTitle'; } .category-box { diaplay: inline-block; } .flex-md-container { display: flex; flex-direction: column; } .flex-br { display: none; } .contact-container { padding-top: 100px; } .contact-box { margin-top: 0; padding-top: 0; } .icon-box { width: 240px; height: 240px; } .icon-box .title { right: 58%; font-size: 22px; } .icon-box .title .light { font-weight: 100; } .footer-flex-padding { padding-top: 30px; } .map { width: 690px; height: 366px; } .vertical-line-container { height: 100%; padding-top: 280px; } .vertical-line { width: 0; height: 160px; border-left: 1px solid #cdcdcd; } .flex-sm-container { display: flex; flex-direction: row; } .flex-mini-container { display: flex; flex-wrap: wrap; width: 500px; justify-content: flex-end; } .light-content { font-weight: 200; } }

@media (min-width: 992px) { .text-size-header { font-size: 70px; } .nav-logo { margin-top: 15px; width: 300px; height: 60px; } .nav-logo > img { margin-top: 0px; width: 300px; height: 60px; } .name-logo-image { width: 250px; } .nav-item-list { padding-top: 50px; } .nav-item-list > li > a > .nav-item { color: #272727; font-size: 15px; font-weight: 300; font-family: 'GyeonggiTitle'; } .flex-md-container { display: flex; flex-direction: row; } .contact-container { padding-top: 100px; } .icon-box { width: 230px; height: 230px; } .icon-box .title { font-size: 23px; } .map { width: 520px; height: 276px; } .vertical-line-container { height: 100%; padding-top: 300px; } .vertical-line { width: 0; height: 160px; border-left: 1px solid #cdcdcd; } .flex-mini-container { display: flex; flex-wrap: wrap; width: 720px; justify-content: flex-end; } }

@media (min-width: 1200px) { .vision-icon-img { width: 190px; } .contact-container { padding-top: 100px; } .icon-box { width: 270px; height: 270px; } .icon-box .title { font-size: 27px; } .map { width: 730px; height: 390px; } .vertical-line-container { height: 100%; padding-top: 350px; } .vertical-line { width: 0; height: 160px; border-left: 1px solid #cdcdcd; } .wide-enter { display: block; } }

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