@charset "UTF-8";

/* ==========================================================================
Common CSS
========================================================================== */

.container {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

.hidden {
	display: none;
}

.hide {
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -100000000px;
	overflow: hidden;
}

.pc-img {
	display: block;
}

.mo-img {
	display: none;
}

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

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

a[class*="btn-link"] {
	display: inline-block !important;
	color: #000;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	border: 1px solid #000;
}

.btn-link1 {
	width: 90px;
	padding: 11px 0 12px;
	font-size: 15px;
}

.btn-link2 {
	width: 330px;
	padding: 22px 50px 22px 45px;
	font-size: 16px;
	background: url('../../images/ic-more.png') no-repeat right 40px center;
}

span.img {
	position: relative;
	overflow: hidden;
}

span.img img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* 추후 삭제 */
.graph img {
	max-width: 100%
}

/* ==========================================================================
   Header CSS
   ========================================================================== */
#main {
	padding-top: 90px;
	background: #f4f5f8;
}

#sub {
	padding: 90px 0 130px 0;
}

#wrap-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background: #fff;
}

.header-container {
	height: 90px;
	padding: 24px 7.8% 34px;
	text-align: center;
	border: 1px solid #d1d1d1;
}

header-container:after {
	display: block;
	clear: both;
	content: '';
}

.lang-wrap,
#logo,
.util-wrap {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}

#logo a {
	display: block;
}

/* ==========================================================================
   Footer CSS
   ========================================================================== */

/* footer */
#wrap-footer {
	padding: 48px 0 72px;
	background: #ebebeb;
}

#wrap-footer:after {
	display: block;
	clear: both;
	content: ''
}

#wrap-footer a[href*="tel:"] {
	display: inline;
}

#wrap-footer .container div>p {
	margin-bottom: 18px;
	color: #000;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
}

#wrap-footer .container div:not(.follow)>ul li {
	margin-bottom: 16px;
	color: #787878;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
}

#wrap-footer .container div:not(.follow)>ul li a {
	color: inherit;
}

#wrap-footer .address {
	float: left;
	width: 50%;
}

#wrap-footer .address>div a {
	display: inline-block;
	width: 150px;
	padding: 17px 0;
	color: #000;
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #000;
}

#wrap-footer .address>div:not(:nth-of-type(1)) {
	margin-left: 6px;
}

#wrap-footer .follow {
	float: left;
	width: 25.4%;
	padding-left: 10px;
}

#wrap-footer .follow li {
	display: inline-block;
	vertical-align: middle;
}

#wrap-footer .follow li:not(:first-child) {
	margin-left: 18px;
}

#wrap-footer .sites {
	float: left;
	width: 24.6%;
	padding-left: 10px;
}

#wrap-footer .sites a {
	text-decoration: underline;
}

/* ==========================================================================
   LANGUAGE CSS
   ========================================================================== */
.lang-wrap {
	float: left;
	margin-top: 10px;
}

.lang-wrap li {
	display: inline-block;
}

.lang-wrap li:not(:first-child) {
	position: relative;
	margin-left: 10px;
	padding-left: 14px;
}

.lang-wrap li:not(:first-child):before {
	position: absolute;
	top: 2px;
	left: 0;
	width: 1px;
	height: 10px;
	background-color: #d3d3d3;
	content: '';
}

.lang-wrap li a {
	display: block;
	color: #a1a1a1;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	text-align: left;
}

.lang-wrap li.on a,
.lang-wrap li:hover a,
.lang-wrap li:focus a,
.lang-wrap li:active a {
	color: #004a8f;
}

/* ==========================================================================
   UTIL(search + gnb) CSS
   ========================================================================== */
.util-wrap {
	float: right;
	margin-top: 10px;
}

.util-wrap>a,
.util-wrap>a:link,
.util-wrap>a:active,
.util-wrap>a:visited {
	display: inline-block;
	vertical-align: middle;
}

.util-wrap>a:not(:nth-of-type(1)) {
	position: relative;
	margin-left: 16px;
	padding-left: 20px;
}

.util-wrap>a:not(:nth-of-type(1)):before {
	position: absolute;
	top: 1px;
	left: 0;
	width: 1px;
	height: 22px;
	background-color: #d3d3d3;
	content: '';
}

.util-wrap>div:not(#gnb) {
	display: none;
}

/* Gnb CSS */

#wrap-gnb {
	border-top: 0px;
}

#gnb {
	/* display: none; */
	position: fixed;
	top: 0;
	right: -100%;
	z-index: 10000;
	width: 100%;
	max-width: 420px;
	height: 100%;
	background: #1674cb;
	opacity: 0;
	text-align: left;
	transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1);
}

#gnb.on {
	overflow-y: auto;
	right: 0;
	opacity: 1;
	transition: all 0.45s cubic-bezier(0.7, 0, 0.3, 1);
}

#gnb .top {
	padding: 32px 7.9% 27px;
	border-bottom: 1px solid #4590d5;
}

#gnb .top .pc-img a {
	display: inline-block;
	vertical-align: middle;
}

#gnb .top .title {
	font-weight: 500;
	color: #fff;
	font-size: 30px;
}

.gnb-btn.close {
	position: absolute;
	top: 35px;
	right: 7.9%;
}

#gnb .menuUItop {
	position: relative;
	height: calc(100% - (170px));
	margin: -12px 0 0 0px;
}

#gnb .div_1 {
	height: 100%;
}

#gnb .ul_1 {
	height: 100%;
}

#gnb .li_1 {
	position: static;
	display: block;
	width: 100%;
}

#gnb .a_1 {
	width: 100%;
	border-bottom: 1px solid #4590d5;
	height: auto;
	padding: 21px 0 20px 30px;
	text-align: left;
	font-size: 18px;
	color: #fff;
}

#gnb .li_1.eQ08 {
	display: none;
}

#gnb .a_1.submenu {
	background: url(../../images/ic-gnb-arrow.png) no-repeat right;
}

#gnb .a_1.submenu.on,
#gnb .a_1.submenu:focus {
	background: #125da2 url(../../images/ic-gnb-arrow-ro.png) no-repeat right;
	border-color: #164673;
}

#gnb .a_1.submenu:hover:after {
	display: none;
}

#gnb .ul_2 {
	display: block;
	padding: 17px 0;
	border: 0;
	height: 100%;
	min-height: auto;
	margin: 0;
}

#gnb .li_2 {
	float: none;
	width: 100% !important;
}

#gnb .li_2:after {
	display: none;
}

#gnb .a_2 {
	position: relative;
	padding: 9px 20px 9px 45px;
	font-size: 16px;
	line-height: 1.2;
	word-break: keep-all;
	color: #b5dbff;
}

#gnb .a_2:hover,
#gnb .a_2._active {
	color: #fff;
}

#gnb .a_2:after {
	content: '';
	position: absolute;
	left: 32px;
	top: 17px;
	width: 3px;
	height: 3px;
	background: #fff;
}

#gnb .a_2.plus {
	position: relative;
}

#gnb .a_2.plus:after {
	content: '';
	position: absolute;
	left: 32px;
	top: 17px;
	width: 3px;
	height: 3px;
	background: #fff;
}


#gnb .div_2 {
	overflow: hidden;
	width: 100% !important;
	max-height: 0;
	right: 0px;
	left: auto;
	transition: max-height 0s cubic-bezier(0.7, 0, 0.3, 1);
}

#gnb .div_2.on {
	position: static;
	top: 0px;
	height: 100%;
	max-height: 1000px;
	background: #125da2;
	transition: max-height 0.55s cubic-bezier(0.7, 0, 0.3, 1);
}

#gnb .ul_3 {
	min-height: auto;
	padding: 0px 25px 2px 25px;
}

#gnb .div_3 {
	display: block;
	overflow: hidden;
	max-height: 0px;
	transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
}

#gnb .div_3.on {
	max-height: 500px;
	transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
}

#gnb .a_3 {
	position: relative;
	color: #71b7ed;
	padding: 4px 0 4px 35px;
	line-height: 1.5;
	font-size: 16px;
}

#gnb .a_3:after {
	content: '';
	position: absolute;
	left: 20px;
	top: 16px;
	width: 4px;
	height: 1px;
	background: #71b7ed;
}

#gnb .a_3._active,
#gnb .a_3:hover {
	color: #fff;
	text-decoration: underline;
}

#gnb .a_3:hover:after {
	background: #fff;
}

#black-bg {
	position: fixed;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 500;
	opacity: 0;
	transition: opacity 0.55s cubic-bezier(0.7, 0, 0.3, 1);
}

#black-bg.on {
	opacity: 1;
	left: 0;
	transition: opacity 0.55s cubic-bezier(0.7, 0, 0.3, 1);
}

@media all and (max-width:640px) {
	.pc-img {
		display: none;
	}

	.mo-img {
		display: block;
	}

	#gnb .top {
		padding: 27px 7.9% 21px;
	}

	#gnb .lang-wrap {
		display: inline-block;
		float: none;
		margin: 13px 0;
	}

	#gnb .lang-wrap li.on,
	#gnb .lang-wrap li.on a,
	#gnb .lang-wrap li:hover a,
	#gnb .lang-wrap li:focus a,
	#gnb .lang-wrap li:active a {
		color: #ffda00;
	}

	#gnb .lang-wrap li a {
		color: #fff;
	}
}

/* ==========================================================================
	   SEARCH CSS
========================================================================== */
.search-wrap {
	position: absolute;
	top: 90px;
	left: 0;
	z-index: 10;
	width: 100%;
	padding: 35px 0;
	text-align: center;
	background-color: rgba(20, 147, 158, .8);
}

.search-wrap fieldset>div {
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

.search-wrap fieldset label {
	display: inline-block;
	padding: 10px 35px 10px 50px;
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	line-height: 1;
	vertical-align: middle;
	background: url('../../images/ic-search2.png') no-repeat left center;
}

.search-wrap fieldset input[type="text"] {
	display: inline-block;
	width: 450px;
	height: 60px;
	padding: 0 50px 0 20px;
	font-size: 24px;
	vertical-align: middle;
	border: 0;
}

.search-wrap fieldset>div button {
	display: inline-block;
	position: absolute;
	top: 20px;
	right: 20px;
}

.search-wrap fieldset>div button img {
	width: 20px;
}

.search-wrap fieldset .search-close {
	display: inline-block;
	margin-left: 16px;
	vertical-align: middle;
}

/* ==========================================================================
  MAIN VISUAL
========================================================================== */
#multipleContentsDiv_koica_eng_13 {
	height: auto !important;
}

/* ==========================================================================
  MAIN CONTENTS
========================================================================== */
[class*="main-tit"] {
	padding-top: 36px;
	margin-bottom: 23px;
	font-size: 50px;
	line-height: 1;
	text-align: center;
}

.main-tit {
	font-weight: 200;
	color: #1b1b1b;
	background: url('../../images/ic-main-tit.png') no-repeat center top;
}

.main-tit2 {
	font-weight: 200;
	color: #fff;
	background: url('../../images/ic-main-tit2.png') no-repeat center top;
}

.main-tit.under,
.main-tit2.under {
	position: relative;
	margin-bottom: 70px;
	padding-bottom: 65px;
}

.main-tit.under:after,
.main-tit2.under:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 90px;
	height: 1px;
	content: '';
}

.main-tit.under:after {
	background-color: #000;
}

.main-tit2.under:after {
	background-color: #fff;
}

/* What We Do */
.what {
	padding: 100px 0 130px;
	background-color: #fff;
}

.main-tab {
	position: relative;
}

.main-tab:after {
	display: block;
	clear: both;
	content: '';
}

.main-tab li {
	float: left;
	width: 50%;
}

.main-tab li:nth-child(1) {
	text-align: right;
}

.main-tab li:nth-child(2) {
	text-align: left;
}

.main-tab>li>a {
	display: inline-block;
	position: relative;
	padding: 0 30px;
	color: #373737;
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
}

.main-tab>li:nth-child(2)>a:before {
	position: absolute;
	top: 11px;
	left: 0;
	width: 1px;
	height: 13px;
	background-color: #d6d6d6;
	content: '';
}

.main-tab>li.on>a,
.main-tab>li:hover>a,
.main-tab>li:focus>a {
	color: #0178dd;
}

.main-tab-box {
	position: relative;
	z-index: -1;
	width: 200%;
	margin-top: 80px;
	opacity: 0;
	transition: opacity 0.55s cubic-bezier(0.7, 0, 0.3, 1);
}

.main-tab>li:nth-child(1) .main-tab-box {
	left: 0;
}

.main-tab>li:nth-child(2) .main-tab-box {
	left: -100%;
}

.main-tab>li.on .main-tab-box {
	z-index: 0;
	opacity: 1;
}

.what-slide .slick-slide {
	position: relative;
}

.what-slide span.img {
	display: inline-block;
	width: 41%;
	height: 340px;
	vertical-align: middle;
	overflow: hidden;
}

.what-slide dl {
	display: inline-block;
	position: relative;
	width: calc(49.6% - 5px);
	margin-left: 9.4%;
	padding-right: 1px;
	text-align: left;
	vertical-align: middle;
}

.what-slide dl:before {
	position: absolute;
	top: 50%;
	left: -130px;
	transform: translateY(-50%);
	z-index: -1;
	width: 190px;
	height: 240px;
	background-color: #f2f2f2;
	content: '';
}

.what-slide dl dt {
	display: inline-block;
	margin-bottom: 18px;
	padding-right: 62px;
	color: #000;
	font-size: 30px;
	font-weight: 500;
	line-height: 34px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: right center;
}

.what-slide dl dd {
	display: block;
	color: #666;
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
}

.what-slide .r-box {
	margin-top: 55px;
}

.what-slide .slick-arrow {
	position: absolute;
	width: 30px;
	height: 59px;
	top: 50%;
	z-index: 1;
	font-size: 0;
	line-height: 0;
	text-indent: -100000000000000px;
	background-image: url('../../images/ic-slide-arrow.png');
	background-repeat: no-repeat;
	background-position: center;
}

.what-slide .slick-prev {
	left: -50px;
	transform: translateY(-50%) rotate(-180deg);
}

.what-slide .slick-next {
	right: -50px;
	transform: translateY(-50%);
}

/* Where We Work */
.where {
	padding: 100px 0 120px 0;
	background-color: #f8f8f8;
}

.where-region:after {
	display: block;
	clear: both;
	content: '';
}

.where-region>li {
	position: relative;
	float: left;
	width: calc((100% - 61px) / 4);
	height: 330px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}

.where-region>li:not(:first-child) {
	margin-left: 20px;
}

.where-region>li:nth-child(1) {
	background-image: url('../../images/bg-where1.png');
	background-size: 480%;
	background-position: 30% 57%;
}

.where-region>li:nth-child(2) {
	background-image: url('../../images/bg-where2.png');
}

.where-region>li:nth-child(3) {
	background-image: url('../../images/bg-where3.png');
}

.where-region>li:nth-child(4) {
	background-image: url('../../images/bg-where4.png');
	background-position: 0 35%;
}

.where-region>li:hover:before,
.where-region>li:focus:before,
.where-region>li:active:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .3);
	content: '';
}

.select-wrap {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 75.4%;
	text-align: center;
	transition: bottom 0.55s cubic-bezier(0.7, 0, 0.3, 1);
	background-color: #f8f8f8;
}

.select-wrap a {
	display: block;
	padding: 24px 20px 13px;
	color: #000;
	font-size: 16px;
	line-height: 18px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.select-wrap>ul {
	display: none;
	position: absolute;
	top: 45px;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 210px;
	overflow: hidden;
	overflow-y: auto;
	background-color: #f3f3f5;
	opacity: 0;
	transition: opacity 0.55s cubic-bezier(0.7, 0, 0.3, 1);
}

.where-region>li:hover .select-wrap,
.where-region>li:focus .select-wrap,
.where-region>li:active .select-wrap {
	bottom: 50%;
	-webkit-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%);
	text-align: left;
	background-color: #f3f3f5;
}

.where-region>li:hover .select-wrap a,
.where-region>li:focus .select-wrap a,
.where-region>li:active .select-wrap a {
	padding: 16px 35px 16px 20px;
	font-size: 14px;
}

.where-region>li:hover .select-wrap>a,
.where-region>li:focus .select-wrap>a,
.where-region>li:active .select-wrap>a {
	background: url('../../images/ic-select-arrow.png') no-repeat right 20px center;
}

.select-wrap>ul.on {
	display: block;
	z-index: 0;
	opacity: 1;
}

/* oda statistics */
.oda {
	padding: 100px 0;
	background: #fff url('../../images/bg-oda.png') no-repeat center top;
}

.statistics {
	margin-bottom: 65px;
	padding: 0 27px;
}

.statistics:after {
	display: block;
	clear: both;
	content: '';
}

.statistics>li {
	float: left;
	width: 25%;
	padding-top: 152px;
	text-align: center;
}

.statistics>li:nth-child(1) {
	background: url('../../images/ic-oda1.png') no-repeat center top;
}

.statistics>li:nth-child(2) {
	background: url('../../images/ic-oda2.png') no-repeat center top;
}

.statistics>li:nth-child(3) {
	background: url('../../images/ic-oda3.png') no-repeat center top;
}

.statistics>li:nth-child(4) {
	background: url('../../images/ic-oda4.png') no-repeat center top;
}

.statistics>li span {
	display: inline-block;
	margin-bottom: 16px;
	padding: 6px 0;
	color: #000;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.statistics>li p {
	color: #454e55;
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
}

.statistics>li p strong {
	display: block;
	margin-bottom: 8px;
	color: #1660a5;
	font-size: 50px;
	line-height: 1;
}

/* ciat */
.ciat1 {
	padding-bottom: 54px;
	background-color: #fff;
}

.ciat1 span.img {
	float: left;
	width: 50%;
	height: 440px;
}

.ciat1 dl {
	display: inline-block;
	width: calc(50% - 5px);
	padding-left: 5.5%;
}

.ciat1 dl dt {
	margin-bottom: 47px;
	color: #1a1a1a;
	font-size: 55px;
	line-height: 1;
}

.ciat1 dl dt span {
	display: block;
	margin-bottom: 20px;
	color: #a9a9a9;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
}

.ciat1 dl dd {
	color: #666;
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
}

.ciat2 {
	padding: 50px 0;
	background-color: #e7edf1;
}

.ciat2 .container:after {
	display: block;
	clear: both;
	content: '';
}

.ciat2 .container>div {
	float: right;
	width: 50%;
}

.ciat2 .container>div:after {
	display: block;
	clear: both;
	content: '';
}

.ciat2 dl {
	float: left;
	width: 50%;
	padding: 0 4.6% 0 11%
}

.ciat2 dl:not(:first-child) {
	border-left: 1px solid #bec3c6;
}

.ciat2 dl dt {
	margin-bottom: 17px;
	color: #1660a5;
	font-size: 18px;
	font-weight: 700;
	line-height: 25px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.ciat2 dl dd p {
	height: 40px;
	margin-bottom: 25px;
	color: #567578;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
	overflow: hidden;
}

.ciat2 dl dd .btn-link1 {
	width: 90px;
	background-color: #fff;
}

/* news & media */
.news {
	padding: 100px 0 0;
}

#multipleContentsDiv_koica_eng_624 {
	max-width: 1280px;
	margin: 0 auto;
}

#multipleContentsDiv_koica_eng_624:after {
	display: block;
	clear: both;
	content: '';
}

#multipleContentsDiv_koica_eng_624>div:not(:first-child) {
	float: left;
	width: calc((100% - 60px) / 4);
}

#multipleContentsDiv_koica_eng_624>div:nth-child(2)~div {
	margin-left: 20px;
}

/* banner area */
.main-banner {
	padding: 100px 0 130px;
}

.main-banner ul:after {
	display: block;
	clear: both;
	content: '';
}

.main-banner li {
	float: left;
	width: 25%;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center top;
}

.main-banner li:nth-child(1) {
	background-image: url('../../images/ic-banner1.png');
}

.main-banner li:nth-child(2) {
	background-image: url('../../images/ic-banner2.png');
}

.main-banner li:nth-child(3) {
	background-image: url('../../images/ic-banner3.png');
}

.main-banner li:nth-child(4) {
	background-image: url('../../images/ic-banner4.png');
}

.main-banner li a {
	display: block;
	padding-top: 90px;
	color: #060606;
	font-size: 18px;
	font-weight: 400;
	line-height: 20px;
}

.main-banner li a span {
	display: block;
}

/* ==========================================================================
   SUB COMMON
   ========================================================================== */
#aside {
	height: 380px;
	margin-bottom: 100px;
	text-align: center;
	background-image: url('../../images/sub-visual1.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover
}

#aside .container {
	position: relative;
	height: 100%;
}

#aside .container>div {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}

#title h2 {
	margin-bottom: 27px;
	padding-top: 32px;
	color: #fff;
	font-size: 44px;
	font-weight: 300;
	line-height: 1;
	background: url('../../images/sub-tit.png') no-repeat center top;
}

#submenuNavigation ul {
	display: inline-block;
}

#submenuNavigation ul:after {
	display: block;
	clear: both;
	content: '';
}

#submenuNavigation ul>li {
	position: relative;
	float: left;
	padding: 0 15px;
	color: #eaece1;
	line-height: 1;
}

#submenuNavigation ul>li button {
	color: #eaece1;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	vertical-align: top;
}

#submenuNavigation ul>li:not(:first-child) button:before {
	position: absolute;
	top: 5px;
	left: -3px;
	width: 5px;
	height: 7px;
	background: url('../../images/ic-nav-arrow.png') no-repeat center;
	content: '';
}

/* tab */
#contents #tab ul,
#contents .tab ul {
	display: inline-block;
	width: 100%;
	margin: 0 0 60px 0;
	text-align: center;
	border-top: 1px solid #033a69;
	border-bottom: 1px solid #d6d6d6;
}
#contents #tab li,
#contents .tab li {
	display: inline-block;
	position: relative;
}

#contents #tab li:after,
#contents .tab li:after {
	content: '';
	position: absolute;
	right: 0px;
	top: 32px;
	width: 1px;
	height: 13px;
	background: #d6d6d6;
}

#contents #tab li:last-child:after,
#contents .tab li:last-child:after {
	display: none;
}

#contents #tab li:not(:first-child),
#contents .tab li:not(:first-child) {
	margin-left: -4px;
}

#contents #tab li a,
#contents .tab li a {
	padding: 20px 50px;
	color: #373737;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
}

#contents #tab li a._active,
#contents .tab li a._active {
	position: relative;
	color: #0178dd;
}

#contents #tab li a._active:after,
#contents .tab li a._active:after {
	content: '';
	position: absolute;
	left: 0px;
	bottom: -1px;
	width: 100%;
	height: 2px;
	background: #0178dd;
}

#contents #tab li a._active:before
#contents .tab li a._active:before {
	content: '';
	position: absolute;
	left: 0px;
	bottom: -10px;
	z-index: 10;
	width: 100%;
	height: 20px;
	background: url("../../images/bullet-tab.png") no-repeat center center;
}

/* display */
.dp-block {
	display: block;
}

/* margin */
.mt100 {
	margin-top: 100px;
}

.mt60 {
	margin-top: 60px;
}

.mb80 {
	margin-bottom: 80px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb15 {
	margin-bottom: 15px;
}

/* padding */
.pd0 {
	padding: 0 !important;
}

/* color */
.c-red {
	color: #ff0000;
}

.c-orange {
	color: #f26c4f;
}

.c-lightgray {
	color: #b6b6b6 !important;
}

.light- {
	color: #555 !important;
}

/* font */
.font-style {
	color: #222;
	font-weight: 500;
}

.fw500 {
	font-weight: 500;
}

/* p */
.p-text {
	color: #666;
	font-size: 17px;
	line-height: 27px;
}

.p-text a {
	color: inherit;
}

/* heading tag*/
#contents .h4 {
    position: relative;
    margin: 0 0 25px;
    padding: 25px 0 0;
    color: #2c2f35;
    font-size: 25px;
    font-weight: 500;
    line-height: 25px;
}

#contents .h4:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 33px;
	height: 2px;
	background-color: #3e3e3e;
	content: '';
}

.tit-h3 {
	margin-bottom: 50px;
	color: #111;
	font-size: 33px;
	font-weight: 400;
	line-height: 50px;
}

.tit-h4 {
	margin-bottom: 25px;
	color: #2c2f35;
	font-size: 18px;
	line-height: 20px;
}

.tit-h5 {
	position: relative;
	margin-bottom: 12px;
	padding-left: 22px;
	color: #333;
	font-size: 15px;
	font-weight: 500;
	line-height: 25px;
}

.tit-h5:before {
	position: absolute;
	top: 10px;
	left: 0;
	width: 12px;
	height: 3px;
	background-color: #0178dd;
	content: '';
}

/* sub title */
.sub-tit {
	color: #0178dd;
	font-size: 20px;
	font-weight: 400;
	line-height: 25px;
}

/* list */
.list>li {
	position: relative;
	padding-left: 15px;
	color: #666;
	font-weight: 300;
	line-height: 25px;
}

.list>li:before {
	position: absolute;
	top: 10px;
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #959595;
	content: '';
}

.list2 li {
	color: #666;
	font-size: 18px;
	line-height: 20px;
}

/* table */
.table-type1 {
	position: relative;
}

.table-type1:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 2px;
	background: #3974db;
}

.table-type1 thead th {
	padding: 15px;
	background: #f3f5f7;
	font-weight: normal;
	border-right: 1px solid #dddee0;
	border-bottom: 1px solid #dddee0;
}

.table-type1 thead th:last-child {
	border-right: 0px;
}

.table-type1 tbody th {
	padding: 20px;
	background: #fbfbfb;
	border-bottom: 1px solid #dddee0;
	border-right: 1px solid #dddee0;
	font-weight: normal;
	font-size: 16px;
}

.table-type1 tbody td {
	padding: 20px;
	background: #fff;
	border-right: 1px solid #dddee0;
	border-bottom: 1px solid #dddee0;
	font-size: 16px;
	line-height: 1.3;
	color: #666;
}

.table-type1 tbody td:last-child {
	border-right: 0px;
}

.table-type1 tbody td.border-r {
	border-right: 1px solid #dddee0;
}

.table-type1 .align-l {
	text-align: left;
}

.table-type1 .align-t {
	vertical-align: top;
}

.table-type1 .fs17 {
	font-size: 17px;
}

/* 버튼 */
.button-type1 {
	display: inline-block !important;
	min-width: 140px;
	padding: 8px 15px 8px 15px;
	border: 1px solid #222222;
	font-size: 16px;
	font-weight: 500;
	transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
	text-align: center;
}

.button-type1:hover {
	border: 1px solid #3c4c5d;
	background: #3c4c5d;
	color: #fff;
	transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
}

.button-type2 {
	display: inline-block !important;
	padding: 10px 30px 10px 15px;
	background: #a28948 url("../../images//btn_link2.png") no-repeat right center;
	border: 1px solid #786431;
	color: #fff !important;
	transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
	font-weight: 500;
}

.button-type2:hover {
	background: #c7a448 url("../../images//btn_link2.png") no-repeat right center;
	border: 1px solid #a28948;
	transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
}

.button-type3 {
	display: inline-block !important;
	padding: 10px 38px 10px 15px;
	background: url("../../images//btn_down.png") no-repeat right center;
	border: 1px solid #222;
	transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
	font-weight: 500;
}

.button-type3:hover {
	border: 1px solid #2060aa;
	transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
}

.button-type4 {
	display: inline-block !important;
	padding: 15px 30px 15px 60px;
	background: url("../../images//btn_link3.png") no-repeat left center;
	background-size: cover;
	color: #fff !important;
	transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
	font-weight: 500;
}

.button-type5 {
	display: inline-block !important;
	padding: 15px 60px;
	border: 1px solid #222;
	font-size: 16px;
	color: #222 !important;
	transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
	font-weight: 500;
}

.button-type5:hover {
	background: #222;
	color: #fff !important;
	transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
}

.button-type6 {
	display: inline-block !important;
	padding: 10px 38px 10px 15px;
	background: url("../../images//btn_link5.png") no-repeat right center;
	border: 1px solid #222;
	transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
}

.button-type6:hover {
	border: 1px solid #0056a0;
	background: #0056a0 url("../../images//btn_link5_ov.png") no-repeat right center;
	color: #fff;
	transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
}

.button-type7 {
	display: inline-block !important;
	padding: 10px 15px 10px 38px;
	background: #fff url("../../images//btn-down2.png") no-repeat 15px center;
	border: 1px solid #c1c1c1;
	font-size: 13px;
	transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
}

.button-type7:hover {
	border: 1px solid #2060aa;
	transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
}

.button-type8 {
	display: inline-block !important;
	padding: 5px 10px 5px 10px;
	border: 1px solid #c1c1c1;
	font-size: 13px;
	transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
	text-align: center;
	color: #777;
	font-weight: 500;
}

.button-type8:hover {
	border: 1px solid #0056a0;
	background: #0056a0;
	color: #fff;
	transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
}

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

/* 인사말 */
.greeting:after {
	display: block;
	clear: both;
	content: '';
}

.greeting .desc em,
.greeting .desc strong {
	display: block;
}

.greeting .desc em {
	font-size: 16px;
	color: #919191;
}

.greeting .desc strong {
	margin: 15px 0 20px 0;
	font-size: 24px;
	line-height: 1.3;
	letter-spacing: -1px;
	color: #426dca;
}

.greeting .desc p {
	position: relative;
	padding: 30px 0 0 0;
	font-size: 23px;
	font-weight: 300;
	line-height: 35px;
	color: #2f2e2e;
}

.greeting .desc p:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 55px;
	height: 5px;
	background: #668bc2;
}

.greeting .txt {
	padding: 90px 0 0 0;
	color: #666;
	font-size: 17px;
	font-weight: 300;
	line-height: 25px;
}

.greeting .txt p:not(:last-child) {
	margin-bottom: 25px;
}

.greeting .row {
	display: inline-block;
	width: 100%;
}

.greeting .coment {
	position: relative;
	float: left;
	width: 62.5%;
	padding: 35px 3.12% 25px;
	background: #f9f9f9;
}

.greeting .coment:after {
	content: '';
	position: absolute;
	top: 0px;
	right: -300px;
	width: 300px;
	height: 100%;
	background: #f9f9f9;
}

.greeting .thumb {
	float: right;
	width: 37.5%;
}

.greeting .thumb img {
	width: 100%
}

.greeting .thumb .pos {
	position: relative;
	top: 40px;
	z-index: 10;
}

