body { height:100%; margin:0px; background:#ffffff;}
img { border:0px }
span { font-size:0.9em; }
ul {list-style-type:none; margin:0px; padding:0px; }
li {list-style-type:none; margin:0px; padding:0px;  }
h3 { margin:0px; padding:0px; }
h2 {display:none;}
h1 { font-size:1.5em; }
.none { display:none; }
div { background:; }


/*#html { width:100%; background-image:url(''	); border:0px solid red;}*/
#body { width:100%; text-align:center; margin:0px auto;  border:0px solid red;}
#layout { clear:both; text-align:left; width:100%; background:#fff; margin:0px auto;}

/*#layout { clear:both; text-align:left; width:1200px; background:#fff; margin:0px auto; 	-webkit-box-shadow: 3px 13px 0 rgba(0, 0, 0, 0.6);
	box-shadow: 1px 1px 13px 0px  rgba(0, 0, 0, 0.6);}
*/
#main_back { clear:both; position:absolute;  width:100%; height:169px; z-index:-100000; margin:0px auto; background-image:url('../images/body_back.png'); background-repeat:repeat-x; background-position:0% 0px;}
#sub_back { clear:both; width:100%; height:400px; z-index:-100; margin:0px auto; position:absolute; text-align:center;  background-image:url('../images/sub_img.png'); background-repeat:no-repeat; background-position:50% 0px;}

#h3_title{ width:300px; height:50px;  background-repeat:no-repeat; margin-left:50px;  border:0px solid #333;}
#h3_title span {  display:none; position:relative;z-index:-1; overflow:hidden; font-size:11px }


#top { width:100%; height:140px; margin:0px auto; border-top:0px solid #ec3939;  border:0px solid red; }

#top_quickback { width:100%; height:24px; margin:0px auto;  background-color:#282828;  border:0px solid red; }

#top_quick { width:1000px; height:24px; margin:0px auto; margin-top:0px; font-size:0.9em; font-family:dotum; letter-spacing:-0.0em; background:#282828; font-weight:nomal; border:0px solid red; }
#top_quick_center { float:right; border:0px solid red; margin:0px 0 0 0; }
#top_quick_center h2 { display:none; float:right; }
#top_quick_center ul { list-style-type: none; float:right; } 
#top_quick_center li { float: left;  border-right:0px solid #aaa; }
#top_quick_center span { display:none; }
#top_quick_center .li_right { float: left;  border-right:0px solid #fff; }
#top_quick_center .quick { padding:0px; }
#top_quick a:link, #top_quick a:visited {color:#ddd;text-decoration:none}
#top_quick a:hover, #top_quick a:focus, #top_quick a:active {color:#ddd;text-decoration:none}

#top_quick_01 { background-image:url('../../images/top_quick01.gif'); width:85px; height:60px; display:block; }
#top_quick_02 { background-image:url('../../images/top_quick02.gif'); width:85px; height:60px; display:block; }
#top_quick_03 { background-image:url('../../images/top_quick03.gif'); width:85px; height:60px; display:block; }
#top_quick_04 { background-image:url('../../images/top_quick04.gif'); width:85px; height:60px; display:block; }
#top_quick_05 { background-image:url('../../images/top_quick05.gif'); width:85px; height:60px; display:block; }
#top_quick_06 { background-image:url('../../images/top_quick06.gif'); width:85px; height:60px; display:block; }


#top_center {display:block; width:100%; height:60px; margin:0px auto;  border-bottom:1px solid #dcdcdc;  background:#0071bf;}
#top_menu { margin:0px auto; width:1000px; height:60px; text-align:center; border:0px solid red; }
#top_menu_center { display:block; float:left; margin:0px auto;  text-align:center; height:60px; width:660px;  border-bottom:1px solid #dcdcdc;  background:url('../../images/topmenu_back.gif'); }




#top_menu_center h2 { float:right; display:none;  width:100%; background:#fff; padding:10px 0px 10px 0; text-align:center; color:#999;
background-image:url('../images/menu_icon.png');
background-position:70% 50%;
background-repeat:no-repeat;
/*	-webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.6);
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.6);*/
	-webkit-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-ms-transition: background .2s ease-out;
	-o-transition: background .2s ease-out;
	transition: background .2s ease-out;
	/*border-radius:5px;
	-moz-border-radius:5px;*/
	cursor:pointer;
}
#top_menu_center .span_none { display:none; position:relative;z-index:-1; overflow:hidden; font-size:11px}


