@charset "utf-8";

/* 공통 */
#wrap {
    min-width: 1200px;
}

.inner {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

/* owl-carousel 커스텀 */
.owl-loaded .owl-dots {
    height: 26px;
    border-radius: 6px 6px 0 0;
    background-color: #59b026;
    padding: 0 16px;
}

.owl-loaded .owl-nav {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 1200px;
    overflow: visible;
}

.owl-loaded .owl-nav [class*='owl-'] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: none;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    transform: translate(0, -50%);
    font-size: 30px;
}

.owl-loaded .owl-nav [class*='owl-']:hover {
    background-color: rgba(0, 0, 0, 0.45);
}

.owl-loaded .owl-nav [class*='owl-']::before {
    content: "";
    display: block;
    width: 30%;
    height: 30%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    background-image: url("../../images/contents/bg_visual_prev.png");
}

.owl-loaded .owl-nav [class*='owl-'] span {
    display: none;
}

.owl-loaded .owl-nav .owl-prev {
    left: 0;
}

.owl-loaded .owl-nav .owl-next {
    right: 0;
}

.owl-loaded .owl-nav .owl-next::before {
    transform: translate(-50%, -50%) rotate(180deg);
}

.owl-loaded .owl-dots .owl-dot {
    background-color: transparent;
    padding: 0;
}

.owl-loaded .owl-dots .owl-dot span {
    background-color: #9ccf6c;
    width: 8px;
    height: 8px;
    margin: 10px 3px;
}

.owl-loaded .owl-dots .owl-dot:hover span {
    background-color: #fff;
}

.owl-loaded .owl-dots .owl-dot.active span {
    background-color: #e2c85e;
}

/* layout */
header>.top {
    border-bottom: solid 1px #ededed;
    box-sizing: border-box;
    overflow: visible;
}

header>.top>.inner {
    height: 78px;
}

header>.top>.inner .btn-menu {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    display: none;
}

header h1 {
    width: 219px;
    height: 38px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    margin-top: -2px;
}

header h1>a {
    width: 100%;
    height: 100%;
    display: block;
    background: url('../../images/common/logo.png') 0 50% no-repeat;
    background-size: contain;
}

.top-util {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    overflow: visible;
}

.top-util ul {
    overflow: visible;
}

.top-util ul li {
    float: left;
    margin-left: 30px;
}

.top-util ul li.newsletter>a {
    color: #59b026;
}

.top-util ul li.newsletter>a:hover {
    color: #00654f;
}

.top-util ul li.language {
    margin-top: -2px;
}

.top-util ul li.language>a {
    height: 28px;
    line-height: 26px;
    color: #59b026;
    border: solid 1px #59b026;
    color: #59b026;
    margin-left: -1px;
    width: 50px;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
}

.top-util a:hover {
    color: #444;
}

.top-util ul li.language>a.active {
    background-color: #59b026;
    color: #fff;
}

.top-util ul li.language>a:first-child {
    margin-left: 0;
    border-radius: 5px 0 0 5px;
}

.top-util ul li.language>a:last-child {
    border-radius: 0 5px 5px 0;
}

.top-util ul li.facebook>a {
    color: #58585a;
}

.top-util a {
    font-size: 13px;
    color: #919195;
}

.top-util i.fa {
    margin-right: 0.35em;
}

#gnb {
    position: relative;
    height: 58px;
    margin: 0 auto;
    overflow: visible;
}

#gnb>ul {
    width: 1200px;
    overflow: visible;
    margin: 0 auto;
}

#gnb>ul>li {
    width: calc((100% - 58px) / 4);
    float: left;
    position: relative;
}

#gnb>ul>li>a {
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #353537;
    height: 58px;
    line-height: 58px;
    font-weight: 600;
}

#gnb>ul>li>a:hover,
#gnb>ul>li.active>a {
    color: #59b026;
}

#gnb>ul>li>ul {
    display: none;
    position: absolute;
    top: 58px;
    left: 0;
    width: 100%;
    z-index: 10;
    border-radius: 0 0 10px 10px;
    background-color: #fff;
    border: solid 1px #ccc;
    border-top: none;
    padding: 10px 0;
}

#gnb>ul>li>ul::before {
    content: "";
    display: block;
    width: 90%;
    height: 1px;
    background-color: #eee;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

#gnb>ul>li>ul>li {
    text-align: center;
}

#gnb>ul>li>ul>li>a {
    width: auto;
    height: 2em;
    line-height: 2em;
    text-align: center;
    font-size: 15px;
    position: relative;
    padding: 0 6px;
    margin: 3px 0;
}

#gnb>ul>li>ul>li>a::before {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #59b026;
    transition: all 0.35s;
}

#gnb>ul>li>ul>li>a:hover {
    color: #59b026;
}

#gnb>ul>li>ul>li>a:hover::before {
    width: 100%;
}

#gnb>ul>li>ul>li.active>a {
    color: #59b026;
}

#gnb>ul>li:hover>ul,
#gnb>ul>li>a:focus+ul {
    display: block;
}

#gnb>ul>li:focus-within>ul {
    display: block;
}

#snb {
    width: 100%;
    background-color: rgba(89, 176, 38, .9);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    overflow: visible;
    box-sizing: border-box;
}

#snb>ul {
    width: 1200px;
    margin: 0 auto;
    overflow: visible;
}

#snb>ul>li {
    float: left;
}

#snb>ul>li>a {
    padding: 0 1.8em;
    height: 3.4375em;
    line-height: 3.4375em;
    color: #e6f4f1;
    font-size: 16px;
    transition: all 0.3s;
    border-radius: 4px 4px 0 0;
}

#snb>ul>li>a:hover {
    color: #fff;
}

#snb>ul>li.active>a {
    height: 3.5em;
    line-height: 3.5em;
    font-size: 18px;
    color: #59b026;
    font-weight: 600;
    background-color: #fff;
    margin-top: -8px;
    padding: 0 2.77em;
}

.btn-menu {
    display: block;
    width: 58px;
    height: 58px;
    position: absolute;
    right: 50%;
    bottom: 0;
    transform: translate(600px, 0);
}

.btn-menu>span,
.btn-menu::before,
.btn-menu::after {
    content: "";
    display: block;
    width: 16px;
    height: 2px;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: 18px;
    transform: translate(0, -50%);
    transition: .2s;
}

.btn-menu::before {
    width: 22px;
    margin-top: -7px;
}

.btn-menu::after {
    width: 20px;
    margin-top: 7px;
}

.btn-menu:hover::before {
    width: 16px;
}

.btn-menu:hover>span {
    width: 12px;
}

.btn-menu:hover::after {
    width: 22px;
}

.all-menu {
    background-color: #fff;
    width: 100%;
    position: absolute;
    top: 58px;
    z-index: 20;
    max-height: 0;
    box-sizing: border-box;
    transition: 0.17s;
    border-top: solid 1px #eee;
}

.all-menu::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    border-bottom: solid 1px #ccc;
    left: 0;
    bottom: 0
}

.all-menu>ul {
    background-color: #f2f4f7;
    width: 1200px;
    margin: 0 auto;
    padding: 15px 0;
}

.all-menu>ul>li {
    width: calc((100% - 58px) / 4);
    float: left;
}

.all-menu>ul>li>a {
    display: none;
}

.all-menu>ul>li>ul>li>a {
    display: block;
    width: 100%;
    height: 2em;
    line-height: 2em;
    text-align: center;
    font-size: 15px;
}

.all-menu>ul>li>ul>li>a:hover,
.all-menu>ul>li>ul>li.active>a {
    color: #59b026;
}

body.menu-opened .btn-menu::before {
    left: 50%;
    margin-top: 0;
    width: 20px;
    transform: translate(-50%, -50%) rotate(45deg);
}

body.menu-opened .btn-menu::after {
    left: 50%;
    margin-top: 0;
    width: 20px;
    transform: translate(-50%, -50%) rotate(135deg);
}

body.menu-opened .btn-menu>span {
    opacity: 0;
}

body.menu-opened .all-menu {
    max-height: 320px;
    transition: .7s;
}

.all-menu:focus-within {
    max-height: 320px;
}

.visual-box {
    clear: both;
    height: 262px;
    position: relative;
    text-align: center;
    color: #fff;
}

.visual-box::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.2);
    transition: all 3.5s;
    z-index: 0;
}

.visual-box.zoom::after {
    transform: scale(1);
}

.visual-box.gklfund::after {
    background-image: url('../../images/contents/bg_visual_gklfund.jpg');
}

.visual-box.business::after {
    background-image: url('../../images/contents/bg_visual_business.jpg');
}

.visual-box.archiving::after {
    background-image: url('../../images/contents/bg_visual_archiving.jpg');
}

.visual-box.alm::after {
    background-image: url('../../images/contents/bg_visual_alm.jpg');
}

.visual-box .slogan {
    position: relative;
    z-index: 1;
}

.visual-box .slogan>p:first-child {
    font-family: 'tvn', serif;
    font-weight: 600;
    font-size: 64px;
    margin-top: 54px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
}

.visual-box .slogan>p+p {
    font-size: 16px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
    font-weight: 500;
}

#contents {
    padding: 80px 0;
}

.menu-tit {
    text-align: center;
    margin-bottom: 30px;
}

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

.menu-tit>span:first-child {
    font-size: 36px;
    color: #2f3234;
    font-weight: 600;
    display: block;
}

.menu-tit>span:nth-child(2) {
    font-size: 16px;
    display: block;
    margin-top: 12px;
}

.menu-tit.small {
    margin-bottom: 20px;
}

.menu-tit.small>span:first-child {
    font-size: 24px;
}

.menu-tit.dots {
    padding-bottom: 60px;
    background: url('../../images/contents/dots.svg') 50% bottom no-repeat;
}

.menu-tab {
    width: 100%;
    margin-bottom: 60px;
}

.menu-tab>ul {
    display: flex;
    table-layout: fixed;
    width: 100%;
}

.menu-tab>ul>li {
    display: table-cell;
    padding-right: 1px;
}

.menu-tab>ul>li:last-child {
    padding-right: 0;
}

.menu-tab>ul>li>a {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: #818488;
    height: 2.33em;
    line-height: 2.33em;
    text-align: center;
    border-bottom: solid 2px #d3d3d3;
}

.menu-tab>ul>li>a:hover,
.menu-tab>ul>li.active>a {
    border-color: #59b026;
    color: #42464a;
}