.greeting .thumb .pos:after {
	content: '';
	position: absolute;
	right: 0;
	top: -40px;
	width: 85px;
	height: 40px;
	background: url(../../images/contents/line-greeting2.png) no-repeat right top;
}

.greeting .thumb .pos:before {
	content: '';
	position: absolute;
	left: -55px;
	bottom: 0;
	width: 55px;
	height: 74px;
	background: url(../../images/contents/line-greeting1.png) no-repeat center center;
}

.greeting .sign {
	float: right;
	margin: 80px 0 0 0;
	font-size: 20px;
}

.greeting .txt-sign {
	float: left;
	display: block;
}

.greeting .img-sign {
	display: block;
	float: left;
	width: 136px;
	height: 34px;
	margin: 0 0 0 20px;
	text-indent: -9999px;
	background: url(../../images/contents/img-sign.png) no-repeat center center;
}

/* 미션 비전 */
.mission.intro {
	display: table;
	width: 100%;
	min-height: 325px;
	margin-bottom: 40px;
	background: #a4a5a9 url('../../images/contents/bg-mission-intro.jpg') no-repeat right bottom;
}

.mission.intro .desc {
	display: table-cell;
	padding: 60px 4.7% 40px;
	vertical-align: middle;
	color: #fff;
}

.mission.intro .desc strong {
	display: block;
	width: 328px;
	height: 69px;
	margin: 0 0 25px 0;
	background: url('../../images/contents/bg-mission-slogan.png') no-repeat left center;
	text-indent: -9999px;
}

.mission.intro .desc p {
	width: 50%;
	font-size: 18px;
	line-height: 25px;
}

.mission.purpose {
	margin-bottom: 75px;
	padding: 5px;
	background: url('../../images/contents/line-location-home.png') left top;
}

.mission.purpose .desc {
	display: table;
	width: 100%;
	padding: 30px 3.125%;
	background: #fff;
}

.mission.purpose .desc strong,
.mission.purpose .desc p {
	display: table-cell;
	vertical-align: middle;
}

.mission.purpose .desc strong {
	width: 140px;
	color: #0178dd;
	font-size: 25px;
	font-weight: 400;
}

.mission.purpose .desc p {
	font-size: 17px;
	color: #0178dd;
	line-height: 25px;
}

.mission.purpose .desc p.align-c {
	text-align: center;
}

.mission.value {
	padding: 0 0 145px 0;
	background: url('../../images/contents/arrow-mission-value3.png') no-repeat 60% bottom;
}

.mission.value .row {
	display: table;
	width: 100%;
	padding: 0 2.34% 0 3.9%;
}

.mission.value .row.value1 {
	margin: 0 0 25px 0;
}

.mission.value .row strong,
.mission.value .row p {
	display: table-cell;
	vertical-align: middle;
}

.mission.value .row strong {
	width: 180px;
	font-weight: normal;
}

.mission.value .row span {
	position: relative;
	display: inline-block;
	width: 110px;
	height: 110px;
	line-height: 110px;
	background: url('../../images/contents/bg-mission-value1.png') right top;
	border-radius: 100%;
	text-align: center;
	font-size: 25px;
	color: #fff;
	font-weight: 500;
}

.mission.value .row span:after {
	content: '';
	position: absolute;
	right: -54px;
	top: 47px;
	width: 54px;
	height: 18px;
	background: url('../../images/contents/arrow-mission-value1.png') no-repeat left top;
}

.mission.value .row.value2 span {
	background: url('../../images/contents/bg-mission-value2.png') right top;
}

.mission.value .row.value2 span:after {
	background: url('../../images/contents/arrow-mission-value2.png') no-repeat left top;
}

.mission.value .row p {
	position: relative;
	padding: 0 20px;
	background: #f7fbfe;
	border: 2px solid #0178dd;
	color: #222;
	font-size: 22px;
	font-weight: 500;
	line-height: 25px;
	text-align: center;
}

.mission.value .row p:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 41px;
	width: 83px;
	height: 24px;
	background: url('../../images/contents/line-mission1.png') no-repeat left top;
}

.mission.value .row p:before {
	content: '';
	position: absolute;
	right: 30px;
	bottom: 0px;
	width: 88px;
	height: 44px;
	background: url('../../images/contents/line-mission2.png') no-repeat left top;
}

.mission.value .row.value2 p {
	background: #f3f4f8;
}

.mission.value .row.value2 p:after {
	left: 15%;
	top: 46px;
	width: 46px;
	height: 12px;
	background: url('../../images/contents/line-mission3.png') no-repeat left top;
}

.mission.value .row.value2 p::before {
	right: 15%;
	top: 47px;
	width: 46px;
	height: 12px;
	background: url('../../images/contents/line-mission4.png') no-repeat left top;
}

.mission.value .row p em {
	color: #0178dd;
}

.mission.value .row.value2 p em {
	color: #51649f;
}

.mission.direc .row {
	display: table;
	width: 100%;
	margin-bottom: 100px;
}

.mission.direc .title,
.mission .direc .desc {
	display: table-cell;
	vertical-align: middle;
}

.mission.direc .title {
	width: 277px;
	vertical-align: top;
	letter-spacing: -0.1px;
}

.mission.direc .title strong {
	position: relative;
	display: inline-block;
	padding-top: 40px;
	font-weight: normal;
	font-size: 30px;
	color: #2c2f35;
	line-height: 1.2;
}

.mission.direc .title strong:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 0;
	width: calc(100% - 7px);
	height: 5px;
	background: url('../../images/contents/bg-upline.png') left top;
}

.mission.direc .desc {
	padding: 0 3.1% 0 7%;
}

.mission.direc .desc .circle-box {
	display: inline-block;
	width: 100%;
}

.mission.direc .desc .circle-box li {
	float: left;
	width: 25%;
	height: 200px;
	vertical-align: middle;
	background-size: contain !important;
}

.mission.direc .desc .circle-box li.circle1 {
	background: url('../../images/contents/circle-mission1.png') no-repeat center center;
}

.mission.direc .desc .circle-box li.circle2 {
	background: url('../../images/contents/circle-mission2.png') no-repeat center center;
}

.mission.direc .desc .circle-box li.circle3 {
	background: url('../../images/contents/circle-mission3.png') no-repeat center center;
}

.mission.direc .desc .circle-box li.circle4 {
	background: url('../../images/contents/circle-mission4.png') no-repeat center center;
}

.mission.direc .desc .circle-box li p {
	width: 100%;
	/*padding: 75px 0;*/
	padding: 86px 0;
	font-size: 25px;
	text-align: center;
	color: #fff;
	font-weight: 400;
	line-height: 28px;
}

.mission.direc .desc .txt {
	padding: 35px 0 0;
	border-top: 1px solid #c1c1c1
}

.mission.direc .desc .txt strong {
	display: block;
	margin: 0 0 15px;
	color: #0178dd;
	font-size: 20px;
	font-weight: 400;
	line-height: 25px;
}

.mission.direc .desc .txt p {
	color: #666;
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
}

.mission.direc .desc .txt p:not(:last-child) {
	margin: 0 0 25px
}

.mission .graph {
	padding: 62px 3.47% 0;
}

.mission .graph img {
	max-width: 100%;
}

.vision-hompage {
	margin-top: 30px;
	padding: 5px;
	background: url(../../images/contents/line-location-home.png) left top;
}

.vision-hompage .row {
	background-color: #f8f8f8;
}

.vision-hompage .desc {
	display: table;
	width: 100%;
	padding: 40px 5.1% 35px 3.5%;
}

.vision-hompage .desc .text {
	display: table-cell;
	vertical-align: middle;
}

.vision-hompage .desc .text strong {
	display: block;
	margin: 0 0 8px 0;
	font-size: 19px;
	font-weight: 400;
	line-height: 28px;
	color: #004a98;
}

.vision-hompage .desc .text p {
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
	color: #666;
}

.vision-hompage .link {
	float: right;
	width: 305px;
	margin: 10px 0 0 30px;
}

.vision-hompage .wbr {
	display: block;
}

/* 업무 처리 절차 */
.vision-box {
	background-repeat: no-repeat;
	height: 100%;
	color: #fff;
}

.vision-box .vision-inner {
	background-color: #6e6a57;
	display: block;
	width: 46.5%;
	height: 100%;
	box-sizing: border-box;
	text-align: center;
	padding: 33px 3.125%;
}

.vision-box .vision-inner strong {
	font-size: 40px;
	font-weight: 500;
	line-height: 1;
}

.vision-box .vision-inner strong:after {
	content: '';
	display: block;
	width: 80px;
	height: 1px;
	background-color: #fff;
	margin: 20px auto 20px;
}

.vision-box .vision-inner p {
	font-size: 16px;
	line-height: 25px;
}

.vision-box .vision-inner p:last-child {
	margin: 4px 0;
	text-align: left;
}

.vision-box .vision-inner .wbr {
	display: block;
}

.vision-box.bg0101 {
	background-image: url(../../images/contents/business_img01.jpg);
}

.vision-box.bg0401 {
	background-image: url(../../images/contents/business_img0401.jpg);
}

.vision-box.bg0301 {
	background-image: url(../../images/contents/business_img02.jpg);
}

.vision-box.bg0302 {
	background-image: url(../../images/contents/business_img0302.jpg);
}

.vision-box.bg0303 {
	background-image: url(../../images/contents/business_img0303.jpg);
}

.vision-box.bg0304 {
	background-image: url(../../images/contents/business_img0304.jpg);
}

.vision-box.bg0305 {
	background-image: url(../../images/contents/business_img0305.jpg);
}

.vision-box.bg0306 {
	background-image: url(../../images/contents/business_img0306.jpg);
}

.vision-box.bg0307 {
	background-image: url(../../images/contents/business_img0307.jpg);
}

.vision-box.bg0308 {
	background-image: url(../../images/contents/business_img0308.jpg);
}

.vision-box.bg0309 {
	background-image: url(../../images/contents/business_img0309.jpg);
}

.vision-box.bg0310 {
	background-image: url(../../images/contents/business_img0310.jpg);
}

.vbox2 {
	/*height: 495pz;*/
	margin-bottom: 60px;
}

.vbox2:after {
	display: block;
	clear: both;
	content: '';
}

.vbox2 .vision-inner {
	float: right;
}

.vbox2 .vision-inner img {
	width: initial;
	display: block;
	margin: 0 auto 15px;
}

.vbox2 .vision-inner .vision-text {
	font-size: 22px;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 10px;
}

.vision-icon {
	overflow: hidden;
	padding: 20px 0;
	margin: 30px;
}

.vision-icon ul li {
	width: calc(100% / 3);
	float: left;
	text-align: center;
	font-size: 16px;
}

.vision-icon ul li img {
	width: inherit;
	display: block;
	margin: -20px auto 0;
}

.vision-icon ul li span {
	margin: 30px 0;
	display: block;
	color: #0178dd;
}

.vision-icon ul li a {
	display: inline-block;
	padding: 17px 60px;
	border: 1px solid #000;
	margin-bottom: -20px;
}

.vision-icon ul li+li {
	background: url(../../images/contents/business-li-bg.png) repeat-y;
}

.vision-li>ul>li {
	margin-bottom: 20px;
	background-color: #f7f7f7
}

.vision-li>ul>li>p {
	padding: 25px;
	font-size: 20px;
}

.vision-li>ul>li>p>.sdg {
	float: right;
	font-size: 16px;
}

.vision-li>ul>li>p>.num {
	display: inline-block;
	width: 20px;
	margin-bottom: 3px;
	height: 20px;
	border-radius: 100%;
	text-align: center;
	margin-right: 10px;
	vertical-align: middle;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
}

.vision-li>ul>li:nth-child(1)>p>.num {
	background-color: #5a72b4
}

.vision-li>ul>li:nth-child(2)>p>.num {
	background-color: #57bbcd
}

.vision-li>ul>li:nth-child(3)>p>.num {
	background-color: #2088e1
}

.vision-li ul li dl {
	padding: 25px;
	color: #fff;
	font-size: 16px;
}

.vision-li ul li:nth-child(1) dl {
	background-color: #5a72b4;
}

.vision-li ul li:nth-child(2) dl {
	background-color: #57bbcd;
}

.vision-li ul li:nth-child(3) dl {
	background-color: #2088e1;
}

.vision-li ul li:nth-child(1) p .sdg {
	color: #5a72b4;
}

.vision-li ul li:nth-child(2) p .sdg {
	color: #57bbcd;
}

.vision-li ul li:nth-child(3) p .sdg {
	color: #2088e1;
}

.vision-li ul li dt,
.vision-li ul li dd {
	display: inline-block;
	vertical-align: top;
}

.vision-li ul li dt {
	width: 220px;
	word-break: keep-all;
	word-wrap: break-word;
}

.vision-li ul li dd {
	width: calc(100% - 255px);
	border-left: 1px solid rgba(255, 255, 255, 0.3);
	margin-left: 30px;
}

.vision-li ul li dd ul li {
	position: relative;
	padding-left: 10px;
	margin-left: 20px;
}

.vision-li ul li dd ul li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 11px;
	width: 3px;
	height: 3px;
	display: block;
	background-color: #fff;
}

#vision-symbol {
	width: 1240px;
	margin: 0 auto;
	padding: 60px 0 0;
	position: relative;
	margin-bottom: 90px;
}

#vision-symbol .desc {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

#vision-symbol .desc p {
	position: absolute;
	text-align: center;
	word-break: keep-all;
	font-size: 18px;
	font-weight: 400;
	line-height: 25px;
}

#vision-symbol .desc p:nth-child(1) {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -40%);
	transform: translate(-50%, -40%);
	width: 220px;
	text-align: center;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
}

#vision-symbol .desc p:nth-child(1) strong {
	display: block;
	font-size: 25px;
	font-weight: 500;
	margin-bottom: 23px;
}

#vision-symbol .desc p.text1 {
	width: 100%;
}

#vision-symbol .desc p.text2 {
	left: 0;
	top: 530px;
	width: 335px;
	text-align: right;
}

#vision-symbol .desc p.text3 {
	right: 0;
	top: 530px;
	width: 335px;
	text-align: left;
}

#vision-symbol .desc p span {
	display: block;
}

#vision-symbol .thumb {
	margin: 0 auto;
	text-align: center;
}

#vision-symbol .thumb img {
	width: initial;
}

#vision-symbol.program {
	width: 950px;
	padding: 60px 0px;
}

#vision-symbol.program .desc p:nth-child(1) {
	-webkit-transform: translate(-50%, -30%);
	transform: translate(-50%, -30%);
}

#vision-symbol.program p strong {
	display: block;
	margin-bottom: 13px;
	color: #0178dd;
	font-size: 22px;
	font-weight: 500;
	line-height: 25px;
}

#vision-symbol.program p strong.color1 {
	color: #0178dd;
}

#vision-symbol.program p strong.color2 {
	color: #07a4f6;
}

#vision-symbol.program p strong.color3 {
	color: #031d6f;
}

#vision-symbol.program p span {
	color: #333;
	font-size: 15px;
	font-weight: 400;
	line-height: 25px;
}

#vision-symbol.program .desc p.text2 {
	top: 345px;
	width: 310px;
}

#vision-symbol.program .desc p.text3 {
	top: 345px;
	width: 310px;
}

#vision-symbol.program .dot {
	display: block;
	position: relative;
	padding-left: 15px;
	color: #333;
	font-size: 15px;
	font-weight: 400;
	line-height: 25px;
}

#vision-symbol.program .dot:before {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #959595;
	content: '';
}

.social.vision {
	margin-bottom: 95px;
}

.social.vision .row {
	overflow: hidden;
	padding: 16px;
	border: 2px solid #0178dd;
	border-radius: 100px;
}

.social.vision .title {
	position: relative;
	top: -22px;
	height: 0px;
	text-align: center;
}

.social.vision .title h4 {
	display: inline-block;
	padding: 0 125px;
	background: #fff url('../../images/contents/bg-social-vision.png') no-repeat center center;
	text-align: center;
	font-size: 30px;
	font-weight: 500;
	color: #000;
}

.social.vision .desc {
	position: relative;
	font-size: 22px;
	font-weight: 400;
	text-align: center;
}

.social.vision .desc:before {
	content: '';
	position: absolute;
	left: -17px;
	top: -18px;
	width: 166px;
	height: 66px;
	background: #fff url('../../images/contents/bg-social-vision2.png') no-repeat center center;
}

.social.vision .desc:after {
	content: '';
	position: absolute;
	right: -17px;
	top: -18px;
	width: 166px;
	height: 66px;
	background: #fff url('../../images/contents/bg-social-vision3.png') no-repeat center center;
}

/* 라인만 line */
.kbox-style.line-type {
	border: 1px solid #ddd;
}

.kbox-style.line-type:not(:nth-of-type(1)) {
	margin-top: 10px;
}

.kbox-style.line-type .desc {
	padding: 20px;
}

.kbox-style.line-type .row {
	background-color: #fff;
}

/* / 라인얇은거*/
.kbox-style.s-patten {
	padding: 5px;
	background: url(../../images/contents/line-location-home.png) left top;
}

.kbox-style.s-patten .row {
	background-color: #fff;
}

.kbox-style.s-patten .desc .text {
	padding: 0;
}

/* img box */
.kbox-style.img-box {
	margin-bottom: 40px;
	background: url(../../images/contents/info-box-bg.png) #f6f8f8 right -14px no-repeat;
	padding: 0;
}

.kbox-style.img-box .desc .text .box-title:after {
	content: '';
	display: block;
	width: 50px;
	height: 2px;
	background-color: #0178dd;
	margin: 19px 0;
}

.kbox-style.img-box .row {
	padding: 0;
}

.kbox-style.img-box .row .desc {
	padding: 0;
}

/* history */
.history-ul {
	position: relative;
}

.history-ul:after {
	content: '';
	position: absolute;
	left: 50px;
	top: 0px;
	display: block;
	width: 2px;
	height: 95%;
	background-color: #e9e9e9;
}

.history-ul li {
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
}

.history-ul li:first-child:before {
	content: '';
	position: absolute;
	left: 45px;
	top: 0;
	display: block;
	width: 10px;
	height: 8px;
	background-color: #fff;
	z-index: 1;
}

.history-ul li>strong {
	display: block;
	margin-right: 20px;
	font-size: 16px;
	font-weight: 500;
	line-height: 25px;
	color: #222;
	float: left;
	position: absolute;
}

.history-ul>ul>li>p {
	display: block;
	position: relative;
	padding-left: 15px;
	font-size: 18px;
	line-height: 25px;
	color: #666;
	float: left;
	margin-left: 55px;
}

.history-ul>ul>li>p:before {
	content: '';
	position: absolute;
	left: -9px;
	top: 7px;
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #fff;
	border: 2px solid #0072ff;
	z-index: 2;
}

.history-ul>ul>li>p>strong {
	margin-bottom: 8px;
    font-size: 18px;
	line-height: 25px;
	display: block;
	color: #0178dd;
}

.box-icon-list {
	text-align: center;
	border: 1px solid #ddd;
}

.box-icon-list img {
	width: auto;
	margin: 5px;
}

/* box 기본 */
.kbox-style {
	color: #666;
	box-sizing: border-box;
}

.kbox-style .desc {
	display: table;
	width: 100%;
	padding: 40px;
}

.kbox-style .desc .icon {
	display: table-cell;
	width: 80px;
}

.kbox-style .desc .icon img {
	width: auto;
}

.kbox-style .desc .icon.world,
.kbox-style .desc .icon.ciat {
	padding: 0 40px 0 0;
}

.kbox-style .desc .text {
	display: table-cell;
	padding: 0 3.125%;
	vertical-align: middle;
}

.kbox-style .desc .text .box-title {
	display: block;
	margin: 0 0 5px 0;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	color: #0178dd;
}

.kbox-style .desc .text .box-text {
	color: #666;
	font-weight: 400;
	line-height: 25px;
}

.kbox-style .desc .text .kbox-ul li {
	position: relative;
	padding-left: 10px;
	font-size: 18px;
}

.kbox-style .desc .text .kbox-ul li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 12px;
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background-color: #959595;
}

.kbox-style .desc .text .kbox-ul li strong {
	color: #222;
}

.kbox-style .desc .link-btn {
	display: inline-block;
	float: none;
	border: 1px solid #000;
	padding: 7px 30px;
	font-size: 16px;
	margin-top: 15px;
}

/* table 내 기본 box*/
.table-type1 .kbox-style .icon {
	width: 150px;
}

.table-type1 .kbox-style .desc .text {
	padding: 0;
	text-align: left;
}

.table-type1 .kbox-style .desc .text .box-title {
	font-size: 18px;
	font-weight: 400;
	line-height: 35px;
	color: #3974db;
}

.table-type1 .kbox-style .desc .text .box-text {
	margin-bottom: 5px;
	line-height: 20px;
}

.table-type1 .kbox-style .desc .text .kbox-ul li {
	color: #666;
	font-size: 17px;
	font-weight: 300;
}

.table-type1 .kbox-style .desc .text .kbox-ul li strong {
	font-weight: 400;
}

.table-type1.tb-kbox-style th {
	color: #333;
	font-size: 16px;
	font-weight: 500;
	line-height: 50px;
}

.table-type1.tb-kbox-style td {
	padding: 10px 0 15px;
}

/* 관련서류다운 */
.ul-down {
	background-color: #f7f7f7;
	overflow: hidden;
	padding: 25px 0;
}

.ul-down li {
	width: calc(100% / 5);
	float: left;
	box-sizing: border-box;
	padding: 0 1.95%;
	color: #171717;
}

.ul-down li strong {
	display: block;
	text-align: left;
	min-height: 50px;
	font-size: 15px;
	word-break: break-word;
	font-weight: 400;
}

.ul-down li+li {
	border-left: 1px solid #ddd;
}

.ul-down li a {
	display: inline-block;
	margin-top: 20px;
	padding: 7px 10% 6px;
	color: #666;
	line-height: 25px;
	text-align: left;
	border: 1px solid #dddddd;
	font-size: 13px;
	background-color: #fff;
}

.ul-down li a:before {
	content: '';
	vertical-align: middle;
	width: 15px;
	height: 14px;
	margin: 0 10px 5px 0;
	background: url(../../images/contents/icon-down.png) left top;
	display: inline-block;
}

/* link box */
.link-box {
	border: 1px solid #60a0d6;
	padding: 28px 1.56% 27px 2.34%;
	font-size: 18px;
	background: url(../../images/contents/link-box-bg.png) right 16% center no-repeat;
}

.link-box strong {
	position: relative;
	padding-left: 20px;
	font-weight: 500;
	color: #0178dd;
	line-height: 25px;
}

.link-box strong span {
	color: #0178dd;
}

.link-box strong:before {
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: #0178dd;
}

.jump-icon,
.fr {
	float: right;
	margin-top: -8px;
}

.jump-icon:after {
	content: '';
	vertical-align: middle;
	width: 12px;
	height: 12px;
	margin: 0 0 5px 10px;
	background: url(../../images/contents/icon-link.png) left top;
	display: inline-block;
}

/* upline title box */
.upline-title-box {
	margin-bottom: 60px;
}

/* process box */
.process-box {
	margin: 0 0 10px;

}

.process-box ul:after {
	display: block;
	clear: both;
	content: '';
}

.process-box ul li {
	position: relative;
	float: left;
	width: 26.16%;
	height: 180px;
	padding: 10px 30px;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 20px;
	text-align: center;
	border-radius: 90px;
}

.process-box ul li:first-child {
	color: #1b314c;
	background-color: rgba(197, 202, 208, .8);
}

.process-box ul li:nth-child(2) {
	margin-left: -1.57%;
	background-color: rgba(93, 113, 149, .8);
}

.process-box ul li:nth-child(3) {
	margin-left: -1.57%;
	background-color: rgba(54, 148, 228, .8);
}

.process-box ul li:nth-child(4) {
	margin-left: -1.57%;
	background-color: rgba(57, 88, 191, .8);
}

.process-box ul li p {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	padding: 0 30px;
}

.process-box .c-orange {
	font-weight: 500;
}

/* process box2 */
.process-box2:after {
	display: block;
	clear: both;
	content: '';
}

.process-box2 ul {
	position: relative;
	float: left;
	width: 50%;
}

.process-box2 ul:nth-child(3),
.process-box2 ul:nth-child(4) {
	float: right;
	margin-top: 35px;
}

.process-box2 ul:nth-child(3) li,
.process-box2 ul:nth-child(4) li {
	float: right;
}

.process-box2 ul:before,
.process-box2 ul:after {
	position: absolute;
	right: 0;
	width: 2px;
	background-color: #cacaca;
	content: '';
}

.process-box2 ul:nth-child(2):before {
	top: 90px;
	height: 100%;
}

.process-box2 ul:nth-child(3):before {
	top: -5px;
	height: 95px;
}

.process-box2 ul li {
	position: relative;
	float: left;
	width: calc((100% - 1px) / 3);
	text-align: center;
}

.process-box2 ul li:not([class*="point"]) strong {
	display: block;
	margin: 90px 0 23px;
	padding: 12px 0 0;
	color: #333;
	font-size: 15px;
	font-weight: 500;
	line-height: 20px;
}

.process-box2 ul li p {
	padding: 0 10px;
	color: #888;
	font-size: 13px;
	line-height: 20px;
}

.process-box2 [class*="point"]:before {
	position: absolute;
	top: 90px;
	left: 50%;
	z-index: -1;
	width: 100%;
	height: 2px;
	background-color: #cacaca;
	content: '';
}

.process-box2 [class*="point"] div {
	display: inline-block;
	position: relative;
	width: 175px;
	height: 175px;
	margin: 0 auto;
	color: #fff;
	font-size: 17px;
	line-height: 23px;
	border-radius: 50%;
}

.process-box2 [class*="point"] div strong {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	margin-bottom: 7px;
}

.process-box2 .point-first div {
	background: url(../../images/bg-line.png) repeat left top;
}

.process-box2 .point-middle:before {
	left: 0;
}

.process-box2 .point-middle div {
	color: #0178dd;
	border: 3px solid #0178dd;
	background-color: #fff;
}

.process-box2 .point-middle.last div,
.process-box2 .point-last div {
	color: #fff;
	background: url(../../images/bg-line2.png) repeat left top;
}

.process-box2 [class*="dot"] strong {
	position: relative;
}

.process-box2 [class*="dot"] strong:before {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% + 1px);
	height: 2px;
	background-color: #cacaca;
	content: '';
}

.process-box2 [class*="dot"] strong:after {
	position: absolute;
	top: -7px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 14px;
	height: 14px;
	border-radius: 50%;
	content: '';
}

.process-box2 [class*="dot"].last div strong:before {
	width: calc(50% + 1px);
	left: 50%;
}

.process-box2 .dot-line strong:after {
	border: 3px solid #779cbb;
	background-color: #fff;
}

.process-box2 .dot-blue strong:after {
	background-color: #0178dd;
}

.process-box2 .font-style {
	color: #666;
	font-size: 12px;
	font-weight: 300;
}

.process-box2.process-line2 .point-last:before {
	left: 0;
	width: 50%;
}

.process-box2.process-line2 ul:before,
.process-box2.process-line2 .point-last:after {
	display: none;
}

/* process box3 */
.process-box3 {
	position: relative;
	margin: 0 0 25px;
	padding: 45px 0 45px;
	border: 1px solid #dbdbdb;
}

.process-box3:before {
	position: absolute;
	top: 90px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 80%;
	height: 2px;
	background-color: #cacaca;
	content: '';
}

.process-box3:after {
	display: block;
	clear: both;
	content: '';
}

.process-box3 li {
	float: left;
	width: calc((79.8% - 1px) / 3);
	text-align: center;
}

.process-box3 li:not(:first-child) {
	margin-left: 10.1%;
}

.process-box3 li:nth-child(1)>div {
	background: url(../../images/bg-line.png) repeat left top;
}

.process-box3 li:nth-child(2)>div {
	color: #0178dd;
	border: 3px solid #0178dd;
	background: #fff;
}

.process-box3 li:nth-child(3)>div {
	background: url(../../images/bg-line2.png) repeat left top;
}

.process-box3 li>div {
	display: inline-block;
	position: relative;
	width: 130px;
	height: 130px;
	margin: 0 auto 10px;
	color: #fff;
	font-size: 22px;
	font-weight: 400;
	line-height: 30px;
	border-radius: 50%;
}

.process-box3 li>div strong {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	font-weight: 400;
}

.process-box3 li>p {
	color: #666;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
}

.process-box3 li>p .sub-text {
	display: block;
	margin-top: 10px;
	color: #8e8e8e;
	font-size: 12px;
	font-weight: 300;
	line-height: 15px;
}

/* partner box */
.partner-box:after {
	display: block;
	clear: both;
	content: '';
}

.partner-box li {
	float: left;
	margin-bottom: 10px;
}

.partner-box li:not(:nth-child(7n-6)) {
	margin-left: 1.17%;
}

/* cts box*/
.cts-box.img-box {
	padding: 33px;
}

.cts-box ul {
	margin-bottom: 30px;
}

.cts-box ul:after {
	display: block;
	clear: both;
	content: '';
}

.cts-box ul li {
	display: inline-block;
	width: calc((90.64% - 9px) / 3);
	margin-bottom: 55px;
}

.cts-box ul li:not(:nth-child(3n-2)) {
	margin-left: 4.66%;
}

.cts-box ul li .icon {
	width: 110px;
	height: 110px;
}

.cts-box ul li div {
	float: left;
}

.cts-box ul li div:not(.icon) {
	margin-left: 6%;
}

.cts-box ul li strong {
	display: block;
	margin-bottom: 15px;
	color: #0853a6;
	font-size: 23px;
	font-weight: 500;
	line-height: 1;
	/*text-align: left;*/
}

.cts-box ul li p {
	color: #666;
	font-size: 16px;
	font-weight: 300;
	line-height: 22px;
	/*text-align: left;*/
}

/* map */
.cts-box[class*="map-line"]>div {
	padding: 25px 3.28% 58px;
	background-color: #fff;
	text-align: center;
}

.map-line {
	padding: 3px;
	background: url(../../images/contents/line-location-home2.png) repeat left top;
}

.map-line2 {
	padding: 3px;
	background: url(../../images/contents/line-location-home.png) repeat left top;
}

.map-box {
	display: inline-block;
	position: relative;
	text-align: center;
}