#top_menu_center .t01 { background:url('../images/top_menu_01.png') no-repeat 50% 0; display:block; }
#top_menu_center .t02 { background:url('../images/top_menu_02.png') no-repeat 50% 0; display:block; }
#top_menu_center .t03 { background:url('../images/top_menu_03.png') no-repeat 50% 0; display:block; }
#top_menu_center .t04 { background:url('../images/top_menu_04.png') no-repeat 50% 0; display:block; }
#top_menu_center .t05 { background:url('../images/top_menu_05.png') no-repeat 50% 0; display:block; }

#top_menu_center h2 span { display:block; margin-right:30px; font-size:1em; }
#top_menu_center ul { list-style-type:none; float:left; margin:0px; padding:0px; font-size:8pt;}
#top_menu_center .ul { display:block; text-align:left; border:0px solid red; float:left; clear:both; z-index:10000; }

#top_menu_center li {  margin:0px; padding:0px;  font-size:8pt; font-weight:bold; }
#top_menu_center .li { clear:both; width:150px; font-size:8pt; }
#top_menu_center .li2 { clear:both; width:150px; font-size:8pt; }
#top_menu_center .li3 { margin-left:20px; clear:both; width:100px; font-size:8pt; }
#top_menu_center .href { width:100%; display:block; font-size:1.1em; padding:5px; margin:0px auto; }
#top_menu_center .href_ton { width:100%; display:block; font-size:1.1em; padding:5px; margin:0px auto; color:#ec3939; }
#top_menu_center .href0_l {color:#fff; display:block; padding:25px 35px 15px 55px;  font-weight:bold; border:0px solid red; }
#top_menu_center .href0 {color:#fff; display:block; padding:25px 35px 15px 35px;  font-weight:bold; border:0px solid red;}


#top_menu_center .href0 a:link {color:#fff;text-decoration:none}
#top_menu_center .href0 a:visited {color:#fff;text-decoration:none}
#top_menu_center .href0 a:hover {color:#fff;text-decoration:none}
#top_menu_center .href0 a:focus {color:#fff;text-decoration:none}
#top_menu_center .href0 a:active {color:#fff;text-decoration:none}



#top_menu_center .ul_none {  width:170px; display:none; margin-left:30px; float:left;  background:#f9f9f9; overflow:hidden; text-align:left; font-weight:bold; position:absolute;
z-index:100;
border:0px solid #efefef;
	-webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.6);
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.6);
	-webkit-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-ms-transition: background .2s ease-out;
	-o-transition: background .2s ease-out;
	transition: background .2s ease-out;
	border-radius:3px;
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#top_menu_center .menu { clear:both; font-size:1.3em; font-weight:bold; }
#top_menu_center .ul_none li { }


#top_logoback { width:1000px; height:80px; margin:0px auto;  border-bottom:0px solid red; }
#top_logo { width:320px; height:80px; float:left; margin:0px auto; border:0px solid #333; background-image:url('../images/top_logo.png'); background-position:0% 0%; background-repeat:no-repeat; }
.top_logo_href { display:block;  width:320px; height:80px;  border:0px solid red;}
#top_logo h1 { }

#top_logo01 { float:left; width:800px; height:80px; margin:0px auto; background:url('../images/top_logo01.png'); border:0px solid red; }
#top_logo01 span { display:none; }




#shortcuts { display:none; }


#main { clear:both; position:relative; width:100%; margin:0px auto; padding-top:0px;}
#main_left { float:left; width:0px; height:0px;  }
#main_center { float:left; width:100%; height:345px; }
#main_right { float:left; width:0px; height:0px; }




#main_top { width:100%; height:310px; margin:0px auto; text-align:center;  border:0px solid red; background-color:#ffffff;}

#main_middle { margin:0px auto; width:1000px; height:430px; border:0px solid red;  }
#main_middle_text { display:block; position:relative; width:1000px; height:97px; margin:0px auto; background:url('../images/mainimg_02.png'); }
#main_middle_text span { display:none; }


