@charset "utf-8";

/* Reset */
html, body { height:100%;  }
body { margin:0; padding:0; background-color:#000; }
body,table { font:normal 9pt "나눔고딕", NanumGothic,  "굴림", Gulim, "돋움", Dotum, "Trebuchet MS", Arial, Tahoma, "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
div,p { margin:0; padding:0; }
fieldset, img { border:0 none; }
a, a:visited, a:hover, a:active, a:focus { text-decoration:none; color:#ccc; }
a, input { outline:none; } 
:focus { outline: 0; }


/* ---- Layout Style ---- */
#layout { position:relative; clear:both; margin:0; padding:0; }
#layout:after { content:""; display:block; clear:both; }

#show_o { display:none; z-index:10; position:absolute; right:-42px; top:0; }
#show_o a { display:block; width:42px; height:42px; background:url(../img/show_btn.png) 0 0 no-repeat; }
#show_o a:hover { background-position:0 -44px; }
#show_o a span { visibility:hidden; font-size:0; }

#close_x { z-index:10; position:absolute; right:10px; top:10px; }
#close_x a { display:block; width:17px; height:17px; background:url(../img/close_btn.png) 0 0 no-repeat;  }
#close_x a:hover { background-position:0 -17px; }
#close_x a span { visibility:hidden; font-size:0; }

	/* ---- container ---- */
#container { position:relative; *zoom:1; clear:both; border:3px solid #000; }
#container:after { content:""; display:block; clear:both; }


	/* ---- body ---- */
#body { position:relative; clear:both; }
#body:after { content:""; display:block; clear:both; }

#body_wrp { position:relative; margin:0; padding:0; }
#body_wrp .body_left { z-index:99; position:relative; float:left; border-right:3px solid #000; }
#body_wrp .body_right { position:relative; overflow:hidden; }


#body_wrp.e1_bg1 .body_left { background:url(../img/e1_bg1.gif) repeat; }
#body_wrp.e1_bg2 .body_left { background:url(../img/e1_bg2.gif) repeat; }
#body_wrp.e1_bg3 .body_left { background:url(../img/e1_bg3.gif) repeat; }
#body_wrp.e1_bg4 .body_left { background:url(../img/e1_bg4.gif) repeat; }


		/* Side(e1) Wrap */
#e1 { position:relative; }
	
			/* Top Logo Image */
#e1 .logo_wrp { position:relative; height:97px; overflow:hidden; border-bottom:3px solid #000; background:#111; }
#e1 .logo { position:relative; height:40px; margin:0; padding:30px 0; text-align:center; overflow:hidden; }
#e1 .logo img { *vertical-align:top; *display:block; }	


			/* Photo Widget */
#e1 .photo_widget { position:relative; clear:both; *zoom:1; padding:15px; border-top:3px solid #000; }
#e1 .photo_widget_body { position:relative; overflow:hidden; line-height:16px; padding:10px; color:#aaa; background:#18191a; border:1px solid #000; }
#e1 .best_photo { z-index:10; position:absolute; left:17px; top:20px; *top:40px; height:31px; }

			/* Widgets */
#e1 .widgets { position:relative; padding:15px; border-top:3px solid #000; }
#e1 .widget_box { position:relative; margin-bottom:10px; border:1px solid #000; }
#e1 .widget_title { 	position:relative; overflow:hidden; height:30px; line-height:30px; padding:0 10px; font-size:10pt; font-weight:normal; color:#aaa; border:1px solid #242527; border-bottom:1px solid #111; background:url(../img/title_bg.gif) 0 0 repeat-x #1e1f20;	}
#e1 .widget_more { position:absolute; right:4px; top:3px; overflow:hidden; width:24px; height:25px; background:url(../img/more_btn.png) 0 0 no-repeat; }
#e1 .widget_more:hover { background-position: 0 -24px; }
#e1 .widget_more span { visibility:hidden; font-size:0; text-indent:-9999px; }
#e1 .widget_body { overflow:hidden; line-height:16px; padding:10px; color:#aaa; background:#18191a; }


			/* search */
#searchbox { position:relative; margin:0; padding:15px; border-top:3px solid #000; } 
#searchbox .search { *zoom:1; vertical-align:top; }
#searchbox .search .input { position:relative; border:1px solid #000; color:#666; background:#18191a; }
#searchbox .search .inputText { position:relative; height:35px; *height:33px; line-height:35px; padding:0 5px; border:none; background:none; color:#666; }
#searchbox .search .btn { position:absolute; right:15px; top:15px; margin:0; padding:0; cursor:pointer; width:44px; height:37px; border:0; }
#searchbox .btn span { font-size:0; visibility:hidden; }

#searchbox.red .search .btn { background:url(../img/search_r_btn.png) no-repeat; }
#searchbox.orange .search .btn { background:url(../img/search_o_btn.png) no-repeat; }
#searchbox.cyan .search .btn { background:url(../img/search_c_btn.png) no-repeat; }
#searchbox .search .btn:hover { background-position:0 -37px; }

			/* SNS */
#sns { position:relative; *zoom:1; padding:5px 15px 15px; text-align:center; border-top:3px solid #000; }
#sns:after { content:""; display:block; clear:both; }
#sns ul { margin:0; padding:0; *padding-top:10px; list-style:none; }
#sns ul li { display:inline; margin:0; padding:0; }
#sns ul li a { display:inline-block; cursor:pointer; width:35px; height:35px; margin:0; padding:0; background:url(../img/social_icons.png) no-repeat; }
#sns ul li a span { visibility:hidden; font-size:0; text-indent:-9999px; }

#sns ul li a.twitter { background-position:0 0; }
#sns ul li a.facebook { background-position:-35px 0; }
#sns ul li a.me2day { background-position:-70px 0; }
#sns ul li a.yozm { background-position:-105px 0; }

#sns ul li a.twitter:hover { background-position:0 -35px; }
#sns ul li a.facebook:hover { background-position:-35px -35px; }
#sns ul li a.me2day:hover { background-position:-70px -35px; }
#sns ul li a.yozm:hover { background-position:-105px -35px; }


	/* bottom menu */
#footer_menu { position:relative; clear:both; *zoom:1; border-top:3px solid #000; }
#footer_menu:after { content:""; display:block; clear:both; }
#footer_menu ul { margin:0; padding:15px 10px; list-style:none; overflow:hidden; }
#footer_menu li { position:relative; float:left; margin:0 10px 0 0; padding:8px 0; }
#footer_menu li a { display:block; font-weight:normal; white-space:nowrap; font-size:8pt; color:#888; }
#footer_menu li a img { vertical-align:middle; }
#footer_menu li a:hover {  }


			/* Copyright */
#copyright_wrap { position:relative; min-height:200px; border-top:3px solid #000; }
#copyright_wrap .copyright  { position:relative; padding:15px 10px 0; line-height:18px; }
#copyright_wrap p { padding:0; font:normal 11px tahoma; text-align:center; color:#aaa; }
#copyright_wrap p a { text-decoration:none; color:#7bd3e5; }

			/* Bottom Logo Image */
#copyright_wrap .bottom_logo { position:relative; overflow:hidden; }
#copyright_wrap .bottom_logo_icon { position:relative; padding:15px 0 0; text-align:center; }
	

#body .h_right { position:relative; height:130px;  border-bottom:3px solid #000; }

/* Menu Locator */
#menu_locator1 { position:relative; height:97px; overflow:hidden; border-bottom:3px solid #000; }
#menu_locator1 h2 { position:absolute; left:25px; bottom:20px; margin:0; padding:0; font-weight:normal; font-size:20pt; color:#ccc; text-shadow:1px 1px 5px #111;  }

#menu_locator2 { position:relative; height:30px; background:url(../img/locator2_bg.gif) repeat; }
#menu_locator2 .menu_location { margin:0; padding:0; list-style:none; }
#menu_locator2 .menu_location li { float:left; padding:0; margin:8px 0; background:url(../img/arrow.gif) no-repeat center right; }
#menu_locator2 .menu_location li a.home { width:40px; background:url(../img/home.png) no-repeat center center; }
#menu_locator2 .menu_location li a.home span { visibility:hidden; text-indent:-9999px; }
#menu_locator2 .menu_location li a { display:block; padding:0 25px 0 15px;  font-size:8pt; text-transform:uppercase; color:#aaa;}
#menu_locator2 .menu_location li a img { vertical-align:middle; }

#menu_locator2.red .menu_location li:hover { background:url(../img/arrow_r_on.gif) no-repeat center right; }
#menu_locator2.orange .menu_location li:hover { background:url(../img/arrow_o_on.gif) no-repeat center right; }
#menu_locator2.cyan .menu_location li:hover { background:url(../img/arrow_c_on.gif) no-repeat center right; }


/* Content wrap */
#content_wrap { position:relative; overflow:hidden; *zoom:1; }
#content { position:relative; clear:both; *zoom:1; margin:10px; padding:10px; overflow:hidden; }
#content:after{ content:""; display:block; clear:both; }

#content_wrap.black { background:#000; }
#content_wrap.white { background:#fff; }


 /* in shadow */
.inshadow { -moz-box-shadow: inset 0 0 3px #000;  -webkit-box-shadow: inset 0 0 3px #000; box-shadow: inner 0 0 3px #000; }