@charset "utf-8";

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 200;
  src: local('Nanum Barun Gothic UltraLight'), local('Nanum Barun Gothic-UltraLight'), local('NanumBarunGothic UltraLight');
  src: url(./NanumBarunGothicUltraLight.eot);
  src: url(./NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(./NanumBarunGothicUltraLight.woff) format('woff'),
       url(./NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: local('Nanum Barun Gothic Light'), local('Nanum Barun Gothic-Light'), local('NanumBarunGothic Light');
  src: url(./NanumBarunGothicLight.eot);
  src: url(./NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(./NanumBarunGothicLight.woff) format('woff'),
       url(./NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
  src: url(./NanumBarunGothic.eot);
  src: url(./NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(./NanumBarunGothic.woff) format('woff'),
       url(./NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: local('Nanum Barun Gothic Bold'), local('Nanum Barun Gothic-Bold'), local('NanumBarunGothic Bold');
  src: url(./NanumBarunGothicBold.eot);
  src: url(./NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(./NanumBarunGothicBold.woff) format('woff'),
       url(./NanumBarunGothicBold.ttf) format('truetype');
}

/* Base Style Definition */
html {position:relative; width:100%; height:100%; overflow-y:scroll}
body {position:relative; width:100%; height:100%; margin:0; padding:0; *word-break:break-all; -ms-word-break:break-all}
header, footer, section, article, div, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, button, table, th, td, img, a {margin:0; padding:0;}
ul, ol {list-style:none;}
button {border:0 none; background:transparent; cursor:pointer; *overflow:visible}
button::-moz-focus-inner {border:0; padding:0} /* firefox fix */
header, footer, section, article, form, fieldset {display:block}
hr, form, fieldset, img {border:0 none}
hr {display:none}
textarea {overflow:auto}
caption {display:none} 
em, address {font-style:normal}
label {cursor:pointer}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* for screen reader */
:focus {outline:0 none}
a {background:none;}

/* Common Style Definition */
body {background:#ebebeb; font-family:"Nanum Barun Gothic","돋움",Dotum;}
a:link, a:visited, a:active {color:#555; text-decoration:none;}
a:hover, a:focus {color:#0255a6; text-decoration:none;}

.container {position:relative; width:982px; margin:0 auto; *zoom:1;}
.container:after {clear:both; display:block; content:"":}

/* Layout - Header */
#header {width:100%; background:#fff;}
#header .container {height:74px; overflow:hidden;}
#header h1 {width:161px; height:39px; margin:17px auto 0;}
#header h1 a {display:block; width:100%; height:100%; background-image:url("../_img/header/h1-logo.png"); background-position:center center; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden;}

#lng-util {position:absolute; top:11px; right:1px; *zoom:1;}
#lng-util:after {clear:both; display:block; content:"":}
#lng-util li {float:left; width:39px; height:8px;}
#lng-util li + li {margin-left:8px; padding-left:8px; border-left:1px solid #bdbdbd;}
#lng-util li a {display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden;}
#lng-util li.lng-en a {background-image:url("../_img/header/lng-en.png");}
#lng-util li.lng-cn a {background-image:url("../_img/header/lng-cn.png");}

#gnb {width:100%; border-width:1px 0; border-style:solid; border-color:#ebebeb;}
#gnb ul {width:980px; margin:0 auto; border-width:0 1px; border-style:solid; border-color:#ebebeb; *zoom:1;}
#gnb ul:after {clear:both; display:block; content:"";}
#gnb ul li {float:left; width:326px; height:49px;}
#gnb ul li + li {border-left:1px solid #ebebeb;}
#gnb ul li a {display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden;}
#gnb ul li.gnb-01 a {background-image:url("../_img/header/gnb-01.png");}
#gnb ul li.gnb-02 a {background-image:url("../_img/header/gnb-02.png");}
#gnb ul li.gnb-03 a {background-image:url("../_img/header/gnb-03.png");}

/* Layout - Footer */
#footer {position:relative; width:100%; background:#fff; overflow:hidden;}
#footer h1 {width:116px; height:44px; margin:12px auto 0;}
#footer address {width:386px; height:22px; margin:0 auto;}
#footer p {width:238px; height:22px; margin:0 auto;}

/* Layout - Index */
#mv-wrapper {position:relative; width:100%; height:775px; z-index:0;}
#mv-list {width:100%; z-index:1;}
#mv-list li {width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
#mv-list li.mv-01 {background-image:url("../_img/index/img-vsl-01.png");}
#mv-list li.mv-02 {background-image:url("../_img/index/img-vsl-02.png");}
#mv-list li.mv-03 {background-image:url("../_img/index/img-vsl-03.png");}
#mv-list li p {padding-top:82px; text-align:center;}

#mv-paging {position:absolute; bottom:30px; left:50%; margin-left:-50px; width:100px; height:15px; z-index:9999;}
#mv-paging li {float:left; width:30px; height:15px; background-image:url("../_img/index/btn-slide.png"); background-position:center center; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; cursor:pointer;}
#mv-paging li.current {background-image:url("../_img/index/btn-slide-on.png");}
#mv-paging li + li {margin-left:5px;}

/* Layout - Content */
#cv-wrapper {width:100%; height:175px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
#cv-wrapper.about {background-image:url("../_img/about/img-vsl.png");}
#cv-wrapper.business {background-image:url("../_img/business/img-vsl.png");}
#cv-wrapper.service {background-image:url("../_img/service/img-vsl.png");}
#cv-wrapper .container {height:100%;}
#cv-wrapper .container img {display:block; position:absolute; bottom:1px; right:1px;}

#section {float:left; width:820px; border-width:0 1px; border-style:solid; border-color:#d7d7d7;}
#section .loc {padding:16px 0 0 30px; *zoom:1;}
#section .loc:after {clear:both; display:block; content:"";}
#section .loc li {float:left; height:12px; line-height:12px; font-size:12px;}
#section .loc li + li {padding-left:14px; background:url("../_img/common/loc-arrow.png") 5px center no-repeat;}
#section .loc li * {vertical-align:middle;}
#section hgroup {padding:37px 0 0 30px; height:95px;}
#section hgroup h1 {float:left;}
#section hgroup h2 {float:left; margin-left:10px;}

#real-cnt {min-height:400px; height:auto !important; height:400px; padding-bottom:200px;}
#real-cnt.type-4 {background:url("../_img/about/bg-01.png") right bottom no-repeat;}
#real-cnt.type-5 {background:url("../_img/about/bg-02.png") right bottom no-repeat;}
#real-cnt.type-7 {background:url("../_img/about/bg-04.png") center bottom no-repeat;}
#real-cnt.type-10 {padding-bottom:350px;background:url("../_img/about/bg-07.png") center bottom no-repeat;}
#real-cnt p {width:760px; margin:0 auto;}
#real-cnt p.center {text-align:center;}
#real-cnt hr {display:block; height:2px; margin:50px 0; background:url("../_img/common/bg-hr.png") right bottom repeat-x;}
#real-cnt .tab-list {width:760px; margin:0 auto 20px; border-bottom:1px solid #0255a6;}
#real-cnt .tab-list:after {clear:both; display:block; content:"";}
#real-cnt .tab-list li {float:left; height:49px; background:#c2c2c2;}
#real-cnt .tab-list li a {display:block; height:31px; padding:18px 14px 0;}
#real-cnt .tab-list li a.on {background:#0255a6;}
#real-cnt .tab-list li + li {margin-left:2px;}
#real-cnt .item-container {width:760px; margin:0 auto; overflow:hidden;}
#real-cnt .item-list {width:780px; *zoom:1;}
#real-cnt .item-list:after {clear:both; display:block; content:"";}
#real-cnt .item-list li {float:left; margin:0 20px 20px 0; line-height:0;}
#real-cnt .help {margin-top:40px;}

#map-canvas {width:760px; height:350px; margin:0 auto 20px;}

#bbs-cnt {width:760px; min-height:400px; height:auto !important; height:400px; padding:0 30px 250px 30px; background:url("../_img/service/bg-all.png") center bottom no-repeat;}
#bbs-cnt .btn-place {margin-top:20px; text-align:center;}
#bbs-cnt .btn-place button {width:120px; height:50px; background:url("../_img/service/btn-submit.png") center center no-repeat; text-indent:-9999px; overflow:hidden;}

#tbl-inquiry {width:100%; border-collapse:collapse; border-top:1px solid #d7d7d7; table-layout:fixed;}
#tbl-inquiry th, #tbl-inquiry td {padding:5px 10px; text-align:left; border-bottom:1px solid #d7d7d7;}
#tbl-inquiry input[type=text] {height:30px; padding:2px 4px 0; border:1px solid #ccc; font-family:"Nanum Barun Gothic","돋움",Dotum; font-size:12px;}
#tbl-inquiry textarea {width:630px; height:300px; padding:2px 4px 0; border:1px solid #ccc; font-family:"Nanum Barun Gothic","돋움",Dotum; font-size:12px;}

#lnb {float:right; width:160px; padding-top:40px;}
#lnb ul li {width:100%; height:33px; padding-bottom:2px; background:url("../_img/common/lnb-border.png") left bottom no-repeat;}
#lnb ul li p {width:100%; height:100%;}
#lnb ul li.on p {background:url("../_img/common/lnb-arrow.png") 11px center no-repeat;}
#lnb ul li a {display:block; width:100%; height:100%; background-position:21px center; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden;}
#lnb ul li.about01 a {background-image:url("../_img/about/lnb-01.png");}
#lnb ul li.about02 a {background-image:url("../_img/about/lnb-02.png");}
#lnb ul li.about03 a {background-image:url("../_img/about/lnb-03.png");}
#lnb ul li.about04 a {background-image:url("../_img/about/lnb-04.png");}
#lnb ul li.about05 a {background-image:url("../_img/about/lnb-05.png");}
#lnb ul li.about06 a {background-image:url("../_img/about/lnb-06.png");}
#lnb ul li.about07 a {background-image:url("../_img/about/lnb-07.png");}
#lnb ul li.about08 a {background-image:url("../_img/about/lnb-08.png");}
#lnb ul li.business01 a {background-image:url("../_img/business/lnb-01.png");}
#lnb ul li.business02 a {background-image:url("../_img/business/lnb-02.png");}
#lnb ul li.business03 a {background-image:url("../_img/business/lnb-03.png");}
#lnb ul li.business04 a {background-image:url("../_img/business/lnb-04.png");}
#lnb ul li.business05 a {background-image:url("../_img/business/lnb-05.png");}
#lnb ul li.business06 a {background-image:url("../_img/business/lnb-06.png");}
#lnb ul li.business07 a {background-image:url("../_img/business/lnb-07.png");}
#lnb ul li.service01 a {background-image:url("../_img/service/lnb-01.png");}
#lnb ul li.service02 a {background-image:url("../_img/service/lnb-02.png");}
#lnb ul li.service03 a {background-image:url("../_img/service/lnb-03.png");}
#lnb ul li.service04 a {background-image:url("../_img/service/lnb-04.png");}
#lnb ul li.about01.on a, #lnb ul li.about01 a:hover {background-image:url("../_img/about/lnb-01-on.png");}
#lnb ul li.about02.on a, #lnb ul li.about02 a:hover {background-image:url("../_img/about/lnb-02-on.png");}
#lnb ul li.about03.on a, #lnb ul li.about03 a:hover {background-image:url("../_img/about/lnb-03-on.png");}
#lnb ul li.about04.on a, #lnb ul li.about04 a:hover {background-image:url("../_img/about/lnb-04-on.png");}
#lnb ul li.about05.on a, #lnb ul li.about05 a:hover {background-image:url("../_img/about/lnb-05-on.png");}
#lnb ul li.about06.on a, #lnb ul li.about06 a:hover {background-image:url("../_img/about/lnb-06-on.png");}
#lnb ul li.about07.on a, #lnb ul li.about07 a:hover {background-image:url("../_img/about/lnb-07-on.png");}
#lnb ul li.about08.on a, #lnb ul li.about08 a:hover {background-image:url("../_img/about/lnb-08-on.png");}
#lnb ul li.business01.on a, #lnb ul li.business01 a:hover {background-image:url("../_img/business/lnb-01-on.png");}
#lnb ul li.business02.on a, #lnb ul li.business02 a:hover {background-image:url("../_img/business/lnb-02-on.png");}
#lnb ul li.business03.on a, #lnb ul li.business03 a:hover {background-image:url("../_img/business/lnb-03-on.png");}
#lnb ul li.business04.on a, #lnb ul li.business04 a:hover {background-image:url("../_img/business/lnb-04-on.png");}
#lnb ul li.business05.on a, #lnb ul li.business05 a:hover {background-image:url("../_img/business/lnb-05-on.png");}
#lnb ul li.business06.on a, #lnb ul li.business06 a:hover {background-image:url("../_img/business/lnb-06-on.png");}
#lnb ul li.business07.on a, #lnb ul li.business07 a:hover {background-image:url("../_img/business/lnb-07-on.png");}
#lnb ul li.service01.on a, #lnb ul li.service01 a:hover {background-image:url("../_img/service/lnb-01-on.png");}
#lnb ul li.service02.on a, #lnb ul li.service02 a:hover {background-image:url("../_img/service/lnb-02-on.png");}
#lnb ul li.service03.on a, #lnb ul li.service03 a:hover {background-image:url("../_img/service/lnb-03-on.png");}
#lnb ul li.service04.on a, #lnb ul li.service04 a:hover {background-image:url("../_img/service/lnb-04.png");}