@charset "UTF-8";

/* ==========================================================================
  MAIN VISUAL
========================================================================== */

#multipleContentsDiv_koica_eng_13 {
	height: auto !important;
}


/* ==========================================================================
   MAIN CONTENTS
========================================================================== */

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

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

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

.main-tit.under,
.main-tit2.under {
	position: relative;
	margin-bottom: 65px;
	padding-bottom: 47px;
	font-family: 'T-ExtraLight', 'Noto Light', sans-serif;
}

.main-tit.under:after,
.main-tit2.under:after {
	position: absolute;
	bottom: 0;
	left: 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 185px;
	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: -120px;
	transform: translateY(-50%);
	z-index: -1;
	width: 180px;
	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;
}

.sector1 {
	background-image: url('../../images/ic-sector1.png');
}

.sector2 {
	background-image: url('../../images/ic-sector2.png');
}

.sector3 {
	background-image: url('../../images/ic-sector3.png');
}

.sector4 {
	background-image: url('../../images/ic-sector4.png');
}

.sector5 {
	background-image: url('../../images/ic-sector5.png');
}

.sector6 {
	background-image: url('../../images/ic-sector6.png');
}

.sector7 {
	background-image: url('../../images/ic-sector7.png');
}

.sector8 {
	background-image: url('../../images/ic-sector8.png');
}

.sector9 {
	background-image: url('../../images/ic-sector9.png');
}

.sector10 {
	background-image: url('../../images/ic-sector10.png');
}

.programs1 {
	background-image: url('../../images/ic-program1.png');
}

.programs2 {
	background-image: url('../../images/ic-program2.png');
}

.programs3 {
	background-image: url('../../images/ic-program3.png');
}

.programs4 {
	background-image: url('../../images/ic-program4.png');
}

.programs5 {
	background-image: url('../../images/ic-program5.png');
}

.programs6 {
	background-image: url('../../images/ic-program6.png');
}

.programs7 {
	background-image: url('../../images/ic-program7.png');
}

.programs8 {
	background-image: url('../../images/ic-program8.png');
}

.programs9 {
	background-image: url('../../images/ic-program9.png');
}

.programs10 {
	background-image: url('../../images/ic-program10.png');
}

.programs11 {
	background-image: url('../../images/ic-program11.png');
}

.programs12 {
	background-image: url('../../images/ic-program12.png');
}

.programs13 {
	background-image: url('../../images/ic-program13.png');
}

.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 {
	background: url('../../images/bg-where.png') no-repeat center top;
	background-size: cover;
	background-color: #f8f8f8;
	padding: 100px 0 135px 0;
}

.where .container {
	position: relative;
}

.where .control {
	position: absolute;
	left: 0px;
	bottom: 190px;
	width: 100%;
	height: 1px;
}

.where .control button {
	position: absolute;
	width: 31px;
	height: 60px;
	text-indent: -9999px;
}

.where .control button.prev {
	left: -80px;
	background: url('../../images/arrow-work-prev.png') no-repeat center top;
}

.where .control button.next {
	right: -80px;
	background: url('../../images/arrow-work-next.png') no-repeat center top;
}

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

.where-region .work {
	position: relative;
	float: left;
	height: 330px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}

.where-region .work:after {
	display: none;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center 45%;
	background-size: auto;
	opacity: 1;
	transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1);
}

.where-region .work:hover:after {
	opacity: 0;
	transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1);
}

.where-region .work.disasterPrevention {
	background-image: url('../../images/bg_disasterPrevention.jpg');
}

.where-region .work.education {
	background-image: url('../../images/bg_education.jpg');
}

.where-region .work.environmentProtection {
	background-image: url('../../images/bg_environmentProtection.jpg');
}

.where-region .work.fisheryindustry {
	background-image: url('../../images/bg_fisheryindustry.jpg');
}

.where-region .work.health {
	background-image: url('../../images/bg_health.jpg');
}

.where-region .work.ICT {
	background-image: url('../../images/bg_ICT.jpg');
}