#contents.business .menu-tab>ul {
    display: flex;
    justify-content: left;
}

.menu-tab>ul>li {
    display: block;
    margin-bottom: 20px;
    padding-right: 5px;
    flex: 1 1 auto;
}

.menu-tab.eight>ul>li:nth-child(4n) {
    padding-right: 0;
}

.menu-tab>ul>li>a {
    padding: 0 .5em 10px .5em;
}

.menu-tab.inline {
    margin-top: 50px;
}

.menu-tab.inline>ul {
    text-align: center;
}

.menu-tab.inline>ul>li {
    display: inline-block;
    width: auto;
    margin-bottom: 20px;
    padding-right: 15px;
}

.menu-tab.inline>ul>li>a {
    font-size: 16px;
    display: inline-block;
    border-bottom-width: 1px;
}

.bottom-navi {
    border-top: solid 1px #dcdcdc;
    background-color: #fcfcfc;
}

.bottom-navi>.inner {
    background-color: #fff;
}

.bottom-navi>.inner>ul>li {
    float: left;
    width: 25%;
    height: 100%;
    position: relative;
    overflow: visible;
    padding: 35px 0 35px 40px;
    box-sizing: border-box;
}

.bottom-navi>.inner>ul>li::before {
    content: "";
    display: block;
    width: 1px;
    height: 500px;
    position: absolute;
    background-color: #efefef;
    top: 0;
    right: 0;
}

.bottom-navi>.inner>ul>li:last-child::before {
    display: none;
}

.bottom-navi>.inner>ul>li>a {
    font-size: 18px;
    font-weight: 600;
}

.bottom-navi>.inner>ul>li>ul {
    margin-top: 16px;
}

.bottom-navi>.inner>ul>li>ul>li>a {
    color: #42464a;
    font-size: 15px;
    margin-bottom: 8px;
    padding-left: 12px;
    text-indent: -12px;
}

.bottom-navi>.inner>ul>li>ul>li>a::before {
    content: "";
    background-color: #eee;
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-right: 0.5em;
    vertical-align: top;
    margin-top: 5px;
    font-weight: 500;
}

.bottom-navi>.inner>ul>li>ul>li>a:hover::before {
    background-color: #e2c85e;
}

footer {
    border-top: solid 1px #dcdcdc;
}

footer .inner {
    padding: 28px 0;
}

footer .logo {
    width: 157px;
    height: 21px;
    background: url('../../images/common/logo.png') 0 50% no-repeat;
    background-size: contain;
}

footer dl>* {
    display: inline-block;
    vertical-align: baseline;
    margin-right: 10px;
}

footer dl>br {
    display: none;
}

footer dl a {
    vertical-align: baseline;
}

footer .info1 {
    margin-top: 27px;
}

footer .info1.hidden {
    display: none;
}

footer .info1 dt {
    font-size: 13px;
    color: #555;
    font-weight: 600;
    margin-right: 24px;
}

footer .info2 {
    margin-top: 6px;
}

footer .info2>* {
    font-size: 12px;
}

footer .info2 dt {
    font-weight: 500;
}

footer .info2 dt>strong {
    vertical-align: baseline;
}

footer p.copyright {
    font-size: 12px;
    color: #555555;
    margin-top: 20px;
}

footer .family-sites {
    border-radius: 0;
    width: 150px;
    height: 30px;
    border: solid 1px #d3d3d3;
    position: absolute;
    top: 20px;
    right: 0;
    font-size: 12px;
    color: #42464a;
    font-weight: 500;
    border-radius: 3px;
}

/* 재단소개 */
.chart-box {
    border: solid 1px #ababab;
    position: relative;
    box-sizing: border-box;
}

.chart-box>.pie {
    float: left;
}

.chart-box>img {
    display: block;
    margin: 10px auto;
}

.chart-box>.legend {
    position: absolute;
    bottom: 18px;
    left: 50%;
    transform: translate(-50%, 0);
}

.chart-box>.legend>li {
    float: left;
    margin-left: 15px;
}

.chart-box>.legend>li:first-child {
    margin-left: 0;
}

.chart-box>.legend>li::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ccc;
    margin-right: .35em;
}

.chart-box>.legend>li:nth-child(1)::before {
    background-color: #59b026;
}

.chart-box>.legend>li:nth-child(2)::before {
    background-color: #f68b33;
}

.chart-box>.legend>li:nth-child(3)::before {
    background-color: #0caf5d;
}

.chart-box>.legend>li:nth-child(4)::before {
    background-color: #f6b333;
}

.chart-box>.legend>li:nth-child(5)::before {
    background-color: #4b5b57;
}

p.para {
    font-size: 16px;
    color: #1e1e20;
    line-height: 1.5em;
    font-weight: 400;
}

p.para>strong {
    vertical-align: baseline;
}

p.para.big {
    font-size: 20px;
}

p.tit.big {
    font-size: 24px;
    color: #242528;
    font-weight: 600;
    margin-bottom: .5em;
}

.table-box.simple th {
    border-bottom: none;
    background-color: #fafaf9;
    height: 60px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
}

.table-box.simple td {
    font-size: 15px;
    color: #222222;
    height: 48px;
}

#contents.intro p.para {
    line-height: 2em;
    margin-top: 3.7em;
}

#contents.intro .slider-wrap {
    position: relative;
}

#contents.intro .slider-wrap>p.slogan {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 25px 40px;
    text-align: center;
}

#contents.intro .slider-wrap>p.slogan>span {
    font-size: 24px;
    color: #fff;
}

#contents.intro .slider-wrap>p.slogan>span.no-text {
    display: block;
    width: 507px;
    height: 64px;
    background: url('../../images/contents/txt_intro_slogan.svg');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 20px;
}

#contents.intro .slider-wrap>p.slogan>span:nth-child(2) {
    font-size: 48px;
    display: block;
    text-align: center;
    font-weight: 600;
}

#contents.intro .slider-wrap>p.slogan::before,
#contents.intro .slider-wrap>p.slogan::after {
    content: "";
    display: block;
    width: 35px;
    height: 35px;
    background-image: url('../../images/contents/bg_intro_slogan.svg');
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
    position: absolute;
}

#contents.intro .slider-wrap>p.slogan::before {
    top: 0;
    left: 0;
}

#contents.intro .slider-wrap>p.slogan::after {
    bottom: 0;
    right: 0;
    transform: rotate(180deg);
}

.slider {
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    height: 480px;
    position: relative;
}

.slider .item {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.slider .item.item-01 {
    background-image: url('../../images/contents/bg-intro-2022-01.jpg');
}

.slider .item.item-02 {
    background-image: url('../../images/contents/bg-intro-2022-02.jpg');
}

.slider .item.item-03 {
    background-image: url('../../images/contents/bg-intro-2022-03.jpg');
}

.slider .item.item-04 {
    background-image: url('../../images/contents/bg-intro-2022-04.jpg');
}

.slider .item.item-05 {
    background-image: url('../../images/contents/bg-intro-2022-05.jpg');
}

.slider .item.item-06 {
    background-image: url('../../images/contents/bg-intro-2022-06.jpg');
}

.slider .item.item-07 {
    background-image: url('../../images/contents/bg-intro-2022-07.jpg');
}

.slider .item.item-08 {
    background-image: url('../../images/contents/bg-intro-2022-08.jpg');
}

.slider .item.item-09 {
    background-image: url('../../images/contents/bg-intro-2022-09.jpg');
}

.slider .item.item-10 {
    background-image: url('../../images/contents/bg-intro-2022-10.jpg');
}

.slider.owl-loaded .owl-nav {
    width: auto;
    transform: translate(0, 0);
    bottom: 0;
    right: 0;
    top: auto;
    left: auto;
}

.slider.owl-loaded .owl-nav [class*='owl-'] {
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 0;
    position: static;
    float: left;
    transform: translate(0, 0);
}

.slider.owl-loaded .owl-nav [class*='owl-']::before {
    background-image: url("../../images/contents/btn_slide_left_active.svg");
}

#contents.intro .tit.ci {
    text-align: center;
    margin-top: 4em;
    margin-bottom: 1.8em;
    position: relative;
}

#contents.intro .tit.ci>span {
    display: inline-block;
    background-color: #fff;
    padding: 0 1em;
    z-index: 1;
    position: relative;
}

#contents.intro .tit.ci::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #eee;
}

#contents.intro .ci-box {
    width: calc(50% - 20px);
    margin-right: 40px;
}

#contents.intro .ci-box:last-child {
    margin-right: 0;
}

#contents.intro .ci-box>.tit {
    text-align: right;
    margin-bottom: .5em;
    font-size: 20px;
}

#contents.intro .ci-box>.tit>span {
    font-weight: 500;
    color: #242528;
    float: left;
}

#contents.intro .ci-box>.tit>.btn {
    font-size: .7em;
    height: 2.28em;
    line-height: 2.28em;
}

#contents.intro .ci-box>.tit>.btn::before {
    content: "\f019";
    font-family: "FontAwesome";
    margin-right: .5em;
    display: inline-block;
    vertical-align: middle;
}

#contents.intro .ci-box>.tit>.btn.ai {
    border: none;
    background-color: #59b026;
    color: #fff;
}

#contents.intro .box {
    position: relative;
    padding-top: 50%;
    background-image: url('../../images/contents/bg_grid.png');
    border: solid 1px #d3d3d3;
}

#contents.intro .box>img {
    width: 60%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.foundation {
    overflow: visible;
    text-align: center;
    width: 420px;
    height: 370px;
    border: solid 12px #f68b33;
    box-sizing: border-box;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    position: relative;
    margin-bottom: 96px;
}

.foundation .box {
    background-color: #fff;
    padding: 40px 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

.foundation .box>img {
    display: block;
    margin: 0 auto 20px auto;
}

.foundation p {
    color: #2f3234;
    font-weight: 600;
}

.foundation p:last-child {
    font-size: 1.75em;
}

.foundation strong {
    vertical-align: baseline;
    color: #f68b33;
}

/* #contents.greetings p.para {padding-left: calc(50% + 20px); float: left; font-weight: 400; color:#1e1e20; line-height: 2em; position: relative;} */
#contents.greetings p.para {
    font-weight: 400;
    font-size: 1.2rem;
    color: #1e1e20;
    line-height: 2em;
    position: relative;
    text-align: center;
}

#contents.greetings img.pic {
    display: block;
    margin: 0 auto 30px;
    max-width: 320px;
}

