/* header -------------------------------------------- */

/* logo */
#header {width: 100%;height: 70px;position: fixed;top: 0px;z-index: 100;background-color: rgba(0,0,0,0.5);display: flex;justify-content: space-between;align-items: center;}
#logo_wrap {margin-right: 5%;}
#logo_wrap .logo {}

/* gnb */
#nav_wrap {margin-left: 5%;}
#nav_wrap #nav {}
#nav_wrap #nav li {float: left;margin-right: 30px;}
#nav_wrap #nav li a {display: inline-block;color: #fff;font-size: 24px;font-weight: 100;line-height: 1;padding: 2px 5px;}
#nav_wrap #nav li:hover > a {color: #353535;font-weight: 300;background-color: #d8d8dd;}
#nav_wrap #nav li.active > a {color: #353535;font-weight: 300;background-color: #d8d8dd;}
#nav_wrap #nav li.active ul {display: block;}
#nav_wrap #nav ul {padding-top: 20px;position: absolute;}

/* footer -------------------------------------------- */
.footer_wrap {clear: both;width: 100%;border-top: 2px solid #000;background-color: #282828;}
.footer {display: flex;justify-content: space-between;align-items: flex-start;max-width: 1920px;overflow: hidden;padding: 7% 9%;}
.footer .footer_logo {align-self: center;}
.footer .inc_banner {}
.footer .info {position:relative;width: auto;margin-left: 3%;display: inline-block;}
.footer .info ul {width: auto;}
.footer .info li {display: inline-block;color: #aaaaaa;letter-spacing: 0;font-size: 15px;}
.footer .info li span {margin-left: 10px;}
.footer .info li:after {content: "|";margin: 0 10px;color: #9b9b9b;}
.footer .info li:last-child:after {content: none;}
.footer .info li a {color: #aaaaaa;font-size: 15px;}
.footer .info li.strong a {color: #666666;}
@media screen and (max-width: 1024px) {
    .footer {flex-direction: column;}
    .footer .info {margin: 20px 0;}
}

/* view_box */
.view_box {}
.view_box.background {height: 100vh;background-position: center;background-repeat: no-repeat;background-size: cover;}

/* btn_support */
.btn_support {background-color: #009ae7;color: #fff;padding: 15px 33px;line-height: 1;font-size: 32px;font-weight: 600;border-radius: 26px;cursor: pointer;width: 250px;}
.btn_support.fix {position: fixed;bottom: 10px;right: 50px;z-index: 100;}

/* home */
.home {background-color: #1a1a1a;position: relative;display: flex;justify-content: center;flex-direction: column;}
.home > img {position: absolute;right: 0px;max-height: 100vh;z-index: 10;opacity: 0.5;}
.home .text_box {margin-left: 5%;z-index: 20;}
.home .title {color: #b1b1b1;font-size: 110px;font-weight: 100;line-height: 1.2;margin-bottom: 25px;}
.home .title span {color: #d8d8d8;}
.home .desc {color: #b1b1b1;font-size: 45px;font-weight: 100;z-index: 500;margin-bottom: 25px;}
.home .btn_support {}
.home .text_box .logo {}
.home .text_box .logo .kk {float: left;color: #fff;}
.home .text_box .upi {margin-right: 25px;height: 50px;margin-bottom: 10px;}
.home .text_box .un {height: 70px;}
@media screen and (max-width: 1024px) {
    .home > img {opacity: 0.3;}
}
@media screen and (max-width: 500px) {
    .home .text_box .upi {max-height: 15px;margin-bottom: 5px;}
    .home .text_box .un {max-height: 25px;}
}

/* greetings */
.greetings {background-color: #1a1a1a;position: relative;display: flex;justify-content: center;align-items: center;}
.greetings.upi {height: 190vh;}
.greetings.un {height: 160vh;}
.greetings .contents_box {max-width: 1300px; max-height: 836px;display: flex;width: 90%;height: 100%;justify-content: space-between;align-items: center;}
.greetings .contents_box.flex_reverse {flex-direction: row-reverse;}
.greetings .contents_box .photo {max-width: 640px;width: 47%;height: 100%;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: contain;}
.greetings .contents_box .photo img {display: none;object-fit: contain;max-width: 100%;height: 100%;}
.greetings .contents_box .contents {max-width: 580px;width: 47%;height: auto;color: #8b8b8b;font-size: 20px;font-weight: 400;line-height: 1.6;}
@media screen and (max-width: 1024px) {
    .greetings.upi {height: 150vh;}
    .greetings.un {height: 140vh;}
    .greetings .contents_box {flex-direction: column;max-height: 90%;justify-content: center;align-items: center;}
    .greetings .contents_box.flex_reverse {flex-direction: column;}
    .greetings .contents_box .photo {width: 100%;max-height: 625px;}
    .greetings .contents_box .contents {margin-top: 20px;width: 100%;max-width: 100%;}
}
@media screen and (max-width: 500px) {
    .greetings.upi {height: 220vh !important;}
    .greetings.un {height: 200vh !important;}
    .greetings .contents_box .contents {font-size: 11pt;line-height: 1.4;}
}

/* prev, next */
.prev, .next {position: absolute;top: calc((100% - 60px) / 2);color: #9e9e9e;font-size: 60px;cursor: pointer;}
.prev:hover, .next:hover {color: #fff;}
.prev {left: 0;}
.next {right: 0;}

.grayscale {filter: grayscale(100%); /* Current draft standard */ -webkit-filter: grayscale(100%); /* New WebKit */ -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ filter: url(resources.svg#desaturate); /* Gecko */ filter: gray; /* IE */ -webkit-filter: grayscale(1); /* Old WebKit */}

.photo_box .photo {width: 100%;height: 100%;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: contain;}
.photo_box .text_box {display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
.photo_box .text_box dt {margin-right: 5px;white-space: nowrap;float: left;}
.photo_box .text_box dd {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;word-break: keep-all;}
.photo_box .text_box .category {color: #d8d8d8;font-size: 50px;font-weight: 100;line-height: 1;margin-bottom: 20px;}
.photo_box .text_box .category span {font-size: 35px;}
.photo_box .text_box .title {width: 100%;font-size: 19px;font-weight: 500;line-height: 1.6;}
.photo_box .text_box .title dd {max-width: calc(100% - 110px);background-color: #b1b1b1;color: #282828;display: inline-block;padding: 0 5px;line-height: 1.6;}
.photo_box .text_box .country {width: 100%;font-size: 19px;font-weight: 500;line-height: 2.1;}
.photo_box .text_box .desc {width: 100%;font-size: 20px;font-weight: 300;line-height: 1.5;margin-top: 10 px;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break: keep-all;/*display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;*/}
.photo_box .photo_list .item {width: 92px;height: 92px;border-radius: 100px;overflow: hidden;float: left;background-position: center;background-repeat: no-repeat;background-size: cover;cursor: pointer;}
.photo_box .creditLine {color: #cecece;font-size: 14px;font-weight: 300;line-height: 1.6;}
.photo_box .wrap_photo .creditLine {display: none;position: absolute;top: -18px;right: 0;}
@media screen and (max-width: 500px) {
    #nav_wrap #nav li {margin-right: 12px;}
    #nav_wrap #nav li a {font-size: 18px;}
    .home .text_box .title {font-size: 32px;margin-bottom: 15px;}
    .home .text_box .desc {font-size: 22px;}
    .btn_support {width: auto;padding: 10px 20px;font-size: 20px;}
    .btn_support.fix {bottom: 20px;right: 20px;}
    .photo_box {padding: 20px !important;height: 80% !important;}
    .photo_box .photo {}
    .photo_box .text_box .category {font-size: 24px;}
    .photo_box .text_box .category span {font-size: 20px;}
    .photo_box .text_box .title {font-size: 15px;}
    .photo_box .text_box .title dd {max-width: calc(100% - 56px) !important;}
    .photo_box .text_box .country {font-size: 15px;}
    .photo_box .text_box .desc {font-size: 14px;}
    .photo_box .wrap_photo_list {width: 100% !important;height: 40px !important;position: absolute !important;bottom: 0 !important;}
    .photo_box .wrap_photo {height: 43% !important;}
    .photo_box .wrap_photo .creditLine {display: block;}
    .photo_box .photo_list {width: calc(100% - 70px) !important;}
    .photo_box .photo_list .item {width: 40px;height: 40px !important;margin: 0 5px !important;}
    .photo_box .wrap_content {height: 56% !important;}
    .photo_box .wrap_content .creditLine {display: none;}
    .footer .footer_logo img {width: 130px;}
    .footer .inc_banner img {width: 130px;}
}

/* health */
.health {position: relative;height: 100vh;display: flex;}
.health .background {position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;z-index: -10;width: 100%;height: 100%;-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px);}
.health .background .color_layer {background-color: rgba(0, 0, 0, 0.3);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.health .photo_box {position: relative;width: 100%;height: 90%; max-width: 100%;max-height: 1009px;margin: auto; padding: 100px 0;background-color: #282828;display: flex;flex-direction: row-reverse;}
.health .photo_box .wrap_content {position: relative;width: calc(50% - 3%);height: 100%;display: flex;flex-direction: column;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.health .photo_box .wrap_photo {position: relative;width: calc(50% + 3%);height: 100%;margin-right: 3%;}
.health .photo_box .photo {}
.health .photo_box .photo img {object-fit: contain;max-width: 100%;max-height: 100%;display: none;}
.health .photo_box .text_box {color: #cecece;width: 90%;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
.health .photo_box .text_box .title {}
.health .photo_box .text_box .title dd {}
.health .photo_box .text_box .country {}
.health .photo_box .text_box .desc {}
.health .photo_box .btn_support {position: absolute;right: 50px;bottom: 25px;}
.health .photo_box .wrap_photo_list {position: relative;max-width: 700px;width: 90%;height: 260px;bottom: 0;justify-content: center;flex-wrap: wrap;align-items: center;align-content: center;}
.health .photo_box .photo_list {width: calc(100% - 120px);height: 100%;overflow: hidden;margin: 0 auto;}
.health .photo_box .photo_list .item {margin: 15px 0;}
.health .photo_box .photo_list .item img {width: 100%;height: 100%;object-fit: contain;display: none;}
@media screen and (max-width: 1024px) {
    .health {position: relative;height: 100vh;display: flex;}
    .health .background {position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;z-index: -10;width: 100%;height: 100%;-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px);}
    .health .background .color_layer {background-color: rgba(0, 0, 0, 0.3);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .health .photo_box {position: relative;width: 90%;height: 90%;max-width: 1371px;max-height: 100%;margin: auto; padding: 50px 50px 50px 50px;background-color: #282828;display: flex; flex-direction: column;flex-wrap: wrap;justify-content: space-between;}
    .health .photo_box .wrap_photo {position: relative;width: 100%;height: 48%;display: flex;justify-content: center;align-items: center;}
    .health .photo_box .wrap_content {position: relative;width: 100%;height: 51%;display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
    .health .photo_box .photo {}
    .health .photo_box .photo img {object-fit: contain;max-width: 100%;max-height: 100%;display: none;}
    .health .photo_box .text_box {color: #cecece;width: 100%;}
    .health .photo_box .text_box .title {}
    .health .photo_box .text_box .title dd {}
    .health .photo_box .text_box .country {}
    .health .photo_box .text_box .desc {}
    .health .photo_box .btn_support {position: absolute;right: 50px;bottom: 25px;}
    .health .photo_box .wrap_photo_list {position: relative;width: 100%;height: 120px;}
    .health .photo_box .photo_list {width: calc(100% - 100px);height: 100%;}
    .health .photo_box .photo_list .item {}
    .health .photo_box .photo_list .item img {width: 100%;height: 100%;object-fit: contain;display: none;}
}

/* education */
.education {position: relative;height: 100vh;display: flex;}
.education .background {position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;z-index: -10;width: 100%;height: 100%;-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px);}
.education .background .color_layer {background-color: rgba(0, 0, 0, 0.3);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.education .photo_box {position: relative;width: 90%;height: 100%; max-width: 1371px;max-height: 100%;margin: auto;padding: 70px 50px 50px 50px;background-color: #282828;display: flex; flex-direction: column;flex-wrap: wrap;justify-content: space-between;}
.education .photo_box .wrap_photo {position: relative;width: 100%;height: calc(55% - 20px);display: flex;justify-content: center;align-items: center;}
.education .photo_box .wrap_content {position: relative;width: 100%;height: 45%;display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
.education .photo_box .photo {}
.education .photo_box .photo img {object-fit: contain;max-width: 100%;max-height: 100%;display: none;}
.education .photo_box .text_box {color: #cecece;width: 100%;}
.education .photo_box .text_box .title {}
.education .photo_box .text_box .title dd {}
.education .photo_box .text_box .country {}
.education .photo_box .text_box .desc {}
.education .photo_box .btn_support {position: absolute;right: 50px;bottom: 25px;}
.education .photo_box .wrap_photo_list {position: relative;width: 100%;margin-bottom: 30px;}
.education .photo_box .photo_list {width: calc(100% - 100px);height: 100%;}
.education .photo_box .photo_list .item {}
.education .photo_box .photo_list .item img {width: 100%;height: 100%;object-fit: contain;display: none;}
@media screen and (max-width: 1024px) {
    .education .photo_box {height: 90%;padding: 50px 50px 50px 50px;}
    .education .photo_box .wrap_photo {height: 48%;}
    .education .photo_box .wrap_content {height: 51%;}
    .education .photo_box .wrap_photo_list {position: relative;max-width: 700px;width: 90%;height: 120px;bottom: 0;margin-bottom: 0;justify-content: center;flex-wrap: wrap;align-items: center;align-content: center;}
    .education .photo_box .photo_list {width: calc(100% - 120px);height: 100%;overflow: hidden;margin: 0 auto;}
    .education .photo_box .photo_list .item {margin: 15px 0;}
    .education .photo_box .photo_list .item img {width: 100%;height: 100%;object-fit: contain;display: none;}
}

/* sports */
.sports {position: relative;height: 90vh;max-height: 1009px;display: flex;}
.sports .background {position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;z-index: -10;width: 100%;height: 100%;-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px);}
.sports .background .color_layer {background-color: rgba(0, 0, 0, 0.3);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.sports .photo_box {position: relative;width: 100%;height: 100%; max-width: 100%;padding: 100px 0;background-color: #282828;display: flex;flex-direction: row-reverse;}
.sports .photo_box .wrap_content {position: relative;width: calc(50% - 3%);height: 100%;display: flex;flex-direction: column;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.sports .photo_box .wrap_photo {position: relative;width: calc(50% + 3%);height: 100%;margin-right: 3%;}
.sports .photo_box .photo {}
.sports .photo_box .photo img {object-fit: contain;max-width: 100%;max-height: 100%;display: none;}
.sports .photo_box .text_box {color: #cecece;width: 90%;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
.sports .photo_box .text_box .title {}
.sports .photo_box .text_box .title dd {}
.sports .photo_box .text_box .country {}
.sports .photo_box .text_box .desc {}
.sports .photo_box .btn_support {position: absolute;right: 50px;bottom: 25px;}
.sports .photo_box .wrap_photo_list {position: relative;max-width: 700px;width: 90%;height: 260px;bottom: 0;justify-content: center;flex-wrap: wrap;align-items: center;align-content: center;}
.sports .photo_box .photo_list {width: calc(100% - 120px);height: 100%;overflow: hidden;margin: 0 auto;}
.sports .photo_box .photo_list .item {margin: 15px 0;}
.sports .photo_box .photo_list .item img {width: 100%;height: 100%;object-fit: contain;display: none;}
@media screen and (max-width: 1024px) {
    .sports {position: relative;height: 100vh;max-height: 100vh;display: flex;}
    .sports .background {position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;z-index: -10;width: 100%;height: 100%;-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px);}
    .sports .background .color_layer {background-color: rgba(0, 0, 0, 0.3);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .sports .photo_box {position: relative;width: 90%;height: 90%;max-width: 1371px;max-height: 100%;margin: auto;padding: 50px 50px 50px 50px;background-color: #282828;display: flex; flex-direction: column;flex-wrap: wrap;justify-content: space-between;}
    .sports .photo_box .wrap_photo {position: relative;width: 100%;height: 48%;display: flex;justify-content: center;align-items: center;}
    .sports .photo_box .wrap_content {position: relative;width: 100%;height: 51%;display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
    .sports .photo_box .photo {}
    .sports .photo_box .photo img {object-fit: contain;max-width: 100%;max-height: 100%;display: none;}
    .sports .photo_box .text_box {color: #cecece;width: 100%;}
    .sports .photo_box .text_box .title {}
    .sports .photo_box .text_box .title dd {}
    .sports .photo_box .text_box .country {}
    .sports .photo_box .text_box .desc {}
    .sports .photo_box .btn_support {position: absolute;right: 50px;bottom: 25px;}
    .sports .photo_box .wrap_photo_list {position: relative;width: 100%;height: 120px;}
    .sports .photo_box .photo_list {width: calc(100% - 100px);height: 100%;}
    .sports .photo_box .photo_list .item {}
    .sports .photo_box .photo_list .item img {width: 100%;height: 100%;object-fit: contain;display: none;}
}