@charset "utf-8";

/* 
---- 기본 설정 ---- */
@font-face {
  font-family: 'ng';
  src: url('../font/NanumGothic.eot');
  src: url('../font/NanumGothic.eot?#iefix') format('eot'), url('../font/NanumGothic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
html, body { height:100%; font-size:12px; font-weight:normal; }
body { margin:0; padding:0; }
body, table, th, td, button, input { font-family:NanumGothic, "나눔고딕", ng, "굴림", Gulim, "돋움", Dotum, "Lucida Sans", "Trebuchet MS", Arial, Tahoma, sans-serif; }
div,h1,h2,h3,h4,h5,h6,form,input,textarea,p { margin:0; padding:0; }
fieldset, img { border:0 none; }
a, a:visited, a:hover, a:active, a:focus { text-decoration:none; }
a, input { outline:none; }
:focus { outline: 0; }
.float_left { float:left; }
.float_right { float:right; }

/* 
---- 레이아웃 스타일 시작 ---- */
#xet_layout { position:relative; }
#xet_layout_wrp { position:relative; margin:0 auto; padding:0; overflow:hidden; }
	

/* 
---- 헤더 영역 ---- */
#xet_header {  z-index:99; position:relative; clear:both; *zoom:1; margin:0 auto 40px; }
#xet_header .xet_header_wrp { z-index:99; position:relative; margin:0 auto; }
#xet_header .xet_header_content { position:relative; margin:0 auto; padding:0; height:140px; overflow:hidden; }
#xet_header .xet_header_content:after { content:""; display:block; clear:both; }

	/* 로고 */
#xet_header .xet_logo { position:absolute; left:0; bottom:10px; margin:0; }
#xet_header .xet_logo h1 { position:relative; font-size:48px; text-align:center; }
#xet_header .xet_logo h1 a {  letter-spacing:-2px; color:#555; text-shadow: 2px 2px 5px rgba(0,0,0,.3); }
#xet_header .xet_logo h1 a img { vertical-align:top; }
#xet_header .xet_logo p { margin:0; padding:4px 0 0; text-align:center; font-size:12px; color:#aaa; }

		#xet_layout.black #xet_header .xet_logo h1 a { color:#fff; }
		#xet_layout.black #xet_header .xet_logo p { color:#aaa; }

	/* 배너이미지 */
#xet_header .xet_banner { position:absolute; right:0; bottom:10px; color:#aaa; }
#xet_header .xet_banner a { display:block; }
#xet_header .xet_banner a img { vertical-align:top; }


	/* 메인메뉴 */
#xet_header .xet_gnb_wrp { z-index:99; background:#fff; }
#xet_header .xet_gnb_content { margin:0 auto; }

	#xet_layout.black #xet_header .xet_gnb_wrp { background:#0b0b0b; }


/* 
---- 프로모션 영역 */
.xet_promotion { position:relative; clear:both; *zoom:1; margin:0 auto 40px; color:#aaa; }
.xet_promotion:after { content:""; display:block; clear:both; }
.xet_promotion .xet_center { position:relative; *zoom:1; overflow:hidden; padding:10px; background:#fff; }

	.xet_promotion.black .xet_center { background:#0b0b0b; }

	/* 정지이미지출력 */
.xet_promotion .xet_promotion_img { position:relative; margin:0 auto; overflow:hidden; }
.xet_promotion .xet_promotion_img a { margin:0; padding:0; }
.xet_promotion .xet_promotion_img img { vertical-align:top; }

	/* 위젯출력 */
.xet_promotion .xet_promotion_body { position:relative; margin:0 auto; overflow:hidden; }


/*
---- 상단위젯 영역 */
.xet_top_widget { position:relative; clear:both; *zoom:1; margin:0 auto 40px; padding:0; }
.xet_top_widget:after { content:""; display:block; clear:both; }
.xet_top_widget .xet_tw_body { position:relative; color:#aaa; }


/* 
---- 바디 영역 */
#xet_body { position:relative; clear:both; *zoom:1; margin:0 auto; padding:0; }

	/* 통합 검색 */
.xet_search { position:relative; clear:both; *zoom:1; }
.xet_search_form { position:relative; width:100%; margin:0 0 30px; border:none; background:none; }
.xet_search_form .itext { height:30px; line-height:35px; font-size:12px; margin:0; padding:0 30px 0 8px; overflow:hidden; border:1px solid #ccc; background:#fff; color:#ccc; }
.xet_search_form .itext:focus { font-weight:bold; color:#333; background:#fff; }
.xet_search_btn { position:absolute; right:0; bottom:4px; width:40px; height:22px; margin:0; padding:0; cursor:pointer; border:none; background:url(../img/search_icon.png) center no-repeat; }
.xet_search_btn span { visibility:hidden; font-size:0; }

	#xet_body.black .xet_search_form .itext { border-color:#333; background:#000; color:#555; }
	#xet_body.black .xet_search_form .itext:focus { color:#ccc; }
	#xet_body.none .xet_search_form .itext { border-color:#555; background:transparent; color:#555; }
	#xet_body.none .xet_search_form .itext:focus { color:#fff; }


	
	/* 사이드위젯 */
.xet_side_widget { position:relative; clear:both; *zoom:1; }
.xet_side_widget .xet_side_widget_content { position:relative; clear:both; margin:0 0 30px; padding:0; *zoom:1; text-align:left; }
.xet_side_widget .xet_side_widget_content img { vertical-align:top; }
.xet_side_widget .xet_side_widget_title { margin:0; padding:0; font-size:16px; font-weight:bold; text-align:left; overflow:hidden; color:#111; }
.xet_side_widget .xet_side_widget_body { padding:10px 0; overflow:hidden; color:#111; }

	#xet_body.black .xet_side_widget .xet_side_widget_title { color:#fff; }
	#xet_body.black .xet_side_widget .xet_side_widget_body { color:#eee; }

	/* 본문타입 */
#xet_body { position:relative; clear:both; *zoom:1; }
#xet_body .xet_body_content { position:relative; clear:both; }
#xet_body .xet_body_content:after { content:""; display:block; clear:both; }
#xet_body .xet_content_L { float:left; margin:0 10px 40px 0; padding:20px; overflow:hidden; background:#fff; }
#xet_body .xet_content_R { float:right; margin:0 0 40px 10px; padding:20px; overflow:hidden; background:#fff; }
#xet_body .xet_content { position:relative; *zoom:1; overflow:hidden; margin:0 0 40px; padding:20px; background:#fff; }

	#xet_body.black .xet_content_L,
	#xet_body.black .xet_content_R,
	#xet_body.black .xet_content { background:#0b0b0b; }

	#xet_body.none .xet_content_L,
	#xet_body.none .xet_content_R,
	#xet_body.none .xet_content { margin-bottom:0; padding:0; background:transparent; }

/* 
---- 하단위젯 영역 ---- */
#xet_bottom { position:relative; clear:both; *zoom:1; margin:0 auto; background:#fff; }
#xet_bottom .xet_bottom_wrp { *zoom:1; position:relative; margin:0 auto;  }
#xet_bottom .xet_bottom_wrp:after { content:""; display:block; clear:both; }
#xet_bottom .xet_bottom_wrp .li { float:left; margin:0; padding:0; }
#xet_bottom .xet_bottom_wrp .bottom_widget_content { position:relative; margin:0; padding:10px 20px; }
#xet_bottom .xet_bottom_wrp .bottom_widget_title { display:block; position:relative; overflow:hidden; *zoom:1; font-size:16px; font-weight:bold; height:40px; line-height:40px; color:#555; border-bottom:1px dotted #ccc; }
#xet_bottom .xet_bottom_wrp .bottom_widget_body { padding:15px 0; color:#555; }

	#xet_bottom.black { background:#0b0b0b; }
	#xet_bottom.black .xet_bottom_wrp .bottom_widget_title { color:#fff; border-color:#333; }
	#xet_bottom.black .xet_bottom_wrp .bottom_widget_body { color:#eee; }


/*
---- 푸터 영역 ---- */
#xet_footer {position:relative; clear:both; *zoom:1; margin:40px auto 0; padding:20px 0; background:#fff; }
#xet_footer:after{ content:""; display:block; clear:both; }
#xet_footer .xet_footer_content {margin:0 auto;}

	#xet_layout.black #xet_footer { background:#0b0b0b; }

	/* 하단메뉴 */
#xet_footer .xet_footer_menu { margin:0; padding:0; list-style:none; }
#xet_footer .xet_footer_menu li {float:left; margin:0 0 0 8px; padding:0 0 0 8px; background:url(../img/bottom_section.gif) no-repeat left center; }
#xet_footer .xet_footer_menu li:first-child { background:none; }
#xet_footer .xet_footer_menu li a { display:block; font-weight:normal; margin:0; padding:0; font-size:11px; color:#111; }
#xet_footer .xet_footer_menu li a span { margin:0; padding:0 0 2px; }
#xet_footer .xet_footer_menu li a:hover span { border-bottom:2px solid; }
#xet_footer .xet_footer_menu li a img { vertical-align:top; }
	
	#xet_layout.black #xet_footer .xet_footer_menu li a { color:#fff; }

	/* 주소 */
#xet_footer .xet_address  { text-align:left; margin:0 0 10px; padding:0; color:#111; }

	#xet_layout.black #xet_footer .xet_address  { color:#fff; }

	/* 카피라이트 */
#xet_footer .xet_copyright { padding:0; font:11px "Trebuchet MS"; color:#111; }


	#xet_layout.black #xet_footer .xet_copyright { color:#fff; }