#contents.greetings img.signature {
    display: block;
    margin-top: 80px;
}

#contents.greetings span.para.sig {
    display: block;
    width: 228px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    text-align: center;
    margin-top: 5px;
}

#contents.greetings span.para.sig strong {
    display: block;
    font-size: 21px;
    vertical-align: baseline;
    color: #191919;
    margin-bottom: 40px;
}

.mission-box {
    height: 322px;
    background: url('../../images/contents/bg_mission.png') 50% 50% no-repeat;
    background-size: contain;
    text-align: center;
    font-size: 20px;
    color: #fff;
    margin-top: 2em;
    clear: both;
}

.mission-box p {
    text-shadow: 0 1px 0 rgba(0, 0, 0, .75);
    display: none;
}

.mission-box>p.tit {
    font-size: 2.4em;
    font-family: 'Noto Serif KR', serif;
    font-weight: bold;
    margin-top: 2em;
    margin-bottom: .2em;
}

p.tit-box {
    margin-top: 80px;
    font-size: 30px;
    color: #2f3234;
    font-weight: 600;
    margin-bottom: 32px;
    text-align: center;
}

.vision-box {
    background-image: url('../../images/contents/bg_vision.jpg');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    margin-top: 60px;
    text-align: center;
    padding-bottom: 120px;
}

.vision-box p.tit-box+p {
    font-size: 24px;
    color: #2f3234;
}

.vision-box>ul {
    margin-top: 54px;
}

.vision-box>ul>li {
    display: inline-block;
    width: 250px;
    font-size: 20px;
    color: #2f3234;
    font-weight: 600;
}

.vision-box>ul>li>span {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: solid 1px #fff;
    position: relative;
    margin-bottom: 20px;
}

.vision-box>ul>li>span::before {
    content: "";
    display: block;
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transition: all .35s;
}

.vision-box>ul>li>span:hover::before {
    transform: translate(-50%, -50%) scale(0.94);
}

.vision-box>ul>li:nth-child(1)>span::before {
    background-image: url('../../images/contents/img_vision_01.png')
}

.vision-box>ul>li:nth-child(2)>span::before {
    background-image: url('../../images/contents/img_vision_02.png')
}

.vision-box>ul>li:nth-child(3)>span::before {
    background-image: url('../../images/contents/img_vision_03.png')
}

.vision-box>ul>li:nth-child(4)>span::before {
    background-image: url('../../images/contents/img_vision_04.png')
}

.goal-box {
    border-bottom: solid 1px #efefef;
    position: relative;
}

.goal-box>img {
    display: block;
    margin: 0 auto;
    margin-top: 70px;
    margin-bottom: 80px;
}

.goal-box>ul {
    display: none;
}

.goal-box>ul>li {
    width: 100%;
    margin-bottom: 12px;
    padding: 12px 0;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    float: left;
    border: solid 1px #ccc;
}

.goal-box>ul>li:last-child {
    margin-right: 0;
}

.goal-box>ul>li:nth-child(1) {
    color: #59b026;
    border-color: #59b026;
}

.goal-box>ul>li:nth-child(2) {
    color: #f79c51;
    border-color: #f79c51;
}

.goal-box>ul>li:nth-child(3) {
    color: #4a5b57;
    border-color: #4a5b57;
}

.goal-box .communication {
    font-size: 1.5em;
    font-weight: 500;
    margin: 50px 0 80px 0;
    text-align: center;
}

.goal-box.impact>p {
    font-size: 3em;
    color: #59b026;
    margin: 100px 0;
    text-align: center;
    font-weight: 600;
}

.goal-box.impact,
.inner+.goal-box {
    border-top: solid 1px #efefef;
    overflow: visible;
    border-bottom: none;
}

.goal-box.impact::before,
.inner+.goal-box::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    box-sizing: border-box;
    border: solid 20px #ddd;
    border-top-color: transparent;
    border-left-color: transparent;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -75%) rotate(45deg);
}

.strategy-box>ul>li {
    float: left;
    width: 100%;
    margin-top: 40px;
}

.strategy-box>ul>li>div>p {
    font-size: 24px;
    font-weight: 500;
    color: #242528;
}

.strategy-box>ul>li .pic {
    float: left;
    width: 50%;
    height: 260px;
    background-size: contain;
    background-position: 90% 50%;
    background-repeat: no-repeat;
}

.strategy-box>ul>li:nth-child(1) .pic {
    background-image: url('../../images/contents/img_strategy_01.png');
}

.strategy-box>ul>li:nth-child(2) .pic {
    background-image: url('../../images/contents/img_strategy_02.png');
}

.strategy-box>ul>li>div.box {
    width: calc(50%);
    border-radius: 0 0 24px 0;
    padding: 10px 40px;
    height: 311px;
    float: left;
}

.strategy-box>ul>li>div.box>ul {
    margin-top: 10px;
}

.strategy-box>ul>li>div.box>ul>li {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 3px;
    position: relative;
    padding-left: 0.8em;
    color: #242528;
}

.strategy-box>ul>li>div.box>ul>li::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #59b026;
    border-radius: 50%;
    margin-right: .35em;
    position: absolute;
    top: 0.5em;
    left: 0;
}

.strategy-box>ul>li:nth-child(2)>div.box {
    padding-top: 90px;
}

#contents.history .box {
    margin-top: 90px;
    opacity: 0;
    clear: both;
    position: absolute;
    top: -9999px;
    left: -9999px;
}

#contents.history .box.active {
    margin-top: 60px;
    opacity: 1;
}

#contents.history .box.show {
    margin-top: 60px;
    opacity: 1;
    position: static;
    transition: all 1s;
}

.year-tab {
    text-align: center;
    margin: 60px 0;
    display: flex;
    width: 100%;
}

.year-tab ul {
    width: 100%;
}

.year-tab li {
    display: inline-block;
    font-size: 16px;
    margin-right: 0.625em;
    flex: 1 1 auto;
}

.year-tab li:last-child {
    margin-right: 0;
}

.year-tab li>a {
    display: inline-block;
    border: solid 1px #ccc;
    padding: 0 1em;
    height: 2em;
    line-height: calc(2em - 2px);
    border-radius: 4px;
    transition: all .35em ease-in;
    background-color: #fff;
}

.year-tab li>a:hover,
.year-tab li.show>a {
    border-color: #59b026;
}

.year-tab li.show>a {
    color: #59b026;
    font-weight: 500;
    line-height: 2em;
}

#contents.history .year-tab li {
    font-size: 20px;
    margin-right: 2px;
}

#contents.history .year-tab li>a {
    border-radius: 0px;
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom-width: 2px;
    height: 56px;
    font-weight: 600;
    line-height: 3.6em;
    transition: all .35s;
}

#contents.history .year-tab li.show>a {
    font-size: 1.4em;
    line-height: 2.4em;
}

#contents.history p.text {
    font-size: 14px;
    margin-bottom: 2em;
    display: inline-block;
    padding: 0 1em;
    background-color: #fafafa;
    border-radius: 100px;
    width: 300px;
    margin-left: calc(50% - 150px);
    margin-right: calc(50% - 150px);
    text-align: center;
}

#contents.history p.text::before {
    content: "\f03e";
    font-family: "FontAwesome";
    margin-right: .35em;
    height: 2em;
    line-height: 2em;
}

#contents.history .box .tit {
    width: 340px;
    height: 3.75em;
    line-height: 3.75em;
    font-family: 'Noto Serif KR', serif;
    font-size: 32px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    float: left;
    position: relative;
    border-radius: 20px 5px 5px 5px;
    transition: all 1s;
}

/*
#contents.history .box .tit::before,
#contents.history .box .tit::after {content:""; display: block; position: absolute; border:solid 16px #fff;}
#contents.history .box .tit::before {border-right-color:transparent; border-bottom-color: transparent; left:0; top:0;}
#contents.history .box .tit::after {border-left-color:transparent; border-top-color: transparent; right:0; bottom:0;}*/
#contents.history .box>ul {
    float: right;
    width: 745px;
}

#contents.history .box>ul>li {
    font-size: 16px;
    position: relative;
    padding-bottom: 24px;
}

#contents.history .box>ul>li::before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: url('../../images/contents/bg_history_dot.png');
    position: absolute;
    bottom: 0;
    left: 7px;
}

#contents.history .box>ul>li:first-child::before {
    height: calc(100% - 6px);
}

#contents.history .box>ul>li:last-child::before {
    display: none;
}

#contents.history .box>ul>li>p {
    font-size: 1em;
    font-weight: 500;
    color: #2f3234;
    width: 200px;
    text-align: center;
    position: relative;
    float: left;
    transition: all .35s;
}

#contents.history .box>ul>li>p::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    box-sizing: border-box;
    border: solid 1px #b4b4b4;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    transition: all .35s;
}

#contents.history .box>ul>li>ul>li {
    font-size: 1em;
    color: #2f3234;
    position: relative;
    padding-left: .8em;
    margin-bottom: .6em;
}

#contents.history .box>ul>li>ul>li::before {
    content: "-";
    margin-right: .35em;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

#contents.history .box>ul>li>ul>li.pic {
    cursor: pointer;
}

#contents.history .box>ul>li>ul>li.pic::after {
    content: "\f03e";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 12px;
    border: solid 1px #59b026;
    border-radius: 3px;
    padding: 0 .5em 0 .4em;
    height: 1.4em;
    line-height: 1.6em;
    margin-left: -.4em;
    margin-top: -3px;
    text-align: center;
    vertical-align: middle;
    opacity: 0;
    transition: all .25s;
}

#contents.history .box>ul>li>ul>li.pic:hover {
    color: #59b026;
}

#contents.history .box>ul>li>ul>li.pic:hover::after {
    margin-left: .4em;
    opacity: 1;
}

/*
#contents.history .box > ul > li:hover > p {color:#59b026;}
#contents.history .box > ul > li:hover > p::before {border:solid 3px #59b026;}
*/
/*
#contents.history .box.box-2018 .tit {background-image: url('../../images/contents/bg_history_2018.jpg');}
#contents.history .box.box-2017 .tit {background-image: url('../../images/contents/bg_history_2017.jpg');}
#contents.history .box.box-2016 .tit {background-image: url('../../images/contents/bg_history_2016.jpg');}
#contents.history .box.box-2015 .tit {background-image: url('../../images/contents/bg_history_2015.jpg');}
#contents.history .box.box-2014 .tit {background-image: url('../../images/contents/bg_history_2014.jpg');}
*/
#contents.history .box .tit {
    text-indent: -9999px;
    width: 375px;
    height: 153px;
    border-radius: 0;
    background-size: contain;
}