/*.map-box.map1 div:not(.map) {position: absolute;width: 130px;height: 130px;}
.map-box.map1 div p {position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;font-famiily: 'Noto Sans KR';color: #fff;font-size: 15px;font-weight: 500;line-height: 19px;}
.map-box.map1 .world1 {top: 243px;left: 185px;background: url(../../images/contents/bg-world01.png) no-repeat left top;}
.map-box.map1 .world2 {top: 231px;left: 422px;background: url(../../images/contents/bg-world02.png) no-repeat left top;}
.map-box.map1 .world3 {top: 105px;left: 545px;background: url(../../images/contents/bg-world03.png) no-repeat left top;}
.map-box.map1 .world4 {top: 215px;left: 709px;background: url(../../images/contents/bg-world04.png) no-repeat left top;}

.map-box.map2 div:not(.map) {position: absolute;width: 185px;height: 185px;background: url(../../images/contents/bg-world05.png) no-repeat left top;}
.map-box.map2 div p {position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;font-famiily: 'Noto Sans KR';color: #fff;}
.map-box.map2 div p span:first-child {margin-bottom: 7px;font-size: 20px;font-weight: 400;line-height: 25px;}
.map-box.map2 div p span:not(:first-child) {font-size: 15px;font-weight: 200;line-height: 25px;}
.map-box.map2 .world1 {top: 170px;left: 857px;}
.map-box.map2 .world2 {top: 271px;left: 169px;}
.map-box.map2 .world3 {top: 72px;left: 234px;}
.map-box.map2 .world4 {top: 150px;left: 449px;}*/

/* dak */
.dak-box {
	padding: 40px 7.81% 50px;
	background-color: #fff;
}

.dak-box:after,
.dak-box>ul:after {
	display: block;
	clear: both;
	content: '';
}

.dak-box>div,
.dak-box>ul {
	float: left;
}

.dak-box>div {
	position: relative;
}

.dak-box>div>div:not(.img) {
	display: inline-block;
	position: absolute;
	width: 180px;
	height: 180px;
}

.dak-box>div>div p {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	color: #fff;
	text-align: center;
}

.dak-box>div>div p strong {
	display: block;
	position: relative;
	margin: 0 0 10px;
	padding: 0 0 13px;
	font-size: 16px;
	font-weight: 400;
	line-height: 18px;
}

.dak-box>div>div p strong:before {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 35px;
	height: 1px;
	background-color: #ffffff;
	content: '';
}

.dak-box>div>div p span {
	font-size: 13px;
	font-weight: 300;
	line-height: 20px;
}

.dak-box>div .dak1 {
	top: 0;
	left: 114px;
}

.dak-box>div .dak2 {
	top: 100px;
	left: 0;
}

.dak-box>div .dak3 {
	top: 247px;
	left: 37px;
}

.dak-box>div .dak4 {
	top: 247px;
	left: 190px;
}

.dak-box>div .dak5 {
	top: 100px;
	left: 227px;
}

.dak-box>ul {
	width: calc(100% - 407px);
	padding: 30px 4.6% 50px 9.3%;
}

.dak-box>ul li {
	float: left;
	color: #373737;
	font-size: 16px;
	line-height: 20px;
}

.dak-box>ul li:not(:nth-child(4n-3)) {
	margin-left: 4.85%;
}

.dak-box>ul li:nth-child(4)~li {
	margin-top: 35px;
}

.dak-box>ul li .icon {
	margin-bottom: 12px;
}

/* 연혁 */
#history-guide {
	display: table;
	width: 100%;
	margin: 0 0 50px 0;
}

#history-guide .year {
	display: table-cell;
	width: 300px;
	height: 200px;
	background: url('../../images/contents/bg-history.png') no-repeat left top;
}

#history-guide .year h3 {
	width: 100%;
	padding: 80px 0 0 0;
	font-size: 24px;
	text-align: center;
	color: #fff;
}

#history-guide .summary {
	display: table-cell;
	padding: 0 20px 0 0;
	vertical-align: top;
}

#history-guide .summary em {
	display: block;
	font-size: 17px;
}

#history-guide .summary strong {
	display: block;
	margin: 20px 0 15px 0;
	font-size: 24px;
	color: #0178dd;
}

#history-guide .summary .desc {
	color: #777;
}

#wrap-history {
	padding: 50px 75px 50px 75px;
	border-top: 1px solid #197dc7;
	border-bottom: 1px solid #a0a0a0;
}

#history {
	background: url(../../images/contents/line-history.gif) repeat-y center top;
}

#history em {
	font-weight: normal !important;
}

#history .row {
	position: relative;
}

#history .year {
	position: absolute;
	width: 50%;
}

#history .year.right {
	left: 50%;
}

#history .year h3 {
	background-image: none;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 10%;
	font-size: 26px;
	text-align: left;
}

#history .year p {
	margin: 0;
}

#history .year .thumb-type1 {
	margin: -260px 0 0 50px;
	padding: 0 0 10px 0;
}

#history .year .thumb-type2 {
	margin: 50px 50px 0 0;
	text-align: right;
}

#history .year .thumb-type3 {
	margin: 70px 0 0 50px;
}

#history .year .desc {
	position: relative;
	padding: 0 5% 0 10%;
	border-top: 1px dashed #0072ff;
}

#history .year .desc:after {
	content: '';
	position: absolute;
	right: -6px;
	top: -7px;
	width: 12px;
	height: 12px;
	background: url("../../images/contents/dot-history.png") no-repeat center center;
}

#history .year.right .desc:after {
	right: auto;
	left: -6px;
}

#history .year ul {
	padding: 20px 0 0 0;
}

#history .year li {
	padding: 1px 0;
}

#history .year li span {
	display: inline-block;
	position: relative;
	padding: 0 0 0 15px;
	font-size: 17px;
	color: #777;
}

#history .year li span:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 9px;
	width: 4px;
	height: 4px;
	background: #a0a0a0;
	border-radius: 100%;
}

#history img {
	width: 100%;
}

#history-guide .year .line2 {
	padding: 60px 0 0 0;
}

#history-guide .year h3 span {
	display: block;
}

#history .line1 {
	height: 300px;
}

#history .line2 {
	height: 80px;
}

#history .line3 {
	height: 200px;
}

#history .line4 {
	height: 165px;
}

#history .line5 {
	height: 210px;
}

#history .line6 {
	height: 200px;
}

#history .line7 {
	height: 260px;
}

/* 2nd page */
#history .line8 {
	height: 150px;
}

#history .line9 {
	height: 150px;
}

#history .line10 {
	height: 60px;
}

#history .line11 {
	height: 160px;
}

#history .line12 {
	height: 340px;
}

#history .line13 {
	height: 200px;
}

#history .line14 {
	height: 200px;
}

#history .line15 {
	height: 160px;
}

/* 3rd page */
#history .line16 {
	height: 260px;
}

#history .line18 {
	height: 470px;
}

#history .line19 {
	height: 180px;
}

#history .year li .str-blue {
	color: #0072ff;
}

/* 조직도 */
#organ_wrap .head {
	position: relative;
	color: #fff;
	font-size: 24px;
	width: 250px;
	height: 250px;
	text-align: center;
	background: url(../../images/contents/head_back.png) center center no-repeat;
	padding-top: 100px;
	margin: 0 auto;
}

#organ_wrap .head:before {
	content: '';
	position: absolute;
	width: 76px;
	height: 114px;
	left: -45px;
	top: 40px;
	background: url(../../images/contents/head_before.png) center center no-repeat;
}

#organ_wrap .head:after {
	content: '';
	position: absolute;
	width: 102px;
	height: 177px;
	right: -45px;
	top: 40px;
	background: url(../../images/contents/head_after.png) center center no-repeat;
}

#organ_wrap .organ_top {
	position: relative;
	width: 70%;
	padding-bottom: 35px;
	margin: 0 auto;
	overflow: hidden;
}

#organ_wrap .organ_top:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	left: calc(50% - 1px);
	background-color: #ddd;
}

#organ_wrap .organ_top .cont_left {
	float: left;
	width: 40%;
	background-color: #fff;
}

#organ_wrap .organ_top .cont_left:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	background-color: #ddd;
	margin-top: -25px;
	z-index: -1;
}

#organ_wrap .organ_top .cont_left.half_line:after {
	content: '';
	position: absolute;
	width: 50%;
	height: 1px;
	left: 0;
	background-color: #ddd;
	margin-top: -25px;
	z-index: -1;
}

#organ_wrap .organ_top .txt_skyB {
	color: #0178dd;
}

#organ_wrap .organ_top .cont_right {
	float: right;
	width: 40%;
}

#organ_wrap .organ_top span {
	display: block;
	color: #222;
	font-size: 16px;
	text-align: center;
	border: 2px solid #0178dd;
	background-color: #fff;
	padding: 10px 0;
}

#organ_wrap .organ_top a:hover {
	color: #fff;
	border-color: #0174d7;
	background-image: url(../../images/contents/top_hov_ptn.png);
}

#organ_wrap .organ_top .top_cont01 {
	margin: 30px 0 30px 0;
	overflow: hidden;
}

#organ_wrap .organ_top .top_cont01 li:first-child,
#organ_wrap .organ_top .top_cont01 li:nth-child(2) {
	float: left;
	width: 49%;
	margin-bottom: 30px;
}

#organ_wrap .organ_top .top_cont01 li:first-child {
	margin-right: 2%;
}

#organ_wrap .organ_top .top_cont01 li:last-child {
	position: relative;
	clear: both;
}

#organ_wrap .organ_top .top_cont01 li:last-child:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	top: 25px;
	left: -43%;
	background-color: #ddd;
	z-index: -1;
}

#organ_wrap .organ_top .top_cont02 {
	margin-bottom: 30px;
	overflow: hidden;
}

#organ_wrap .organ_top .top_cont02 li {
	position: relative;
}

#organ_wrap .organ_top .top_cont02 li:first-child:after {
	content: '';
	position: absolute;
	width: 43%;
	height: 61px;
	top: 25px;
	left: -43%;
	background: url(../../images/contents/organ_line.png) center center no-repeat;
	z-index: -1;
}

#organ_wrap .organ_top .top_cont02 li:nth-child(2),
#organ_wrap .organ_top .top_cont02 li:last-child {
	float: left;
	width: 49%;
	margin-top: 10px;
}

#organ_wrap .organ_top .top_cont02 li:nth-child(2) {
	margin-right: 2%;
}

#organ_wrap .organ_top .top_cont03 {
	overflow: hidden;
	margin-bottom: 30px;
}

#organ_wrap .organ_top .top_cont03 li:last-child {
	position: relative;
	margin-top: 30px;
}

#organ_wrap .organ_top .top_cont03 li:last-child:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	top: 25px;
	left: -43%;
	background-color: #ddd;
	z-index: -1;
}

#organ_wrap .organ_top .top_cont04 {
	overflow: hidden;
	margin-bottom: 30px;
}

#organ_wrap .organ_top .top_cont04 li:last-child {
	position: relative;
	margin-top: 30px;
}

#organ_wrap .organ_top .top_cont04 li:last-child:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	top: 25px;
	left: -43%;
	background-color: #ddd;
	z-index: -1;
}

#organ_wrap .organ_top .top_cont05 {
	overflow: hidden;
}

#organ_wrap .organ_top .top_cont05 li:last-child {
	position: relative;
	margin-top: 30px;
}

#organ_wrap .organ_top .top_cont05 li:last-child:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	top: 25px;
	left: -43%;
	background-color: #ddd;
	z-index: -1;
}

#organ_wrap .organ_btm {
	position: relative;
	padding-top: 35px;
	overflow: hidden;
}

#organ_wrap .organ_btm:before {
	content: '';
	position: absolute;
	width: 82%;
	height: 1px;
	top: 0;
	left: 50%;
	margin-left: -41%;
	background-color: #ddd;
}

#organ_wrap .organ_btm>ul>li {
	position: relative;
	float: left;
	width: 18%;
	margin-right: 2.5%;
}

#organ_wrap .organ_btm>ul li:before {
	content: '';
	position: absolute;
	width: 1px;
	height: 35px;
	left: 50%;
	top: -35px;
	background-color: #ddd;
}

#organ_wrap .organ_btm>ul li:last-child {
	margin-right: 0;
}

#organ_wrap .organ_btm .list_cont li {
	float: inherit;
	width: 100%;
	line-height: 1.2;
	background: url(../../images/contents/organ_bullet.png) left 5px no-repeat;
	padding-bottom: 10px;
	padding-left: 17px;
	font-size: 14px;
	color: #666;
}

#organ_wrap .organ_btm .list_cont li:hover {
	background-image: url(../../images/contents/organ_bullet_hov.png);
}

#organ_wrap .organ_btm .list_cont a {
	line-height: 1.5em;
}

#organ_wrap .organ_btm .list_cont a:hover {
	color: #004cbf;
}

#organ_wrap .organ_btm .list_inner li {
	font-size: 13px;
	text-decoration: underline;
	padding-left: 0;
	padding-bottom: 3px;
	background: none;
}

#organ_wrap .organ_btm .list_inner li:hover {
	background: none;
}

#organ_wrap .organ_btm .list_inner a {
	color: #888;
}

#organ_wrap .organ_btm .list_inner a:hover {
	color: #222;
}

#organ_wrap .organ_btm dt {
	color: #fff;
	font-size: 13px;
	text-align: center;
	background-color: #40b8fd;
	background-image: url(../../images/contents/organ_pattern.png);
	padding: 10px 5px;
	margin-bottom: 10px;
}

#organ_wrap .organ_btm dt p {
	font-size: 13px;
}

#organ_wrap .organ_btm dd {
	min-height: 400px;
	border: 2px solid #dcdcdc;
	background-color: #fff;
	padding: 20px 10px;
	overflow: hidden;
}

#organ_wrap .organ_and {
	margin-top: 40px;
}

#organ_wrap .organ_and ul {
	display: inline-block;
	width: 100%;
}

#organ_wrap .organ_and li {
	float: left;
	width: 49%;
	font-size: 20px;
	text-align: center;
	margin-right: 2%;
	overflow: hidden;
}

#organ_wrap .organ_and div {
	background-color: #ebeef5;
	border: 1px solid #316df7;
	padding: 20px 0;
	line-height: 1.2;
	cursor: default;
}

/*organ_wrap .organ_and a:hover {color: #fff;border-color: #316df7;background-color: #316df7;}*/
#organ_wrap .organ_and a dt {
	color: #323234;
	font-size: 20px;
}

#organ_wrap .organ_and a dt span {
	color: #2b4685;
	font-size: 16px;
}

#organ_wrap .organ_and a dd {
	color: #2b4685;
	font-size: 16px;
}

#organ_wrap .organ_and li:last-child {
	margin-right: 0;
}

@media all and (max-width: 1300px) {
	#organ_wrap .organ_btm dt {
		font-size: 15px;
		min-height: 110px;
	}

	#organ_wrap .organ_btm dd {
		min-height: 525px;
	}

	#organ_wrap .organ_top .top_cont03 .cont_left:after {
		margin-top: -50px;
	}
}

@media all and (max-width: 960px) {
	#organ_wrap .organ_btm dt {
		min-height: 90px;
		font-size: 14px;
	}

	#organ_wrap .organ_btm dd {
		min-height: 480px;
	}

	#organ_wrap .organ_btm>ul>li:nth-child(4) dt,
	#organ_wrap .organ_btm>ul>li:last-child dt {
		min-height: auto;
	}
}

@media all and (max-width: 760px) {
	#organ_wrap .organ_btm dt {
		min-height: 105px;
	}

	#organ_wrap .organ_btm dd {
		min-height: 510px;
	}
}

@media all and (max-width:640px) {
	#organ_wrap .organ_btm dt {
		min-height: auto;
		height: auto;
	}
}

@media all and (max-width:420px) {
	#organ_wrap .organ_top .top_cont02 .cont_left:after {
		margin-top: -50px;
	}

	#organ_wrap .organ_top .top_cont04 .cont_left:after {
		margin-top: -50px;
	}
}

/* qna */
.qna .row {
	border-top: 1px solid #dcdcdc;
}

.qna .line {
	display: table;
	width: 100%;
}

.qna .line>div {
	display: table-cell;
	vertical-align: middle;
}

.qna .line .title {
	width: 180px;
	padding: 20px 17px;
	background: #f5f5f5;
	border-bottom: 1px solid #dcdcdc;
	font-size: 15px;
	color: #333;
}

.qna .line .title span.must {
	position: relative;
}

.qna .line .title span.must:after {
	content: "";
	position: absolute;
	right: -10px;
	top: 10px;
	width: 5px;
	height: 5px;
	background: url("../../images/icon-must.png") no-repeat left top;
}

.qna .line .desc {
	position: relative;
	padding: 12px 17px;
	border-bottom: 1px solid #dcdcdc;
}

.qna .line input[type="text"] {
	width: 100%;
	height: 40px;
	padding: 0 0 0 10px;
	border: 1px solid #c8c8c8;
	border-radius: 3px;
	line-height: 40px;
	font-size: 15px;
	color: #666;
}

.qna .line textarea {
	width: 100%;
	min-height: 105px;
	padding: 10px;
	border: 1px solid #c8c8c8;
	font-size: 15px;
	color: #666;
	font-family: 'Titillium Web', sans-serif !important;
}

.qna .reply {
	margin: 20px 0 0 0;
}

.qna.policy {
	display: inline-block;
	padding: 1px 7px;
	margin: 0 0 0 5px;
	border: 1px solid #d1d1d1;
	font-size: 12px;
	font-family: 'T-SemiBold';
	color: #666;
}

.qna.button {
	margin: 40px 0 0 0;
}

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

.qna.button .btn {
	display: inline-block;
	padding: 8px 15px;
	margin: 0 0 0 5px;
	background: #e1e1e1;
	border-radius: 4px;
	text-align: center;
	color: #333;
	font-size: 18px;
}

.qna.button .btn.on {
	background: #004a8f;
	color: #fff;
}

/* cs vision house */
.cs-vision {
	text-align: center;
	background: url("../../images/contents/cs_vision_house_bg.png") 28px 0 no-repeat;
	padding-top: 20px;
}

.cs-vision dt {
	display: inline-block;
	width: 180px;
	padding: 0 50px 0 25px;
	font-size: 23px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: -2px;
	vertical-align: top;
}

.cs-vision dd {
	display: inline-block;
	position: relative;
	width: calc(100% - 295px);
	margin-left: 110px;
	font-size: 17px;
	font-weight: 400;
	line-height: 25px;
	vertical-align: top;
}

.cs-vision dd>p:nth-child(1) {
	position: relative;
	margin-bottom: 30px;
	padding: 20px 15px;
	color: #222;
	background-color: #f7fbfe;
}

.cs-vision dd>p:nth-child(2) {
	padding: 0 2.5% 0 3.5%;
	color: #666;
	font-size: 14px;
	font-weight: 300;
}

.cs-vision dd>ul:after {
	display: block;
	clear: both;
	content: '';
}

.cs-vision dd>p:nth-child(1):before,
.cs-vision dd>ul:nth-child(1):before {
	position: absolute;
	top: 50%;
	left: -95px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
	width: 95px;
	height: 4px;
	background: url("../../images/contents/bg-dotline.png") no-repeat left top;
	content: '';
}

.cs-vision dd>ul.cs-vision-list4:before {
	top: 70%;
}

.cs-vision dl:nth-child(6) dd>ul:nth-child(1):after {
	top: 70%;
}

.cs-vision dd>p:nth-child(1):after,
.cs-vision dd>ul:nth-child(1):after {
	position: absolute;
	top: 50%;
	left: -110px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 15px;
	height: 15px;
	border-radius: 50%;
	content: '';
}

.cs-vision dl:nth-child(1) dt {
	color: #46c9df;
	padding-top: 32px;
}

.cs-vision dl:nth-child(1) dd>p:nth-child(1):after {
	background-color: #46c9df;
}

.cs-vision dl:nth-child(1) dd>p:nth-child(1) {
	border: 3px solid #46c9df;
}

.cs-vision dl:nth-child(2) dt {
	color: #ff0000;
	padding-top: 15px;
}

.cs-vision dl:nth-child(2) dd>p:nth-child(1):before,
.cs-vision dl:nth-child(2) dd>p:nth-child(1):after {
	top: 25px;
}

.cs-vision dl:nth-child(2) dd>p:nth-child(1):after {
	background-color: #4882d1;
}

.cs-vision dl:nth-child(2) dd>p:nth-child(1) {
	margin-bottom: 10px;
	border: 3px solid #4882d1;
}

.cs-vision dl:nth-child(2) dd>p:nth-child(2) {
	margin-bottom: 30px;
}

.cs-vision dl:nth-child(3) dt {
	color: #697ebb;
	padding-top: 47px;
}

.cs-vision dl:nth-child(3) dd {
	margin-bottom: 30px;
}

.cs-vision dl:nth-child(3) dd>ul:nth-child(1):after {
	background-color: #697ebb;
}

.cs-vision dl:nth-child(3) dd>ul li {
	float: left;
	width: calc((100% - 20px) / 2);
	padding: 44px 15px;
	border: 3px solid #697ebb;
}

.cs-vision dl:nth-child(3) dd>ul li:not(:first-child) {
	margin-left: 20px;
	padding: 32px 0;
	font-size: 17px;
}

.cs-vision dl:nth-child(4) dt {
	color: #3974db;
	padding-top: 28px;
}

.cs-vision dl:nth-child(4) dd>ul:nth-child(1):after {
	background-color: #3974db;
}

.cs-vision dl:nth-child(4) dd>ul li {
	float: left;
	width: calc((100% - 20px) / 3);
	padding: 18px 5px 17px;
	color: #333;
	font-size: 16px;
	font-weight: 400;
	line-height: 23px;
	border-top: 2px solid #3974db;
	border-left: 1px solid #dddee0;
	border-right: 1px solid #dddee0;
	background-color: #f3f5f7;
	min-height: 84px;
}

.cs-vision dl:nth-child(4) dd>ul li:not(:first-child) {
	margin-left: 10px;
}

.cs-vision dl:nth-child(5) dt {
	color: #3974db;
	padding-top: 78px;
}

.cs-vision dl:nth-child(5) dd>ul:nth-child(1):after {
	background-color: #3974db;
}

.cs-vision dl:nth-child(5) dd>ul>li {
	float: left;
	width: calc((100% - 20px) / 3);
	padding: 20px 2%;
	border: 1px solid #dddee0;
	min-height: 192px;
}

.cs-vision dl:nth-child(5) dd>ul>li:not(:first-child) {
	margin-left: 10px;
}

.cs-vision dl:nth-child(5) dd>ul>li li {
	position: relative;
	padding-left: 12px;
	color: #666;
	font-size: 15px;
	font-weight: 300;
	line-height: 25px;
	text-align: left;
}

.cs-vision dl:nth-child(5) dd>ul>li li:before {
	position: absolute;
	top: 6px;
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #959595;
	content: '';
}

.cs-vision dl:nth-child(6) dt {
	color: #46c9df;
	padding-top: 31px;
}

.cs-vision dl:nth-child(6) dd>ul:nth-child(1):after {
	background-color: #46c9df;
}

.cs-vision dl:nth-child(6) dd>ul li {
	float: left;
	width: calc((100% - 52px) / 5);
	padding: 15px 0 15px;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 1em;
	background: #46c9df;
}

.cs-vision dl:nth-child(6) dd>ul li:not(:first-child) {
	margin-left: 13px;
}

.cs-vision dl:nth-child(6) dd>ul li span {
	font-size: 17px;
}

.cs-vision-list4 {
	margin-top: 30px;
}

.cs-vision br.no-br {
	display: block;
}

@media all and (max-width:1280px) {
	.cs-vision dl dt {
		width: 15%;
		padding: 0;
	}

	.cs-vision dd {
		width: calc(85% - 115px);
		font-size: 18px;
	}

	.cs-vision dl:nth-child(3) dd>ul li {
		width: calc((100% - 10px) / 2);
	}

	.cs-vision dl:nth-child(3) dd>ul li:not(:first-child) {
		margin-left: 10px;
	}
	.cs-vision dl:nth-child(3) dd>ul.cs-vision-list1.sub li:nth-child(2) {padding: 44px 15px;}
	.cs-vision dl:nth-child(4) dd>ul li {
		font-size: 16px;
		min-height: 106px;
	}

	.cs-vision dl:nth-child(5) dt {
		padding-top: 58px;
	}

	.cs-vision dl:nth-child(5) dd>ul>li {
		height: 160px;
	}

	.cs-vision dl:nth-child(5) dd>ul>li li {
		font-size: 14px;
		line-height: 1.5em;
	}

	.cs-vision dl:nth-child(6) dd>ul li {
		font-size: 15px;
	}

	.cs-vision dl:nth-child(6) dd>ul li span {
		font-size: 14px;
	}

}

@media all and (max-width:960px) {
	.cs-vision {
		background: none;
	}

	.cs-vision dl dt {
		width: 100%;
		padding: 0 0 20px;
	}

	.cs-vision dd {
		width: 100%;
		margin-left: 0;
	}

	.cs-vision dd>p:before,
	.cs-vision dd>ul:before {
		display: none;
	}

	.cs-vision dd>p:after,
	.cs-vision dd>ul:after {
		display: none;
	}

	.cs-vision dd>p {
		padding: 0;
	}

	.cs-vision dl dd>p:after {
		display: none;
	}

	.cs-vision br.no-br {
		display: none;
	}

	.cs-vision-list4 {
		margin-top: 0;
	}

	.cs-vision dl:nth-child(5) dd>ul>li {
		height: 210px;
	}

	.upline-title-box {
		margin-bottom: 20px;
	}
}

@media all and (max-width:720px) {
	.cs-vision dl:nth-child(3) dd>ul li {
		width: 100%;
	}

	.cs-vision dl:nth-child(3) dd>ul li:not(:first-child) {
		margin-left: 0;
		margin-top: 10px;
	}

	.cs-vision dl:nth-child(6) dd>ul li {
		width: calc((100% - 20px) / 3);
		margin: 0 0 10px 10px;
	}

	.cs-vision dl:nth-child(6) dd>ul li:not(:first-child) {
		margin-left: 10px;
	}

	.cs-vision dl:nth-child(6) dd>ul li:nth-child(3n+1) {
		margin-left: 0;
	}

}

@media all and (max-width:640px) {
	.cs-vision dl:nth-child(1) dd>p {
		padding: 20px 10px;
	}

	.cs-vision dd>p:nth-child(1) {
		padding: 20px 10px;
	}

	.cs-vision dl:nth-child(3) dd>ul li {
		width: 100%;
		min-height: auto;
		height: auto;
		padding: 20px 10px;
	}

	.cs-vision dl:nth-child(4) dd>ul li {
		min-height: auto;
		width: 100%;
		height: auto;
		padding: 20px 10px;
	}

	.cs-vision dl:nth-child(4) dd>ul li:not(:first-child) {
		margin-left: 0;
		margin-top: 10px;
		min-height: auto;
	}

	.cs-vision dl:nth-child(5) dd>ul>li {
		min-height: auto;
		height: auto;
		width: 100%;
		padding: 20px 5%;
	}

	.cs-vision dl:nth-child(5) dd>ul>li:not(:first-child) {
		margin-left: 0;
		margin-top: 10px;
	}

	.cs-vision dl:nth-child(6) dd>ul li {
		width: calc((100% - 10px) / 2);
		margin: 0 0 10px 10px;
	}

	.cs-vision dl:nth-child(6) dd>ul li:not(:first-child) {
		margin-left: 10px;
	}

	.cs-vision dl:nth-child(6) dd>ul li:nth-child(2n+1) {
		margin-left: 0;
	}
}

/* oda overview */
.list-hyphen>li {
	position: relative;
	padding-left: 10px;
	text-align: left;
}

.list-hyphen>li:before {
	position: absolute;
	top: 9px;
	left: 0;
	width: 5px;
	height: 1px;
	background-color: #171717;
	content: '';
}

.oda-box-wrap:after {
	display: block;
	clear: both;
	content: '';
}

.oda-box {
	float: left;
	margin-bottom: 45px;
}

.oda-box dt {
	width: calc(100% - 20px);
	margin-bottom: 35px;
	padding: 20px 0;
	color: #fff;
	font-size: 20px;
	line-height: 1;
	text-align: center;
}

.oda-tit {
	position: relative;
	margin-bottom: 10px;
	padding-left: 25px;
	color: #333;
	font-size: 18px;
	font-weight: 400;
	line-height: 35px;
}

.oda-tit:before {
	position: absolute;
	top: 15px;
	left: 0;
	width: 12px;
	height: 3px;
	background-color: #0178dd;
	content: '';
}

.oda-list-box {
	margin-bottom: 35px;
	background-color: #f7f7f7;
}

.oda-list-box:after {
	display: block;
	clear: both;
	content: '';
}

.oda-list-box>li {
	position: relative;
	float: left;
	height: 145px;
	padding: 11px 15px 12px;
	color: #171717;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	border: 1px solid #ddd;
	background-color: #fff;
}

.oda-list-box>li:not(:first-child) {
	border-left: 0;
}

.oda-list-box>li>p,
.oda-list-box>li>ul {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	padding: 11px 15px 12px;
}

.oda1 {
	width: 61.7%;
}

.oda1 dt {
	margin-right: 20px;
	background-color: #004a8f;
}

.oda1 .oda-list-box {
	padding: 23px 20px 23px 23px;
}

.oda1 .oda-list-box>li {
	width: calc((100% - 1px) / 5);
}

.oda2 {
	width: 38.3%;
}

.oda2 dt {
	margin-left: 20px;
	border-left: 1px solid #d5d5d5;
	background-color: #1275d2;
}

.oda2 .oda-list-box {
	margin-top: 45px;
	padding: 23px 23px 23px 20px;
}

.oda2 .oda-list-box>li {
	width: calc((100% - 1px) / 3);
}

.graph-box:after {
	display: block;
	clear: both;
	content: '';
}

.graph-box li {
	float: left;
	width: calc((100% - 1px) / 6);
	padding: 0 22px;
	border-right: 1px solid #ddd;
}

.graph-box li:first-child {
	border-left: 1px solid #ddd;
}

.graph-box li>div {
	position: relative;
	height: 105px;
}

.graph-box li>div p {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: 100%;
	padding: 10px;
	color: #000;
	font-size: 20px;
	line-height: 23px;
	text-align: center;
}

.graph-box li>p {
	position: relative;
	margin-top: 53px;
	padding: 65px 0 18px;
	color: #454545;
	font-size: 60px;
	line-height: 1;
	text-align: center;
	border: 1px solid #ddd;
}

.graph-box li>p:before {
	position: absolute;
	top: -53px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	width: 105px;
	height: 105px;
	border-radius: 50%;
	border: 1px solid #ddd;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	content: '';
}

.graph-box li:nth-child(1)>p:before {
	background-image: url("../../images/contents/ic-overview1.png");
}

.graph-box li:nth-child(2)>p:before {
	background-image: url("../../images/contents/ic-overview2.png");
}

