@charset "utf-8";

/* CSS 공통 */
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {margin: 0; padding: 0; -webkit-text-size-adjust: none;}
html {height: 100%;}
body {position: relative; height: 100%; margin: 0; -webkit-font-smoothing: antialiased; font-family: NanumBarunGothic, nbg, "굴림", Gulim, "Apple SD Gothic Neo", Sans-serif; font-size: 12px;color: #333; -webkit-text-size-adjust: none;}
h1, h2, h3, h4, h5, h6 {font-size: 12px; text-align: left;}
table {border-collapse: collapse; border-spacing: 0;}
img, fieldset, button, iframe {border: none;}
iframe {width: 100%;}
img {vertical-align: top;}
ul, li {list-style: none;}
a {color:  #555; text-decoration: none;}
em, address {font-style: normal;}
button, label {cursor: pointer;}
button {border: 0; background: transparent;}
button::-moz-focus-inner {padding: 0; border: 0;}
input[type=text], input[type=password], input[type=image], textarea, button {font-family: NanumBarunGothic, nbg, "굴림", Gulim, "Apple SD Gothic Neo", Sans-serif; -webkit-appearance: none; -webkit-text-size-adjust: none; -webkit-border-radius: 0;}
select {font-family: NanumBarunGothic, nbg, "굴림", Gulim, "Apple SD Gothic Neo", Sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand {display: none;}
textarea {overflow: auto;}
hr {display: none;}
legend {display: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
.blind, legend, caption, caption span {overflow: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 0; white-space: nowrap; *text-indent: -9999em;}
.input_txt, textarea {*margin: -1px 0;}
body, h1, h2, h3, h4, input, button, select, table {font-family: 'Nanum Gothic'; font-size: 12px; color: #828282;}

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

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

.wrap {min-width: 1280px; margin: 0 auto;}
.page_main .wrap {max-width: 1920px;}


/* header */
header.Header {margin: 0 auto; background: #fff; width: 100%; height: 110px; border-bottom: 2px solid #2484c6;}
div.Header_in {margin: 0 auto; width: 1100px; height: 110px;}
div.Header_in ul.gnb {padding: 10px 0 22px 0; width: 100%; text-align: right;}
div.Header_in ul.gnb li {display: inline; padding-right: 4px;}
div.Header_in ul.gnb li.last {padding-right: 0;}
div.Header_in ul.gnb li a.btn_hmenu {display: inline-block; padding: 5px 14px; font-size: 11px; background: #fff; color: #858585; border: 1px solid #ddd; text-decoration: none;}
div.Header_in ul.gnb li a.btn_hmenu:hover {background: #2482c8; color: #fff; border: 1px solid #1272ba; text-decoration: none;}

div.Header_in div.TopMenu {width: 1100px; position: relative;}
div.Header_in div.TopMenu h1 {position: absolute; top: 0; left: 20px;}
div.Header_in div.TopMenu h1 a {display: block; background: url(/images/en_logo.jpg) no-repeat; width: 201px; height: 27px; text-indent:  -9000px;}
div.Header_in div.TopMenu h1 a:hover, a:visited, a:link, a:active {text-decoration: none; border: none;}
div.Header_in div.TopMenu ul.nav {position: absolute; top: 5px; right: 0;}
div.Header_in div.TopMenu ul.nav li {float: left; padding-right: 150px;}
div.Header_in div.TopMenu ul.nav li.last {padding-right: 0;}
div.Header_in div.TopMenu ul.nav li a.menu {font-size: 20px; font-weight: 500; background: #fff; color: #515151;}
div.Header_in div.TopMenu ul.nav li a.menu:hover {color: #2484c6; font-weight: 500;}


/* footer */
footer.Footer {position: relative; min-width: 1080px; background: #fff; z-index: 20; width: 100%; height: 88px; background-color: #2484c6;}
div.FootBox {margin: 0 auto; width: 1100px; position: relative;}
div.FootBox a.f_logo {display: inline-block; zoom: 1; margin-top: 32px; background: url(/images/en_footer_logo.jpg) no-repeat; width: 203px; height: 25px; text-indent: -5555px;}
div.FootBox div.area {position: absolute; top: 30px; left: 300px; color: #fff;}


/* main */
.main {position: relative; min-height: 768px}
.content_wrap {display: block; width: 100%; height: 100%;}
.content_wrap.page01 {}
.content_wrap.page02 {}
.content_wrap.page03 {background: #23cbd3;}
.content_wrap.page04 {background: #fff;}
.content_wrap.page05 {background: #38445e;}


/* 비쥬얼 이미지 */
div.VisualImg01 {background: url("/images/en_sec01_bg.jpg") no-repeat top left; background-size: cover; width: 100%; height: 100%;;}
div.VisualImg02 {background: url("/images/en_sec02_bg.jpg") no-repeat top left; background-size: cover; width: 100%; height: 100%;;}
div.VisualImg03 {background: url("/images/en_sec03_bg.jpg") no-repeat top left; background-size: cover; width: 100%; height: 100%;;}
div.VisualImg04 {background: url("/images/en_sec04_bg.jpg") no-repeat top left; background-size: cover; width: 100%; height: 100%;;}
div.VisualImg05 {background: url("/images/en_sec05_bg.jpg") no-repeat top left; background-size: cover; width: 100%; height: 100%;;}
div.VisualImg01 div.black {background: #021723; width: 100%; height: 100%;}
div.VisualImg02 div.black {background: #0c1623; width: 100%; height: 100%;}
div.VisualImg03 div.black {background: #1b1e10; width: 100%; height: 100%;}
div.VisualImg04 div.black {background: #0e1b22; width: 100%; height: 100%;}
div.VisualImg05 div.black {background: #07131c; width: 100%; height: 100%;}


/* 서브 공통 */

div.Container div.m_NewContent {width: 100%; margin: 117px 0 113px 0;}
div.Container div.NewContent {width: 100%;}

div.SubVisual {width: 100%; height: 445px;}
div.SubVisual div.VisualBox {margin: 0 auto; width: 1100px; height: 445px; position: relative;}
div.Tab2Menu,
div.Tab3Menu {display: inline-block; width: 100%;}
div.Tab2Menu div.Tab2MenuBox {display: block; margin: 60px auto 20px auto; width: 1100px; height: 96px;}
div.Tab3Menu div.Tab3MenuBox  {display:  block; margin:  40px auto 0 auto; width: 1100px; text-align:  center; overflow:  hidden;}
div.Tab3Menu a:nth-child(2) {left: -33px; z-index: 10;}
div.Tab3Menu a:nth-child(3) {left: -66px; z-index: 5;}
div.Tab3Menu a:nth-child(4) {left: -99px; z-index: 1;}
div.Tab3Menu a.tab {display: inline-block; position: relative; width: 174px; height: 40px; line-height: 40px; font-size: 16px; color: #888; border: 1px solid #ddd; border-radius: 54px; background: #fff;}
div.Tab3Menu a.on {color: #fff; border: 1px solid #2484c6; background: #2484c6; z-index: 20;}

div.SubContents {margin: 0 auto; width: 1100px; height: 100%;}
div.ContBox {display: inline-block; margin-top: 70px;}
div.ContBox img {display: block;}
.mb62 {margin-bottom:  62px !important;}
div.mb30 {margin-bottom: 30px;}
div.mb70 {margin-bottom: 70px;}
div.mb90 {margin-bottom: 90px;}
div.mt10 {margin-top: 10px;}
div.mtnone {margin-top: 0;}
div.mbnone {margin-bottom: 0;}
div.ContBox p.mb22 {margin-bottom: 22px;}
div.ContBox p.mb80 {margin-bottom: 80px;}
a.btn_bluemid {display: inline-block; padding: 11px 25px; margin: 17px 0 90px 0; background: #2484c6; color: #fff; font-size: 17px; font-weight: 600;}
a.btn_bluemid:hover {background: #1072b5;}
a.mb0 {margin-bottom: 0;}
a.btn_bluesmall {display: inline-block; padding: 2px 14px; margin-top: 8px; background: #2484c6; color: #fff; font-size: 15px; font-weight: 500;}
a.btn_bluesmall:hover {background: #1072b5;}
a.btn_bluebig {display: inline-block; padding: 15px 0 14px 0; width: 270px; background: #2484c6; color: #fff; font-size: 24px; font-weight: 600; font-family: 'Nanum Gothic';}
a.btn_bluebig:hover {background: #1072b5;}
a.mr10 {margin-right: 10px;}
a.mr20 {margin-right: 20px;}
div.Sub3Contents {margin: 0 auto; width: 100%; height: 100%;}
div.ContBoxFix {display: block; width: 1100px; margin: 70px auto 0 auto; *margin: 121px auto 0 auto; position: relative;}
div.ContBoxFull {width: 100%; background: #f4f4f4;}
div.ContBoxFull div.FixBox {width: 1100px; margin: 0 auto; padding: 70px 0 70px 0; position: relative;}


/* 회사개요 */
div.SubVisual div.VisualBox {margin: 0 auto; width: 1100px; height: 445px; position: relative;}
div.SubVisual div.VisualBox img.TitTxt {position: absolute; top: 126px; left: 0;}
div.SubVisual div.VisualBox img.TitTxt1 {position: absolute; top: 158px; left: 0; z-index: 2000;}
div.SubVisual div.VisualBox img.TitTxt2 {position: absolute; top: 131px; left: 0;}
div.SubVisual div.VisualBox img.TitTxt3 {position: absolute; top: 98px; left: 0;}
div.SubVisual div.VisualBox img.TitTxt4 {position: absolute; top: 139px; left: 0;}
div.SubVisual div.VisualBox img.TitImg {position: absolute; top: 0; right: 10px;}
div.SubVisual div.VisualBox img.TitImg1 {position: absolute; top: 33px; right: 10px;}
div.SubVisual div.VisualBox img.TitImg2 {position: absolute; top: 124px; right: 10px;}
div.SubVisual div.VisualBox img.TitImg3 {position: absolute; top: 40px; right: 0;}
div.SubVisual div.VisualBox img.TitImg4 {position: absolute; top: 58px; right: 0;}
div.VisuCompany {float: left; background: url("/images/sub/company/company_topbg.jpg"); background-position-x: center;}
div.VisuBiz {background:  url("/images/sub/service/biz_topbg.jpg"); background-position-x: center;}
div.VisuIr {float: left; background: url("/images/sub/ir/ir_topbg.jpg"); background-position-x: center;}
div.VisuSitemap {float: left; background: url("/images/sub/guide/guide_topbg02.jpg");}

div.Tab2MenuBox ul.TabCompany {display: block; width: 1100px;}
div.Tab2MenuBox ul.TabCompany li {float: left; padding-right: 10px;}
div.Tab2MenuBox ul.TabCompany li.last {padding-right: 0;}
div.Tab2MenuBox ul.TabCompany li a {display: inline-block; *zoom: 1; display: block; width: 267px; height: 96px; text-indent: -7500px;}
div.Tab2MenuBox ul.TabCompany li a.intro {background: url("/images/sub/company/en_tab_company01.jpg") no-repeat top left;}
div.Tab2MenuBox ul.TabCompany li a.history {background :url("/images/sub/company/en_tab_company02.jpg") no-repeat top left;}
div.Tab2MenuBox ul.TabCompany li a.affiliate {background: url("/images/sub/company/en_tab_company03.jpg") no-repeat top left;}
div.Tab2MenuBox ul.TabCompany li a.direction {background: url("/images/sub/company/en_tab_company04.jpg") no-repeat top left;}
div.Tab2MenuBox ul.TabCompany li a.intro:hover,
div.Tab2MenuBox ul.TabCompany li a.history:hover,
div.Tab2MenuBox ul.TabCompany li a.affiliate:hover,
div.Tab2MenuBox ul.TabCompany li a.direction:hover {background-position: 0 -96px;}
div.Tab2MenuBox ul.TabCompany li a.on {background-position: 0 -96px;}

div.ContBox h1.Tit {display: block; padding-left: 15px; margin-bottom: 20px; background: url("/images/sub/company/bullet_blueline.jpg") no-repeat 0 3px; background-size: 4px 25px; font-size: 24px; font-weight: 600; color: #000;}
div.ContBox h1.TitMb0 {margin: 0 0 0 0;}
div.ContBox h2.SemiTit {display: block; margin: 12px 0 7px 0; text-align: center; font-size: 18px; font-weight: 600; color: #222; border-bottom: none;}
div.ContBox p.SubTxt {font-size: 15px; text-align: left; font-weight: 500; color: #828282;}
div.ContBox p.SubTxt1 {font-size: 15px; font-weight: 500; color: #828282;}
div.ContBox p.SubTxt2 {font-size: 15px; text-align: center; font-weight: 500; color: #828282;}

div.ContBoxFix p.SubTxt3 {font-size: 24px; text-align: center; font-weight: 500; color: #222;}
div.ContBoxFix h2.SemiTit1 {display: block; margin: 102px 0 7px 0; text-align: center; font-size: 56px; font-family: Nanum Gothicc; color: #2484c6; border-bottom: none;}
div.ContBoxFix table.Type_01 {margin: 18px 0 8px 0; width: 100%; border-top: 1px solid #2484c6; text-align: left;}
div.ContBoxFix table.mtnone {margin: 0 0 8px 0;}
div.ContBoxFix table.Type_01 colgroup {width: 1100px;}
div.ContBoxFix table.Type_01 th {padding-left: 20px; height: 39px; text-align: left; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fafafa; font-size: 15px; font-weight: 600; color: #444444;}
div.ContBoxFix table.Type_01 td {padding-left: 20px; height: 39px; border-bottom: 1px solid #e5e5e5; font-size: 15px; color: #777;}
div.ContBoxFix table.Type_01 a {color: #2484c6;}
div.ContBoxFix table.Type_01 a:hover {color: #1072b5;}
div.ContBoxFix span.StandardTxt {display: block; text-align: right; width: 1100px; margin-bottom: 70px;}

div.ContBox table.Type_01 {margin: 18px 0 8px 0; width: 100%; border-top: 1px solid #2484c6; text-align: left;}
div.ContBox table.mtnone {margin: 0 0 8px 0;}
div.ContBox table.Type_01 colgroup {width: 1100px;}
div.ContBox table.Type_01 th {padding-left: 20px; height: 39px; text-align: left; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fafafa; font-size: 15px; font-weight: 600; color: #444444;}
div.ContBox table.Type_01 td {padding-left: 20px; height: 39px; border-bottom: 1px solid #e5e5e5; font-size: 15px; color: #777;}
div.ContBox table.Type_01 a {color: #2484c6;}
div.ContBox table.Type_01 a:hover {color: #1072b5;}
div.ContBox span.StandardTxt {display: block; text-align: right; width: 1100px;}
div.ContBox span.StandardTxtLeft  {display: block; text-align: left; width: 1100px;}
div.ContBox img.FullImg {display: block; margin: 0 0 20px 0;}
div.ContBox img.FullImg1 {display: block; margin: 0 0 70px 0;}
div.ContBoxFix img.FullImg {display: block; width: 1100px; margin-bottom: 90px;}

div.ContBox div.MapBox {width: 1100px; margin-top: 60px;}
div.MapBox div.MapTxt {width: 1100px; height: 116px; margin-right: 30px;}
div.MapBox div.MapTxt p.AreaName {font-size: 18px; font-weight: 600; color: #222; margin-bottom: 14px;}
div.MapBox div.MapTxt p.mt30 {margin-top: 30px;}
div.MapBox div.MapTxt dl {display: inline-block; width: 1100px;}
div.MapBox div.MapTxt dl dt {float: left; width: 83px; height: 22px; padding-top: 2px; background: #2484c6; font-size: 15px; text-align: center; color: #fff;}
div.MapBox div.MapTxt dl dd {float: left; margin-left: 10px; width: 1000px; font-size: 15px; color: #828282;}
div.MapBox div.MapTxt1 {width: 418px; height: 90px; margin-right: 30px;}
div.MapBox div.MapTxt2 {width: 418px; height: 211px; margin-right: 30px;}
div.MapBox div.MapTxt1 p.AreaName {font-size: 18px; font-weight: 600; color: #222; margin-bottom: 14px;}
div.MapBox div.MapTxt1 dl {display: inline-block; width: 600px;}
div.MapBox div.MapTxt1 dl dt {float: left; width: 83px; height: 22px; padding-top: 2px; background: #2484c6; font-size: 15px; text-align: center; color: #fff;}
div.MapBox div.MapTxt1 dl dd {float: left; margin-left: 10px; width: 507px; font-size: 15px; color: #828282;}
div.MapBox div.MapArea {display: inline; width: 650px; height: 340px;}
div.map {margin: 0 0 10px; width: 750px; height: 400px; border: 1px solid #aaa;}
div.map img {border: 1px solid #d4d4d4;}

div.ContBox ul.TabHistory {display: block; margin-bottom: 30px; width: 1100px; height: 43px;}
div.ContBox ul.TabHistory li {float: left;}
div.ContBox ul.TabHistory li.last {margin-right: 0;}
div.ContBox ul.TabHistory li a {display:  block; width: 275px; height: 43px; text-indent:  -3000px; float: left; cursor: pointer;}
div.ContBox ul.TabHistory li a.now {background: url("/images/sub/company/tab_history01.jpg") no-repeat 0 0;}
div.ContBox ul.TabHistory li a.past_03 {background: url("/images/sub/company/tab_history02.jpg") no-repeat top left;}
div.ContBox ul.TabHistory li a.past_02 {background: url("/images/sub/company/tab_history03.jpg") no-repeat top left;}
div.ContBox ul.TabHistory li a.past_01 {background: url("/images/sub/company/tab_history04.jpg") no-repeat top left;}
div.ContBox ul.TabHistory li a.now:hover,
div.ContBox ul.TabHistory li a.past_03:hover,
div.ContBox ul.TabHistory li a.past_02:hover,
div.ContBox ul.TabHistory li a.past_01:hover {background-position:  0 -43px;}
div.ContBox ul.TabHistory li a.active {background-position:  0 -43px;}

div.history {display: inline-block; width: 1100px;}
div.history div.YearBox {display: block; margin-top: 60px; border-bottom: 1px dashed #d0d0d0;  position: relative;}
div.YearBox span.YearNum {position: absolute; top: -6px; left: 0; margin-right: 60px; font-size: 40px; font-weight: 600; color: #2484c6;}
div.YearBox ul.HistoryTxt {margin: 0 0 44px 142px; position: relative;}
div.YearBox ul.HistoryTxt li {width: 958px; padding-bottom: 16px;}
div.YearBox ul.HistoryTxt li span.MonthNum {display: inline-block; width: 100px; padding-right: 20px; background: url("/images/sub/company/bullet_grayline.jpg") no-repeat 40px 5px; background-size: 70px 3px; font-size: 16px;}
div.YearBox ul.HistoryTxt li span {font-size: 16px;}
div.history div.Noneline {border-bottom: none;}

div.ListedCompany {display: inline-block; width: 1100px;}
div.ListedCompany div.CompanyBox {float: left; margin: 78px 22px 0 0; width: 330px;}
div.CompanyBox img {display: block; width: 175px; height: 45px; text-align: center; margin: 0 auto 33px auto;}
div.CompanyBox p.CompName {margin: 4px 0 5px 0; text-align: center; font-size: 19px;  font-family: 'Nanum Gothicc'; color: #222;}
div.CompanyBox span {display: block; font-size: 14px; text-align: center; color: #828282;}

div.ContBoxFix h1.Tit {display: block; padding-left: 15px; margin-bottom: 20px; background: url("/images/sub/company/bullet_blueline.jpg") no-repeat 0 3px; background-size: 4px 25px; font-size: 24px; font-weight: 600; color: #000;}
div.ContBoxFix h2.SemiTit {display: block; margin: 44px 0 28px 0; text-align: center; font-size: 30px; font-family: 'Nanum Gothicc'; color: #222; border-bottom: none;}
div.ContBoxFix p.SubTxt {margin-bottom: 80px; font-size: 46px; text-align: center; font-family: 'Nanum Gothicc'; color: #2484c6;}
div.ContBoxFix p.SubTxt1 {margin: 56px 0 80px 0; font-size: 46px; text-align: center; font-family: 'Nanum Gothicc'; color: #2484c6;}
div.ContBoxFix p.SubTxt2 {margin: 0 0 22px 0; font-size: 15px; text-align: left; color: #828282;}

div.FixBox h1.Tit {display: block; padding-left: 15px; margin-bottom: 20px; background: url("/images/sub/company/bullet_blueline.jpg") no-repeat 0 3px; background-size: 4px 25px; font-size: 24px; font-weight: 600; color: #000;}
div.FixBox h2.SemiTit {display: block; margin: 44px 0 28px 0; text-align: center; font-size: 30px; font-family: 'Nanum Gothicc'; color: #222; border-bottom: none;}
div.FixBox p.SubTxt {margin-bottom: 12px; font-size: 46px; text-align: center; font-family: 'Nanum Gothicc'; color: #2484c6;}
div.FixBox p.SubTxt1 {margin-bottom: 12px; font-size: 15px; text-align: left; color:  #828282;}

div.GlobalArea {display: inline-block; margin: 0 0 70px 149px;}
div.GBox {display: inline-block; margin-top: 50px; width: 100%;}
div.GBox:nth-child(1) {margin-top: 0;}
div.GBox p.GlobalName {margin-bottom: 3px; font-size: 17px; color: #474747; font-weight: 600;}
div.GBox p.GlobalNameEtc {margin-top:  20px; margin-bottom: 3px; font-size: 17px; color: #474747; font-weight: 600;}
div.GBox p.txt {display: inline-block; font-size: 14px; color: #828282; width: 100%;}
div.GBox p.mb23 {margin-bottom: 23px;}
div.GBox img.GlobalImg {margin-right: 20px;}

div.DaouYoutube {margin: 30px auto 10px auto; width: 640px; text-align: center;}

div.FixBox img.CompImg1 {display: block; margin-left: 259px; width: 579px; height: 229px;}
div.FixBox h2.SemiTit2 {display: block; margin: 12px 0 7px 0; text-align: center; font-size: 18px; font-weight: 600; color: #222; border-bottom: none;}
div.FixBox p.SubTxt2 {font-size: 15px; text-align: center; font-weight: 500; color: #828282;}
div.FixBox p.btn_area {text-align: center; width: 1100px;}

div.CompDown {display: inline-block; width: 1100px; text-align: center; margin: 32px 0 0 0;}
div.CompDown p.DownPpt {display: inline-block; margin: 0 200px 0 0; width: 370px; text-align: center;}
div.CompDown p.DownBrochure {display: inline-block; width: 283px;}
div.CompDown p.DownBrochure img {text-align: center;}
div.CompDown p.DownData a.btn_bluemid {display: inline-block; padding: 11px 25px; margin: 17px 0 30px 0; background: #2484c6; color: #fff; font-size: 17px; font-weight: 600;}
div.CompDown p.DownData a.btn_bluemid:hover {background: #1072b5;}

div.BizGroup a {display: inline-block; width: 235px; height: 43px; padding-top: 20px; margin: 16px 10px 30px 0; color: #fff; font-size: 18px; font-weight: 600; text-align: center; letter-spacing: -0.5px;}
div.BizGroup a.mkt {background: #1893bd;}
div.BizGroup a.mkt:hover {background: #09779c;}
div.BizGroup a.comm {background: #034166;}
div.BizGroup a.comm:hover {background: #002338;}
div.BizGroup a.biz {background: #23cad2;}
div.BizGroup a.biz:hover {background: #0cb3bb;}
div.BizGroup a.ent {background: #62767f;}
div.BizGroup a.ent:hover {background: #435862;}


/* 서비스 */
div.ContBox ul.Box3Layout {display: inline-block; margin-bottom: 80px; width: 1100px;}
div.ContBox ul.Box3Layout li {float: left; width: 1100px; margin-bottom: 50px;}
div.ContBox ul.Box3Layout li.last {margin-bottom: 0;}
div.ContBox ul.Box3Layout li img {float: left; height: 236px; border: 1px solid #e6e6e6;}
div.ContBox ul.Box3Layout li div.ServTxt {float: left; margin: 10px 0 0 18px; width: 728px; background: url("/images/sub/service/en_tit_line.jpg") no-repeat; background-size: 730px 5px; background-position: 0 28px;}
div.ContBox ul.Box3Layout li div.ServTxt span.ImgesTxt {display: block; margin: 0 0 12px 10px; font-size: 22px; color: #092a40; font-weight: 600;}
div.ContBox ul.Box3Layout li div.ServTxt span.ImgesexpTxt {display: block; margin-left: 10px; width: 718px; font-size: 14px; color: #828282; letter-spacing: -0.2px;}
div.ContBox ul.Box3Layout li div.ServTxt p.BtmService {display: inline-block; margin: 30px 0 0 10px; width: 718px; font-size: 13px; color: #828282;}
div.ServTxt p.BtmService img.en_serviceimg {height: 34px; margin:  0 36px 15px 0; border: none;}
div.ServTxt p.BtmService img.last {margin-right: 0;}
div.ContBox ul.Box3Layout li div.ServTxt p.BtmService span.GroupGap {display: inline-block; margin-bottom: 10px;}


/* IR */
div.Tab2MenuBox ul.TabIr {display: inline-block; width: 1100px;}
div.Tab2MenuBox ul.TabIr li {float: left; padding-right: 10px;}
div.Tab2MenuBox ul.TabIr li.last {padding-right: 0;}
div.Tab2MenuBox ul.TabIr li a {display: inline-block; *zoom: 1; display: block; width: 267px; height: 96px; text-indent: -7500px;}
div.Tab2MenuBox ul.TabIr li a.structure {background: url("/images/sub/ir/en_tab_ir01.jpg") no-repeat top left;}
div.Tab2MenuBox ul.TabIr li a.finance {background: url("/images/sub/ir/en_tab_ir02.jpg") no-repeat top left;}
div.Tab2MenuBox ul.TabIr li a.investment {background: url("/images/sub/ir/en_tab_ir03.jpg") no-repeat top left;}
div.Tab2MenuBox ul.TabIr li a.publicnotice {background: url("/images/sub/ir/en_tab_ir04.jpg") no-repeat top left;}
div.Tab2MenuBox ul.TabIr li a.structure:hover,
div.Tab2MenuBox ul.TabIr li a.finance:hover,
div.Tab2MenuBox ul.TabIr li a.investment:hover,
div.Tab2MenuBox ul.TabIr li a.publicnotice:hover {background-position: 0 -96px;}
div.Tab2MenuBox ul.TabIr li a.on {background-position: 0 -96px;}

div.ContBox p.TotalStock {display: block; width: 1100px; text-align: center; margin: 40px 0 70px 0; font-size: 28px; color: #2484c6; font-weight: 600; position:  relative;}
div.ContBox p.TotalStock span.StandDateTxt {position: absolute; top: 8px; right: 0; font-size: 12px; font-weight: 500; color: #999;}
div.ContBox div.SelectBox {display: inline-block; padding: 25px 20px 14px 20px; margin-bottom: 14px; width: 1060px; background: #dae3ea; position: relative;}
div.ContBox div.SelectBox span.tit {display: inline-block; width: 800px; font-size: 18px; font-weight: 600; color: #2484c6; vertical-align: top;}
div.ContBox div.SelectBox span.YearChoice  {position: absolute; top: 15px; right: 20px;}
div.ContBox div.SelectBox span.YearChoice > select {display: inline-block; padding-left: 10px; width:  180px; height: 40px; line-height: 40px; font-size: 16px; color: #666; border: 1px solid #ddd;}
div.ContBox div.SelectBox ul.info {display: inline-block; margin-top: 23px; padding: 13px 20px 13px 20px;  width: 1020px; background: #f4f9fc;}
div.ContBox div.SelectBox ul.info li {font-size: 14px; color: #666;}
div.ContBox table.Type_02 {margin: 0 0 8px 0; width: 1100px; border-top: 1px solid #2484c6; text-align: left;}
div.ContBox table.Type_01 colgroup {width: 1100px;}
div.ContBox table.Type_02 thead th {height: 39px; text-align: center; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; background: #fafafa; font-size: 15px; font-weight: 600; color: #444444;}
div.ContBox table.Type_02 thead th.last {border-right: none;}
div.ContBox table.Type_02 tbody td {text-align: center; height: 39px; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; font-size: 13px; color: #777;}
div.ContBox table.Type_02 tbody td.last {border-right: none;}
div.ContBox table.Type_02 tbody td.StockTotal {background: #f2faff; color: #2484c6; font-weight: 600;}
div.ContBox table.Type_02 tbody td.AlignRight {text-align: right; padding-right: 20px;}
div.ContBox table.Type_02 tbody td.AlignLeft {text-align: left; padding-left: 20px;}
div.ContBox table.Type_02 tbody td.AlignLeft2 {text-align: left; padding: 10px 20px;}
div.ContBox table.Type_02 tbody td.blue {background: #f2faff;}
div.ContBox table.Type_02 tbody td a {color: #777; background: none;}
div.ContBox table.Type_02 tbody td a:hover {color: #2484c6;}
div.ContBox table.Type_02 tbody td.BordNone {border-bottom: 1px solid #fff;}
div.ContBox table.Type_02 tbody td > a.btnPdf {display:  inline-block; padding:  0 17px; height:  28px; line-height:  28px; color: #666; border:  1px solid #2484c6; background:  #fff;}
div.ContBox table.Type_02 tbody td > a.btnPdf em.IconPdf {display:  inline-block; margin:  5px 5px 0 0; width:  16px; height:  16px; background: url("/images/sub/ir/icon_pdf.jpg") no-repeat 0 0; vertical-align:  top;}
div.ContBox table.Type_02 tbody td > a.btnPdf:hover {color: #333;}

div.ContBox div.InfoArea {display: inline-block; margin: 0 0 10px 0; width: 1100px;}
div.InfoArea span.InfoTxt {float: left; color: #777; font-size: 13px; padding-top: 8px;}
div.InfoArea span.InfoBtn {float: left; padding: 7px 14px; border: 1px solid #2484c6; font-size: 14px; color: #777;}

div.ContBox span.StandardUnit {display: block; margin-bottom: 5px; text-align: right; width: 1100px;}

div.ContBox table.Type_01 tbody th.HeiFree {height: auto;}
div.ContBox table.Type_01 tbody td.HeiFree {height: auto;}
div.ContBox table.Type_01 tbody td p.AddFile {display: block; margin: 8px 0 6px 0;}
div.ContBox table.Type_01 tbody td p.AddFile a {background: none; color: #777;}
div.ContBox table.Type_01 tbody td p.AddFile a:hover {color: #2484c6;}
div.ContBox table.Type_01 tbody td p.AddFile img {display: inline; padding: 0px 7px 0 0; vertical-align: middle;}
div.ContBox p.ViewList {text-align: center; margin-top: 40px;}
div.ContBox p.ViewList a {display: inline-block; *zoom: 1; *display: inline; border: 1px solid #2484c6; padding: 12px 60px; font-size: 20px; font-weight: 600; color: #2484c6; background: none;}
div.ContBox p.ViewList a:hover {border: 1px solid #1072b5; color: #1072b5;}

div.Tab2MenuBox ul.TabService {display: block; width: 1100px;}
div.Tab2MenuBox ul.TabService li {float: left; padding-right: 10px;}
div.Tab2MenuBox ul.TabService li.last {padding-right: 0;}
div.Tab2MenuBox ul.TabService li a {display: inline-block; *zoom: 1; display: block; width: 267px; height: 96px; text-indent: -7400px;}
div.Tab2MenuBox ul.TabService li a.marketing {background: url("/images/sub/service/tab_biz01.jpg") no-repeat top left;}
div.Tab2MenuBox ul.TabService li a.commerce {background: url("/images/sub/service/tab_biz02.jpg") no-repeat top left;}
div.Tab2MenuBox ul.TabService li a.infra {background: url("/images/sub/service/tab_biz03.jpg") no-repeat top left;}
div.Tab2MenuBox ul.TabService li a.ito {background: url("/images/sub/service/tab_biz04.jpg") no-repeat top left;}
div.Tab2MenuBox ul.TabService li a.marketing:hover,
div.Tab2MenuBox ul.TabService li a.commerce:hover,
div.Tab2MenuBox ul.TabService li a.infra:hover,
div.Tab2MenuBox ul.TabService li a.ito:hover {background-position: 0 -96px;}
div.Tab2MenuBox ul.TabService li a.on {background-position: 0 -96px;}

div.serviceBox {display: inline-block; margin-bottom: 80px; width: 1100px; border-bottom: 1px solid #e2e2e2}
div.serviceBox p.serImg {display: inline-block; float: left; margin-right: 60px; width: 356px; height: 304px;}
div.serviceBox div.expBox {display: inline-block; float: left; width: 684px;}
div.expBox span.tit {display: inline-block; margin-top: -6px; margin-bottom: 20px; width: 684px; font-family: 'Nanum Gothicc'; font-size: 34px; font-weight: 600; color: #000; letter-spacing: -0.3px; vertical-align: top;}
div.expBox span.txt {display: inline-block; margin-bottom: 30px; width: 684px; font-size: 16px; color: #888; letter-spacing: -0.5px; vertical-align: top;}

div.expBox p.BtmService {display: inline-block; margin: 30px 0 0 10px; width: 684px;}
div.expBox p.BtmService > img {float: left; height: 34px; margin: 0 36px 15px 0; border: none;}


/* 사이트맵 */
div.SitemapBox {display: inline-block; width: 1100px; margin-bottom: 100px;}
div.SiteArea {float: left; width: 180px; margin-right: 100px;}
div.SiteAreamr {margin-right: 0;}
div.SiteArea p.tit {padding: 9px 0 7px 10px; background: #2484c6; width: 170px; font-size: 20px; color: #fff; font-family: Nanum Gothicc;}
div.SiteArea div.MenuBox {margin-top: 16px;}
div.SiteArea div.MenuBox1 {margin-top: 38px;}
div.MenuBox p.subtit {margin-bottom: 5px; color: #585858; font-size: 17px; font-family: Nanum Gothicc;}

div.MenuBox ul.list1 {display: inline-block; width: 170px;}
div.MenuBox ul.list1 li {float: left; line-height: 20px;}
div.MenuBox ul.list1 li a {display: block; color: #9b9b9b; font-size: 14px; width: 170px;}
div.MenuBox ul.list1 li a:hover {color: #2484c6;}

div.SiteArea ul.list2 {display: block; padding-left: 10px; margin-top: 7px; width: 170px;}
div.SiteArea ul.list2 li {float: left; line-height: 40px;}
div.SiteArea ul.list2 li a {display: block; color: #585858; font-size: 17px; width: 170px;}
div.SiteArea ul.list2 li a:hover {color: #2484c6;}

div.LineBox {display: inline-block; padding: 20px 18px; width: 1060px; font-size: 14px; color: #666; border: 1px solid #2484c6;}