.where-region .work.IndustrialDevelopment {
	background-image: url('../../images/bg_IndustrialDevelopment.jpg');
}

.where-region .work.peace {
	background-image: url('../../images/bg_peace.jpg');
}

.where-region .work.ruralDevelopment {
	background-image: url('../../images/bg_ruralDevelopment.jpg');
}

.where-region .work.transport {
	background-image: url('../../images/bg_transport.jpg');
}

.where-region .work.transportAndEnergy {
	background-image: url('../../images/bg_transportAndEnergy.jpg');
}

.where-region .work.waterAndHealth {
	background-image: url('../../images/bg_waterAndHealth.jpg');
}

.where-region .work.waterManagement {
	background-image: url('../../images/bg_waterManagement.jpg');
}

.where-region .work.governance {
	background-image: url('../../images/bg_governance.jpg');
}

.where-region .work.energy {
	background-image: url('../../images/bg_energy.jpg');
}

.where-region .work:hover .select-wrap,
.where-region .work:focus .select-wrap,
.where-region .work:active .select-wrap {
	bottom: 42%;
	background-color: #f3f3f5;
}

.where-region .slick-slide {
	margin: 0 10px;
}

.where-region .slick-list {
	margin: 0 -10px;
}

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

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

.select-wrap a:hover {
	color: #00428e;
}

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

.project .work {
	display: table !important;
	table-layout: fixed;
}


.project .select-wrap {
	opacity: 0;
	position: static;
	display: table-cell;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.65) !important;
	text-align: center;
	vertical-align: middle;
	transform: none;
	transition: all 0.45s cubic-bezier(0.7, 0, 0.3, 1);
}

.project .select-wrap:hover {
	opacity: 1;
	transition: all 0.45s cubic-bezier(0.7, 0, 0.3, 1);
}

.project .select-wrap a {
	white-space: normal;
	word-break: keep-all;
	line-height: 1.45;
	color: #fff;
}

.project .work.img1 {
	background-image: url('../../images/bg-project1.jpg');
}

.project .work.img2 {
	background-image: url('../../images/bg-project2.jpg');
}

.project .work.img3 {
	background-image: url('../../images/bg-project3.jpg');
}

.project .work.img4 {
	background-image: url('../../images/bg-project4.jpg');
}

.project .work.img5 {
	background-image: url('../../images/bg-project5.jpg');
}

.project .work.img6 {
	background-image: url('../../images/bg-project6.jpg');
}

.project .work.img7 {
	background-image: url('../../images/bg-project7.jpg');
}

.project .work.img8 {
	background-image: url('../../images/bg-project8.jpg');
}



/* 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 */

.ciat {
	padding: 100px 0 0 0;
	background: #fff;
}

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

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

.iraq .ciat1 span.img {
	float: right;
}

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

.iraq .ciat1 dl {
	padding: 0px;
	padding-right: 5.5%;
}

.ciat1 dl dt {
	margin-bottom: 30px;
	color: #1a1a1a;
	font-size: 41px;
	line-height: 1.2;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-family: 'T-Regular', 'Noto Regular', sans-serif;
	overflow: hidden;
}

.ciat1 dl dt span {
	display: block;
	margin-bottom: 20px;
	color: #a9a9a9;
	font-family: 'T-Bold';
	font-size: 14px;
	line-height: 1;
	letter-spacing: 3px;
}

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

.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 6% 0 11%
}

.iraq .ciat2 dl {
	padding: 0 6% 0 0;
}

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

.iraq .ciat2 dl:not(:first-child) {
	padding: 0 12% 0 4%;
}

.ciat2 dl dt {
	margin-bottom: 17px;
	color: #1660a5;
	font-size: 18px;
	font-family: 'T-Bold', 'Noto Light', sans-serif;
	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;
	line-height: 20px;
	overflow: hidden;
}

.ciat2 dl dd .btn-link1 {
	width: 90px;
	background-color: #fff;
	font-family: 'T-SemiBold';
}


/* news & media */