.graph-box li:nth-child(3)>p:before {
	background-image: url("../../images/contents/ic-overview3.png");
}

.graph-box li:nth-child(4)>p:before {
	background-image: url("../../images/contents/ic-overview4.png");
}

.graph-box li:nth-child(5)>p:before {
	background-image: url("../../images/contents/ic-overview5.png");
}

.graph-box li:nth-child(6)>p:before {
	background-image: url("../../images/contents/ic-overview6.png");
}

/* radio box */
.rd-box+.rd-box {
	margin-left: 20px;
}

.rd-box>input[type="radio"] {
	margin: 0 5px 3px;
}

.process-box2.process-line3.ovh {overflow: hidden;}

/* ==========================================================================
   Tablet Mode
   ========================================================================== */
@media all and (max-width:1295px) {

	/* dak */
	.dak-box>ul {
		padding: 30px 4% 50px 9%;
	}

	.dak-box>ul li:not(:nth-child(4n-3)) {
		margin-left: 4%;
	}
}

@media all and (max-width:1280px) {

	/* Common */
	.container {
		padding: 0 4.68%;
	}

	/*  Header */
	.header-container {
		height: 90px;
		padding: 24px 4.68% 34px;
	}

	/* GNB */
	#gnb.on {
		right: 0;
	}

	/* 미션 비전 */
	.mission.value .row p:after,
	.mission.value .row p:before {
		display: none;
	}

	.mission.direc .desc li {
		width: 50%;
		margin: 20px 0 20px 0;
	}

	.mission.oper .desc li {
		width: 50%;
		margin: 10px 0 10px 0;
		padding: 0 10px;
	}

	.social.vision .desc:before,
	.social.vision .desc:after {
		display: none;
	}

	#vision-symbol {
		width: 870px;
	}

	#vision-symbol .thumb img {
		width: 65%;
	}

	#vision-symbol .desc p.text2 {
		top: 485px;
		width: 180px;
	}

	#vision-symbol .desc p.text3 {
		top: 485px;
		width: 180px;
	}

	#vision-symbol .desc p span {
		display: inline;
	}

	#vision-symbol.program .thumb img {
		width: auto;
	}

	.vision-box .vision-inner {
		width: 100%;
		height: auto;
	}

	.ul-down li {
		width: calc((100% - 1px) / 3);
	}

	.ul-down li:nth-child(3n-2) {
		border-left: 0;
	}

	.ul-down li:nth-child(3n)~li {
		margin-top: 30px;
	}

	/* process box2 */
	.process-box2 ul {
		width: 100%;
	}

	.process-box2 ul:nth-child(2) li {
		float: right;
	}

	.process-box2 ul:nth-child(3),
	.process-box2 ul:nth-child(3) li {
		float: left;
	}

	.process-box2 ul:nth-child(1):before {
		display: block;
		top: 90px;
		height: 100%;
	}

	.process-box2 ul:nth-child(2):before {
		top: -5px;
		height: 95px;
	}

	.process-box2 ul:nth-child(2):after {
		top: 90px;
		left: 0;
		height: 100%;
	}

	.process-box2 ul:nth-child(3):before {
		left: 0;
	}

	.process-box2 ul:nth-child(3):after {
		top: 90px;
		height: 100%;
	}

	.process-box2 ul:nth-child(4):before {
		top: -5px;
		height: 95px;
	}

	.process-box2 .point-last div:before {
		left: auto;
		right: 100%;
	}

	.process-box2.process-line2 ul:nth-child(2):after {
		top: -5px;
		left: auto;
		right: 0;
		height: 95px;
	}

	.process-box2.process-line2 .point-last:before {
		left: auto;
		right: 0;
	}

	.process-box2.process-line3 .point-last:before {
		left: 0;
		width: 50%;
	}

	.process-box2.process-line3 [class*="dot"].last div strong:before {
		left: 0;
	}

	.process-box2.process-line3 ul:nth-child(3):after,
	.process-box2.process-line3 ul:nth-child(4):before {
		display: none;
	}

	/* process box3 */
	.process-box3 li {
		width: calc((90% - 1px) / 3);
	}

	.process-box3 li:not(:first-child) {
		margin-left: 5%;
	}

	/* cts box*/
	.cts-box ul li {
		text-align: center;
	}

	.cts-box ul li div:not(.icon) {
		width: 100%;
		margin: 20px 0 0;
	}

	.cts-box ul li .icon {
		display: inline-block;
		float: none;
		text-align: center;
	}

	.cts-box ul li p .dp-block {
		display: inline;
	}

	/* partner box */
	.partner-box li:nth-child(n) {
		margin-left: 1.17%;
	}

	/* dak */
	.dak-box {
		padding: 40px 3.9% 50px;
		text-align: center;
	}

	.dak-box>div {
		display: inline-block;
		float: none;
		margin-bottom: 60px;
	}

	.dak-box>ul {
		width: 100%;
		padding: 0;
	}

	.dak-box>ul li {
		width: calc((100% - 1px) / 4)
	}

	.dak-box>ul li:not(:nth-child(4n-3)) {
		margin-left: 0;
	}

	/* 연혁 */
	#wrap-history {
		padding: 50px 0 0 0;
	}

	/* oda overview */
	.oda-box:not(:last-child) {
		margin-bottom: 60px;
	}

	.oda-box dt {
		width: 100%;
		margin-bottom: 30px;
	}

	.oda-box .oda-list-box {
		padding: 20px;
	}

	.oda1,
	.oda2 {
		width: 100%;
	}

	.oda1 dt {
		margin-right: 0;
	}

	.oda2 dt {
		margin-left: 0;
		border-left: none;
	}

	.oda2 .oda-tit {
		width: auto;
		height: auto;
		text-indent: initial;
	}

	.oda2 .oda-list-box {
		margin-top: 0;
	}

	.graph-box li {
		width: calc((100% - 1px) / 3);
	}

	.graph-box li:nth-child(4) {
		border-left: 1px solid #ddd;
	}

	.graph-box li:nth-child(3)~li {
		margin-top: 30px;
	}
}

/* ==========================================================================
   Mobile Mode
   ========================================================================== */
@media all and (max-width:960px) {

	/* tab */
	#contents #tab li a,
	#contents .tab li a {
		padding: 20px 30px
	}

	/* What We Do */
	.what-slide dl {
		vertical-align: top;
	}

	/* Where We Work */
	.where {
		padding: 100px 0 80px;
	}

	.where-region>li {
		width: calc((100% - 20px) / 2);
		margin-bottom: 20px;
	}

	.where-region>li:not(:first-child) {
		margin-left: 0;
	}

	.where-region>li:nth-child(2n) {
		margin-left: 20px;
	}

	/* 미션 비전 */
	.mission.intro {
		background-size: cover;
		background-position: 100% bottom;
	}

	.mission.intro .desc {
		padding: 30px 4.7% 180px;
		vertical-align: top;
	}

	.mission.intro .desc strong {
		width: 220px;
		height: 55px;
		margin: 0 0 30px 0;
		background-size: 100% auto;
	}

	.mission.direc .title,
	.mission.direc .desc {
		display: block;
		padding-left: 0;
	}

	.mission.direc .title {
		margin: 0 0 30px 0;
	}

	.mission .graph {
		padding-top: 0;
	}

	.vision-hompage .desc .text {
		display: block;
	}

	.vision-hompage .link {
		float: none;
		margin: 10px 0 0;
	}

	#vision-symbol,
	#vision-symbol.program {
		width: 100%;
		padding: 0;
	}

	#vision-symbol .thumb {
		display: none;
	}

	#vision-symbol .desc {
		position: static;
	}

	#vision-symbol .desc p {
		position: static;
		padding: 20px;
	}

	#vision-symbol .desc p:nth-child(1),
	#vision-symbol.program .desc p:nth-child(1) {
		width: 100%;
		-webkit-transform: translate(0);
		transform: translate(0);
		/*box-shadow: 0 3px 10px rgba(0,0,0,.2);*/
	}

	#vision-symbol .desc p:not(:last-child) {
		margin-bottom: 10px;
	}

	#vision-symbol .desc p[class*="text"] {
		width: 100% !important;
		text-align: left !important;
		/*color: #fff;*/
	}

	#vision-symbol .desc p.text1 {
		width: 100%;
		/*background-color: rgba(24,188,215,0.8);*/
	}

	/*#vision-symbol .desc p.text2 {background-color: rgba(67,94,170,0.8);}
	#vision-symbol .desc p.text3 {background-color: rgba(1,120,221,0.8);}*/
	#vision-symbol.program .desc p:nth-child(1) strong {
		margin-bottom: 0;
	}

	/*#vision-symbol.program p strong[class*="color"] {color: #fff;}*/

	.kbox-style.line-type .desc {
		padding: 0;
	}

	.kbox-style .desc .icon {
		display: none;
	}

	.kbox-style .desc .icon.world,
	.kbox-style .desc .icon.ciat {
		display: block;
		width: 100%;
		text-align: center;
	}

	.kbox-style .desc .text {
		display: block;
		padding: 30px;
	}

	.kbox-style.img-box .desc .text {
		padding: 65px 30px 30px;
	}

	/* process box */
	.process-box ul li {
		width: 51.56%
	}

	.process-box ul li:nth-child(2)~li {
		margin-top: 10px;
	}

	.process-box ul li:nth-child(even) {
		margin-left: -3.125%;
	}

	.process-box ul li:nth-child(3) {
		margin-left: 0;
	}

	/* process box3 */
	.process-box3 li>p .dp-block {
		display: inline;
	}

	/* 조직도 */
	#organ_wrap .organ_top {
		width: 100%;
	}

	#organ_wrap .organ_top .cont_left {
		width: 40%;
	}

	#organ_wrap .organ_top .cont_right {
		width: 45%;
	}

	#organ_wrap .organ_btm {
		padding: 20px;
	}

	#organ_wrap .organ_top .top_cont02 li:first-child:after {
		width: 12%;
		left: -11%;
		background-position: -240px center;
	}

	#organ_wrap .organ_top .top_cont01 li:last-child:after {
		left: -11%;
	}

	#organ_wrap .organ_top .top_cont03 li:last-child:after {
		left: -11%;
	}

	#organ_wrap .organ_btm>ul>li:first-child,
	#organ_wrap .organ_btm>ul>li:nth-child(2),
	#organ_wrap .organ_btm>ul>li:nth-child(3) {
		width: 32%;
		margin: 0 2% 20px 0;
	}

	#organ_wrap .organ_btm>ul>li:nth-child(3) {
		margin-right: 0;
	}

	#organ_wrap .organ_btm>ul>li:nth-child(4),
	#organ_wrap .organ_btm>ul>li:last-child {
		width: 49%;
		margin-right: 2%;
	}

	#organ_wrap .organ_btm>ul>li:nth-child(4) dd,
	#organ_wrap .organ_btm>ul>li:last-child dd {
		min-height: 220px;
	}

	#organ_wrap .organ_btm>ul>li:last-child {
		margin-right: 0;
	}

	#organ_wrap .organ_btm:before {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		margin-left: 0;
		border: 1px solid #ddd;
		background-color: #f2f2f2;
	}

	#organ_wrap .organ_btm>ul li:before {
		display: none;
	}

	#organ_wrap .organ_and li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	#organ_wrap .organ_and li:last-child {
		margin-bottom: 0;
	}

	/* oda overview */
	.oda1 .oda-list-box>li {
		width: calc((100% - 1px) / 3);
	}

	.oda1 .oda-list-box>li:nth-child(3)~li {
		margin-top: 10px;
	}

	.oda1 .oda-list-box>li:nth-child(4) {
		border-left: 1px solid #ddd;
	}
}

@media all and (max-width:900px) {
	#wrap-footer .address {
		width: 65%;
	}

	#wrap-footer .follow,
	#wrap-footer .sites {
		width: 35%;
	}

	.vision-li ul li dt {
		width: 100%;
	}

	.vision-li ul li dd {
		width: calc(100% - 15px);
		margin-left: 15px;
	}
}

@media all and (max-width:780px) {

	/* search */
	.search-wrap fieldset>div {
		width: calc(100% - 130px);
	}

	.search-wrap fieldset input[type="text"] {
		width: calc(100% - 160px);
	}

	/* 미션 비전 */
	.mission.intro .desc p {
		width: 100%
	}

	.ul-down li {
		width: calc((100% - 1px) / 2);
	}

	.ul-down li:nth-child(2n) {
		border-left: 1px solid #ddd;
	}

	.ul-down li:nth-child(2n-1) {
		border-left: 0;
	}

	.ul-down li:nth-child(2n)~li {
		margin-top: 30px;
	}

	/* 연혁 */
	#history-guide {
		margin: 50px 0 30px 0;
	}

	#history-guide .year {
		display: block;
		width: 100%;
		height: 230px;
		background-position: center top !important;
		text-align: center;
	}

	#history-guide .year h3 {
		display: inline-block;
		width: auto;
		padding: 80px 0 0 0;
	}

	#history-guide .summary {
		display: block;
		padding: 0;
	}

	#wrap-history {
		padding: 50px 0 0 0;
	}
}

@media all and (max-width:640px) {
	.btn-link2 {
		width: 250px;
		padding: 21px 35px 21px 30px;
		background-position: right 25px center;
	}

	/* footer */
	#wrap-footer {
		padding: 27px 0 48px;
	}

	#wrap-footer .address,
	#wrap-footer .follow,
	#wrap-footer .sites {
		width: 100%;
	}

	#wrap-footer .container>div:not(:last-child) {
		margin-bottom: 22px;
	}

	#wrap-footer .container div:not(.follow)>ul li {
		margin-bottom: 2px;
		font-size: 14px;
	}

	#wrap-footer .address ul {
		margin-bottom: 6px;
	}

	#wrap-footer .sites ul:after {
		display: block;
		clear: both;
		content: '';
	}

	#wrap-footer .sites li {
		float: left;
		width: 30%;
		margin-bottom: 5px;
	}

	#wrap-footer .sites li:nth-child(3n-1) {
		width: 40%;
	}

	/* util */
	.util-wrap>a:not(:nth-of-type(1)) {
		margin-left: 10px;
		padding-left: 14px;
	}

	/* language */
	.lang-wrap li:not(:first-child) {
		margin-left: 6px;
		padding-left: 10px
	}

	/* search */
	.search-wrap {
		padding: 15px 4.68%;
	}

	.search-wrap fieldset>div {
		width: calc(100% - 35px);
	}

	.search-wrap fieldset label {
		display: none;
	}

	.search-wrap fieldset input[type="text"] {
		width: 100%;
	}

	.search-wrap fieldset .search-close {
		margin-left: 11px;
	}

	/* main contents: what we do */
	[class*="main-tit"] {
		padding-top: 35px;
		margin-bottom: 18px;
		font-size: 30px;
		text-align: center;
	}

	.main-tit.under,
	.main-tit2.under {
		padding-bottom: 37px;
		margin-bottom: 40px;
	}

	.what {
		padding: 50px 0 85px;
	}

	.main-tab>li>a {
		padding: 0 20px;
		font-size: 16px;
	}

	.main-tab-box {
		margin-top: 28px;
		padding: 0;
	}

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

	.what-slide span.img {
		width: 61%;
		height: 255px;
		margin-bottom: 22px;
	}

	.what-slide dl {
		width: 100%;
		margin-left: 0;
		margin-bottom: 20px;
		padding: 0 18px;
	}

	.what-slide dl:before {
		top: -63px;
		left: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		width: 100%;
		height: 130%;
	}

	.what-slide dl dt {
		margin-bottom: 15px;
		padding-right: 50px;
		font-size: 22px;
		line-height: 26px;
		text-align: center;
		background-size: 33px auto;
	}

	.what-slide .btn-view {
		display: inline-block;
		position: static;
		margin-bottom: 30px;
	}

	.what-slide .slick-arrow {
		top: 98px;
	}

	.what-slide .slick-prev {
		left: 0;
	}

	.what-slide .slick-next {
		right: 0;
	}

	/* Where We Work */
	.where {
		padding: 50px 0 40px;
	}

	.where-region>li {
		width: 100%;
		margin-bottom: 10px;
	}

	.where-region>li:nth-child(2n) {
		margin-left: 0;
	}

	.where-region>li:nth-child(1) {
		background-size: cover;
		background-position: center;
	}

	/* ODA Statistics */
	.oda {
		padding: 50px 0;
		background-position: center bottom;
	}

	.statistics {
		padding: 0;
	}

	.statistics>li p strong {
		margin-bottom: 4px;
		font-size: 30px;
	}

	/* ciat */
	.ciat1 {
		padding-bottom: 25px;
		text-align: center;
	}

	.ciat1 span.img {
		width: 100%;
		margin-bottom: 30px;
	}

	.ciat1 dl {
		width: 100%;
		padding-left: 0;
	}

	.ciat1 dl dt {
		margin-bottom: 25px;
		font-size: 30px;
	}

	.ciat1 dl dt span {
		margin-bottom: 22px;
	}

	.ciat1 dl dd {
		line-height: 20px;
	}

	.ciat2 {
		padding: 30px 0;
	}

	.ciat2 .container {
		padding: 0;
	}

	.ciat2 .container>div {
		float: none;
		width: 100%;
	}

	.ciat2 dl {
		float: left;
		width: 50%;
		padding: 0 4.7% 0 11%;
	}

	.ciat2 dl dt {
		margin-bottom: 17px;
		color: #1660a5;
		font-size: 18px;
		font-weight: 700;
		line-height: 25px;
	}

	.ciat2 dl dd p {
		margin-bottom: 25px;
		color: #567578;
		font-size: 15px;
		font-weight: 400;
		line-height: 20px;
	}

	.ciat2 dl dd .btn-link1 {
		width: 90px;
		background-color: #fff;
	}

	/* news */
	.news {
		padding: 50px 0 0;
	}

	#multipleContentsDiv_koica_eng_624 {
		padding: 0 4.68%;
	}

	#multipleContentsDiv_koica_eng_624>div:not(:first-child) {
		width: calc((100% - 10px) / 2);
	}

	#multipleContentsDiv_koica_eng_624>div:nth-child(2)~div {
		margin-left: 10px;
	}

	#multipleContentsDiv_koica_eng_624>div:nth-child(3)~div {
		margin-top: 10px;
	}

	#multipleContentsDiv_koica_eng_624>div:nth-child(2n) {
		margin-left: 0 !important;
	}

	/* banner area */
	.main-banner {
		padding: 40px 0 45px;
	}

	/* ==========================================================================
	 SUB COMMON
	 ========================================================================== */
	#aside {
		height: 155px;
		margin-bottom: 30px;
	}

	#title h2 {
		margin-bottom: 0;
		padding-top: 29px;
		font-size: 30px;
	}

	#submenuNavigation {
		display: none;
	}

	/* margin */
	.mt60 {
		margin-top: 30px;
	}

	/* heading tag */
	.tit-h3 {
		margin-bottom: 30px;
		font-size: 30px;
		line-height: 40px;
	}

	/* tab */
	#contents #tab li a,
	#contents .tab li a {
		padding: 10px 15px;
		font-size: 16px;
	}

	#contents #tab li:after,
	#contents .tab li:after {
		top: 21px;
	}

	/* table */
	.table-type1 tbody th {
		font-size: 14px;
	}

	.table-type1 tbody td {
		font-size: 14px;
	}

	.table-scroll {
		overflow-x: scroll !important;
		width: 100%;
	}

	.table-icon {
		position: relative;
	}

	.table-icon:after {
		display: none;
		content: '';
		position: absolute;
		right: 0px;
		top: -55px;
		width: 25px;
		height: 45px;
		background: url(../../images/icon-scroll-table.png) no-repeat center top;
	}

	.table-type1 {
		width: 800px;
	}

	.greeting .coment,
	.greeting .thumb {
		float: none;
		width: 100%;
	}

	.greeting .coment:after {
		display: none;
	}

	.greeting .coment .no-br {
		display: none;
	}

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

	.greeting .thumb img {
		max-width: 480px;
	}

	.greeting .thumb .pos {
		display: inline-block;
		top: 0px;
		margin: 40px 0 50px 0;
	}

	.greeting .txt {
		padding: 50px 0 0 0;
	}

	/* 미션 비전 */
	.mission.intro .desc p {
		font-size: 16px;
		line-height: 23px;
	}

	.mission.purpose .desc {
		padding: 30px;
	}

	.mission.purpose .desc strong,
	.mission.purpose .desc p {
		display: block;
		width: 100%;
	}

	.mission.purpose .desc p.align-c {
		text-align: center;
	}

	.mission.purpose .desc strong {
		margin: 0 0 20px 0;
	}

	.mission.value {
		padding: 0 0 80px 0;
	}

	.mission.value .row strong,
	.mission.value .row p {
		display: block;
		width: 100%;
	}

	.mission.value .row p {
		padding: 20px;
		font-size: 16px;
	}

	.mission.value .row span {
		width: 100%;
		height: 60px;
		line-height: 70px;
		border-radius: 0;
	}

	.mission.value .row span:after {
		display: none;
	}

	.mission.direc .desc li {
		width: 100%;
	}

	.mission.direc .title strong {
		padding-top: 20px;
		font-size: 25px;
	}

	.vision-box .vision-inner {
		position: static;
	}

	.vbox2 {
		height: auto;
		margin-bottom: 30px;
	}

	#vision-symbol,
	.social.vision {
		margin-bottom: 50px;
	}

	.social.vision .title {
		margin: 0 0 20px 0;
	}

	.social.vision .title h4 {
		padding: 0 95px;
		font-size: 25px;
		background-size: 255px auto;
	}

	.link-box strong {
		display: block;
	}

	.link-box .jump-icon,
	.link-box .fr {
		float: none;
		margin: 10px 20px 0;
	}

	/* process box */
	.process-box ul li {
		width: 100%;
		font-size: 16px;
	}

	.process-box ul li:nth-child(n)~li {
		margin-top: 10px;
	}

	.process-box ul li:nth-child(2),
	.process-box ul li:nth-child(4) {
		margin-left: 0;
	}

	/* process box2 */
	.process-box2 ul:nth-child(3),
	.process-box2 ul:nth-child(4) {
		margin-top: 0;
	}

	.process-box2 ul li {
		width: 100%;
		margin-bottom: 10px;
	}

	.process-box2 [class*="point"] div {
		width: 100%;
		height: auto;
		border-radius: 0;
	}

	.process-box2 [class*="point"] div strong {
		position: static;
		-webkit-transform: translate(0);
		transform: translate(0);
		margin: 0;
		padding: 10px 0;
		font-size: 16px;
		line-height: 20px;
	}

	.process-box2 ul li:not([class*="point"]) div strong,
	.process-box2 .point-middle div strong {
		margin: 0;
		padding: 8px 0;
	}

	.process-box2 ul li.dot-line strong {
		border: 2px solid #779cbb;
	}

	.process-box2 ul li.dot-blue strong {
		border: 2px solid #0178dd;
	}

	.process-box2 ul li p {
		padding: 15px 0;
	}

	.process-box2 ul:before,
	.process-box2 ul:after,
	.process-box2 [class*="point"]:before,
	.process-box2 [class*="point"] div:before,
	.process-box2 [class*="dot"] strong:before,
	.process-box2 [class*="dot"] strong:after {
		display: none !important;
	}

	.process-box2 .dp-block {
		display: inline-block;
	}

	/* process box3 */
	.process-box3 li {
		width: 100%;
	}

	.process-box3 li:not(:first-child) {
		margin: 30px 0 0;
	}

	.process-box3:before {
		display: none;
	}

	.process-box3 li>p .dp-block {
		display: block;
	}

	/* cts box*/
	.cts-box ul li {
		width: calc((98% - 7px) / 2);
	}

	.cts-box ul li:not(:nth-child(3n-2)) {
		margin-left: 0;
	}

	.cts-box ul li:not(:nth-child(2n-1)) {
		margin-left: 2%;
	}

	/* dak */
	.dak-box>div {
		width: 100%
	}

	.dak-box>div .img {
		display: none;
	}

	.dak-box>div>div:not(.img) {
		position: static;
		width: 100%;
		height: auto;
		margin-bottom: 10px;
		padding: 12px;
	}

	.dak-box>div>div:not(.img) .dp-block {
		display: inline;
	}

	.dak-box>div>div p {
		position: relative;
		-webkit-transform: translate(0);
		transform: translate(0);
		padding: 10px;
	}

	.dak-box>div .dak1 {
		background: rgba(1, 120, 221, .8) url(../../images/contents/bg-dak01-outer.png) repeat left top;
	}

	.dak-box>div .dak1 p {
		background-color: rgba(1, 120, 221, .8);
	}

	.dak-box>div .dak2 {
		background: rgba(24, 188, 215, .8) url(../../images/contents/bg-dak02-outer.png) repeat left top;
	}

	.dak-box>div .dak2 p {
		background-color: rgba(24, 188, 215, .8);
	}

	.dak-box>div .dak3 {
		background: rgba(0, 166, 81, .8) url(../../images/contents/bg-dak03-outer.png) repeat left top;
	}

	.dak-box>div .dak3 p {
		background-color: rgba(0, 166, 81, .8);
	}

	.dak-box>div .dak4 {
		background: rgba(67, 94, 170, .8) url(../../images/contents/bg-dak04-outer.png) repeat left top;
	}

	.dak-box>div .dak4 p {
		background-color: rgba(67, 94, 170, .8);
	}

	.dak-box>div .dak5 {
		background: rgba(26, 99, 197, .8) url(../../images/contents/bg-dak05-outer.png) repeat left top;
	}

	.dak-box>div .dak5 p {
		background-color: rgba(26, 99, 197, .8);
	}

	.dak-box>ul li {
		width: calc((100% - 1px) / 2)
	}

	.dak-box>ul li:nth-child(3),
	.dak-box>ul li:nth-child(4) {
		margin-top: 35px;
	}

	/* 연혁 */
	#wrap-history {
		padding: 10px 0 0 0;
	}

	#history .row {
		height: auto;
		margin: 0 0 20px 0;
	}

	#history {
		background: none;
	}

	#history .year {
		position: static;
		width: 100%;
	}

	#history .year.left {
		left: 100%;
		text-align: left;
	}

	#history .year h3 {
		padding-left: 0px;
	}

	#history .year .desc {
		padding: 0;
	}

	#history .year .desc:after {
		right: auto;
		left: 0px;
	}

	#history .year .thumb-type1,
	#history .year .thumb-type2,
	#history .year .thumb-type3 {
		margin: 0px;
	}

	#history .year .thumb-type2,
	#history .year .thumb-type3 {
		margin: 30px 0 0 0;
	}

	#history-guide .summary em .no-br {
		display: none;
	}

	#history .row {
		height: auto;
		margin: 0 0 20px 0;
	}

	#history .row img {
		width: 100%;
		max-width: 100%;
	}

	/* 조직도 */
	#organ_wrap .organ_btm>ul>li {
		width: 100% !important;
		margin: 0 !important;
		margin-bottom: 20px !important;
	}

	#organ_wrap .organ_btm dd {
		min-height: auto !important;
	}

	#organ_wrap .organ_top a {
		font-size: 14px;
	}

	/* qna */
	.qna .line,
	.qna .line>div {
		display: block;
	}

	.qna .line .title {
		width: 100%;
		padding: 10px 17px;
	}

	.qna .line .desc {
		padding: 12px 0;
	}

	/* oda overview */
	.oda-box .oda-list-box>li {
		width: calc((100% - 1px) / 2);
	}

	.oda-box .oda-list-box>li:nth-child(3) {
		margin-top: 10px;
	}

	.oda-box .oda-list-box>li:nth-child(2n-1) {
		border-left: 1px solid #ddd;
	}

	.oda-box .oda-list-box>li:nth-child(2n) {
		border-left: 0;
	}

	.graph-box li {
		width: calc((100% - 1px) / 2);
	}

	.graph-box li:nth-child(2n-1) {
		border-left: 1px solid #ddd;
	}

	.graph-box li:nth-child(2n) {
		border-left: 0;
	}

	.graph-box li:nth-child(2)~li {
		margin-top: 30px;
	}

	.graph-box li>div {
		height: 95px;
	}

	.graph-box li>div p {
		font-size: 18px;
		line-height: 20px;
	}

	.graph-box li>p:before {
		top: -45px;
		width: 90px;
		height: 90px;
		background-size: 40px auto;
	}

	.graph-box li>p {
		margin-top: 45px;
		padding: 55px 0 15px;
		font-size: 40px;
	}

	.kbox-style .desc {
		padding: 20px;
	}

	.vision-li>ul>li>p>.sdg {
		display: block;
		float: none;
		margin-top: 10px;
	}
}

@media all and (max-width:560px) {

	/* ODA Statistics */
	.statistics>li {
		background-size: 100px auto !important;
		padding-top: 132px;
	}
}

@media all and (max-width:480px) {
	#main {
		padding: 70px 0 0 0;
	}

	#sub {
		padding: 70px 0 70px 0;
	}

	/* header */
	.header-container {
		height: 70px;
		padding: 21px 4.68%;
	}

	#logo a img {
		width: 150px;
		max-width:100px;
	}

	/* footer */
	#wrap-footer .container div>p {
		margin-bottom: 8px;
	}

	#wrap-footer .sites li,
	#wrap-footer .sites li:nth-child(3n-1) {
		width: 50%;
	}

	/* language */
	.lang-wrap,
	.util-wrap {
		margin-top: 4px;
	}

	.lang-wrap li:not(:first-child) {
		margin-left: 2px;
		padding-left: 6px;
	}

	/* util */
	.util-wrap>a img {
		width: 20px;
		height: auto;
	}

	.util-wrap>a:not(:nth-of-type(1)) {
		margin-left: 3px;
		padding-left: 7px;
	}

	.util-wrap>a:not(:nth-of-type(1)):before {
		height: 17px;
	}

	/* search */
	.search-wrap {
		top: 70px;
		padding: 15px 4.68%;
	}

	/* Where We Work */
	.where-region>li {
		width: 100%;
	}

	.where-region>li:nth-child(2n) {
		margin-left: 0;
	}

	/* ODA Statistics */
	.oda {
		background-position: center top;
	}

	.statistics>li {
		width: 50%;
		margin-bottom: 20px;
		padding-top: 120px;
	}

	/* banner area */
	.main-banner li {
		width: 50%;
	}

	.main-banner li:nth-child(2)~li {
		margin-top: 30px;
	}

	.ul-down li {
		width: 100%;
	}

	.ul-down li:nth-child(n) {
		padding: 20px;
		border-left: 0;
	}

	.ul-down li:nth-child(n)~li {
		margin-top: 0;
	}

	.ul-down li:not(:last-child) {
		border-bottom: 1px solid #ddd;
	}

	/* oda overview */
	.graph-box li {
		width: 100%;
	}

	.graph-box li:nth-child(n) {
		margin-top: 15px;
		border-left: 1px solid #ddd;
	}
}

