BODY {
	FONT-SIZE: 12px; COLOR: #696969; LINE-HEIGHT: 18px; FONT-FAMILY: "Gulim" ,"Arial"
}
BODY {
	SCROLLBAR-FACE-COLOR: #f7f7f7; SCROLLBAR-HIGHLIGHT-COLOR: #b3b3b3; SCROLLBAR-SHADOW-COLOR: #b3b3b3; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #8b9ea6; SCROLLBAR-TRACK-COLOR: #dcdcdc; SCROLLBAR-DARKSHADOW-COLOR: #ffffff
}
TD {
	FONT-SIZE: 12px; COLOR: #696969; LINE-HEIGHT: 18px; FONT-FAMILY: "Gulim" ,"Arial"
}
A:link {
	COLOR: #7C7C7C; TEXT-DECORATION: none
}
A:visited {
	COLOR: #7C7C7C; TEXT-DECORATION: none
}
A:active {
	COLOR: #000000; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #000000; TEXT-DECORATION: underline
}
.white_s {
	FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: "Dotum"; TEXT-DECORATION: none
}
.location_off {
	FONT-SIZE: 11px; COLOR: #aaaaaa; FONT-FAMILY: "Dotum"; TEXT-DECORATION: none
}
.location_on {
	FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: "Dotum"; TEXT-DECORATION: none
}
.top_support {
	FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: "Gulim", "Arial"; TEXT-DECORATION: none
}
.top_support A:link {
	COLOR: #666666; TEXT-DECORATION: none
}
.top_support A:visited {
	COLOR: #666666; TEXT-DECORATION: none
}
.top_support A:active {
	COLOR: #843a4e; TEXT-DECORATION: none
}
.top_support A:hover {
	COLOR: #843a4e; TEXT-DECORATION: none
}
.left_menu {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: "Gulim", "Arial"; TEXT-DECORATION: none
}
.left_menu A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
.left_menu A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
.left_menu A:active {
	COLOR: #000000; TEXT-DECORATION: none
}
.left_menu A:hover {
	COLOR: #6f0032; TEXT-DECORATION: underline
}
.left_menu_1depth {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #594d75; FONT-FAMILY: "Gulim", "Arial"; TEXT-DECORATION: none
}
.left_menu_1depth A:link {
	COLOR: #594d75; TEXT-DECORATION: none
}
.left_menu_1depth A:visited {
	COLOR: #594d75; TEXT-DECORATION: none
}
.left_menu_1depth A:active {
	COLOR: #594d75; TEXT-DECORATION: none
}
.left_menu_1depth A:hover {
	COLOR: #6f0032; TEXT-DECORATION: underline
}
.left_title {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #666666; FONT-FAMILY: "Gulim"; TEXT-DECORATION: none
}
.search_bg {
	BACKGROUND-COLOR: #efefef
}
.search_bg_in {
	BACKGROUND-COLOR: #f4f4f2
}
.search_line {
	BACKGROUND-COLOR: #cccccc
}
.help_top_menu {
	FONT-SIZE: 12px; COLOR: #ffffff; LINE-HEIGHT: 18px; FONT-FAMILY: "Gulim", "Arial"; TEXT-DECORATION: none
}
.help_top_menu A:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.help_top_menu A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.help_top_menu A:active {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.help_top_menu A:hover {
	COLOR: #ffffff; TEXT-DECORATION: underline
}
.help_top_logotitle {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #0076a3; FONT-FAMILY: "Gulim", "Arial"; TEXT-DECORATION: none
}
.help_left_menu {
	FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 18px; FONT-FAMILY: "Gulim", "Arial"; TEXT-DECORATION: none
}
.help_left_menu A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
.help_left_menu A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
.help_left_menu A:active {
	COLOR: #000000; TEXT-DECORATION: none
}
.help_left_menu A:hover {
	COLOR: #6d6d6d; TEXT-DECORATION: underline
}
.link_menu {
	FONT-SIZE: 12px; COLOR: #999999; LINE-HEIGHT: 18px; FONT-FAMILY: "Gulim", "Arial"; TEXT-DECORATION: none
}
.link_menu A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
.link_menu A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
.link_menu A:active {
	COLOR: #a7023e; TEXT-DECORATION: underline
}
.link_menu A:hover {
	COLOR: #a7023e; TEXT-DECORATION: underline
}
.sitemap_font {
	FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 18px; FONT-FAMILY: "Gulim", "Arial"; TEXT-DECORATION: none
}
.sitemap_font A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
.sitemap_font A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
.sitemap_font A:active {
	COLOR: #666666; TEXT-DECORATION: underline
}
.sitemap_font A:hover {
	COLOR: #666666; TEXT-DECORATION: underline
}
.sitemap_font_02depth {
	FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 18px; FONT-FAMILY: "Gulim", "Arial"; TEXT-DECORATION: none
}
.sitemap_font_02depth A:link {
	COLOR: #114798; TEXT-DECORATION: none
}
.sitemap_font_02depth A:visited {
	COLOR: #114798; TEXT-DECORATION: none
}
.sitemap_font_02depth A:active {
	COLOR: #114798; TEXT-DECORATION: underline
}
.sitemap_font_02depth A:hover {
	COLOR: #114798; TEXT-DECORATION: underline
}
.sitemap_font_03depth {
	FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 18px; FONT-FAMILY: "Gulim", "Arial"; TEXT-DECORATION: none
}
.sitemap_font_03depth A:link {
	COLOR: #9d2886; TEXT-DECORATION: none
}
.sitemap_font_03depth A:visited {
	COLOR: #9d2886; TEXT-DECORATION: none
}
.sitemap_font_03depth A:active {
	COLOR: #9d2886; TEXT-DECORATION: underline
}
.sitemap_font_03depth A:hover {
	COLOR: #9d2886; TEXT-DECORATION: underline
}
.input_textfield_default {
	BORDER-RIGHT: #d4d4d4 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #d4d4d4 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #d4d4d4 1px solid; COLOR: #666666; PADDING-TOP: 3px; BORDER-BOTTOM: #d4d4d4 1px solid; FONT-FAMILY: "Gulim", "Arial"; HEIGHT: 16px; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
.input_textfield_default02 {
	BORDER-RIGHT: #d4d4d4 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #d4d4d4 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #d4d4d4 1px solid; COLOR: #666666; PADDING-TOP: 3px; BORDER-BOTTOM: #d4d4d4 1px solid; FONT-FAMILY: "Gulim", "Arial"; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
.input_textfield_full {
	BORDER-RIGHT: #d4d4d4 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #d4d4d4 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #d4d4d4 1px solid; WIDTH: 100%; COLOR: #666666; PADDING-TOP: 3px; BORDER-BOTTOM: #d4d4d4 1px solid; FONT-FAMILY: "Gulim", "Arial"; HEIGHT: 20px; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
.input_textfield_dimmed {
	BORDER-RIGHT: #d4d4d4 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #d4d4d4 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #d4d4d4 1px solid; WIDTH: 100%; COLOR: #666666; PADDING-TOP: 2px; BORDER-BOTTOM: #d4d4d4 1px solid; FONT-FAMILY: "Gulim", "Arial"; HEIGHT: 20px; BACKGROUND-COLOR: #efefef; TEXT-DECORATION: none
}
.instruction {
	FONT-SIZE: 12px; COLOR: #605ca8; LINE-HEIGHT: 18px; FONT-FAMILY: "Gulim", "Arial"
}
.contents {
	FONT-SIZE: 12px; COLOR: #555555; LINE-HEIGHT: 18px; FONT-FAMILY: "Gulim", "Arial"
}
.contents A:link {
	COLOR: #020468; TEXT-DECORATION: none
}
.contents A:visited {
	COLOR: #666666; TEXT-DECORATION: none
}
.contents A:active {
	COLOR: #0770ff; TEXT-DECORATION: underline
}
.contents A:hover {
	COLOR: #0770ff; TEXT-DECORATION: underline
}
.table_default {
	FONT-SIZE: 12px; COLOR: #555555; LINE-HEIGHT: 18px; FONT-FAMILY: "Gulim", "Arial"
}
.style1 {FONT-WEIGHT: bold; FONT-SIZE: 13px; color: #7F392A}
.green {FONT-WEIGHT: bold; FONT-SIZE: 12px; color: #4D9088}
.table_title {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #555555; LINE-HEIGHT: 18px; PADDING-TOP: 0px; FONT-FAMILY: "Gulim", "Arial"; HEIGHT: 24px
}
.table_title A:link {
	COLOR: #555555; TEXT-DECORATION: none
}
.table_title A:visited {
	COLOR: #666666; TEXT-DECORATION: none
}
.table_title A:active {
	COLOR: #0770ff; TEXT-DECORATION: underline
}
.table_title A:hover {
	COLOR: #0770ff; TEXT-DECORATION: underline
}
.table_title_read {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; COLOR: #555555; LINE-HEIGHT: 18px; PADDING-TOP: 2px; FONT-FAMILY: "Gulim", "Arial"; BACKGROUND-COLOR: #f7f7f7; TEXT-ALIGN: center
}
.table_title_date {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; COLOR: #555555; LINE-HEIGHT: 18px; PADDING-TOP: 2px; FONT-FAMILY: "Gulim", "Arial"; HEIGHT: 24px
}
.table_bg_white {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT-FAMILY: "Gulim", "Arial"; HEIGHT: 24px; BACKGROUND-COLOR: #ffffff
}
.table_bg_gray {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-SIZE: 12px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; FONT-FAMILY: "Gulim", "Arial"; BACKGROUND-COLOR: #f7f7f7
}
.table_bg_gray_list {
	FONT-SIZE: 12px; COLOR: #555555; LINE-HEIGHT: 18px; FONT-FAMILY: "Gulim", "Arial"; HEIGHT: 24px; BACKGROUND-COLOR: #f7f7f7
}
.table_bg_gray_list_C {
	FONT-SIZE: 12px; COLOR: #555555; LINE-HEIGHT: 18px; FONT-FAMILY: "Gulim", "Arial"; BACKGROUND-COLOR: #f7f7f7
}
.table_line_orange {
	HEIGHT: 2px; BACKGROUND-COLOR: #f29e4a
}
.table_line_header {
	HEIGHT: 1px; BACKGROUND-COLOR: #b6b6b6
}
.table_line_middle {
	HEIGHT: 1px; BACKGROUND-COLOR: #dcdcdc
}
.table_link_text {
	COLOR: #555555; TEXT-DECORATION: none
}
.table_link_text A:link {
	COLOR: #555555; TEXT-DECORATION: none
}
.table_link_text A:visited {
	COLOR: #666666; TEXT-DECORATION: none
}
.table_link_text A:hover {
	COLOR: #bba22e; TEXT-DECORATION: none
}
.table_link_text_small {
	FONT-SIZE: 11px; COLOR: #555555; LINE-HEIGHT: 14px; FONT-FAMILY: "Dotum"; TEXT-DECORATION: none
}
.table_link_text_small A:link {
	COLOR: #555555; TEXT-DECORATION: none
}
.table_link_text_small A:visited {
	COLOR: #666666; TEXT-DECORATION: none
}
.table_link_text_small A:hover {
	COLOR: #bba22e; TEXT-DECORATION: none
}
.tableinfo_total {
	FONT-SIZE: 12px; COLOR: #8B6C35; FONT-FAMILY: "Dotum", "Arial"; TEXT-DECORATION: none
}
.it_table_link_text {
	COLOR: #555555; TEXT-DECORATION: none
}
.it_table_link_text A:link {
	COLOR: #555555; TEXT-DECORATION: none
}
.it_table_link_text A:visited {
	COLOR: #666666; TEXT-DECORATION: none
}
.it_table_link_text A:active {
	COLOR: #0770ff; TEXT-DECORATION: underline
}
.it_table_link_text A:hover {
	COLOR: #0770ff; TEXT-DECORATION: underline
}
.it_txt {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 5px
}
.tab {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: "Gulim", "Arial"
}
.tab A:link {
	COLOR: #728090; TEXT-DECORATION: none
}
.tab A:visited {
	COLOR: #728090; TEXT-DECORATION: none
}
.tab A:active {
	COLOR: #728090; TEXT-DECORATION: none
}
.tab A:hover {
	COLOR: #728090; TEXT-DECORATION: none
}
.tab_disabled {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #b5b5b5; FONT-FAMILY: "Gulim", "Arial"
}
.popup_title {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #0054a6; FONT-FAMILY: "Gulim", "Arial"; TEXT-DECORATION: none
}
.popup_font_blue {
	FONT-SIZE: 12px; COLOR: #2e3192; FONT-FAMILY: "Gulim", "Arial"
}
.popup_font_red {
	FONT-SIZE: 12px; COLOR: #c63426; FONT-FAMILY: "Gulim", "Arial"
}
.pagenumber {
	FONT-SIZE: 11px; COLOR: #888888; LINE-HEIGHT: 18px; FONT-FAMILY: "Dotum"; TEXT-DECORATION: none
}
.pagenumber A:link {
	COLOR: #888888; TEXT-DECORATION: none
}
.pagenumber A:visited {
	COLOR: #888888; TEXT-DECORATION: none
}
.pagenumber A:active {
	FONT-WEIGHT: bold; COLOR: #ff760b; TEXT-DECORATION: none
}
.pagenumber A:hover {
	COLOR: #ff760b; TEXT-DECORATION: underline
}
.font_red {
	FONT-SIZE: 12px; COLOR: #c63426; FONT-FAMILY: "Gulim", "Arial"
}
.font_small {
	FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: "Dotum"
}
.font_orange {
	FONT-SIZE: 12px; COLOR: #ff760b; FONT-FAMILY: "Gulim", "Arial"
}
.font_bold {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: "Gulim", "Arial"
}
.font_bold_quiz {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #777777; LINE-HEIGHT: 17px; FONT-FAMILY: "Gulim", "Arial"
}
.font_orange_small {
	FONT-SIZE: 11px; COLOR: #e06e00; FONT-FAMILY: "??"
}
.font_search_result {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #e06e00; FONT-FAMILY: "Gulim", "Arial"
}
.font_search_result A:link {
	COLOR: #e06e00; TEXT-DECORATION: none
}
.font_search_result A:visited {
	COLOR: #e06e00; TEXT-DECORATION: none
}
.font_search_result A:active {
	COLOR: #e06e00; TEXT-DECORATION: none
}
.font_search_result A:hover {
	COLOR: #e06e00; TEXT-DECORATION: underline
}
.font_popup {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 4px; COLOR: #333333; PADDING-TOP: 0px; FONT-FAMILY: "Gulim", "Arial"
}
.service_tit {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #027277; FONT-FAMILY: "Gulim", "Arial"; TEXT-DECORATION: none
}
.service_line_green {
	HEIGHT: 2px; BACKGROUND-COLOR: #94cc8e
}
.contents_service {
	FONT-SIZE: 12px; COLOR: #555555; LINE-HEIGHT: 20px; FONT-FAMILY: "Gulim", "Arial"
}
.contents_service A:link {
	COLOR: #020468; TEXT-DECORATION: none
}
.contents_service A:visited {
	COLOR: #666666; TEXT-DECORATION: none
}
.contents_service A:active {
	COLOR: #0770ff; TEXT-DECORATION: underline
}
.contents_service A:hover {
	COLOR: #0770ff; TEXT-DECORATION: underline
}
.button_default {
	BORDER-RIGHT: #b6b6b6 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; BACKGROUND: #f7f7f7; PADDING-BOTTOM: 2px; BORDER-LEFT: #cccccc 1px solid; CURSOR: hand; COLOR: #333333; PADDING-TOP: 2px; BORDER-BOTTOM: #b6b6b6 1px solid; FONT-FAMILY: "Dotum"; HEIGHT: 20px
}
.tab_on {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #5f76b7; FONT-FAMILY: "Gulim", "Arial"
}
.tab_off {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #999999; FONT-FAMILY: "Gulim", "Arial"; TEXT-DECORATION: none
}
.table_leftline {
	BACKGROUND-IMAGE: url(../images/left/bgline.gif); BACKGROUND-REPEAT: repeat-y
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#ffffff;
}
.title {
	color: #2B8F9B;
	font-weight: bold;
}


/* ------------ 크로스브라우징 작업하면서 추가한 css ------------ */

/*main*/

.main_visual{width:383px; height:476px;}

/*Major Product*/
#wrapper{
		  width:293px;
		  margin:50px auto;
		  height:236px;
		  position:relative;
		  color:#fff;
		  text-shadow:rgba(0,0,0,0.1) 2px 2px 0px;  
		}
		
		#slider-wrap{
		  width:293px;
		  height:236px;
		  position:relative;
		  overflow:hidden;
		}
		
		#slider-wrap ul#slider{
		  width:100%;
		  height:100%;
		  
		  position:absolute;
		  top:0;
		  left:0;   
		}
		
		#slider-wrap ul#slider li{
		  float:left;
		  position:relative;
		  width:600px;
		  height:400px; 
		}
		
		#slider-wrap ul#slider li > div{
		  position:absolute;
		  top:20px;
		  left:35px;  
		}
		
		#slider-wrap ul#slider li > div h3{
		  font-size:36px;
		  text-transform:uppercase; 
		}
		
		#slider-wrap ul#slider li > div span{
		  font-family: Neucha, Arial, sans serif;
		  font-size:21px;
		}
		
		#slider-wrap ul#slider li img{
		  display:block;
		  width:100%;
		  height: 100%;
		}
		
		
		/*btns*/
		.btns{
		  position:absolute;
		  width:50px;
		  height:60px;
		  top:50%;
		  margin-top:-25px;
		  line-height:57px;
		  text-align:center;
		  cursor:pointer; 
		  background:rgba(0,0,0,0.1);
		  z-index:100;
		  
		  
		  -webkit-user-select: none;  
		  -moz-user-select: none; 
		  -khtml-user-select: none; 
		  -ms-user-select: none;
		  
		  -webkit-transition: all 0.1s ease;
		  -moz-transition: all 0.1s ease;
		  -o-transition: all 0.1s ease;
		  -ms-transition: all 0.1s ease;
		  transition: all 0.1s ease;
		}
		
		.btns:hover{
		  background:rgba(0,0,0,0.3); 
		}
		
		#next{right:-50px; border-radius:7px 0px 0px 7px;}
		#previous{left:-50px; border-radius:0px 7px 7px 7px;}
		#counter{
		  top: 30px; 
		  right:35px; 
		  width:auto;
		  position:absolute;
		}
		
		#slider-wrap.active #next{right:0px;}
		#slider-wrap.active #previous{left:0px;}
		
		
		/*bar*/
		#pagination-wrap{
		  min-width:20px;
		  margin-top:350px;
		  margin-left: auto; 
		  margin-right: auto;
		  height:15px;
		  position:relative;
		  text-align:center;
		}
		
		#pagination-wrap ul {
		  width:100%;
		}
		
		#pagination-wrap ul li{
		  margin: 0 4px;
		  display: inline-block;
		  width:5px;
		  height:5px;
		  border-radius:50%;
		  background:#fff;
		  opacity:0.5;
		  position:relative;
		  top:0;
		  
		  
		}
		
		#pagination-wrap ul li.active{
		  width:12px;
		  height:12px;
		  top:3px;
		  opacity:1;
		  box-shadow:rgba(0,0,0,0.1) 1px 1px 0px; 
		}
		
		
		/*ANIMATION*/
		#slider-wrap ul, #pagination-wrap ul li{
		  -webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1);
		  -moz-transition: all 0.3s cubic-bezier(1,.01,.32,1);
		  -o-transition: all 0.3s cubic-bezier(1,.01,.32,1);
		  -ms-transition: all 0.3s cubic-bezier(1,.01,.32,1);
		  transition: all 0.3s cubic-bezier(1,.01,.32,1); 
		}
