@charset "utf-8";
/*
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans T';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans L';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans R';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans M';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans B';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }

html, body {width:100%; height:100%;}
body {margin: 0; padding: 0; font-size:13px; font-family:'Noto Sans R', sans-serif; font-weight:normal;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td {margin:0;padding:0; font-weight:normal; }
hr {display: none;}
dd, li{list-style:none;}
ul:after, dl:after, ol:after{clear:both; display:block;}
p, div, th, td, select, input {color: #333; font-weight:normal;}
a:link, a:visited {color: #333; text-decoration: none;}
a:active, a:hover{color:#333; text-decoration: none;}
a img, input.type-image {border: 0 none;}
input.type-text, textarea {border: 1px solid #ddd; background: #fff;}
input.type-text:hover, 
input.type-text:focus, 
textarea:hover, 
textarea:focus, 
/*
select:hover, 
select:active 
*/
{background-color: #fff;}
img{vertical-align: top; max-width:100%;}
input, select, textarea, label, select { padding:0 0;}
input{padding:0 10px; letter-spacing:-1px;  }
/*select {border:1px solid #e6e6e6;  font-size:14px; padding:5px 20px 5px 10px; color:#666; background:#fff url(/images/bullet_sele.png) no-repeat 95% 9px; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
select option {font-family: 'Noto Sans R', sans-serif;}
select::-ms-expand {display: none;}*/
span.button, 
img.button, 
a.button {cursor: pointer; vertical-align: middle;}
table{border-collapse: collapse; border-spacing: 0;}
caption{font-size:0; line-height:0; position:absolute;}
em {font-style:normal;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#858585;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#858585;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#858585;
}
:-moz-placeholder { /* Firefox 18- */
  color:#858585;
}

/* layout */
#wrapper {width:100%;}
#headerArea {position:relative; width:100%; padding-bottom:62px; z-index:1;}
#headerArea .topHead {width:1000px; margin:0 auto; *zoom:1; padding:10px 0;}
#headerArea .topHead:after {content:''; clear:both; display:block;}
#headerArea .topHead h1 {float:left;}
#headerArea .topHead h1 a {display:block; width:158px; height:32px; overflow:hidden; text-indent:-999em; background:url(/Images/ko/new/logo.jpg) 0 0 no-repeat;}
#headerArea .topHead .util {float:right;}
#headerArea .topHead .util li {position:relative; float:left; line-height:29px; padding:0 10px; text-align:center;}
#headerArea .topHead .util li:after {content:''; display:block; position:absolute; top:10px; right:0px; width:1px; height:8px; background:#d7d7d7;}
#headerArea .topHead .util li:last-child {padding-right:0;}
#headerArea .topHead .util li:last-child:after {display:none;}
#headerArea .topHead .util li a {font-size:12px; color:#666; font-family:'Dotum';}
#headerArea .headCont {position:absolute; top:52px; left:0; width:100%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; height:60px; overflow:hidden; background:#fff;}
#headerArea .headCont:before {content:''; display:block; position:absolute; top:60px; left:0; width:100%; height:1px; background:#ccc;}
#navi {position:relative; width:1000px; margin:0 auto; *zoom:1; z-index:2;}
#navi:after {content:''; clear:both; display:block;}
#navi li {float:left; width:249px; height:360px; text-align:center; border-left:1px solid #ccc;}
#navi li:last-child {width:248px; border-right:1px solid #ccc;}
#navi li>a {display:block; line-height:60px; font-size:16px; color:#333; border-bottom:1px solid #ccc; font-family: 'Noto Sans M';}
#navi li.on>a {border-bottom:1px solid #019fdc; color:#019fdc;}
#navi .subnavi {border-left:1px solid #ccc; margin-left:-1px; padding:5px 0;}
#navi .subnavi a {display:block; padding:6px 0; font-size:15px;}
#navi .subnavi a:hover {color:#019fdc;}

#footArea {width:100%; padding:20px 0; background:#4e4e4e;}
#footArea .footCont {width:960px; margin:0 auto; padding:0 20px;}
#footArea .footCont .link {margin-bottom:10px;}
#footArea .footCont .link a {display:inline-block; padding-right:10px; color:#eee; font-size:14px;}
#footArea .footCont .link .pry {position:relative;}
#footArea .footCont .link .pry:after {content:''; display:block; position:absolute; top:7px; right:3px; width:1px; height:8px; background:#959595;}
#footArea .footCont address {}
#footArea .footCont address span {position:relative; display:inline-block; padding-right:10px; color:#eee; font-size:14px;}
#footArea .footCont address span:after {content:''; display:block; position:absolute; top:7px; right:3px; width:1px; height:8px; background:#959595;}
#footArea .footCont address span.last:after {display:none;}
#footArea .footCont .copy {margin-top:10px; color:#eee; font-size:12px;}

/* main */
#main {}
.mainVisual {width:100%; height:370px; background:url(/Images/ko/new/main.jpg) 0 0 no-repeat; background-size:100%;}
.mainVisual .main1 {position:relative; width:1000px; height:100%; margin:0 auto;}
.mainVisual .main1 .txt {position:absolute; top:40%; right:10%;}
.mainCont {width:1000px; margin:80px auto; *zoom:1;}
.mainCont:after {content:''; clear:both; display:block;}
.mainCont .skill {float:left; width:50%; text-align:center;}
.mainCont .skill h2 {margin-top:10px;}
.mainCont .skill .skillPrd {margin-top:18px;}
.mainCont .skill .skillPrd a {display:inline-block; margin:3px 2px; vertical-align:top;}
.mainCont .mainBanner {float:right; width:50%; text-align:center;}
.mainCont .mainBanner a {display:inline-block; margin:3px 3px 10px; vertical-align:top;}


#container #contents .contents_subject h1 b {display:inline-block; font-size:23px; margin-right:20px;}
#container #contents .contents_subject h1 p {font-size:12px;}

#container #contents .contents_main {margin:10px 0;}

.tabmenu {*zoom:1;}
.tabmenu:after {content:''; clear:both; display:block;}
.tabmenu li {float:left;}
.tabmenu li a {display:block; width:132px; font-size:12px; font-weight:bold; text-align:center; padding:10px; background:#eee; color:#333; border-top:1px solid #fff; border-bottom:1px solid #ddd; border-left:1px solid #fff; border-right:1px solid #ddd;}
.tabmenu li a.on {background:#777; color:#fff;}

.contArea {margin:20px 0;}
.contArea h3 {font-size:16px; color:#0542a1; font-weight:bold; margin-bottom:15px;}
.contArea h4 {font-size:15px; font-weight:bold; margin-bottom:10px;}
.contArea .cont {margin-bottom:15px;}
.contArea .contImg {*zoom:1;}
.contArea .contImg:after {content:''; clear:both; display:block;}
.contArea .contImg .fl {float:left;}
.contArea .contImg .imgCont {float:right;}
.contArea .ac {text-align:center; margin-bottom:10px;}
.contArea .ar {text-align:right; margin-bottom:20px;}

.prdList {margin-bottom:20px;}
.prdList dt {font-size:15px; font-weight:bold;}
.prdList dd {}

.prdInfo {margin-bottom:15px;}
.prdInfo dt {font-size:14px; font-weight:bold; margin-bottom:5px;}
.prdInfo dd {padding-left:10px; margin-bottom:3px;}

.contArea .bann a {display:inline-block; margin:3px; vertical-align:top;}