#main_middle_link1 { float:left; width:1000px; height:200px; border:0px solid red;}
#main_middle_link1 ul li { float:left;  border:0px solid red;}

#main_middle_link2 { float:left; width:600px; height:200px; }
#main_middle_link2 ul li { float:left; }

.li_banner_01 { display:block; width:200px; height:200px; background-image:url("../images/mainlink_01.png"); }
.li_banner_02 { display:block; width:200px; height:200px; background-image:url("../images/mainlink_02.png"); }
.li_banner_03 { display:block; width:200px; height:200px; background-image:url("../images/mainlink_03.png"); }
.li_banner_04 { display:block; width:200px; height:200px; background-image:url("../images/mainlink_04.png"); }
.li_banner_05 { display:block; width:200px; height:200px; background-image:url("../images/mainlink_05.png"); }

.li_banner_06 { display:block; width:200px; height:200px; background-image:url("../images/mainlink_06.png"); }
.li_banner_07 { display:block; width:200px; height:200px; background-image:url("../images/mainlink_07.png"); }
.li_banner_08 { display:block; width:200px; height:200px; background-image:url("../images/mainlink_08.png"); }





#main_middle_link  {width:1000px; height:200px;  border-bottom:0px solid #dcdcdc; margin:0px 0 0 0px;}
#main_middle_link01  { float:left; width:200px; height:200px;  background:url('../images/mainlink_01.png'); background-repeat:no-repeat; border:0px solid red;}
#main_middle_link01 span { display:none; }

#main_middle_link02  { float:left; width:200px; height:200px; background:url('../images/mainlink_02.png'); background-repeat:no-repeat; }
#main_middle_link02 span { display:none; }

#main_middle_link03  { float:left; width:200px; height:200px; background:url('../images/mainlink_03.png'); background-repeat:no-repeat; }
#main_middle_link03 span { display:none; }

#main_middle_link04  { float:left; width:200px; height:200px; background:url('../images/mainlink_04.png'); background-repeat:no-repeat; }
#main_middle_link04 span { display:none; }

#main_middle_link05  { float:left; width:200px; height:200px; background:url('../images/mainlink_05.png'); background-repeat:no-repeat; }
#main_middle_link05 span { display:none; }

#main_middle_icon  {width:600px; height:200px;  border-bottom:0px solid #dcdcdc; margin:0px 0 0 0px; float:left; }
#main_middle_link06  { float:left; width:200px; height:200px;  background:url('../images/mainlink_06.png'); background-repeat:no-repeat; border:0px solid red;}
#main_middle_link06 span { display:none; }

#main_middle_link07  { float:left; width:200px; height:200px; background:url('../images/mainlink_07.png'); background-repeat:no-repeat; }
#main_middle_link07 span { display:none; }

#main_middle_link08  { float:left; width:200px; height:200px; background:url('../images/mainlink_08.png'); background-repeat:no-repeat; }
#main_middle_link08 span { display:none; }

#main_article { width:400px; height:200px; display:block; float:left; }
#main_article span {  display:none; position:relative;z-index:-1; overflow:hidden; font-size:11px }
#main_article_title {  float:left; width:400px; height:75px;  background-image:url('../images/main_notice.png'); display:block; border:0px solid red;}

#main_article ul { width:400px; float:left; display:block;  background-repeat:no-repeat;}
#main_article li { float:left; display:block;}
#main_article .main_article_tab_01 { width:400px; height:75px; display:block; }

#article_box01 {  clear:both; width:400px; height:125px; display:block; background-color:#f6f6f6; border:0px solid red;}












#main_top_notice { float:left;width:270px; height:265px; background:url('../images/mainimg_04.png'); background-repeat:no-repeat; background-position:top;  background-color:#ceb7ae; border:0px solid red;}
#main_top_notice span { display:block; margin-top:160px; line-height:160%;  padding:0px 30px 20px 30px;}


#main_top_contactus  { float:left; width:290px; height:265px; background:url('../images/mainimg_05.png'); background-repeat:no-repeat; }
#main_top_contactus span { display:none; }






