@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,700;1,700&display=swap');

.bodybg	{background-color:transparent}
.mbg	{background-image:url(../img/mbg.jpg);background-repeat:repeat-y;background-position:50% 0;background-color:transparent}
.mcbg	{background-image:url(../img/mcbg.jpg);background-repeat:repeat-y;background-position:50% 0;background-color:transparent}
.sbg	{background-image:url(../img/sbg.jpg);background-repeat:repeat-y;background-position:50% 0;background-color:transparent}
.cbg	{background-image:url(../img/cbg.jpg);background-repeat:repeat-y;background-position:50% 0;background-color:transparent}

#wrap		{position:relative;width:100%;padding:0;margin:0;}
#svisual	{position:relative;width:100%;}
#svslide	{position:absolute;width:100%;}
#container	{position:relative;} /* d_width */
#container.sub_container{padding:30px 0}
#container:after	{content:"";clear:both;display:block;float:none;}

footer				{z-index:9;}

h3 {color:#232C94;}

/* 기본layout */
#snb		{display:none;float:left;width:240px;}
#content	{width:100%;padding:0;margin:0;}
#aside		{float:right;width:0 !important;}

#body_head	{position:relative;border-bottom:1px solid #eee;}
#body_head .inwrap	{position:relative;margin:0 auto;width:1400px;}
#body_head:after	{content:"";display:block;float:none;clear:both;}

#body_title	{clear:both;padding:0 0 20px 0;margin:0 0 20px 0;}
#body_content	{clear:both;padding:0 0 40px 0;margin:0;}

header				{position:relative;width:100%;height:100px;padding:0;margin:0;transition:all 0.3s ease-out;z-index:100}
header #logo		{position:absolute;left:0;top:34px;z-index:99}
header .sub_name	{display:inline-block;margin-left:10px;font-size:18px;font-weight:600;color:#333;}
#topwrap .topmn		{line-height:100px;text-align:right;}
#topwrap .topmn a	{position:relative;margin-left:20px;font-size:13px;color:#999;z-index:99}
#topwrap .topmn a.login,
#topwrap .topmn a.logout	{display:none;}
#gnb		{position:absolute;left:0;top:0;width:100%;height:100px;}
#gnbmn		{position:relative;width:1400px;padding:0;margin:0 auto;z-index:99}
#gnbmn a	{display:block;}
#gnbmn ul.depth1		{position:relative;width:calc(100% - 550px);padding:0;margin: 0 150px 0 400px;}
#gnbmn ul.depth1 li		{float:left;padding:0;margin:0;text-align:center;}
#gnbmn ul.depth1 li a	{padding:0;margin:0;font-size:20px;font-weight:600;line-height:100px;letter-spacing:-0.5px;}
#gnbmn ul.depth2		{display:none;position:relative;padding:18px 0;margin:0;z-index:4;}
#gnbmn ul.depth2 li		{display:block;clear:both;padding:0;margin:0;text-align:center;width:100%;}
#gnbmn ul.depth2 li a	{padding:2px 0;margin:0;font-size:15px;font-weight:normal;line-height:140%;white-space:nowrap;letter-spacing:-0.5px;}
#id_gnb_bg	{position:absolute;left:0;top:100px;z-index:3;}
.gnb_bg		{width:100%;padding:0;margin:0;box-shadow:0px 2px 1px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.1);}

#snbmn					{width:100%;padding:0;margin:0 0 40px 0;}
#snbmn .tit				{padding:40px 20px;margin:0;text-align:center;font-size:26px;font-weight:600;}
#snbmn a				{clear:both;display:block;line-height:140%;}
#snbmn ul li			{position:relative;padding:0;margin:0;}
#snbmn ul li a			{padding:18px 20px;margin:0;border:1px solid rgba(0,0,0,0.1);border-top:none;font-size:16px;transition:all 0.2s ease-out;}
#snbmn > ul > li > a:after	{content:"\f138";font-family:FontAwesome;float:right;margin-right:10px;opacity:0;transition:all 0.2s ease-out;color:#339999;}
#snbmn ul li a.on,
#snbmn ul li a:focus,
#snbmn ul li a:active,
#snbmn ul li a:hover	{font-weight:500;border-color:rgba(0,0,0,0.1) !important;}
#snbmn > ul > li > a.on:after	{opacity:1;margin-right:0;}
#snbmn ul ul			{margin:0;padding:10px 0;border:1px solid rgba(0,0,0,0.1);border-top:none;}
#snbmn ul ul li			{padding:0;margin:0;border:none;}
#snbmn ul ul li a		{padding:5px 20px;margin:0;border:none;font-size:14px;}
#snbmn ul ul li a:before	{}
#snbmn ul ul li a.on,
#snbmn ul ul li a:focus,
#snbmn ul ul li a:active,
#snbmn ul ul li a:hover	{background:none;}

#container .d_width	{z-index:10;}

#main-visual	{width:auto !important;}

.main-title			{text-align:left;}
.main-title .txt	{font-size:18px;color:#333;}
.main-title .tit	{font-weight:600;font-size:56px;color:#339999;letter-spacing:-2px;line-height:1;margin:20px 0;}
.main-title .en		{font-family:Titillium SemiBold;font-size:14px;color:#333;}
.sub-title			{}
.sub-title .txt		{font-size:18px;color:#333;}
.sub-title .tit		{font-weight:600;font-size:48px;color:#339999;letter-spacing:-2px;line-height:1;margin:20px 0;}
.sub-title .en		{font-family:Titillium SemiBold;font-size:14px;color:#333;}

.mv-wrap .col1,
.mv-wrap .col5		{float:left;}

.main-quick ul li	{width:100%;float:none;}
.main-quick a		{position:relative;display:block;padding:40px;height:240px;}
.main-quick .bg1	{background:rgba(51,153,102,0.9);;}
.main-quick .bg2	{background:rgba(51,102,204,0.8);}
.main-quick .bg3	{background:rgba(51,153,153,0.8);}
.main-quick span	{position:absolute;right:30px;bottom:30px;display:block;width:70px;height:70px;background-repeat:no-repeat;background-position:100% 100%;transition:all 0.2s ease-out;}
.main-quick .ico1	{background-image:url('../img/mquick_ico1.png');}
.main-quick .ico2	{background-image:url('../img/mquick_ico2.png');}
.main-quick .ico3	{background-image:url('../img/mquick_ico3.png');}
.main-quick p		{color:#fff;}
.main-quick .tit	{font-size:26px;margin-bottom:15px;font-weight:600;}
.main-quick .txt	{font-size:16px;line-height:1.4;}
.main-quick a:hover span	{right:45px;}

.mnewslist-slide			{overflow:hidden;height:120px;}
.mnewslist-slide h3			{position:absolute;left:0;top:15px;padding-bottom:10px;font-size:24px;color:#333;font-weight:700;border-bottom:2px solid #339999;}
.mnewslist-slide h3:before	{content:none;}
.mnewslist-slide .txt-more	{display:none;}
.mnewslist-slide ul			{padding:0 150px 0 200px;}
.mnewslist-slide li			{position:relative;font-size:20px;line-height:120px;overflow:hidden;padding-right:100px;}
.mnewslist-slide li a		{color:#333;}
.mnewslist-slide li .date			{position:absolute;right:0;top:0;font-size:13px;color:#ccc;}
.mnewslist-slide li .date:before	{content:"\f017";font-family:FontAwesome;margin-right:5px;}
.mnewslist-slide .control	{position:absolute;right:0;top:50px;z-index:5;}
.mnewslist-slide .control a	{display:block;float:left;width:20px;height:20px;background:#fff;line-height:17px;text-align:center;margin:0 0 0 -1px;border:1px solid #E1E1E1;font-size:10px;color:#ccc;}
.mnewslist-slide .control a.stop	{font-size:8px;}
.mnewslist-slide .control a.stop i	{transform:scale(0.8);}
.mnewslist-slide .control a.play	{font-size:8px;}
.mnewslist-slide .control a.play i	{transform:scale(0.8);}

.mg-wrap	{position:relative;padding:65px 0 0 0;margin:0;background:url('../img/mgallery_bg.jpg') no-repeat 50% 0%;height:510px;}

.mnewslist-img			{text-align:center;}
.mnewslist-img ul		{margin:-10px;}
.mnewslist-img ul li	{padding:0 10px;position:relative;}
.mnewslist-img h3		{display:inline-block;margin:0 auto 65px;padding:0 0 10px 0;font-size:28px;color:#333;font-weight:700;border-bottom:2px solid #339999;}
.mnewslist-img h3:before		{content:none;}
.mnewslist-img .img_frame		{position:relative;overflow:hidden;height:350px;}
.mnewslist-img .img_frame:before	{content:"";display:block;position:relative;z-index:1;width:100%;height:100%;background:linear-gradient(to top, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0) 50%);}
.mnewslist-img .img_frame img	{min-width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.mnewslist-img .txt-wrap		{position:absolute;left:10px;bottom:0;padding:30px;z-index:9;width:calc(100% - 20px);}
.mnewslist-img .txt-wrap .subject	{height:30px;overflow:hidden;text-align:left;}
.mnewslist-img .txt-wrap .subject,
.mnewslist-img .txt-wrap .subject a		{color:#fff;font-size:22px;}
.mnewslist-img .txt-wrap .desc			{display:none;}
.mnewslist-img .txt-wrap .date			{position:absolute;top:0;font-size:13px;color:#ccc;}
.mnewslist-img .txt-wrap .date:before	{content:"\f017";font-family:FontAwesome;margin-right:5px;}
.mnewslist-img .txt-more,
.mnewslist-img .more	{display:none;}

.main-about		{background:#339999 url('../img/mabout_bg.png') no-repeat top 0 right 30px;height:150px;margin:50px 0;padding:30px;}
.main-about	p	{color:#fff;font-size:24px;font-weight:600;}
.main-about	a	{background:#FFFFCC;color:#339999;font-size:19px;font-weight:500;display:inline-block;border-radius:100px;padding:15px 50px;margin-left:30px;}
.main-about	p:before	{content:"";background:#2D7270 url('../img/mabout_ico.png') no-repeat 50% 50%;width:88px;height:88px;border-radius:50%;display:inline-block;vertical-align:middle;margin:0 25px 0 0;}


.point-custom	{color:#339999;}

/* 인사말 */
.greeting {background:url('../img/greeting_bg.png') no-repeat 100% 100%;padding-bottom:100px;}
.greeting .tit1	{font-size:40px;font-weight:600;color:#339999;line-height:1.2;margin:30px 0;letter-spacing:-2.5px;}
.greeting .tit2		{font-size:28px;font-weight:400;color:#333;line-height:1;margin:0 0 30px 0;letter-spacing:-2px;}

/* 연혁 */
#tmp_history3 .cont	{}
#tmp_history3 .cont:before	{content:"ODA History";display:block;font-family: 'Noto Serif', serif;font-size:34px;font-weight:700;font-style: italic;color:#339999;padding:10px 0 50px;}
.tmp_history table th		{font-family: 'Noto Serif', serif;color:#888;font-size:17px;}
#tmp_history3 .img div	{width:400px;height:470px;}


/*바로가기 type1_보도자료*/
.board_link li:nth-child(odd){padding-right:0;}
.board_link li:nth-child(even){padding-left:0;}
.board_link li{float:none;width:100%;}