#contents.history .box.box-2025 .tit {
    background-image: url('../../images/contents/bg_history_2025.png');
}

#contents.history .box.box-2024 .tit {
    background-image: url('../../images/contents/bg_history_2024.png');
}

#contents.history .box.box-2023 .tit {
    background-image: url('../../images/contents/bg_history_2023.png');
}

#contents.history .box.box-2022 .tit {
    background-image: url('../../images/contents/bg_history_2022.png');
}

#contents.history .box.box-2021 .tit {
    background-image: url('../../images/contents/bg_history_2021.png');
}

#contents.history .box.box-2020 .tit {
    background-image: url('../../images/contents/bg_history_2020.png');
}

#contents.history .box.box-2019 .tit {
    background-image: url('../../images/contents/bg_history_2019.png');
}

#contents.history .box.box-2018 .tit {
    background-image: url('../../images/contents/bg_history_2018.png');
}

#contents.history .box.box-2017 .tit {
    background-image: url('../../images/contents/bg_history_2017.png');
}

#contents.history .box.box-2016 .tit {
    background-image: url('../../images/contents/bg_history_2016.png');
}

#contents.history .box.box-2015 .tit {
    background-image: url('../../images/contents/bg_history_2015.png');
}

#contents.history .box.box-2014 .tit {
    background-image: url('../../images/contents/bg_history_2014.png');
}

#contents.history .box .tit::after {
    content: "";
    display: block;
    margin-top: 120px;
    height: 232px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
}

#contents.history .box.box-2019 .tit::after {
    background-image: url('../../images/contents/img_pic_history_2019.png');
}

#contents.history .box.box-2018 .tit::after {
    background-image: url('../../images/contents/img_pic_history_2018.png');
}

#contents.history .box.box-2017 .tit::after {
    background-image: url('../../images/contents/img_pic_history_2017.png');
}

#contents.history .box.box-2016 .tit::after {
    background-image: url('../../images/contents/img_pic_history_2016.png');
}

#contents.history .box.box-2015 .tit::after {
    background-image: url('../../images/contents/img_pic_history_2015.png');
}

#contents.history .box.box-2014 .tit::after {
    background-image: url('../../images/contents/img_pic_history_2014.png');
}

.img-history {
    position: fixed;
    display: inline-block;
    top: 50%;
    left: 50%;
    z-index: 2600;
    width: 90%;
    height: 90%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    overflow: visible;
    display: none;
}

.img-history>img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.img-history>span {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 14px;
    line-height: 1.2em;
    padding: .5em 1em;
}

.inner-box.org img.full-w-img {
    margin-top: 40px;
}

.full-w-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.over-modal.info {
    width: 640px;
    height: auto;
    background-color: #fff;
    text-align: center;
    padding: 20px;
    position: fixed;
    overflow: visible;
    display: none;
}

.over-modal.info>.tit {
    font-size: 24px;
    height: 32px;
    line-height: 32px;
    font-weight: 600;
    text-align: left;
    color: #42464a;
    margin-bottom: .36em;
}

.over-modal.info .btn-close {
    display: block;
    width: 32px;
    height: 32px;
    background-color: #2a2a2a;
    position: absolute;
    right: 20px;
    top: 20px;
}

.over-modal.info .btn-close::before,
.over-modal.info .btn-close::after {
    content: "";
    display: block;
    background-color: #fff;
    width: 14px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: all .35s;
}

.over-modal.info .btn-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.over-modal.info .btn-close:hover::before {
    transform: translate(-50%, -50%) rotate(135deg);
}

.over-modal.info .btn-close:hover::after {
    transform: translate(-50%, -50%) rotate(45deg);
}

.over-modal.info img {
    display: block;
    margin: 0 auto;
}

.over-modal.info .pos {
    font-size: 14px;
    color: #242528;
    display: inline-block;
    height: 2.142em;
    line-height: 2.142em;
    border: solid 1px #242528;
    border-left: none;
    border-right: none;
    margin-top: 22px;
}

.over-modal.info .nm {
    font-size: 24px;
    color: #242528;
    margin-top: 10px;
    font-weight: 600;
}

.over-modal.info .table-box table th,
.over-modal.info .table-box table td {
    word-break: keep-all;
}

.over-modal.info .table-box table td.name {
    white-space: nowrap;
}

.over-modal.info td:nth-child(2) {
    font-weight: 500;
}

.over-modal.info td:last-child {
    text-align: left;
}

#contents.achivement .year-tab {
    margin: 30px 0;
}

.record-wrap {
    display: none;
}

.record-wrap.show {
    display: block;
}

.over-modal.info table th,
.over-modal.info table td {
    font-size: 17px;
}

/* 오시는 길 */
#map {
    width: 100%;
    height: 640px;
}

#map * {
    overflow: visible;
}

#marker {
    width: 144px;
    height: 100px;
    background: url('../../images/contents/img_marker.png') no-repeat;
}

#contents.map p.txt {
    font-size: 18px;
    font-weight: 500;
    color: #2f3234;
    margin-top: 2em;
}

#contents.map dl.info {
    font-size: 16px;
    color: #2f3234;
    overflow: hidden;
    margin-top: 20px;
}

#contents.map dl.info>* {
    float: left;
    margin: 2px 0;
}

#contents.map dl.info>dt {
    clear: both;
    font-weight: 500;
    width: 76px;
}

#contents.map .table-box {
    margin-top: 90px;
}

#contents.map table td {
    font-size: 15px;
}

#contents.map table td:first-child {
    font-weight: 600;
}

#contents.map table td dl {
    overflow: hidden;
}

#contents.map table td dl>* {
    float: left;
    display: inline-block;
    font-size: 15px;
    height: 1.375em;
    line-height: 1.375em;
    margin: 2px 0;
}

#contents.map table td dl>dt {
    clear: both;
    margin-right: .35em;
    font-weight: 500;
}

#contents.map table td dt strong {
    vertical-align: baseline;
    font-weight: 600;
}

#contents.map table td dt strong.line2 {
    color: #30bb37;
}

#contents.map table td dt strong.line9 {
    color: #bd9f4c;
}

#contents.map table td p {
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: .2em;
}

#contents.map table td p:first-child {
    margin-top: 0;
}

/* 사업소개 */
#contents.business {}

#contents.business .slider {
    width: calc(50% - 20px);
    margin-right: 40px;
    height: auto;
    margin-bottom: 40px;
    float: left;
}

#contents.business .slider+.tit.big {
    clear: none;
    float: left;
    width: calc(50% - 20px);
    margin-top: 0;
}

#contents.business .slider+.tit.big::after {
    content: "";
    display: block;
    width: 16px;
    height: 1px;
    background-color: #59b026;
    margin-top: .6em;
    margin-bottom: .3em;
}

#contents.business .owl-loaded .owl-dots {
    display: none;
}

#contents.business .slider .item {
    padding-top: 53.3%;
}

#contents.business.tour.dream .slider .item.photo-01 {
    background-image: url('../../images/contents/business_tour_dream_01.jpg');
}

#contents.business.tour.dream .slider .item.photo-02 {
    background-image: url('../../images/contents/business_tour_dream_05.jpg');
}

#contents.business.tour.dream .slider .item.photo-03 {
    background-image: url('../../images/contents/business_tour_dream_02.jpg');
}

#contents.business.tour.dream .slider .item.photo-04 {
    background-image: url('../../images/contents/business_tour_dream_03.jpg');
}

#contents.business.tour.dream .slider .item.photo-05 {
    background-image: url('../../images/contents/business_tour_dream_04.jpg');
}

#contents.business.tour.tourism .slider .item.photo-01 {
    background-image: url('../../images/contents/business_tour_tour_01.jpg');
}

#contents.business.tour.tourism .slider .item.photo-02 {
    background-image: url('../../images/contents/business_tour_tour_02.jpg');
}

#contents.business.tour.tourism .slider .item.photo-03 {
    background-image: url('../../images/contents/business_tour_tour_04.jpg');
}

#contents.business.tour.tourism .slider .item.photo-04 {
    background-image: url('../../images/contents/business_tour_tour_03.jpg');
}

#contents.business.tour.culture .slider .item.photo-01 {
    background-image: url('../../images/contents/business_tour_culture_01.jpg');
}

#contents.business.tour.culture .slider .item.photo-02 {
    background-image: url('../../images/contents/business_tour_culture_02.jpg');
}

#contents.business.tour.culture .slider .item.photo-03 {
    background-image: url('../../images/contents/business_tour_culture_03.jpg');
}

#contents.business.tour.culture .slider .item.photo-04 {
    background-image: url('../../images/contents/business_tour_culture_04.jpg');
}

#contents.business.tour.gfriends .slider .item.photo-01 {
    background-image: url('../../images/contents/business_tour_gfriends_01.jpg');
}

#contents.business.tour.gfriends .slider .item.photo-02 {
    background-image: url('../../images/contents/business_tour_gfriends_03.jpg');
}

#contents.business.tour.gfriends .slider .item.photo-03 {
    background-image: url('../../images/contents/business_tour_gfriends_02.jpg');
}

#contents.business.tour.gfriends .slider .item.photo-04 {
    background-image: url('../../images/contents/business_tour_gfriends_04.jpg');
}

#contents.business.tour.outlookie .slider .item.photo-01 {
    background-image: url('../../images/contents/business_tour_outlookie_01.jpg');
}

#contents.business.tour.outlookie .slider .item.photo-02 {
    background-image: url('../../images/contents/business_tour_outlookie_02.jpg');
}

#contents.business.tour.outlookie .slider .item.photo-03 {
    background-image: url('../../images/contents/business_tour_outlookie_03.jpg');
}

#contents.business.tour.outlookie .slider .item.photo-04 {
    background-image: url('../../images/contents/business_tour_outlookie_04.jpg');
}

#contents.business.tour.event .slider .item.photo-01 {
    background-image: url('../../images/contents/business_tour_event_04.jpg');
}

#contents.business.tour.event .slider .item.photo-02 {
    background-image: url('../../images/contents/business_tour_event_03.jpg');
}

#contents.business.tour.event .slider .item.photo-03 {
    background-image: url('../../images/contents/business_tour_event_01.jpg');
}

