/* 레이아웃 기본 제한 설정 -------------------------------------------------------------  */
	#container { position:relative; clear:both; *zoom:1; }
	#container:after{ content:""; display:block; clear:both;}

	/* 레이아웃 스타일링 --------------------------------------------------------------------- */
	#container { margin:0 auto; height:100%; }
	
	/* 바디 컬러셋 */
	#container.white #body { background:url(../img/black/main_ment_bg.png) repeat #151515; color:#aaa; border-color:#222; }
	#container.black #body { background:url(../img/white/main_ment_bg.png) repeat #ddd; color:#444; border-color:#eee #e0e0e0; }
	
   
   /* 기본 설정 */
   body { font:11px "굴림","돋움",Dotum;  padding:0; margin:0; overflow-y:scroll;}
   img { border:0; }
   .top_box ul,
   .layout_head ul,
   .layout_content .leftside ul,
   .page_title ul,
   .layout_foot ul { list-style-type:none; margin:0; padding:0; }
   
   /* 상단 로그인 로그아웃등 글자색상 바꾸기 2차메뉴 왼쪽메뉴색상도 같이 변함*/
   a { color:#b8b8b8; cursor:pointer; text-decoration:none;}
   .clear { clear:both; }
   
   /* 메뉴 통으로 전체 높이 조절 전체다 따라올라옴 */
   .top_box { position:relative; z-index:50; height:0px; }
   
   .top_box a { text-decoration:none;}
   
   .top_box a:active { color:#000000; text-decoration:none; }
   
   /* 상단 로그인 아웃등 마우스 올려지면 글자색상 바뀌기 */
   .top_box a:hover { color:#a6a6a6; text-decoration:none; }
   
   /* 상단1줄 라인 색상 바꾸기 */
   .top_box { border-bottom:0px solid #fff; }
   .top_box .layout_width { width:1110px; margin:0 auto; text-align:right; height:5px; position:relative; }
   .top_box .layout_width .box_right { position:absolute; right:-5px; top:0; font-size:11px; }
   .top_box .layout_width .box_right li { float:left; margin:0; color:#444; font-family:"돋움",Dotum; height:25px; }
   .top_box .layout_width .box_right li a { display:block; height:25px; line-height:25px; padding:0 5px; }
   .top_box .layout_width .bookmark { position:absolute; height:25px; line-height:25px; left:0; margin:0; }
   .top_box .layout_width .bookmark a { display:block; height:25px; }
   .top_box .layout_width .box_right .select_lang { position:relative; }
   .top_box .layout_width .box_right .select_lang ul { position:absolute; left:50%; top:25px; margin-left:-52px; text-align:center; background:#fff; border:2px solid #ccc; width:100px; z-index:1002; display:none; }
   .top_box .layout_width .box_right .select_lang li { display:block; margin:0; float:none; }
   .top_box .layout_width .box_right .select_lang li a { display:block; text-decoration:none; }
   .top_box .layout_width .box_right .select_lang li a:hover { background:#ccc; color:#fff; font-weight:bold; }
   
   /* Layout_head */
   .layout_head { clear:both; width:1110px; margin:0 auto; position:relative; z-index:30; }
   .layout_head .logo_line { width:1110px; margin:10px 0 0 0; position:relative; z-index:1002; }
   .layout_head .logo_line h1 { position:absolute; }
   .layout_head .logo_line .head_ad { position:absolute; word-break:break-all; overflow:hidden;   }
   
   /* GNB * 메뉴만 높이 top으로 조절 폭조절은 width */
   .layout_head .layout_topmenu { margin:0 auto; top:80px; height:86px; width:1310px; position:relative; z-index:1; background: url("../images/ColorMenu1.png") no-repeat left top; }
   .layout_head .layout_topmenu a { color:#fff; cursor:pointer; text-decoration:none; }
   /* 2차메뉴 젤뒤에 백그라운드*/
   .layout_head .layout_topmenu ul ul { background:#transparent; }
   .layout_head .layout_topmenu .main_menu { height:36px; margin-left:80px; display:inline-block;}
   .layout_head .layout_topmenu .home_menu { position:absolute; top:-14px; left:-6px; z-index:10; }
   .layout_head .layout_topmenu .home_menu img { background:#666; }
   /* 1차메뉴 글자만 왼쪽 폭 조절 left로 조절*/
   .layout_head .layout_topmenu .menu_top { float:left; left:-10px; height:188px; position:relative; text-align:center; }
   .layout_head .layout_topmenu .menu_top:hover { background:url("../images/MenuBarOn.png") repeat-x left top; }
   .layout_head .layout_topmenu .menu_top:hover>a { color:#00aff0; }
   .layout_head .layout_topmenu .menu_top.selected>a { color:#00aff0; background:url("../images/MenuBarOn.png") repeat-x left top; }
   .layout_head .layout_topmenu .menu_top.bgnone { background:none; }
   
   /* 메인메뉴 1차 글자만 높이 조절 1차메뉴 글자 폰트 색깔 color ★height조절은 1차메뉴 마우스 오버시 서브네뉴 선택되는 영역조절함  */
   .layout_head .layout_topmenu .menu_top>a { font-family: arial, serif; display:block; height:48px; line-height:56px; padding:0 25px; position:relative; z-index:20; font-weight:bold; color:#fff; font-size:15px;}
   
   /* 서브내려오는거 높이 조절 top:00px 조절하면됨 min-width는 2차 외각영역 크기 설정 boder-width는 상자 테두리 굵기 조절*/
   .layout_head .layout_topmenu .menu_top .sub { position:absolute; top:50px; left:0px; min-width:100px; white-space:nowrap; border:solid #d2d2d2; border-width:0px 0px 0px 0px; display:none; }
   .layout_head .layout_topmenu .menu_top .sub li { position:relative; text-align:left; border-top:0px solid #dfdfdf; }
   
   /* 2차메뉴 글자색 padding 0 0 0 xxpx는 2차 왼쪽 폭 조절*/
   .layout_head .layout_topmenu .menu_top .sub li a { display:block; height:20px; line-height:20px; padding:0px 0px 0px 30px; color:#fff; }
   .layout_head .layout_topmenu .menu_top .sub li.selected>a { font-weight:bold; color:#fff000;}
   /* 2차 마우스 오버했을떼 나오는 배경색 */
   .layout_head .layout_topmenu .menu_top .sub li:hover { background:#e5e5e5; }
   /* 2차 마우스 오버했을떼 글자 색 */
   .layout_head .layout_topmenu .menu_top .sub li:hover>a { color:#000; }
   .layout_head .layout_topmenu .menu_top .sub li:first-child>a { border-top:none; }
   

      
   
   /* Update News */
   .layout_head .update_news {top:134px; margin:0px; background:#302b25; border:0px solid #ccc; border-top:none; padding:0px; height:125px; line-height:125px; position:relative; }
   .layout_head .update_news .update_widget { padding:0; margin:0; font-size:12px; height:125px; }
   .layout_head .update_news .update_widget .rows { float:left; height:125px; }
   
   /* Search Form */
   .layout_search { position:absolute; z-index:1000; }
   .layout_search .search_text { position:relative; width:100px; height:14px; font-size:12px; vertical-align:bottom; margin:0; padding:2px 5px; background:#f7f7f7; border:1px solid #aaa; }
   .layout_search .search_text:hover,
   .layout_search .search_text:focus { background:#fff; }
   .layout_search .submit { vertical-align:bottom; padding:0; }
   
   /* Layout_content 로고와 게시판 사이 폭 조절 */
   .layout_content { margin:190px auto; width:1110px; position:relative; z-index:20; }
    /* 2차메뉴 왼쪽 가로폭 설정 */
   .layout_content .leftside { width:225x; float:left; margin:0 25px 0 0; }
   .layout_content .leftside .layout_login { margin:0 0 3px 0; }
   .layout_content .lnb a { display:block; text-decoration:none; }
   
   
   /* 왼쪽메뉴 타이틀 배경 글자 가운데 정렬*/
   .layout_content .lnb>.top_menu { background:#575757; border:1px solid #ccc; text-align:center; }
   /* 왼쪽메뉴 타이틀 메뉴 글자크기 상하폭조절은 padding로 조절*/
   .layout_content .lnb>.top_menu a { border:none; padding:20px 5px; font-size:14px; font-weight:bold; color:#f7f7f7;}
   .layout_content .lnb>ul { border:1px solid #ccc; padding:3px; border-top:none; }
   /* 왼족메뉴 글자크기 색상지정 */
   .layout_content .lnb>ul li>a { font-size:12px; color:#000; margin-left:12px; border-top:1px solid #ccc; padding-left:15px; height:25px; line-height:25px; background:url('../images/icons.gif') no-repeat 4px -6px; }
   .layout_content .lnb>ul li.has_sub>a { border-bottom:1px dashed #d5d5d5; }
   .layout_content .lnb>ul li:hover>a { font-weight:bold; color:#ff7e7e; background:url('../images/icons.gif') no-repeat 4px 10px; }
   .layout_content .lnb>ul li.selected>a { font-weight:bold; color:#ff7e7e; background:url('../images/icons.gif') no-repeat 4px 10px; }
   .layout_content .lnb>ul>li:first-child>a { border-top:none; }
   .layout_content .lnb ul li ul { margin:0 0 0 10px; border:none; padding:0; }
   .layout_content .lnb ul ul a { margin:0 0 0 20px; height:22px; line-height:22px; font-size:11px; border:none; background:url('../images/icons.gif') no-repeat 4px -8px; }
   .layout_content .lnb ul ul li:hover>a { font-weight:bold; background:url('../images/icons.gif') no-repeat 4px 8px; }
   .layout_content .lnb ul ul li.selected>a { font-weight:bold; background:url('../images/icons.gif') no-repeat 4px 8px; }
   .layout_content .rightside { width:270px; float:left; margin:0 0 0 30px; }
   
   /* Layout_foot */
   .layout_foot { margin:0 auto; padding-top:5px; width:1100px; clear:both; position:relative; z-index:20; }
   .layout_foot .notice { padding:10px 5px; position:relative; height:20px; line-height:20px; border-top:2px solid #d1d1d1; }
   .layout_foot .notice .family_site { height:24px; line-height:24px; position:absolute; }
   .layout_foot .notice .family_site>span { border:1px solid #ccc; width:100px; text-align:center; display:block; text-decoration:none; position:relative; z-index:20; cursor:pointer; }
   .layout_foot .notice .family_site ul { position:absolute; bottom:23px; border:1px solid #ccc; border-bottom:none; width:100px; background:#ffffff; z-index:10; display:none; }
   .layout_foot .notice .family_site li { border-bottom:1px dashed #ccc; }
   .layout_foot .notice .family_site li a { display:block; text-decoration:none; padding:2px 4px; }
   
   .layout_foot .bottom_menu_copy { border-top:0px solid #ccc; }
   .layout_foot .bottom_menu_copy .bottom_menu { overflow:hidden; margin:0; text-align:center; }
   .layout_foot .bottom_menu_copy .bottom_menu ul { padding:5px 0; height:20px; line-height:20px; margin-left:-20px; white-space:nowrap; display:inline-block; }
   .layout_foot .bottom_menu_copy .bottom_menu li { padding-left:20px; display:inline; }
   .layout_foot .bottom_menu_copy .bottom_menu li.selected a { font-weight:bold; color:#000; }
   .layout_foot .bottom_menu_copy .bottom_menu li:first-child { background:none; }
   .layout_foot .bottom_menu_copy .bottom_menu li a:hover { text-decoration:underline; }
   .layout_foot .bottom_menu_copy .copy { text-align:center; }
   
   /* Skin By */
   .designedby { padding:0 10px 10px; margin:0; text-align:right; }