/* #Import Section
================================================== */
@import url("base.css");				   /* Default Reset, Typography, Forms, etc. */ 

/* Headlines
==========================*/
.headline {display: inline-block; float: left; background: #f4f4f4; width: 126px; padding: 22px 20px; margin: 0;}

#skipToContent {position: absolute; top: 0px; left: 0; width: 100%; z-index: 999;}
#skipToContent a {display:block; height:0px; width:0px; margin-bottom:-1px; overflow:hidden; text-align:center;
	color:#fff; white-space:nowrap; background:#001;}

#skipToContent a:focus, #skipToContent a:active {height:auto; width:auto; padding:5px; margin-bottom:10px;}

/* Header
==========================*/
.header {width:100%; position:relative; margin: 0; padding: 0;}

.headerWrap {width:100%; border-bottom:1px solid #d5d8dc;}

.logo {/* text-align: center; */ padding: 10px 0;}

.htMenu {margin-top: 11px;}
.htMenu li {display:inline; float:left;}
.htMenu li a {font: 12px "arial"; color:#898989;}
.htMenu li a:hover {color:#aaa;}
.htMenu li span.bar {width:20px; height:8px; background:url("../images/htTopSpan.jpg") no-repeat; display: inline-block;}
.htMenu li.htSearchArea {margin-left: 10px; position:relative;}
.htMenu li.htSearchArea input[type="text"] { width: 188px; font-size: 12px; padding:4px 4px 5px; border:1px solid #cbcbcb;}
.htMenu li.htSearchArea input[type="button"] {position: absolute; border: 0px; background: url("../images/searchBtn.jpg") no-repeat;
  top: 1px; right: 1px; width: 24px; height: 23px;}

.htlArea {position:absolute; top:18px; left:43%;}
.htrArea {position:absolute; top:16px; right:0px;}

/* Main Navigation
==========================*/
.menuBg {position: absolute; display:none; top: 120px; left: 0px; width: 100%; height: 50px; background: #fff; z-index: 9;  border-bottom: 1px solid #D5D8DC;}

nav.main_menu h2 {
display:none;
}

nav.main_menu {
position:relative; 
z-index:500;
}

nav.main_menu > ul > li {
display:block; 
float:left; 
position:relative;
}

nav.main_menu > ul > li > a {
  padding: 13px 0;
  margin: 0 44px;
display:block; 
font-family:'Open Sans', Arial, Helvetica, sans-serif; 
font-size:14px; 
color:#333; 
font-weight:bold; 
text-align:left; 
transition: background 0.3s ease-in-out 0s;
}

nav.main_menu > ul > li > a:hover {
text-decoration:none;
}

nav.main_menu > ul > li:hover > a {
  color: #159153;
  padding: 13px 0 9px;
  border-bottom: 4px solid #159153;
}

nav.main_menu > ul > li > a.active {
  color: #159153;
  padding: 13px 0 9px;
  border-bottom: 4px solid #159153;
  background-color:transparent;
}

nav.main_menu > ul > li:hover > a .sub {
color:#fff;
}

nav.main_menu > ul > li.current_page_item > a {
background-color:#04bfea; 
color:#fff;
}

nav.main_menu > ul > li.current_page_item > a .sub {
color: #fff;
}

.sub {
    color: #888888;
    font-size: 10px;
    font-weight: 400;
    margin-top: -6px;
    text-transform: none;
}

nav.main_menu .active {background-color:#0680BF; color:#fff;}

/* submenus */
nav.main_menu ul ul {width: 730px; display: none; position: absolute; border-top: 1px solid #D5D8DC; padding-top: 8px; left: 0px;}
nav.main_menu ul ul li {display:inline-block; position:relative; background-color:#fff; float:left;}
nav.main_menu ul ul li a {padding: 11px 0 12px; margin: 0 10px; display:block; float:left; font-size:12px; color:#333; line-height:1em;}
nav.main_menu ul ul li:hover {transition: background 0.3s ease-in-out 0s;}
nav.main_menu ul ul li:hover > a {color:#159153;}
nav.main_menu li:hover > ul {display:block;}
nav.main_menu > ul > li > ul > li:first-child {border-top:0px;}
nav.main_menu > ul > li > ul > li:first-child li:first-child {border-top:0px;}

nav.main_menu ul ul ul {padding-top:0px; left:185px; top:-2px; border-top:1px solid #242424;}

nav.main_menu ul ul li:first-child > ul {top:0px; border-top:0px;}

nav.main_menu > select {display:none;}

.submenu02 {left:-70px!important; width: 410px!important;}
.submenu03 {left:-20px!important; width: 400px!important;}
.submenu04 {left:-200px!important; width: 500px!important;}
.submenu05 {left:-200px!important; width: 600px!important;}
.submenu08 {left:-260px!important; width: 360px!important;}


/* Responsive Menu
==========================*/

/* hide the link until viewport size is reached */
a.meanmenu-reveal {display: none;}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar { 
float: left;
width: 100%;
position: relative;
/*background: #04bfea;*/
padding: 4px 0;
min-height: 42px;
z-index: 999999;
}
.mean-container a.meanmenu-reveal {
width: 22px;
height: 22px;
padding:23px 23px 21px 23px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
color: #999999;
text-decoration: none;
font-size: 16px;
text-indent: -9999em;
line-height: 22px;
font-size: 1px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
}
.mean-container a.meanmenu-reveal span {
display: block;
background: #999999;
height: 3px;
margin-top: 3px;
}
.mean-container .mean-nav { 
float: left;
width: 100%;
background: #0c1923;
margin-top: 60px;
}
.mean-container .mean-nav ul {
padding: 0;
margin: 0;
width: 100%;
list-style-type: none;
}
.mean-container .mean-nav ul li {
position: relative;
float: left;
width: 100%;
}
.mean-container .mean-nav ul li a {
display: block;
float: left;
width: 90%;
padding: 1em 5%;
margin: 0;
text-align: left;
color: #fff;
border-bottom: 1px solid #383838;
border-bottom: 1px solid rgba(255,255,255,0.5);
text-decoration: none;
text-transform: uppercase;
}
.mean-container .mean-nav ul li li a {
width: 80%;
padding: 1em 10%;
border-bottom: 1px solid #f1f1f1;
border-bottom: 1px solid rgba(255,255,255,0.25);
opacity: 0.75; 
filter: alpha(opacity=75);
text-shadow: none !important;
visibility: visible;
}
.mean-container .mean-nav ul li.mean-last a {
border-bottom: none;
margin-bottom: 0;
}
.mean-container .mean-nav ul li li li a {
width: 70%;
padding: 1em 15%;
}
.mean-container .mean-nav ul li li li li a {
width: 60%;
padding: 1em 20%;
}
.mean-container .mean-nav ul li li li li li a {
width: 50%;
padding: 1em 25%;
}
.mean-container .mean-nav ul li a:hover { 
background: #252525;
background: rgba(255,255,255,0.1); 
}
.mean-container .mean-nav ul li a.mean-expand {
width: 26px;
height: 26px;
border: none !important;
padding: 12px !important;
text-align: center;
position: absolute;
right: 0;
top: 0;
z-index: 2;
font-weight: 700;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
background: none;
}
.mean-container .mean-push { 
float: left;
width: 100%;
padding: 0;
margin: 0;
clear: both; 
}
.mean-nav .wrapper {
width: 100%;
padding: 0;
margin: 0;
}


/*메인지도*/
.photo_con {overflow: hidden; position: absolute; z-index: 5; width: 980px; margin: 0; padding: 0; font-size: 0; line-height: 0; left:0px; top: 50px;}
/*.photo_con div {background: #fff; font-size: 12px; line-height: 12px; border: 2px solid #F5532C; text-align: left; padding: 10px; border-radius: 5px;}*/

.apaciMember1_ko	{margin-top:-158px; margin-left:94px;}
.apaciMember1_guate	{margin-top:-136px; margin-left:669px;}
.apaciMember1_hond	{margin-top:-136px; margin-left:716px;}
.apaciMember1_elsal	{margin-top:-122px; margin-left:690px;}
.apaciMember1_nica	{margin-top:-108px; margin-left:714px;}
.apaciMember1_costa	{margin-top:-88px; margin-left:730px;}
.apaciMember1_pan	{margin-top:-92px; margin-left:762px;}
.apaciMember1_colom	{margin-top:-46px; margin-left:500px;}
.apaciMember1_pe	{margin-top:54px; margin-left:524px;}
.apaciMember1_boli	{margin-top:110px; margin-left:570px;}
.apaciMember1_para	{margin-top:164px; margin-left:612px;}
.apaciMember1_hai	{margin-top:-162px; margin-left:518px;}
.apaciMember1_domi	{margin-top:-164px; margin-left:638px;}
/*20240704 자메이카,에콰도르 추가*/
.apaciMember1_Jamaica	{margin-top:-163px; margin-left:471px;}
.apaciMember1_Ecuador	{margin-top:2px; margin-left:458px;} 


.apaciMember2_nep {margin-top:-38px; margin-left:310px;}
.apaciMember2_rao {margin-top:14px; margin-left:424px;}
.apaciMember2_vet {margin-top:50px; margin-left:460px;}
.apaciMember2_phil {margin-top:34px; margin-left:530px;}
.apaciMember2_ind {margin-top:136px; margin-left:504px;}


.apaciProject01 {margin-top:-36px; margin-left:293px;}
.apaciProject02 {margin-top:-36px; margin-left:392px;}
.apaciProject03 {margin-top:34px; margin-left:293px;}
.apaciProject04 {margin-top:104px; margin-left:293px;} /* 20170309_추가 */
.apaciProject05 {margin-top:104px; margin-left:392px;} /* 20170309_추가 */


.pointko	{margin-top:-145px!important; margin-left:60px!important;}
.pointguate	{margin-top:-127px!important; margin-left:651px!important;}
.pointhond	{margin-top:-126px!important; margin-left:688px!important;}
.pointelsal	{margin-top:-112px!important; margin-left:665px!important;}
.pointnica	{margin-top:-103px!important; margin-left:692px!important;}
.pointcosta	{margin-top:-78px!important; margin-left:702px!important;}
.pointpan	{margin-top:-72px!important; margin-left:732px!important;}
.pointcolom	{margin-top:-38px!important; margin-left:780px!important;}
.pointpe	{margin-top:62px!important; margin-left:768px!important;}
.pointboli	{margin-top:118px!important; margin-left:850px!important;}
.pointpara	{margin-top:168px!important; margin-left:890px!important;}
.pointhai	{margin-top:-157px!important; margin-left:788px!important;}
.pointdomi	{margin-top:-158px!important; margin-left:814px!important;}

.apio {position: absolute; top: 428px; left: 440px;}

.apioView {position: absolute; top: 88px; width: 100%;}
/* .apiovArea {position: relative; background: #fff; height: 340px; opacity: 0.9; border-top: 1px solid #ccc;} */
.apiovArea {position: relative; background: #fff; height: 340px; border-top: 1px solid #ccc;  overflow-y: scroll;} /* edited by kjs 20170303 */
.apiovImg {  position: absolute; top: 30px; left: 30px;}

.apiovArea table {position: absolute; top: 20px; left: 250px;}
.apiovArea table th {font-size:12px; padding: 10px; text-align: left; line-height:20px; line-height: 18px;} /* edited by kjs 20170303 */
.apiovArea table td {font-size:12px; padding: 10px; text-align: left; font-weight: normal; line-height:20px; line-height: 18px;} /* edited by kjs 20170303 */

.apioView2 {position: absolute; top: 48px; width: 100%;}
.apiovArea2 {position: relative; background: #fff; height: 380px; border-top: 1px solid #ccc; overflow-y:scroll;}

.apiovArea2 h3 {margin-top:20px; font-weight:bold;}
.apiovArea2 table {position: relative; top: 0px; left: 30px; width: 920px;}
.apiovArea2 table th {font-size:12px; padding: 14px 10px;}
.apiovArea2 table td {font-size:12px; padding: 14px 10px; line-height:20px;}
.apiovArea2 table td img {width:20px;}
.apiovArea2 table td:first-child + td {font-size:12px; padding: 14px 10px; text-align: left;}

/*
.country01 {margin-top:-56px; margin-left:210px;}
.country02 {margin-top:-56px; margin-left:288px;}
.country03 {margin-top:-56px; margin-left:365px;}
.country04 {margin-top:-56px; margin-left:442px;}
.country05 {margin-top:-2px; margin-left:210px;}
.country06 {margin-top:-2px; margin-left:288px;}
.country07 {margin-top:-2px; margin-left:365px;}
.country08 {margin-top:-2px; margin-left:442px;}
.country09 {margin-top:52px; margin-left:210px;}
.country10 {margin-top:52px; margin-left:288px;}
.country11 {margin-top:52px; margin-left:365px;}
.country12 {margin-top:52px; margin-left:442px;}
.country13 {margin-top:105px; margin-left:249px;}
.country14 {margin-top:105px; margin-left:327px;}
.country15 {margin-top:105px; margin-left:404px;}
*/
/* 20170109_수정 여기부터 */
.country01 {margin-top:-56px; margin-left:210px;}
.country02 {margin-top:-56px; margin-left:288px;}
.country03 {margin-top:-56px; margin-left:365px;}
.country04 {margin-top:-56px; margin-left:442px;}
.country05 {margin-top:-2px; margin-left:210px;}
.country06 {margin-top:-2px; margin-left:288px;}
.country07 {margin-top:-2px; margin-left:365px;}
.country08 {margin-top:-2px; margin-left:442px;}
.country09 {margin-top:52px; margin-left:210px;}
.country10 {margin-top:52px; margin-left:288px;}
.country11 {margin-top:52px; margin-left:365px;}
.country12 {margin-top:52px; margin-left:442px;}
.country13 {margin-top:105px; margin-left:210px;}
.country14 {margin-top:105px; margin-left:288px;}
.country15 {margin-top:105px; margin-left:365px;}
.country16 {margin-top:105px; margin-left:442px;}
.country17 {margin-top:160px; margin-left:210px;}
/* 20170109_수정 여기까지 */

#clientsDropDown {position:absolute; bottom:0px; width:100%; padding-bottom:2%; z-index:100;}
#clientsOpen {color:#ececec; cursor:pointer; font-size:26px; margin:-2px 0 0 100%; padding: 0 15px 2px; text-decoration:none; width:63px;}
#clientsCTA {background:#414141; width:100%; color:#ccc; text-align:center; font-size:46px; margin:0; padding:30px 0; text-decoration:none;}
#clientsDropDown .clientsClose {background-image:none;}
#clientsDropDown #clientsDashboard {display:none;}

/************메인 지도**************/

.Gmapimg{
	display:none;
	position:absolute;
	top:200px; left:0px;
	cursor:pointer;
}
/* mainMapArea 
==========================*/

.mainMapArea {width:100%;   height: 503px; background:url("../images/mainMapBg.jpg") repeat-x center; }
.mainMapAreaBg {background: url("../images/mainTabInnerMapBg.jpg") no-repeat center; background-position-y: 50px; height: 503px;}
.tabArea li {display:inline; float:left; background: #83C132; width: 245px; height:50px; text-align: center;}
.tabArea li:hover {background: #f6871b;}
.tabArea li a {display: inline-block; color: #fff;}
.tabArea li a.tab01 { padding: 5px 10px;}
.tabArea li a.tab02 { padding: 15px 50px;}
.tabArea li a.tab03 { padding: 15px 10px;}
.tabArea li a.tab04 { padding: 15px 50px;}

.tabArea .tabArrow01 {border-color: transparent; border-top-color: #F6871B; border-style: dashed dashed solid; 
	border-width: 8.5px; position: absolute; top: 50px; left: 120px; z-index: 6; height: 0; width: 0;}
.tabArea .tabArrow02 {border-color: transparent; border-top-color: #F6871B; border-style: dashed dashed solid; 
	border-width: 8.5px; position: absolute; top: 50px; left: 360px; z-index: 6; height: 0; width: 0;}
.tabArea .tabArrow03 {border-color: transparent; border-top-color: #F6871B; border-style: dashed dashed solid; 
	border-width: 8.5px; position: absolute; top: 50px; left: 610px; z-index: 6; height: 0; width: 0;}
.tabArea .tabArrow04 {border-color: transparent; border-top-color: #F6871B; border-style: dashed dashed solid; 
	border-width: 8.5px; position: absolute; top: 50px; left: 850px; z-index: 6; height: 0; width: 0;}

.mainTabInnerMap01 {/*width: 980px; height: 453px; background:url("../images/mainTabInnerMap01.jpg") no-repeat;*/}
.mainTabInnerMap02 {/*width: 980px; height: 453px; background:url("../images/mainTabInnerMap02.jpg") no-repeat; position: absolute; left: 0px;*/}

/* mainArea 
==========================*/
/* .mainArea {width:100%; min-height: 450px;} */
/* edited by kjs 20170109 */
.mainArea {width:100%; min-height: 0px;}

.mainText {margin-top: 20px; font-size: 16px;}

/* .mainArea .mainBtnArea div {position:relative; display: inline-block; width: 196px; height: 220px; float: left;} */
/* edited by kjs 20170109 : */
.mainArea .mainBtnArea div {position:relative; display: inline-block; width: 196px; float: left;}
.mainArea .mainBtnArea div.bgf5 {background:#f5f5f5;}
.mainArea .mainBtnArea div img {padding: 20px 47px 8px;}
.mainArea .mainBtnArea div h3 {margin-left: 20px; margin-bottom: 10px;}
.mainArea .mainBtnArea div h3 img {padding:0px; vertical-align: bottom;}
.mainArea .mainBtnArea div p {margin-left:20px; line-height: 16px;}

.mainNewsletter {position: relative; width: 588px; display: inline-block; border-right: 1px solid #eee; float: left;}
.mainNewsletter .imgArea {position: relative; background: #e1f5dd; width: 196px; float: left; text-align: center; padding: 14px 0;}
.mainNewsletter .imgArea .newsNewImg {position: absolute; top: 0px; left: 0px;}
.mainNewsletter .nmlArrow {border-color: transparent; border-left-color: #E1F5DD; border-style: dashed dashed solid;
  border-width: 8.5px; position: absolute; top: 110px; left: 196px; z-index: 1; height: 0; width: 0;}
.mainNewsletter .nmlText {display: inline-block; padding: 20px 0px 0px 24px; width: 352px;}
.mainNewsletter .nmlText h3 {margin-bottom: 10px; font-weight: bold; color: #333333;}
.mainNewsletter .nmlText ul li {line-height: 24px; list-style-type: square; margin-left: 16px; color: #666666;}

.noticeArea {position: relative; width: 350px; display: inline-block; padding: 20px 0 0 24px;}
.noticeArea .noticeHeader h3 {margin-bottom: 10px; color: #333333;}
.noticeArea .noticeHeader a.more {background:url("../images/more01.jpg") no-repeat; text-indent: -10000px; display: inline-block; width: 42px; height: 13px; position: absolute; top: 24px; right: 10px;}
.noticeArea .noticeContent {border-bottom: 1px dashed #ccc; margin-bottom: 20px;}
.noticeArea .noticeContent img {float:left; margin-right:20px;}
.noticeArea .noticeContent h4 {margin-bottom: 10px; font-weight: 900; color: #333333; font-size: 11px;}
.noticeArea .noticeContent p {line-height: 18px; text-align: left;}
.noticeArea .noticeList li {line-height: 24px; list-style-type: square; margin-left: 16px; color: #666666;}

.letterArea {position: relative; padding-top: 20px; width: 588px; display: inline-block; border-right: 1px solid #eee; float: left;}
.letterArea img {float: left; margin-right: 40px;}
.letterArea h4 {margin: 10px 0; font-weight: bold;}
.letterArea input[type="text"] {width: 300px; font-size: 12px; padding: 4px 4px 5px; border: 1px solid #cbcbcb;}
.letterArea input[type="button"] {padding: 4px 20px; border: 1px solid #159153; vertical-align: middle; background: #159153; color: #fff;}

.subArea {background:#ededed;}
.subArea .backfff {background: #fff; padding: 30px; max-width: 920px;  min-height: 730px;}

.subArea .location {position: absolute; top: 34px; right: 30px;}
.accordion-expand-holder {  text-align: right; margin-bottom: 0px; margin-top: 20px;}
#accordion div h4 {font-weight:bold; margin-bottom: 10px;  color: #159153;}
#accordion div li {  list-style: square;  font-size: 14px;  line-height: 20px;}
#accordion div p.impact {margin: 0px; font-weight: bold; font-size: 14px;}

#accordion div p.impact01 {background: url(../images/01.png) 10px 10px no-repeat; height: 40px; margin-top: 10px;  margin-bottom: 0px; padding-left: 70px; padding-top: 10px; font-weight: bold; font-size: 14px;}
#accordion div p.impact02 {background: url(../images/02.png) 10px 10px no-repeat; height: 40px; margin-top: 10px;  margin-bottom: 0px; padding-left: 70px; padding-top: 10px; font-weight: bold; font-size: 14px;}
#accordion div p.impact03 {background: url(../images/03.png) 10px 10px no-repeat; height: 40px; margin-top: 10px;  margin-bottom: 0px; padding-left: 70px; padding-top: 10px; font-weight: bold; font-size: 14px;}

.secTable {border-collapse:collapse; width: 100%; border-top:2px solid #98c9f6; margin:0 auto;}
.secTable th {height:25px; border:1px solid #eee; padding:4px; color:#2794d7; font-size:12px; background:#f5f5f5; text-align:center;}
.secTable td {height:25px; border:1px solid #eee; padding:3px; color:#686868; font-size:12px; line-height:18px;}
.secTable td.secimg {vertical-align:middle; text-align:center; width:110px;}

.projectText {display:inline-block;}
.projImg {float: left; margin-right: 20px;}

.poTit {font-weight: bold; vertical-align: middle; text-align: center;}

.contentH2 {margin-bottom: 20px; border-bottom: 2px solid #159153; padding-bottom: 10px;}

.subMenu {float: left; overflow:hidden;}
.subMenu h2 { padding-left: 20px; margin-bottom: 20px;}
.subMenu li a {display: inline-block; padding: 10px 20px; width:84%; background: #fff; text-align: left;  border-bottom: 1px solid #ededed;}
.subMenu li a:hover {display: inline-block; padding: 10px 20px; width:84%; background: #0680BF; color: #fff; text-align: left;}
.subMenu .active {display: inline-block; padding: 10px 20px; width:84%; background: #0680BF; color: #fff; text-align: left;}

.subContentArea {float: right; max-width: 680px; padding-left: 20px; padding-right: 20px;}
.subContentArea div {margin-bottom: 40px;}
.subContentArea h3 {margin-bottom: 32px;}
.subContentArea ol li {list-style: circle; margin-left: 20px; line-height: 24px;}
.subContentArea ol li ol li {list-style: square;}

.subContentArea .orgnztArea {background: url("../images/ogaBg.jpg") no-repeat; margin-bottom: 0px;}
.subContentArea .orgnztArea h5 {border: 1px solid #0573AB; padding: 10px; display: block; width: 180px; color: #fff;
  text-align: center; background: #0680BF; border-radius: 5px; margin:10px auto 30px;}
.subContentArea .orgnztArea ul {position:relative;}
.subContentArea .orgnztArea .ogaLine{border-bottom: 1px dashed #ccc; padding-bottom: 10px;}
.subContentArea .orgnztArea li {list-style: none;  margin-left: 10px;}
.subContentArea .orgnztArea div {width: 180px; display: inline-block; position: relative; border: 1px solid #ccc;
  border-radius: 5px; padding: 10px; vertical-align: top;}
.subContentArea .orgnztArea h6 {border: 1px solid #1999DA; padding: 10px; display: block; width: 160px; margin: 0 auto; color: #fff; text-align: center;
  background: #3C9FD2; border-radius: 5px;}
.subContentArea .orgnztArea .ogaCenter {margin: 0 22px; border: 0px; padding: 0px; width: 200px;}
.subContentArea .orgnztArea .ogaCenter div {background: #fff;}
.subContentArea .orgnztArea .ogaRight {border: 0px; padding: 0px; width: 200px;}
.subContentArea .orgnztArea .ogaRight div {background: #fff;}

.subContentArea .orgnztArea .ogaImg {display: inline-block; width: 80px; height: 100px; margin-top: 10px;}
.subContentArea .orgnztArea .ogaName {position: absolute; top: 46px; left: 108px;}
.subContentArea .orgnztArea .notMember {margin: 60px 0; text-align: center;}

.subContentArea .orgnztArea .ogaBottom {width: 638px;}
.subContentArea .orgnztArea .ogaBottom h6 {float: left; width: 100px; margin-right: 10px;}
.subContentArea .orgnztArea .ogaBottom li {margin-top: 8px;}

.rulesArea {position: absolute; top: 250px; left: 20px;}

.rulesWrap {}
.rulesWrap h4 {float:left; width:120px; padding-right:30px; min-height:25px;}
.rulesContent {float:left; max-width:530px; margin-bottom:20px!important;}
.rulesContent .olp {margin-bottom: 4px;}
.rulesContent ol {margin-bottom:20px;}
.rulesContent ol li {list-style: decimal;}
.rulesContent ol li ol li{list-style: hangul;}

.listCir {list-style: circle!important;}
.underline {text-decoration: underline;}

.bottomInfo {list-style:none!important; margin-top:20px; border: 1px solid #ccc; padding: 20px; text-align: center; background: #efefef;}

.subAreaClear {height: 20px;}

.subBoardArea {padding-left: 20px; padding-right: 20px;}
.subBoardArea h3 {border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px;}
.subBoardArea h3 span {font-size: 12px; margin-top: 8px; margin-left: 10px;}
.subBoardArea h3 span.location {float:right;}

.countryUrlLink {position: absolute; top: 40px; right: 30px;}
.countryUrlLink select {padding: 10px 20px; border-radius: 5px;}

.countryLink {position: absolute; top: 20px; right: 30px;}
.countryLink p {padding: 10px; text-align: center; margin-bottom: 10px; background: #FDFF9D; font-style: italic; font-weight: bold;}

.countryTit {padding: 10px; font-size: 30px;}
.countryInfo {padding-top:40px; clear: both;}
.countryInfo h4 {font-weight: bold; background: #1FCEBD; color: #fff; padding: 10px; display: inline-block; margin-bottom: 20px; box-shadow: 10px 10px 1px 1px #ccc;}
.countryInfo li {margin-left: 10px;}
.countryInfo li:before {content: counter(item,square) " "; color: #FFB516;}
.countryNCP {background: #148B53; color: #fff; padding: 20px; font-weight: bold; border: 1px dashed #8DF1C2;}

.contTaCon li {list-style-type:decimal;}
.contTaCon li:before {content:'';}

.cboardType {width:100%; border-top:2px solid #666; font-size:12px; margin:10px 0;}
.cboardType th {padding:4px 1.2em; font-weight:bold; text-align:center; border-right:1px solid #d4d4d6; border-bottom:1px solid #d4d4d6; background:#5297DE; color:#fff;}
.cboardType td {padding:7px 1.2em; font-weight:bold; text-align:center; border-right:1px solid #d4d4d6; border-bottom:1px solid #d4d4d6; border-left: 1px solid #d4d4d6; vertical-align: middle;}
.cboardType td span {color:#666;}

.cboardType .colTd td {background: #F3F4F6;}

.dateArea {}
.dateArea span {float:left; padding: 6px;}
.dateArea input {float:left; width: 100px!important; padding: 6px 12px!important; height: 20px; margin-right: 10px;}
.dateArea img {float:left; cursor:pointer;}
.dateArea select {float:left; width:90px; margin-left: 10px;}

.locationArea img {width:100%;}

/* Footer
==========================*/
.footer {border-top: 1px solid #d5d8dc; color: #fff; background: #88bb4d url("../images/footLineBg.jpg") no-repeat right;}
.footer h3 {border-bottom: 1px dashed #4C4C4C; margin-bottom: 25px; padding-bottom: 10px; color: #E5E5E5;}

.footer p {color: #fff;}
.footer a {color: #FFFFFF; -webkit-transition: color 0.2s ease; transition: color 0.2s ease;}
.footer a:hover {color: #04BFEA;}

.footer-top {overflow: hidden; padding: 36px 0 20px;}
.footer-top .twitter a.link { color: #FFFFFF;}
.footer-top .twitter a.link:hover { color: #04BFEA;}

.footer .contact-mail a {color: #E2E2E2; -webkit-transition: color 0.2s ease; transition: color 0.2s ease;}
.footer .contact-mail a:hover {color: #04BFEA;}
.contact .contact-address i:before {font-size: 16px !important;}

.footTitle {color: #fff!important; font-size: 14px;}

.footer-bottom {padding: 15px 0;}
.footer-bottom p {margin-bottom: 0;  line-height: 18px;}
.footer-bottom a {color: #FFFFFF; -webkit-transition: color 0.2s ease; transition: color 0.2s ease;}
.footer-bottom a:hover {color: #04BFEA;}

/* login */
#loginArea li {line-height: 50px;}
#loginArea input {padding: 10px; width: 250px; border: 1px solid #cacdd0; border-radius: 3px; box-shadow: 0px 0px 3px #cacdd0;}
#loginArea input[type="text"] {}
#loginArea input[type="password"] {}
#loginArea input[type="button"] {width:272px; background: #159153; border: 1px solid #0D8247; color: #fff; cursor: pointer;}
#loginArea input[type="button"]:hover {background: #25A967; border: 1px solid #199C5A;}

/* passwordcheck */
#answerPassChk li {line-height: 50px;}
#answerPassChk input {padding: 10px; width: 250px; border: 1px solid #cacdd0; border-radius: 3px; box-shadow: 0px 0px 3px #cacdd0;}
#answerPassChk input[type="text"] {}
#answerPassChk input[type="password"] {}
#answerPassChk input[type="button"] {width:272px; background: #159153; border: 1px solid #0D8247; color: #fff; cursor: pointer;}
#answerPassChk input[type="button"]:hover {background: #25A967; border: 1px solid #199C5A;}

/* popup */
#popupViewForm {position: absolute; bottom: 0px; background-color: #000; width: 100%; text-align: right; color: #fff; padding: 6px 0px;}
#cookieChk {vertical-align:middle;}
#close {vertical-align: middle; margin-right: 10px;}

.errorArea {text-align:center;}
.errorArea p {text-align: center; font-weight: bold; font-size: 20px;}
.errorArea a {text-decoration: underline;}
.errorCode {font-family:Tahoma; font-weight:bold; color:#E82424; font-size:20px;}
.errorText {font-family:Tahoma; font-weight:bold; color:#000000; line-height:150%; width:440px; height:70px;}
/*==========================*/
.clearout {height: 20px; clear: both;}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {display: none;}
.nbs-flexisel-container {position: relative; max-width: 82%; float: right; margin-top: 20px;}
.nbs-flexisel-ul {position: relative; width: 9999px; margin: 0px; padding: 0px; list-style-type: none; text-align: center;}
.nbs-flexisel-inner {overflow: hidden; margin: 0 auto; width: 100%;}
.nbs-flexisel-item {float: left; margin: 0px; padding: 0px; cursor: pointer; position: relative; line-height: 0px;}
.nbs-flexisel-item > img {cursor: pointer; position: relative; margin: 0; max-width: 100%; height: auto;}

/*** Navigation ***/

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {}
.nbs-flexisel-nav-left {background: url(../images/prevArrow.png) no-repeat center center #fff; cursor: pointer; height: 18px; 
	margin-right: 2px; position: absolute; width: 18px; border:1px solid #d2d2d2; left: -60px; top: 3px !important;}
.nbs-flexisel-nav-right {background: url(../images/nextArrow.png) no-repeat center center #fff; cursor: pointer; height: 18px;
    position: absolute; width: 18px; border:1px solid #d2d2d2; left: -40px; top: 3px !important;}
.nbs-flexisel-nav-left a {display:none;}
.nbs-flexisel-nav-right a {display:none;}

.nbs-flexisel-nav-left:hover, .nbs-flexisel-nav-right:hover {opacity: 1;}

/* #Home Styles
================================================== */
.top-shadow {
	display: block;
	width: 100%;
	height: 5px;
	position: absolute;
	z-index: 40;
	margin: auto;
	box-shadow: 0 2px 3px rgba(0,0,0,0.1) inset;
}

/* #board Styles
================================================== */
.boardH2 {margin-bottom: 20px; border-bottom: 2px solid #159153; padding-bottom: 10px;}

.boardSearchArea {float: right; padding: 10px 0;}
.boardSearchArea li {float:left; margin: 0 2px;}
.boardSearchArea select {padding: 2px;}
.boardSearchArea input[type="button"] {padding: 2px 10px; background: #159153; border: 1px solid #0C8348; box-shadow: 0 1px 3px rgba(0,0,0,0.1); text-shadow: 0 -1px 0 #25A867; color: #fff; font-size: 14px;}

.gallerySearchArea {float: right; padding: 10px 0;}
.gallerySearchArea li {float:left; margin: 0 2px;}
.gallerySearchArea select {padding: 2px;}
.gallerySearchArea input[type="button"] {padding: 2px 10px; background: #159153; border: 1px solid #0C8348; box-shadow: 0 1px 3px rgba(0,0,0,0.1); text-shadow: 0 -1px 0 #25A867; color: #fff; font-size: 14px;}

.photoArea {position: relative; display: block; max-width:764px;}
.photoText {position: absolute; left:0px; bottom: 6px; width: 100%; background: #000; color: #fff!important; text-align: center; line-height: 26px;}

.boardStyle01 {display:inline-block; float:left; width:458px; height:204px; position:relative; padding: 10px 0; border-bottom: 1px solid #ccc;}
.boardStyle01 .boardImg {position:relative; float:left; line-height: 0;}
.boardStyle01 .boardImg .newsNewImg {position: absolute; width: 64px; height: 64px;}
.boardStyle01 .boardImg img {width:150px; height:204px;}

.boardStyle01 .boardContent {margin-left:160px;}
.boardStyle01 .boardContent h3 {font: 14px "arial"; margin-bottom: 10px;}
.boardStyle01 .boardContent h3 a {color:#159153;}
.boardStyle01 .boardContent h3 a:hover {color:#2DB68E;}
.boardStyle01 .boardContent .boardEtc {font-size:12px;}
.boardStyle01 span.bar {width: 20px; height: 8px; background: url("../images/htTopSpan.jpg") no-repeat; display: inline-block;}
.boardStyle01 span.count {color:#159153;}
.boardStyle01 .boardContent .download {position: absolute; left: 160px; top: 196px; padding-left: 20px; background-image: url("../images/jquery/ui-icons_2e83ff_256x240.png");
	background-position: -224px -45px; width: 0px; height: 20px;}

.galleryArea {clear:both;}
.boardGallStyle {width: 215px; float: left; margin-right: 20px;  margin-bottom: 20px;}
.boardGallStyle .boardImg {height: 140px; overflow: hidden; margin-bottom: 10px;}
.boardGallStyle .boardContent h3 {font: 14px "arial"; margin-bottom: 10px;}
.boardGallStyle .boardContent h3 a {color:#159153;}
.boardGallStyle .boardContent h3 a:hover {color:#2DB68E;}

.boardNewsStyle {width: 215px; float: left; margin-right: 20px;  margin-bottom: 20px;}
.boardNewsStyle .boardImg {position:relative; text-align: center; margin-bottom: 10px; line-height: 0; overflow: hidden;}
.boardNewsStyle .boardImg .newsNewImg {position: absolute; width: 64px; height: 64px;}
.boardNewsStyle .boardImg img {width:177px; height:229px;}
.boardNewsStyle .boardImg a {  background: #159153; display: inline-block; padding: 16px 80px; color: #fff;}
.boardNewsStyle .boardImg a:hover { background: #1FAE67;}
.boardNewsStyle .boardContent {text-align:center;}
.boardNewsStyle .boardContent h3 {font: 14px "arial"; margin-bottom: 10px;  height: 30px;}
.boardNewsStyle .boardContent h3 a {color:#159153;}
.boardNewsStyle .boardContent h3 a:hover {color:#2DB68E;}

/*.boardImg a img { width: 390px; height: 140px; }*/
.boardImg a img { width: 100%; height: 140px; }

.boardArea {padding-bottom: 20px;}

.tblType {width:100%; border-top:2px solid #666; font-size:0.86em; margin:10px 0;}
.tblType th {padding:7px 1.2em; font-weight:bold; text-align:center; border-right:1px solid #d4d4d6; border-bottom:1px solid #d4d4d6; background:#0680BF; color:#fff;}
.tblType td {padding:7px 1.2em; font-weight:bold; text-align:center; border-right:1px solid #d4d4d6; border-bottom:1px solid #d4d4d6;}

.tblType .colTd td {background: #F3F4F6;}


.chairmanType {width:680px; border-top:2px solid #666; font-size:0.86em; margin:10px 0;}
.chairmanType th {padding:7px 1.2em; font-weight:bold; text-align:center; border-right:1px solid #d4d4d6; border-bottom:1px solid #d4d4d6; background:rgba(133, 194, 58, 1); color:#fff;}
.chairmanType td {padding:7px 1.2em; font-weight:bold; text-align:center; border-right:1px solid #d4d4d6; border-bottom:1px solid #d4d4d6; border-left: 1px solid #d4d4d6; vertical-align: middle;}

.chairmanType .colTr {background: #F5F5F5;}

.boardType {width:100%; border-top:2px solid #666; font-size:12px; margin:10px 0;}
.boardType th {padding:4px 1.2em; font-weight:bold; text-align:center; border-right:1px solid #d4d4d6; border-bottom:1px solid #d4d4d6; background:#808080; color:#fff;}
.boardType td {padding:7px 1.2em; font-weight:bold; text-align:center; border-right:1px solid #d4d4d6; border-bottom:1px solid #d4d4d6; border-left: 1px solid #d4d4d6; vertical-align: middle;}
.boardType td span {color:#666;}

.boardType .colTd td {background: #F3F4F6;}

.boTopSelect {float:left;}
.boTopSearch {float:right;}

.btnArea {float: right; margin-top: 20px;}
.btnArea a {display: inline-block; margin-right: 3px; padding: 3px 9px;
	background: #0680BF; border-radius: 2px; border: 1px solid #e2e2e2; color: #fff;
	text-shadow: 0 1px 0 rgb(3, 102, 153);	text-align: center;	font-size: 12px; 
	-webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.btnArea a:hover {background: #04BFEA; border: 1px solid #2899B3;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1); text-shadow: 0 -1px 0 #17d4ff; color: #fff;}
.pagination a.active {background: #f5f5f5; box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
	border-color: #d9d9d9;}


.boardWriteType {width:100%; border-top:2px solid #666; font-size:0.86em; margin:10px 0;}
.boardWriteType th {padding:7px 1.2em; font-weight:bold; text-align:center; border-right:1px solid #d4d4d6; border-bottom:1px solid #d4d4d6; background:#5A5A5A; color:#fff;}
.boardWriteType td {padding:7px 1.2em; font-weight:bold; text-align:left; border-right:1px solid #d4d4d6; border-bottom:1px solid #d4d4d6; border-left: 1px solid #d4d4d6; vertical-align: middle;}
.boardWriteType td span {color:#666;}
.boardWriteType td input {width: 94%; padding: 10px; border-radius: 10px; border: 1px solid #ccc;}
.boardWriteType td textarea {width:100%; height:250px;}
.boardWriteType p {margin: 0;}
/*.boardWriteType img {width:100%;}*/
.photoGallay img {width:100%;}

.btnWriteArea {margin-top: 20px; text-align:center;}
.btnWriteArea a.on {display: inline-block; margin-right: 3px; padding: 3px 9px;
	background: #0680BF; border-radius: 2px; border: 1px solid #e2e2e2; color: #fff;
	text-shadow: 0 1px 0 rgb(3, 102, 153);	text-align: center;	font-size: 12px; 
	-webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.btnWriteArea a.on:hover {background: #04BFEA; border: 1px solid #2899B3;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1); text-shadow: 0 -1px 0 #17d4ff; color: #fff;}
.btnWriteArea a {display: inline-block; margin-right: 3px; padding: 3px 9px;
	background: #efefef; border-radius: 2px; border: 1px solid #e2e2e2; color: #2d2d2d;
	text-align: center;	font-size: 12px; 
	-webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.btnWriteArea a:hover {background: #04BFEA; border: 1px solid #2899B3;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1); text-shadow: 0 -1px 0 #17d4ff; color: #fff;}

.yline {color: #ccc!important;}
.boardViewSubject {border-bottom:0px!important; font-size: 16px; padding:12px 10px 2px!important; background: #EFEFEF;}
.boardViewEtc { background: #EFEFEF;}
.boardViewContent {height:250px; vertical-align:top!important;font-size: 14px; padding: 10px 12px!important;}

/* .thumImgArea img {width:100px;} */

.form-control {display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; 
	background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.pubFootTxt {color: #292F84;}

.countryBoard {width: 100%;}
.countryBoard td {text-align:center; padding: 20px; vertical-align: middle;}

.mcArea {}
.mcArea li {width: 27%; display: inline-block;}
.mcArea p {text-align: center; margin: 20px 0 0;}

/* #comment Styles
================================================== */
.noCommentArea {background: #efefef; border: 1px solid #ccc; text-align: center; padding: 10px;}
.commentArea {border-bottom: 1px solid #ccc; margin-top:10px;}
.commentArea div {display: inline-block; width: 100%;}
.commentArea li {float:left; margin-right: 6px;}
.commentArea li input[type="text"] {width: 120px;}
.commentArea li input[type="password"] {width: 120px;}
.commentArea textarea {width: 814px; height:44px;}
.commentArea .clearEl input[type="button"] {float: right; width: 90px; height: 50px; cursor: pointer; display: inline-block; background: #29BD73;
    border-radius: 2px; border: 1px solid #12A65C; font-weight: bold; color: #fff; text-shadow: 0 1px 0 rgb(22, 165, 93); -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;}
.commentArea .clearEl input[type="button"]:hover {background: #3BCB83; border: 1px solid #18A961; box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    text-shadow: 0 -1px 0 #17A860; color: #fff;}

.commentView {padding:0px 10px 10px; width: 730px!important;}
.commentArea .name {font-weight: bold;}
.commentArea .date {font-size:11px;}

.commentArea h4 {margin-top: 20px; border-bottom: 1px solid #ccc; padding: 10px 0;}

.cmtWrite li {display:inline; float:left;}
.cmtWrite li input[type="text"] {width: 790px; height: 35px; padding: 10px; font-size: 16px;}
.cmtWrite li input[type="button"] {padding: 20px;}

.cmtView {padding: 10px; border-bottom: 1px dashed #ccc;}
.cmtView .cmtvTop {margin-bottom: 8px;}
.cmtView .cmtvContent {font-size: 14px; font-weight: bold;}
.cmtView .cmtvBtn {float:right;}

/* #pagination Styles
================================================== */

.pagination {margin: 30px 0 30px; padding: 0; text-align: center; list-style: none;
	line-height: 25px; word-spacing: -1px;}
.pagination div, .pagination a {display: inline-block; height: 25px; margin-right: 3px;
	padding: 0 9px;	background: #fafafa; border-radius: 2px; border: 1px solid #e2e2e2;
	text-shadow: 0 1px 0 white;	text-align: center;	font-size: 12px; color: #424346;
	-webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.pagination a:hover {background: #159153; border: 1px solid #0C8348; box-shadow: 0 1px 3px rgba(0,0,0,0.1); text-shadow: 0 -1px 0 #25A867; color: #fff;}
.pagination a.active {background: #f5f5f5; box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
	border-color: #d9d9d9;}
.pagination a.active:hover {text-shadow: 0 1px 0 white;	color: #424346;}
.pagination a.active, .pagination div {cursor: default;}


/* #common Styles
================================================== */
.tl {text-align:left!important;}
.tc {text-align:center!important;}
.tr {text-align:right!important;}

.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.ml5 {margin-left:5px;}
.mb10 {margin-bottom:10px!important;}
.mr0 {margin-right:0px!important;}
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}

.fcf00 {color:#f00;}
.fc0f0 {color:#0f0;}
.fc00f {color:#00f;}
.fcaaa {color:#aaa;}

.fl {float:left;}
.fr {float:right;}

.vat {vertical-align:top!important;}
.vam {vertical-align:middle;}


.w100 {width:100px!important;}

.clearDiv {clear:both; margin-bottom: 0px!important;}
.hidden {display:none;}
.hide {position: absolute; width:0; height:0; color: transparent;text-indent:-9999px; padding:0; margin:0;visibility:hidden;overflow:hidden;}

.bgc01 {background:#E1F0FF;}
.bgc02 {background:#F5FAFF;}

#calendar {max-width: 920px; margin: 0 auto;}


.container                                  { position: relative; max-width: 980px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.container .columnsR                        { float: right; display: inline; margin-left: 10px; margin-right: 10px; }
.row                                        { margin-bottom: 20px; }

/* Nested Column Classes */
.column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; }

/* Base Grid */
.container .one.column,
.container .one.columns                     { width: 40px;  }
.container .two.columns                     { width: 100px; }
.container .three.columns                   { width: 160px; }
.container .four.columns                    { width: 220px; }
.container .five.columns                    { width: 280px; }
.container .six.columns                     { width: 340px; }
.container .seven.columns                   { width: 400px; }
.container .eight.columns                   { width: 460px; }
.container .nine.columns                    { width: 520px; }
.container .ten.columns                     { width: 580px; }
.container .eleven.columns                  { width: 640px; }
.container .twelve.columns                  { width: 700px; }
.container .thirteen.columns                { width: 760px; }
.container .fourteen.columns                { width: 820px; }
.container .fifteen.columns                 { width: 880px; }
.container .sixteen.columns                 { width: 940px; }

.container .one-third.column                { width: 300px; }
.container .two-thirds.column               { width: 620px; }

/* Offsets */
.container .offset-by-one                   { padding-left: 60px;  }
.container .offset-by-two                   { padding-left: 120px; }
.container .offset-by-three                 { padding-left: 180px; }
.container .offset-by-four                  { padding-left: 240px; }
.container .offset-by-five                  { padding-left: 300px; }
.container .offset-by-six                   { padding-left: 360px; }
.container .offset-by-seven                 { padding-left: 420px; }
.container .offset-by-eight                 { padding-left: 480px; }
.container .offset-by-nine                  { padding-left: 540px; }
.container .offset-by-ten                   { padding-left: 600px; }
.container .offset-by-eleven                { padding-left: 660px; }
.container .offset-by-twelve                { padding-left: 720px; }
.container .offset-by-thirteen              { padding-left: 780px; }
.container .offset-by-fourteen              { padding-left: 840px; }
.container .offset-by-fifteen               { padding-left: 900px; }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

	.clearEl {clear: both;}


/*********************
    - Responsive -
*********************/
@media only screen and (min-width:0px) and (max-width:767px) {
	form label {
		clear:both;
		width:100%;
		margin-bottom:6px;	
	}
	
	form .inputs {
		clear:both;
		width:100%;
	}
}

@media only screen and (min-width:480px) and (max-width:767px) {
	.ajax-contact-form {
		margin:30px auto;		
	}
	
	.ajax-contact-form div.form .title {
		font-size:16px;
		padding:12px;	
	}
	
	form label {
		font-size:12px;
		line-height:12px;	
	}
}

@media only screen and (min-width:0px) and (max-width:479px) {
	.ajax-contact-form {
		margin:15px auto;		
	}
	
	.ajax-contact-form div.form .title {
		font-size:14px;
		padding:10px;	
	}
	
	form label {
		font-size:11px;
		line-height:11px;	
	}
	
	input.aweform[type=text], select.aweform {
		width:100%;	
	}
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	
	.htMenu {display:none;}

	.logo {
      text-align: left;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index:9999999;  width: 180px;
	}
	
	.footer-bottom p {
	padding-left: 17px;
	}
	
	.footer-nav ul {
    float: left;
    }
	
	.footer-nav ul li a.first {

	}
	
	.breadcrumbs ul {
	float: left;
	}
	
	.service {
	margin: 20px 0;
	}
	
	.services img {
	margin: 25px 0;
	}
	
	.filter-list  { display: none; }
	
	.filter-select {
	display: block;
    position: relative;
    margin-top: -15px;
    margin-bottom: 25px;
    }

	
	.subMenu {display:none;}
	.subArea .backfff {padding-bottom: 10px;}
	.subContentArea {float:none; margin: 0 auto;}
	.subContentArea .orgnztArea h5 {width:190px;}

	.rulesArea {position: relative; top: 0px; left: 40px; margin-bottom: 30px;}
	.rulesWrap h4 {width:100%;}
	.rulesContent {max-width:100%;}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	.mean-nav h2 {display:none;}

	.nbs-flexisel-container { position: relative; max-width: 76%; float: right; margin-top: 20px;}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	.desc { margin-bottom: 20px !important; }
	.promo .btn.big {
	float: none;
	margin: 3px 0 30px 30px;
	padding: 0 24px 0px;
	line-height: 38px;
    }

	.mean-nav h2 {display:none;}

	.mainArea {width: 100%; height: 397px; background: url("../images/mainBg.jpg") no-repeat -100px -50px; background-size: 1000px;}
	
	.mainArea h3 { position: absolute; top: 50px; right: 0px;}
	.mainArea h3 img {  width: 100%;}

	.mainArea .mainContentArea {margin-top: 402px; width: 100%;}

	.mainArea .mainMenuBtnArea {  position: absolute; top: 306px; left: 0px; width:100%;}
	.mainArea .mainMenuBtnArea a { float: left; height: auto;}

	.mainArea .mainMenuBtnArea a.mmba01 {width: 103px; height: 87px; background: url("../images/mainBtn01.jpg") no-repeat;  background-size: 103px; text-indent: -10000px;}
	.mainArea .mainMenuBtnArea a.mmba02 {width: 103px; height: 87px; background: url("../images/mainBtn02.jpg") no-repeat;  background-size: 103px; text-indent: -10000px;}
	.mainArea .mainMenuBtnArea a.mmba03 {width: 102px; height: 87px; background: url("../images/mainBtn03.jpg") no-repeat;  background-size: 103px; text-indent: -10000px;}
	.mainArea .mainMenuBtnArea a.mmba04 {width: 102px; height: 87px; background: url("../images/mainBtn04.jpg") no-repeat;  background-size: 103px; text-indent: -10000px;}
	
	.mainArea .mainLatest01 { position: relative; background: #0680bf; width: 88%; float: left; padding: 20px; color: #fff;}
	.mainArea .mainLatest02 { background: #FFFFFF; width: 88%; float: left; padding: 20px; border-bottom:0px; height: 189px;}
	.mainArea .mainLatest03 { background: #FFFFFF; width: 88%; float: left; padding: 20px;}

	.headline { display: inline-block; float: left; background:none; width:auto; padding: 22px 20px; margin: 0;}
	.nbs-flexisel-container { position: relative; max-width: 48%; float: right; margin-top: 20px;}
	
	#fLogo {display:none;}

	.subMenu {display:none;}
	.tblType {display:none;}
	.subContentArea {float:none; margin: 0 auto;}
	.subContentArea .orgnztArea {background:none;}
	.subContentArea .orgnztArea div {width:100%;}
	.subContentArea .orgnztArea h6 {width:92%;}
	.subContentArea .orgnztArea .ogaLeft {width:92%;}
	.subContentArea .orgnztArea .ogaRight {width:92%; margin-bottom:0px;}
	.subContentArea .orgnztArea .ogaCenter {margin:0px; width:92%;}
	.subContentArea .orgnztArea .ogaBottom {width:92%;}
	.subContentArea .orgnztArea .ogaBottom h6 {width:92%; margin-bottom:10px;}
	
	.chairmanType {width:100%;}

	.rulesArea {position: relative; top: 0px; left: 20px; margin-bottom: 30px;}
	.rulesWrap h4 {width:100%;}

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (min-width: 414px) and (max-width: 479px) {
	img {max-width:100%;}
	.desc { margin-bottom: 20px !important; }
	.welcome h3 { font-size: 20px; }
	.logo img {max-width: 200px!important; padding: 6px;}
	
	.mean-nav h2 {display:none;}
	.mainArea {width: 100%;}

	.mainMapArea {width: 100%; height: 183px; background: url("../images/mainTabInnerMap01.jpg") no-repeat;  background-size: 100%;}
	.mainMapArea .container {display:none;}
	.mainMapAreaBg {display:none;}
	
	.mainArea .mainBtnArea div {position: relative; display: inline-block; width: 76px; height: 100px; float: none;}
	.mainArea .mainBtnArea div img { padding: 4px 0px 4px;}
	.mainArea .mainBtnArea div h3 {text-align: center; font: 11px 'arial'; margin-left: 0px; margin-bottom: 0px;}
	.mainArea .mainBtnArea div h3 img {display:none;}
	.mainArea .mainBtnArea div p {display:none;}

	.mainNewsletter {width:100%;  border-right: 0px;}
	.mainNewsletter .imgArea {position: relative; background: #e1f5dd; width: 106px; float: left; text-align: center; padding: 25px 0;}
	.mainNewsletter .imgArea .newsFrontImg {width:80px;}
	.mainNewsletter .nmlArrow {top: 80px; left: 106px;}
	.mainNewsletter .nmlText {display: inline-block; padding: 14px 0px 0px 14px; width: 60%;}
	.mainNewsletter .nmlText h3 {margin-bottom: 6px; font-weight: bold; color: #333333;}
	.mainNewsletter .nmlText ul li {line-height: 18px; list-style-type: square; margin-left: 16px; color: #666666; font-size: 12px;}

	.noticeArea {width: 94%; padding: 20px 10px;}

	.letterArea {width:100%;  border-right: 0px;}
	.letterArea input[type="text"] {width: 180px;}
	.letterArea img {float: left; margin-right: 20px; margin-left: 20px;}

	.mainAd {width: 100%; text-align: center; height: 120px; margin-top: 30px; float: left;}

	.boardStyle01 {width:100%;}


	.countryLink {position: relative; padding: 30px; width: 100%;}

	.mainText {font-size:12px;}
	.subArea .location {display:none;}
	.accoSubTit {display:none;}


	.headline { display: inline-block; float: left; background:none; width:auto; padding: 22px 20px; margin: 0;}
	.nbs-flexisel-container { position: relative; max-width: 48%; float: right; margin-top: 20px;}
	
	#fLogo {display:none;}
	
	.footer {background-image:none; font-size: 12px;}

	.subMenu {display:none;}
	.tblType {display:none;}
	.subContentArea {float:none; margin: 0 auto;}
	.subContentArea .orgnztArea {background:none;}
	.subContentArea .orgnztArea div {width:100%;}
	.subContentArea .orgnztArea h6 {width:92%;}
	.subContentArea .orgnztArea .ogaLeft {width:92%;}
	.subContentArea .orgnztArea .ogaRight {width:92%; margin-bottom:0px;}
	.subContentArea .orgnztArea .ogaCenter {margin:0px; width:92%;}
	.subContentArea .orgnztArea .ogaBottom {width:92%;}
	.subContentArea .orgnztArea .ogaBottom h6 {width:92%; margin-bottom:10px;}

	.chairmanType {width:100%;}

	.rulesArea {position: relative; top: 0px; left: 20px; margin-bottom: 30px;}
	.rulesWrap h4 {width:100%;}
	
	.subBoardArea h3 span {display: inline-block; margin-left: 0px;}
	.subBoardArea h3 span.location {display:none;}
	.boTopSearch {float:left;}
	.boardType .bmdn {display:none;}
	.btnArea {float:left; width:100%; margin-top:0px; margin-bottom: 10px;}
	.btnArea a {width: 100%; padding: 10px 0;}
	
	.cmtWrite li input[type="text"] {width:90%;}


	}
	
	
	
	
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (min-width: 380px) and (max-width: 413px) {
	img {max-width:100%;}
	.desc { margin-bottom: 20px !important; }
	.welcome h3 { font-size: 20px; }
	.logo img {max-width: 200px!important; padding: 6px;}
	
	.mean-nav h2 {display:none;}
	.mainArea {width: 100%;}

	.mainMapArea {width: 100%; height: 167px; background: url("../images/mainTabInnerMap01.jpg") no-repeat;  background-size: 100%;}
	.mainMapArea .container {display:none;}
	.mainMapAreaBg {display:none;}
	
	.mainArea .mainBtnArea div {position: relative; display: inline-block; width: 69px; height: 72px; float: none;}
	.mainArea .mainBtnArea div img { padding: 4px 0px 4px;}
	.mainArea .mainBtnArea div h3 {text-align: center; font: 11px 'arial'; margin-left: 0px; margin-bottom: 0px; display:none;}
	.mainArea .mainBtnArea div h3 img {display:none;}
	.mainArea .mainBtnArea div p {display:none;}

	.mainNewsletter {width:100%;  border-right: 0px;}
	.mainNewsletter .imgArea {position: relative; background: #e1f5dd; width: 106px; float: left; text-align: center; padding: 25px 0;}
	.mainNewsletter .imgArea .newsFrontImg {width:80px;}
	.mainNewsletter .nmlArrow {top: 80px; left: 106px;}
	.mainNewsletter .nmlText {display: inline-block; padding: 14px 0px 0px 14px; width: 60%;}
	.mainNewsletter .nmlText h3 {margin-bottom: 6px; font-weight: bold; color: #333333;}
	.mainNewsletter .nmlText ul li {line-height: 18px; list-style-type: square; margin-left: 16px; color: #666666; font-size: 12px;}

	.noticeArea {width: 94%; padding: 20px 10px;}

	.letterArea {width:100%;  border-right: 0px;}
	.letterArea input[type="text"] {width: 180px;}
	.letterArea img {float: left; margin-right: 20px; margin-left: 20px;}

	.mainAd {width: 100%; text-align: center; height: 120px; margin-top: 30px; float: left;}

	.boardStyle01 {width:100%;}


	.countryLink {position: relative; padding: 30px; width: 100%;}

	.mainText {font-size:12px;}
	.subArea .location {display:none;}
	.accoSubTit {display:none;}

	.headline { display: inline-block; float: left; background:none; width:auto; padding: 22px 20px; margin: 0;}
	.nbs-flexisel-container { position: relative; max-width: 48%; float: right; margin-top: 20px;}
	
	#fLogo {display:none;}
	   
	.footer {background-image:none; font-size: 12px;}

	.subMenu {display:none;}
	.tblType {display:none;}
	.subContentArea {float:none; margin: 0 auto;}
	.subContentArea .orgnztArea {background:none;}
	.subContentArea .orgnztArea div {width:100%;}
	.subContentArea .orgnztArea h6 {width:92%;}
	.subContentArea .orgnztArea .ogaLeft {width:92%;}
	.subContentArea .orgnztArea .ogaRight {width:92%; margin-bottom:0px;}
	.subContentArea .orgnztArea .ogaCenter {margin:0px; width:92%;}
	.subContentArea .orgnztArea .ogaBottom {width:92%;}
	.subContentArea .orgnztArea .ogaBottom h6 {width:92%; margin-bottom:10px;}

	.chairmanType {width:100%;}

	.rulesArea {position: relative; top: 0px; left: 20px; margin-bottom: 30px;}
	.rulesWrap h4 {width:100%;}
	
	.subBoardArea h3 span {display: inline-block; margin-left: 0px;}
	.subBoardArea h3 span.location {display:none;}
	.boTopSearch {float:left;}
	.boardType .bmdn {display:none;}
	.btnArea {float:left; width:100%; margin-top:0px; margin-bottom: 10px;}
	.btnArea a {width: 100%; padding: 10px 0;}
	
	.cmtWrite li input[type="text"] {width:90%;}


	}
	
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 380px) {
	img {max-width:100%;}
	.desc { margin-bottom: 20px !important; }
	.welcome h3 { font-size: 20px; }
	.logo img {max-width: 200px!important; padding: 6px;}
	
	.mean-nav h2 {display:none;}
	.mainArea {width: 100%;}

	.mainMapArea {width: 100%; height: 167px; background: url("../images/mainTabInnerMap01.jpg") no-repeat;  background-size: 100%;}
	.mainMapArea .container {display:none;}
	.mainMapAreaBg {display:none;}
	
	.mainArea .mainBtnArea div {position: relative; display: inline-block; width: 69px; height: 72px; float: none;}
	.mainArea .mainBtnArea div img { padding: 4px 0px 4px;}
	.mainArea .mainBtnArea div h3 {text-align: center; font: 11px 'arial'; margin-left: 0px; margin-bottom: 0px; display:none;}
	.mainArea .mainBtnArea div h3 img {display:none;}
	.mainArea .mainBtnArea div p {display:none;}

	.mainNewsletter {width:100%;  border-right: 0px;}
	.mainNewsletter .imgArea {position: relative; background: #e1f5dd; width: 106px; float: left; text-align: center; padding: 25px 0;}
	.mainNewsletter .imgArea .newsFrontImg {width:80px;}
	.mainNewsletter .nmlArrow {top: 80px; left: 106px;}
	.mainNewsletter .nmlText {display: inline-block; padding: 14px 0px 0px 14px; width: 60%;}
	.mainNewsletter .nmlText h3 {margin-bottom: 6px; font-weight: bold; color: #333333;}
	.mainNewsletter .nmlText ul li {line-height: 18px; list-style-type: square; margin-left: 16px; color: #666666; font-size: 12px;}

	.noticeArea {width: 94%; padding: 20px 10px;}

	.letterArea {width:100%;  border-right: 0px;}
	.letterArea input[type="text"] {width: 180px;}
	.letterArea img {float: left; margin-right: 20px; margin-left: 20px;}

	.mainAd {width: 100%; text-align: center; height: 120px; margin-top: 30px; float: left;}

	.boardStyle01 {width:100%;}


	.countryLink {position: relative; padding: 30px; width: 100%;}

	.mainText {font-size:12px;}
	.subArea .location {display:none;}
	.accoSubTit {display:none;}

	.headline { display: inline-block; float: left; background:none; width:auto; padding: 22px 20px; margin: 0;}
	.nbs-flexisel-container { position: relative; max-width: 48%; float: right; margin-top: 20px;}
	
	#fLogo {display:none;}
	   
	.footer {background-image:none; font-size: 12px;}

	.subMenu {display:none;}
	.tblType {display:none;}
	.subContentArea {float:none; margin: 0 auto;}
	.subContentArea .orgnztArea {background:none;}
	.subContentArea .orgnztArea div {width:100%;}
	.subContentArea .orgnztArea h6 {width:92%;}
	.subContentArea .orgnztArea .ogaLeft {width:92%;}
	.subContentArea .orgnztArea .ogaRight {width:92%; margin-bottom:0px;}
	.subContentArea .orgnztArea .ogaCenter {margin:0px; width:92%;}
	.subContentArea .orgnztArea .ogaBottom {width:92%;}
	.subContentArea .orgnztArea .ogaBottom h6 {width:92%; margin-bottom:10px;}

	.chairmanType {width:100%;}

	.rulesArea {position: relative; top: 0px; left: 20px; margin-bottom: 30px;}
	.rulesWrap h4 {width:100%;}
	
	.subBoardArea h3 span {display: inline-block; margin-left: 0px;}
	.subBoardArea h3 span.location {display:none;}
	.boTopSearch {float:left;}
	.boardType .bmdn {display:none;}
	.btnArea {float:left; width:100%; margin-top:0px; margin-bottom: 10px;}
	.btnArea a {width: 100%; padding: 10px 0;}
	
	.cmtWrite li input[type="text"] {width:90%;}


	}

/* ---------------------------------------------------------------------- */
/* Button Up
/* ---------------------------------------------------------------------- */

.btn-up {
	width: 44px;
	height: 44px;

	position: fixed;
	bottom: 30px;
	right: 30px;

	background-color: rgba(52,56,59,0.8);
	border-radius: 2px;

	text-align: center;
	line-height: 42px;

	cursor: pointer;

	opacity: 0;

	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}

.btn-up:before {
	content: "∧";

	display: inline-block;
	vertical-align: middle;

	font: 14px 'NanumGothicBold';
	color: #b8bcc0;
}

.btn-up.active {
	opacity: 1;
}

/* #bootstrap Styles
================================================== */
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning {
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-success {
    background-image: -webkit-linear-gradient(top,#5cb85c 0,#419641 100%);
    background-image: -o-linear-gradient(top,#5cb85c 0,#419641 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#419641));
    background-image: linear-gradient(to bottom,#5cb85c 0,#419641 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #3e8f3e;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}