@media all and (max-width:420px) {

	/* footer */
	#wrap-footer .sites li,
	#wrap-footer .sites li:nth-child(3n-1) {
		width: 100%;
	}

	#wrap-footer .address>div a {
		width: 130px;
	}

	/* ciat */
	.ciat2 dl {
		width: 100%;
	}

	.ciat2 dl:not(:first-child) {
		border-left: 0;
		margin-top: 30px;
	}

	/* cts box*/
	.cts-box ul li {
		width: 100%;
	}

	.cts-box ul li:not(:nth-child(2n-1)) {
		margin-left: 0;
	}

	/* oda overview */
	.oda-box .oda-list-box>li {
		width: 100%;
	}

	.oda-box .oda-list-box>li:nth-child(2) {
		margin-top: 10px;
	}

	.oda-box .oda-list-box>li:nth-child(n) {
		border-left: 1px solid #ddd;
	}
}

@media all and (max-width:400px) {

	/* news */
	#multipleContentsDiv_koica_eng_624>div:not(:first-child) {
		width: 100%;
	}

	#multipleContentsDiv_koica_eng_624>div:nth-child(2)~div {
		margin-left: 0;
		margin-top: 10px;
	}
}

/* Publication & Data */
/* Strategy & Planning  */
.upline-title-box.mb75 {
	margin-bottom: 75px;
}

.strategy_planning .link-box.mb4 {
	margin-bottom: 4px;
}

.strategy_planning .row {
	width: 100%;
	margin-top: -20px;
}

.strategy_ul_box {
	text-align: center;
}

.strategy_ul_box li {
	display: inline-block;
	width: 16%;
	margin-left: 18px;
}

.strategy_ul_box li p.txt_box {
	display: table-cell;
	vertical-align: middle;
	height: 200px;
	padding: 12%;
	box-sizing: border-box;
	border-radius: 15px;
	font-size: 24px;
	line-height: 1.2em;
	color: #fff;
}

/*.strategy_ul_box li:nth-child(1) {margin-left: 0; }*/
.strategy_ul_box li:nth-child(1) p {
	background: #21bfd9;
}

.strategy_ul_box li:nth-child(2) p {
	background: #3493e4;
}

.strategy_ul_box li:nth-child(3) p {
	background: #3676cc;
}

.strategy_ul_box li:nth-child(4) p {
	background: #5a72b4;
}

.strategy_ul_box li:nth-child(5) p {
	background: #6d5ab4;
}

@media all and (max-width:1280px) {
	.strategy_planning .row {
		margin-top: 0;
	}

	.strategy_planning .upline-title-box {
		margin: 0 0 20px;
	}

	.strategy_ul_box {
		text-align: left;
	}

	.strategy_ul_box li {
		display: inline-block;
		width: calc((94% - 9px) / 3);
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 15px;
	}

	/*.strategy_ul_box li:nth-child(4) {margin-left:0;}*/
}

@media all and (max-width:960px) {
	.strategy_ul_box li p.txt_box {
		font-size: 22px;
	}
}

@media all and (max-width:640px) {
	.strategy_planning>.link-box {
		background: url(../../images/contents/link-box-bg.png) right bottom no-repeat;
	}

	.strategy_ul_box li {
		width: calc((96% - 5px) / 2);
		/* margin-left: 0;*/
	}

	.strategy_ul_box li p.txt_box {
		font-size: 20px;
	}

	/*.strategy_ul_box li:nth-child(2)  {margin-left: 2.5%;}
  .strategy_ul_box li:nth-child(4) {margin-left: 2.5%;}  */
	.strategy_ul_box li:nth-child(5) {
		margin-bottom: 0;
	}
}

@media all and (max-width:420px) {
	.strategy_planning>.link-box {
		background: url(../../images/contents/link-box-bg.png) right bottom no-repeat;
	}

	.strategy_ul_box li {
		width: 100%;
	}

	.strategy_ul_box li p.txt_box {
		height: auto;
	}

	.strategy_ul_box li:nth-child(2) {
		margin-left: 0;
	}

	.strategy_ul_box li:nth-child(4) {
		margin-left: 0;
	}
}

/* Evaluation */
.table-type1.evaluation td {
	text-align: left;
}

.down_box {
	width: 255px;
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	padding: 25px;
	color: #171717;
}

.down_box strong {
	display: block;
	text-align: left;
	min-height: 50px;
	font-size: 15px;
	word-break: break-word;
	font-weight: 400;
}

.down_box strong .wbr {
	display: block;
}

.down_box a {
	display: inline-block;
	width: 75%;
	margin-top: 20px;
	padding: 7px 10% 6px;
	color: #666;
	line-height: 25px;
	text-align: left;
	border: 1px solid #dddddd;
	font-size: 13px;
	background-color: #fff;
}

.down_box a:before {
	content: '';
	vertical-align: middle;
	width: 15px;
	height: 14px;
	margin: 0 10px 5px 0;
	background: url(../../images/contents/icon-down.png) left top;
	display: inline-block;
}

.evaluation_system {
	width: 985px;
	margin: 0 auto;
	position: relative;
	min-height: 500px;
	box-sizing: border-box;
}

.evaluation_system .row {
	width: 100%;
	height: auto;
}

.evaluation_system .system_01,
.evaluation_system .system_02,
.evaluation_system .system_03 {
	position: relative;
}

.evaluation_system .row.system_01 {
	position: absolute;
	top: 235px;
}

.evaluation_system .row.system_02:after {
	position: absolute;
	left: 50%;
	bottom: -50px;
	z-index: -1;
	display: block;
	width: 1px;
	height: 50px;
	background: #d5d5d5;
	content: '';
	clear: both;
}

.evaluation_system .row.system_03:after {
	position: absolute;
	left: 50%;
	bottom: -50px;
	z-index: -1;
	display: block;
	width: 1px;
	height: 50px;
	background: #d5d5d5;
	content: '';
	clear: both;
}

.evaluation_system .row.system_02 {
	position: absolute;
	top: 125px;
}

.evaluation_system .row.system_03 {
	position: absolute;
	top: 0;
}

.evaluation_system .row .con_right {
	position: absolute;
	right: 7px;
}

.evaluation_system .row .con_center {
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.evaluation_system .row .con_left {
	position: absolute;
	left: 0;
}

.evaluation_system .row span {
	display: block;
	width: 250px;
	height: 60px;
	background: #fff;
	text-align: center;
	padding: 0 15px;
	border: 1px solid #004a8f;
	font-size: 16px;
	text-align: center;
	line-height: 58px;
}

.evaluation_system .row ul {
	margin-top: 35px;
}

.evaluation_system .row ul li {
	font-size: 15px;
}

.evaluation_system .row ul li:before {
	float: left;
	margin: 10px 10px 0 0;
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #a0a0a0;
	content: '';
	clear: both;
}

.evaluation_system .system_01 {
	height: 60px;
}

.evaluation_system .system_01 .con_right {
	width: 250px;
	padding-left: 7px;
	z-index: 1;
}

.evaluation_system .system_01 .con_right span {
	position: relative;
}

.evaluation_system .system_01 .con_right span:before {
	position: absolute;
	top: 50%;
	margin-top: -7px;
	left: -7px;
	display: block;
	width: 15px;
	height: 15px;
	background: url(../../images/contents/arrow_right.png) 0 0 no-repeat;
	content: '';
	clear: both;
}

.evaluation_system .system_01 .con_center {
	width: 250px;
}

.evaluation_system .system_01 .con_center span {
	position: relative;
}

.evaluation_system .system_01 .con_center span:before {
	position: absolute;
	top: 50%;
	margin-top: -7px;
	right: -7px;
	display: block;
	width: 15px;
	height: 15px;
	background: url(../../images/contents/arrow_left.png) 0 0 no-repeat;
	content: '';
	clear: both;
}

.evaluation_system .system_01 .con_center span:after {
	position: absolute;
	top: 50%;
	right: -115px;
	z-index: -1;
	display: block;
	width: 115px;
	height: 1px;
	background: #d5d5d5;
	content: '';
	clear: both;
}

.evaluation_system .system_02 {
	height: 60px;
}

.evaluation_system .system_02 .con_center {
	width: 250px;
}

.evaluation_system .system_02 .con_center span {
	position: relative;
}

.evaluation_system .system_02 .con_center span:before {
	position: absolute;
	top: 50%;
	margin-top: -7px;
	left: -7px;
	display: block;
	width: 15px;
	height: 15px;
	background: url(../../images/contents/arrow_left.png) 0 0 no-repeat;
	content: '';
	clear: both;
}

.evaluation_system .system_02 .con_center span:after {
	position: absolute;
	bottom: -7px;
	left: 50%;
	margin-left: -7px;
	display: block;
	width: 15px;
	height: 15px;
	background: url(../../images/contents/arrow_top.png) 0 0 no-repeat;
	content: '';
	clear: both;
}

.evaluation_system .system_02 .con_left {
	width: 250px;
}

.evaluation_system .system_02 .con_left span:after {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	right: -115px;
	z-index: -1;
	display: block;
	width: 115px;
	height: 1px;
	background: #d5d5d5;
	content: '';
	clear: both;
}

.evaluation_system .system_03 {
	height: 75px;
}

.evaluation_system .system_03 .con_center {
	padding-bottom: 7px;
}

.evaluation_system .system_03 .con_center span {
	position: relative;
	width: 350px;
	height: 75px;
	padding: 5px 15px;
	line-height: 1.3em;
	text-align: center;
	color: #004a8f;
}

.evaluation_system .system_03 .con_center span:after {
	position: absolute;
	bottom: -7px;
	left: 50%;
	margin-left: -7px;
	display: block;
	width: 15px;
	height: 15px;
	background: url(../../images/contents/arrow_top.png) 0 0 no-repeat;
	content: '';
	clear: both;
}

.table_title {
	display: block;
	margin-bottom: 30px;
	font-size: 18px;
	color: #333;
}

.table_title:before {
	float: left;
	margin: 12px 10px 0 0;
	width: 12px;
	height: 3px;
	background: #0178dd;
	display: block;
	content: '';
	clear: both;
}

.remark {
	margin-top: 80px;
	font-size: 16px;
}

.remark strong {
	color: #eb7203;
}

.remark strong:before {
	display: block;
	float: left;
	width: 17px;
	height: 11px;
	margin: 8px 15px 0 0;
	background: url(../../images/contents/icon-edu-notice.png) 0 0 no-repeat;
	content: '';
	clear: both;
}

.remark p {
	color: #666666;
	margin-left: 32px;
}

.evaluation_type {
	width: 100%;
	display: table;
	margin-bottom: 30px;
	box-sizing: border-box;
}

.evaluation_type:after {
	display: block;
	content: '';
	clear: both;
}

.evaluation_type li {
	display: table-cell;
	vertical-align: middle;
	width: 65%;
	padding: 15px 30px;
	border: 1px solid #cccccc;
	border-left: 0;
	font-size: 16px;
	color: #666;
}

.evaluation_type li:first-child {
	width: 35%;
	padding: 0 10px;
	border: 0;
	background: #004a8f;
	color: #fff;
	font-size: 20px;
	text-align: center;
}

.evaluation_type li span {
	display: block;
}

.evaluation_type li span:before {
	float: left;
	margin: 10px 10px 0 0;
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #a0a0a0;
	content: '';
	clear: both;
}

.type_box_wrap {
	box-sizing: border-box;
	margin-bottom: 100px;
}

.type_box_wrap:after {
	display: block;
	content: '';
	clear: both;
}

.type_box_wrap .type_box {
	float: left;
	width: calc((100% / 7) - 4px);
	margin-left: 4px;
}

.type_box_wrap .type_box:nth-child(1) {
	margin-left: 0;
}

.type_box_wrap .type_box strong {
	display: block;
	width: 100%;
	height: 55px;
	margin-bottom: 1px;
	background: #fff;
	border: 1px solid #004a8f;
	font-size: 16px;
	color: #004a8f;
	text-align: center;
	font-weight: normal;
	line-height: 53px;
}

.type_box_wrap .type_box strong.line {
	line-height: 1.2em;
	padding: 10px;
}

.type_box_wrap .type_box p {
	background: #efefef;
	font-size: 30px;
	color: #7e7e7e;
	text-align: center;
	height: 95px;
	line-height: 93px;
}

@media all and (max-width:1280px) {
	.type_box_wrap .type_box {
		float: left;
		width: calc((100% / 4) - 4px);
		margin-left: 4px;
		margin-bottom: 4px;
	}

	.type_box_wrap .type_box:nth-child(4n+1) {
		margin-left: 0;
	}

	.type_box_wrap .type_box strong.line {
		line-height: 53px;
		padding: 0;
	}

}

@media all and (max-width:1090px) {
	.evaluation_system {
		width: 100%;
		min-height: 500px;
	}

	.evaluation_system .row:after {
		display: block;
		content: '';
		clear: both;
		height: 50px;
	}

	.evaluation_system .row span {
		width: 100%;
		height: auto;
		padding: 15px;
		line-height: 1em;
	}

	.evaluation_system .row ul {
		margin-top: 35px;
	}

	.evaluation_system .row ul li {
		font-size: 15px;
	}

	.evaluation_system .row ul li:before {
		float: left;
		margin: 10px 10px 0 0;
		display: block;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background: #a0a0a0;
		content: '';
		clear: both;
	}

	.evaluation_system .system_01 {
		height: 50px;
	}

	.evaluation_system .system_01 .con_right {
		width: 25%;
	}

	.evaluation_system .system_01 .con_center {
		width: 25%;
	}

	.evaluation_system .system_02 {
		height: 65px;
	}

	.evaluation_system .system_02 .con_center {
		width: 25%;
	}

	.evaluation_system .system_02 .con_center span {
		height: 65px;
		padding: 20px 15px;
	}

	.evaluation_system .system_02 .con_left {
		width: 25%;
	}

	.evaluation_system .system_02 .con_left span {
		height: 65px;
		padding: 20px 15px;
	}

	.evaluation_system .system_03 {
		height: 80px;
	}

	.evaluation_system .system_03 .con_center {
		width: 38%;
	}

	.evaluation_system .system_03 .con_center span {
		width: 100%;
		height: auto;
		padding: 15px;
		line-height: 1em;
	}

}

@media all and (max-width:960px) {
	.type_box_wrap .type_box {
		float: left;
		width: calc((100% / 3) - 4px);
		margin-left: 4px;
		margin-bottom: 4px;
	}

	.type_box_wrap .type_box:nth-child(4n+1) {
		margin-left: 4px;
	}

	.type_box_wrap .type_box:nth-child(3n+1) {
		margin-left: 0;
	}

	.evaluation_system .system_02 .con_left span {
		height: 65px;
		padding: 15px;
	}

	.evaluation_system .system_03 .con_center {
		width: 45%;
	}
}

@media all and (max-width:780px) {
	.evaluation_system {
		min-height: 580px;
	}

	.evaluation_system .system_01 .con_right span {
		height: 65px;
		padding: 20px 15px;
	}

	.evaluation_system .system_01 .con_center span {
		height: 65px;
		padding: 20px 15px;
	}

	.evaluation_system .system_02 .con_center span {
		height: 65px;
	}

	.evaluation_system .system_03 .con_center {
		width: 47%;
	}
}

@media all and (max-width:640px) {
	.evaluation_system {
		min-height: 550px;
	}

	.evaluation_type li {
		display: block;
		width: 100%;
		border-top: 0;
		height: auto;
		border-left: 1px solid #ccc;
	}

	.evaluation_type li:first-child {
		width: 100%;
		padding: 15px;
	}

	.evaluation_system .row .con_left {
		width: 40%;
	}

	.evaluation_system .row .con_center {
		width: 40%;
	}

	.evaluation_system .row .con_right {
		width: 40%;
	}

	.evaluation_system .system_01 .con_center {
		-webkit-transform: translate(-90%, 0);
		transform: translate(-90%, 0);
	}

	.evaluation_system .system_02 .con_center {
		-webkit-transform: translate(-10%, 0);
		transform: translate(-10%, 0);
	}

	.evaluation_system .system_03 .con_center {
		width: 60%;
	}

	.evaluation_system .system_02 .con_center span:after {
		left: 10%;
	}

	.type_box_wrap .type_box {
		float: left;
		width: calc((100% / 2) - 10px);
		margin-left: 4px;
		margin-bottom: 4px;
	}

	.type_box_wrap .type_box:nth-child(3n+1) {
		margin-left: 10px;
	}

	.type_box_wrap .type_box:nth-child(2n+1) {
		margin-left: 0;
	}
}

@media all and (max-width:420px) {
	.evaluation_system {
		min-height: 570px;
	}

	.evaluation_system .row span {
		font-size: 15px;
	}

	.evaluation_system .row .con_left {
		width: 40%;
	}

	.evaluation_system .system_02 .con_left {
		font-size: 12px;
		line-height: 1.5em;
	}

	.evaluation_system .row .con_center {
		width: 40%;
	}

	.evaluation_system .system_03 .con_center {
		width: 80%;
	}

	.type_box_wrap .type_box {
		width: 100%;
		margin-left: 0;
		margin-bottom: 10px;
	}

	.type_box_wrap .type_box:nth-child(3n+1) {
		margin-left: 0;
	}

	.type_box_wrap .type_box strong {
		width: 100%;
		height: auto;
		padding: 15px;
		line-height: 1em;
	}

	.type_box_wrap .type_box strong.line {
		line-height: 1em;
		padding: 15px;
	}

	.type_box_wrap .type_box p {
		padding: 20px;
		height: auto;
		line-height: 1em;
	}
}

@media all and (max-width:340px) {
	.evaluation_system .row span {
		font-size: 14px;
	}

	.evaluation_system .system_02 .con_left {
		font-size: 12px;
		line-height: 1.2em;
	}
}

/* ethics */
.box-type2 {
	padding: 5px;
	background: url(../../images/contents/line-location-home.png) left top;
}

.box-type2 .row {
	background-color: #fff;
	padding: 40px 50px;
}

@media all and (max-width:640px) {
	.box-type2 .row {
		padding: 30px;
	}
}

/* ==========================================================================
   비전
   ========================================================================== */

#vision_wrap.page01 {
	width: 100%;
	margin-top: 100px;
}

/* #vision_wrap.page01 .head {
	position: relative;
	width: 55%;
	min-height: 70px;
	color: #0178dd;
	font-size: 30px;
	text-align: center;
	background: url(../../images/contents/vision_pattern01.png) #3573a8;
	padding: 5px;
	margin: 0 auto;
	margin-bottom: 50px;
}

#vision_wrap.page01 .head p {
	position: relative;
	min-height: 60px;
	line-height: 60px;
	background-color: #fff;
	padding: 0 10px;
	z-index: 1;
}

#vision_wrap.page01 .head:after {
	content: '';
	position: absolute;
	width: 94%;
	height: 100%;
	top: 0;
	left: 50%;
	margin-left: -47%;
	background-color: #fff;
} */

#vision_wrap.page01 .box_top {
	width: 100%;
}

#vision_wrap.page01 .box_top li {
	position: relative;
	width: 58%;
	padding: 0 20px;
	color: #fff;
	font-size: 17px;
	text-align: center;
	border-radius: 6px;
	padding: 15px 0;
	margin: 0 auto;
}

#vision_wrap.page01 .box_top li:after {
	content: '';
	position: absolute;
	width: 249px;
	height: 65px;
	bottom: -75px;
	left: 50%;
	margin-left: -125px;
	background: url(../../images/contents/vision_arrow01.png) center center no-repeat;
}

#vision_wrap.page01 .box_top li p {
	position: relative;
}

#vision_wrap.page01 .box_top li:first-child {
	background-color: #018ddd;
	margin-bottom: 80px;
}

#vision_wrap.page01 .box_top li:before {
	position: absolute;
	color: #002761;
	font-size: 20px;
	top: 10px;
	padding-bottom: 5px;
	border-bottom: solid 2px #6f85a6;
}

#vision_wrap.page01 .box_top li:first-child:before {
	content: 'Vision';
	left: -100px;
}

#vision_wrap.page01 .box_top li:last-child:before {
	content: 'Goals';
	left: -100px;
}

#vision_wrap.page01 .box_top li:first-child p:before {
	content: '';
	position: absolute;
	width: 90px;
	height: 24px;
	left: 0;
	background: url(../../images/contents/vision_before01.png) right center no-repeat;
}

#vision_wrap.page01 .box_top li:first-child p:after {
	content: '';
	position: absolute;
	width: 87px;
	height: 56px;
	right: 10px;
	background: url(../../images/contents/vision_after01.png) center center no-repeat;
}

#vision_wrap.page01 .box_top li:last-child {
	background-color: #51649f;
}

#vision_wrap.page01 .box_top li:last-child p {
	position: relative;
}

#vision_wrap.page01 .box_top li:last-child p:before {
	content: '';
	position: absolute;
	left: 10px;
	width: 46px;
	height: 12px;
	top: 50%;
	margin-top: -6px;
	background: url(../../images/contents/vision_before02.png) center center no-repeat;
}

#vision_wrap.page01 .box_top li:last-child p:after {
	content: '';
	position: absolute;
	right: 10px;
	width: 46px;
	height: 12px;
	top: 50%;
	margin-top: -6px;
	background: url(../../images/contents/vision_after02.png) center center no-repeat;
}

#vision_wrap.page01 .box_btm {
	width: 100%;
	margin-top: 100px;
	overflow: hidden;
}

#vision_wrap.page01 .box_btm .head_2nd {
	width: 22%;
	color: #444;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	border: 2px solid #434343;
	border-radius: 8px;
	padding: 15px 0;
	margin: 0 auto;
	margin-bottom: 40px;
}

#vision_wrap.page01 .box_btm>ul li {
	float: left;
	width: calc(100% / 3 - 0.1px);
}

#vision_wrap.page01 .box_btm dt {
	position: relative;
	width: 200px;
	height: 200px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	border-radius: 100%;
	background-color: #ddd;
	padding-top: 30px;
	margin: 0 auto;
}

#vision_wrap.page01 .box_btm>ul li dt:after {
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	bottom: -13px;
	left: 50%;
	margin-left: -13px;
	background-image: url(../../images/contents/vision_deco.png);
	background-repeat: no-repeat;
}

#vision_wrap.page01 .box_btm dt span {
	font-size: 16px;
	padding: 5px 3px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#vision_wrap.page01 .box_btm>ul li:first-child dt:after {
	background-position: left center;
}

#vision_wrap.page01 .box_btm>ul li:nth-child(2) dt:after {
	background-position: -25px center;
}

#vision_wrap.page01 .box_btm>ul li:last-child dt:after {
	background-position: right center;
}

#vision_wrap.page01 .box_btm>ul li:first-child dt {
	background-color: #46c9df
}

#vision_wrap.page01 .box_btm>ul li:nth-child(2) dt {
	background-color: #3493e4;
}

#vision_wrap.page01 .box_btm>ul li:last-child dt {
	background-color: #4882d1;
}

#vision_wrap.page01 .box_btm dt p {
	padding: 0 20px;
	margin-top: 25px;
}

#vision_wrap.page01 .box_btm .inner_list {
	min-height: 180px;
	background-color: #f7f7f7;
	padding: 20px;
	margin-top: 50px;
	overflow: hidden;
}

#vision_wrap.page01 .box_btm .inner_list li {
	position: relative;
	float: inherit;
	width: 100%;
	padding: 0 20px 0 50px;
	margin-bottom: 10px;
	overflow: hidden;
	font-size: 15px;
}

#vision_wrap.page01 .box_btm .inner_list dt {
	float: left;
	width: 20%;
}

#vision_wrap.page01 .box_btm .inner_list dd {
	float: right;
	width: 80%;
}

#vision_wrap.page01 .box_btm .inner_list span {
	display: inline-block;
	position: absolute;
	top: 2px;
	left: 20px;
	width: 20px;
	height: 20px;
	color: #fff;
	text-align: center;
	border-radius: 100%;
	background-color: #fff;
	margin-right: 10px;
	font-size: 12px;
	line-height: 20px;
}

#vision_wrap.page01 .box_btm>ul li:first-child .inner_list span {
	background-color: #46c9df;
}

#vision_wrap.page01 .box_btm>ul li:nth-child(2) .inner_list span {
	background-color: #3493e4;
}

#vision_wrap.page01 .box_btm>ul li:last-child .inner_list span {
	background-color: #4882d1;
}

#vision_wrap.page01 .box_top li dd {
	padding: 0 20px;
}

@media (max-width: 1200px) {
	#vision_wrap.page01 .box_btm .inner_list {
		min-height: 230px;
	}
	#vision_wrap.page01 .box_btm .inner_list li {
		padding: 0 10px 0 40px;
	}
	#vision_wrap.page01 .box_btm .inner_list span {
		left: 10px;
	}
}

@media (max-width: 1024px) {
	#vision_wrap.page01 .box_btm .inner_list {
		/* min-height: 220px; */
		padding: 20px 10px;
	}
	#vision_wrap.page01 .box_btm .inner_list li {
		padding: 0 5px 0 30px;
	}
	#vision_wrap.page01 .box_btm .inner_list span {
		left: 0;
	}
}

@media (max-width: 940px) {
	#vision_wrap.page01 .box_btm .head_2nd {
		width: 25%;
	}

	#vision_wrap.page01 .head {
		width: 80%;
	}

	#vision_wrap.page01 .box_top li {
		width: 60%;
	}
}

@media (max-width: 720px) {
	#vision_wrap.page01 .head {
		width: 90%;
		font-size: 26px;
		margin-bottom: 120px;
	}

	#vision_wrap.page01 .box_top li {
		width: 90%;
	}

	#vision_wrap.page01 .box_top li:before {
		top: -50px;
	}

	#vision_wrap.page01 .box_top li:first-child:before {
		left: 50%;
		margin-left: -50%;
	}

	#vision_wrap.page01 .box_top li:last-child:before {
		left: 50%;
		margin-left: -50%;
	}

	#vision_wrap.page01 .box_top li:first-child {
		margin-bottom: 120px;
	}

	#vision_wrap.page01 .box_btm .head_2nd {
		width: 90%;
	}

	#vision_wrap.page01 .box_btm>ul li {
		width: 100%;
		margin-top: 30px;
	}

	#vision_wrap.page01 .box_btm .inner_list {
		min-height: auto;
	}

	#vision_wrap.page01 .box_btm .inner_list li {
		margin-top: 0;
	}
}

@media (max-width: 420px) {
	#vision_wrap.page01 .head {
		width: 100%;
		font-size: 20px;
		margin-bottom: 90px;
	}

	#vision_wrap.page01 .box_top li {
		width: 100%;
		font-size: 18px;
	}

	#vision_wrap.page01 .box_btm .head_2nd {
		margin-bottom: 0;
	}
}

/* ==========================================================================
   시설 및 위치안내
   ========================================================================== */

.space30 {
	margin-bottom: 30px;
}

.space40 {
	margin-bottom: 40px;
}

.space50 {
	margin-bottom: 50px;
}

.location.title {
	position: relative;
}

.location.title .desc {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	text-align: center;
}

.location.title .desc .text {
	display: inline-block;
	padding: 20px 60px 20px 60px;
	background: rgba(255, 255, 255, 0.9);
	font-size: 16px;
	text-align: center;
}

.location.title .desc strong {
	color: #0178dd;
	font-size: 24px;
}

.location.place>ul {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.location.place>ul>li {
	float: left;
	width: 33.333%;
	padding: 0 10px;
}

.location.place>ul>li.hiddenEle {
	overflow: hidden;
	max-height: 0px;
	transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1);
}

.location.place>ul>li.hiddenEle.on {
	max-height: 400px;
	transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1);
}

.location.place .button-type1 {
	width: 100%;
	margin: 0 0 40px 0;
}

.location.place .text {
	padding: 30px 0;
	font-size: 16px;
	text-align: center;
}

.location.place .thumb > button > img {width: 100%;}

.location.map .desc {
	background: #eef0f2;
	border: 1px solid #ced5db;
	padding: 25px;
}

.location.map .desc.mt-5 {
	margin-top: -5px;
}

.location.tab {
	position: relative;
}

.location.tab:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 43px;
	z-index: -1;
	width: 100%;
	height: 1px;
	background: #c6cbd0;
}

.location.tab button {
	padding: 12px 3%;
	margin: 20px 10px 0 0;
	background: #fff;
	border: 2px solid #315ab4;
	border-radius: 40px;
	font-size: 15px;
	min-width: 150px;
	color: #315ab4;
}

.location.tab button.on {
	background: #315ab4;
	color: #fff;
}

.location.traffic {
	display: none;
	width: 100%;
}

.location.traffic.on {
	display: table;
}

.location.traffic .title {
	display: table-cell;
	width: 345px;
	padding: 20px 0 0 0;
	vertical-align: top;
}

.location.traffic .title h4 {
	padding: 120px 30px 0;
	font-size: 16px;
	text-align: center;
	color: #315ab4;
}

.location.traffic .title.transpoter h4 {
	background: url('../../images/contents/icon-transport.png') no-repeat center top;
}

.location.traffic .title.suttle h4 {
	background: url('../../images/contents/icon-suttle.png') no-repeat center top;
}

.location.traffic .title.car h4 {
	background: url('../../images/contents/icon-car.png') no-repeat center top;
}

.location.traffic .detail {
	display: table-cell;
	vertical-align: top;
}

.location.traffic .detail h5 {
	position: relative;
	padding: 10px 0 30px 35px;
	background: url('../../images/contents/icon-traffic.png') no-repeat left 10px;
	font-weight: normal;
	font-size: 18px;
	color: #4e6087;
}

.location.traffic .detail h5:after {
	content: '';
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 3px;
	background: url('../../images/contents/bg-traffic.png') left center;
}

.location.traffic .detail .line {
	display: table;
	width: 100%;
}

.location.traffic .detail .type {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 190px;
	padding: 12px 0 12px 30px;
	border-bottom: 1px solid #d0d0d0;
	font-size: 16px;
	color: #979797;
}

.location.traffic .detail .type:after {
	content: '';
	position: absolute;
	left: 15px;
	top: 48%;
	width: 4px;
	height: 4px;
	background: #959595;
	border-radius: 100%;
}

.location.traffic .detail .info {
	display: table-cell;
	vertical-align: middle;
	padding: 12px 0 12px 0;
	border-bottom: 1px solid #d0d0d0;
	font-size: 16px;
}

