@charset "utf-8";
 
 /* 웹폰트 */
  @font-face{
   font-family:"NanumGothic";
   src:url('../fonts/NanumGothic.eot');
   src:url('../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
   url('../fonts/NanumGothic.woff') format('woff'),
   url('../fonts/NanumGothic.ttf') format('truetype');
   url('../fonts/NanumGothic.svg#NanumGothic') format('svg')
   src:local(※), url('../fonts/NanumGothic.woff') format('woff');
   }
  @font-face{
   font-family:"Caviar Dreams Bold";
   src:url('../fonts/Caviar Dreams Bold.eot');
   src:url('../fonts/Caviar Dreams Bold.eot?#iefix') format('embedded-opentype'),
   url('../fonts/Caviar Dreams Bold.woff') format('woff'),
   url('../fonts/Caviar Dreams Bold.ttf') format('truetype');
   url('../fonts/Caviar Dreams Bold.svg#Caviar Dreams Bold') format('svg')
   src:local(※), url('../fonts/Caviar Dreams Bold.woff') format('woff');
   }

 /* 전체 바탕색 */
 body{background:#e7c9a5;}

 /* 전체 위치 지정 */
 #wrap{background-color:#e7c9a5; width:990px;  margin:0 auto; }  

 /* 헤더영역 */
 #header { width:100%; height:125px; }

 /* 메인 로고 */
 #logo {float:left; margin:20px 0 0 20px; }   
 
 /* 맨위 서브메뉴 스타일 */
 #lnb1 ul { float:right; }
 #lnb1 ul li { display:inline; padding:0; font-weight:bold;
 font-size:13px; font-family:caviar dreams; margin:0 28px 0 0;}
 
 a.l1:link { color: #3c0202; text-decoration: none;}    
 a.l1:active { color: #3c0202; text-decoration: none;}
 a.l1:visited { color: #3c0202; text-decoration: none;}
 a.l1:hover { color: white; text-decoration: none;} 
 a.l2 { color: #ff0033; text-decoration: none;}
 a.l2:hover { color: #ff0033; text-decoration: underline; font-weight:bold;} 
 a.l3 { color: #ffffff; text-decoration: none; background-color:#3c0202;}
 a.l3:hover { color: #3c0202; text-decoration: none; font-weight:bold; background-color:white;} 
 
 /* 메인 메뉴 스타일 */
 #gnb1 ul { /* 메뉴 전체영역 스타일 */
 float:right; margin-top:50px; z-index:1000;}
 #gnb1 ul li { /* 메뉴 각 항목에 대한 스타일 */ clear:right;
 float:left; position:relative; /* 순서대로 표시 */
 line-height:0px; list-style:none;}
 #gnb1 ul li ul {/* 서브메뉴 영역 스타일 */ 
 opacity:0; /* 화면에서 보이지 않음 */
 position:absolute; /* 고정 위치에 표시 */ overflow:hidden;
 left:5; /* left 좌표는 메인 메뉴에서 움직이지 않음 */}
 #gnb1 ul li a.g1 { /* 메뉴 항목 링크 스타일 */ 
 display:inline; font-family:Caviar Dreams Bold; font-weight:bold; font-size:15pt;
 margin:0 25px; color:#3c0202; text-decoration:none;}
 
 #gnb1 ul li a.g1:hover {  /* 메뉴 마우스 오버 */ color:white; text-decoration:none;}
 #gnb1 ul li:hover ul {/* 메인 메뉴 위로 마우스를 오버했을 때 서브 메뉴 스타일 */
 opacity:1; /* 화면에서 보임 */
  width:120px; border:none; border-top-left-radius:8px; 
 border-bottom-left-radius:8px;
 background-color:#3c0202; box-shadow: 3px 3px 1px #ffffff;
 list-style:none; padding:0; margin:10px 0 0 10px;}
  
 #gnb1 ul li:hover ul li {/* 메인 메뉴 위로 마우스 오버했을 때의 서브 메뉴 항목의 스타일 */
 float:none; height:30px; line-height:30px; padding:5px 0;
 position:static /* 항목 크기에 맞게 배치됨 */}
 #gnb1 ul li ul li a.g2{/* 서브 메뉴 항목의 링크 스타일 *//
 background:none; font-family:NanumGothic; font-weight:bold; font-size:10pt; color:#009966; text-decoration:none;}
 #gnb1 ul li ul li a.g2:hover {/* 서브 메뉴 위로 마우스 오버했을 때 스타일 */
 color:white; background:none; text-decoration:none;}

 #gnb1 li a.g1{ -webkit-transition: all 0.4s;}      /* 각 메뉴바 나타나는 초 -crome/safari- */
 #gnb1 li ul{ -webkit-transition: all 0.5s;}
 #gnb1 li a.g1{ -moz-transition: all 0.4s;}       /* 각 메뉴바 나타나는 초 -firefox- */
 #gnb1 li ul{ -moz-transition: all 0.5s;}
 #gnb1 li a.g1{ transition: all 0.4s;}        /* 각 메뉴바 나타나는 초 -explorer- */
 #gnb1 li ul{ transition: all 0.5s;}            
 #gnb1 li a.91{ -o-transition: all 0.4s;}   /* 각 메뉴바 나타나는 초 -opera - */
 #gnb1 li ul{ -o-transition: all 0.5s;}
 
 /* footer styles */
 #footer { width:990px; font-size:8pt; font-family:NanumGothic;
 padding-top:10px; border-color:#005100; 
 border-top-style:solid; border-bottom-style:none; border-left-style:none; border-right-style:none;}
 #logo1 { float:left; width:70px; height:63px; padding:0 20px 0; }
 #logo1 a{ display:block; margin:10px 0 0 0;}  /* 아래 로고 */
 #footer1 {float:left;}
 #footer1 ul li { display:inline; padding:5px; font-family:NanumGothic; list-style:none; }
 a.f1:link { color:#575757; text-decoration:none;}    
 a.f1:active { color:#575757; text-decoration:none;}
 a.f1:visited { color:#575757; text-decoration:none;}
 a.f1:hover { color:#000000; text-decoration:none;}
 #footer1 p {padding-left:45px;}
 
 #footer2 {float:left; margin:10px 0 0 300px;}