@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");
body { font-family: 'Noto Sans KR', sans-serif; overflow-x: hidden; width: 100%; }

@media (min-width: 320px) and (max-width: 767px) { body #content { padding-top: 56px; } }

.row_wrapper.beige { background-color: #EBE3DA; }

.row { max-width: 1200px; margin: 0 auto; padding: 0 15px; height: 100%; }

.slider { background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; }

.slider:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); }

.slider .row { background-size: cover; background-repeat: no-repeat; background-position: 50%; text-align: center; padding-top: 100px; padding-bottom: 130px; position: relative; z-index: 2; color: #fff; }

.slider .row h2 { font-family: 'S-CoreDream-5Medium','sans-serif'; font-size: 3rem; color: #fff; margin-bottom: 20px; }

@media (min-width: 320px) and (max-width: 767px) { .slider .row h2 { font-size: 2rem; } }

.slider .row p { max-width: 600px; margin: 0 auto; font-size: 18px; }

.slider .row .button_wrapper { font-size: 0; margin-top: 50px; }

.slider .row .button_wrapper a { letter-spacing: 1px; padding: 5px 32px; border-radius: 5px; border: 2px solid #fff; margin: 0 10px; font-size: 1.5rem; font-weight: bold; display: inline-block; }

@media (min-width: 320px) and (max-width: 767px) { .slider .row .button_wrapper a { margin: 0 0 10px; width: 100%; } }

.slider .row .button_wrapper a:hover { background-color: #fff; color: #f93f30; }

.popup { position: fixed; width: 500px; left: 50%; margin-left: -250px; top: 50%; height: 140px; margin-top: -70px; background: rgba(255, 255, 255, 0.73); z-index: 99999; padding: 10px 30px; text-align: center; border-radius: 10px; box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.3); }

.popup .close { position: absolute; top: 100%; right: 5px; }

#logo { width: 200px; }

header { width: 100%; height: 80px; padding: 11px 0; z-index: 100; position: relative; background-color: #fff; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); }

@media (min-width: 320px) and (max-width: 767px) { header { background-color: #fff; padding: 0; position: fixed; height: 56px; } }

header #mobile_nav { width: 34px; height: 34px; position: relative; cursor: pointer; float: right; margin-top: 11px; display: none; }

@media (min-width: 320px) and (max-width: 767px) { header #mobile_nav { display: block; } }

header #mobile_nav:before, header #mobile_nav:after { transition: 400ms; -webkit-transition: 400ms; content: ''; width: 34px; height: 4px; background-color: #f93f30; display: block; position: absolute; top: 7px; }

header #mobile_nav:after { top: 22px; }

header #mobile_nav.active:before { transform: translate(0px, 9px) rotate(45deg); -webkit-transform: translate(0px, 9px) rotate(45deg); }

header #mobile_nav.active:after { transform: translate(0px, -6px) rotate(-45deg); -webkit-transform: translate(0px, -6px) rotate(-45deg); }

header #logo { float: left; padding: 12px 0; }

@media (min-width: 320px) and (max-width: 767px) { header #logo { width: 160px; padding-top: 14px; } }

header #logo path { fill: #f93f30; }

header .nav { float: right; font-size: 0; height: 100%; }

@media (min-width: 320px) and (max-width: 767px) { header .nav { float: none; position: fixed; left: 35%; right: 0; top: 56px; bottom: 0; transform: translateX(100%); -webkit-transform: translateX(100%); transition: 400ms; -webkit-transition: 400ms; background: #fff; z-index: 4; } }

header .nav li { line-height: 52px; font-size: 18px; font-size: 1.125rem; color: #787E83; margin: 0 10px; display: inline-block; height: 100%; }

@media (min-width: 320px) and (max-width: 767px) { header .nav li { width: 100%; margin: 0; padding: 0 15px; height: auto; color: #24384d; } header .nav li a { display: block; } }

header .nav li.active { color: #f93f30; font-weight: 600; }

header .nav li.sub { position: relative; cursor: pointer; }

@media (min-width: 320px) and (max-width: 767px) { header .nav li.sub > a { color: #787E83; } }

header .nav li.sub > ul { display: none; position: absolute; left: 0; top: 80%; width: 150px; background-color: #fff; padding: 0; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); }

@media (min-width: 320px) and (max-width: 767px) { header .nav li.sub > ul { position: relative; box-shadow: initial; -webkit-box-shadow: initial; width: 100%; display: block; } }

header .nav li.sub > ul li { font-size: 14px; line-height: 1; margin: 0; display: block; }

@media (min-width: 320px) and (max-width: 767px) { header .nav li.sub > ul li { font-size: 1rem; padding: 0; } }

header .nav li.sub > ul li a { padding: 10px 15px; display: block; height: auto; }

header .nav li.sub > ul li:hover { background-color: #787E83; color: #fff; }

@media (min-width: 320px) and (max-width: 767px) { header .nav li.sub > ul li:hover { background-color: inherit; color: inherit; } }

header .nav li.sub:hover > ul { display: block; }

header .nav li.user_menu { margin-left: 70px; }

@media (min-width: 320px) and (max-width: 767px) { header .nav li.user_menu { position: absolute; left: 0; bottom: 76px; margin-left: 0; line-height: 30px; text-align: right; } }

header .nav li.user_menu .account li { margin: 0; }

@media (min-width: 320px) and (max-width: 767px) { header .nav li.user_menu .account li { line-height: 30px; } }

header .nav li.user_menu .account li:first-child { margin: 0 5px 0 0; }

@media (min-width: 320px) and (max-width: 767px) { header .nav li.user_menu .account li:first-child { margin: 0; } }

header .nav li.user_menu .account li a { font-size: 1rem; font-weight: 400; }

@media (min-width: 320px) and (max-width: 767px) { header .nav.active { transform: translateX(0); -webkit-transform: translateX(0); } }

footer { padding: 25px 0 30px; background-color: #222533; }

footer .info_section .row div { float: left; width: 25%; }

@media (min-width: 320px) and (max-width: 767px) { footer .info_section .row div { text-align: center; float: none; width: 100%; } }

footer .info_section #logo { float: right; }

@media (min-width: 320px) and (max-width: 767px) { footer .info_section #logo { float: none; display: block; margin: 0 auto; } }

footer .info_section #logo svg { fill: #787E83; }

footer h5 { margin: 0 auto 15px; font-size: 16px; font-size: 1rem; color: #f7526b; }

footer p { color: #787E83; font-size: 14px; font-size: .875rem; line-height: 1.5; }

#private h2, .guide h2 { text-align: center; font-size: 32px; font-size: 2rem; }

#private, .guide p { max-width: 860px; margin: 50px auto; line-height: 1.5; }

#private p { display: block; }

#private p span, #private p strong { display: block; }

#private p span { padding-left: 40px; }

h2.title { margin-bottom: 30px; font-family: 'S-CoreDream-5Medium','sans-serif'; color: #24384d; font-size: 2.25rem; line-height: 1.4; }

h2.title.red { color: #f93f30; }

@media (min-width: 320px) and (max-width: 767px) { h2.title { font-size: 1.75rem; text-align: center; } }

.board { padding-top: 100px; padding-bottom: 60px; max-width: 960px; }

@media (min-width: 320px) and (max-width: 767px) { .board { padding-top: 50px; padding-bottom: 50px; background-color: #fff; } }

.board .tab { font-size: 0; padding-bottom: 40px; }

@media (min-width: 320px) and (max-width: 767px) { .board .tab { padding-bottom: 10px; } }

.board .tab li { display: inline-block; font-size: 20px; width: 25%; text-align: center; border-right: 1px solid #fff; }

.board .tab li.active a { color: #333; border-top: 2px solid #f93f30; background-color: #fff; }

.board .tab li a { color: #666; border-top: 2px solid #dbd2cc; padding: 15px 20px; display: inline-block; width: 100%; background-color: #e8e2de; }

@media (min-width: 320px) and (max-width: 767px) { .board .tab li a { font-size: 14px; padding: 10px 6px; } }

.board .tab li:last-child { border-right: 0; }

.board h4 { background-color: #fff; font-size: 20px; padding: 30px 0; font-weight: normal; color: #787E83; text-align: center; }

.board table { width: 100%; border-bottom: 2px solid #f93f30; }

@media (min-width: 320px) and (max-width: 767px) { .board table { font-size: 14px; } .board table tr td:nth-last-child(1) { display: none; } }

.board table thead { border-top: 2px solid #f93f30; border-bottom: 1px solid #f93f30; }

.board table thead tr td { color: #24384d; text-align: center; padding: 10px; }

@media (min-width: 320px) and (max-width: 767px) { .board table thead tr td { padding: 5px; } }

@media (min-width: 320px) and (max-width: 767px) { .board table thead tr td:nth-child(1) { display: none; } }

.board table tbody tr { border-bottom: 1px solid #f1f1f1; }

.board table tbody tr:hover { background-color: rgba(249, 63, 48, 0.1); }

.board table tbody tr td { color: #333; }

.board table tbody tr td span { padding: 5px 8px; color: #fff; border-radius: 4px; }

@media (min-width: 320px) and (max-width: 767px) { .board table tbody tr td span { padding: 3px; } }

.board table tbody tr td:nth-last-child(1) { width: 160px; text-align: right; padding: 10px; }

.board table tbody tr td:nth-child(1), .board table tbody tr td:nth-child(2) { width: 70px; text-align: center; padding: 10px; }

@media (min-width: 320px) and (max-width: 767px) { .board table tbody tr td:nth-child(1) { display: none; } }

.board table tbody tr td:nth-child(2) { width: 120px; }

@media (min-width: 320px) and (max-width: 767px) { .board table tbody tr td:nth-child(2) { width: 50px; padding: 5px; } }

.board table tbody tr td:nth-child(3) a { cursor: pointer; display: block; padding: 10px; }

@media (min-width: 320px) and (max-width: 767px) { .board table tbody tr td:nth-child(3) a { padding: 10px 5px; } }

.board .board_content { background-color: #fff; border-top: 2px solid #f93f30; border-bottom: 2px solid #f93f30; }

.board .board_content > div { padding: 15px; }

@media (min-width: 320px) and (max-width: 767px) { .board .board_content > div { padding: 15px 0; } }

.board .board_content .title { font-size: 18px; border-bottom: 1px solid #787E83; font-weight: bold; }

.board .board_content .title span { font-weight: normal; font-size: 14px; float: right; color: #787E83; }

@media (min-width: 320px) and (max-width: 767px) { .board .board_content .title span { float: none; display: block; text-align: right; margin-top: 5px; } }

.board .board_content .content > * { display: block; max-width: 100%; height: auto; }

.board .back_wrapper { padding: 30px 0 15px; text-align: right; }

.board .back_wrapper a { margin: 15px 0 0; background-color: #f93f30; padding: 5px 15px; border-radius: 5px; color: #fff; }

.board .list_nav { display: block; text-align: center; margin-top: 12px; }

.board .list_nav li { display: inline-block; width: 30px; height: 30px; position: relative; vertical-align: middle; }

.board .list_nav li.active { color: #f93f30; border-radius: 50%; font-weight: bold; }

.board .list_nav li a { padding-top: 1px; display: block; text-align: center; width: 100%; height: 100%; }

.board .list_nav li a.arrow.prev:after { transform: rotate(45deg); -webkit-transform: rotate(45deg); }

.board .list_nav li a.arrow.prev:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.arrow { width: 30px; height: 30px; display: inline-block; position: relative; }

.arrow:before, .arrow:after { content: ''; width: 10px; height: 2px; left: 7px; top: 10px; background-color: #333; position: absolute; transform: rotate(45deg); -webkit-transform: rotate(45deg); }

.arrow:after { top: 16px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.carousel { padding-top: 40px; padding-bottom: 40px; overflow-x: auto; max-width: inherit; padding-left: calc((100vw - 1200px)/2); }

.carousel::-webkit-scrollbar { display: none; }

.carousel > ul { width: calc((100vw + 1200px/2)); position: relative; display: flex; justify-content: flex-start; flex-wrap: nowrap; padding-left: 15px; }

.carousel > ul li { flex-shrink: 0; flex-grow: 0; position: relative; padding: 0 5px; width: 290px; }

.carousel > ul li a { display: block; padding: 25px 20px; background: #fff; font-size: 1rem; position: relative; border-radius: 20px; overflow: hidden; box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.2); transition: 300ms; -webkit-transition: 300ms; }

.carousel > ul li a .cat { font-size: 14px; color: #f93f30; padding-bottom: 5px; }

.carousel > ul li a .title { display: block; height: 90px; font-size: 1.25rem; margin-bottom: 10px; color: #24384d; font-weight: 500; }

.carousel > ul li a .content { height: 130px; display: block; line-height: 1.5; color: #787E83; font-weight: 200; word-break: break-all; }

.carousel > ul li a .image { width: 100%; height: 180px; background-size: cover; background-repeat: no-repeat; background-position: 50%; display: block; border-radius: 10px; margin-top: 20px; }

.carousel > ul li a:hover { transform: translate(2px, 2px); -webkit-transform: translate(2px, 2px); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); }

#page .row { padding-top: 100px; padding-bottom: 100px; }

@media (min-width: 320px) and (max-width: 767px) { #page .row { padding-top: 50px; padding-bottom: 50px; } }

#page .row .video_wrapper { position: relative; max-width: 800px; margin: 0 auto; }

#page .row .video_wrapper iframe { position: absolute; width: 100%; height: 100%; }

#page .row .video_wrapper:after { content: ''; padding-top: 56.9%; display: block; }

#people { padding: 20px; margin-bottom: 50px; text-align: center; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3); border-radius: 20px; background-color: #f7f7f7; }

@media (min-width: 320px) and (max-width: 767px) { #people { padding: 20px 10px; } }

#people li { padding: 30px; display: inline-block; }

@media (min-width: 320px) and (max-width: 767px) { #people li { padding: 10px; } }

#people li .pic { border: 2px solid #fff; width: 130px; height: 130px; border-radius: 50%; background-size: cover; background-position: center 0; vertical-align: middle; margin-bottom: 8px; }

#people li .position { font-size: 18px; display: block; }

#people li .name { font-size: 24px; display: block; margin-bottom: 7px; }

#people li .more { color: #f93f30; }

#effect { font-size: 0; }

#effect li { box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.2); display: inline-block; margin-right: 16px; width: 300px; background: #fff; border-radius: 20px; vertical-align: top; }

#effect li img { width: auto; height: 180px; display: block; margin: 14px auto 0; vertical-align: middle; border-radius: 9px; }

#effect li p { font-size: 1.125rem; padding: 30px 0px 20px; margin: -0 auto; width: 80%; text-align: center; height: 170px; margin-top: 10px; border-top: 1px solid #ddd; }

#effect.senior li img { width: 280px; height: auto;}

#effect.senior li p { height: 275px;}

#effect.partner li img { width: 280px; height: auto;}

#effect.partner li p { height: 250px;}

#person .inner_wrapper { max-width: 860px; width: 100%; margin: 50px auto 150px; font-size: 0; }

#person .inner_wrapper .image { vertical-align: top; display: inline-block; width: 20%; border-radius: 50%; background-size: cover; background-position: 50% 0; }

#person .inner_wrapper .image:before { content: ''; padding-top: 100%; display: block; }

@media (min-width: 320px) and (max-width: 767px) { #person .inner_wrapper .image { width: 200px; display: block; margin: 0 auto 20px; } }

#person .inner_wrapper .text_wrapper { width: 80%; display: inline-block; padding-left: 40px; }

@media (min-width: 320px) and (max-width: 767px) { #person .inner_wrapper .text_wrapper { width: 100%; padding-left: 0px; } }

#person .inner_wrapper .text_wrapper .name { font-size: 2rem; font-family: 'S-CoreDream-5Medium','sans-serif'; margin-bottom: 15px; }

#person .inner_wrapper .text_wrapper p { font-size: 1rem; line-height: 1.5; vertical-align: top; }

table { width: 100%; }

table tr.error { color: #f93f30; font-size: .875rem; }

table td { padding: 4px; }

form { width: 100%; max-width: 540px; margin: 0 auto; padding: 50px 20px; }

form input[type="text"], form input[type="email"], form input[type="number"], form input[type="password"] { width: 100%; padding: 10px 14px; border-radius: 2px; border: 1px solid #ddd; font-size: 1rem; }

form input[type="checkbox"] { margin-right: 5px; }

form input[type="submit"] { width: 100%; border-radius: 4px; letter-spacing: 1px; padding: 5px 32px; border-radius: 5px; border: 2px solid #f93f30; color: #f93f30; font-size: 1.5rem; font-weight: bold; display: inline-block; background-color: #fff; margin-top: 24px; }

form input[type="submit"][disabled] { background-color: #ddd; border-color: #ddd; color: #000; }

form a { color: #f93f30; }

.row.account, form.account { padding-top: 100px; padding-bottom: 100px; }

.button { width: 100%; border-radius: 4px; letter-spacing: 1px; padding: 5px 32px; border-radius: 5px; border: 2px solid #f93f30; color: #f93f30; font-size: 1.5rem; font-weight: bold; display: inline-block; background-color: #fff; text-align: center; margin: 25px 0; cursor: pointer; }

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