.location.traffic .notice {
	background: url('../../images/contents/icon-edu-notice.png') no-repeat left 7px;
	font-size: 16px;
	padding: 0 0 0 24px;
	margin: 20px 0 0 0;
	color: #eb7203;
}

.location.homepage {
	padding: 5px;
	background: url('../../images/contents/line-location-home.png') left top;
}

.location.homepage img {
	width: auto;
}

.location.homepage .row {
	background: #f8f8f8 url('../../images/contents/bg-location-home.png') no-repeat left center;
}

.location.homepage.office .row {
	background: #f8f8f8;
}

.location.homepage .desc {
	display: table;
	width: 100%;
	height: 165px;
	padding: 0 0 0 240px;
}

.location.homepage .text,
.location.homepage .link {
	display: table-cell;
	vertical-align: middle;
}

.location.homepage .link {
	width: 295px;
	text-align: center;
}

.location.homepage .link img {
	max-width: 218px;
	border: 1px solid #222;
}

.location.homepage .text strong {
	display: block;
	margin: 0 0 5px 0;
	font-size: 18px;
	font-weight: normal;
	color: #446fcb;
}

.location.homepage .text p {
	font-size: 14px;
	color: #666
}

.location.homepage .sns {
	display: table;
	width: 100%;
	height: 125px;
	padding: 0 40px 0 240px;
}

.location.homepage.office .sns {
	display: table;
	width: 100%;
	height: auto;
	padding: 20px 40px;
}

.location.homepage .sns-text,
.location.homepage .sns-link {
	display: table-cell;
	vertical-align: middle;
	border-top: 1px solid #c1c1c1;
}

.location.homepage.office .sns-text,
.location.homepage.office .sns-link {
	display: table-cell;
	vertical-align: middle;
	border-top: 0;
}

.location.homepage .sns-text strong {
	display: block;
	margin: 0 0 5px 0;
	font-size: 18px;
	font-weight: normal;
	color: #446fcb;
}

.location.homepage .sns ul {
	display: inline-block;
	width: 100%;
	padding: 0 20px 0 40px;
}

.location.homepage .sns li {
	float: left;
	width: 33.333%;
}

.location.homepage .sns li.facebook {
	width: 35%;
}

.location.homepage .sns li.blog {
	width: 29%;
}

.location.homepage .sns li a {
	padding: 12px 0 12px 70px;
}

.location.homepage .sns li.facebook a {
	background-position: left 0px;
	background: url('../../images/contents/icon-location-sns1.png') no-repeat left center;
}

.location.homepage .sns li.blog a {
	background-position: left -45px;
	background: url('../../images/contents/icon-location-sns2.png') no-repeat left center;
}

.location.homepage .sns li.instagram a {
	background-position: left -90px;
	background: url('../../images/contents/icon-location-sns3.png') no-repeat left center;
}

.location .map>img {
	max-width: 100%;
}

.location.title img {
	width: 100%;
}

@media all and (max-width:1240px) {
	.location.homepage .sns li a {
		text-indent: -9999px;
		padding-right: 0px;
	}

	.location.homepage .sns ul {
		padding: 0 20px 0 0;
	}

	.location.homepage .sns li,
	.location.homepage .sns li.facebook,
	.location.homepage .sns li.blog {
		width: 52px;
	}

	.location.homepage .sns-text {
		width: 70px;
	}

	.table-type1.center {
		width: 100%;
	}
}

@media all and (max-width:1080px) {
	.location.homepage .desc {
		height: auto;
		padding: 20px 0 20px 240px;
	}

	.location.homepage .text {
		padding: 0 20px 0 0;
	}

	.location.homepage .text,
	.location.homepage .link {
		display: block;
	}

	.location.homepage .link {
		width: auto;
		margin: 20px 0 0 0;
		text-align: left;
	}
}

@media all and (max-width:885px) {
	.location.traffic .title {
		display: block;
		width: 100%;
		padding: 0px;
	}

	.location.traffic .title h4 {
		padding: 120px 0 30px 0;
	}

	.location.traffic .detail {
		display: block;
	}
}

@media all and (max-width:760px) {
	.location.title .desc {
		position: static;
	}

	.location.title .desc .text {
		padding: 20px 0 0 0;
	}

	.location.title .desc .text .no-br {
		display: none;
	}
}

@media all and (max-width:650px) {
	.location.tab button {
		width: 100%;
		margin: 0 0 20px 0;
	}

	.location.tab:after {
		display: none;
	}

	.location.traffic .title h4 {
		padding: 120px 0 20px 0;
	}

	.location.place>ul>li {
		width: 50%;
	}

	.location.homepage .row {
		background-position: center 20px !important;
	}

	.location.homepage .desc {
		padding: 200px 20px 20px 20px;
	}

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

	.location.homepage .link {
		text-align: center;
	}

	.location.homepage .sns {
		padding: 0 20px;
	}
}

@media all and (max-width:640px) {
	.table-scroll.center {
		overflow-x: hidden !important;
	}
}

@media all and (max-width:460px) {
	.location.place>ul>li {
		width: 100%;
		padding: 0px;
	}

	.location.place>ul>li .location-place {
		width: 100%;
	}
}

.location-slider {
	overflow: hidden;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 100;
	max-height: 0px;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
}

.location-slider.on {
	max-height: 10000px;
	opacity: 1;
}

.location-slider .dis-table {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
}

.location-slider .dis-table-cell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.location-slider .dis-table-cell>div {
	position: relative;
	width: 90%;
	max-width: 610px;
	margin: 0 auto;
	padding: 2% 3% 4% 3%;
	background: #fff;
	border: 3px solid #0178dd;
	text-align: center;
}

.location-slider .dis-table-cell .slick-arrow {
	position: absolute;
	z-index: 1;
	top: 50%;
	width: 30px;
	height: 60px;
	margin-top: -30px;
	text-indent: -9999px;
}

.location-slider .dis-table-cell .slick-prev {
	left: 0px;
	background: url('../../images/contents/arrow-pop-prev.png') no-repeat center top;
}

.location-slider .dis-table-cell .slick-next {
	right: 0px;
	background: url('../../images/contents/arrow-pop-next.png') no-repeat center top;
}

.location-slider strong {
	display: block;
	margin: 0 0 30px 0;
	font-size: 30px;
	text-align: left;
	color: #1b1b1b;
}

.location-slider .image {
	margin: 0 60px;
	text-align: center;
}

.location-slider .slick-slide img {
	display: inline-block;
	max-width: 400px;
}

.location-slider .summary {
	margin: 40px 0 0 0;
	font-size: 20px;
	color: #212121;
}

.location-slider .close {
	position: absolute;
	right: 0;
	top: 0;
}

.location-slider .close button {
	width: 85px;
	height: 85px;
	background: url('../../images/contents/close-pop.png') no-repeat center center;
	text-indent: -9999px;
}

@media all and (max-width: 900px) {
	.location-slider .dis-table-cell .slick-arrow {
		top: 38%;
	}
}

@media all and (max-width: 640px) {
	.location-slider strong {
		font-size: 30px;
	}

	.location-slider .dis-table-cell>div {
		padding: 5% 5% 9% 5%;
	}

	.location-slider .summary {
		font-size: 15px;
	}

	.location-slider .dis-table-cell .slick-arrow {
		top: 33%;
	}
}

@media all and (max-width: 450px) {
	.location-slider .dis-table-cell .slick-arrow {
		top: 29%;
	}
}

/* where we work */
/* overview */
.work-box.visual {
	height: 100%;
	margin-bottom: 30px;
	color: #fff;
	background: url(../../images/contents/work-img-01.png) 0 center no-repeat;
	box-sizing: border-box;
}

.work-box .work-inner {
	background: rgba(0, 74, 183, 0.6);
	display: block;
	width: 47%;
	height: 100%;
	box-sizing: border-box;
	text-align: center;
	padding: 57px 20px;
}

.work-box .work-inner strong {
	font-size: 28px;
	color: #fff;
}

.work-box .work-inner strong:after {
	display: block;
	content: '';
	clear: both;
	width: 80px;
	height: 1px;
	background: #fff;
	margin: 40px auto;
}

.work-box .work-inner p.work-text {
	font-size: 16px;
	color: #fff;
}

.box-type2 .row a.type-link {
	color: #004ab7;
}

.box-remark {
	margin-top: 20px;
	font-size: 14px;
	color: #666666;
}

.box-remark b {
	color: #f26c4f;
}

.box-remark ul:after {
	display: block;
	content: '';
	clear: both;
}

.box-remark ul li {
	float: left;
	width: calc(100% - 12px);
}

.box-remark ul li:first-child {
	width: 12px;
}

.box-remark a.remark_link {
	display: block;
	margin-left: 12px;
	color: #004ab7;
}

.work-box.circle {
	margin: 80px 0;
	position: relative;
}

.work-box.circle .thumb {
	position: absolute;
	width: 347px;
	height: 359px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -1;
	background: url(../../images/contents/work-img-02.png) center no-repeat;
}

.work-box.circle .thumb img {
	margin: 145px 100px 145px 95px;
}

.work-box.circle ul:after {
	display: block;
	content: '';
	clear: both;
}

.work-box.circle ul li {
	float: left;
	box-sizing: border-box;
	width: calc((100% / 2) - 80px);
	font-size: 17px;
	color: #333333;
}

.work-box.circle ul li span {
	font-size: 26px;
}

.work-box.circle ul li .no-br {
	display: block;
}

.work-box.circle ul li.text-right {
	text-align: right;
	padding-right: 110px;
	margin-right: 80px;
}

.work-box.circle ul li.text-left {
	text-align: left;
	padding-left: 110px;
	margin-left: 80px;
}

.work-box.circle ul.circle-top {
	margin-bottom: 200px;
}

.work-box.circle ul.circle-top li {
	padding-bottom: 40px;
}

.work-box.circle ul.circle-top li:nth-child(1) {
	background: url(../../images/contents/work-img-dot01.png) right center no-repeat;
}

.work-box.circle ul.circle-top li:nth-child(1) span {
	color: #0178dd;
}

.work-box.circle ul.circle-top li:nth-child(2) {
	background: url(../../images/contents/work-img-dot02.png) left center no-repeat;
}

.work-box.circle ul.circle-top li:nth-child(2) span {
	color: #031d6f;
}

.work-box.circle ul.circle-bottom li {
	padding-top: 30px;
}

.work-box.circle ul.circle-bottom li:nth-child(1) {
	background: url(../../images/contents/work-img-dot03.png) right center no-repeat;
}

.work-box.circle ul.circle-bottom li:nth-child(1) span {
	color: #07a4f6;
}

.work-box.circle ul.circle-bottom li:nth-child(2) {
	background: url(../../images/contents/work-img-dot04.png) left center no-repeat;
}

.work-box.circle ul.circle-bottom li:nth-child(2) span {
	color: #5a72b4;
}

.work-box.countries {
	margin-bottom: 30px;
}

.work-box.countries ul {
	margin-bottom: 35px;
}

.work-box.countries ul li {
	color: #666;
}

.work-box.countries ul li:before {
	display: block;
	content: '';
	clear: both;
	width: 4px;
	height: 4px;
	background: #959595;
	border-radius: 50%;
	float: left;
	margin: 10px 10px 0 0;
}

.work-box.countries ul li strong {
	color: #333;
}

.work-box.map {
	position: relative;
	width: 100%;
	text-align: center;
}

.work-box.map>p {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 700;
	line-height: 23px;
	text-align: right;
}

.work-box.map>img {
	display: block;
	width: 100%;
}

.work-box.map>img {
	max-width: 100%;
}

.work-box.map>a {
	display: none;
	position: relative;
	cursor: default;
}

.work-box.map>a>img {
	width: 100%;
}

.work-box.map>a>span {
	display: none;
}

.work-box .map-mark {
	position: absolute;
	left: 50%;
	width: 185px;
	height: 185px;
	padding: 15px;
	border-radius: 50%;
	background: rgba(6, 144, 198, 0.7);
	color: #fff;
	font-size: 15px;
	text-align: center;
}

.work-box .map-mark .tit {
	display: block;
	font-size: 20px;
	padding: 40px 0 5px;
	line-height: 1.2em;
}

.work-box .map-mark .mark-con {
	width: 155px;
	height: 155px;
	background: #0690c6;
	border-radius: 50%;
}

.work-box .mark01 {
	top: 270px;
	margin-left: -460px;
}

.work-box .mark02 {
	top: 70px;
	margin-left: -395px;
}

.work-box .mark03 {
	top: 150px;
	margin-left: -185px;
}

.work-box .mark04 {
	top: 170px;
	margin-left: 215px;
}

.fancybox-container.fancybox-is-open .fancybox-bg {
	opacity: .95;
}

.fancybox-container .fancybox-button {
	width: 100px;
	height: 100px;
}

/* 이미지 맵 레이어 팝업 & zoom */
.fancybox-content>.info-zoom {
	transition: opacity 0s cubic-bezier(0.7, 0, 0.3, 1);
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 200px;
	height: auto;
	padding: 100px 20px 30px;
	color: #fff;
	font-size: 16px;
	line-height: 23px;
	text-align: center;
	border-radius: 30px;
	background: rgba(100, 100, 100, 0.7) url(../../images/icon-zoom2.png) no-repeat center 30px;
	opacity: 0;
}

.fancybox-content>.info-zoom.on {
	transition: opacity .8s cubic-bezier(0.7, 0, 0.3, 1);
	opacity: 1;
}

@media all and (max-width:1280px) {
	.work-box.visual {
		background: none;
	}

	.work-box .work-inner {
		width: 100%;
		background: rgba(0, 74, 183, 1);
	}

	.work-box.circle ul li p {
		min-height: 100px;
	}
}

@media all and (max-width:960px) {
	.work-box.circle {
		margin: 80px 0;
		position: static;
		text-align: center;
	}

	.work-box.circle:after {
		display: block;
		content: '';
		clear: both;
	}

	.work-box.circle .thumb {
		position: static;
		z-index: 0;
		top: 0;
		left: 0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		width: 100%;
		height: auto;
		padding: 15px;
		margin: 0 0 10px;
		box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
		background: none;
	}

	.work-box.circle .thumb img {
		margin: 0;
	}

	.work-box.circle ul {
		float: left;
		width: 100%;
	}

	.work-box.circle ul:after {
		display: block;
		content: '';
		clear: both;
	}

	.work-box.circle ul li {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
		color: #fff;
	}

	.work-box.circle ul li span {
		color: #fff;
	}

	.work-box.circle ul li p {
		min-height: auto;
		padding: 10px 10px 0;
		box-sizing: border-box;
	}

	.work-box.circle ul li .no-br {
		display: none;
	}

	.work-box.circle ul li.text-right {
		text-align: left;
		padding-right: 0;
		margin-right: 0;
	}

	.work-box.circle ul li.text-left {
		padding-left: 0;
		margin-left: 0;
	}

	.work-box.circle ul.circle-top {
		margin-bottom: 0;
	}

	.work-box.circle ul.circle-top li {
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
	}

	.work-box.circle ul.circle-top li:nth-child(1) {
		background: #0178dd;
	}

	.work-box.circle ul.circle-top li:nth-child(1) span {
		color: #fff;
	}

	.work-box.circle ul.circle-top li:nth-child(2) {
		background: #031d6f;
	}

	.work-box.circle ul.circle-top li:nth-child(2) span {
		color: #fff;
	}

	.work-box.circle ul.circle-bottom li {
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
	}

	.work-box.circle ul.circle-bottom li:nth-child(1) {
		background: #07a4f6;
	}

	.work-box.circle ul.circle-bottom li:nth-child(1) span {
		color: #fff;
	}

	.work-box.circle ul.circle-bottom li:nth-child(2) {
		background: #5a72b4;
	}

	.work-box.circle ul.circle-bottom li:nth-child(2) span {
		color: #fff;
	}

	.work-box.map>img {
		display: none !important;
	}

	.work-box.map>a {
		display: block;
		cursor: pointer;
	}

	.work-box.map>a>span {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 30% 0 0;
		color: #fff;
		font-size: 16px;
		line-height: 23px;
		text-align: center;
		background: rgba(100, 100, 100, .7) url(../../images/icon-zoom1.png) no-repeat center 45%;
	}
}

@media all and (max-width:640px) {
	.work-box.circle ul li {
		font-size: 15px;
	}

	.work-box.map>a>span {
		background-size: 35px auto;
	}
}

@media all and (max-width:420px) {
	.work-box.map>a>span {
		background-size: 30px auto;
		background-position: center 40%;
	}
}

.info-box {
	padding: 40px 150px 40px 35px;
	background: url(../../images/contents/info-box-bg.png) #f6f8f8 right top no-repeat;
}

.info-box p.title {
	color: #0178dd;
	font-size: 20px;
	margin-bottom: 30px;
	word-break: keep-all;
}

.info-box p.title.mb0 {
	margin-bottom: 0;
}

.notice3 {
	display: block;
	padding: 15px 0 15px 50px;
	background: url(../../images/icon-notice3.png) no-repeat 0px center;
	color: #8e8e8e;
}

/* asia */
.area-map {
	position: relative;
	width: 1280px;
	height: 625px;
	margin: 35px 0 5px;
}

.area-map-mark div {
	position: absolute;
	left: 50%;
}

.area-map-mark div .a_name {
	font-size: 12px;
}

.area-map-mark div p {
	color: #fff;
	text-align: center;
	line-height: 1.3em;
}

.area-map-mark div p strong {
	display: block;
	font-weight: 600;
}

.area-map-mark .asia-mark.num01 {
	top: 80px;
	margin-left: -165px;
}

.area-map-mark .asia-mark.num01 p {
	font-size: 13px;
	margin: -5px 0 0 75px;
}

.area-map-mark .asia-mark.num01 p strong {
	font-size: 18px;
}

.area-map-mark .asia-mark.num02 {
	top: 195px;
	margin-left: -400px;
}

.area-map-mark .asia-mark.num03 {
	top: 250px;
	margin-left: -370px;
}

.area-map-mark .asia-mark.num04 {
	top: 247px;
	margin-left: -243px;
}

.area-map-mark .asia-mark.num04 p {
	margin: -80px 0 0 -45px;
	font-size: 14px;
}

.area-map-mark .asia-mark.num04 p strong {
	font-size: 20px;
}

.area-map-mark .asia-mark.num05 {
	top: 265px;
	margin-left: -240px;
}

.area-map-mark .asia-mark.num05 p {
	margin: 25px 0 0 -92px;
	font-size: 12px;
}

.area-map-mark .asia-mark.num05 p strong {
	font-size: 16px;
}

.area-map-mark .asia-mark.num06 {
	top: 395px;
	margin-left: -255px;
	font-size: 30px;
}

.area-map-mark .asia-mark.num07 {
	top: 292px;
	margin-left: -202px;
}

.area-map-mark .asia-mark.num07 p {
	margin: 49px 0 0 -304px;
	font-size: 16px;
}

.area-map-mark .asia-mark.num07 p strong {
	font-size: 30px;
}

.area-map-mark .asia-mark.num08 {
	top: 310px;
	margin-left: -107px;
}

.area-map-mark .asia-mark.num08 p {
	margin: -118px 0 60px -65px;
	font-size: 16px;
}

.area-map-mark .asia-mark.num08 p strong {
	font-size: 25px;
}

.area-map-mark .asia-mark.num09 {
	top: 342px;
	margin-left: -140px;
}

.area-map-mark .asia-mark.num09 p {
	margin: 70px 0 0 0;
	font-size: 16px;
}

.area-map-mark .asia-mark.num09 p strong {
	font-size: 30px;
}

.area-map-mark .asia-mark.num10 {
	top: 370px;
	margin-left: -105px;
}

.area-map-mark .asia-mark.num10 p {
	margin: -135px 0 70px 70px;
	font-size: 20px;
}

.area-map-mark .asia-mark.num10 p strong {
	font-size: 35px;
}

.area-map-mark .asia-mark.num11 {
	top: 403px;
	margin-left: -10px;
}

.area-map-mark .asia-mark.num11 p {
	margin: -55px 0 0 90px;
	font-size: 16px;
}

.area-map-mark .asia-mark.num11 p strong {
	font-size: 25px;
}

.area-map-mark .asia-mark.num12 {
	top: 485px;
}

.area-map-mark .asia-mark.num12 p {
	margin: 18px 0 0 -125px;
	font-size: 14px;
}

.area-map-mark .asia-mark.num12 p strong {
	font-size: 20px;
}

.area-map-mark .asia-mark.num13 {
	top: 485px;
	margin-left: 87px;
}

.area-map-mark .asia-mark.num13 p {
	margin: -35px 0 0 79px;
	font-size: 12px;
}

.area-map-mark .asia-mark.num13 p strong {
	font-size: 16px;
}

.area-map-mark .asia-mark.num14 {
	top: 553px;
	margin-left: 385px;
}

.link-box.select-box {
	margin: 25px 0 0 0;
	background: #f8f8f8;
	border: 1px solid #dbdbdb;
}

.link-box.select-box strong {
	color: #222222;
}

.link-box.select-box form {
	display: inline;
}

.link_wrap {
	float: right;
	margin-top: -8px;
}

.link_wrap .button-type1 {
	width: 160px;
	margin-top: 0;
	margin-left: 10px;
	color: #fff;
	text-align: left;
	border: 1px solid #004a98;
	background: url(../../images/contents/link_btn_bg.png) 90% center no-repeat #004a98;
	cursor: pointer;
}

.link_wrap .button-type1:after {
	display: none;
}

.link_wrap select {
	width: 273px;
	height: auto;
	padding: 6px 15px;
	border: 1px solid #cfcfcf;
	background: #fff;
	box-sizing: border-box;
	color: #999;
	font-size: 17px;
}

@media all and (max-width:780px) {
	.link-box.select-box {
		padding: 28px 1.56% 74px 2.34%;
	}

	.link-box.select-box form {
		display: block;
	}

	.link_wrap {
		margin-top: 8px;
	}
}

@media all and (max-width:640px) {
	.link_wrap {
		width: 100%;
	}

	.link_wrap select {
		width: 50%;
	}

	.link_wrap .button-type1 {
		width: 30%;
		min-width: 30%;
	}
}

@media all and (max-width:420px) {
	.link_wrap .button-type1 {
		width: 35%;
		min-width: 35%;
	}
}

/* arica */
.area-map-mark .africa-mark.num01 {
	top: 138px;
	margin-left: -265px;
}

.area-map-mark .africa-mark.num02 {
	top: 185px;
	margin-left: -320px;
}

.area-map-mark .africa-mark.num02 p {
	font-size: 14px;
	margin: -91px 0 0 -67px;
}

.area-map-mark .africa-mark.num02 p strong {
	font-size: 15px;
}

.area-map-mark .africa-mark.num03 {
	top: 242px;
	margin-left: -334px;
}

.area-map-mark .africa-mark.num04 {
	top: 220px;
	margin-left: -225px;
}

.area-map-mark .africa-mark.num04 p {
	margin: -26px 0 0 -339px;
	font-size: 14px;
}

.area-map-mark .africa-mark.num04 p strong {
	font-size: 15px;
}

.area-map-mark .africa-mark.num05 {
	top: 220px;
	margin-left: -155px;
}

.area-map-mark .africa-mark.num05 p {
	margin: -140px 0 0 -60px;
	font-size: 14px;
}

.area-map-mark .africa-mark.num05 p strong {
	font-size: 15px;
}

.area-map-mark .africa-mark.num06 {
	top: 262px;
	margin-left: -133px;
}

.area-map-mark .africa-mark.num06 p {
	margin: 47px 0 0 -458px;
	font-size: 14px;
}

.area-map-mark .africa-mark.num06 p strong {
	font-size: 18px;
}

.area-map-mark .africa-mark.num07 {
	top: 185px;
	margin-left: -75px;
}

.area-map-mark .africa-mark.num08 {
	top: 234px;
	margin-left: 69px;
}

.area-map-mark .africa-mark.num08 p {
	margin: -120px 0 0 103px;
	font-size: 14px;
}

.area-map-mark .africa-mark.num08 p strong {
	font-size: 32px;
}

.area-map-mark .africa-mark.num09 {
	top: 286px;
	margin-left: 33px;
}

.area-map-mark .africa-mark.num09 p {
	margin: -47px 0 0 250px;
	font-size: 14px;
}

.area-map-mark .africa-mark.num09 p strong {
	font-size: 30px;
}

.area-map-mark .africa-mark.num10 {
	top: 299px;
	margin-left: -4px;
}

.area-map-mark .africa-mark.num10 p {
	margin: 170px 0 0 -233px;
	font-size: 14px;
}

.area-map-mark .africa-mark.num10 p strong {
	font-size: 30px;
}

.area-map-mark .africa-mark.num11 {
	top: 314px;
	margin-left: 47px;
}

.area-map-mark .africa-mark.num11 p {
	margin: 35px 0 0 156px;
	font-size: 14px;
}

.area-map-mark .africa-mark.num11 p strong {
	font-size: 18px;
}

.area-map-mark .africa-mark.num12 {
	top: 326px;
	margin-left: -67px;
}

.area-map-mark .africa-mark.num12 p {
	margin: -60px 0 0 -356px;
	font-size: 14px;
}

.area-map-mark .africa-mark.num12 p strong {
	font-size: 25px;
}

.area-map-mark .africa-mark.num13 {
	top: 343px;
	margin-left: 33px;
}

.area-map-mark .africa-mark.num13 p {
	margin: 126px 0 0 161px;
	font-size: 14px;
}

.area-map-mark .africa-mark.num13 p strong {
	font-size: 25px;
}

.area-map-mark .africa-mark.num14 {
	top: 395px;
	margin-left: -94px;
}

.area-map-mark .africa-mark.num15 {
	top: 438px;
	margin-left: 54px;
}

.area-map-mark .africa-mark.num16 {
	top: 562px;
	margin-left: -60px;
}

/* america */
.area-map-mark .america-mark.num01 {
	top: 92px;
	margin-left: -135px;
}

.area-map-mark .america-mark.num01 p {
	font-size: 14px;
	margin: 7px 0 0 123px;
}

.area-map-mark .america-mark.num01 p strong {
	font-size: 15px;
}

.area-map-mark .america-mark.num02 {
	top: 80px;
	margin-left: -181px;
}

.area-map-mark .america-mark.num02 p {
	font-size: 14px;
	margin: 72px 0 0 163px;
}

.area-map-mark .america-mark.num02 p strong {
	font-size: 15px;
}

.area-map-mark .america-mark.num03 {
	top: 63px;
	margin-left: -220px;
}

.area-map-mark .america-mark.num03 p {
	font-size: 14px;
	margin: -60px 0 0 151px;
}

.area-map-mark .america-mark.num03 p strong {
	font-size: 15px;
}

.area-map-mark .america-mark.num04 {
	top: 112px;
	margin-left: -320px;
}

.area-map-mark .america-mark.num04 p {
	margin: -80px 0 0 -332px;
	font-size: 14px;
}

.area-map-mark .america-mark.num04 p strong {
	font-size: 15px;
}

.area-map-mark .america-mark.num05 {
	top: 128px;
	margin-left: -287px;
}

.area-map-mark .america-mark.num06 {
	top: 157px;
	margin-left: -388px;
}

.area-map-mark .america-mark.num06 p {
	margin: -43px 0 0 -202px;
	font-size: 14px;
}

.area-map-mark .america-mark.num06 p strong {
	font-size: 18px;
}

.area-map-mark .america-mark.num07 {
	top: 150px;
	margin-left: -273px;
}

.area-map-mark .america-mark.num08 {
	top: 218px;
	margin-left: -233px;
}

.area-map-mark .america-mark.num08 p {
	margin: -13px 0 0 139px;
	font-size: 14px;
}

.area-map-mark .america-mark.num08 p strong {
	font-size: 18px;
}

.area-map-mark .america-mark.num09 {
	top: 284px;
	margin-left: -222px;
}

.area-map-mark .america-mark.num09 p {
	margin: -25px 0 0 -288px;
	font-size: 14px;
}

.area-map-mark .america-mark.num09 p strong {
	font-size: 25px;
}

.area-map-mark .america-mark.num10 {
	top: 345px;
	margin-left: -203px;
}

.area-map-mark .america-mark.num10 p {
	margin: 35px 0 0 -300px;
	font-size: 14px;
}

.area-map-mark .america-mark.num10 p strong {
	font-size: 30px;
}

.area-map-mark .america-mark.num11 {
	top: 410px;
	margin-left: -145px;
}

.area-map-mark .america-mark.num11 p {
	margin: -8px 0 0 208px;
	font-size: 14px;
}

.area-map-mark .america-mark.num11 p strong {
	font-size: 32px;
}

.area-map-mark .america-mark.num12 {
	top: 480px;
	margin-left: -55px;
}

.area-map-mark .america-mark.num12 p {
	margin: -24px 0 0 -290px;
	font-size: 14px;
}

.area-map-mark .america-mark.num12 p strong {
	font-size: 25px;
}

/* middle east & central asia */
.area-map-mark .middle-mark.num01 {
	top: 336px;
	margin-left: -458px;
}

.area-map-mark .middle-mark.num02 {
	top: 367px;
	margin-left: -397px;
}

.area-map-mark .middle-mark.num03 {
	top: 312px;
	margin-left: -315px;
}

.area-map-mark .middle-mark.num04 {
	top: 391px;
	margin-left: -154px;
}

.area-map-mark .middle-mark.num05 {
	top: 360px;
	margin-left: -99px;
}

.area-map-mark .middle-mark.num05 p {
	margin: 93px 0 0 27px;
	font-size: 14px;
}

.area-map-mark .middle-mark.num05 p strong {
	font-size: 30px;
}

.area-map-mark .middle-mark.num06 {
	top: 347px;
	margin-left: -149px;
}

.area-map-mark .middle-mark.num06 p {
	margin: -36px 0 0 -233px;
	font-size: 14px;
}

.area-map-mark .middle-mark.num06 p strong {
	font-size: 18px;
}

.area-map-mark .middle-mark.num07 {
	top: 312px;
	margin-left: -112px;
}

.area-map-mark .middle-mark.num07 p {
	margin: -108px 0 0 -135px;
	font-size: 14px;
}

.area-map-mark .middle-mark.num07 p strong {
	font-size: 18px;
}

.area-map-mark .middle-mark.num08 {
	top: 334px;
	margin-left: -44px;
}

.area-map-mark .middle-mark.num08 p {
	margin: -35px 0 0 86px;
	font-size: 14px;
}

.area-map-mark .middle-mark.num08 p strong {
	font-size: 25px;
}

.area-map-mark .middle-mark.num09 {
	top: 298px;
	margin-left: -46px;
}

.area-map-mark .middle-mark.num09 p {
	margin: -134px 0 0 -54px;
	font-size: 14px;
}

