@charset "utf-8";
.inner{position:relative;max-width:1100px;width:1100px; margin:0 auto; box-sizing:border-box}

/*************************** header ***************************/
#header {min-width:1100px;position:relative;background:#fff;height:136px;border-bottom:1px solid #eee;z-index:100;box-sizing:border-box}

/* top_unit */
.t_unit_wrap{background:#131926;color:#fff;height:40px;font-size:0.85em}
.l_unit a{display:block;padding:14px 30px;height:40px;}
.l_unit li,.lang_select li{float:left}
.l_unit li{background:#71b200;color:#fff}
.r_unit .lang_select {width:106px;display:inline-block;vertical-align:middle;border:1px solid #bbb;border-radius:26px;margin-top:6px}
.r_unit .lang_select a{display:block;padding:6px;width:26px;height:26px;border-radius:50%;color:#bbb}
.r_unit .lang_select a.select_lng,.r_unit .lang_select a:hover{color:#fff;background:#71b200;box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.5);}

div.hd { width: 1100px;  padding-top: 5px;  margin: 0px auto;  position: relative;  top: 0px;  left: 0px; z-index:990;}
div.hd #logo {position: absolute;    width: 300px;    float: left;	top:16px;	}
.tm_w{width:100%;	height:35px;	background:#403a39;}
.tm{width:1100px;	margin:0px auto;}
.tm ul{width:104px;	float:right;	height:25px;	background:#2a7bdf;	text-align:center; 	padding:10px 0px 0px 0px;}
.tm_w ul li a{font-size:11px; color:#fff; font-weight:bold; }

a.all_menu{position:absolute;display:block;right:0;top:28px;width:44px;height:44px;font-size:0px !important;background:url('../img/ir.png') no-repeat -455px -10px #1c8400;}


/************************** gnb *************************/
 #header #gnb-wrap {overflow:hidden;	z-index:970;	border-bottom:1px #e6e6e6 solid;	display: block;	/*overflow: hidden;*/
	position: absolute; 	top: 68px ;	height:67px;	left:0;	width: 100%;	background:#ffffff;
	}
#header #gnb {position: relative;	width:1100px;	height:30px; 	margin:0 auto;	padding:0;	z-index:960;		}
#header #gnb ul {position: absolute; 	top:20px;	left:310px;}
#header #gnb ul li {float: left; 	 text-align:right;  }
#header #gnb ul li.first{width:171px; text-align:center; margin-top:0px;}
#header #gnb ul li.m02{width:120px;padding-left:0px; }
#header #gnb ul li.m03{width:170px;padding-left:0px; }
#header #gnb ul li.m04{width:118px;padding-left:0px; }
#header #gnb ul li.m05{width:90px;padding-left:0px; }

#header #gnb ul li.line_none{   background: none;}
#header #gnb ul li a {font-size:14px; 	overflow:hidden; font-weight:bold; 	display:inline-block;}
#header #gnb ul li:first-child {padding-left:0;}


#header #gnb ul li ul li a {		display:inline-block; font-size:12px; padding: 3px 5px; font-weight:normal; }
#header #gnb ul li ul li {clear:both; text-align:left;  background:none;   padding-left:0px; width:100%;  }
#header #gnb ul li ul li:hover{background:#1C8400; }
#header #gnb ul li ul li:hover a{color:#fff;}
#header #gnb ul li ul li.line_none {background:none;} 
#header #gnb ul li ul li.top {	margin-top:20px; }
#header #gnb ul li.on a{color:#1C8400; }
#header #gnb ul li.on:hover{ font-weight:bold; }
#header #gnb ul li.frist {background:none;}
#header #gnb ul li a {display:inline-block;}
#header #gnb ul li ul {display: block; width:100%; position: absolute; left: 0; top: 20px;height:0; overflow:hidden;}
#header #gnb ul li ul.first{}
#header #gnb ul li ul.sub01 {left:0px; width:180px;}
#header #gnb ul li ul.sub02 {left:195px; width:140px; padding-left:0px;}
#header #gnb ul li ul.sub03 {left:330px; width:140px; padding-left:0px;}
#header #gnb ul li ul.sub04 {left:503px; width:118px; padding-left:0px;}
#header #gnb ul li ul.sub05 {left:620px; width:130px; padding-left:0px;}

 #header #gnb p.gnb-img {position:absolute; top:68px; left:-10px; } 

/*************************** language ***************************/
.language{float:right; margin-top:6px; z-index:999;}
.language ul li{float:left; margin-left:5px;}
.language ul li a:hover{color:#1C8400; }
/*
.language button{position:relative; text-align:center; background:#535353 url('../images/language_icon.gif') 10px 3px no-repeat;width:104px;height:20px;border:0;cursor:pointer;display:inline-block;z-index:9999;}
.language button span{ color:#CCCCCC; font-size:12px; padding-left:10px;}
.language ul {position:absolute;
z-index: 999;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
  background:#535353;
    border-color: -moz-use-text-color #CCCCCC #CCCCCC;
    border-image: none;
   
    overflow: hidden;
	top:25px;
	right:0px;
    width: 104px;}
.language ul li{height:15px;padding:1px 10px; font-size:10px; display: block; text-align:center; }
.language ul li a{color:#B9B9B9;}
.language ul li a:hover, a:active, a:focus {-moz-outline-style: none; color:#e7e7e7;   background:none;}
*/



/*************************** container ***************************/
#container{min-width:1100px;	clear: both;		overflow: hidden;	margin: 0px auto;}
#container #leftArea{width:815px;	float:left;}
#main_board{width:285px;  float:left; background:#feb811;}



/*************************** m_bn01 ***************************/
.m_bn01{ position:relative; height:246px; background:url("../images/icon_01.gif") no-repeat center 120px;}
.m_bn01 h3{text-align:center; padding-top:44px; font-size:20px; color:#6a524e;}
.m_bn01 a{height:246px; display:block;}
.m_bn01 p{color:#6a524e; font-size:12px; text-align:center; padding-top:14px;}


/*************************** m_bn02 ***************************/
.m_bn02{height:249px; background:url("../images/lang_main_bg.png") no-repeat 0px 0px #1C8400; position:relative; }
.m_bn02 h3{text-align:center; padding-top:30px; color:#fff;  font-size:20px; }
.m_bn02 h3 a{ font-size:20px; color:#fff;}
.m_bn02 p{ font-size:12px; text-align:center; padding-top:14px; color:#fff; }
.m_bn02 ul.icon_bn{width:196px; margin:0px auto;}
.m_bn02 ul.icon_bn li{  margin-right:2px; margin-top:4px; }
.m_bn02 ul.icon_bn li a{color:#C6E099; font-size:12px;   cursor:pointer;  padding:6px;  background:#1C8400; border:1px #C6E099 solid; text-align:center; display:block;}
.m_bn02 ul.icon_bn li a:hover{color:#fff; font-weight:bold; background:#71B200;}
/*************************** visual ***************************/
#visual{	float:left;	width:530px;	height:494px;	position:relative; 	
background:url("../images/main_visual01.jpg") no-repeat 0px 0px; border-bottom:1px #e6e6e6 solid;}


/*************************** rightArea ***************************/
#container #rightArea{	width:285px;	float:right;}


/*************************** m_bn03 ***************************/
.m_bn03{ height:246px;  position:relative; background:url("../images/lang_main_bg.png") no-repeat 0px 0px #71B200; }
.m_bn03 h3{font-size:20px; text-align:center;   padding-top:100px; margin-bottom:5px; color:#fff;}

.m_bn03 p.go_btn{}
.m_bn03 p.go_btn a{color:#C6E099; font-size:12px; width:99px; margin:0px auto; cursor:pointer;  padding:4px 0 0 0px;  height:24px;  background:url("../images/main_more.gif") no-repeat 80px 2px; display:block;}
.m_bn03 p.go_btn a:hover{color:#fff;}

/*************************** m_introduction ***************************/
.m_bn04{height:249px;  position:relative; background: #f44c00 url("../images/icon_02.gif") no-repeat center 60px; }
.m_bn04 h3{font-size:20px; text-align:center; color:#6a524e; padding-top:156px; }
.m_bn04 a{ height:249px;  display:block;}
.m_bn04 a h3{color:#fff;} 


/*************************** m_coly_bn ***************************/
#m_coly_bn{width:1100px; margin:0 auto; padding:30px 0 0px 0;  clear: both; }
#m_coly_bn ul li.m_map{width:285px; float:left;}
#m_coly_bn ul li.m_map{position:relative;  }
#m_coly_bn ul li.m_map h3{color:#353535; font-size:15px; padding-top:0px; text-align:center; }
#m_coly_bn ul li.m_map img{padding:5px 0 8px 0px;}
#m_coly_bn ul li.m_map span{font-size:13px;}
#m_coly_bn ul li.m_map p.adr{font-size:12px; text-align:center; line-height:130%; color:#676767;}
#m_coly_bn ul li.m_map p.go_btn{ width:100%;  font-weight:bold;  text-align:center; background:#71B200; padding:5px 0px; margin-top:10px;}
#m_coly_bn ul li.m_map p.go_btn a{display:block; color:#fff; font-size:10px;    padding: 4px 0;}
#m_coly_bn ul li.m_map p.go_btn:hover{ background:#1C8400;}

/*******************************  tab_list **********************************/
#m_coly_bn ul li.m_board{width:530px; float:left;}
.notice01{text-align:center; padding-left:5px;}



/*******************************  m_photo **********************************/
#m_coly_bn ul li.m_photo{width:285px; float:left;background: url("../images/video_bg.jpg") no-repeat center center #000}
#m_coly_bn ul li.m_photo iframe{width:285px;height:190px;border:0}
#m_coly_bn ul li.m_photo h3{width:100%; background:#cac1bb;  height:20px; margin-top:0px;  padding-top:5px;}
#m_coly_bn ul li.m_photo h3 a{font-size:13px; text-align:center; display:block; font-weight:bold; }
#m_coly_bn ul li.m_photo h3 a{color:#403a39; }



#footer{min-width:1100px;clear:both; width:100%;margin-top:30px;padding:30px 0 50px; background:#1c1f29;color:#868ba1}
.copy{position:relative;   width:1100px; margin:auto; padding-top:20px;}
.top_line{  padding-top:20px;}

.copymenu{position:absolute; right:0px; top:20px;}
.copymenu li{float:left; padding-left:10px; font-size:11px;}



/* 서브컨텐츠 */

/* sub_layout  */
.sub_cont{min-height:500px;padding-bottom:80px;letter-spacing:-1.4px;color:#282a33;line-height:1.68em}
.sub_visual{position:relative;height:220px;overflow:hidden;background:#000}
.sub_visual:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('../images/sub_visual.jpg') no-repeat top center;animation:animate_background 2s ease;opacity:0.6}
.sub_visual .sub_title{color:#fff;animation:fadein 1.5s;}
.sub_visual .sub_title h2{padding-top:70px;font-size:2.250em;font-weight:bold}
.sub_visual .sub_title ul{display:inline-block;margin:26px 0 0;}
.sub_visual .sub_title ul li{position:relative;float:left;padding-left:30px}
.sub_visual .sub_title ul li:before{content:'';position:absolute;left:8px;top:0;display:inline-block;width:18px;height:18px;background:url('../img/ir.png') no-repeat -485px -127px;vertical-align:middle;}
.sub_visual .sub_title ul li:first-child:before{left:2px;background-position:-438px -131px;}

#contentsWrap{clear:both; background:#fff; float:left; width:100%; min-height:580px; margin-bottom:30px;}
#container{width:1100px; margin:0px auto;}

#sidebar {display: inline-block;    float: left;    width: 210px;    padding-bottom: 50px;word-break:break-all}
#sidebar h2.sidetitle {background:url("../images/lang_main_bg.png") no-repeat 0px 0px #0b371b;color:#fff !important;height:120px;padding:50px 26px 20px;text-align:center;    color: #555;    font-size: 18px;    font-weight: bold;}
#sidebar h2.sidetitle.first{padding-top:30px}
#sidemenu {}



#contents {  width: 840px; float: right; margin-top:30px;}
#contents .inner{width:840px;}
#contents_head {    position: relative;    top: 0px;    height: 90px;    padding: 0px;  /*  overflow: hidden; */}
.contentsTitle {    position: relative;    top: 0px;    height: 50px;    padding: 0px;    border-bottom: 1px solid #E6E6E6;}
.contentsTitle h2 {    float: left;    padding:0px 0 0 0;    font-size: 24px;  height: 40px;     font-weight: 600; color: #555; letter-spacing:-0.5px;}
.contentsTitle p.contentsLocation {    float: right;    color: #405870;    font-size: 11px;    margin-top: 12px; /*font-weight: 700;*/}
.contentsTitle p.contentsLocation a { color: #405870;    font-size: 11px;   }

#contents_area{ font-size: 12px; line-height: 1.4; color: #464646;}


/*왼쪽메뉴 2Depth*/
#sidemenu ul.left_menu {border:solid #ddd;border-width:0 1px}
#sidemenu ul li a {position:relative;display:block;padding:10px 16px 10px 30px;border-bottom:1px solid #ddd}
#sidemenu ul li a:before{content:'';position:absolute;top:17px;left:20px;width:3px;height:3px;background:#999;line-height:1.68}
#sidemenu ul li a.on, 
#sidemenu ul li a:hover,
#sidemenu ul li a:focus{background:#1aa04a; color:#fff; font-weight:bold;  text-decoration:none; border-bottom:0}
#sidemenu ul li a:hover:before,
#sidemenu ul li a.on:before{background:#fff}

/*왼쪽메뉴 3Depth*/
#sidemenu ul div{padding:10px 16px 10px;border-bottom:1px solid #ddd}
#sidemenu ul ul {background:#f9f9f9}
#sidemenu ul ul li a{position:relative;padding:8px;padding-left:20px;font-size:.85em;border-bottom:1px solid #eee;color:#666}
#sidemenu ul ul li a:before{content:'';position:absolute;top:14px;left:8px;width:6px;height:2px;background:#999;line-height:1.68}
#sidemenu ul ul li a.on, 
#sidemenu ul ul li a:hover,  
#sidemenu ul ul li a:focus {background:#fff;color:#000;font-weight:600;border-bottom:1px solid #1aa04a}
#sidemenu ul ul li a:hover:before,
#sidemenu ul ul li a.on:before{background:#1aa04a;}

#sidemenu ul ul li img {vertical-align:middle; padding-left:4px;}

/* sitemap */
.list02 {margin:8px 6px;}
.list02 li{position:relative;padding-left:12px;font-size:0.94em;color:#646671;line-height:1.68;margin:4px 0}
.list02 li:before{content:'';position:absolute;top:8px;left:0;width:6px;height:2px;background:#8491c5}
.sitemap_dep1 > li{position:relative;padding:36px 0;padding-left:200px;min-height:110px;border-top:1px dashed #ddd}
.sitemap_dep1 > li > a{position:relative;font-size:1.3em;font-weight:bold;width:150px;position:absolute;top:36px;left:0;word-break:break-all}
.sitemap_dep1 > li > a:before{content:'';position:absolute;display:block;top:-37px;left:0;width:100%;height:3px;background:#333}
.sitemap_dep1 > li > ul > li{position:relative;width:30%;float:left;margin:0px 2% 10px 0; padding-left:10px}
.sitemap_dep1 > li > ul > li > a{font-weight:500}
.sitemap_dep1 > li > ul > li:before{content:'';position:absolute;top:6px;left:0;width:3px;height:3px;border-radius:50%;background:#d52b2d;line-height:1.68}
.sitemap_dep1 .sitemap_dep3{border-top:2px solid #ddd;background:#fff;width:130px;margin:10px 0px 0 -10px;padding:10px 20px;font-size:0.9em}
.sitemap_dep1 > li > ul:after{content:"";width:100%;display:block;visibility:hidden;clear:both;}

@keyframes animate_background {0% {transform:scale(1.1) rotate(.001deg);} 100% {transform:scale(1) rotate(.001deg);}}
@keyframes fadein {0% {margin-top:-30px; opacity: 0; } 100%{ margin-top:0px; opacity: 1; }}