#contents.business.tour.event .slider .item.photo-04 {
    background-image: url('../../images/contents/business_tour_event_02.jpg');
}

#contents.business.tour.event .slider .item.photo-05 {
    background-image: url('../../images/contents/business_tour_event_05.jpg');
}

#contents.business.tour.event .slider .item.photo-06 {
    background-image: url('../../images/contents/business_tour_event_06.jpg');
}

#contents.business.tour.event .slider .item.photo-07 {
    background-image: url('../../images/contents/business_tour_event_07.jpg');
}

#contents.business.tour.event .slider .item.photo-08 {
    background-image: url('../../images/contents/business_tour_event_08.jpg');
}

#contents.business.tour.event .slider .item.photo-09 {
    background-image: url('../../images/contents/business_tour_event_09.jpg');
}

#contents.business.tour.event .slider .item.photo-10 {
    background-image: url('../../images/contents/business_tour_event_10.jpg');
}

#contents.business.tour.jikji .slider .item.photo-01 {
    background-image: url('../../images/contents/business_tour_jikji_01.jpg');
}

#contents.business.tour.jikji .slider .item.photo-02 {
    background-image: url('../../images/contents/business_tour_jikji_02.jpg');
}

#contents.business.tour.jikji .slider .item.photo-03 {
    background-image: url('../../images/contents/business_tour_jikji_03.jpg');
}

#contents.business.tour.jikji .slider .item.photo-04 {
    background-image: url('../../images/contents/business_tour_jikji_04.jpg');
    background-position: top center;
}

#contents.business.tour.jikji hr {
    display: block;
    margin-bottom: 80px;
    opacity: 0;
    width: 100%;
    clear: both;
}

.btn-jikji-talktalk {
    clear: both;
    width: 100%;
    display: block;
    overflow: visible;
    position: relative;
    margin-top: 3em;
    font-size: 15px;
    padding: 42px 0 42px 300px;
    background-color: #eceae4;
    background-image: url('../../images/contents/btn_jikji_talktalk.png');
    background-repeat: no-repeat;
    background-position: right 42px top 50%;
}

.btn-jikji-talktalk::after {
    content: "";
    clear: both;
    display: block;
}

.btn-jikji-talktalk>img {
    display: block;
    position: absolute;
    bottom: 0;
    left: 52px;
}

.btn-jikji-talktalk>span {
    line-height: 1.467em;
    color: #818488;
    font-weight: 400;
    float: left;
    display: block;
    width: 100%;
}

.btn-jikji-talktalk>span.tit {
    color: #242528;
    font-weight: 600;
    font-size: 1.867em;
    margin-bottom: .35em;
}

#contents.business.tour.gta .slider .item.photo-01 {
    background-image: url('../../images/contents/business_tour_gta_01.jpg');
}

#contents.business.tour.gta .slider .item.photo-02 {
    background-image: url('../../images/contents/business_tour_gta_02.jpg');
}

#contents.business.tour.gta .slider .item.photo-03 {
    background-image: url('../../images/contents/business_tour_gta_03.jpg');
}

#contents.business.tour.gta .slider .item.photo-04 {
    background-image: url('../../images/contents/business_tour_gta_04.jpg');
}

#contents.business.overseas.children .slider .item.photo-01 {
    background-image: url('../../images/contents/business_overseas_children_01.jpg');
}

#contents.business.overseas.children .slider .item.photo-02 {
    background-image: url('../../images/contents/business_overseas_children_02.jpg');
}

#contents.business.overseas.children .slider .item.photo-03 {
    background-image: url('../../images/contents/business_overseas_children_03.jpg');
}

#contents.business.overseas.children .slider .item.photo-04 {
    background-image: url('../../images/contents/business_overseas_children_04.jpg');
}

#contents.business.overseas.children .slider .item.photo-05 {
    background-image: url('../../images/contents/business_overseas_children_05.jpg');
}

#contents.business.overseas.myanmar .slider .item.photo-01 {
    background-image: url('../../images/contents/business_overseas_myanmar_01.jpg');
}

#contents.business.overseas.myanmar .slider .item.photo-02 {
    background-image: url('../../images/contents/business_overseas_myanmar_02.jpg');
}

#contents.business.overseas.myanmar .slider .item.photo-03 {
    background-image: url('../../images/contents/business_overseas_myanmar_03.jpg');
}

#contents.business.overseas.myanmar .slider .item.photo-04 {
    background-image: url('../../images/contents/business_overseas_myanmar_04.jpg');
}

#contents.business.overseas.india .slider .item.photo-01 {
    background-image: url('../../images/contents/business_overseas_india_01.jpg');
}

#contents.business.overseas.india .slider .item.photo-02 {
    background-image: url('../../images/contents/business_overseas_india_02.jpg');
}

#contents.business.overseas.india .slider .item.photo-03 {
    background-image: url('../../images/contents/business_overseas_india_03.jpg');
}

#contents.business.overseas.india .slider .item.photo-04 {
    background-image: url('../../images/contents/business_overseas_india_04.jpg');
}

#contents.business.overseas.india .slider .item.photo-05 {
    background-image: url('../../images/contents/business_overseas_india_05.jpg');
}

#contents.business p.para {
    font-size: 16px;
    line-height: 1.8em;
    color: #2f3234;
    font-weight: 400;
    width: calc(50% - 20px);
    float: left;
}

#contents.business .tit.big {
    clear: both;
    float: left;
    margin-top: 80px;
    width: 100%;
}

a.btn-homepage {
    font-size: 15px;
    height: 3em;
    line-height: calc(3em - 2px);
    padding: 0 1.8em;
    border: solid 1px #59b026;
    border-radius: 4px;
    float: left;
    margin-top: 1em;
    text-align: center;
    position: relative;
    overflow: visible;
}

a.btn-homepage>span {
    color: #59b026;
    position: relative;
    z-index: 1;
    transition: all .35s;
}

a.btn-homepage>span::before {
    content: "\f08e";
    font-family: "FontAwesome";
    display: inline-block;
    margin-right: .35em;
}

a.btn-homepage::after {
    content: "";
    display: block;
    width: 0;
    opacity: 0;
    height: 100%;
    transition: all .24s;
    background-color: #59b026;
    position: absolute;
    top: 0;
    left: 0;
}

a.btn-homepage::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: -4px;
    left: -4px;
    border-radius: 7px;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    border: solid 3px #a5e0d4;
    opacity: 0;
    transition: all .2s;
}

a.btn-homepage:hover>span {
    color: #fff;
}

a.btn-homepage:hover::after {
    width: 100%;
    opacity: 1;
}

a.btn-homepage:active {
    border-color: #046d57;
}

a.btn-homepage:active::after {
    background-color: #009878;
}

a.btn-homepage:active::before {
    opacity: 1;
}

.report-wrap {
    clear: both;
    float: left;
    text-align: center;
    width: 100%;
    position: relative;
    overflow: visible;
    margin-bottom: 80px;
}

.report-wrap::before {
    width: 100%;
    content: "";
    display: block;
    height: 140px;
    background: url('../../images/contents/bg_report.jpg') right 50% no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.report-wrap::after {
    content: "";
    display: block;
    width: 240px;
    height: 391px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    position: absolute;
    top: -94px;
    right: 100px;
    z-index: 1;
}

.report-wrap.dream::after {
    background-image: url('../../images/contents/img_business_report_01.png');
}

.report-wrap.tourism::after {
    background-image: url('../../images/contents/img_business_report_10.png');
}

.report-wrap.culture::after {
    background-image: url('../../images/contents/img_business_report_03.png');
}

.report-wrap.gfriends::after {
    background-image: url('../../images/contents/img_business_report_04.png');
}

.report-wrap.outlookie::after {
    background-image: url('../../images/contents/img_business_report_05.png');
}

.report-wrap.event::after {
    background-image: url('../../images/contents/img_business_report_06.png');
}

.report-wrap.gta::after {
    background-image: url('../../images/contents/img_business_report_08.png');
}

.report-wrap>a {
    display: block;
    float: left;
    width: 100%;
    height: 200px;
    position: relative;
    z-index: 1;
    /*border:solid 1px #efefef;*/
    background: #e4eaec;
    /*background:#eceae4 url('../../images/contents/bg_report_pattern.gif');*/
    font-size: 18px;
    color: #333333;
    font-weight: 500;
    transition: all .2s;
}

.report-wrap>a:hover {
    border-color: #aaa;
}

.report-wrap>a>span {
    display: block;
    margin-top: 0.7em;
}

.report-wrap>a>span.year {
    font-size: 1em;
    color: #898989;
    margin-top: 2.2em;
}

.report-wrap>a>span.year+span {
    font-size: 1.4em;
    margin-top: 0.5em;
}

.report-wrap>a>span.go {
    display: inline-block;
    color: #898989;
    font-size: 0.667em;
    height: 1.8em;
    line-height: 1.6em;
    border-radius: 0.8em;
    background-color: #fff;
    border: solid 1px #e3e3e3;
    padding: 0 1em;
    margin-top: 1.4em;
}

.report-wrap>a>span.go::before {
    content: "\f04b";
    font-size: 0.2em;
    font-family: "FontAwesome";
    margin-right: .35em;
    display: none;
}

/* 메인 */
body.main .visual {
    border-bottom: solid 6px #59b026;
    height: 534px;
}

body.main .visual .item {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

body.main .visual .item.visual1 {
    background-image: url('../../images/contents/bg_visual_main_2022_01.jpg');
}

body.main .visual .item.visual2 {
    background-image: url('../../images/contents/bg_visual_main_2022_02.jpg');
}

body.main .visual .item.visual3 {
    background-image: url('../../images/contents/bg_visual_main_2022_03.jpg');
}

body.main .visual .owl-dots {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top: 0 !important;
}

body.main .visual p.slogan {
    text-align: center;
    font-size: 68px;
    margin-top: 80px;
    letter-spacing: -0.05em;
}

body.main .visual p.slogan>span {
    font-family: "tvn";
    font-weight: 600;
    color: #f3f3f1;
    display: block;
}

body.main .visual p.slogan>span:nth-child(2) {
    font-size: 1.353em;
}

body.main .visual p.slogan>span>strong {
    color: #59b026;
}

body.main .visual .item.visual3 p.slogan>span>strong {
    color: #92de65;
}

body.main .visual p.slogan em {
    font-weight: 600;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: -0.05em;
    margin-top: 0.1em;
    display: none;
}

body.main .visual .item p.slogan>span>strong {
    vertical-align: baseline;
}

body.main .visual .item.visual1 p.slogan {
    color: #fff;
}

body.main .visual .item.visual1 p.slogan>span>strong {
    color: #f8d539;
}

body.main .visual .item.visual2 p.slogan {
    color: #369dcc;
}

body.main .visual .item.visual2 p.slogan>span {
    color: #369dcc;
}

body.main .visual .item.visual2 p.slogan>span:nth-child(2) {
    color: #3c73a9;
}

body.main .visual .item.visual2 p.slogan>span>strong {
    color: #39b480;
}

body.main .visual .item.visual3 p.slogan {
    color: #fff;
    text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.13);
}

body.main .visual .item.visual3 p.slogan>span>strong {
    color: #f3e6a0;
}

body.main #container>section>.inner {
    padding: 60px 0;
}