#main_millde_link04  {float:left; width:270px; height:245px; background:url('../images/main_link_04.png'); background-repeat:no-repeat; }
#main_millde_link04 span { display:none; }

#main_millde_link05  {float:left; width:290px; height:245px; background:url('../images/main_link_05.png'); background-repeat:no-repeat; }
#main_millde_link05 span { display:none; }








.li_item { width:24%; height:250px; background:#f8f8f8; margin:0 0.5% 0.8em 0.5%; float:left;
/*
	-webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.6);
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.6);
	text-align: left;
	-webkit-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-ms-transition: background .2s ease-out;
	-o-transition: background .2s ease-out;
	transition: background .2s ease-out;*/
	
	}
.li_item:hover { background:#eeeeee; }





.box_none {  display:none; position:relative;z-index:-1; overflow:hidden; font-size:11px }

#sub {  clear:both; width:1000px; display:block; margin:0px auto;  text-align:center;  }
#sub_container { width:100%;  min-height:500px; height:auto !important; height:500px;  clear:both; margin:0px auto; text-align:left;  border:0px solid red;}
#sub_left { width:200px; float:left;   min-height:700px; height:700px; border:0px solid red;}
#sub_left_0 { width:0%;  float:left;   min-height:700px; height:700px; }
#sub_center { width:750px; float:right;   min-height:700px; height:auto !important; height:700px;  border:0px solid red;}
#sub_center_0 { width:100%; float:right;   min-height:700px; height:auto !important; height:700px; }
#sub_top { width:750px; height:220px; background-image:url('../images/sub_img01.png'); float:right;}

#left {  width:100%;  z-index:1; text-align:left; margin-top:70px; border:0px solid red;}
#left_menu {  width:100%;  z-index:1; text-align:left; border:0px solid red;}
#left_menu .href0 { width:100%; display:block; height:50px;  }
#left_menu .href { width:100%; display:block; padding:10px 0 10px;}
#left_menu .href_on { width:100%;  display:block; color:#cc0000; padding:10px 0 10px;}
#left_menu_middle { width:100%; padding:0px; margin:0px auto; border:0px solid #22c4d0; margin-top:10px;}
#left_menu_middle h2 { display:none; }	
#left_menu_middle ul { margin:0px; padding:0px; width:100%;}
#left_menu_middle li { width:100%;  margin:0px; background:#ffffff;  font-size:1.1em; font-weight:bold; border-bottom:1px solid #dbdbdb;}
#left_menu_top { margin:0px auto; } 
#left_menu_top h3 { font-size:200%;letter-spacing:-0.1em; text-align:right; display:none; } 
#left_menu span { display:block; margin-left:10px; }

.lefttop01 { background-image:url('../images/left_title_01.png'); height:200px;}
.lefttop02 { background-image:url('../images/left_title_02.png'); height:200px;}
.lefttop03 { background-image:url('../images/left_title_03.png'); height:200px;}
.lefttop04 { background-image:url('../images/left_title_04.png'); height:200px;}
.lefttop05 { background-image:url('../images/left_title_05.png'); height:200px;}
.lefttop97 { background-image:url('../images/left_title_97.png'); height:200px;}
.lefttop98 { background-image:url('../images/left_title_98.png'); height:200px;}
.lefttop99 { background-image:url('../images/left_title_99.png'); height:200px;}



#center_top { width:100%; height:50px; margin:0px auto;  border-bottom:1px solid #e5e5e5}
#center_title { width:60%; height:40px; float:left; margin:5px 0 0 0; border:0px solid red; }
#center_navigation { float:right; width:40%; height:30px; margin:5px 0 0 0; background:; }
#center_contents { width:100%; margin:0px auto; background:#fff; clear:both; display:block; padding-top:40px; border:0px solid red; }


#sub_replace { width:96%; margin:0px auto; display:none; border-top:2px solid #efefef; margin-top:30px;
/*
	-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
	text-align: left;
	-webkit-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-ms-transition: background .2s ease-out;
	-o-transition: background .2s ease-out;
	transition: background .2s ease-out; */
}