.news {
	display: inline-block;
	width: 100%;
	padding: 100px 0 0;
}

#multipleContentsDiv_koica_eng_624 {
	display: none;
	max-width: 1280px;
	margin: 0 auto;
	padding-bottom: 130px;
}

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

#multipleContentsDiv_koica_eng_624>div {
	float: left;
	width: 50%;
}

#multipleContentsDiv_koica_eng_624>div:nth-child(1) {
	position: relative;
	padding: 0 4.5% 0 0;
}

#multipleContentsDiv_koica_eng_624>div:nth-child(1):after {
	content: '';
	position: absolute;
	right: 0px;
	bottom: 0px;
	background: #d1d1d1;
	width: 1px;
	height: 57%;
}

#multipleContentsDiv_koica_eng_624>div:nth-child(2) {
	padding: 0 0 0 4.5%;
}

#multipleContentsDiv_koica_world_base_174 {
	max-width: 1280px;
}

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

#multipleContentsDiv_koica_world_base_174>div {
	float: left;
	width: 50%;
}

#multipleContentsDiv_koica_world_base_174>div:nth-child(1) {
	padding: 0 4.5% 0 0;
	border-right: 1px solid #d1d1d1;
}

#multipleContentsDiv_koica_world_base_174>div:nth-child(2) {
	padding: 0 0 0 4.5%;
}


/* banner area */

.main-banner {
	display: none;
	padding: 0 0 105px 0;
}

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

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

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

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

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

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

.main-banner li a {
	display: block;
	padding: 60px 15px 50px 15px;
	color: #fff;
	font-size: 22px;
	font-family: 'T-Light';
	font-style: italic;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	background-size: cover;
}

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

@media all and (max-width:1500px) {
	.where .control button {
		width: 60px;
		background-color: rgba(0, 0, 0, 0.5) !important;
		background-size: 15px !important;
		background-position: center center !important;
	}

	.where .control button.next {
		right: 4.8%;
	}

	.where .control button.prev {
		left: 4.8%;
	}
}

@media all and (max-width:1280px) {
	.where .control {
		width: 100%;
	}
}

@media all and (max-width:1250px) {
	#multipleContentsDiv_koica_eng_624>div:nth-child(1) {
		position: relative;
		padding: 0 4.5%;
	}

	#multipleContentsDiv_koica_eng_624>div:nth-child(2) {
		padding: 0 4.5%;
	}

	#multipleContentsDiv_koica_world_base_174>div:nth-child(1) {
		position: relative;
		padding: 0 4.5%;
	}

	#multipleContentsDiv_koica_world_base_174>div:nth-child(2) {
		padding: 0 4.5%;
	}
}

@media all and (max-width:450px) {
	.where .control button.next {
		right: 20px;
	}
}


/* big-banner area */

.big-banner {
	display: table;
	width: 100%;
	height: 413px;
	background: url('../../images/bg-big-banner.jpg') no-repeat center top;
}

.big-banner .row {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.big-banner .text {
	display: inline-block;
	padding: 75px 60px 40px 60px;
	background: rgba(255, 255, 255, 0.56);
	border: 5px solid #ffffff;
}

.big-banner strong {
	font-family: 'T-bold', 'Noto Medium', sans-serif;
	font-size: 30px;
	line-height: 1;
	letter-spacing: 1.5px;
	color: #1a1a1a;
}

.big-banner a {
	display: inline-block;
	margin: 25px 0 0 0;
	background: #fff;
	border: 1px solid #383648;
	padding: 5px 48px;
}

.big-banner a:hover {
	background: #1660a5;
	border-color: #113f69;
	color: #fff;
}


/* ==========================================================================
   Mobile Mode
   ========================================================================== */

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

	/* What We Do */
	.what-slide dl {
		vertical-align: top;
	}

	/* Where We Work */
	.where {
		padding: 100px 0 120px 0
	}

	.big-banner .text {
		padding: 50px 30px 30px 30px;
	}

	.big-banner strong {
		font-size: 24px;
	}
}