body.main #container>section>.inner>.tit,
body.main #container>section>.inner>.sub-tit {
    text-align: center;
    display: block;
}

body.main #container>section>.inner>.tit {
    color: #2f3234;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 8px;
}

body.main #container>section>.inner>.sub-tit {
    font-size: 16px;
    color: #555555;
    margin-bottom: 30px;
}

body.main #container>section.recent .tab-wrap {
    width: calc((100% - 50px) / 2);
    float: left;
    margin-right: 50px;
}

body.main #container>section.recent .tab-wrap .tab {
    margin-bottom: 0;
}

body.main #container>section.recent .tab-contents {
    padding: 30px 20px;
}

body.main #container>section.recent .tab-contents .tit {
    margin-bottom: 15px;
}

body.main #container>section.recent .tab-contents .tit>span:first-child {
    font-size: 22px;
    color: #353537;
    font-weight: 600;
}

body.main #container>section.recent .tab-contents .btn.btn-more {
    font-size: 12px;
    color: #59b026;
    height: 2em;
    line-height: 2em;
    padding: 0 .7em;
    border-radius: 6px;
    border: solid 1px #d3d3d3;
    float: right;
}

body.main #container>section.recent .tab-contents .btn.btn-more::before {
    font-size: 0.75em;
    margin-right: .5em;
}

body.main #container>section.recent dt,
body.main #container>section.recent dd {
    font-size: 15px;
    height: 2.133em;
    line-height: 2.133em;
    float: left;
    width: 80px;
}

body.main #container>section.recent dt {
    width: calc(100% - 80px);
    overflow: hidden;
}

body.main #container>section.recent dt a {
    color: #555;
    width: 100%;
}

body.main #container>section.recent dt a:hover {
    color: #2f3234;
}

body.main #container>section.recent dd {
    text-align: right;
    color: #868686;
    font-weight: 200;
}

body.main #container>section.recent .facebook-wrap {
    width: calc((100% - 50px) / 2);
    height: 280px;
    background-color: #4267b2;
    box-sizing: border-box;
    padding: 30px 40px;
    position: relative;
}

body.main #container>section.recent .facebook-wrap div.tit>span:first-child {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
}

body.main #container>section.recent .facebook-wrap div.tit>span:first-child .fa {
    font-weight: normal;
    margin-right: .35em;
}

body.main #container>section.recent .facebook-wrap .facebook-box .item a.fb-wrap {
    display: block;
    margin-top: 20px;
}

body.main #container>section.recent .facebook-wrap .facebook-box .item a.fb-wrap span.thumb {
    display: block;
    width: 168px;
    height: 168px;
    margin-right: 24px;
    float: left;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.12);
    background-position: 50% 50%;
    background-size: cover;
}

body.main #container>section.recent .facebook-wrap .facebook-box .item a.fb-wrap span.thumb>img {
    width: 100%;
}

body.main #container>section.recent .facebook-wrap .facebook-box .item a.fb-wrap p.fb-con {
    display: block;
    font-size: 14px;
    float: left;
    color: #fff;
    width: calc(100% - 192px);
    height: 9.852em;
    line-height: 1.642em;
    overflow: hidden;
    font-weight: 200;
}

body.main #container>section.recent .facebook-wrap .facebook-box .item a.fb-wrap span.more {
    color: rgba(255, 255, 255, .64);
    font-weight: 500;
    font-size: 14px;
    margin-top: 10px;
}

body.main #container>section.recent .facebook-wrap .facebook-box .item:hover a.fb-wrap span.more {
    color: #fff;
}

body.main #container>section.recent .facebook-wrap .facebook-box .item a.fb-wrap span.more::before {
    content: "\f054";
    font-family: "FontAwesome";
    margin-right: .35em;
    font-size: 0.642em;
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.178em;
}

body.main #container>section.recent .facebook-box .owl-nav {
    width: 64px;
    top: 42px;
    right: 0;
    left: auto;
}

body.main #container>section.recent .facebook-box .owl-nav [class*='owl-'] {
    width: 32px;
    height: 32px;
    border-radius: 0;
    background-color: transparent;
}

body.main #container>section.recent .facebook-box .owl-nav .owl-prev {
    margin-left: 0;
}

body.main #container>section.recent .facebook-box .owl-dots {
    bottom: auto;
    right: 100px;
    top: 28px;
    position: absolute;
    padding: 0;
    background-color: transparent;
}

body.main #container>section.recent .facebook-box .owl-dots .owl-dot {
    margin: 0 1px;
}

body.main #container>section.recent .facebook-box .owl-dots .owl-dot span {
    border-radius: 50%;
    background-color: #8aa2d4;
}

body.main #container>section.recent .facebook-box .owl-dots .owl-dot span:hover {
    background-color: #b6c8ed;
}

body.main #container>section.recent .facebook-box .owl-dots .owl-dot.active span {
    background-color: #fff;
}

body.main #container>section.business {
    background: url('../../images/contents/bg_section_business.jpg') bottom 0 left 50% no-repeat;
    background-size: cover;
}

body.main #container>section.business>.inner {
    overflow: visible;
    width: 1600px;
}

body.main #container>section.business>.inner::after {
    content: "";
    display: block;
    clear: both;
}

body.main #container>section.business .box {
    width: calc((100% - 2px) / 3);
    height: 450px;
    float: left;
    margin-right: 1px;
    position: relative;
    transition: all .4s;
    background-size: cover;
    background-position: 50% 50%;
    padding: 40px;
}

body.main #container>section.business .box::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .4;
}

body.main #container>section.business .box:last-child {
    margin-right: 0;
}

body.main #container>section.business .box:hover {
    transform: scale(1.05);
    z-index: 1;
    box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.4);
}

body.main #container>section.business .box>* {
    position: relative;
    z-index: 1;
}

body.main #container>section.business .box>.tit {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
    margin-bottom: 0.5em;
}

body.main #container>section.business .box>p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
    line-height: 1.5em;
}

body.main #container>section.business .box>a {
    color: #fff;
    font-size: 12px;
    display: block;
    position: absolute;
    bottom: 40px;
    left: 40px;
    width: 91px;
    height: 3em;
    line-height: 3em;
    background: url('../../images/contents/bg_go_arrow.png') bottom right no-repeat;
}

body.main #container>section.cards .box {
    width: 282px;
    height: 282px;
    margin-right: 24px;
    margin-bottom: 24px;
    padding: 25px;
    box-sizing: border-box;
    float: left;
    position: relative;
}

body.main #container>section.cards .box.tab-wrap {
    padding: 0;
}

body.main #container>section.cards .box>.tit>span:first-child {
    font-size: 22px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: 600;
}

body.main #container>section.cards .box>p.txt {
    font-size: 14px;
    color: #353537;
    line-height: 1.571em;
    word-break: keep-all;
}

body.main #container>section.cards .box>.link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

body.main #container>section.cards .box>* {
    position: relative;
    z-index: 1;
}

body.main #container>section.cards .box>.facebook-box {
    position: static;
}

body.main #container>section.cards .box>.facebook-box>* {
    z-index: 1;
}

body.main #container>section.cards .box::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: right bottom;
    z-index: 0;
    transition: all .4s;
}

body.main #container>section.cards .box:hover::before {
    transform: scale(1.1);
}

body.main #container>section.cards .box.color.nl {
    background: #31cca7 url('../../images/contents/bg_nl.png') 50% 0 no-repeat;
}

body.main #container>section.cards .box.color.nl .txt {
    color: #fff;
    margin-bottom: 12px;
}

body.main #container>section.cards .box.color.nl .ico {
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translate(-50%, 0);
    transition: all 0.4s;
}

body.main #container>section.cards .box.color.nl:hover .ico {
    bottom: 0;
}

body.main #container>section.cards .box.x2 {
    width: 588px;
}

body.main #container>section.cards .box.intro {
    padding: 50px;
    position: relative;
    display: none;
}

body.main #container>section.cards .box.intro::before {
    background: #59b026 url('../../images/contents/bg_cards_01.jpg') right 0 top 50% no-repeat;
}

body.main #container>section.cards .box.intro>p {
    font-size: 36px;
    font-weight: 200;
    color: #fff;
    letter-spacing: -0.08em;
    line-height: 1em;
    margin-bottom: .64em;
}

body.main #container>section.cards .box.intro>p>strong {
    font-weight: 600;
    vertical-align: baseline;
}

body.main #container>section.cards .box.intro ul li {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
}

body.main #container>section.cards .box.intro ul li::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #ffba10;
    margin-right: .35em;
}

body.main #container>section.cards .box.intro ul li .btn {
    font-size: 11px;
    height: 1.636em;
    line-height: 1.636em;
    border: solid 1px #40c6a9;
    border-radius: 4px;
    padding: 0 0.8em;
    background-color: transparent;
    color: #d6f3ed;
    margin-left: 10px;
}

body.main #container>section.cards .box.intro ul li .btn::before {
    content: "\f04b";
    font-family: "FontAwesome";
    font-size: .636em;
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.16em;
    margin-right: .35em;
}

body.main #container>section.cards .box.intro ul li .btn:hover {
    background-color: #fff;
    border-color: transparent;
    color: #59b026;
}

body.main #container>section.cards .box.intro ul li .btn:hover::before {
    color: #59b026;
}

body.main #container>section.cards .box.inquiry {
    text-align: center;
    border: solid 1px #d3d3d3;
}

body.main #container>section.cards .box.inquiry .txt {
    margin-top: 7px;
    font-weight: 500;
}