#div_title  { width:90%; ; margin:2px 0px 0px 10px; float:left; border:0px solid red;}
#div_title h3 { font-size:2.5em; padding:0px 0 0px 0; }
#span_navigation { float:right; display:block;  }
#div_navigation { float:right; display:block; margin-top:15px; margin-right:5%;}
.navigation_arrow { display:block; float:left; width:14px; text-align:center; }
.navigation_text { display:block; float:left;  }



#bottom { display:block; width:100%; height:90px; margin:0px auto; margin:0px 0px 20px 0px; border-bottom:1px solid #dcdcdc;  background:#333;}
#bottom span {  font-size:1.0em; color:#ffffff; }
#bottom_center { width:1000px;  height:90px; margin:0px auto;  background:#333;  border-bottom:1px solid #dcdcdc;} 
#bottom_m3 { width:100%; float:left; margin-left:0px; margin-top:15px;}
#bottom_logo { display:block; width:0px; height:0px; float:left;}
#bottom_logo span {  display:none; position:relative;z-index:-1; overflow:hidden; font-size:1.1em; color:#ffffff; }
#bottom_address { width:100%; float:left; margin-left:15px; margin-top:30px; color:#ffffff; }
#bottom_copyright  { clear:both; float:left; margin-left:15px; margin-top:5px; width:100%; color:#ffffff;}




.contents_title { font-size:1.4em; color:#4e359e; font-weight:bold; margin-top:20px;  }
.contents_subtitle { font-size:1.2em; color:#4e359e; font-weight:bold; margin-top:20px; }
.contents_text { font-size:1em; color:#545454;}
.contents_sign { text-align:right; font-size:1.2em; color:#2c4ac0; font-weight:bold; }

#center_contents dt { font-weight:bold;  color:#2c4ac0;}
#center_contents dd { margin:10px 0 10px 10px; color:#545454;}
#center_contents li { margin:5px 0 10px 5px; color:#545454;}
#center_contents p { font-size:1em; color:#545454;}
















@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-svjm8o');
	src:url('../fonts/icomoon.eot?#iefix-svjm8o') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-svjm8o') format('woff'),
		url('../fonts/icomoon.ttf?-svjm8o') format('truetype'),
		url('../fonts/icomoon.svg?-svjm8o#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 0;
	font-size:2em;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-profile:before {
	content: "\e600";
}
.icon-folder:before {
	content: "\e601";
}
.icon-calendar:before {
	content: "\e602";
}
.icon-download:before {
	content: "\e603";
}
.icon-bubbles:before {
	content: "\e604";
}
.icon-users:before {
	content: "\e605";
}
.icon-user:before {
	content: "\e606";
}
.icon-cloud-upload:before {
	content: "\e607";
}
.icon-eye:before {
	content: "\e608";
}
.icon-screen:before {
	content: "\e609";
}
.icon-bubble:before {
	content: "\e60a";
}
.icon-file:before {
	content: "\e60b";
}
.icon-drawer:before {
	content: "\e60c";
}
.icon-upload:before {
	content: "\e60d";
}
.icon-cloud-download:before {
	content: "\e60e";
}
.icon-earth:before {
	content: "\e60f";
}
.icon-globe:before {
	content: "\e610";
}
.icon-envelope:before {
	content: "\e611";
}
.icon-tree:before {
	content: "\e612";
}
.icon-opera:before {
	content: "\e613";
}
.icon-IE:before {
	content: "\e614";
}
.icon-firefox:before {
	content: "\e615";
}
.icon-chrome:before {
	content: "\e616";
}
.icon-safari:before {
	content: "\e617";
}
.icon-css3:before {
	content: "\e618";
}
.icon-html5:before {
	content: "\e619";
}
.icon-windows8:before {
	content: "\e61a";
}
.icon-play:before {
	content: "\e61b";
}
.icon-apple:before {
	content: "\e61c";
}
.icon-android:before {
	content: "\e61d";
}
.icon-library:before {
	content: "\e61e";
}
.icon-camera:before {
	content: "\e61f";
}
.icon-film:before {
	content: "\e620";
}
.icon-music:before {
	content: "\e621";
}
.icon-leaf:before {
	content: "\e622";
}
.icon-star:before {
	content: "\e623";
}
.icon-bookmark:before {
	content: "\e624";
}
.icon-trophy:before {
	content: "\e625";
}