@charset "utf-8";
@import url(board.css);


/* default */
@font-face {
  font-family: 'NG';
  font-style: normal;
  font-weight: 400;
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'NGB';
  font-style: normal;
  font-weight: 700;
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('x-woff2'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'NGEB';
  font-style: normal;
  font-weight: 700;
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('x-woff2'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}




html {margin:0;padding:0; background-color: #f3fbfd; }
body {/*background-color: #323232;*/margin:0; padding:0; font-family:"NG", "돋움", Dotum, "굴림", Gulim, "Lucida Grande", Tahoma, Verdana; font-size:14px;line-height:24px;color:#555;letter-spacing:0;-webkit-text-size-adjust:none;}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0;padding:0;}
img {border:0;vertical-align:top;}
ul,ol,dl,dt,dd,li {list-style:none;}
table, th, td {border-collapse:collapse;border-spacing:0;font-weight: normal;}
caption {display:block;text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0;}
fieldset, blockquote, iframe, button {border:none;}
i, em, u, cite {font-style:normal;}
em, b {font-weight:normal;}
a {color:#292a37;text-decoration:none;}
input {font-family: 'arm',sans-serif;}
button {background:transparent;cursor:pointer;vertical-align:middle;margin:0;}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer;-webkit-appearance:none;}
strong {font-family: 'NGB';}

a:link {text-decoration:none; color:#555; }
a:visited {text-decoration:none; color:#555;}
a:active {text-decoration:none; color:#555;}
a:hover {text-decoration:none; color:#00b8c2;}



.mt0 {margin-top:0px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.ml40 {margin-left:40px !important;}



html.intro {width:100%; height:100%; position: relative; background:url(../../intro/img/bg.jpg) no-repeat top center; text-align:center;}
html.intro img {margin-top:130px;}


.wrapper { position: relative;width:1200px; margin:0 auto; }
.header-container {position: relative;height:120px; background:url(../images/common/top_bg.jpg) repeat-x;  z-index:9999;  }
.content {margin:0 auto; position: relative;}
.dimd { display: none;}
.subpagecolor { background-color: #f6f6f6;}
 
/* header */ 
#top {position: relative;   height:120px; }
#top h1 {position:absolute; z-index:9999; left:0; }

#util {position: absolute; top:10px; right:0; z-index:9999; }
#util ul li {float:left; padding:0 12px;}
#util ul li a {font-size:11px; color:#888;}
#util ul li.last {border-right:none; padding:0 0 0 12px;}

.head-nav { display: block; position:absolute; top:70px; right:0; z-index:99999; }


#menu {width:1200px; height:50px; background:url(../images/common/topmenu_bg.jpg) no-repeat ; }

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; }


#menu ul li {margin:0; padding:0; list-style:none; width:210px; text-align:center;}
#menu ul li.last a {padding:0 0 0 20px;}

#menu ul li a {display: block;  font-size:17px;  color:#fff; font-family:'NGB'; line-height:50px; }

#menu ul li ul {position:absolute; left:-9999px; top:50px !important;}
#menu ul li ul li {width:210px;  text-align:center;}
#menu ul li ul li a {font-family:'NG'; font-size:13px; color:#888;background:#393939; padding:0 20px; line-height:37px; border-bottom:1px solid #4d4d4d; border-left:none;}
#menu ul li ul li ul {top:42px !important;}
#menu ul li ul li ul li {width:auto;}
#menu ul li ul li ul li a {background:#333;}

#menu ul li a:hover { font-family:'NGB';  color:#fff; background:#000;}
#menu ul li ul li a:hover {background:#111;  color:#fff;  }
#menu ul li:hover > ul {visibility:visible; left:0; top:45px;}
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-42px; margin-left:0; border-left:1px solid #3d3d3d; background:#000 !important; }
#menu ul ul li:hover > ul li a{color:#777; border-bottom:1px solid #3d3d3d !important;}

#menu ul.level1 li.level1-li {float:left; display:block; position:relative; }


#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible; }

#menu li.left a:hover a:hover ul, 
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}

#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
#menu li.left a:hover ul ul, 
#menu li.left a:hover a:hover ul ul {left:-9999px;}



#menu li:hover > a ,
#menu ul li:hover > a.fly {  font-family:'NGB';  color:#fff; background:#000;}

#menu ul li ul li:hover > a ,
#menu ul li ul li:hover > a.fly {  font-family:'NG';  color:#fff; background:#333; }

#menu ul li ul li ul li:hover > a ,
#menu ul li ul li ul li:hover > a.fly {  font-family:'NG';  color:#fff; background:#393939;}






/* footer */ 

#footer {position: relative; width:1200px;  color:#888;   border-top:1px solid #cdeef6; padding:10px 0 20px 0;}
#footer .f_m {position: absolute; right:0; top:20px;}
#footer .f_m ul li {float:left; height:12px; padding:0 12px; line-height:13px; font-size:13px; border-right:1px solid #aaa;}
#footer .f_m ul li a {color:#6f6f6f;}
#footer .f_m ul li.last {padding:0 0 0 12px; border-right:none;}
#footer .f_logo {position: relative; float:left;}
#footer .address {position: relative; float:left; margin:10px 0 0 30px;  font-size:11px; line-height:15px;}
#footer .address span {padding-left:5px;}



#footer .family {position: absolute; top:10px; right:0; width:140px;}
.familybox{width:128px; height:29px; color:#333;   background:#fff; border:1px solid #cfcfcf; padding-left:10px;  font-size:12px; line-height:29px;}
.familybox ul li{float:left;}
.familybox ul .arrow {float:right; }
#familymap .familysite {position:absolute; }
#familymap .familysite .familysite-list {position:absolute; bottom:30px; left:0; width:138px;  background:#fff; border:1px solid #cfcfcf; border-bottom:0;overflow:hidden; }
#familymap .familysite .familysite-list ul li {width:118px; padding:4px 10px; text-align:left; font-size:13px; border-bottom:1px solid #efefef;}
#familymap .familysite .familysite-list ul li a {color:#111;}
#familymap .familysite .familysite-list img {display:block;}


/* main */
#m_visual {position: relative; clear:both; height:610px; margin-top:20px;}

#recruit {position: relative; clear:both; padding:20px 30px; background:#fff;}
#recruit h2 {float:left; width:89px; border-right:1px solid #dfdfdf; margin-right:30px; font-size:19px; font-family:'NGB';}
#recruit div {float:right; width:1020px; overflow:hidden;}
#recruit div a {font-size:15px;margin-right:40px;font-family:'NGB';}
#recruit div ul li {float:left; width:50%;}




/* sub */
#s_visual {position: relative; clear:both; height:200px; margin-top:20px;}

.blue19b {color:#0b6fba; font-family:'NGB'; font-size:19px;}

#container {padding:50px 40px 90px 40px; background:#fff;}


#snb {position:relative; float:left; width:200px;}
#snb h2 {position:relative; clear:both; color:#222;  font-size:25px; line-height:32px;  height:66px; font-family:'NGB';letter-spacing:-0.05em; border-bottom:4px solid #005478;}
#snb ul li {border-bottom:1px solid #dfdfdf; }
#snb ul li a {display:block; padding:0 20px; font-size:15px; line-height:45px;  font-family:'NGB'; background:url(../images/sub/snb_off.jpg) no-repeat;}
#snb ul li a.snb_on {color:#fff; background:url(../images/sub/snb_on.jpg) no-repeat;}




#contents {position:relative; float:right; width:850px; }
#contents .stitle {position:relative;  clear:both;height:66px; }
#contents .stitle ul li {float:left; color:#000;  font-size:25px; font-family:'NGB';}
#contents .stitle ul li.loca {color:#888; font-size:13px; font-family:'NG'; float:right;}
#contents .con {position:relative;  clear:both;}

.con h3 {color:#00b8c2; font-size:24px; font-family:"NGB"; line-height:30px; margin-bottom:20px; background:url(../images/sub/h3_bar.jpg) no-repeat bottom left; padding-bottom:10px;}
.con h4 {color:#222; font-size:18px; font-family:"NGB";  margin-bottom:5px;}
.con h5 {color:#3893cd; font-size:15px; font-family:"NGB"; text-decoration:underline; margin:20px 0 5px 0; background:url(../images/sub/icon_h5.jpg) no-repeat 0 5px; padding-left:17px;}


#company {position:relative; clear:both;}
#company .img {float:left;}
#company .txt1 {float:right; width:540px;}
#company .txt2 {position:relative; clear:both;}
#company .txt3 {position:relative; clear:both; text-align:right;}
#company p {margin-bottom:25px;}


#location {position:relative; clear:both; margin-bottom:30px;}
#location ul li {margin:5px 0;}
#location ul li.tt {color:#555;  }
#location ul li span {margin-left:25px;}

#organization {position:relative; clear:both; text-align:center;}
#organization .txt {color:#7292c9;  font-family: 'NG'; font-size:17px; line-height:25px;}


#history {position:relative; clear:both; border-top:4px solid #005478; padding-top:30px;}
#history .list  {position:relative; clear:both; border-bottom:1px solid #dfdfdf; padding-bottom:30px;}
#history .list .year {float:left; width:120px; color:#222; font-size:20px;  font-family: 'NGB'; margin-top:5px;}
#history .list .info {float:right; width:730px;}
#history .list .info ul {clear:both;}
#history .list .info ul li {float:left; width:660px; margin:5px 0;}
#history .list .info ul li.month {width:60px; color:#0075c2; font-size:15px; font-family: 'NGB';}


.round_li {position:relative; clear:both;}
.round_li ul li {background:#f7f9fd; border-radius:20px; margin:10px 0; padding:15px 20px; color:#7598a1;}

.round_li2 {position:relative; clear:both;}
.round_li2 ul li {float:left; width:25%; margin:1%;background:#f7f9fd; border-radius:20px;  padding:15px 20px; color:#7598a1;text-align:center;}
.round_li2 ul li p {color:#005478; font-size:17px; font-family: 'NGB'; border-bottom:1px solid #dae2f3; padding-bottom:10px; margin-bottom:10px;}

#business {position:relative; clear:both;}
#business .img {position:relative; clear:both; text-align:center;}


#down {position:relative; clear:both;text-align:center;}
#down ul {width:650px; margin:0 auto;}
#down ul li {float:left; width:40%; margin:5%;}
#down ul li a {background:url(../images/sub/down.jpg) no-repeat center top;color:#005478; font-size:17px; font-family: 'NGB';border:2px solid #00b8c2; border-radius:20px; display:block; line-height:70px; padding-top:50px;}


#sitemap {position:relative;clear:both; }
#sitemap .box {float:left; width:22.7%; margin:0 1%; border:1px solid #dfdfdf; background:#fff;  height:180px;}
#sitemap .box h2 {color:#fff; font-size:16px; line-height:30px;  font-family:"NGB"; background:#005478; padding:10px 20px; margin-bottom:10px;}
#sitemap .box ul li {padding-left:20px; font-size:14px; letter-spacing:-0.05em; margin:5px 0;}