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

* { margin: 0; padding: 0; }
ul, ol, li { list-style: none;  }
a, a:hover, a:link, a:visited { text-decoration:none; color:#000; }
img { border: none; }
body{ font-family: "Nanum Gothic", Arial, dotum, 돋움,  sans-serif; }

/*
a:hover    { background-color: #0085d1; }
#wrap { width: 100%; height: auto; background-color: #fff; }
*/
/* header logo, navi 설정 */
header { width: 1010px; height: 135px; margin: 0 auto; /*border: 1px solid #0085d1;*/ }
header #logo { float: left; width: 265px; height: 135px;
               background : url('../img/common/logo.jpg') no-repeat center center; }
header nav { float: right; width:745px; height: 135px; }
/* 상단 Navi */
#snavi { width: 575px; height: 30px; margin: 10px 0 0 158px; }
#snavi ul li   { float:left; margin : 10px 7px; }
#snavi ul li a { padding: 0 15px; color: #666666; font-size: 14px; }
/* main navi */
#mnavi-bar { display: inline-block; width: 730px; height: 45px; margin: 0 0 0 20px; }
.mnavi li   { float:left; position: relative; margin : 10px 18px; }
.mnavi li a { display: block; padding: 10px 15px; color: #000000; font-size: 18px; font-weight: bold; }
/*.mnavi li a:hover { background-color: #0085d1; color: #fff; } */

/* main navi 에서 sub menu 설정 */
.mnavi ul      { display: none; padding: 0; margin: 0; position: absolute; }
.mnavi ul li   { float: left; margin: 0px; padding: 5px 10px; }
.mnavi ul li:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.mnavi ul li:last-child  { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.mnavi ul li a { display: block; padding: 0 5px; color: #fff; font-size: 12px; }

/*메인 메뉴의 주 메뉴를 선택하는 방법임 */
/*.mnavi>li>a:hover { border: 1px solid red; }
  .mnavi ul li:hover { border: 1px solid #000; } */

/* .mnavi ul li a:hover { background-color: #0085d1; color: #000; } */
/* 메인메뉴에서 선택된 메뉴는 글자폰트 변경 */
.sellink { color: red; }

/* 서브메뉴 표시영역 확인용 */
.mnavi li:nth-child(1) ul    { width: 415px; top: 40px; left: 20px; }
.mnavi li:nth-child(1) ul li { background-color: #0085d1; border: 1px solid #0085d1; }
.mnavi li:nth-child(2) ul    { width: 431px; top: 40px; left: 20px; }
.mnavi li:nth-child(2) ul li { background-color: #0085a1; border: 1px solid #0085a1; }
.mnavi li:nth-child(3) ul    { width: 367px; top: 40px; left: -120px; }
.mnavi li:nth-child(3) ul li { background-color: #008571; border: 1px solid #008571; }
.mnavi li:nth-child(4) ul    { width: 333px; top: 40px; left: -98px; }
.mnavi li:nth-child(4) ul li { background-color: #008541; border: 1px solid #008541; }
.mnavi li:nth-child(5) ul    { width: 378px; top: 40px; right: -10px; }
.mnavi li:nth-child(5) ul li { background-color: #008511; border: 1px solid #008511; }
/* 사이트 맵  구성시 463px  미사용시 378px*/

/* slider 구성 */
#slider { width: 1200px; height: 493px; margin: 0 auto;  } /* border: 1px solid #0085d1; */

/* 컨턴츠는 2 * 5 구성 */
article { width: 1010px; margin: 10px auto; }
.con1 { height: 240px; }
.con2 { height: 250px; }
article section:nth-child(1) { margin-right: 5px; }

.gticonmain { display: inline-block; width: 8px; height: 10px; margin: 0; padding: 0;
              background: url("../img/common/board_icon.gif") no-repeat left 7px;  }

.gticon     { display: inline-block; width: 6px; height: 13px; margin: 0; padding: 0;
              background: url("../img/common/board_icon.gif") no-repeat left 3px;  }
/*
.gticon:before   { display: inline-block;
                   content:'>'; font-size: 1px; padding: 5px; }
.biggticon:before {display: inline-block;
                   content:'>'; font-size: 12px; padding-right: 3px; }
*/

/* section { height: 100%; border: 1px solid #0085d1; background-color: #eee; } */

/* 각 section 별 제목 표시 방법 */
.sectitle    { width: 100%; height: 30px; padding: 10px 0; background : url('../img/common/search.jpg') no-repeat left 5px; }
.sectitle h3 { float:left; font-size: 20px; color: #0085d1; margin-left: 40px;  }
.sectitle p  { float: left; font-size: 16px; padding: 6px 10px 0 10px; color: #000;}
.sectitle h4 { float: left; font-size: 16px; padding: 6px 0 0 0; color: #000;}

/* 각 section을 Id로 구분하여 정리 */
#technic    { float: left; width: 503px;  }
#notice     { float: left; width: 498px;  }
#production { float: left; width: 708px; }
#contact    { float: left; width: 293px; height: 171px; }
#familysite { float: left; width: 293px; height: 72px; margin-top: 5px; }
#familysite .selectbox  { background: url(../img/common/selectarrow.png) no-repeat 90% 0; overflow: hidden;
              width: 230px; height: 30px; margin: 13px 0 0 30px;
              border-radius: 5px; background-color: #0085d1; }
.selectbox select { background: transparent; border: none; font-size: 16px;
                    height: 30px; padding: 5px; width: 258px; }

/* 제품군의  라이센스문제 이미지  */
.imglicense { width: 660px; text-align: right;
              font-size: 12px; padding: 5px 0px; color: #666666; }

/* section 중 그림으로 연결되는 부분을 content class로 조정
   생산기술 과 제품군 소개 부분 */
.content    { padding-left: 20px; }
#notice .content { padding-left: 30px;}
#notice .content ul   { width: 465px;  }
#notice .content li   { float: left; border-bottom: 1px dotted #0085d1;}
#notice .content li a { float: left; width: 350px; font-size: 14px; padding: 6px 0 5px 10px; color: #000;}
#notice .content li p { float: left; font-size: 14px; padding: 6px 0px 5px 0px; color: #000; }
.new a { font-weight: bold; }

.mailtel     { padding-left: 40px; float: left; margin: 5px 0; }
.mailtel img { display: block; float: left; width: 42px; height: 43px; }
.mailtel p   { float: left; width: 180px; padding: 5px 15px;  font-size: 16px; }
.telinfo     { margin-top: 8px; }

/* footer */
footer { width: 100%; height:40px; margin-top: 15px; background-color: #0085d1; clear: both; }
.footerlink      { width: 1010px; height: 40px; margin: 0 auto; }
.footerlink li   { float: left; font-size: 14px; padding: 11px 0; color: #fff;}
.footerlink li a { font-size: 14px; padding: 11px 15px; color: #fff; }

#copyright { width: 1010px; height: 50px; margin: 0 auto; margin-top: 10px; margin-bottom: 20px; }
#copyright p { padding: 5px 0 0 13px; font-size: 14px; color: #333333; }

#popup { display: block; position: fixed;
         width: 300px; height: 300px; opacity: 0.8;
         margin-top: 650px; margin-left: 100px;  /* 우측 맞춤 1450px, 좌측 맞춤 */
         border: 2px double #0085d1; background: #eee;
         padding-left: 15px; line-height: 2em; }
#popup h2 { width: 100%; color: #0085d1; padding: 5px 10px;
            font-size: 30px; }
#popup p  { line-height: 1.3em; padding: 10px; }
#popup span { display: block; width: 80%; margin: 0 auto;
              text-align: right;  }
/* end */

/* sub */
/* slider 구성 */
#subslider { width: 1200px; height: 210px; margin: 0 auto;  margin-bottom: 30px; } /* border: 1px solid #0085d1; border: 1px solid red; */
#subslider embed { display: hidden ;}
.swfembed { margin: 0 auto; margin-left: 60px; border: 1px solid black; }

#subwrap   { width: 1010px; height: auto;  margin: 0 auto; }  /* 1530px; */
aside      { width: 265px;  height: auto; float: left; } /* border: 1px solid red; */

/* 각 section 구성하기*/
#subwrap article { width: 720px; height: auto; float: right; }
#subwrap article section { width: 100%; margin-bottom: 30px; }


/* aside 메뉴 설정*/
aside h3 { display: block; width: 235px; height: 25px; background-color: #0085d1;
           font-size: 20px; color: #eee; padding: 10px 0 10px 20px; }
aside ul       { width:100%; padding: 15px 0  5px 30px; }
aside ul li    { width: 170px; height: 20px; display: block; margin: 5px 0px 7px 10px; padding: 5px 0 5px 10px;
                 font-size: 16px; color: #666666; }
aside ul li a  { display: block; height: 20px; font-size: 16px; color: #333333; }
aside img      { display: block; margin: 10px 30px; }
.sel, aside ul li:hover { background: #eeeeee; }  /*#d18500; color: #0085d1; }*/

.mmenu0 { background-color: #0085d1; }
.mmenu1 { background-color: #0085a1; }
.mmenu2 { background-color: #008571; }
.mmenu3 { background-color: #008541; }
.mmenu4 { background-color: #008511; }

/* first contenst */
.topic     { width: 720px; height: 32px;  border-bottom: 2px solid black; }
.topic h4  { float: left; height: 30px; width:250px; font-size: 23px; color: #333333; }

.curlocation     { float: right; height: 30px; text-align: left; }
.curlocation img { float: left; margin-right: 10px; }
.curlocation p   {  float: right; font-size: 12px; color: #666666; padding-top: 5px; }

#subwrap article section h3 { width: 680px; background-color: #0085d1; color: #fff; margin: 10px 0; padding: 10px 20px;
                              font-size: 24px; }

/* sub end */