@media all and (max-width:640px) {
	[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;
		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 80px;
	}

	/* ODA Statistics */
	.oda {
		padding: 50px 0;
		background-position: center bottom;
	}

	.statistics {
		padding: 0;
	}

	.statistics>li p strong {
		margin-bottom: 4px;
		font-size: 30px;
	}

	/* ciat */
	.ciat {
		padding: 0;
	}

	.ciat1 {
		padding-bottom: 25px;
		text-align: center;
	}

	.ciat1 .main-tit.under {
		display: none;
	}

	.ciat1 .container {
		padding: 1.5% 4.68%;
	}

	.ciat1 span.img {
		width: 100%;
		height: 260px;
		margin-bottom: 30px;
	}

	.ciat1 span.img img {
		transform: translate(-50%, -55%);
	}

	.ciat1 dl {
		width: 100%;
		padding: 0 4.68%;
	}

	.ciat1 dl dt {
		margin-bottom: 25px;
		font-size: 35px;
	}

	.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,
	.ciat2 dl:not(:first-child) {
		float: left;
		width: 50%;
		padding: 0 8%;
	}

	.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;
	}

	.news h2 {
		width: 100%;
	}

	#multipleContentsDiv_koica_eng_624 {
		padding: 0 4.68%;
	}

	#multipleContentsDiv_koica_eng_624>div {
		width: 100%;
	}

	#multipleContentsDiv_koica_eng_624>div:nth-child(1) {
		padding: 0 0 40px 0;
		border-bottom: 1px solid #d1d1d1;
	}

	#multipleContentsDiv_koica_eng_624>div:nth-child(1):after {
		display: none;
	}

	#multipleContentsDiv_koica_eng_624>div:nth-child(2) {
		padding: 0;
	}

	#multipleContentsDiv_koica_world_base_174 {
		padding: 0 4.68%;
	}

	#multipleContentsDiv_koica_world_base_174>div {
		width: 100%;
	}

	#multipleContentsDiv_koica_world_base_174>div:nth-child(1) {
		padding: 0 0 40px 0;
		border-right: 0px;
	}

	#multipleContentsDiv_koica_world_base_174>div:nth-child(2) {
		padding: 0;
	}

	/* banner area */
	.main-banner {
		padding: 40px 0 45px;
	}

	.main-banner li {
		width: 50%;
		padding: 3px;
	}
}

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

	/* Where We Work */
	.where-region .work {
		width: 100%;
		background-size: cover;
	}

	/* ODA Statistics */
	.oda {
		background-position: center top;
	}

	.statistics>li {
		width: 50%;
		margin-bottom: 20px;
		padding-top: 120px;
	}

	/* banner area */
	.main-banner li {
		width: 50%;
	}
}

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

	/* ciat */
	.ciat2 dl {
		width: 100%;
	}

	.ciat2 dl:not(:first-child) {
		width: 100%;
		border-left: 0;
		margin-top: 30px;
	}

	.main-banner li {
		width: 100%;
	}
}

@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;
	}
}


/*===============================
	Funnybrain
	- K. 18.12.06 추가 
 ================================*/
 /* VIETNAM OFFICE */
.vnm_en_main .select-wrap {height: 72px;}
.vnm_en_main .select-wrap a {position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;padding:0 20px;font-weight: 700;white-space: normal;text-overflow: initial;overflow: initial;}
.vnm_en_main .ciat2 dl dt {white-space: normal;text-overflow: initial;overflow: initial;}

/* LAO PDR OFFICE */
.where-region.lao li .select-wrap a {padding: 22px 20px;}
.where-region.lao li:first-child .select-wrap a {padding: 13px 20px;}

/* NIGERIA OFFICE */
.nga_kr_main #multipleContentsDiv_koica_world_base_174>div:nth-child(1),
.nga_en_main #multipleContentsDiv_koica_world_base_174>div:nth-child(1) {width: 100%;padding: 0;border-right: 0;}
.nga_kr_main .big-banner,
.nga_en_main .big-banner {background-size: cover;background-position: center;}