@charset "utf-8";

.sub-tab {text-align:center; margin-bottom:60px;}
.sub-tab ul {display:flex;}
.sub-tab ul li {flex:1; background:#fafafa; border:1px solid #dfdfdf; border-left:0;}
.sub-tab ul li:first-child {border-left:1px solid #dfdfdf;}
.sub-tab ul li a {display:flex; align-items:center; justify-content:center; height:60px; padding:0 10px; font-size:18px; font-weight:500; line-height:1.3em;}
.sub-tab ul li.active {background:#878787; border-color:#878787;}
.sub-tab ul li.active a {color:#fff; font-weight:600;}

/*
.sub-tab {margin-bottom:50px;}
.sub-tab ul {display:table; table-layout:fixed; width:100%; border-radius:8px; background:#eee; overflow:hidden;}
.sub-tab ul li {display:table-cell; vertical-align:top; text-align:center; color:#505050; font-size:20px; font-weight:400; line-height:50px; letter-spacing:-.04em; border:1px solid #dfdfdf; border-left:0;}
.sub-tab ul li:first-child {border-left:1px solid #dfdfdf; border-radius:8px 0 0 8px}
.sub-tab ul li:last-child {border-radius:0 8px 8px 0}
.sub-tab ul li a {display:block;}
.sub-tab ul li.active {background:#666; border:1px solid #666; color:#fff; font-weight:500;}
.sub-tab.type1 ul li.active {background:#007865; border:1px solid #007865;}
.sub-tab.type2 ul li.active {background:#65a204; border:1px solid #65a204;}
.sub-tab.type3 ul li.active {background:#f4b429; border:1px solid #f4b429;}
.sub-tab.type5 ul li.active {background:#f67c32; border:1px solid #f67c32;}
*/




.table01 table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #a8a8a8; letter-spacing:-.03em;}
.table01 table th {padding:19px; border:1px solid #dfdfdf; border-top:0; background:#fafafa; font-size:17px; line-height:1.5em; font-weight:600; color:#2c2c2c;}
.table01 table td {padding:19px; border:1px solid #dfdfdf; border-top:0; color:#505050; text-align:center; font-size:15px; line-height:1.75em;}
.table01 table thead th {border-bottom-color:#e0e0e0;}
.table01 tr th:first-child,
.table01 tr td:first-child {border-left:0;}
.table01 tr th:last-child,
.table01 tr td:last-child {border-right:0;}

.s-title {text-align:center; margin-bottom:42px;}
.s-title h3 {display:inline-block; font-size:34px; font-weight:600; line-height:1.3em; letter-spacing:-.04em;}
.s-title h3:after {content:""; display:block; width:24px; height:2px; background:#6ecff6; margin:2px 0 0 3px;}

.s-title-serif {text-align:center; margin-bottom:42px;}
.s-title-serif h3 {display:inline-block; text-align:left; font-family:'HANBatang',serif; font-size:38px; font-weight:400; line-height:1.4em; letter-spacing:-.06em;}
.s-title-serif h3:after {content:""; display:block; width:28px; height:2px; background:#6ecff6; margin:4px 0 0 3px;}

/* 기관 */

.greetings {margin-bottom:100px;}
.greetings .title {text-align:center; margin-bottom:57px;}
.greetings .title .inner {display:inline-block; text-align:left;}
.greetings .title .t1 {color:#6ecff6; font-size:15px; font-weight:700; line-height:1.4em; letter-spacing:0; border-bottom:1px solid #dfdfdf; padding-bottom:20px; margin-bottom:25px;}
.greetings .title .t2 {font-family:'HANBatang',serif; font-size:38px; line-height:1.4em; letter-spacing:-.06em; margin-bottom:8px;}
.greetings .title .t2 em {font-style:normal; color:#fcaa30;}
.greetings .title .t3 {color:#878787; font-family:'HANBatang',serif; font-size:30px; line-height:1.4em; letter-spacing:-.04em;}
.greetings .content {display:flex; align-items:center;}
.greetings .content .photos {width:50%;}
.greetings .content .photos .slider {margin-bottom:15px;}
.greetings .content .photos .thumbs  {overflow:hidden;}
.greetings .content .photos .thumbs .slick-track {transform:none !important;}
.greetings .content .photos .thumbs .items {margin:0 -6px;}
.greetings .content .photos .thumbs .item {padding:0 6px;}
.greetings .content .text {width:50%; padding-left:60px; line-height:2em; color:#505050;}
.greetings .content .text p {margin-bottom:25px;}
.greetings .content .text p:last-child {margin-bottom:0;}
.greetings .content .text .tt {color:#2c2c2c; font-size:18px; line-height:1.778em; letter-spacing:-.04em;}

.action-value {margin-bottom:100px;}
.action-value .content {position:relative;}
.action-value .content .line {position:absolute; left:0; border-bottom:1px solid #dfdfdf; margin-top:11px;}
.action-value .content ul {display:flex; justify-content:center; position:relative;}
.action-value .content ul li {width:33.33333333%; max-width:330px; text-align:center; color:#505050;}
.action-value .content .ico {margin-bottom:77px;}
.action-value .content .dot {width:22px; margin:0 auto 22px; height:22px; background:#fff; border:6px solid #555; border-radius:100%;}
.action-value .content .dot.st1 {border-color:#a2d035}
.action-value .content .dot.st2 {border-color:#fcaa30}
.action-value .content .dot.st3 {border-color:#6ecff6}
.action-value .content .cnt {display:inline-block; text-align:left;}
.action-value .content .cnt .tit {font-size:24px; line-height:1.33em; margin-bottom:12px;}
.action-value .content .cnt .tit strong {font-weight:600;}
.action-value .content .cnt .txt {font-size:15px; line-height:1.733em;}

.ci-wrap {padding:100px 0; margin-bottom:100px; background:#fafafa;}
.ci-wrap .s-title h3:after {width:18px;}
.ci-wrap .img {padding:60px 20px; text-align:center; background:url("../images/sub/ci_grid.png"); border:1px solid #dfdfdf; margin-bottom:40px;}
.ci-wrap .cnt dl {margin-bottom:35px;}
.ci-wrap .cnt dl:last-child {margin-bottom:0;}
.ci-wrap .cnt dt {font-size:24px; font-weight:600; line-height:1.4em; letter-spacing:-.04em; margin-bottom:12px;}
.ci-wrap .cnt dt .num {color:#6ecff6; border-bottom:2px solid #6ecff6; margin-right:4px;}
.ci-wrap .cnt dd {line-height:2em; color:#505050;}

.slogan .title {text-align:center; font-family:'HANBatang',serif; font-size:24px; line-height:1.4em; letter-spacing:-.04em; margin-bottom:50px;}
.slogan .title .t1 {margin-bottom:5px;}
.slogan .title .t2 {color:#878787;}
.slogan .content {display:flex; align-items:center;}
.slogan .content .text {width:50%; padding-right:40px; line-height:2em; color:#505050;}
.slogan .content .text p {margin-bottom:25px; max-width:460px;}
.slogan .content .text p:last-child {margin-bottom:0;}
.slogan .content .img {width:50%;}

.history-top {padding:96px 30px; text-align:center; color:#fff; background:url("../images/sub/his_top.jpg") 50% 50% no-repeat; margin-bottom:40px;}
.history-top .t1 {color:#6ecff6; font-size:15px; font-weight:700; line-height:1.4em; letter-spacing:0; margin-bottom:15px;}
.history-top .t2 {font-size:40px; font-weight:600; line-height:1.3em; letter-spacing:-.04em;}

.history-help-txt {color:#878787; font-size:18px; line-height:1.4em; margin-bottom:12px;}

.history .group {padding:0 39px; border:1px solid #dfdfdf; margin-bottom:10px;}
.history .group:last-child {margin-bottom:0;}
.history .tit {font-size:24px; font-weight:600; line-height:1.3em; letter-spacing:-.03em; background:url("../images/sub/toggle_down.png") 100% 50% no-repeat;}
.history .tit a {display:block; padding:23px 0;}
.history .cnt {display:none; border-top:1px solid #a8a8a8;}
.history .item {display:flex; padding:27px 0; border-bottom:1px solid #dfdfdf;}
.history .item:last-child {border-bottom:0;}
.history .item .month {width:85px; color:#fcaa30; font-size:20px; font-weight:600; line-height:1.3em; letter-spacing:-.03em;}
.history .item .list {line-height:1.5em; flex:1 1 auto; min-width:0; width:1%;}
.history .item .list ul li {position:relative; padding-left:10px; margin-bottom:8px;}
.history .item .list ul li:last-child {margin-bottom:0;}
.history .item .list ul li:before {content:"-"; position:absolute; top:0; left:0;}
.history .active .tit {color:#1fa7f1; background-image:url("../images/sub/toggle_up.png");}

.mana-top {padding:67px 110px; background:url("../images/sub/mana_top.jpg") 50% 50% no-repeat; background-size:cover; margin-bottom:40px;}
.mana-top .t1 {font-size:36px; font-weight:600; line-height:1.3em; letter-spacing:-.04em; margin-bottom:10px;}
.mana-top .t2 {font-size:22px; font-weight:500;	line-height:1.455em; letter-spacing:-.04em; margin-bottom:10px;}
.mana-top .t3 {color:#505050; font-size:17px; line-height:1.882em; letter-spacing:-.04em;}

.mana-cnt {display:flex; justify-content:space-between; margin-bottom:115px;}
.mana-cnt .col {width:calc(50% - 20px);}
.mana-cnt dl {margin-top:26px;}
.mana-cnt dt {font-size:24px; font-weight:600; line-height:1.3em; letter-spacing:-.04em; margin-bottom:10px;}
.mana-cnt dd {color:#505050; line-height:2em; letter-spacing:-.04em;}

.mana-cnt2 {margin-bottom:110px;}
.mana-cnt2 .table01 table td {padding:25px; line-height:2em;}

.mana-cnt3 {position:relative; padding:43px 30px 43px 410px; font-size:17px; line-height:1.882em; letter-spacing:-.03em; background:#f8f5ec url("../images/sub/mana_icon.png") 43px 100% no-repeat;}
.mana-cnt3 .img {position:absolute; top:30px; left:98px;}
.mana-cnt3 .txt {max-width:670px;}

.fine-report-top {margin-bottom:25px;}
.fine-report-top h3 {font-size:28px; font-weight:600; line-height:1.3em; letter-spacing:-.04em; margin-bottom:10px;}
.fine-report-top p {font-size:20px; line-height:1.6em; letter-spacing:-.03em;}

.fine-report-tab {margin-bottom:30px;}
.fine-report-tab ul {display:flex; flex-wrap:wrap; margin:-6px;}
.fine-report-tab ul li {width:20%; padding:6px;}
.fine-report-tab ul li a {display:flex; align-items:center; justify-content:space-between; height:100px; padding:0 29px; font-size:18px; font-weight:600; line-height:1.5em; border:1px solid #dfdfdf;}
.fine-report-tab ul li a:after {content:"→"; color:#a8a8a8; margin-left:10px;}
.fine-report-tab ul li.active a {color:#fff; font-weight:600; background:#878787; border-color:#878787;}
.fine-report-tab ul li.active a:after {color:#fff;}

.fine-report-content {margin-bottom:100px;}
.fine-report-content:last-child {margin-bottom:0;}
.fine-report-content .chart {position:relative; padding:50px; border:1px solid #dfdfdf; margin-bottom:40px;}
.fine-report-content .chart .img {text-align:center;}
.fine-report-content .chart .info {position:absolute; top:30px; left:40px;}
.fine-report-content .chart .info table {border-collapse:collapse; border-spacing:0px; font-size:15px; line-height:1.45em;}
.fine-report-content .chart .info table td {padding:9px 0;}
.fine-report-content .chart .info table tr td:first-child {padding-right:30px; color:#505050;}
.fine-report-content .chart .info table tr td strong {font-weight:500;}
.fine-report-content .chart .info .color {display:inline-block; vertical-align:middle; width:12px; height:12px; margin:-.2em 6px 0 0;}
.fine-report-content .table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #dfdfdf;}
.fine-report-content .table table th {padding:16px; border:1px solid #dfdfdf; border-top:0; background:#fafafa; font-size:18px; line-height:1.5em; font-weight:600; color:#2c2c2c;}
.fine-report-content .table table td {padding:16px; border:1px solid #dfdfdf; border-top:0; color:#505050; text-align:center; font-size:15px; line-height:1.75em;}
.fine-report-content .table table thead th {border-bottom-color:#e0e0e0;}
.fine-report-content .table tr th:first-child,
.fine-report-content .table tr td:first-child {border-left:0;}
.fine-report-content .table tr th:last-child,
.fine-report-content .table tr td:last-child {border-right:0;}

.ambassadors {display:flex;}
.ambassadors .photos {width:50%;}
.ambassadors .photos .slider {margin-bottom:20px;}
.ambassadors .photos .thumbs {overflow:hidden; max-width:454px; margin:0 auto;}
.ambassadors .photos .thumbs .slick-track {transform:none !important;}
.ambassadors .photos .thumbs .items {margin:0 -9px;}
.ambassadors .photos .thumbs .item {margin:0 9px; width:auto !important; position:relative; cursor:pointer;}
.ambassadors .photos .thumbs .slick-current .item:after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:4px solid #fcaa30;}
.ambassadors .text {width:50%; padding-left:60px; line-height:2em; color:#505050;}
.ambassadors .text p {margin-bottom:25px;}
.ambassadors .text p:last-child {margin-bottom:0;}
.ambassadors .text strong {font-weight:600;}
.ambassadors .text .tt {color:#2c2c2c; font-size:24px; line-height:1.5em; letter-spacing:-.04em;}
.ambassadors .text .c1 {color:#fcaa30;}
.ambassadors .text .c2 {color:#1fa7f1;}
.ambassadors .text .lg {color:#2c2c2c; font-size:20px; line-height:1.6em; letter-spacing:-.04em;}
.ambassadors .text .sign {margin-top:30px;}
.ambassadors .text .sign img {vertical-align:middle; margin:-.2em 0 0 20px;}

.root_daum_roughmap {width:100% !important;}

.location-info {display:flex; text-align:center; margin:50px 0;}
.location-info .col {width:33.33333333%; border-right:1px solid #dfdfdf; padding:25px;}
.location-info .col:last-child {border-right:0;}
.location-info dt {margin:20px 0 12px; font-weight:600;}
.location-info dd {display:inline-block; text-align:left;}
.location-info dd.lg {font-size:18px;}

.traffic-info table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #a8a8a8; letter-spacing:-.03em;}
.traffic-info table th {padding:30px; border:1px solid #e0e0e0; border-top:0; background:#fafafa; font-size:17px; line-height:1.5em; font-weight:600; color:#2c2c2c;}
.traffic-info table th img {display:block; margin:0 auto 7px;}
.traffic-info table td {padding:30px; border:1px solid #e0e0e0; border-top:0; color:#505050; font-size:15px; line-height:1.75em;}
.traffic-info tr th:first-child,
.traffic-info tr td:first-child {border-left:0;}
.traffic-info tr th:last-child,
.traffic-info tr td:last-child {border-right:0;}
.traffic-info ul li {position:relative; padding-left:15px; margin-bottom:5px;}
.traffic-info ul li:last-child {margin-bottom:0;}
.traffic-info ul li:before {content:""; position:absolute; top:10px; left:0; width:5px; height:5px; background:#fcaa30; border-radius:100%;}

/* 사업 */
.biz-main-top {display:flex; align-items:center; margin-bottom:40px; color:#fff; height:323px; background:url("../images/sub/biz_main_img.jpg") 100% 50% no-repeat; background-size:cover;}
.biz-main-top .inner {width:100%; padding-left:13%;}
.biz-main-top h2 {font-size:36px; line-height:1.444em; letter-spacing:-.04em; margin-bottom:20px;}
.biz-main-top p {width:60%; max-width:490px; font-size:20px; font-weight:400; line-height:1.6em; letter-spacing:-.04em;}

.biz-main-content .group {display:flex; margin-bottom:20px;}
.biz-main-content .group:last-child {margin-bottom:0;}
.biz-main-content .group.type1 .title {background:#1fa7f1;}
.biz-main-content .group.type2 .title {background:#fbaa2f;}
.biz-main-content .title {width:33.3%; padding:40px; color:#fff;}
.biz-main-content .title h3 {font-size:26px; font-weight:600; line-height:1.3em; letter-spacing:-.04em; margin-top:-3px; margin-bottom:22px;}
.biz-main-content .title p {line-height:1.5em; letter-spacing:-.04em;}
.biz-main-content .items {width:66.7%; background:#fafafa; border-top:1px solid #dfdfdf; text-align:center; font-weight:500; line-height:1.4em;}
.biz-main-content .items ul {display:flex; flex-wrap:wrap;}
.biz-main-content .items ul li {width:50%; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.biz-main-content .items ul li a {display:block; padding:20px;}
.biz-main-content .items ul li img {display:block; margin:0 auto 10px;}

.bottom-campaign {padding:80px 0; margin-top:80px; background:#f4f4f4;}
.bottom-campaign .m-head h2 {font-weight:600;}
.bottom-campaign .gallery-list ul {justify-content:center;}
.bottom-campaign .gallery-list ul li {width:25%;}
.bottom-campaign .gallery-list ul li a {background:#fff;}
.bottom-campaign .gallery-list ul li .thumb {padding-bottom:75%;}
.bottom-campaign .gallery-list ul li .tit {color:#2c2c2c; font-size:17px; font-weight:500; line-height:1.53em; min-height:3.06em;}
.bottom-campaign .gallery-list ul li .txt {color:#a8a8a8; font-size:13px; font-weight:400; height:auto; height:4.5em; word-break:keep-all; -webkit-line-clamp:3;}

.biz-top {display:flex; align-items:center; margin-bottom:30px; color:#505050; min-height:500px; background-position:100% 50%; background-repeat:no-repeat; background-size:cover;}
.biz-top .inner {width:100%; padding:30px 9%;}
.biz-top h2 {font-size:36px; font-weight:500; line-height:1.444em; letter-spacing:-.04em; margin-bottom:24px;}
.biz-top h2 strong {color:#2c2c2c; font-weight:600;}
.biz-top p {font-size:20px; font-weight:400; line-height:1.6em; letter-spacing:-.04em;}
.biz-top.bg1 {background-image:url("../images/sub/biz1_1_top.jpg");}
.biz-top.bg2 {background-image:url("../images/sub/biz1_2_top.jpg");}
.biz-top.bg3 {background-image:url("../images/sub/biz1_3_top.jpg");}
.biz-top.bg4 {background-image:url("../images/sub/biz1_4_top.jpg");}
.biz-top.bg5 {background-image:url("../images/sub/biz2_1_top.jpg");}
.biz-top.bg6 {background-image:url("../images/sub/biz2_2_top.jpg"); color:#fff;}
.biz-top.bg6 h2 {font-weight:700;}
.biz-top.bg7 {background-image:url("../images/sub/biz2_3_top.jpg"); color:#fff;}
.biz-top.bg7 h2 {font-weight:700;}
.biz-top.bg8 {background-image:url("../images/sub/biz2_4_top.jpg");}

.biz-txt {padding:40px; text-align:center; border:4px solid #efe9e3; margin-bottom:80px; font-size:20px; line-height:1.9em; letter-spacing:-.04em; background:url("../images/sub/biz_txt_bg.png") 100% 100% no-repeat;}


.biz-area {margin-bottom:80px;}
.biz-area h3 {font-size:28px; font-weight:600; line-height:1.3em; letter-spacing:-.04em; margin-bottom:20px;}
.biz-area ul {display:flex; flex-wrap:wrap; margin:-10px;}
.biz-area ul li {width:50%; padding:10px;}
.biz-area .box {display:flex; height:100%; min-height:290px;}
.biz-area .img {position:relative; width:250px; overflow:hidden;}
.biz-area .img .mobile {display:none;}
.biz-area .img img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.biz-area .cnt {flex:1 1 auto; min-width:0; width:1%; border:1px solid #dfdfdf; border-left:0; padding:42px 30px 40px 50px;}
.biz-area .cnt h4 {font-size:22px; font-weight:600; line-height:1.44em; letter-spacing:-.03em; margin-bottom:15px;}
.biz-area .cnt p {font-size:15px; line-height:1.867em; letter-spacing:-.03em;}
.biz-area .cnt .sm {color:#878787; font-size:13px; line-height:1.538em; letter-spacing:-.03em; margin-top:5px;}

/* 후원 */

.receipt-top {position:relative; padding:100px 30px 70px 42%; margin-bottom:60px; background:#f8f5ec url("../images/sub/receipt_top.png") left -5px bottom no-repeat;}
.receipt-top .img {position:absolute; top:80px; left:11%;}
.receipt-top .txt {color:#505050; font-size:34px; line-height:1.471em; letter-spacing:-.04em;}
.receipt-top .txt strong {display:inline-block; border-bottom:3px solid #2c2c2c; color:#2c2c2c;}

.receipt-tit {font-size:24px; font-weight:600; line-height:1.3em; letter-spacing:-.03em; margin-bottom:22px;}
.receipt-tit .num {color:#fcaa30;}

.receipt-cnt {margin-bottom:60px;}
.receipt-cnt:last-child {margin-bottom:0;}

.receipt-table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #b9b9b9;}
.receipt-table table th {padding:27px 10px; color:#2c2c2c; font-size:17px; font-weight:500; line-height:1.5em; background:#fafafa; border:1px solid #dfdfdf; border-top:0;}
.receipt-table table th img {display:block; margin:0 auto 10px;}
.receipt-table table td {padding:27px 30px; color:#505050; font-size:15px; line-height:1.467em; border:1px solid #dfdfdf; border-top:0;}
.receipt-table tr th:first-child,
.receipt-table tr td:first-child {border-left:0;}
.receipt-table tr th:last-child,
.receipt-table tr td:last-child {border-right:0;}
.receipt-table .sm {font-size:14px; line-height:1.5em; margin-top:6px;}
.receipt-table .sm .text-orange {color:#f38200;}
.receipt-table .contact {margin-top:6px; font-size:14px; line-height:1.857em; font-weight:500; margin-top:12px;}
.receipt-table .contact strong {color:#1fa7f1;}
.receipt-table .dot > li {position:relative; padding-left:15px; margin-bottom:9px;}
.receipt-table .dot > li:before {content:""; position:absolute; top:7px; left:0; width:5px; height:5px; background:#fcaa30; border-radius:100%;}
.receipt-table .dot > li:last-child {margin-bottom:0;}

.receipt-table2 table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #b9b9b9;}
.receipt-table2 table th {padding:17px 10px; color:#2c2c2c; font-size:17px; font-weight:500; line-height:1.5em; background:#fafafa; border:1px solid #dfdfdf; border-top:0;}
.receipt-table2 table td {padding:25px 10px; text-align:center; color:#505050; font-size:15px; line-height:1.467em; border:1px solid #dfdfdf; border-top:0;}
.receipt-table2 tr th:first-child,
.receipt-table2 tr td:first-child {border-left:0;}
.receipt-table2 tr th:last-child,
.receipt-table2 tr td:last-child {border-right:0;}

.table-desc {color:#505050; font-size:14px; line-height:1.571em; margin-top:12px;}
.table-desc .text-orange {color:#f38200;}

.donation-1-top {display:flex; align-items:center; height:600px; background:url("../images/sub/donation1_top.jpg") 50% 50% no-repeat; background-size:cover; margin-bottom:100px;}
.donation-1-top .inner {margin-left:9%;}
.donation-1-top .txt {display:inline-block; padding:6px 0; font-size:24px; font-weight:500; line-height:1.4em; border-top:1px solid #2c2c2c; border-bottom:1px solid #2c2c2c;}
.donation-1-top .tit {margin-top:30px; font-size:46px; font-weight:500; line-height:1.4em; letter-spacing:-.04em;}
.donation-1-top .tit strong {font-size:60px; line-height:1.4em; color:#684c31;}

.donation-2-top {display:flex; align-items:center; height:600px; color:#fff; background:url("../images/sub/donation2_top.jpg") 50% 50% no-repeat; background-size:cover; margin-bottom:100px;}
.donation-2-top .inner {margin-left:60%;}
.donation-2-top .tit {margin-bottom:20px; font-size:46px; font-weight:500; line-height:1.4em; letter-spacing:-.04em;}
.donation-2-top .txt {font-size:18px; font-weight:500; line-height:1.667em;}

.donation-3-top {display:flex; align-items:center; height:600px; background:#f8f5ec; margin-bottom:60px;}
.donation-3-top .contain {display:flex; align-items:center;}
.donation-3-top .cnt {margin-left:60px;}
.donation-3-top .tit {margin-bottom:20px; color:#684c31; font-size:46px; font-weight:700; line-height:1.4em; letter-spacing:-.04em;}
.donation-3-top .txt {font-size:18px; font-weight:500; line-height:1.667em;}

.donation-media {margin-bottom:100px;}
.donation-media .contain {display:flex;}
.donation-media .img {width:50%;}
.donation-media .cnt {width:50%; max-width:560px; padding:30px 0 0 60px;}
.donation-media .cnt h3 {margin-bottom:35px; color:#a58668; font-size:32px; line-height:1.3em; letter-spacing:-.04em;}
.donation-media .cnt p {color:#505050; font-size:18px; line-height:1.667em; letter-spacing:-.04em; margin-bottom:25px;}
.donation-media .cnt p:last-child {margin-bottom:0;}
.donation-media .cnt p strong {color:#2c2c2c; font-weight:500;}

.donation-intro {text-align:center; margin-bottom:60px;}
.donation-intro h3 {margin-bottom:45px; font-size:32px; font-weight:400; line-height:1.406em; letter-spacing:-.04em;}
.donation-intro h3 strong {color:#a58668; font-weight:600;}
.donation-intro .imgs {display:flex; margin-bottom:50px;}
.donation-intro .list {display:flex; margin-bottom:50px;}
.donation-intro .list .col {width:50%; padding:30px; border-left:1px solid #dfdfdf;}
.donation-intro .list .col:first-child {border-left:0;}
.donation-intro .list p {margin-top:15px; font-size:20px; font-weight:500; line-height:1.5em; letter-spacing:-.04em;}

.donation-process {text-align:center; padding:80px 0; margin-bottom:100px; background:#f8f5ec;}
.donation-process h3 {font-size:30px; font-weight:600; line-height:1.3em; letter-spacing:-.03em; margin-bottom:55px;}
.donation-process .btn {margin-top:40px;}
.donation-process.mg {margin-bottom:80px;}

.btn-app {display:inline-block; padding:14px 40px; color:#fff; text-align:center; font-size:20px; font-weight:600; line-height:1.45em; letter-spacing:-.04em; background:#785f40; border-radius:40px;}
.btn-app.large {padding:24px 40px; font-size:22px;}

.donation-used {margin-bottom:80px;}
.donation-used .title {margin-bottom:27px;}
.donation-used .title h3 {font-size:28px; font-weight:500; line-height:1.3em; letter-spacing:-.03em;}
.donation-used .title p {font-size:20px; line-height:1.5em; letter-spacing:-.03em; margin-top:8px;}
.donation-used .imgs {display:flex; justify-content:space-between; margin-bottom:20px;}
.donation-used .imgs .box {width:calc(50% - 10px); height:260px; padding:40px; color:#fff; font-size:20px; font-weight:500; line-height:1.6em; letter-spacing:-.03em; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.donation-used .imgs .box.bg1 {background-image:url("http://globalshare.or.kr/images/sub/donation1_use1.jpg");}
.donation-used .imgs .box.bg2 {background-image:url("http://globalshare.or.kr/images/sub/donation1_use2.jpg");}
.donation-used .list ol {display:flex; flex-wrap:wrap; margin:-10px;}
.donation-used .list ol li {width:calc(33.33333333% - 20px); margin:10px; padding:40px; border:1px solid #dfdfdf; transition:.2s;}
.donation-used .list ol li:hover {background:#f8f5ec;}
.donation-used .list ol li:hover .num {color:#684c31;}
.donation-used .list .num {color:#a58668; font-size:20px; font-weight:600; line-height:1.35em;}
.donation-used .list .tit {color:#2c2c2c; font-size:20px; font-weight:600; line-height:1.35em; margin-bottom:25px;}
.donation-used .list .tit strong {font-weight:500;}
.donation-used .list .txt {color:#505050; font-size:15px; line-height:1.867em; letter-spacing:-.03em;}
.donation-used .list.type1 ol li {min-height:325px;}
.donation-used .donation-bottom-txt {margin-bottom:150px;}

.donation-bottom-txt {text-align:center; padding:35px 0; border-bottom:1px solid #dfdfdf; font-size:24px; line-height:1.583em; letter-spacing:-.03em;}
.donation-bottom-txt strong {color:#a58668; font-weight:600;}
.donation-bottom-txt .inner {display:inline-flex;}
.donation-bottom-txt .inner p {margin:0 30px;}
.donation-bottom-txt .inner:before,
.donation-bottom-txt .inner:after {content:""; width:40px; height:40px; background-position:50% 50%; background-repeat:no-repeat; margin-top:13px;}
.donation-bottom-txt .inner:before {background-image:url("../images/sub/quotes_s.png");}
.donation-bottom-txt .inner:after {background-image:url("../images/sub/quotes_e.png");}

.donation-tit {font-size:28px; font-weight:600; line-height:1.3em; letter-spacing:-.03em; margin-bottom:20px;}

.donation-box-tit {padding:23px 40px; font-size:28px; font-weight:500; line-height:1.3em; letter-spacing:-.03em; background:#f8f5ec;}

.donation-cnt {margin-bottom:70px;}
.donation-cnt:last-child {margin-bottom:0;}

.donation-special ol {margin-bottom:43px;}
.donation-special ol li {position:relative; padding:30px 40px; margin-top:10px; display:flex; border:1px solid #dfdfdf;}
.donation-special ol li .num {width:43px; flex:0 0 43px; color:#a58668; font-size:20px; font-weight:700; line-height:1.6em;}
.donation-special ol li .txt {max-width:1070px; font-size:19px; line-height:1.789em; letter-spacing:-.03em;}
.donation-special ol li.border:after {content:""; position:absolute; top:-1px; right:-1px; bottom:-1px; left:-1px; border:3px solid #2c2c2c;}
.donation-special ol li.border .txt {font-weight:600;}

.donation-benefits {display:flex; flex-wrap:wrap; margin:-10px; text-align:center;}
.donation-benefits .box {width:calc(33.33333333% - 20px); margin:10px; padding:40px; background:#f8f5ec; border:1px solid #dfdfdf;}
.donation-benefits dt {margin-top:23px; font-size:20px; font-weight:500; line-height:1.6em;}
.donation-benefits dd {margin-top:10px; color:#505050; font-size:18px; line-height:1.5em; letter-spacing:-.03em;}
.donation-benefits dd strong {color:#684c31; font-weight:600;}

.donation-howto {margin-bottom:77px;}
.donation-howto ul {display:flex; flex-wrap:wrap; margin:-10px;}
.donation-howto ul li {width:50%; padding:10px;}
.donation-howto .box {display:flex; height:100%; min-height:240px;}
.donation-howto .img {position:relative; width:250px; overflow:hidden;}
.donation-howto .img img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.donation-howto .cnt {flex:1 1 auto; min-width:0; width:1%; border:1px solid #dfdfdf; border-left:0; padding:42px 30px 40px 50px;}
.donation-howto .cnt h4 {font-size:22px; font-weight:600; line-height:1.44em; letter-spacing:-.03em; margin-bottom:15px;}
.donation-howto .cnt h4 .num {color:#684c31; font-weight:700;}
.donation-howto .cnt p {font-size:15px; line-height:1.867em; letter-spacing:-.03em;}
.donation-howto .cnt .sm {color:#878787; font-size:13px; line-height:1.538em; letter-spacing:-.03em; margin-top:5px;}

.donation-faqs h3 {margin-bottom:12px;}
.donation-faqs .faq .tit a:after {background-image:url("../images/sub/faq_off.png");}
.donation-faqs .faq .cnt:before {background:#684c31;}
.donation-faqs .faq li.active .q {background:#2c2c2c; color:#fff;}
.donation-faqs .faq li.active .tit a:after {background-image:url("../images/sub/faq_on.png");}

.donation-btn {text-align:center; margin-top:60px;}

.bottom-contact {margin-top:100px; display:flex; align-items:center; justify-content:center; height:200px; color:#fff; background:url("../images/sub/bottom_contact_bg.jpg") 50% 50% no-repeat; background-size:cover;}
.bottom-contact .ico {margin-right:20px;}
.bottom-contact .txt {font-weight:600; line-height:1.6em;}
.bottom-contact .tel {font-size:34px; font-weight:700; line-height:1.3em; letter-spacing:-.04em;}


/* 화면낭독기 사용자용 */
/*#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}*/
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}





















.overseas {width:100%;}
.overseas:after{ content:""; display:block; clear:both;}
/*
.daon_ver3_sub_type15 {width:100%; max-width:1200px; margin:0 auto;}
.daon_ver2_sub_type16 {width:100%; }
*/
.overseas .step_top {width:100%; background-color:#fff; transition: 0.3s all ease;}
.overseas .step_top:after{ content:""; display:block; clear:both;}
.overseas .step_top .img_box { width:100%;  }
.overseas .step_top .img_box img {max-width:100%;}
.overseas .step_top .txt_box { position:relative; top:-50px; left:50%; margin-left:-45%; width:90%; padding:40px 0 0 0; background-color:#fff; } /*텍스트_배경색상*/
.overseas .step_top .txt_box h2.tit { display:block; font-size:2em; font-weight:700; text-align:center; color:#2860AF; line-height:1.4em; letter-spacing:-0.05em; word-break:keep-all; }
.overseas .step_top .txt_box div.txts {width:100%; margin-top:20px; text-align:center; }
.overseas .step_top .txt_box div.txts p {display:block; margin-bottom:10px; font-size:1.1em; color:#333; line-height:1.6em; word-break:keep-all; }

/* 컨텐츠 */
.overseas .type15-2 {width:100%;}
.overseas .type15-2:after{ content:""; display:block; clear:both;}
.overseas .type15-2 .con_box { position:relative; display:flex; align-items: center; width:100%; margin:120px auto; }
.overseas .type15-2 .con_box:before {z-index:-1;  display:block; content:""; position:absolute; right:0; top:0px; width:70%; height:330px; background-color:#f8f8f8; border-radius:10px;}
.overseas .type15-2 .img_box { position:relative; top:-50px; width:40%; text-align:center; transition:0.5s all ease;} 
.overseas .type15-2 .img_box img {max-width:100%; box-shadow: 15px 15px 10px rgba(0,0,0,.05); transition:0.5s all ease; border-radius:10px;}
.overseas .type15-2 .txt_box {position:relative; width:60%; padding:0 0 0 80px; } 
.overseas .type15-2 .txt_box:after{ content:""; display:block; clear:both;}
.overseas .type15-2 .txt_box em.num {position: absolute; right:50px; bottom:-30px; font-size:5.8em; font-weight:800; color:#95B4D9; font-style:normal;}
.overseas .type15-2 .txt_box h2.tit1 {position:relative; display:block;}
.overseas .type15-2 .txt_box h2.tit1:before { content: ''; display:block; position: absolute; left: 0; top:-15px; width: 50px; height: 2px; background-color:#4977B0;}
.overseas .type15-2 .txt_box h2.tit1 .icon {  display: inline-block; vertical-align: middle; text-align:center; width: 80px; height: 80px; margin-right: 15px; border-radius: 50%; background: #e53d30;}
.overseas .type15-2 .txt_box h2.tit1 .icon i {display: inline-block; vertical-align: middle; font-size:2.5em; color:#fff; line-height:80px;}
.overseas .type15-2 .txt_box h2.tit1 p {display: inline-block; vertical-align: middle; font-size:1.3em; color:#000; line-height:1em; font-weight:700; }
.overseas .type15-2 .txt_box h2.tit1 p strong { display:block; color:#000; font-weight:400;}
.overseas .type15-2 .txt_box p.tit_desc {display:block; margin-top:30px; font-size:1.25em; color:#666; line-height:1.6em; font-weight:400; word-break:keep-all;}
.overseas .type15-2 .con_box.type_other {flex-direction: row-reverse; }
.overseas .type15-2 .con_box.type_other:before {z-index:-1;  display:block; content:""; position:absolute; left:0; top:0px; width:70%; height:330px; background-color:#f8f8f8;}
.overseas a.btn_go {display:inline-block; margin-top:40px; padding:10px 20px; font-size:1.25em; line-height:1.4em; text-align:center; color:#fff; background-color:#e53d30; border-radius:4px; transition: .3s;} 
.overseas a.btn_go:hover {background-color:#333; }




.overseas .busi_list_all h3.con_tit {display:block; font-size:1.85em; font-weight:700; line-height:1.5em; padding-bottom:15px; max-width:1200px; margin:50px auto 25px; border-bottom:1px solid #222; }
.overseas .busi_list_all{width:100%; max-width:1200px; margin:0 auto;  }
.overseas .busi_list1 {width:100%;margin:0 auto;  }
.overseas .busi_list1:after {content:""; display:block; clear:both;}
.overseas .busi_list1 ul {width:100%; margin:0; padding:0; }
.overseas .busi_list1 ul li {float:left; width:32%; min-height:420px; margin-right:2%; padding:0; transition: 0.3s all ease;}
.overseas .busi_list1 ul li:last-child {margin-right:0;}
.overseas .busi_list1 ul li dl.box {  width:100%; margin:0; padding:0; } 
.overseas .busi_list1 ul li dl.box dt { width:100%; }
.overseas .busi_list1 ul li dl.box dt img { max-width:100%;}
.overseas .busi_list1 ul li dl.box dd { width:100%; padding:25px; overflow:hidden;}
.overseas .busi_list1 ul li dl.box dd strong {display:block; font-size:1.5em; font-weight:700; line-height:1.2em; }
.overseas .busi_list1 ul li dl.box dd p {display:block; margin-top:15px; font-size:1.05em; color:#777;  }
.overseas .busi_list1 ul li dl.box dd p:first-child {margin-top:0; }
.overseas .busi_list1 ul li dl.box dd a { display:inline-block; text-align:center; padding:10px 20px; margin:20px auto; font-size:1em; text-decoration:none; color:#000; border:1px solid #ddd; }
.overseas .busi_list1 ul li dl.box dd a:hover { color:#2860AF; border:1px solid #2860AF; }











@media all and (max-width:1200px){
	/*.daon_ver3_sub_type15 {padding:0 4%;} */
	/*.overseas .type15-2 {padding:0 4%;}*/	
	.overseas .type15-2 .con_box:before{height:330px; top:-30px;}
	.overseas .type15-2 .con_box.type_other:before{height:300px; top:-30px;}
	.overseas .type15-2 .txt_box p.tit_desc {font-size:1.15em;}

}



@media all and (max-width:1024px){
	.overseas .step_box ul li { width:46%; margin-right:4%; }
	.overseas .step_box ul li:after { margin-right:-12%;}
	.overseas .step_box ul li:nth-child(even) {float:right; margin-right:0;}
	.overseas .step_box ul li:nth-child(even):after {display:none;}
}



@media all and (max-width:992px){
	.overseas .type15-2 .con_box {flex-direction: column; margin:20px auto 0;}
	.overseas .type15-2 .con_box:before {display:none; }
	.overseas .type15-2 .img_box { width:100%; top:0; }
	.overseas .type15-2 .txt_box {width:100%; margin-top:40px; padding:20px 20px;}
	.overseas .type15-2 .txt_box em.num {right:0; bottom:35px; font-size:5em; }
	.overseas .type15-2 .txt_box h2.tit1 p { font-size:2em; }
	.overseas .type15-2 .con_box.type_other {flex-wrap: wrap;}
	.overseas .type15-2 .con_box.type_other:before { display:none; }
	.overseas .busi_list_all{ padding:0 4%; }
	.overseas .busi_list1 ul li dl.box dt strong {font-size:1.25em;}
	.overseas .busi_list1 ul li dl.box dd p {font-size:1em; }
}






@media screen and (max-width: 768px){
	.overseas .step_top {padding:0; border:0;}
	.overseas .step_top .txt_box h2.tit {font-size:1.5em;}
	.overseas .step_top .txt_box div.txts p {font-size:1em;}
	.overseas .busi_list1 ul li {width:100%; text-align:center;}
}

@media all and (max-width:640px){
	
	/*.overseas a.btn_go {font-size:1em;}*/
}