body.main #container>section.cards .box.inquiry .ico {
    display: block;
    margin: 26px auto;
    width: 100px;
    height: 100px;
    transition: all .4s;
}

body.main #container>section.cards .box.inquiry:hover .ico {
    transform: scale(1.1);
}

body.main #container>section.cards .box.inquiry a {
    margin: 0 .35em;
}

body.main #container>section.cards .box.pr::before {
    background-image: url('../../images/contents/bg_cards_02.jpg');
}

body.main #container>section.cards .box.pr>.tit>span:first-child {
    color: #353537;
}

body.main #container>section.cards .box.pr .btn-play {
    display: block;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #f79544 url('../../images/contents/bg_play.svg') 50% 50% no-repeat;
    margin-top: 25px;
    box-shadow: 0px 13px 24px 0px rgba(0, 0, 0, 0.41);
}

body.main #container>section.cards .box.color {
    color: #fff;
    text-align: center;
    background-color: #44b5b4;
}

body.main #container>section.cards .box.color::before,
body.main #container>section.cards .box.color::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    transition: all .4s;
}

body.main #container>section.cards .box.color:hover::before,
body.main #container>section.cards .box.color:hover::after {
    transform: scale(1);
    border: solid 12px rgba(0, 0, 0, 0.12);
}

body.main #container>section.cards .box.color:hover::before {
    border-left: none;
    border-bottom: none;
}

body.main #container>section.cards .box.color:hover::after {
    border-right: none;
    border-top: none;
}

body.main #container>section.cards .box.color>* {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

body.main #container>section.cards .box.color .icon {
    margin-top: 19px;
    margin-bottom: 19px;
}

body.main #container>section.cards .box.color .logo {
    width: 127px;
    margin-bottom: 10px;
}

body.main #container>section.cards .box.color .go {
    color: #fff;
}

body.main #container>section.cards .box.color .go::before {
    content: "\f08e";
    font-family: "FontAwesome";
    margin-right: .35em;
}

body.main #container>section.cards .box.color.newsletter {
    background-color: #f79544;
}

body.main #container>section.cards .box.photo .bg {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    transition: all .4s;
    transform: translate(-50%, 0);
}

body.main #container>section.cards .box.photo:hover .bg {
    transform: translate(-50%, 0) scale(1.1);
}

body.main #container>section.cards .box.photo .info {
    background-color: rgba(32, 47, 44, 0.8);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 24px 14px 24px;
    box-sizing: border-box;
}

body.main #container>section.cards .box.photo .info::after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border: solid 6px #e2c85e;
    border-top-color: transparent;
    border-left-color: transparent;
    position: absolute;
    bottom: 6px;
    right: 6px;
}

body.main #container>section.cards .box.photo .info>span {
    color: #e2c85e;
    font-size: 12px;
}

body.main #container>section.cards .box.photo .info>p {
    font-size: 14px;
    line-height: 1.285em;
    height: 2.571em;
    color: #fff;
    margin-top: 4px;
}

body.main #container>section.cards .box.photo.press .info::after {
    border-right-color: #59b026;
    border-bottom-color: #59b026;
}

body.main #container>section.cards .box.photo.press .info>span {
    color: #59b026;
}

p.year {
    font-size: 24px;
    font-weight: 600;
    color: #222;
    margin-bottom: 1em;
    text-align: center;
    position: relative;
    margin-top: 1.2em;
}

p.year>span {
    position: relative;
    display: inline-block;
    background-color: #fff;
    padding: 0 .6em;
    z-index: 1;
}

p.year:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ddd;
}

body.main .photo-bbs {
    display: none;
}

body.main #container>section.cards .box.sns {
    padding: 0;
    border: solid 1px #d3d3d3;
}

body.main .box.sns>img {
    width: 100%;
    height: 100%;
}

/* SNS 바로가기 */
.floating-sns {
    background-color: #fff;
    border-radius: 100px;
    position: fixed;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
    padding: 5px;
    box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.2);
    z-index: 100;
}

.floating-sns>li {
    margin-bottom: 8px;
}

.floating-sns>li:last-child {
    margin-bottom: 0;
}

.floating-sns>li>a {
    display: block;
    width: 30px;
    height: 30px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    border-radius: 100px;
    transition: all .15s;
}

.floating-sns>li>a:hover {
    transform: scale(1.15, 1.15);
}

.floating-sns>li.fb>a {
    background-image: url('../../images/contents/img-sns-fb.png');
}

.floating-sns>li.in>a {
    background-image: url('../../images/contents/img-sns-in.png');
}

.floating-sns>li.yt>a {
    background-image: url('../../images/contents/img-sns-yt.png');
}

.floating-sns>li.kc>a {
    background-image: url('../../images/contents/img-sns-kc.png');
}

.floating-sns>li.nt>a {
    background-image: url('../../images/contents/img-sns-nt.png');
}

/* 헤더 고정 시 */
body.fixed-header #gnb {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background-color: #fff;
    border-bottom: solid 1px #ccc;
}

/* 스크롤되면 활성화 */
.menu-tit {
    margin-top: 30px;
    opacity: 0;
    transition: all 1s;
}

.menu-tit.active {
    margin-top: 0;
    opacity: 1;
}

/* 팝업 */
.popup-window {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    width: auto;
    overflow: hidden;
    display: none;
    white-space: nowrap;
}

.popup-window>a {
    display: inline-block;
    width: 480px;
    height: 640px;
    position: relative;
}

.popup-window>a>img {
    width: 100%;
    height: 100%;
}

.btn-pop-24 {
    width: 100%;
    padding: 10px;
    display: block;
    background-color: rgba(0, 0, 0, 1);
    color: #fff;
    box-sizing: border-box;
}

.btn-pop-24>a {
    color: #fff;
}

.btn-pop-24>a:last-child {
    float: right;
}

/* board.css 커스텀 */
.box-list>ul>li span.tit {
    line-height: 1.4em;
}

.box-list.tit-full>ul>li span.tit {
    padding-right: 0;
}

/* 공모사업 공지 */
.table-box.view .gongmo br {
    display: none;
}

.gongmo h2 {
    font-size: 42px;
    font-weight: 600;
}

.table-box table td .gongmo h3 {
    margin-top: 20px;
}

.table-box table td .gongmo h3>p {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: .3em;
    padding: .3em;
}

.gongmo ul.point>li::before,
.gongmo p.point::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #474d54;
    margin-right: .4em;
    vertical-align: middle;
    margin-top: -2px;
}

.gongmo div.guide-box {
    border-top: solid 2px #474d54;
    padding: 1.2em 1em;
}

.gongmo .left-bar {
    font-weight: 600;
    padding-left: 20px;
    text-indent: -20px;
    margin-bottom: 10px;
}

.gongmo .left-bar>* {
    padding-left: 0;
    text-indent: 0;
}

.gongmo .left-bar::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 1em;
    background-color: #faaf40;
    margin-right: .8em;
    vertical-align: top;
    margin-top: 7px
}

.gongmo .em-box {
    border: solid 8px #faaf40;
    padding: 30px;
    margin-top: 12px;
}

.gongmo .em-box strong {
    font-size: 16px;
}

.gongmo ul.step-wrap::after {
    content: "";
    display: block;
    clear: both;
}

.gongmo ul.step-wrap>li {
    float: left;
    border-radius: 100px;
    border: solid 1px #2c9ded;
    padding: .3em 1em;
    color: #2c9ded;
    font-weight: 600;
    margin-right: 24px;
    position: relative;
}

.gongmo ul.step-wrap>li::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 9px;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../../images/common/bg_arrow.png');
    position: absolute;
    right: -17px;
    top: 50%;
    transform: translate(0, -50%);
}

.gongmo ul.step-wrap>li:last-child {
    margin-right: 0;
}

.gongmo ul.step-wrap>li:last-child::after {
    display: none;
}

.gongmo .example-box {
    position: relative;
    padding-left: 32px;
    margin-top: 10px;
}

.gongmo .example-box>p {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 600;
}

.table-box table td .gongmo p {
    font-size: 16px;
}

.gongmo .table-box table {
    width: 100%;
}

.gongmo .table-box table colgroup {
    display: none;
}

.gongmo .table-box table th,
.gongmo .table-box table td {
    font-size: 16px;
}

.gongmo .table-box.user-type-01 {
    margin-bottom: 0;
}

.gongmo .table-box.user-type-01 table tbody th {
    background-color: #f5f7f9;
    font-weight: 500;
}

.gongmo .table-box.user-type-01 table th:first-child {
    border-left: solid 1px #cdd4dd;
}

.gongmo .table-box.user-type-01 table tbody th.no-bl {
    border-left: none;
}

.gongmo .table-box.user-type-01 table th,
.gongmo .table-box.user-type-01 table td {
    border-right: solid 1px #cdd4dd;
}

.gongmo .table-box.user-type-01 table tbody td {
    text-align: left;
    padding-left: 1em;
    padding-right: 1em;
}

/* 2020 최신화 */
hr.separate {
    border: none;
    border-top: solid 1px #ddd;
    width: 100%;
    height: 1px;
    margin: 60px 0 80px 0;
    display: block;
    float: left;
}

/* 팝업크기 일시적으로 해제 */
.popup-window>a {
    width: auto !important;
    height: auto !important;
}

.popup-window>a>img {
    width: 100% !important;
    height: 100% !important
}

/* 2021 최신화 */
.mission-box.new {
    background-image: url('../../images/contents/img-mission.png');
    background-size: 320px auto;
}

.vision-box.new {
    background-image: url('../../images/contents/bg-vision.jpg');
    height: auto;
    padding: 120px 0;
}

.vision-box.new>div.square {
    width: 630px;
    height: 380px;
    margin: 0 auto;
    background-color: rgba(76, 76, 76, .65);
    padding: 86px 0 90px 0;
    color: #fff;
    font-size: 40px;
}

.vision-box.new>div.square>span {
    display: block;
    text-align: center;
    font-family: 'Noto Serif KR', serif;
    margin-bottom: 70px;
}

.vision-box.new>div.square>p {
    font-size: 30px;
    font-weight: 600;
}

.goal-box.new>.tit-box {
    font-size: 40px;
    margin-bottom: 12px;
}

.goal-box.new>.tit-box+p {
    font-size: 24px;
    color: #434343;
    text-align: center;
    font-weight: 300;
}