.area-map-mark .middle-mark.num09 p strong {
	font-size: 15px;
}

.area-map-mark .middle-mark.num10 {
	top: 252px;
	margin-left: -8px;
}

.area-map-mark .middle-mark.num10 p {
	margin: -135px 0 0 -4px;
	font-size: 14px;
}

.area-map-mark .middle-mark.num10 p strong {
	font-size: 18px;
}

.area-map-mark .middle-mark.num11 {
	top: 241px;
	margin-left: 82px;
}

.area-map-mark .middle-mark.num11 p {
	margin: 153px 0 0 2px;
	font-size: 14px;
}

.area-map-mark .middle-mark.num11 p strong {
	font-size: 15px;
}

.area-map-mark .middle-mark.num12 {
	top: 220px;
	margin-left: 155px;
}

.area-map-mark .middle-mark.num12 p {
	margin: -141px 0 0 -85px;
	font-size: 14px;
}

.area-map-mark .middle-mark.num12 p strong {
	font-size: 32px;
}

.area-map-mark .middle-mark.num13 {
	top: 249px;
	margin-left: 194px;
}

.area-map-mark .middle-mark.num13 p {
	margin: 56px 0 0 3px;
	font-size: 14px;
}

.area-map-mark .middle-mark.num13 p strong {
	font-size: 15px;
}

.area-map-mark .middle-mark.num14 {
	top: 233px;
	margin-left: 260px;
}

.area-map-mark .middle-mark.num14 p {
	margin: -101px 0 0 72px;
	font-size: 14px;
}

.area-map-mark .middle-mark.num14 p strong {
	font-size: 30px;
}


.oda_arch {
	width: 1010px;
	height: 654px;
	margin: 60px auto 135px;
}

.oda_arch:before {
	display: block;
	content: '';
	clear: both;
	width: 743px;
	height: 1px;
	background: #d5d5d5;
	position: absolute;
	top: 427px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.oda_arch:after {
	display: block;
	content: '';
	clear: both;
}

.oda_arch li {
	float: left;
	width: 100%;
}

.oda_arch li>div {
	padding: 7px 0;
	border: 1px solid #d5d5d5;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	box-sizing: border-box;
}

.oda_arch li .center_cont {
	margin: 0 auto;
	background: #fff;
}

.oda_arch li .right_cont {
	float: right;
	background: #fff;
}

.oda_arch li .left_cont {
	float: left;
	background: #fff;
}

.oda_arch li .txt strong {
	color: #004a8f;
	font-weight: normal;
}

.oda_arch li .relation_txt {
	font-style: italic;
	font-size: 14px;
	color: #666;
}

.oda_arch li br.no-br {
	display: block;
}

.oda_arch li br.br {
	display: none;
}

.oda_arch li:nth-child(1) {
	height: 60px;
	margin-bottom: 50px
}

.oda_arch li:nth-child(1) .center_cont {
	width: 460px;
	height: 60px;
	position: relative;
}

.oda_arch li:nth-child(1) .center_cont:after {
	display: block;
	content: '';
	clear: both;
	width: 1px;
	height: 50px;
	background: #d5d5d5;
	position: absolute;
	left: 50%;
	top: 100%;
}

.oda_arch li:nth-child(2) {
	height: 60px;
	margin-bottom: 50px;
}

.oda_arch li:nth-child(2) .center_cont {
	width: 460px;
	height: 60px;
	position: relative;
}

.oda_arch li:nth-child(2) .center_cont:after {
	display: block;
	content: '';
	clear: both;
	width: 1px;
	height: 260px;
	background: #d5d5d5;
	position: absolute;
	left: 50%;
	bottom: -260px;
}

.oda_arch li:nth-child(3) {
	height: 80px;
	margin-bottom: 10px;
}

.oda_arch li:nth-child(3) .right_cont {
	width: 460px;
	height: 80px;
	margin-right: -95px;
	padding: 15px 0;
	position: relative;
}

.oda_arch li:nth-child(3) .right_cont:before {
	display: block;
	content: '';
	clear: both;
	height: 1px;
	width: 140px;
	background: #d5d5d5;
	position: absolute;
	top: 50%;
	left: -140px;
}

.oda_arch li:nth-child(4) {
	height: 80px;
	margin-bottom: 67px;
}

.oda_arch li:nth-child(4) .right_cont {
	width: 460px;
	height: 80px;
	margin-right: -95px;
	padding: 15px 0;
	position: relative;
}

.oda_arch li:nth-child(4) .right_cont:before {
	display: block;
	content: '';
	clear: both;
	height: 1px;
	width: 140px;
	background: #d5d5d5;
	position: absolute;
	top: 50%;
	left: -140px;
}

.oda_arch li:nth-child(5) {
	height: 80px;
	margin-bottom: 30px;
	position: relative;
}

.oda_arch li:nth-child(5):before {
	display: block;
	content: '';
	clear: both;
	width: 1px;
	height: 30px;
	background: #d5d5d5;
	position: absolute;
	top: -30px;
	left: 133px;
}

.oda_arch li:nth-child(5):after {
	display: block;
	content: '';
	clear: both;
	width: 1px;
	height: 30px;
	background: #d5d5d5;
	position: absolute;
	top: -30px;
	right: 133px;
}

.oda_arch li:nth-child(5) .left_cont {
	width: 270px;
	height: 80px;
	position: relative;
	z-index: 4;
}

.oda_arch li:nth-child(5) .left_cont:before {
	display: block;
	content: '';
	clear: both;
	height: 1px;
	width: 176%;
	background: #d5d5d5;
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -15px;
}

.oda_arch li:nth-child(5) .left_cont:after {
	display: block;
	content: '';
	clear: both;
	width: 1px;
	height: 30px;
	background: #d5d5d5;
	position: absolute;
	top: 100%;
	left: 50%;
}

.oda_arch li:nth-child(5) .left_cont .txt:before {
	display: block;
	content: '';
	clear: both;
	width: 15px;
	height: 15px;
	background: url('../../images/contents/arrow_left.png') 0 0 no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -22px;
	right: -7px;
}

.oda_arch li:nth-child(5) .left_cont .txt:after {
	display: block;
	content: '';
	clear: both;
	width: 15px;
	height: 15px;
	background: url('../../images/contents/arrow_left.png') 0 0 no-repeat;
	position: absolute;
	top: 50%;
	margin-top: 8px;
	right: -7px;
}

.oda_arch li:nth-child(5) .right_cont {
	width: 270px;
	height: 80px;
	position: relative;
	z-index: 4;
}

.oda_arch li:nth-child(5) .right_cont:after {
	display: block;
	content: '';
	clear: both;
	width: 1px;
	height: 30px;
	background: #d5d5d5;
	position: absolute;
	top: 100%;
	left: 50%;
}

.oda_arch li:nth-child(5) .right_cont .txt:before {
	display: block;
	content: '';
	clear: both;
	width: 15px;
	height: 15px;
	background: url('../../images/contents/arrow_right.png') 0 0 no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -22px;
	left: -7px;
}

.oda_arch li:nth-child(5) .right_cont .txt:after {
	display: block;
	content: '';
	clear: both;
	width: 15px;
	height: 15px;
	background: url('../../images/contents/arrow_right.png') 0 0 no-repeat;
	position: absolute;
	top: 50%;
	margin-top: 8px;
	left: -7px;
}

.oda_arch li:nth-child(5) .center_cont {
	border: 0;
	background: none;
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.oda_arch li:nth-child(5) .center_cont .center_contop {
	margin: -10px 0 15px;
}


.oda_arch li:nth-child(5) .center_cont .center_bottom:after {
	display: block;
	content: '';
	clear: both;
	width: 100%;
	height: 1px;
	background: #d5d5d5;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -236px;
}

.oda_arch li:nth-child(5) .center_cont .center_bottom .re_left {
	float: left;
	width: 142px;
	padding-top: 30px;
}

.oda_arch li:nth-child(5) .center_cont .center_bottom .txt {
	float: left;
	z-index: 1;
	background: #fff;
}

.oda_arch li:nth-child(5) .center_cont .center_bottom .re_right {
	float: left;
	width: 142px;
	padding-top: 30px;
}

.oda_arch li:nth-child(5) .center_cont .txt {
	width: 190px;
	height: 45px;
	border: 1px solid #d5d5d5;
	padding: 12px 0;
	position: relative;
}

.oda_arch li:nth-child(5) .center_cont .txt:before {
	display: block;
	content: '';
	clear: both;
	width: 15px;
	height: 15px;
	background: url('../../images/contents/arrow_right.png') 0 0 no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}

.oda_arch li:nth-child(5) .center_cont .txt:after {
	display: block;
	content: '';
	clear: both;
	width: 15px;
	height: 15px;
	background: url('../../images/contents/arrow_left.png') 0 0 no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}

.oda_arch li:nth-child(6) {
	height: 80px;
	position: relative;
}

.oda_arch li:nth-child(6) .left_cont {
	width: 270px;
	height: 80px;
	padding: 25px 0;
	position: relative;
}

.oda_arch li:nth-child(6) .left_cont:after {
	display: block;
	content: '';
	clear: both;
	height: 1px;
	width: 176%;
	background: #d5d5d5;
	position: absolute;
	left: 100%;
	top: 50%;
	z-index: -1;
}

.oda_arch li:nth-child(6) .left_cont .txt:after {
	display: block;
	content: '';
	clear: both;
	width: 15px;
	height: 15px;
	background: url('../../images/contents/arrow_left.png') 0 0 no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}

.oda_arch li:nth-child(6) .center_cont {
	border: 0;
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.oda_arch li:nth-child(6) .right_cont {
	position: relative;
	width: 270px;
	height: 80px;
	border: 0;
	background: url('../../images/contents/oda_koica_bg.png') center repeat;
}

.oda_arch li:nth-child(6) .right_cont .txt:before {
	display: block;
	content: '';
	clear: both;
	width: 15px;
	height: 15px;
	background: url('../../images/contents/arrow_right.png') 0 0 no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}

.oda_arch li:nth-child(6) .right_cont img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media all and (max-width:1280px) {
	.oda_arch {
		width: 90%;
		height: auto;
		min-height: 847px;
	}

	.oda_arch:before {
		width: calc(90% - 270px);
	}

	.oda_arch:after {
		width: calc(90% - 270px);
		display: block;
		content: '';
		clear: both;
		height: 1px;
		background: #d5d5d5;
		position: absolute;
		bottom: 210px;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		z-index: -1;
	}

	.oda_arch li>div {
		font-size: 15px;
	}

	.oda_arch li:nth-child(1) .center_cont {
		width: 70%;
	}

	.oda_arch li:nth-child(2) .center_cont {
		width: 70%;
	}

	.oda_arch li:nth-child(3) .right_cont {
		margin-right: 0;
		width: 45%;
	}

	.oda_arch li:nth-child(3) .right_cont:before {
		left: -11%;
		z-index: -1;
	}

	.oda_arch li:nth-child(4) .right_cont {
		margin-right: 0;
		width: 45%;
	}

	.oda_arch li:nth-child(4) .right_cont:before {
		left: -11%;
		z-index: -1;
	}

	.oda_arch li:nth-child(5) {
		height: auto;
		padding: 0 0 200px;
	}

	.oda_arch li:nth-child(5) .left_cont:after {
		height: 231px;
	}

	.oda_arch li:nth-child(5) .left_cont .txt:after {
		margin-top: 0;
		margin-left: -7px;
		top: calc(100% - 7px);
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		right: 0;
		left: 50%;
		margin-left: -7px;
		z-index: 1;
	}

	.oda_arch li:nth-child(5) .right_cont .txt:after {
		margin-top: 0;
		margin-left: -7px;
		top: calc(100% - 7px);
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		left: 50%;
		margin-left: -7px;
		z-index: 1;
	}

	.oda_arch li:nth-child(5) .right_cont:after {
		height: 231px;
	}

	.oda_arch li:nth-child(5) .center_cont .center_contop {
		margin: -10px 0 140px;
	}

	.oda_arch li:nth-child(5) .center_cont .center_bottom:after {
		display: block;
		content: '';
		clear: both;
		width: 0;
		height: 0;
	}

	.oda_arch li:nth-child(5) .center_cont .center_bottom .re_right {
		width: auto;
		padding-left: 12px;
	}

	.oda_arch li:nth-child(5) .center_cont .center_bottom .re_left {
		width: auto;
		padding-right: 12px;
	}

	.oda_arch li:nth-child(6) {
		height: auto;
	}
}

@media all and (max-width:960px) {
	.oda_arch {
		width: 100%;
	}

	.oda_arch:before {
		width: 65%;
	}

	.oda_arch:after {
		width: 65%;
	}

	.oda_arch li>div {
		font-size: 14px;
	}

	.oda_arch li:nth-child(5):before {
		left: 18%;
	}

	.oda_arch li:nth-child(5):after {
		right: 18%;
	}

	.oda_arch li:nth-child(5) .left_cont {
		width: 35%;
	}

	.oda_arch li:nth-child(5) .right_cont {
		width: 35%;
	}

	.oda_arch li:nth-child(5) .center_cont .txt {
		width: 120px;
	}

	.oda_arch li:nth-child(5) .center_cont .center_contop {
		margin: -30px 0 160px;
	}

	.oda_arch li:nth-child(5) .center_cont .center_bottom {
		width: auto;
		margin: 0 auto;
	}

	.oda_arch li:nth-child(6) .center_cont {
		top: 42px;
	}

	.oda_arch li:nth-child(6) .left_cont {
		width: 35%;
	}

	.oda_arch li:nth-child(6) .right_cont {
		width: 35%;
	}

	.oda_arch li .relation_txt {
		font-size: 12px;
	}
}

@media all and (max-width:640px) {
	.oda_arch li br.no-br {
		display: none;
	}

	.oda_arch li br.br {
		display: block;
	}

	.oda_arch li:nth-child(3) .right_cont {
		height: auto;
		margin-top: -30px;
		margin-bottom: 35px;
		padding: 7px;
	}

	.oda_arch li:nth-child(4) .right_cont {
		height: auto;
		padding: 7px;
	}

	.oda_arch li:nth-child(5) .left_cont {
		height: auto;
		padding: 7px;
	}

	.oda_arch li:nth-child(5) .right_cont {
		height: auto;
		padding: 7px;
	}

	.oda_arch li:nth-child(5) .center_cont .center_bottom {
		position: absolute;
		width: 190%;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0)
	}
}

@media all and (max-width:420px) {
	.oda_arch li:nth-child(3) .right_cont {
		margin-top: -30px;
		margin-bottom: 40px;
	}

	.oda_arch li:nth-child(4) .right_cont {
		height: auto;
	}

	.oda_arch li:nth-child(1) .center_cont {
		width: 100%;
	}

	.oda_arch li:nth-child(2) .center_cont {
		width: 100%;
	}

	.oda_arch li:nth-child(5) .left_cont {
		min-height: 115px;
	}

	.oda_arch li:nth-child(5) .right_cont {
		min-height: 115px;
	}

	.oda_arch li:nth-child(6) .right_cont img {
		width: 80%;
	}

	.oda_arch li:nth-child(6) .center_cont {
		top: -54px;
	}
}

@media all and (max-width:360px) {
	.oda_arch li>div {
		font-size: 13px;
	}

	.oda_arch li .relation_txt {
		font-size: 11px;
	}

	.oda_arch li:nth-child(1) .center_cont {
		height: auto;
	}

	.oda_arch li:nth-child(2) .center_cont:after {
		height: 281px;
		bottom: -281px;
	}

	.oda_arch li:nth-child(3) .right_cont:before {
		width: 100px;
	}

	.oda_arch li:nth-child(4) .right_cont:before {
		width: 100px;
	}

	.oda_arch li:nth-child(2) .center_cont {
		height: auto;
		margin-top: -20px;
	}

	.oda_arch li:nth-child(5) .left_cont {
		padding: 7px;
	}

	.oda_arch li:nth-child(5) .right_cont {
		padding: 7px;
	}

	.oda_arch li:nth-child(5) .center_cont .center_bottom .re_left {
		padding-right: 0;
	}

	.oda_arch li:nth-child(5) .center_cont .center_bottom .re_right {
		padding-left: 0;
	}

	.oda_arch li:nth-child(5) .center_cont .center_bottom .txt {
		width: 110px;
	}

	.oda_arch li:nth-child(5) .center_cont .center_bottom {
		width: 180%;
	}
}

@media all and (max-width:340px) {
	.oda_arch li:nth-child(2) .center_cont:after {
		height: 260px;
		bottom: -260px;
	}
}


/* policy */
.space10 {
	margin-bottom: 10px;
}

.p-color1 {
	color: #0178dd;
	font-weight: normal;
}

.list-type1 li {
	position: relative;
	padding: 2px 0 2px 15px;
	color: #666;
}

.list-type1 li:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 10px;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background: #959595;
}

.list-type1.indent {
	padding: 0 0 0 23px;
}

.list-type2 li {
	position: relative;
	padding: 2px 0 2px 15px;
	font-size: 14px;
	color: #666;
}

.list-type2 li:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 12px;
	width: 6px;
	height: 2px;
	background: #959595;
}

.list-type2.indent {
	padding: 0 0 0 23px;
}

#contents .h3 {
	font-size: 24px;
	font-weight: 400;
	line-height: 1.25;
	text-align: left;
	color: #222;
}

/* erdication fund */
.erdic_fund {
	width: 100%;
	margin-bottom: 100px;
	height: auto;
	padding: 5px;
	box-sizing: border-box;
	background: url('../../images/contents/line-location-home.png') left top;
}

.erdic_fund .row {
	background: #fff;
	padding: 30px;
	box-sizing: border-box;
}

.erdic_fund .row:after {
	display: block;
	content: '';
	clear: both;
}

.erdic_fund .tit {
	float: left;
	font-size: 22px;
	color: #002761;
	text-decoration: underline;
}

.erdic_fund .tit .no-br {
	display: block;
}

.flow_chart {
	float: right;
	width: 917px;
	min-height: 490px;
	position: relative;
}

.flow_chart:after {
	display: block;
	content: '';
	clear: both;
}

.flow_chart br.br {
	display: none;
}

.flow_chart .right_cont {
	float: right;
}

.flow_chart .r_box {
	position: relative;
	margin-bottom: 60px;
	position: relative;
}


.flow_chart .r_box.box01:after {
	display: block;
	content: '';
	clear: both;
	width: 1px;
	height: 60px;
	background: #d5d5d5;
	position: absolute;
	left: 50%;
}

.flow_chart .r_box.box01 .txt:after {
	display: block;
	content: '';
	clear: both;
	width: 11px;
	height: 11px;
	background: url('../../images/contents/flow_arrow_bottom.png') 0 0 no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -5px;
	bottom: -60px;
}

.flow_chart .r_box.box02:after {
	display: block;
	content: '';
	clear: both;
	width: 1px;
	height: 60px;
	background: #d5d5d5;
	position: absolute;
	left: 50%;
}

.flow_chart .r_box.box02 .txt:after {
	display: block;
	content: '';
	clear: both;
	width: 11px;
	height: 11px;
	background: url('../../images/contents/flow_arrow_bottom.png') 0 0 no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -5px;
	bottom: -60px;
}

.flow_chart .r_box.box03:before {
	display: block;
	content: '';
	clear: both;
	width: 1px;
	height: 115px;
	background: #d5d5d5;
	position: absolute;
	left: 50%;
	margin-left: -5px;
	bottom: -115px;
}

.flow_chart .r_box.box03:after {
	display: block;
	content: '';
	clear: both;
	width: 1px;
	height: 135px;
	background: #d5d5d5;
	position: absolute;
	left: 50%;
	margin-left: 10px;
	bottom: -135px;
}

.flow_chart .r_box.box03 .txt:before {
	left: -11px;
	display: block;
	content: '';
	clear: both;
	width: 11px;
	height: 11px;
	background: url('../../images/contents/flow_arrow_right.png') 0 0 no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -5px;
}

.flow_chart .r_box.box03 .txt:after {
	display: block;
	content: '';
	clear: both;
	width: 11px;
	height: 11px;
	background: url('../../images/contents/flow_arrow_top.png') 0 0 no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	bottom: -11px;
}

.flow_chart .txt {
	width: 250px;
	height: 70px;
	line-height: 70px;
	font-size: 18px;
	text-align: center;
	color: #fff;
}

.flow_chart .r_box.box01 .txt {
	line-height: 1.5em;
	padding: 7px 0;
	background: url('../../images/contents/erdic_box01_bg.png') 0 0;
}

.flow_chart .r_box.box02 .txt {
	background: url('../../images/contents/erdic_box02_bg.png') 0 0;
}

.flow_chart .r_box.box03 .txt {
	line-height: 1.5em;
	padding: 7px 0;
	background: url('../../images/contents/erdic_box03_bg.png') 0 0;
}

.flow_chart .add_txt {
	position: absolute;
	min-width: 220px;
	padding: 10px 0;
	font-size: 16px;
	color: #666666;
	line-height: 21px;
	text-align: right;
	letter-spacing: -1px;
}

.flow_chart .add_txt.left {
	text-align: right;
}

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

.flow_chart .add_txt.right {
	text-align: left;
}

.flow_chart .r_box.box01 .add_txt {
	margin-left: -110px;
}

.flow_chart .r_box.box02 .add_txt {
	margin-left: -110px;
}

.flow_chart .r_box.box03 .add_txt.left {
	padding: 30px 0;
	margin-left: -120px;
}

.flow_chart .r_box.box03 .add_txt.right {
	margin-left: 145px;
	padding: 30px 0;
}

.flow_chart .center_cont {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -110px;
	float: right;
	min-width: 220px;
	min-height: 60px;
	margin-top: -10px;
}

.flow_chart .center_cont:after {
	position: absolute;
	display: block;
	content: '';
	clear: both;
	height: 1px;
	width: 410px;
	left: 50%;
	margin-left: -210px;
	bottom: -2px;
	background: #d5d5d5;
}

.flow_chart .left_cont {
	float: left;
	min-height: 490px;
	position: relative;
}

.flow_chart .l_box {
	position: absolute;
}

.flow_chart .l_box.box04 {
	bottom: 0;
}

.flow_chart .l_box.box04:before {
	display: block;
	content: '';
	clear: both;
	width: 1px;
	height: 90px;
	background: #d5d5d5;
	position: absolute;
	left: 50%;
	top: -90px;
	margin-left: -5px;
}

.flow_chart .l_box.box04 .txt:before {
	display: block;
	content: '';
	clear: both;
	width: 11px;
	height: 11px;
	background: url('../../images/contents/flow_arrow_bottom.png') 0 0 no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	top: -11px;
}

.flow_chart .l_box.box04:after {
	display: block;
	content: '';
	clear: both;
	width: 538px;
	height: 1px;
	background: #d5d5d5;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: 100%
}

.flow_chart .l_box.box04 .txt:after {
	display: block;
	content: '';
	clear: both;
	width: 553px;
	height: 1px;
	background: #d5d5d5;
	position: absolute;
	top: 50%;
	margin-top: 10px;
	left: 100%;
}

.flow_chart .l_box.box03 {
	top: 260px;
}

.flow_chart .l_box.box03:after {
	display: block;
	content: '';
	clear: both;
	width: 1px;
	height: 90px;
	background: #d5d5d5;
	position: absolute;
	left: 50%;
	margin-left: 10px;
}

.flow_chart .l_box.box03 .txt:before {
	display: block;
	content: '';
	clear: both;
	width: 11px;
	height: 11px;
	background: url('../../images/contents/flow_arrow_left.png') 0 0 no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: -11px;
}

.flow_chart .l_box.box03 .txt:after {
	display: block;
	content: '';
	clear: both;
	width: 11px;
	height: 11px;
	background: url('../../images/contents/flow_arrow_top.png') 0 0 no-repeat;
	position: absolute;
	left: 50%;
	margin-left: 5px;
}

.flow_chart .l_box.box01 {
	top: 0;
}

.flow_chart .l_box.box01:after {
	display: block;
	content: '';
	clear: both;
	width: 1px;
	height: 190px;
	background: #d5d5d5;
	position: absolute;
	left: 50%;
}

.flow_chart .l_box.box01 .txt:after {
	display: block;
	content: '';
	clear: both;
	width: 11px;
	height: 11px;
	background: url('../../images/contents/flow_arrow_top.png') 0 0 no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -5px;
}

.flow_chart .l_box.box04 .txt {
	background: url('../../images/contents/erdic_box04_bg.png') 0 0;
}

.flow_chart .l_box.box03 .txt {
	background: url('../../images/contents/erdic_box05_bg.png') 0 0;
}

.flow_chart .l_box.box01 .txt {
	background: url('../../images/contents/erdic_box06_bg.png') 0 0;
}

.flow_chart .l_box.box03 .add_txt.left {
	margin-left: -130px;
}

.flow_chart .l_box.box03 .add_txt.right {
	margin-left: 145px;
}

/*
.box {
	width: 285px;
	float: left;
	margin-left: 240px;
}

.box.organ {
	margin-left: 135px;
}

.box h5 {
	width: 110px;
	height: 110px;
	margin: 0 auto 15px;
	text-align: center;
	line-height: 110px;
	font-size: 18px;
	color: #fff;
	font-weight: normal;
}
*/
.ngo h5 {
	background: url('../../images/contents/ngo_h5_bg.png') 0 0 no-repeat;
}

.organ h5 {
	background: url('../../images/contents/organ_h5_bg.png') 0 0 no-repeat;
	line-height: 1.3em;
	padding: 30px 0;
}

.box .fund_list:after {
	display: block;
	content: '';
	clear: both;
}

.box .fund_list li {
	float: left;
	width: 137px;
	margin-left: 10px;
	margin-bottom: 10px;
}

/* .box .fund_list li:nth-child(2n+1) {
	margin-left: 0;
} */

.box .fund_list li:before {
	display: none;
}

@media all and (max-width:1280px) {
	.erdic_fund .tit {
		float: none;
		display: block;
		margin-bottom: 20px;
	}
	.ngo h5 {
		padding-bottom: 30px;
	}
	.erdic_fund .tit .no-br {
		display: none;
	}

	/*.box {
		width: 50%;
		float: left;
		margin-left: 0;
	}

	.box .fund_list {
		width: 285px;
		margin: 0 auto;
	}

	.box.organ {
		margin-left: 0;
	}*/
}

@media all and (max-width:1150px) {
	.flow_chart {
		width: 100%;
	}

	.flow_chart .right_cont {
		float: none;
		width: 255px;
		margin: 0 auto;
	}

	.flow_chart .left_cont {
		float: none;
		width: 255px;
		min-height: 360px;
		margin: 0 auto;
	}

	.flow_chart .l_box.box01:after {
		height: 60px;
	}

	.flow_chart .l_box.box03 {
		top: 130px;
	}

	.flow_chart .r_box.box03 {
		margin-bottom: 80px;
	}

	.flow_chart .r_box.box03 .txt:after {
		display: block;
		content: '';
		clear: both;
		position: absolute;
		width: 80px;
		height: 1px;
		background: #d5d5d5;
		top: 50%;
		left: -70px;
	}

	.flow_chart .r_box.box03 .add_txt.right {
		padding: 10px 0;
	}

	.flow_chart .l_box.box03 .txt:before {
		right: 0;
		left: -11px;
		background: url('../../images/contents/flow_arrow_right.png') 0 0 no-repeat;
	}

	.flow_chart .l_box.box03:before {
		display: block;
		content: '';
		clear: both;
		position: absolute;
		width: 80px;
		height: 1px;
		background: #d5d5d5;
		top: 50%;
		left: -80px;
	}

	.flow_chart .l_box.box04:after {
		display: none;
	}

	.flow_chart .l_box.box04 .txt:after {
		display: none;
	}

	.flow_chart .center_cont {
		margin-left: -318px;
	}

	.flow_chart .add_txt.center {
		min-width: auto;
		background: #fff;
		z-index: 10;
	}

	.flow_chart .center_cont:after {
		height: 280px;
		width: 1px;
		margin-left: 0;
		bottom: 0;
		top: 50%;
		margin-top: -110px;
	}
}

@media all and (max-width:780px) {
	.flow_chart .add_txt {
		font-size: 14px;
	}

	.flow_chart .add_txt.center {
		margin-left: 30px;
	}

	/*.box {
		width: 100%;
	}*/

	.box.organ {
		margin-top: 20px;
	}
}

@media all and (max-width:640px) {
	.erdic_fund {
		overflow-x: hidden;
	}

	.flow_chart .right_cont {
		width: 200px;
	}

	.flow_chart .left_cont {
		width: 200px;
	}

	.flow_chart .txt {
		width: 100%;
		font-size: 16px;
	}

	.flow_chart .l_box {
		width: 100%;
	}

	.flow_chart .center_cont {
		margin-left: -290px;
	}

	.flow_chart .r_box.box01 .add_txt {
		margin-left: -130px;
	}

	.flow_chart .r_box.box02 .add_txt {
		margin-left: -130px;
	}

	.flow_chart .r_box.box03 .add_txt.left {
		margin-left: -130px;
	}

	.flow_chart .r_box.box03 .add_txt.right {
		margin-left: 125px;
	}

	.flow_chart .l_box.box03 .add_txt.left {
		margin-left: -140px;
	}

	.flow_chart .r_box.box03 .txt:after {
		width: 40px;
		left: -30px;
	}

	.flow_chart .l_box.box03:before {
		width: 40px;
		left: -40px;
	}

	.flow_chart .l_box.box03 .add_txt.right {
		margin-left: 125px;
	}

	.flow_chart .center_cont {
		margin-left: -252px;
	}

	.flow_chart .add_txt.center {
		margin-left: 65px;
	}

	.flow_chart br.br {
		display: block;
	}

	.flow_chart .l_box.box03 .add_txt.right br.br {
		display: none;
	}

}

@media all and (max-width:460px) {
	.flow_chart .txt {
		font-size: 15px;
	}

	.flow_chart .add_txt {
		min-width: 100%;
		text-align: center;
		margin-left: 0;
		background: #fff;
		line-height: 1.2em;
		padding: 10px 0 0;
		z-index: 10;
	}

	.flow_chart .r_box.box01 .add_txt {
		margin-left: 0;
	}

	.flow_chart .r_box.box02 .add_txt {
		margin-left: 0;
	}

	.flow_chart .r_box.box03 .add_txt.left {
		margin-left: -120px;
	}

	.flow_chart .l_box.box03 .add_txt.left {
		margin-left: -120px;
	}

	.flow_chart .center_cont {
		margin-left: -240px;
	}

	.flow_chart .add_txt.center {
		margin-left: 80px;
	}

	.flow_chart .r_box.box03 .txt:after {
		width: 20px;
		left: -20px;
	}

	.flow_chart .l_box.box03:before {
		width: 30px;
		left: -30px;
	}

	.flow_chart .add_txt {
		font-size: 13px;
	}

	.flow_chart .l_box.box03 .add_txt.right br.br {
		display: block;
	}
}

