@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@font-face { font-family:"나눔고딕"; src:url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");}
body, table, div, p {font-family:'Nanum Gothic','나눔고딕','맑은고딕';}


::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #efefef}
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}

::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.15); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}


*:focus {     outline: none;}

A:link {text-decoration:none; color:none;}
A:visited {text-decoration:none; color:none;}
A:active {text-decoration:none; color:none;}
A:hover {text-decoration:none; color:none;color:#fff;}

img {
-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop')";
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop');
}

body { height:100%; overflow:hidden; overflow-x: hidden; overflow-y: hidden;  width:100%; }


/* 메인 테두리 박스 화면 */
#wrap { position:relative; min-height:100%; display:block;  margin: 0; padding:0; top : -6px;}

/* 네비게이션_  왼쪽 네비 박스 레이아웃  */
#wrap header.layout {  position: fixed; left:0; *top:0px; z-index:10; width:150px; height:100%; min-height:550px; background-color:#e60020;  margin: 0; padding:0;}

/* 네비게이션_  로고  */
#wrap header.layout #logo {position: fixed; top: 0px;  left: 0px; width: 150px; height:160px; z-index: 9999; margin:0; padding:0; background-color:#e60020;}



/* 네비게이션 _ 메뉴 */
#wrap header.layout #main_menu { position: fixed; width:150px; top: 175px; *margin-top:8px; background-color:#e60020; z-index:9990; 
								 .top : 167px;}
#wrap header.layout #main_menu img { width : 150px;}								 
#wrap header.layout #menuspacing { height:25px; }
#wrap header.layout #menuspacingsmall { height:10px; }
#wrap header.layout .ani-menu {with: 150px; height: 28px; background-color:#e60020; transition-property:background-color; -webkit-transition-property:background-color; -moz-transition-property:background-color; }
#wrap header.layout .ani-menu:hover { background-color:#b50014;}
					.ani-menu-fix {height: 28px; width:150px;  background-color:#b50014; }


/* 네비게이션_하단 배너 버튼 */
#wrap header.layout #bottom { background-color:#e60020; position: fixed; top:auto; bottom: 17px; left: 0px; width: 150px; z-index: 999; top: no-repeat;  margin:0; padding:0;}







/*롤링스크롤 아이콘 */
#pagenum {width:50px; right: -10px;  margin-right:60px; top:50px; z-index:999; position: fixed;  }




/*서브 스크롤 메뉴 박스*/

#menubox {position: absolute; top:-2px; left:0px; height:101%; width:300px; z-index:20; overflow: hidden;  margin: 0; padding:0; border:0px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
#menubox {position: absolute; top:-8px; left:0px; height:102%; width:270px; z-index:20; overflow: hidden;   margin: 0; padding:0; border:0px;}
}
/*아이폰 터치용 div*/
#scrolling { position: absolute; width:270px; height:100%;  left:0; top: -2px; overflow:hidden; margin:0; padding:0; border:0px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
#scrolling { position: absolute; width:298px; height:100%;  left:0px; top: -8px; margin:0; padding:0; border:0px;}
}







/*본문************************************************************************************************************************************************************/


/*본문 메인 페이지  배경 백그라운드 색상 적용 중********************************/
.mainbox { position: fixed; top:0px; height:100%; width:100%; overflow:auto; overflow-x: hidden;  margin: 0; padding:0; z-index:-9999;}

/* 본문 상단 _ 그림자 */
#shadow { width:6px; height:150%; position:fixed; top:-10px; z-index:9999; }
#shadow1 { width:6px; height:150%; position:fixed; top:-10px; z-index:9999; }

/* 본문 _ 타이포 롤링 이미지 /////백그라운드 컬러 삽입*/
#slideimg {position: fixed; top:-2px; left:10px; z-index:-99; width:101%; height:102%; overflow: scroll;   -webkit-overflow-scrolling: touch;  box-sizing:border-box;  margin:0; border:0; padding-left:132px; } 






/* 본문 세부 페이지용*/
#margin {float:left; width:262px;  margin:0; padding:0;}
#section { height:100%; overflow: hidden; margin-left: 245px; -webkit-overflow-scrolling: touch;  padding:0;}
/* 섹션 중 크롬 스크롤바 두께 적용 핵*/
@media screen and (-webkit-min-device-pixel-ratio:0){
#section { height:100%; overflow: hidden; margin-left: 260px; -webkit-overflow-scrolling: touch;  padding:0;}
}
#mainscrollbox { -webkit-overflow-scrolling: touch; }

/* 본문 세부 페이지용 _ 세부페이지 메인 스타일*/
#floatsection { padding-left:262px; height:100%; overflow: auto;  -webkit-overflow-scrolling: touch; position: relative;}
#mainfloat { -webkit-overflow-scrolling: touch; height:100%; width:90%; min-width: 680px; max-width: 1300px; padding-top: 220px; float:left;} 
















/* 본문   배경 영상********************************정지 중 */
#video {position: fixed; top:0px; left:0px; min-height:100%; min-width:100%; z-index:-999; overflow:hidden;}