*{margin: 0; padding: 0;}
body{font-family: "Nanum Gothic", "나눔고딕", "돋움";}
h2{display: none;}
.wrap{/* background-image: url(../img/allimg.png); */ width: 980px; margin: 0 auto; height: 3700px;}

/* menu_btn */
#menu_btn {position: fixed; top: 40%; margin-top: -75px; right:  3%; padding: 0 7px; display: block;}
#menu_btn a {display:inline-block; width: 20px; height: 20px; margin: 6px 0; background: url("../img/dot.png") no-repeat center center;}
#menu_btn li:hover .sectionName {display:block;}
#menu_btn li .sectionName { bottom:15px; right:96%; display:none; color:#888888; position:absolute; width: 160px; height:30px;  border-bottom:1px solid #999999;}
#menu_btn li .pName{font-family: 'Nanum Myeongjo', serif; font-size:12px; line-height:33px; width:110px; height:30px;  text-align:center; border-bottom:3px solid #999999;}
#menu_btn li {position:relative; margin-bottom:9px; }
#menu_btn li:hover a { background: url("../img/dot_on.png") no-repeat; }
#menu_btn li.on a { background: url("../img/dot_on.png") no-repeat; }
#menu_btn li.on .sectionName {/* display:block; */}

/* ====================
top
==================== */
#top{position: fixed; width: 980px; height: 200px; margin: 0 auto; top: 0px; background: #ffffff; z-index:99}
#top ul{float: right; margin-right: 5px;}
#top ul li{padding-top: 83px; padding-right: 40px; float: left; list-style: none;}
#top ul li.no{padding-right: 0px;}
#top ul li a{color: #888888; text-decoration: none; font-size: 14px;}
#top ul li.on a{color: #000000; font-weight: bold;}
#logo{float: left; width: 160px; padding-top: 20px;} 

/* ====================
contents
==================== */
#contents div{padding-top: 200px;}
/* company */
#company{width: 100%; height: 650px;}
#company p{width: 980px; margin-top: 6px; color: #777777; font-size: 13px;}
#company p.blue{color: #2b449f; font-weight: bold;}
#company p.line1{padding-top: 25px;}
#company p.line1 img{padding-right:16px;}
#company p.line1 img.no{padding-right:0px;}

/* 흑백필터 */
#company p img:nth-child(n):hover {
filter:grayscale(50%);  /* 파이어폭스 */
-webkit-filter:grayscale(50%); /* 크롬,사파리,오페라 */
filter:grayscale(50%) blur(1px); 
-webkit-filter:grayscale(50%) blur(1px); 
} 
/* 익스플로러 10 이상은 filter 기능을 지원하지 않음 */
/* 투명필터 */
/* #company p.line1 img {filter:alpha(opacity=70); /*익스용 투명도 필터*/ /* opacity:.70;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"}
#company p.line1 img:hover {filter:alpha(opacity=100); /*익스용 투명도 필터*/ /* opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"} */

#company p.line2{padding-top: 50px;}
#company p.line2 img{padding-right:16px;}
#company p.line2 img.no{padding-right:0px;}
#company p.line3{padding-top: 50px;}
#company p.line3 img{padding-right:16px;}
#company p.line3 img.no{padding-right:0px;}

/* about */
#about{width: 100%; height: 750px;}
#about p.since{margin-top: 20px;}
#about p{width: 980px; margin-top: 7px; color: #777777; font-size: 13.5px;}
#about p.bold{margin-top: 25px; margin-bottom: 25px; color: #000000; font-weight: bold; font-size: 14px;}
#about p.bold2{margin-top: 65px; margin-bottom: 25px; color: #000000; font-weight: bold; font-size: 14px;}
/**** fadeShow ****/
.fadeShow{width: 960px; height: 400px; }
.fadeShow img{position: absolute;}
.fadeShow .active{z-index:1}

/* story */
#story{width: 100%; height: 450px; padding-bottom: 100px;}
#story p{width: 980px; margin-top: 7px; color: #777777; font-size: 13.5px;}
#story p.bold{margin-top: 55px; margin-bottom: 25px; color: #000000; font-weight: bold; font-size: 14px;}
#story p.bold2{margin-top: 75px; margin-bottom: 25px; color: #000000; font-weight: bold; font-size: 14px;}

/* contact */
#contact div{padding-top: 10px;}
#contact{width: 100%; height: 160px;}
#contact .ltext{width: 170px; height: 150px; position: relative; float: left;}
#contact .ltext img{padding-bottom: 5px;}
#contact .ltext span{margin-left: 23px; color: #000000; font-weight: bold; font-size: 15px;}
#contact .rtext{height: 110px; position: absolute; float: left; margin-top: 33px; margin-left: 220px;}
#contact .rtext p{margin-top: 12px; margin-right: 20px; color: #777777; font-size: 13.5px;}
#contact .rtext p a{color: #777777; font-size: 13.5px;}
#contact .rtext p img{margin-top: 2px; margin-right: 4px;}


#map-canvas{width: 978px; height: 520px; margin-top: 1px; background-color: #ffffff; border: 1px solid #e0e0e0;}

/* ====================
footer
==================== */
#footer{padding-top: 15px; width: 980px;}
#footer p{margin-top: 8px; color: #888888; font-size: 12.5px;}
#footer p a{color: #888888;}
#footer p.border{border: 1px solid #aaaaaa;}