@media all and (max-width:420px) {
	.flow_chart .right_cont {
		width: 150px;
	}

	.flow_chart .left_cont {
		width: 150px;
	}

	.flow_chart .r_box.box01 .txt {
		padding: 10px 0;
	}

	.flow_chart .r_box.box03 .txt {
		letter-spacing: -1px;
		padding: 15px 0;
	}

	.flow_chart .r_box.box03 .add_txt.left {
		margin-left: -60px;
		min-width: 120px;
	}

	.flow_chart .r_box.box03 .add_txt.right {
		margin-left: 95px;
		min-width: 120px;
	}

	.flow_chart .l_box.box03 .add_txt.left {
		margin-left: -65px;
		min-width: 120px;
	}

	.flow_chart .l_box.box03 .add_txt.right {
		margin-left: 95px;
		min-width: 120px;
	}

	.flow_chart .r_box.box01 .add_txt {
		width: 200px;
		margin-left: -25px;
	}

	.flow_chart .center_cont {
		margin-left: -217px;
	}

	.box .fund_list {
		width: 100%;
	}

	.box .fund_list li {
		width: calc((100% / 2) - 10px);
	}

	.box .fund_list li img {
		max-width: 100%;
	}
}

/* oda conference */
.oda-press {
	width: 100%;
	height: 1370px;
	background: url('../../images/contents/oda_conference_bg.png') 0 center;
	padding: 100px 0;
}

#press-center {
	width: 1160px;
	margin: 0 auto;
}

#press-center:after {
	display: block;
	content: '';
	clear: both;
}

.press-left {
	width: 50%;
	float: left;
}

.press-right {
	width: 50%;
	float: left;
}

.oda-notice {
	width: 100%;
	height: 245px;
	position: relative;
	padding: 25px 30px;
	box-sizing: border-box;
	background: url('../../images/contents/oda_conference_notice_bg.png') 0 center;
}

.oda-notice h3 {
	padding-bottom: 15px;
	color: #a8d5ff;
	font-size: 22px;
}

.oda-notice a.more_btn {
	position: absolute;
	top: 20px;
	right: 30px;
}

.press-notice-list li:before {
	display: block;
	content: '';
	clear: both;
	width: 3px;
	height: 3px;
	background: #fff;
	float: left;
	margin-top: 17px;
	margin-right: 10px;
}

.press-notice-list li a {
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 35px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.oda-spearkers {
	float: left;
	width: 50%;
	height: 570px;
	background: #002962;
}

/* invitation message */
.invi-box.visual {
	height: 100%;
	margin-bottom: 40px;
	color: #fff;
	background: url(../../images/contents/invi_message.png) 0 center no-repeat;
	box-sizing: border-box;
}

.invi-box .invi-inner {
	background: rgba(0, 74, 183, 0.6);
	display: block;
	width: 47%;
	height: 100%;
	box-sizing: border-box;
	padding: 77px 50px;
}

.invi-box .invi-inner p.invi-text {
	font-size: 22px;
	color: #fff;
	;
	line-height: 35px
}

.invi-text .no-br {
	display: block;
}

p.invi-message {
	font-size: 18px;
}

.invi-sig {
	text-align: right;
	margin-top: 35px;
}

.invi-sig .sig {
	display: inline-block;
}

.invi-sig .sig:last-child {
	margin-left: 70px;
}

.invi-sig .sig strong {
	display: block;
	padding: 15px 0;
	text-align: right;
	font-size: 18px;
}

.invi-sig .sig .sig-txt {
	text-align: right;
	font-size: 14px;
}

@media all and (max-width:1280px) {
	.invi-box.visual {
		background: none;
	}

	.invi-box .invi-inner {
		width: 100%;
		padding: 50px 30px;
		background: rgba(0, 74, 183, 1);
	}

	.invi-text .no-br {
		display: none;
	}
}

@media all and (max-width:640px) {
	.invi-sig:after {
		display: block;
		content: '';
		clear: both;
	}

	.invi-sig .sig {
		float: left;
		width: calc((100% - 20px) / 2);
	}

	.invi-sig .sig img {
		max-width: 40%;
	}

	.invi-sig .sig:last-child {
		margin-left: 20px;
	}

	.invi-sig .sig .sig-txt {
		text-align: right;
		font-size: 14px;
	}
}

@media all and (max-width:420px) {
	.invi-sig .sig strong {
		display: block;
		padding: 15px 0;
		text-align: right;
		font-size: 16px;
	}

	.invi-sig .sig .sig-txt {
		text-align: right;
		font-size: 12px;
	}
}

/* ODA국제회의 */
#multipleContentsDiv_koica_eng_7082 {
	overflow: hidden;
	max-width: 1160px;
	margin: 0 auto;
	width: 100%;
}

#multipleContentsDiv_koica_eng_7547 {
	background: #fff;
}

#multipleDiv_koica_eng_7082 {
	background: url('../../images/contents/oda_conference_bg.png') #fff no-repeat bottom center;
}

#oda-press-visual {
	width: 100%;
	min-width: 1280px;
	height: 490px;
	background-image: url('../../images/contents/oda_conference_visual.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

.oda-press-visual {
	width: 1280px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

.oda-press-h2 {
	padding-top: 100px;
}

.oda-press-visual .txt {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.oda-press-visual .tit {
	display: block;
	font-size: 30px;
	color: #fff;
	font-family: 'YGO550', sans-serif;
}

.oda-press-visual .tit img {
	vertical-align: middle;
	margin-right: 10px;
}

.oda-press-visual .e_tit {
	display: block;
	padding: 25px 0 20px;
	color: #fff;
	font-size: 50px;
	font-weight: bold;
	line-height: 50px;
	font-family: 'Arial', sans-serif;
}

.oda-press-visual .e_tit sup {
	font-size: 30px;
}

.oda-press-visual .s_txt {
	color: #ff9b00;
	line-height: 30px;
	font-size: 20px;
	font-family: 'YGO530', sans-serif;
	letter-spacing: -0.25px;
}

.oda-press-visual .date {
	padding-top: 30px;
	font-size: 25px;
	color: #fff;
}

.oda-press-visual .date sup {
	font-size: 16px;
}

.oda-press-visual .loca {
	display: inline-block;
	padding-left: 15px;
}

.oda-press-visual .loca:before {
	display: block;
	content: '';
	clear: both;
	width: 2px;
	height: 16px;
	background: rgba(255, 255, 255, 0.4);
	float: left;
	margin-top: 10px;
	margin-right: 15px;
}

#menu3474_obj7800 {
	width: 100%;
}

.oda-press-bottom {
	padding: 70px 0 170px;
}

.oda-press-circle {
	display: inline-block;
	width: 100%;
}

.oda-press-circle:after {
	display: block;
	content: '';
	clear: both;
}

.oda-press-circle li {
	float: left;
	width: calc((100% - 210px) / 4);
	text-align: center;
	margin-left: 70px;
}

.oda-press-circle li:first-child {
	margin-left: 0;
}

.oda-press-circle li a {
	display: block;
	width: 100%;
	height: 240px;
	border-radius: 50%;
	padding-top: 140px;
	color: #060606;
	font-size: 20px;
	box-sizing: border-box;
}

.oda-press-circle li:nth-child(1) a {
	background: url('../../images/contents/oda_press_icon01.png') #fff no-repeat center 50px;
}

.oda-press-circle li:nth-child(2) a {
	background: url('../../images/contents/oda_press_icon02.png') #fff no-repeat center 50px;
}

.oda-press-circle li:nth-child(3) a {
	background: url('../../images/contents/oda_press_icon03.png') #fff no-repeat center 50px;
}

.oda-press-circle li:nth-child(4) a {
	background: url('../../images/contents/oda_press_icon04.png') #fff no-repeat center 50px;
}

.oda-press-circle li a:hover {
	border: 5px solid #2785bf;
	padding-top: 135px;
	background-position: center 45px;
}

.oda-press-circle li a span {
	display: block;
	font-size: 14px;
	color: #666666;
	line-height: 16px;
}

@media all and (max-width:1280px) {
	#multipleContentsDiv_koica_eng_7082 {
		max-width: auto;
		width: 95%;
	}

	#oda-press-visual {
		min-width: auto;
	}

	.oda-press-visual {
		width: 100%;
	}

	.oda-press-visual .txt {
		left: 5%;
	}

	.oda-press-visual .tit {
		font-size: 28px;
	}

	.oda-press-visual .tit img {
		width: 50px;
	}

	.oda-press-visual .e_tit {
		font-size: 36px;
		line-height: 36px;
	}

	.oda-press-visual .e_tit sup {
		font-size: 24px;
	}

	.oda-press-visual .s_txt {
		font-size: 18px;
		line-height: 25px;
	}

	.oda-press-visual .date {
		font-size: 20px;
	}

	.oda-press-visual .date sup {
		font-size: 16px;
	}

	.oda-press-circle li {
		float: left;
		width: calc((100% - 210px) / 4);
		text-align: center;
		margin-left: 70px;
	}

	.oda-press-circle li:first-child {
		margin-left: 0;
	}

	.oda-press-circle li a {
		width: 200px;
		height: 200px;
		font-size: 18px;
		padding-top: 120px
	}

	.oda-press-circle li:nth-child(1) a {
		background: url('../../images/contents/oda_press_icon01.png') #fff no-repeat center 40px;
	}

	.oda-press-circle li:nth-child(2) a {
		background: url('../../images/contents/oda_press_icon02.png') #fff no-repeat center 40px;
	}

	.oda-press-circle li:nth-child(3) a {
		background: url('../../images/contents/oda_press_icon03.png') #fff no-repeat center 40px;
	}

	.oda-press-circle li:nth-child(4) a {
		background: url('../../images/contents/oda_press_icon04.png') #fff no-repeat center 40px;
	}

	.oda-press-circle li a:hover {
		padding-top: 115px;
		background-position: center 35px;
	}

	.oda-press-circle li a span {
		font-size: 12px;
		line-height: 13px;
	}
}

@media all and (max-width:1080px) {
	.oda-press-circle li a {
		width: 180px;
		height: 180px;
		font-size: 18px;
		padding-top: 100px
	}

	.oda-press-circle li:nth-child(1) a {
		background: url('../../images/contents/oda_press_icon01.png') #fff no-repeat center 30px / 55px;
	}

	.oda-press-circle li:nth-child(2) a {
		background: url('../../images/contents/oda_press_icon02.png') #fff no-repeat center 30px / 55px;
	}

	.oda-press-circle li:nth-child(3) a {
		background: url('../../images/contents/oda_press_icon03.png') #fff no-repeat center 30px / 55px;
	}

	.oda-press-circle li:nth-child(4) a {
		background: url('../../images/contents/oda_press_icon04.png') #fff no-repeat center 30px / 55px;
	}

	.oda-press-circle li a:hover {
		padding-top: 95px;
		background-position: center 25px;
	}

	.oda-press-circle li a span {
		font-size: 12px;
		line-height: 13px;
	}
}

@media all and (max-width:960px) {
	.oda-press-circle li {
		float: left;
		width: calc((100% - 1px) / 4);
		text-align: center;
		margin-left: 0;
	}

	.oda-press-circle li a {
		margin: 0 auto;
	}
}

@media all and (max-width:780px) {
	.oda-press-circle li {
		float: left;
		width: calc((100% - 1px) / 2);
		text-align: center;
	}

	.oda-press-circle li:first-child {
		margin-left: 0;
	}

	.oda-press-circle li a {
		width: 200px;
		height: 200px;
		font-size: 18px;
		padding-top: 120px;
		margin: 0 auto 50px;
	}

	.oda-press-circle li:nth-child(1) a {
		background: url('../../images/contents/oda_press_icon01.png') #fff no-repeat center 40px;
	}

	.oda-press-circle li:nth-child(2) a {
		background: url('../../images/contents/oda_press_icon02.png') #fff no-repeat center 40px;
	}

	.oda-press-circle li:nth-child(3) a {
		background: url('../../images/contents/oda_press_icon03.png') #fff no-repeat center 40px;
	}

	.oda-press-circle li:nth-child(4) a {
		background: url('../../images/contents/oda_press_icon04.png') #fff no-repeat center 40px;
	}

	.oda-press-circle li a:hover {
		padding-top: 115px;
		background-position: center 35px;
	}

	.oda-press-circle li a span {
		font-size: 12px;
		line-height: 13px;
	}

}

@media all and (max-width:640px) {
	.oda-press-visual .txt {
		width: 90%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.oda-press-visual .tit {
		font-size: 24px;
	}

	.oda-press-visual .tit img {
		width: 30px;
	}

	.oda-press-visual .e_tit {
		font-size: 28px;
		line-height: 30px;
	}

	.oda-press-visual .e_tit sup {
		font-size: 18px;
	}

	.oda-press-visual .s_txt {
		font-size: 16px;
		line-height: 22px;
	}

	.oda-press-visual .date {
		font-size: 16px;
	}

	.oda-press-visual .date sup {
		font-size: 12px;
	}

	.oda-press-circle li a {
		width: 180px;
		height: 180px;
		font-size: 18px;
		padding-top: 100px
	}

	.oda-press-circle li:nth-child(1) a {
		background: url('../../images/contents/oda_press_icon01.png') #fff no-repeat center 30px / 55px;
	}

	.oda-press-circle li:nth-child(2) a {
		background: url('../../images/contents/oda_press_icon02.png') #fff no-repeat center 30px / 55px;
	}

	.oda-press-circle li:nth-child(3) a {
		background: url('../../images/contents/oda_press_icon03.png') #fff no-repeat center 30px / 55px;
	}

	.oda-press-circle li:nth-child(4) a {
		background: url('../../images/contents/oda_press_icon04.png') #fff no-repeat center 30px / 55px;
	}

	.oda-press-circle li a:hover {
		padding-top: 95px;
		background-position: center 25px;
	}

	.oda-press-circle li a span {
		font-size: 12px;
		line-height: 13px;
	}
}

@media all and (max-width:420px) {
	.oda-press-circle li a {
		width: 140px;
		height: 140px;
		font-size: 14px;
		padding-top: 80px
	}

	.oda-press-circle li:nth-child(1) a {
		background: url('../../images/contents/oda_press_icon01.png') #fff no-repeat center 30px / 35px;
	}

	.oda-press-circle li:nth-child(2) a {
		background: url('../../images/contents/oda_press_icon02.png') #fff no-repeat center 30px / 35px;
	}

	.oda-press-circle li:nth-child(3) a {
		background: url('../../images/contents/oda_press_icon03.png') #fff no-repeat center 30px / 35px;
	}

	.oda-press-circle li:nth-child(4) a {
		background: url('../../images/contents/oda_press_icon04.png') #fff no-repeat center 30px / 35px;
	}

	.oda-press-circle li a:hover {
		padding-top: 75px;
		background-position: center 25px;
	}

	.oda-press-circle li a span {
		font-size: 11px;
		line-height: 13px;
		letter-spacing: -1px;
	}
}

/* ODA Conference Program */
.program-table strong {
	color: #144975;
}

.program-table strong.fw500 {
	font-weight: 600;
}

.align-r {
	padding: 5px 0;
	text-align: right;
	font-size: 14px;
}

.color-red {
	color: red;
}

/* ODA Conference Speakers */
.speakers_top {
	text-align: center;
	padding-bottom: 30px;
}

h3.speakers_tit {
	position: relative;
	display: inline-block;
	font-size: 36px;
	color: #000;
	font-weight: normal;
}

h3.speakers_tit:before {
	display: block;
	content: '';
	clear: both;
	width: 84px;
	height: 23px;
	background: url('../../images/contents/speakers_before.png') 0 0 no-repeat;
	position: absolute;
	top: 20px;
	left: -90px;
}

h3.speakers_tit:after {
	display: block;
	content: '';
	clear: both;
	width: 84px;
	height: 23px;
	background: url('../../images/contents/speakers_after.png') 0 0 no-repeat;
	position: absolute;
	top: 21px;
	right: -90px;
}

.speaker_box {
	font-family: 'Titillium Web', sans-serif !important;
}

.speaker_box .desc {
	padding: 0 40px 40px;
}

.speaker_box .desc .text {
	vertical-align: top;
	font-family: 'Titillium Web', sans-serif !important;
	padding: 0 3.125% 0;
}

.speaker_box .img_wrap {
	width: 235px;
}

.person_info {
	padding-top: 20px;
	text-align: center;
	font-size: 16px;
	color: #333;
	font-weight: 600;
}

.person_info strong.name {
	font-size: 22px;
	display: block;
	font-weight: 500;
}

.person_info .info_txt {
	color: #666666;
	padding-top: 15px;
	font-weight: normal;
}

.person_info br.no-br {
	display: block;
}

.speaker_box p.box-text {
	font-size: 16px;
	color: #666;
	padding-bottom: 30px;
}

.speakers_img_box {
	width: 100%;
}

.speakers_img:after {
	display: block;
	content: '';
	clear: both;
}

.speakers_img li {
	width: calc((100% - 1px)/4);
	float: left;
	margin: 45px 0;
}

.speakers_img li img {
	max-width: 100%;
}

#black-bg-2 {
	position: fixed;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 500;
}

#black-bg-2.on {
	opacity: 1;
	left: 0;
}

.session1_popup,
.session2_popup,
.session3_popup,
.closing_session_popup {
	display: none;
	width: 50%;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 10001
}

.session1_popup .speaker_box,
.session2_popup .speaker_box,
.session3_popup .speaker_box,
.closing_session_popup .speaker_box {
	display: none;
	width: 100%;
	padding: 20px 0;
	border: 2px solid #0178dd;
	background: #fff;
}

a.popup_close_btn {
	float: right;
	padding: 20px 40px 20px 0;
}

.text-scroll-y {
	height: 500px;
	overflow-y: auto;
}

@media all and (max-width:1280px) {

	.session1_popup,
	.session2_popup,
	.session3_popup,
	.closing_session_popup {
		width: 70%;
		height: 60vh;
	}
}

@media all and (max-width:960px) {
	.kbox-style.line-type .desc {
		padding: 0;
	}

	.kbox-style.speaker_box .desc .icon {
		float: left;
		display: block;
		width: 100%;
	}

	.kbox-style.speaker_box .desc .text {
		float: left;
		display: block;
		padding: 20px 0;
	}

	.speaker_box .img_wrap {
		float: left;
	}

	.person_info {
		float: left;
		width: calc(100% - 235px);
		padding-top: 50px;
	}

	.session1_popup,
	.session2_popup,
	.session3_popup,
	.closing_session_popup {
		width: 70%;
		height: 60vh;
		-webkit-transform: translate(-50%, -30vh);
		transform: translate(-50%, -30vh);
	}

	.text-scroll-y {
		height: 200px;
	}
}

@media all and (max-width:640px) {
	h3.speakers_tit:before {
		left: 50%;
		margin-left: -42px;
		top: -30px;
	}

	h3.speakers_tit:after {
		display: none;
	}

	.kbox-style.speaker_box .desc {
		padding: 20px;
	}

	.speaker_box .img_wrap {
		width: 40%;
		height: 160px;
		background: none;
		position: relative;
		padding: 0;
	}

	.speaker_box .img_wrap img {
		width: 85% !important;
		max-width: 145px;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.person_info {
		width: 60%;
		padding-top: 20px;
		text-align: center;
		font-size: 16px;
		color: #333;
	}

	.person_info strong.name {
		font-size: 18px;
		display: block;
		font-weight: normal;
	}

	.person_info .info_txt {
		color: #666666;
		padding-top: 15px;
	}

	.person_info br.no-br {
		display: none;
	}

	.speaker_box p.box-text {
		font-size: 16px;
		color: #666;
		padding-bottom: 30px;
	}

	.session1_popup,
	.session2_popup,
	.session3_popup,
	.closing_session_popup {
		width: 90%;
	}

	.speakers_img {
		margin-bottom: 70px;
	}

	.speakers_img li {
		width: calc((100% - 1px)/3);
		margin: 20px 0;
	}

	.text-scroll-y {
		height: 200px;
	}

	a.popup_close_btn {
		padding: 0 20px 0 0;
	}
}

@media all and (max-width:420px) {
	.speaker_box .img_wrap {
		height: 150px;
	}

	.speaker_box .img_wrap img {
		width: 100% !important;
	}
}

/* ODA History */
.down_report {
	width: 100%;
	height: 43px;
	margin-bottom: 15px;
}

#contents #tab.oda-history-tab li a {
	padding: 20px 35px;
}

.email_btn {
	background: none;
	width: auto;
	text-align: center;
	padding: 10px 15px;
}

/* ODA Cofirm */
.p-text.align-c {
	text-align: center;
}

.logArea {
	width: 495px;
	overflow: hidden;
	padding-top: 15px;
	margin: 0 auto;
}

.logArea .loginBox {
	width: 330px;
	float: left;
}

.logArea .loginBox dl {
	overflow: hidden;
	width: 320px;
	margin: 0 auto;
	padding: 15px 0;
}

.logArea .loginBox dl.bord_b {
	border-bottom: 1px solid #b7c7de;
}

.logArea .loginBox dl dt {
	float: left;
	font-size: 14px;
	font-weight: 600;
	width: 80px;
	padding-top: 8px;
}

.logArea .loginBox dl dd {
	float: right;
	width: 227px;
}

.logArea .loginBox dl dd .input01 {
	border: 1px solid #ddd;
	width: 222px;
	height: 35px;
}

.logArea .log_btn {
	float: left;
	padding-top: 16px;
	margin-left: 10px;
}

.logArea .log_btn .logok {
	padding: 10px;
	background: #315ea3;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	height: 100px;
	width: auto;
	line-height: 74px;
	text-align: center;
	border-radius: 3px;
}

.logArea .log_btn .logok:hover {
	background: #244d8c;
}

.logArea .log_btn .logcan {
	padding: 10px;
	background: #7087a9;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	height: 100px;
	width: auto;
	line-height: 74px;
	text-align: center;
	margin-left: 5px;
	border-radius: 2px;
}

.logArea .log_btn .logcan:hover {
	background: #56729b;
}

.logbot {
	width: 100%;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #f1f1f1;
	padding: 10px;
	text-align: center;
}

.logbot a {
	padding: 10px;
	font-weight: 600;
}


#wrap-header #search {
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 100%;
	width: 100%;
	max-height: 0px;
	background: rgba(20, 147, 158, .8);
	transition: all 0.45s cubic-bezier(0.7, 0, 0.3, 1);
}

#wrap-header #search.on {
	max-height: 100px;
	overflow: visible;
	transition: all 0.45s cubic-bezier(0.7, 0, 0.3, 1);
}

#wrap-header #search .container {
	display: table;
	width: 100%;
	height: 85px;
}

#wrap-header #search .search-con {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	opacity: 0;
	transition: all 0.45s cubic-bezier(0.7, 0, 0.3, 1);
}

#wrap-header #search.on .search-con {
	opacity: 1;
	transition: all 0.45s cubic-bezier(0.7, 0, 0.3, 1);
}

#wrap-header #search .search-inp {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 800px;
}

#wrap-header #search .search-inp input[type="text"] {
	width: 100%;
	height: 50px;
	padding: 0 20px;
	line-height: 50px;
	background: #fff;
	border-radius: 100px;
	border: 0;
	font-size: 15px;
}

#wrap-header #search .search-inp button {
	position: absolute;
	right: 10px;
	top: 0px;
	width: 50px;
	height: 50px;
	background: url('../../images/icon-search.png') no-repeat center center;
	text-indent: -9999px;
}

#wrap-header #search .search-inp .suggestDiv {
	z-index: 1000;
}

#wrap-header #search .search-inp .suggestions {
	cursor: pointer;
	border-color: rgba(20, 147, 158, .8) !important;
}

#wrap-header #search .search-close {
	display: inline-block;
	padding: 0 0 0 5px;
}

#wrap-header #search .search-close button {
	width: 45px;
	height: 45px;
	background: rgba(20, 147, 158, .8) url('../../images/close-search.png') no-repeat center center;
	border-radius: 100px;
	text-indent: -9999px;
}

@media all and (max-width:940px) {
	#wrap-header #search .search-inp {
		width: 80%;
	}
}

@media all and (max-width:420px) {
	#wrap-header #search .search-inp {
		width: 70%;
	}
}

/* main position */
#multipleDiv_koica_eng_407 {
	z-index: 0 !important;
}

#multipleDiv_koica_eng_13 {
	z-index: 1;
}

.map iframe {width: 100%;height:490px;border:0;}


/* Annual Report 게시판 수정 */
#menu3492_obj5780 .type-album.list .thumb img {
    width: 100%;
	height: 400px;
}
#menu3499_obj5782 .type-album.list .subject {height:50px; overflow:hidden;}

@media all and (max-width: 1200px) {
	#menu3492_obj5780 .type-album.list .thumb img {height: 300px;}
}

@media all and (max-width: 960px) {
	#menu3492_obj5780 .type-album.list .thumb img {height: 240px;}
}

@media all and (max-width: 780px) {
	#menu3492_obj5780 .type-album.list .thumb img {height: 400px;}
}

@media all and (max-width: 640px) {
   #menu3492_obj5780 .type-album.list .thumb img {height: 300px;}
}
/**********************************************************************/

/* video 게시판 label */
._fnctWrap .fnDiv .fnSearch label {display:block; width:0; height:0; overflow:hidden; font-size:0;}


/* 연혁 20200407 NEW*/


#historyn {
	background: url(../../images/contents/line-history.gif) repeat-y center top;
}

#historyn em {
	font-weight: normal !important;
}

#historyn .row {
	position: relative;
}

#historyn .year {
	position: absolute;
	width: 50%;
}

#historyn .year.right {
	left: 50%;
}

#historyn .year h3 {
	background-image: none;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 10%;
	font-size: 26px;
	text-align: left;
}

#historyn .year p {
	margin: 0;
}

#historyn .year .thumb-type1 {
	margin: -130px 0 0 50px;
	padding: 0 0 10px 0;
}

#historyn .year .thumb-type2 {
	margin: 50px 50px 0 0;
	text-align: right;
}

#historyn .year .thumb-type3 {
	margin: 70px 0 0 50px;
}

#historyn .year .desc {
	position: relative;
	padding: 0 5% 0 10%;
	border-top: 1px dashed #0072ff;
}

#historyn .year .desc:after {
	content: '';
	position: absolute;
	right: -6px;
	top: -7px;
	width: 12px;
	height: 12px;
	background: url("../../images/contents/dot-history.png") no-repeat center center;
}

#historyn .year.right .desc:after {
	right: auto;
	left: -6px;
}

#historyn .year ul {
	padding: 20px 0 0 0;
}

#historyn .year li {
	padding: 1px 0;
}

#historyn .year li span {
	display: inline-block;
	position: relative;
	padding: 0 0 0 15px;
	font-size: 17px;
	color: #777;
}

#historyn .year li span:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 9px;
	width: 4px;
	height: 4px;
	background: #a0a0a0;
	border-radius: 100%;
}

#historyn img {
	width: 100%;
}



#historyn .line1 {
	height: 280px;
}

#historyn .line2 {
	height: 80px;
}

#historyn .line3 {
	height: 100px;
}

#historyn .line4 {
	height: 155px;
}

#historyn .line5 {
	height: 100px;
}

#historyn .line6 {
	height: 100px;
}

#historyn .line7 {
	height: 100px;
}

/* 2nd page */
#historyn .line8 {
	height: 150px;
}

#historyn .line9 {
	height: 150px;
}

#historyn .line10 {
	height: 60px;
}

#historyn .line11 {
	height: 160px;
}

#historyn .line12 {
	height: 340px;
}

#historyn .line13 {
	height: 200px;
}

#historyn .line14 {
	height: 200px;
}

#historyn .line15 {
	height: 160px;
}

/* 3rd page */
#historyn .line16 {
	height: 260px;
}

#historyn .line18 {
	height: 470px;
}

#historyn .line19 {
	height: 180px;
}

#historyn .year li .str-blue {
	color: #0072ff;
}





@media all and (max-width:640px) {
	
	/* 연혁 */
	

	#historyn {
		background: none;
	}

	#historyn .year {
		position: static;
		width: 100%;
	}

	#historyn .year.left {
		left: 100%;
		text-align: left;
	}

	#historyn .year h3 {
		padding-left: 0px;
	}

	#historyn .year .desc {
		padding: 0;
	}

	#historyn .year .desc:after {
		right: auto;
		left: 0px;
	}

	#historyn .year .thumb-type1,
	#historyn .year .thumb-type2,
	#historyn .year .thumb-type3 {
		margin: 0px;
	}

	#historyn .year .thumb-type2,
	#historyn .year .thumb-type3 {
		margin: 30px 0 0 0;
	}

	

	#historyn .row {
		height: auto;
		margin: 0 0 20px 0;
	}

	#historyn .row img {
		width: 100%;
		max-width: 100%;
	}
}


/**20200716 조직도**/
#organ_wrap .organ_btm {
	position: relative;
	padding-top: 35px;
	overflow: hidden;
	left: 10% ! important;
}



#organ_wrap .organ_btm:before {
	content: '';
	position: absolute;
	width: 61.5%  ! important;
	height: 1px;
	top: 0;
	left: 50%;
	margin-left: -41%;
	background-color: #ddd;
}

#organ_wrap .organ_top .cont_left2 {
	float: left;
	width: 40%;
	background-color: #fff;
}

#organ_wrap .organ_top .cont_left2:after {
	content: '';
	position: absolute;
	width: 100%;
	height:0px  ! important;
	left: 0;
	background-color: #ddd;
	margin-top: -25px;
	z-index: -1;
}

#organ_wrap .organ_btm dd {
	min-height: 500px  ! important;
	border: 2px solid #dcdcdc;
	background-color: #fff;
	padding: 20px 10px;
	overflow: hidden;
}

@media all and (max-width:960px) {
  #organ_wrap .organ_btm {
	position: relative;
	padding-top: 35px;
	overflow: hidden;
	left: 0% ! important;
}
  
  	#organ_wrap .organ_btm:before {
		width: 100%  ! important;
		height: 100%;
		top: 0;
		left: 0;
		margin-left: 0;
		border: 1px solid #ddd;
		background-color: #f2f2f2;
	}
  #organ_wrap .organ_btm:before {
	content: '';
	position: absolute;
	width: 100%  ! important;
	height: 1px;
	top: 0;
	left: 50%;
	margin-left: -41%;
	background-color: #ddd;
}
}