.goal-box.new .ico-list {
    display: -ms-flexbox;
    display: flex;
    width: 1200px;
    margin: 0 auto;
    margin-top: 90px;
    margin-bottom: 80px;
}

.goal-box.new .ico-list>li {
    border: none;
    color: #222;
    text-align: center;
    padding: 0 12px;
}

.goal-box.new .ico-list>li>p {
    font-size: 26px;
    color: #2f3234;
    font-weight: 600;
    margin-top: 6px;
}

.goal-box.new .ico-list>li>ul>li {
    font-size: 16px;
    font-weight: 300;
    margin-top: 4px;
}

.goal-box.new .ico-list>li>ul>li::before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #222;
    vertical-align: middle;
    margin-right: .3em;
}

.goal-box.new .ico-list>li::before {
    content: "";
    display: inline-block;
    width: 102px;
    height: 84px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-bottom: 17px;
}

.goal-box.new .ico-list>li>img {
    display: inline-block;
    border-radius: 50%;
    border: 12px solid #ccc;
}

.goal-box.new .ico-list>li.tour::before {
    background-image: url('../../images/contents/ico-tour-nanum.png');
}

.goal-box.new .ico-list>li.tour>img {
    border-color: #69b026;
}

.goal-box.new .ico-list>li.hope::before {
    background-image: url('../../images/contents/ico-hope-nanum.png');
}

.goal-box.new .ico-list>li.hope>img {
    border-color: #f79c51;
}

.goal-box.new .ico-list>li.culture::before {
    background-image: url('../../images/contents/ico-culture-nanum.png');
}

.goal-box.new .ico-list>li.culture>img {
    border-color: #4a5b57;
}

.goal-box.new .ico-list>li.world::before {
    background-image: url('../../images/contents/ico-world-nanum.png');
}

.goal-box.new .ico-list>li.world>img {
    border-color: #6a81e0;
}

.round-icon-container {
    width: 100%;
    height: 450px;
    padding: 0 50px;
    margin: 50px 0 70px 0;
}

.green-round {
    width: 1100px;
    height: 450px;
    position: relative;
    background: url(../../images/contents/mission_bg_01.png) no-repeat center;
}

.in-bu-box{
    width: 100%;
    position: relative;
}

.in-bu-box::before{
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ccc;
    margin-top: 20px;
    margin-bottom: 100px;
}

.in-bu-box > ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.in-bu-box > ul::after{
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}

.in-bu-box > ul > li{
    width: 250px;
    height: 250px;
    border-radius: 100%;
    background: #fff;
    border-width: 1px;
    border-style: dashed;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.in-bu-box > ul > li > span{
    width: 220px;
    height: 220px;
    border-radius: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.in-bu-box > ul:first-child{
    margin-bottom: 60px;
}

.in-bu-box > ul:first-child > li{
    border-color: #F58A33;
}

.in-bu-box > ul:first-child::after,
.in-bu-box > ul:first-child > li > span{
    background: #F58A33;
}

.in-bu-box > ul:last-child > li{
    border-color: #4B5B57;
}

.in-bu-box > ul:last-child::after,
.in-bu-box > ul:last-child > li > span{
    background: #4B5B57;
}

.in-bu-box .tit{
    font-size: 26px;
    font-weight: 800;
    border-width: 1px;
    border-style: dashed;
    background: #fff;
}

.in-bu-box .initiative .tit,
.in-bu-box .initiative .tit span{
    border-color: #F58A33;
}

.in-bu-box .business .tit,
.in-bu-box .business .tit span{
    border-color: #4B5B57;
}

.in-bu-box ul:first-child .tit span,
.in-bu-box ul:last-child .tit span{
    background-color: #fff;
    border-width: 10px;
    border-style: solid;
    flex-direction: column;
    gap: 5px;
}

.in-bu-box ul:first-child .tit span{
    color: #F58A33;
}

.in-bu-box ul:last-child .tit span{
    color: #4B5B57;
}

.in-bu-box .tit span::before{
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    
}

.in-bu-box .initiative .tit span::before{
    background-image: url(../../images/common/ico-initiative.png);
}

.in-bu-box .business .tit span::before{
    background-image: url(../../images/common/ico-business.png);
}

.in-bu-box .initiative .tit{
    color: #F58A33;
}

.in-bu-box .business .tit{
    color: #4B5B57;
}

.green-round .cent-img {
    width: 300px;
    height: 300px;
    background: url(../../images/contents/mission_border_logo.png) no-repeat;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.green-round .keword {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
}

.green-round .keword>li {
    width: 300px;
    height: 300px;
    border-radius: 100%;
    border: 10px solid #59B026;
    background: #fff;
    position: relative;
}

.green-round .keword .r-dotted {
    width: 260px;
    height: 260px;
    border-radius: 100%;
    border: 1px dashed #59B026;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 30px;
    font-size: 38px;
    font-weight: 800;
    color: #5B5C5E;
}

.green-round .keword .r-dotted .ico {
    width: 100%;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
}

.green-round .keword .vision .r-dotted .ico {
    height: 67px;
    background-image: url(../../images/contents/mission_icon_view.png);
}

.green-round .keword .mission .r-dotted .ico {
    height: 67px;
    background-image: url(../../images/contents/mission_icon_flag.png);
}

.green-round .keword .r-dotted .small {
    font-size: 16px;
    font-weight: 500;
    color: #59B026;
}

.orange-round {
    width: 720px;
    height: 524px;
    position: absolute;
    left: 50%;
    margin-top: 50px;
    transform: translateX(-50%);
}

.orange-round .container {
    width: 100%;
    height: 100%;
    position: relative;
}

.orange-round .container .rd-tit {
    width: 300px;
    height: 300px;
    border-radius: 100%;
    border: 1px dashed #F68B33;
    background: #fff;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}

.orange-round .container .bold-r {
    width: 260px;
    height: 260px;
    border-radius: 100%;
    border: 10px solid #F68B33;
    font-size: 40px;
    font-weight: 600;
    color: #5B5C5E;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 45px;
}

.orange-round .container .bold-r .ico {
    width: 100%;
    height: 50px;
    background: url(../../images/contents/mission_icon_point.png) no-repeat center;
}

.orange-round .container .bold-r .txt{
    font-size: 32px;
    margin-top: 10px;
}

.orange-round .unit {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 335px;
}

.orange-round .unit li {
    width: 180px;
    height: 180px;
    border-radius: 100%;
    border: 1px solid #FE9B5A;
    position: relative;
}

.orange-round .unit li.down {
    margin-top: 180px;
}

.orange-round .unit li > span {
    width: 140px;
    height: 140px;
    border-radius: 100%;
    background: #FE9B5A;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mr15 {
    margin-right: 15px;
}

.ml15 {
    margin-left: 15px;
}

.strategy-info-container {
    width: 100%;
    height: 380px;
    display: flex;
    justify-content: space-between;
}

.strategy-info-container>ul:last-child {
    width: calc(100% - 160px)
}

.strategy-info-container .tit li {
    width: 80px;
    height: 40px;
    background: #358C8B;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0 23px 23px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.strategy-info-container .tit li:first-child {
    margin: 65px 0 155px 0;
}

.strategy-info-container .cont {
    display: flex;
    justify-content: space-between
}

.strategy-info-container .cont .big-tit {
    width: 175px;
    height: 175px;
    border-radius: 100%;
    border: 10px;
    border-style: solid;
    font-size: 24px;
    font-weight: 600;
    color: #5B5C5E;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.3;
    position: relative;
}

.strategy-info-container .cont .big-tit.b {
    border-color: #44B5B4;
}

.strategy-info-container .cont .big-tit.d {
    border-color: #74C7C6;
}

.strategy-info-container .cont .big-tit::after {
    content: "";
    display: block;
    width: 1px;
    height: 30px;
    position: absolute;
    bottom: -40px;
}

.strategy-info-container .cont .big-tit.b::after {
    background: #44B5B4;
}

.strategy-info-container .cont .big-tit.d::after {
    background: #74C7C6;
}

.strategy-info-container .cont .info {
    width: 175px;
    height: 175px;
    color: #fff;
    font-size: 16px;
    padding: 40px 20px;
    margin-top: 30px;
}

.strategy-info-container .cont .info.b {
    background: #44B5B4;
}

.strategy-info-container .cont .info.d {
    background: #74C7C6;
}

.strategy-info-container .cont .info li {
    margin-bottom: 10px;
    text-indent: -14px;
    padding-left: 14px;
}

.strategy-info-container .cont .info li::before {
    content: "·";
    margin-right: 10px;
}

body.main #container>section.recent .facebook-wrap.insta {
    background: url('../../images/contents/bg-insta.jpg') 50% 0/cover no-repeat;
}

body.main #container>section.recent .facebook-wrap {
    position: relative;
}

body.main #container>section.recent .facebook-wrap .uc {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .64);
}

body.main #container>section.recent .facebook-wrap .uc>span {
    color: #fff;
    font-size: 21px;
}

/* 재단 슬로건 보류에 따른 수정 */
#contents.intro .ci-box {
    margin: 0 auto !important;
    float: none;
}

/* 인사말 수정 */
.greeting-box {
    display: flex;
    gap: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

#contents.greetings img.pic {
    width: 280px;
    max-width: 100%;
}

.greeting-box>div {
    word-break: keep-all;
}

#contents.greetings .greeting-box>div p.para {
    text-align: left;
}

.greeting-box>div:first-child {
    flex: 0 0 30%;
}

.box-list > ul > li span.thumb {
    background-color: #f1f1f1;
}

/* 20240514 pyh */
.main-bs-wrap{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.main #container>section.business .box.tour{
    background-image: url('../../images/contents/bg_busi_box_tour.jpg');
}

body.main #container>section.business .box.hope{
    background-image: url('../../images/contents/bg_busi_box_hope.jpg');
}

body.main #container>section.business .box.global{
    background-image: url('../../images/contents/bg_busi_box_global.jpg');
}

body.main #container>section.business .box.edit01 {
    background-image: url('../../images/contents/bg_busi_pic_01.jpg');
}

body.main #container>section.business .box.edit02 {
    background-image: url('../../images/contents/bg_busi_pic_02.jpg');
}

body.main #container>section.business .box.edit03 {
    background-image: url('../../images/contents/bg_busi_pic_03.jpg');
}

body.main #container>section.business .box.edit04 {
    background-image: url('../../images/contents/bg_busi_pic_04.jpg');
}