@charset "utf-8";
html, body {height:100%;}
body {font-family:"poppins", "helvetica", "tahoma", "verdana", sans-serif; font-size:0.875em; font-weight:normal; line-height:1.2;}

#wrap {width:100%; height:100%;}
.wrap {/* height:100%; */ padding-bottom:50px; margin-top:83px;}
.wrap:after {content:""; display:block; clear:both;}
.wrap #cont-wrap {padding:0 50px; margin:0 auto;}
.ie7 #wrap, .ie8 #wrap {min-width:1100px;}
#cont-wrap {}
#cont-wrap > article {padding-bottom:80px;}

@media screen and (max-width: 1260px){
 .wrap {margin-top:123px;}
}

@media screen and (max-width: 840px){
 .wrap {margin-top:60px;}
}
@media screen and (max-width: 460px){
 .wrap {margin-top:50px;}
}

.fixed-aside {height:100%; position:fixed; width:400px; left:0; top:0; z-index:9900;}
.main-wrap .fixed-aside {width:230px;}

@media screen and (min-width: 1261px){
  .wrap {padding-left:230px;}
  .wrap #cont-wrap {padding:0 50px;}
}
@media screen and (min-width: 1477px){
  .wrap {padding-left:400px;}
}
@media screen and (max-width: 1260px){
  .wrap {padding-left:0;}
  .wrap #cont-wrap {padding:0 15px;}
}

.depth-one {float:left; height:100%; background:#004288; width:230px;}
.depth-one .gnb-topper {height:48px; border-bottom:1px solid #0065ce; background-color:#002c59;}
.depth-one .gnb-topper:after {content:""; display:block; clear:both;}
.depth-one .gnb-topper.on {background-color:#001f3f;}
.depth-one .gnb-topper .entire-menu {float:left; width:48px; height:48px; border-right:1px solid #264b73;}
.depth-one .gnb-topper .entire-menu a {border-right:1px solid #00254d; display:block; height:48px; text-indent:-9999em; background:url('/images/ico/gnb-topper-lang.png') no-repeat center 0; background-size:50px 200px;}
.depth-one .gnb-topper .lang-select {float:right;}
.depth-one .gnb-topper .lang-select > a {display:block; background:url('/images/ico/gnb-topper-lang.png') no-repeat center -50px; background-size:50px 200px; height:48px; color:#fff; font-weight:bold; padding:0 45px 0 0; line-height:48px;}
.depth-one .gnb-topper .lang-select > a.kor {background-position:right -51px;}
.depth-one .gnb-topper .lang-select > a.eng {background-position:right -101px;}
.depth-one .gnb-topper .lang-select > a.chn {background-position:right -150px;}

.depth-one .gnb-topper .lang-select .lang-set {position:absolute; left:0; width:170px; background-color:#002c5a; border-top:1px solid #003164; border-bottom:1px solid #001a36; padding:0 30px; display:none;}
.depth-one .gnb-topper .lang-select .lang-set li {border-top:1px solid #254b72;}
.depth-one .gnb-topper .lang-select .lang-set li:first-child {border-top:0;}
.depth-one .gnb-topper .lang-select .lang-set li a {line-height:40px; height:40px; display:block; color:#fff; text-align:center; font-size:0.929em; font-weight:bold;}

.depth-one .logo {width:167px; margin:44px auto 46px; display:block;}

.depth-one .gnb {margin-top:-15px;}
/*.depth-one .gnb > li.gnb-ini .snb,*/
.depth-one .gnb > li.gnb-on .snb {display:block;}
.depth-one .gnb > li {font-size:1.286em; text-align:center;}
.depth-one .gnb > li > a {color:#fff; display:block; padding:12px 0 14px 38px; text-align:left; font-size:16px;}
.depth-one .gnb > li .snb {width:169px; position:absolute; top:150px; left:230px; display:none;}
.depth-one .gnb > li .snb > li {font-size:0.833em; text-align:left;}
.depth-one .gnb > li .snb > li a {color:#000; display:block; padding:14px 22px 15px 20px;}/*letter-spacing:-1px;*/
.depth-one .gnb > li .snb > li a:hover {color:#004288;}
.depth-one .gnb > li .snb > li.in-snb {position:relative;}
.depth-one .gnb > li .snb > li.in-snb > a {background:url('/images/ico/snb-arr-off.png') no-repeat 145px center;}
.depth-one .gnb > li .snb > li:not(.in-snb) > a {background:none !important;}
.depth-one .gnb > li .snb > li.in-snb > a:hover {background-image:url('/images/ico/snb-arr-on.png');}
.depth-one .gnb > li .snb > li.in-snb.snb-on > a {background:url('/images/ico/snb-arr-on.png') no-repeat 145px center;}
.depth-one .gnb > li .snb > li.snb-ini > a {background:url('/images/ico/snb-arr-on.png') no-repeat 145px center; color:#004288;}
.depth-one .gnb > li .snb > li.snb-ini.temp-del > a {color:#000; background:url('/images/ico/snb-arr-off.png') no-repeat 145px center;}
.depth-one .gnb > li .snb > li.snb-on > a {color:#004288;}
.depth-one .gnb > li + li + li + li + li .snb {top:240px;}

.depth-one .gnb > li .lnb {position:absolute; left:169px; top:0; width:170px; border:1px solid #d9d9d9; background:#fff; box-shadow:0px 2px 0px 0px rgba(238,238,238,0.75); padding:5px 0; display:none;}
.depth-one .gnb > li .lnb > li {font-size:0.867em;}
.depth-one .gnb > li .lnb > li > a {padding:9px 10px 10px 10px; margin:0 10px; border-top:1px solid #dfdfdf;}
.depth-one .gnb > li .lnb > li:first-child > a {border-top:0;}
.depth-one .gnb > li .lnb > li.in-lnb {position:relative;}
.depth-one .gnb > li .lnb > li.in-lnb > a {background:url('/images/ico/lnb-arr-off.png') no-repeat 135px center;}
.depth-one .gnb > li .lnb > li.in-lnb.lnb-on > a {color:#004288; background:url('/images/ico/lnb-arr-on.png') no-repeat 135px center;}
.depth-one .gnb > li .lnb > li.lnb-ini > a {background:url('/images/ico/lnb-arr-on.png') no-repeat 135px center; color:#004288;}
.depth-one .gnb > li .lnb > li:not(.in-lnb) > a {background:none !important;}
.depth-one .gnb > li .lnb > li.temp-del > a {color:#000; background:url('/images/ico/lnb-arr-off.png') no-repeat 135px center;}
.depth-one .gnb > li .lnb > li.temp-del > a li a {color:#004288;}

.depth-one .gnb > li .lnb-depth {background-color:#f7f7f7; padding:7px 0 9px; margin:5px 0; display:none;}
.depth-one .gnb > li .lnb-depth > li {font-size:1em;}
.depth-one .gnb > li .lnb-depth > li.depth-on {}
.depth-one .gnb > li .lnb-depth > li a {padding-top:5px; padding-bottom:4px;}

/* lnb 수정 후 css추가 */
.depth-one .gnb > li .lnb-depth {margin:0;}
.gnb.gnb-all-view > li.gnb-ini .snb {display:block;}
.gnb > li.gnb-on .snb > li.snb-on .lnb {display:block;}
.gnb > li.gnb-on .snb > li.snb-on .lnb > li.lnb-on .lnb-depth, 
.gnb > li.gnb-on .snb > li.snb-on .lnb > li.lnb-ini .lnb-depth {display:block;}
.gnb > li.gnb-on .snb > li.snb-on .lnb > li.lnb-ini.temp-del .lnb-depth {display:none;}
/* //lnb 수정 후 css추가 */

.depth-one .bttm-wrap {position:absolute; bottom:0; left:0; width:230px;}

.bttm-wrap .one-inner {padding:0 30px;}

.bttm-wrap .one-quick-wrap {margin-bottom:10px;}
.bttm-wrap .one-quick-wrap .quick-list {margin-bottom:15px;}
.bttm-wrap .one-quick-wrap .quick-list li {border-top:1px solid #295a8d;}
.bttm-wrap .one-quick-wrap .quick-list li:first-child {border-top:0;}
.bttm-wrap .one-quick-wrap .quick-list li a {display:block; height:44px; line-height:44px; font-size:0.929em; color:#fff; padding-left:10px; background:url('/images/ico/gnb-quick-menu.png') no-repeat right -2px; background-size:50px 150px;}
.bttm-wrap .one-quick-wrap .quick-list li + li a {background-position:right -52px;}
.bttm-wrap .one-quick-wrap .quick-list li + li + li a {background-position:right -102px;}
.bttm-wrap .one-quick-wrap .quick-list.list-on {margin-bottom:2px; border-radius:4px; border:1px solid #01356e;}
.bttm-wrap .one-quick-wrap .quick-list.list-on li a {background-color:#013878;}
.bttm-wrap .one-quick-wrap .quick-btn {display:block; border:1px solid #01356e; color:#fff; font-weight:bold; background:#013878 url('/images/ico/gnb-quick.png') no-repeat right top; background-size:35px 70px; height:36px; border-radius:4px; padding-left:12px; line-height:36px; display:none;}
.bttm-wrap .one-quick-wrap .quick-btn.btn-on {background-position:right -35px;}

@media screen and (max-height: 620px){
 .bttm-wrap .one-quick-wrap .quick-list {display:none;}
 .bttm-wrap .one-quick-wrap .quick-btn {display:block;}
}



.bttm-wrap .one-search {margin-bottom:30px; position:relative;}
.bttm-wrap .one-search input[type="text"] {padding:7px 30px 7px 12px; border-radius:4px; height:36px;}
.bttm-wrap .one-search input[type="button"] {position:absolute; top:0; right:0; background:url('/images/ico/glob-srch-gray.png') no-repeat center center; background-size:34px 34px; width:36px; height:36px; text-indent:-9999em;}

.bttm-wrap .one-family {background-color:#00356c; border-top:1px solid #002b59; width:100%;}
.bttm-wrap .one-family.family-on {background-color:#001f3f}
.bttm-wrap .one-family > a {display:block; height:49px; line-height:49px; padding-left:30px; color:#fff; font-weight:bold; background:url('/images/ico/gnb-family.png') no-repeat right 0; background-size:50px 100px;}
.bttm-wrap .one-family.family-on > a {background-position:right -50px;}
.bttm-wrap .one-family .extend-menu {background-color:#002c5a; padding:0 30px; position:absolute; bottom:50px; width:100%; box-sizing:border-box; display:none;}
.bttm-wrap .one-family .extend-menu strong {display:block; padding:1.429em 0 1em; border-top:1px solid #4d6c8c; color:#fff;}
.bttm-wrap .one-family .extend-menu strong:first-child {border-top:0;}
.bttm-wrap .one-family .extend-menu ul {margin-bottom:1.429em;}
.bttm-wrap .one-family .extend-menu ul li {font-size:0.857em;}
.bttm-wrap .one-family .extend-menu ul li a {display:block; color:#fff; line-height:140%;}


.depth-two {float:left; width:169px; height:100%; background:#f7f7f7; border-right:1px solid #d9d9d9;}


/* */
.sec {}
.sec:first-child, article .page-title + .sec {margin-top:0;}
.sec.wide {max-width:100%; background-color:#f2f2f2; clear:both; padding-bottom:50px;}
.sec.wide:after {content:""; display:block; clear:both;}
.sec.wide .sec-inner {max-width:1100px; margin:0 auto; padding-top:50px;}
.sec.wide .sec-inner:first-child {}
.page-src {width:100%; font-size:1.143em; margin:2.188em 0 2.375em; line-height:140%; position:relative;}
.page-src .sideA {margin-right:25%;}
.page-src .sideB {position:absolute; bottom:0; right:0;}


@media screen and (max-width: 1024px){
 .page-src .sideA {margin-right:0;}
 .page-src .sideB {display:none;}
}
@media screen and (max-width: 640px){
 .sec {margin:2em auto 0;}
}

.topper-head {width:100%; position:fixed; top:0; background:rgba(255, 255, 255, 0.95); z-index:9000; height:48px;}
.topper-head .spacing {max-width:1100px; padding:0 50px;}
.topper-head .page-acc {max-width:1100px; height:48px; position:relative; margin:0 auto; z-index:20; border-bottom:1px solid #d9d9d9;}
.topper-head.fixed .page-acc {border-bottom:0; padding-bottom:8px; background:url('/images/ico/topper-fix-rpt.png') repeat-x left bottom;}
.fixed-topper {display:none; position:relative; z-index:9100;}
.fixed-topper-inner > h1 {width:156px; margin:14px auto 0;}
.fixed-topper .topper-entire {position:absolute; top:12px; left:15px;}
.fixed-topper .topper-entire > a {background:url('/images/ico/glob-topper-set.png') no-repeat 0 -30px; background-size:250px 250px; width:35px; height:35px; text-indent:-9999em; display:inline-block;}
.fixed-topper .topper-search {position:absolute; top:12px; right:15px; z-index:1;}
.fixed-topper .topper-search .ext-srch-bsc {background-image:url('/images/ico/glob-topper-set.png'); background-repeat:no-repeat; background-size:250px 250px; width:35px; height:35px; text-indent:-9999em;}
.fixed-topper .topper-search .state-view {background-position:-35px -30px;}
.fixed-topper .topper-search .state-close {background-position:-105px -30px; display:none;}
.fixed-topper-inner {margin:0 15px;}
.fixed-topper-area {width:100%;}
@media screen and (max-width: 1260px){
 .fixed-topper {position:fixed; top:0; height:60px; background:#004288; width:100%; display:block;}
 .topper-head {top:60px;}
 .topper-srch {display:none;}
}
@media screen and (max-width: 460px){
 .fixed-topper .topper-entire {top:7px;}
 .fixed-topper {height:50px;}
 .fixed-topper-inner > h1 {width:128px;}
 .fixed-topper .topper-search {top:9px;}
 .fixed-topper .topper-entire > a {background-position:0 -215px; background-size:250px 250px;}
 .fixed-topper .topper-search .state-view {background-position:-35px -215px;}
 .fixed-topper .topper-search .state-close {background-position:-105px -215px;}
}

.topper-srch {width:160px; height:30px; border:1px solid #d1d1d1; border-radius:5px; margin-top:7px; position:relative; float:right;}
.topper-srch .srch-word {height:24px; width:120px; border:0; background-color:#fff; margin:3px; padding:3px 5px; outline:none;}
.topper-srch .srch-btn {position:absolute; top:-1px; right:-1px; width:32px; height:32px; background:url('/images/ico/ico-sns-new.png') no-repeat 0 -230px; text-indent:-9999em;}
.double-fixed .topper-srch {border-radius:0; height:34px; border:0; margin-top:-30px; width:100%; display:none; padding-right:45px; box-sizing:border-box;}
.double-fixed .topper-srch .srch-word {height:34px; line-height:34px; border:0; background-color:#fff; margin:0; padding:0 50px 0 10px; outline:none; width:100%;}
.double-fixed .topper-srch .srch-btn {position:absolute; top:0; right:45px; width:35px; height:35px; background:url('/images/ico/glob-topper-set.png') no-repeat -70px -30px; text-indent:-9999em; background-size:250px 250px;}
.double-fixed .topper-head {top:60px;}

@media screen and (max-width: 1476px){
 .fixed-aside {width:230px;}
}
@media screen and (max-width: 1260px){
 .fixed-aside {display:none;}
}
@media screen and (max-width: 460px){
 .double-fixed .topper-srch .srch-btn {background-position:-70px -215px;}
 .double-fixed .topper-head {top:50px;}
 .double-fixed .topper-srch {top:3px;}
}

.breadcrumbs {float:left;}
.breadcrumbs > li {float:left; font-size:0.929em; position:relative; width:185px; margin-left:-1px;}
.breadcrumbs > li > a {color:#777; display:block; height:100%; line-height:3.333em; padding:3px 2.5em 2px 1.250em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.breadcrumbs > li:first-child {width:34px; height:48px;}
.breadcrumbs > li:first-child a {background:url('/images/ico/ico-set.png') no-repeat -25px 8px; background-size:250px 250px; text-indent:-9999em; padding:0;}
.breadcrumbs > li:before {content:""; position:absolute; width:1px; height:13px; left:0; top:18px; background-color:#d9d9d9;}
.breadcrumbs > li:after {content:""; position:absolute; width:1px; height:13px; right:0; top:18px; background-color:#d9d9d9;}
.breadcrumbs > li.crumbs-on:before, .breadcrumbs > li.crumbs-on:after {top:0; height:48px;}
.breadcrumbs > li > a:after {content:""; display:block; position:absolute; width:8px; height:5px; right:20px; top:23px; background:url('/images/ico/ico-set.png') no-repeat -85px -15px; background-size:250px 250px;}
.breadcrumbs > li:first-child > a:after {background:none;}
.breadcrumbs > li.crumbs-on:after {background-position:-68px -15px; background-size:250px 250px;}
.breadcrumbs > li a.active {color:#004288;}
.breadcrumbs > li:first-child:before {display:none; background:#fff !important;}
.breadcrumbs > li:first-child:after {background:none !important;}
.breadcrumbs > li ol {border:1px solid #e7e7e7; border-top:0; width:auto; position:absolute; top:48px; left:0; background:#fff; display:none; min-width:183px;}
.breadcrumbs > li ol li:first-child a {border-top:0;}
.breadcrumbs > li ol li {padding:0 1.167em;}
.breadcrumbs > li ol li a {white-space:nowrap; padding:1em 0; display:block; border-top:1px solid #eaeaea;}
.breadcrumbs > li ol:before {content:""; display:block; clear:both; position:absolute; top:0; left:184px; width:100%; height:1px; background:#e7e7e7;}
.ie7 .breadcrumbs > li:first-child a {background:url('/images/ico/ico-set-narrow.png') no-repeat -30px 8px;}
.ie8 .breadcrumbs > li:first-child a {background:url('/images/ico/ico-set-narrow.png') no-repeat -30px 8px;}
.ie7 .breadcrumbs > li > a:after {background:url('/images/ico/ico-set-narrow.png') no-repeat -85px -15px;}
.ie8 .breadcrumbs > li > a:after {background:url('/images/ico/ico-set-narrow.png') no-repeat -85px -15px;}
.ie7 .breadcrumbs > li.active:after {background:url('/images/ico/ico-set-narrow.png') no-repeat -68px -15px;}
.ie8 .breadcrumbs > li.active:after {background:url('/images/ico/ico-set-narrow.png') no-repeat -68px -15px;}
@media screen and (max-width: 1550px){
 .breadcrumbs > li {width:170px;}
 .breadcrumbs > li ol:before {left:169px;}
}
@media screen and (max-width: 1320px){
 .breadcrumbs > li {width:155px;}
 .breadcrumbs > li ol:before {left:154px;}
}
@media screen and (max-width: 980px){
 .breadcrumbs > li {width:175px;}
 .breadcrumbs > li ol:before {left:174px;}
}
@media screen and (max-width: 840px){
 .topper-head {display:none;}
}
@media screen and (max-width: 660px){
}

/* basic title */
.page-title {width:100%; position:relative; max-width:1100px; margin:0 auto;}
.page-title:after {content:""; display:block; clear:both;}
.page-title .page-tit {font-size:2.571em; color:#004288; margin:0 auto 1.111em; position:relative; max-width:1100px; float:left;}
.page-title .page-tit.em-tit{margin:0 auto 1.111em;}
.page-title .em-tit em {display:block; font-size:0.444em; margin-bottom:0.313em; color:#333; font-weight:bold; }

.page-title .tit-msg {clear:both; margin:-0.643em 0 2.214em; line-height:150%; position:relative; top:-6px;}

.page-con-top {width:100%; position:relative; max-width:1200px; margin:0 auto 3.143em; font-size:1.143em; line-height:160%;} 
h2.page-tit1 {font-size: 2.286em;
    margin-bottom: 40px;
    font-weight: 600;}
h1.page-tit {font-size:2.5em}
h3.page-tit2 {    font-size: 2em;
    margin-bottom: 20px;
    margin-top: 70px;
    font-weight: 500;
}}

@media screen and (max-width: 1260px){
 .page-title .page-tit {font-size:2.143em; margin-bottom:0.667em; padding-top:4px;}
}
@media screen and (max-width: 840px){
 .page-title {width:100%; position:relative; max-width:1100px; margin:0 auto 30px;}
 .page-title .page-tit {font-size:1.214em; margin-bottom:0.667em; margin:0 -15px; padding:1em 0; text-align:center; font-weight:bold; background:#f7f7f7; border-bottom:1px solid #d2d2d2; float:none;}
 .page-title .em-tit em {display:block; font-size:0.765em;}
 .page-title .page-tit.em-tit {margin:0 -15px;}
}

@media screen and (max-width: 640px){
  .page-con-top {font-size:0.929em}
  h1.page-tit {font-size:2rem;}
  h2.page-tit1 {font-size:1.7rem; color:#333; font-weight:500; padding: 3.5rem 0 1.2rem;}
  h3.page-tit2 {font-size:1.5rem; font-weight:bold; margin-top:70px; margin-bottom:20px;}
  .brd-img-hori {margin-top:10px;}
}

.share-wrap {float:right; margin-top:7px; margin-left:8px;}
.share-wrap > a {background-image:url(/images/ico/ico-sns-new.png); background-repeat:no-repeat; width:32px; height:32px; text-indent:-9999em; font-size:0; float:left; margin-left:6px;}
.share-wrap a.ico-print {background-position:0 -150px; position:relative;}
.share-wrap a.ico-share {background-position:-40px -150px; position:relative;}
.share-wrap.active a.ico-share {background-position:-80px -150px;}
.share-wrap .over-tooltip {position:absolute; top:32px; right:0; width:auto; height:22px; font-size:12px; text-indent:0; padding:10px 15px 0; background:url(/images/ico/ico-tooltip-arr.png) no-repeat top right; color:#666; font-weight:bold; word-break: keep-all; z-index:100;}
.share-wrap .over-tooltip:before {content:""; display:block; position:absolute; left:0; top:0; background:url(/images/ico/ico-sns-new.png) no-repeat -120px -150px; width:10px; height:32px;}
.share-wrap .over-tooltip:after {content:""; display:block; position:absolute; right:0; top:0; background:url(/images/ico/ico-sns-new.png) no-repeat -267px -150px; width:10px; height:32px;}
.share-wrap .sns-new {position:absolute; top:39px; right:0; display:none; padding:13px 9px 0; z-index:9997; background:#fff url(/images/ico/ico-sns-new.png) no-repeat -260px -182px; width:126px; box-sizing:border-box;}
.share-wrap .sns-new:before {content:""; display:block; width:100%; height:13px; position:absolute; background:url(/images/ico/ico-sns-new.png) no-repeat -260px -182px; top:0; left:0;}
.share-wrap .sns-new:after {content:""; display:block; width:100%; height:4px; position:absolute; background:url(/images/ico/ico-sns-new.png) no-repeat -260px -596px; bottom:-4px; left:0;}
.share-wrap .sns-new li {border-top:1px solid #cdcdcd;}
.share-wrap .sns-new li:first-child {border-top:0;}
.share-wrap .sns-new li a {display:block; height:32px; padding:6px 0; padding-left:45px; position:relative; line-height:32px; font-size:0.857em; font-weight:bold;}
.share-wrap .sns-new li a:before {content:""; background:#fff url(/images/ico/ico-sns-new.png) no-repeat 0 -190px; height:32px; width:32px; display:block; position:absolute; top:6px; left:0;}
.share-wrap .sns-new li + li a:before {background-position:-120px -190px;}
.share-wrap .sns-new li + li + li a:before {background-position:-80px -190px;}
.share-wrap .sns-new li + li + li + li a:before {background-position:-40px -190px;}
.share-wrap .sns-new li + li + li + li + li a:before {background-position:-160px -190px;}
.share-wrap .sns-new li + li + li + li + li + li a:before {background-position:-200px -190px;}
.share-wrap .sns-new li + li + li + li + li + li + li a:before {background-position:-200px -190px;}
.share-wrap .sns-new li + li + li + li + li + li + li + li a:before {background-position:-240px -190px;}
.share-wrap .sns-new li.pc-hide {display:none;}


footer .share-wrap {float:none; margin:30px 10px 0; text-align:center;}
footer .share-wrap > a {float:none; display:none;}
footer .share-wrap a.ico-print {width:30px; height:30px; vertical-align:middle; margin-right:2px;}
footer .share-wrap .sns-new {position:static; display:inline-block !important; top:0; right:0; padding:0; z-index:initial; background:none; width:auto;}
footer .share-wrap .sns-new:before, footer .share-wrap .sns-new:after {background:none; display:none;}
footer .share-wrap .sns-new li {display:inline-block; background:none; border:0;}
footer .share-wrap .sns-new li a {text-indent:-9999em; padding:0; width:32px; height:32px;}
footer .share-wrap .sns-new li a:before {padding:0; margin:0; top:0; background-size:240px 300px; background-position:0 -35px;}
footer .share-wrap .sns-new li + li a:before {background-position:-105px -35px;}
footer .share-wrap .sns-new li + li + li a:before {background-position:-70px -35px;}
footer .share-wrap .sns-new li + li + li + li a:before {background-position:-35px -35px;}
footer .share-wrap .sns-new li + li + li + li + li a:before {background-position:-140px -35px;}
footer .share-wrap .sns-new li + li + li + li + li + li a:before {background-position:-175px -35px;}
footer .share-wrap .sns-new li + li + li + li + li + li + li a:before {background-position:-175px -35px;}
footer .share-wrap .sns-new li + li + li + li + li + li + li + li a:before {background-position:-175px -35px;}
footer .share-wrap .sns-new li.pc-hide {display:inline-block;}









.prod-cate {}
.prod-cate > section {max-width:1100px; margin:0 auto;}
.prod-cate .wide {max-width:100%; background-color:#f2f2f2;}
.prod-cate .wide .inner {max-width:1100px; margin:0 auto;}

.prod-cate .summary {font-size:1.143em; padding-bottom:3.125em;}
.prod-cate .summary .key-vi {}
.prod-cate .summary .key-vi:after {content:""; display:block; clear:both;}
.prod-cate .summary .key-vi li {position:relative; float:left; width:21%; margin:2%}
.prod-cate .summary .key-vi li span {position:absolute; z-index:1; width:100%; height:100%; background:url('/en/images/image/prod-round.png') no-repeat; background-size:100% 100%;}
.prod-cate .summary .script {width:100%;}
.prod-cate .summary .script:after {content:""; display:block; clear:both;}
.prod-cate .summary .script p {width:48%; margin:0 2%; float:left; line-height:150%; color:#666;}
.prod-cate .summary .script p:first-child {margin-left:0;}
.prod-cate .summary .script p:last-child {margin-right:0;}
@media screen and (max-width: 640px){
 .prod-cate .summary .script p {width:100%; margin:1% 0; font-size:0.875em;}
}


.prod-cate .prod-group {padding:60px 0 80px;}
.prod-cate .prod-group .inner {position:relative;}
.prod-cate .prod-group .search {margin-right:32px;}
.prod-cate .prod-group .search:after {content:""; display:block; clear:both;}
.prod-cate .prod-group .selectbox {float:left; margin-left:-1px; width:33%;}
.prod-cate .prod-group .selectbox:first-child {margin-left:0;}
.prod-cate .prod-group input[type="button"] {height:40px; width:40px; text-indent: -9999em; position: absolute; top: 0; right: 0; background:#fff url('/images/ico/select-srch.png') no-repeat 2px 3px; background-size: 34px 34px; border: 1px solid #e1e1e1; display: inline-block;}
.prod-cate .prod-group .stch-list {margin-top:15px;}
.prod-cate .prod-group .stch-list > section {background-color:#fff; border-bottom:1px solid #ddd; padding:2.143em 26.429em 2.143em 3.571em; min-height:170px; position:relative; margin-top:10px;}
.prod-cate .prod-group .stch-list > section:first-child {margin-top:0;}
.prod-cate .prod-group .stch-list > section h2 {font-size:1.571em; margin-bottom:0.714em;}
.prod-cate .prod-group .stch-list > section li {background:#fff url('/images/bg/blt-2by1.gif') no-repeat left 0.571em; padding-left:0.857em; margin-bottom:0.286em; color:#666;}
.prod-cate .prod-group .stch-list > section > img {max-width:295px; border:1px solid #e1e1e1; position:absolute; top:2.143em; right:3.571em;}
.prod-cate .tbl-more {background-color:#fff; border:1px solid #e1e1e1;}
@media screen and (max-width: 640px){
 .prod-cate .prod-group .stch-list > section {padding:2.143em;}
 .prod-cate .prod-group .stch-list > section > img {position:static; display:block; margin-top:1em;}

}

.prod-cate .point {position:relative; min-height:360px;}
.prod-cate .point .group {padding:4.286em 0 0; display:block;}
.prod-cate .point .name {color:#004288; font-size:2.429em; padding:0.618em 0 1.382em; line-height:110%;}
.prod-cate .point .prod-info {padding-right:34.286em;}
.prod-cate .point .key-vi {width:100%; max-width:358px;}
.prod-cate .point .key-vi:after {content:""; display:block; clear:both;}
.prod-cate .point .key-vi li:first-child {margin-left:0;}
.prod-cate .point .key-vi li {width:24%; max-width:78px; float:left; margin-left:3%; border:1px solid #e1e1e1;}
.prod-cate .point .prod-info .large {position:absolute; top:0; right:6.786em; max-width:360px;}

.prod-cate .prod-detail {padding:10px 0; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
.prod-cate .prod-detail .inner .sepe {padding:2.714em 0; border-top:1px solid #d7d7d7;}
.prod-cate .prod-detail .inner .sepe:first-child {border-top:0;}
.prod-cate .prod-detail .inner > dl {width:100%;}
.prod-cate .prod-detail .inner > dl:after {content:""; display:block; clear:both;}
.prod-cate .prod-detail .inner > dl dt {width:25%; float:left; font-size:1.571em;}
.prod-cate .prod-detail .inner > dl dd {width:75%; float:left; font-size:1.143em;}
.prod-cate .prod-detail .inner > dl .list li {background:url('/images/bg/blt-2by1.gif') no-repeat left 0.571em; padding-left:0.857em; margin-bottom:0.375em; color:#666;}
.prod-cate .prod-detail .item {}
.prod-cate .prod-detail .item:after {content:""; display:block; clear:both;}
.prod-cate .prod-detail .item li {width:22%; margin-left:4%; padding:1.975em 0; border-radius:4px; background-color:#fff; float:left; border-bottom:1px solid #c9c9c9;}
.prod-cate .prod-detail .item li:first-child {margin-left:0;}
.prod-cate .prod-detail .item li strong {display:block; font-size:1.143em; text-align:center; position:relative; margin-bottom:1.625em;}
.prod-cate .prod-detail .item li strong:before {content:""; display:block; width:85px; height:85px; margin:0 auto 1.975em; background:url('/en/images/bg/prod-detail.png') no-repeat left top; background-size:340px 170px;}
.prod-cate .prod-detail .item li.over strong:before {background-position:0 -85px; background-size:340px 170px;}
.prod-cate .prod-detail .item li a {display:block; width:150px; height:28px; border:1px solid #c9c9c9; margin:2px auto;}
.prod-cate .prod-detail .item li.over strong, .prod-cate .prod-detail .item li.over a {color:#0a5db1 !important;}

.prod-cate .prod-qna {}
.prod-cate .prod-extend {background-color:#f2f2f2; padding:30px;}
.prod-cate .prod-extend .msg {font-size:1.143em; line-height:140%; margin-top:0.625em;}

.prod-cate .prod-extend .write-wrap .brd-write {background-color:#fff; border-bottom:1px solid #e7e7e7;}
.prod-cate .prod-extend .write-wrap p + fieldset {margin-top:10px;}
.prod-cate .prod-extend .write-wrap .brd-write tr:first-child {border-top: 1px solid #e7e7e7;}

.prod-cate .prod-extend .personal-info .subj {font-size:1.429em; margin:1.500em 0 0.750em;}
.prod-cate .prod-extend .personal-info .detail {border:1px solid #e5e5e5; background-color:#fff; padding:2.143em 2.500em;}
.prod-cate .prod-extend .personal-info .detail em {font-size:1.143em;}
.prod-cate .prod-extend .personal-info .detail ul {border-top:1px solid #d7d7d7; margin-top:1.429em;}
.prod-cate .prod-extend .personal-info .detail strong {display:block; margin-top:0.714em; color:#010101;}
.prod-cate .prod-extend .personal-info .detail li:first-child strong {margin-top:1.429em;}
.prod-cate .prod-extend .personal-info .detail p {margin:0.714em 0 0; color:#666;}
.prod-cate .prod-extend .personal-info .detail p:last-child {}
.prod-cate .prod-extend .personal-info .info-agree {margin-top:15px; text-align:right;}
.prod-cate .prod-extend .personal-info .info-sepe {background:url('/images/bg/dot-5by1.gif') repeat-x left top; margin-top:1.429em; padding-top:2.143em;}

/* product catalog */
.catalog-topper {margin-top:40px;}
.catalog-topper:after {content:""; display:block; clear:both;}
.catalog-topper .lang-choice {float:left;}
.catalog-topper .lang-choice-msg {height:36px; line-height:36px; margin-left:10px; display:inline-block; vertical-align:top; font-size:1.143em;}
.catalog-topper .download-viewer {float:right;}

.inner-group {width:100%; font-size:1.143em; margin-top:3.125em;}
.inner-group:first-child {margin-top:1.875em;}
.inner-group:after {content:""; display:block; clear:both;}
.inner-group .group-head {color:#014188; font-size:1.125em; background:#f7f7f7 url('/images/ico/ico-slide-plus.png') no-repeat right center; background-size:77px 60px; display:block; border:1px solid #e1e1e1; padding:0.944em 0 1.111em 1.667em;}
.inner-group .group-head.active-state {background-image:url('/images/ico/ico-slide-minus.png'); background-size:77px 60px;}
.inner-group .group-part {margin-top:10px;}
.inner-group .group-part li {width:100%; display:table;}
.inner-group .group-part li:after {content:""; display:block; clear:both;}
.inner-group .group-part li {border-bottom:1px solid #e7e7e7; min-height:3.750em; padding:0 1.875em; box-sizing:border-box; vertical-align:middle;}
.inner-group .group-part li .part-head {display:table-cell; width:60%; vertical-align:middle;}
.inner-group .group-part li .part-head strong { font-weight:normal; color:#666; display:inline-block;}
.inner-group .group-part li .part-head .first {display:inline-block; min-width:38%; color:#333; margin-right:20px;}
.inner-group .group-part li .link-pack {display:table-cell; text-align:right; vertical-align:middle;}


@media screen and (max-width: 640px){
 .inner-group {font-size:1em;}
 .inner-group .group-part li {padding:0 1em;}
 .catalog-topper .lang-choice {float:none;}
 .catalog-topper .download-viewer {margin:10px 0 -20px;}
 .catalog-topper .lang-choice-msg {font-size:1em;}
 .inner-group .group-part li .part-head strong {display:block;}
 .inner-group .group-part li .part-head .first {font-size:0.714em;}
}

@media screen and (max-width: 640px){
}

/* pdf make */
.pdf-make {border:1px solid #e5e5e5; padding:2.143em 280px 2.143em 2.000em; background-color:#fff; position:relative;}
.pdf-make p {font-size:1.143em;}
.pdf-make ul {margin-top:1.5em;}
.pdf-make ul li {margin-top:0.5em}
.pdf-make .ico-chrome {max-width:206px; position:absolute; top:2.143em; right:2.143em;}

@media screen and (max-width: 640px){
 .pdf-make {padding-right:2.143em;}
 .pdf-make p {margin-right:220px;}
}
@media screen and (max-width: 400px){
 .hidden-tablet, .hidden-mo {display: none;} 
}


@media screen and (max-width: 640px){
 .hidden-tablet {display:none;}
}
@media screen and (max-width: 500px){
 .pdf-make p {margin-right:0;}
 .pdf-make .ico-chrome {display:none;}
}
@media screen and (max-width: 400px){
 .hidden-tablet, .hidden-mo {display: none;}
}



/* sepe style */
.emp {color:#014188 !important;}
.emp-red {color:#e6003e;}
.pos-rela {position:relative;}
.pos-stat {position:static;}
.word-break {display:inline-block;}


/* footer */
footer {}
footer .foot-inner {padding:0 50px;}
footer .foot-size {max-width:1100px; margin:0 auto; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
footer .foot-size:after {content:""; display:block; clear:both;}
footer .foot-inner .foot-menu {max-width:1100px; margin:0 auto; float:left;}
footer .foot-inner .foot-menu:after {content:""; display:block; clear:both;}
footer .foot-inner .foot-menu ul {float:left;}
footer .foot-inner .foot-menu ul:after {content:""; display:block; clear:both;}
footer .foot-inner .foot-menu ul li {float:left; min-height:48px; position:relative;}
footer .foot-inner .foot-menu ul li:after {content:"|"; position:absolute; top:16px; left:0; color:#dadada; font-family:'malgun'; font-weight:normal;}
footer .foot-inner .foot-menu ul li a {padding:16px 0; display:inline-block; margin:0 24px;}
footer .foot-inner .foot-menu ul li:first-child:after {display:none;}
footer .foot-inner .foot-menu ul li:first-child a {margin-left:0;}
footer .foot-inner .foot-family {float:right; min-width:160px; display:none;}
footer  > .foot-family {width:100%; padding:0 15px; box-sizing:border-box; margin:-10px 0 20px;}
footer address {display:block; margin:30px auto; max-width:1100px; font-size:0.857em; padding:0 50px;}
footer address p {margin-bottom:5px; line-height:130%;}

@media screen and (max-width: 1260px){
  footer .foot-inner .foot-family {display:block;}
}
@media screen and (max-width: 730px){
  footer .foot-inner .foot-menu {float:none;}
  footer .foot-inner .foot-menu ul {text-align:center; width:100%;}
  footer .foot-inner .foot-menu ul li {display:inline-block; float:none;}
}
@media screen and (max-width: 580px){
  footer .foot-inner .foot-menu ul {text-align:left; width:100%; padding:12px 0px;}
  footer .foot-inner .foot-menu ul li {display:block; float:left; width:50%; min-height:19px;}
  footer .foot-inner .foot-menu ul li:after {content:"";}
  footer .foot-inner .foot-menu ul li:first-child a {margin-left:0;}
  footer .foot-inner .foot-menu ul li a {padding:7px 0; margin:0 10px;}
  footer .foot-inner .foot-menu ul li:first-child a {margin-left:10px;}
}
@media screen and (max-width: 340px){
  footer .foot-inner .foot-menu ul li a {font-size:0.857em;}
}


/* add new */
/* common img-txt-list */
.img-txt-list li {clear:both; padding:20px 2.728% 0; margin:0 0 20px; border-top:1px dotted #e0e0e0;}
.img-txt-list li:after {content:""; display:block; clear:both;}
.img-txt-list li:first-child {border-top:0;}

.img-txt-list li .con-fl {float:left; width:47%;}
.img-txt-list li .con-fr {float:right; width:47%;}

.img-txt-list dt {float:left}
.img-txt-list dt {margin-right:1.429em}
.img-txt-list dd {padding-top:0.875em}
.img-txt-list dd a {display:block;}
.img-txt-list dd .con-tit {max-height:2.6em; line-height:1.3em; font-size:1.286em; text-indent:-30px; padding-left:30px; color:#000; margin-bottom:0.875em; overflow:hidden; word-wrap:break-word;}
.img-txt-list .over dd .con-tit {color:#2374c5; text-decoration:underline;}
.img-txt-list dd .con-tit .num {font-size:0.857em; color:#fff; height: 22px; width: 22px; line-height:22px; -moz-border-radius: 11px;border-radius: 11px; display:inline-block; text-align:center; margin-right:8px; text-indent:0;}
.img-txt-list dd .con-tit .num.rColor1 {background:#0081c4;}
.img-txt-list dd .con-tit .num.rColor2 {background:#d32f71;}
.img-txt-list dd .con-tit .num.rColor3 {background:#836b2f;}
.img-txt-list dd .con-tit .num.rColor4 {background:#5b6255;}
.img-txt-list dd .con-tit .num.rColor5 {background:#b64017;}
.img-txt-list dd .con-txt {color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin-bottom: 1.500em; height:4em; line-height:130%;}
.img-txt-list dd .con-tit.num-wide {padding-left:;padding-left: 54px;text-indent: -54px;}
.img-txt-list dd .con-tit.num-wide .num {width:46px;}

@media screen and (max-width: 960px){
.img-txt-list li .con-fl, .img-txt-list li .con-fr {float:left; width:100%;}
.img-txt-list li .con-fl {padding-bottom:2.728%; margin-bottom:20px; border-bottom:1px dotted #e0e0e0}
.solution .tab-cnt .tab-tit {padding:0;}
.img-txt-list li {padding:20px 0 0}
}

@media screen and (max-width: 480px){
.img-txt-list .btn-set2 {display:none;}
.img-txt-list dd .con-txt {height:4.000em; position:relative; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
}

/* common table list */
.com-list {width:100%;}
.com-list .pdCol {width:180px;}
.com-list thead {}
.com-list thead th {background-color:#70767b; border:1px solid #7f8589; color:#fff; padding:0.929em 0; font-weight:normal;}
.com-list tbody td {border:1px solid #e7e7e7; padding:0.714em 1.857em; vertical-align:middle; display:table-cell;}
.com-list thead th, .com-list tbody td {text-align:center;}
.com-list .pdCol.hidden, .com-list thead th.hidden {display:revert}
.com-list .ctg-head {float:left; width:34%; display:inline-block; margin-right:2%; color:#333;}
.com-list .ctg-sub {float:left; width:64%; min-height:1.5em; display:inline-block; color:#666;}
.com-list td > span {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.com-list .btn-set2 {font-size:0.786em; font-weight:bold; width:130px;}
.com-list .align-left {text-align:left;}

@media screen and (max-width: 960px){
/*.com-list .ctg-head {display:none;}
.com-list .ctg-sub {width:100%;}*/
}

@media screen and (max-width: 780px){
.com-list .btn-set2 {text-indent:inherit; padding: 0 4.333em 0 1.429em;}
.com-list .btn-set2:after {left:inherit;}
/*.com-list .pdCol {width:100px;}*/
}
@media screen and (max-width: 840px){
.com-list tbody td {display:inline-block; width:100%; padding:0.357em 0.928em; background:#f7f7f7}
.com-list td > span {white-space:normal;}
.com-list .ctg-head, .com-list .ctg-sub {float:none; width:auto; display:inline;}
.com-list td.swbtn01 {border-top:0;}
.com-list td.swbtn01 .btn-set2 {margin:0 2px}
.com-list .pdCol.hidden, .com-list thead th.hidden {display:none;}
.swbtn02.hidden {display:none;}
}
/*@media screen and (max-width: 640px){
.com-list tbody td {display:inline-block; width:100%; padding:0.357em 0.928em; background:#f7f7f7}
.com-list td > span {white-space:normal;}
.com-list .ctg-head, .com-list .ctg-sub {float:none; width:auto; display:inline;}
.com-list td.swbtn01 {border-top:0;}
.com-list td.swbtn01 .btn-set2 {margin:0 2px}
.com-list .hidden {display:none;}
}*/
@media screen and (max-width: 400px){
.com-list .ctg-head, .com-list .ctg-sub {display:block;}
.com-list .ctg-sub {margin-top:0.357em}
.com-list .btn-set2 {width:100px; padding:0 1.429em 0 1.429em }
}

/* common inquiry */
.com-inquiry {margin-top:4.546%;}
.com-inquiry.on {padding-bottom:4.5%;}
.com-inquiry.title-con {border:1px solid #d9d9d9; background:#f2f2f2;}
.com-inquiry .in-tit {height:60px; line-height:60px; background:#fff; font-size:1.714em; position:relative;}
.com-inquiry .in-tit a {padding:0 30px; display:block;}
.com-inquiry .in-tit a:after {content:""; display:block; position:absolute; top:50%; margin-top:-10px; right:4%; width:20px; height:20px; background:url('/images/ico/faq-set.png') no-repeat -78px -8px; background-size:250px 250px;}
.com-inquiry.on a:after {background-position:-113px -8px}

.com-inquiry .in-con-block {display:none;}
.com-inquiry .in-txt {}
.com-inquiry .in-con { margin:30px 0 40px;}
.com-inquiry.title-con .in-con { margin:30px 30px 40px 30px;}

.com-inquiry .brd-write textarea {height:130px;}
.com-inquiry .agree-tit {font-size:1.429em}
.com-inquiry .agree-tit span {font-size:0.700em}
.com-inquiry .out-box {border:1px solid #e5e5e5; background:#f2f2f2; padding:20px; margin-top:18px;}

.com-inquiry .agree-con {border:1px solid #e5e5e5; background:#fff; padding:20px 36px;}
.com-inquiry.title-con .agree-con {background:#fff; margin-top:18px;}
.com-inquiry .agree-con > p {font-size:1em; padding-bottom:1.428em; color:#666;}
.com-inquiry .agree-con > p > strong {margin-bottom:0.714em; display:block; font-size:1.143em;}

.com-inquiry .in-box {border:1px solid #e5e5e5; background-color:#f5f5f5; padding:1.429em 1.786em; height:80px; overflow-x:hidden; overflow-y:scroll}
.com-inquiry .in-box ol li {margin-top:1.214em;}
.com-inquiry .in-box ol li:first-child {margin-top:0;}
.com-inquiry .in-box ol li strong {color:#000;}
.com-inquiry .in-box ol li p {margin:0.714em 0; color:#666;}
.com-inquiry .info-agree {text-align:center; margin-top:20px;}
.com-inquiry .input-gra-check label, .com-inquiry .input-gra-radio label {color:#014188;}
.com-inquiry .bgwhite {background:#fff;}

.com-inquiry .brd-write input[type="text"], .com-inquiry .brd-write input[type="password"], .com-inquiry .brd-write select {max-width:300px; width:100%;}
.com-inquiry .brd-write input[type="text"].wid-all, .com-inquiry .brd-write input[type="password"].wid-all, .com-inquiry .brd-write textarea.wid-all {width:100%; max-width:inherit;}


@media screen and (max-width: 640px){
.com-inquiry .in-tit {height:40px; line-height:36px; font-size:1.286em}
.com-inquiry .in-tit a {padding:0 15px;}
.com-inquiry.title-con .in-con {margin:30px 15px 15px;}
.com-inquiry .agree-con {padding:15px;}
.com-inquiry .agree-tit {font-size: 1.143em;}
.com-inquiry .agree-tit span {display:block;}
.com-inquiry .out-box {padding:15px;}
.com-inquiry .agree-con > p {font-size: 0.857em;}
.com-inquiry .in-box {font-size: 0.857em;}
.com-inquiry .btn-loc{padding:0 15px}
.com-inquiry .info-agree {margin-top:10px;}
}


/* ceo msg */
.tab1 .ceo-msg {position:relative; border-bottom:1px solid #2374c5; padding:4.286em 0 2.429em;}
.tab1 .ceo-msg img {width:auto; }
.tab1 .ceo-msg .msg {position:relative; width:565px; height:308px; font-size:1.143em; line-height:1.750em; padding-left:0.625em; margin-top:2.000em; z-index:2;}
.tab1 .ceo-msg .ceo-img {position:absolute; right:0; bottom:0; z-index:1;}
.tab1 .ceo-msg .ceo-img img {width:100%;}
.tab1 .signature img {width:172px; margin-left:-15px;}
.tab1 .ceo-msg .signature {font-size:1em; font-weight:bold; color:#666666; margin-top:3.571em;}

.tab1 .history .history-item {overflow:hidden; padding:2.857em 0; border-top:1px solid #e1e1e1;}
.tab1 .history .history-item:after {content:""; display:block; clear:both;}
.tab1 .history .history-item:first-child {border-top:0;}
.tab1 .history h2 {float:left; width:220px; padding-left:0.5em; font-size:1.429em; font-weight:bold;}
.tab1 .history ol {float:left;}
.tab1 .history ol li {font-size:1.143em; margin-top:1.063em; padding-left:5.750em; text-indent:-5.750em;}
.tab1 .history ol li:first-child {margin-top:0;}
.tab1 .history ol li span {padding-right:1.875em; font-weight:bold; color:#458acf;}
.tab1 .history ol.no-indent li {text-indent:0; padding-left:0;}

@media screen and (max-width: 930px){
  .tab1 .ceo-msg {padding:4.286em 0 12.143em;}
  .tab1 .ceo-msg .ceo-img {width:430px;}
  .tab1 .ceo-msg .msg {width:490px; height:235px; font-size:1em; line-height:1.5em; padding-left:0.714em; margin-top:2.286em;}
  .tab1 .ceo-msg .signature {font-size:1em; font-weight:bold; color:#666666; margin-top:3.571em;}
  .tab1 .history .history-item {overflow:hidden; padding:1.429em 0; border-top:1px solid #e1e1e1;}
  .tab1 .history h2 {float:none; margin-bottom:0.625em; padding-left:0.625em; font-size:1.143em; font-weight:bold;}
  .tab1 .history ol {float:none; padding-left:0.625em;}
  .tab1 .history ol li {font-size:1em; margin-top:0.500em;}
}
@media screen and (max-width: 530px){
  .tab1 .ceo-msg .msg {width:95%; height:auto; padding-right:5%; text-align:justify;}
  .tab1 .ceo-msg {padding:4.286em 0 0;}
  .tab1 .ceo-msg .ceo-img {width:350px; position:relative; margin-left:auto;}
  .tab1 .ceo-msg .signature img {width:140px; height:auto;}
  .tab1 .history h2 {padding-left:0;}
  .tab1 .history ol {padding-left:0;}
  .tab1 .history ol li span {padding-right:1.429em; font-weight:bold; color:#458acf;display:inline-block;}
  .tab1 .history ol li {padding-left: 4.5em; text-indent: -2em; display:block;}
  .tab-cnt .tab1:first-child ol li {padding-left: 6.5em; text-indent: -2.9em; display:block;}
  .tab1 .history {font-family:'Noto Sans KR';}

}
@media screen and (max-width: 430px){
  .tab1 .ceo-msg {height:auto;}
  .tab1 .ceo-msg img:first-child {width:100%;}
  .tab1 .ceo-msg .msg {height:auto; font-size:0.857em;}
  .tab1 .ceo-msg .ceo-img {width:300px;}
  .tab1 .ceo-msg .signature {font-size:0.857em;}
}

.tab2 .history {margin-top:50px;}
.tab2 .history:after {content:""; display:block; clear:both;}
.tab2 .history .history-item {float:left; overflow:hidden; width:46%; padding:4.286em 9% 4em 9%; background:#fafafa; box-sizing:border-box;}
.tab2 .history .history-item + .history-item {margin-left:8%;}
.tab2 .history .history-item img {display:block; max-width:300px; margin:0 auto;}
.tab2 .history .history-item h2 {margin-bottom:0.8em; font-size:1.571em; font-weight:normal;}
.tab2 .history .history-item h2 span {display:block; margin-bottom:2px; color:#458acf; font-size:0.682em; font-weight:normal; vertical-align:middle;}
.tab2 .history h3 {position:relative; margin:2.5em 0 0.938em; font-size:1.143em; font-weight:bold;}
.tab2 .history h3:before {content:""; position:absolute; left:0; top:-14px; width:16px; height:1px; background:#458acf;}
.tab2 .history ol li {position:relative; font-size:1em; margin-top:0.625em; padding-left:56px;}
.tab2 .history ol li:first-child {margin-top:0;}
.tab2 .history ol li span {position:absolute; left:0; top:1px; font-weight:bold; color:#458acf;}

@media screen and (max-width: 1000px){
 .tab2 .history .history-item {padding:4.286em 5% 4em 5%;}
}
@media screen and (max-width: 800px){
 .tab2 .history .history-item {width:50%;}
 .tab2 .history .history-item + .history-item {margin-left:0;}
 .tab2 .history .history-item h2 {text-align:left;}
 .tab2 .history .history-item h2 span {margin-bottom:0.3em;}
 .tab2 .history h3:before {top:-7px;}
}
@media screen and (max-width: 645px) {
 .tab2 .history .history-item {float:none; width:100%;}
 .tab2 .history .history-item img {margin:0;}
}
@media screen and (max-width: 400px) {
 .tab2 .history .history-item {padding:3em 10% 3em 10%;}
 .tab2 .history .history-item + .history-item {padding-top:0;}
 .tab2 .history .history-item h2 {font-size:1.286em;}
 .tab2 .history h3 {font-size:1em;}
 .tab2 .history ol li {padding-left:46px; font-size:0.857em;}
}

/* overview */
.overview-box {position:relative; min-height:596px; margin-bottom:3.125em;}
.overview-box img {position:absolute; top:0; right:0; width:46%; max-width:505px;}
.overview-box .overview-msg dt {margin-right:50.5%; margin-bottom:1.786em; color:#000; font-size:1.571em;}
.overview-box .overview-msg dt strong {display:block; padding-top:0.238em; font-size:1.273em; font-weight:normal;}
.overview-box .overview-msg dt strong span {color:#004288; font-weight:bold;}
.overview-box .overview-msg dd {margin-right:50.5%; margin-bottom:2em; font-size:1.143em;}


@media screen and (max-width:920px) {
 .overview-box .overview-msg dd + dd + dd {margin-right:0;}
 }

@media screen and (max-width:880px) {
 .overview-box img {width:260px;}
 .overview-box .overview-msg dt {margin-right:340px;}
 .overview-box .overview-msg dd {margin-right:340px;}
 .overview-box .overview-msg dd + dd {margin-right:0;}
}

@media screen and (max-width:640px) {
 .overview-box img {position:static; display:block; width:80%; padding:0 10%; margin-bottom:5%;}
 .overview-box .overview-msg dt {margin-right:0;}
 .overview-box .overview-msg dd {margin-right:0;}
}

@media screen and (max-width:400px) {
.overview-box .overview-msg dt {margin-bottom:1em; font-size:1em;}
.overview-box .overview-msg dt strong {font-size:1.429em;}
.overview-box .overview-msg dd {font-size:1em;}
}

.overview h2 {margin-bottom: 20px;
    color: #333;
    font-size: 1.571em;
}
.overview h2 + div {    position: relative;
    padding: 60px 0;
    border-top: 1px solid #d7d7d7;}
.overview h2 + div .standard {position:absolute; right:0; top:-34px; color:#666;}

@media screen and (max-width:400px) {
 .overview h2 + div .standard {top:-24px; font-size:0.857em;}
 }

.list-ea5 {}
.list-ea5:after {content:""; display:block; clear:both;}
.list-ea5 li {float:left; width:19.2%; margin-left:1%; background:#f8f8f8;}
.list-ea5 li.fir {margin-left:0;}
.list-ea5 li .company-info {position:relative; height:161px; padding:12% 5% 12% 8%;}
.list-ea5 li .company-info:before {content:""; position:absolute; bottom:12%; right:12%; display:block; width:173px; height:85px; background:url('/en/images/ico/ico-overview.png') no-repeat; background-size:173px auto; z-index:1;}
.list-ea5 li.fir + li + li + li + li .company-info:before {right:5%;}

.ie7 .list-ea5 li .company-info:before,
.ie8 .list-ea5 li .company-info:before {background-image:url('/en/images/ico/ico-overview-narrow.png');}

.list-ea5 .fir .company-info:before {background-position:0 0;}
.list-ea5 .fir + li .company-info:before {background-position:0 -85px;}
.list-ea5 .fir + li + li .company-info:before {background-position:0 -170px;}
.list-ea5 .fir + li + li + li .company-info:before {background-position:0 -255px;}
.list-ea5 .fir + li + li + li + li .company-info:before {background-position:0 -340px;}

.list-ea5 li .company-info .title {position:relative; z-index:2; display:block; margin-bottom:0.625em; color:#666; font-size:1.143em;}
.list-ea5 li .company-info p {position:relative; z-index:2; color:#333; font-size:1.286em;} /*font-size:18px*/
.list-ea5 li .company-info p em {font-weight:bold; font-size:1.667em;} /*font-size:30px*/
.list-ea5 li .company-info p span {display:block; font-size:0.667em;} /*font-size:12px*/

.list-ea5 li .bsns-area {}
.list-ea5 li .bsns-area p {height:40px; line-height:40px; color:#458acf; text-align:center; font-weight:bold; font-size:1.143em;}

@media screen and (max-width:1060px) {
.list-ea5 li .bsns-area p {height:60px; line-height:60px;}
}

@media screen and (max-width:920px) {
.list-ea5 li .company-info .title {font-size:1em;}
.list-ea5 li .company-info p {color:#333; font-size:1.143em;} /*font-size:16px*/
.list-ea5 li .company-info p em {font-weight:bold; font-size:1.5em;} /*font-size:24px*/
.list-ea5 li .company-info p span {display:block; font-size:0.667em;} /*font-size:12px*/
.list-ea5 li:first-child + li .bsns-area p,
.list-ea5 li:first-child + li + li .bsns-area p {font-size:1.071em;}
}
@media screen and (max-width:760px) {
.list-ea5 li {float:left; width:49%; margin-left:2%; margin-bottom:2%;}
.list-ea5 li:nth-child(2n+1) {margin-left:0;}
.list-ea5 li.full {width:100%; margin-bottom:0;}
.list-ea5 li .bsns-area p {height:40px; line-height:40px; font-size:0.929em;}
.list-ea5 li:first-child + li .bsns-area p,
.list-ea5 li:first-child + li + li .bsns-area p {font-size:0.929em;}
.list-ea5 li.fir + li + li + li + li .company-info:before {right:3%;}

.list-ea5 li .company-info {position:relative; height:65px; padding:30px 15px 30px 20px;}
.list-ea5 li .company-info:before {bottom:50%; right:20px; margin-bottom:-43px;}
}
@media screen and (max-width:400px) {
 .list-ea5 li {float:left; width:100%; margin-left:0%; margin-bottom:5%;}
 .list-ea5 li .company-info {position:relative; height:60px; padding:30px 15px;}
 .list-ea5 li .company-info:before {bottom:50%; right:20px; margin-bottom:-43px;}
}


/* image large view*/
.img-lar-view {position:relative;}
.lar-view-pop {position:absolute; bottom:0; right:0;}
.lar-view-pop .btn-zoom {display:none; padding:0 34px 0 10px; font-size:0.857em; color:#666; line-height:28px; border:1px solid #d7d7d7; background:#fff;}
.lar-view-pop .btn-zoom:after {content:''; position:absolute; top:50%; right:10px; width:12px; height:12px; margin-top:-6px; background:url('/en/images/ico/btn-zoom.png') no-repeat 0 0; background-size:12px 12px;}

@media screen and (max-width: 639px){
 .lar-view-pop .btn-zoom {display:block;}
}

/* privacy */
.privacy {font-size:1em; line-height:1.5em;}
.privacy .dot-list {}
.privacy .dot-list li {background:url('/en/images/bg/dot-3by3-blue.gif') no-repeat 0 12px; padding-left:15px; margin-bottom:1%;}
.privacy .dot-list a {text-decoration:underline; color:#2374c5;}

.privacy-index {margin:4% 0;}
.privacy-index .inner { background:#f7f7f7; border:1px solid #e1e1e1; padding:3.2728%;}
.privacy-index .inner:after {content:""; display:block; clear:both;}
.privacy-index li {margin-bottom:1%;}
.privacy-index li.on a { font-weight:bold; color:#2374c5;}
.privacy-index li.on a::after {content:""; position:relative; top:5px; width:18px; height:18px; display:inline-block; margin-left:10px; background:url('/en/images/ico/ico-link.png') no-repeat 0 0;}

@media screen and (max-width:680px) {
.privacy {font-size:1em;}
.privacy .dot-list li {background-position:0 10px;}
}

@media screen and (max-width:900px) {
.privacy-index {font-size:0.875em}
.privacy-index li.on a::after {top:3px; width:14px; height:14px; background-size:cover;}
}

.privacy-index .pi-left {float:left; width:49%;}
.privacy-index .pi-right {float:right; width:49%;}
.privacy-index .pi-etc {margin-top:1%; text-align:right; font-size:0.750em; color:#666;}

@media screen and (max-width:800px) {
.privacy-index .pi-left, .privacy-index .pi-right {float:none; width:100%;}
}

.privacy .pi-box {padding-top:2%; margin-top:3%; border-top:1px solid #e1e1e1;}
.privacy .pi-box.first {padding-top:0; margin-top:0; border-top:0;}

.privacy .pi-box p {margin-bottom:1.82%;}
.privacy .pi-box .pi-tit {margin-bottom:1.455%; font-size:1.250em; color:#2374c5;}
.privacy .pi-box .pi-tit2 {margin-bottom:1.455%; font-size:1.250em; color:#002c59;}
.privacy .pi-box .pi-list {}
.privacy .pi-box .pi-list li {margin-bottom:0.5%;}
.privacy .pi-box .pi-list > li {padding-left:1.637%; text-indent:-1.637%;}
.privacy .pi-box .pi-list li ul {margin:0.5% 0 1.5% -1%;}
.privacy .pi-box .pi-list li p {font-size:0.875em; line-height:normal; margin-left:-1.637%; text-indent: 0;}
.privacy .pi-box .pi-list li ul.dark-color li {color:#333;}
.privacy .pi-box .pi-list li li {color:#666; font-size:0.875em; padding-left:1.82%; text-indent: -1.02%; line-height:normal;}
.privacy .pi-box .pi-list li li ul {margin-left:0;}
.privacy .pi-box .pi-list li li li {color:#666 !important; font-size:0.929em; padding-left:0.91%; text-indent: -0.91%; line-height:normal;}
.privacy .pi-box .pi-etc-txt {display:block; font-size:0.875em; color:#666;}

.privacy .brd-wrap { font-weight:normal; font-size:0.875em}
.privacy .brd-wrap td {padding-left:20px; line-height:1.4em;}
.privacy .brd-wrap .center { font-weight:normal; padding:9px 0 10px}
.privacy .pi-box.last p{margin-bottom:0;}

/* topic */
.toppic {}
.topic .btn-loc {margin-top:45px; padding-top:25px; border-top:1px solid #e1e1e1;}
.topic .btn-pop {position:relative; display:inline-block; color:#2374c5; text-decoration:underline; font-weight:bold; font-size:1.143em;}
.topic .btn-pop:after {content:""; position:absolute; top:0; right:-10px; width:4px; height:100%; background:url('/en/images/ico/ico-arr-right.png') 0 center no-repeat;}

.toppic-top {border-top:1px solid #2f8ad7; padding:14px 0;}
.toppic-top span {float:left; width:50%; font-size:1.286em; color:#000; text-align:center;}
.toppic-top:after {content:""; display:block; clear:both;}

.topic-sec {clear:both; border-top:1px solid #e1e1e1; padding-top:32px; margin-top:32px; line-height:1.8em; display:table; width:100%;}
.topic-sec:after {content:""; display:block; clear:both;}
.topic-sec.ts01 { margin-top:0;}

.topic-sec .ts-future, .topic-sec .ts-img, .topic-sec .ts-activity {display:table-cell; vertical-align:middle;}
.topic-sec .ts-future { width:34.5%;}
.topic-sec .ts-img { width:28.5%;}
.topic-sec .ts-img .inner {position:relative; width:94%; margin:0 auto; background:url('/en/images/intro/bg-topic.gif') no-repeat 50% 50%; background-size:contain;}
.topic-sec .ts-img .inner .in-circle {position:relative; border-radius:50%; border:1px solid #c1cdd9; margin:0 auto; width:178px; height:178px; background:#fff url('/en/images/intro/ico-ts01.gif') no-repeat 50% 50%;}
.topic-sec .ts-img .inner .in-circle .ts-topic {position:absolute; top:23px; left:23px; width:70%; text-align:center; font-size:1.143em; color:#666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.topic-sec .ts-img .inner .in-circle .ts-tit {position:absolute; bottom:34px; left:23px; width:75%; line-height:1; text-align:center; font-size:1.143em; color:#2374c5; font-weight:bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.topic-sec .ts-img .inner .in-circle .ts-tit em {display:block;}
.topic-sec .ts-activity { width:37%;}

.topic-sec.ts01 .ts-img .inner .in-circle .ts-tit {bottom:15px;}
.topic-sec.ts04 .ts-img .inner .in-circle .ts-tit,
.topic-sec.ts06 .ts-img .inner .in-circle .ts-tit,
.topic-sec.ts07 .ts-img .inner .in-circle .ts-tit {bottom: 24px;}

.topic-sec.ts01 .ts-img .inner .in-circle { background:#fff url('/en/images/intro/ico-ts01.gif') no-repeat 50% 50%;}
.topic-sec.ts02 .ts-img .inner .in-circle { background:#fff url('/en/images/intro/ico-ts02.gif') no-repeat 50% 50%;}
.topic-sec.ts03 .ts-img .inner .in-circle { background:#fff url('/en/images/intro/ico-ts03.gif') no-repeat 50% 50%;}
.topic-sec.ts04 .ts-img .inner .in-circle { background:#fff url('/en/images/intro/ico-ts04.gif') no-repeat 50% 50%;}
.topic-sec.ts05 .ts-img .inner .in-circle { background:#fff url('/en/images/intro/ico-ts05.gif') no-repeat 50% 50%;}
.topic-sec.ts06 .ts-img .inner .in-circle { background:#fff url('/en/images/intro/ico-ts06.gif') no-repeat 50% 50%;}
.topic-sec.ts07 .ts-img .inner .in-circle { background:#fff url('/en/images/intro/ico-ts07.gif') no-repeat 50% 50%;}

.topic-sec .bg-dot li {background:url('/en/images/bg/bg-dot.png') 0 0.76em no-repeat; padding-left:1em;}
.topic-sec sup {vertical-align: super; font-size: smaller; text-transform: uppercase; font-size:0.786em}

@media screen and (max-width:1100px) {
.topic-sec .ts-img .inner {background:none;}
}

@media screen and (max-width:800px) {
.topic-sec {font-size:0.929em}
.topic-sec .ts-img .inner .in-circle {width:140px; height:140px;}
.topic-sec .ts-img .inner .in-circle .ts-tit {font-size:1em; left: 13px; width: 82%; bottom:30px; line-height:1.1;}

.topic-sec.ts01 .ts-img .inner .in-circle .ts-tit {bottom:13px;}
.topic-sec.ts04 .ts-img .inner .in-circle .ts-tit,
.topic-sec.ts06 .ts-img .inner .in-circle .ts-tit,
.topic-sec.ts07 .ts-img .inner .in-circle .ts-tit {bottom: 20px;}

.topic-sec.ts01 .ts-img .inner .in-circle { background:#fff url('/en/images/intro/ico-ts01.gif') no-repeat 50% 50%; background-size:50px auto;}
.topic-sec.ts02 .ts-img .inner .in-circle { background:#fff url('/en/images/intro/ico-ts02.gif') no-repeat 50% 50%; background-size:50px auto;}
.topic-sec.ts03 .ts-img .inner .in-circle { background:#fff url('/en/images/intro/ico-ts03.gif') no-repeat 50% 50%; background-size:50px auto;}
.topic-sec.ts04 .ts-img .inner .in-circle { background:#fff url('/en/images/intro/ico-ts04.gif') no-repeat 50% 50%; background-size:50px auto;}
.topic-sec.ts05 .ts-img .inner .in-circle { background:#fff url('/en/images/intro/ico-ts05.gif') no-repeat 50% 50%; background-size:50px auto;}
.topic-sec.ts06 .ts-img .inner .in-circle { background:#fff url('/en/images/intro/ico-ts06.gif') no-repeat 50% 50%; background-size:50px auto;}
.topic-sec.ts07 .ts-img .inner .in-circle { background:#fff url('/en/images/intro/ico-ts07.gif') no-repeat 50% 50%; background-size:50px auto;}
}

.topic-sec.re-sec {padding:0; margin:6% 0 0; display:block; font-size:0.857em; border-top:0;}
.topic-sec.re-sec .ts-future, .topic-sec.re-sec .ts-img, .topic-sec.re-sec .ts-activity {display:table; width:100%;}
.topic-sec.re-sec .ts-future {border-top:1px solid #e1e1e1;}
.topic-sec.re-sec .ts-future, .topic-sec.re-sec .ts-activity {border-bottom:1px solid #e1e1e1;}
.topic-sec.re-sec .ts-future:after,
.topic-sec.re-sec .ts-activity:after {content:""; display:block; clear:both;}
.topic-sec.re-sec .ts-img {display:none;}
.topic-sec.re-sec .ts-f-tit,
.topic-sec.re-sec .ts-a-tit {width:20%; padding:0 1%; display:table-cell; text-align:center; vertical-align:middle; color:#333; background:#fafafa;}
.topic-sec.re-sec .ts-future > p,
.topic-sec.re-sec .ts-activity > .bg-dot {width:75%; display:table-cell; padding:3% 1% 3% 2%;}
.topic-sec.re-sec .re-topic {margin-bottom:2%;}
.topic-sec.re-sec .re-topic .re-topic-tit1 {border-radius:1em; padding:0 10px; height:20px; line-height:20px; display:inline-block; font-size:1.083em; color:#fff; background:#458acf;}
.topic-sec.re-sec .re-topic .re-topic-tit2 { font-weight:bold; color:#333; font-size:1.167em; margin-left:5px;}
.topic-sec.re-sec .re-topic .re-topic-tit2 em {font-weight:bold;}

@media screen and (max-width:680px) {
.topic .btn-loc {margin-top:0; padding-top:25px; border-top:0 none;}
.topic .btn-pop {font-size:0.929em;}
.toppic-top {display:none;}
.topic-sec .ts-img .inner .in-circle .ts-tit em {display:inline-block;}
}

/*지속가능경영 0104*/
 .esh h2{font-size:1.571em; padding:2em 0 1.5em;}
 .esh .policy-h2{border-bottom:1px solid #e1e1e1;}
 .esh p{font-size:1.142em; line-height:1.5em;}
 .esh .policy-box{position:relative; margin-top:2.5em;}
 .esh .policy{padding-right:380px; width:55%;}
 .esh .policy-box img{position:absolute; width:auto; right:40px; top:0; border:1px solid #e1e1e1;}
 .esh .policy > p{ font-weight:bold; margin:0 0 1.5em;}
 .esh .policy li h3{font-size:1.142em; margin-bottom:0.5em;}
 .esh .policy li p{font-size:1em; margin-bottom:2.142em;}
 .esh-report-box{position:relative; border:1px solid #e1e1e1; box-sizing:border-box; background:#f7f7f7; padding:2.142em;}
 .esh-report-box p{font-size:1em; padding:20px 0 20px 100px;}
 .esh-report-box p:before{content:''; display:block; position:absolute; top:50%; left:20px; width:83px; height:83px; margin-top:-42px; background:url('/en/images/ico/ico-report.png') no-repeat; background-size:83px;}
 .esh-report-box p span{color:#2374c5;}

 @media screen and (max-width: 850px){
 .esh h2{font-size:1.285em; padding:2em 0 1.5em;}
 .esh p{font-size:1em; line-height:1.5em;}
 .esh .policy li h3{font-size:1em; margin-bottom:0.5em;}
 .esh .policy li p{font-size:0.857em; margin-bottom:2.142em;}
 .esh-report-box p{font-size:0.857em; padding-left:100px;}
 .esh .policy{width:auto;}
 .esh .policy-box img{right:20px;}
 }
 @media screen and (max-width: 700px){
 .esh .policy-box{text-align:center;}
 .esh .policy-box img{position:relative; right:0;}
 .esh .policy{width:100%; padding-right:0; text-align:left;}
 }
 @media screen and (max-width: 640px){
 .esh-report-box p:before{left:10px;}
 .esh-report-box p{font-size:1em; padding:10px 0 10px 80px;}
 }
 

/*보고서*/
.report{font-size:1em; padding-top:0.2em;}
.report > p{font-size:1.142em; line-height:1.5em; margin-bottom:2.5em; padding:3.5rem 0 1.5rem;}
.report-download-box{overflow:hidden; margin-bottom:2.5em; padding:7% 5% 7% 10.09%;  background:url('/kr/images/bg/bg-report.png') 50% 100% no-repeat; background-size:cover;  font-size:1em; }
.report-download-box img{float:left;}
.report-download-box div{font-size:1em; margin-left:4em; width:280px; float:left;}
.report-download-box div h2{color:#2374c5; font-size:1.428em; margin:1em 0;}
.report-download-box div p{line-height:1.714em; margin-bottom:2.5em;}
.report-download-box div > a{margin-top:5px; width:120px; font-weight:bold;}
.report-download-box div > a.brocchureBtn {width:200px}
.report > h2{font-size:1.571em; padding:0 0 1.5em;}

.report-list ul li{display:inline-block; width:20%; min-width:200px; margin:0 2% 5em;}
.report-list ul li > img{margin-bottom:10px;}
.report-list ul li > a{display:block; min-width:202px; margin-top:5px; height:32px; font-weight:bold;}

.esh-report-box{position:relative; border:1px solid #e1e1e1; box-sizing:border-box; background:#f7f7f7; padding:2.142em;}
.esh-report-box div{font-size:1em; line-height:1.571em; padding-left:100px; }
.esh-report-box div:before{content:''; display:block; position:absolute; top:20px; left:20px; width:100px; height:100%; background:url('/en/images/ico/ico-box-before.png') no-repeat; background-size:83px;}
.esh-report-box div ul li{display:inline-block; padding-left:1em; margin:1em 0 0 4.3em; background:url('/en/images/bg/bg-dot.png') 0 no-repeat;}
.esh-report-box div ul li:first-child{margin-left:0;}

@media screen and (max-width: 1050px){
.report-list ul li{display:inline-block; width:28%; min-width:200px; margin:0 2% 2em;}
}
@media screen and (max-width: 850px){
.report-download-box{overflow:hidden; margin-bottom:2.5em; padding:7% 10% 5% 10%; background:url('/en/images/bg/bg-report.png') 50% 100% no-repeat; background-size:cover; font-size:1em; }
.esh-report-box div ul li{margin:1em 0 0 2em;}
}
@media screen and (max-width: 739px){
.report{font-size:0.857em;}
.report-list ul{text-align:center;}
.report-list ul li{display:inline-block; width:45%; min-width:200px; margin:0 2% 5em;}
}
@media screen and (max-width: 640px){
.report-download-box img{float:none; width:auto;}
.report .report-download-box{padding:7% 5% 5% 5%; text-align:center}
.report-download-box div{margin-left:0em; text-align:left; width:90%; text-align:center; margin:0 auto; float:none;}
.report-list ul li{min-width:46%; margin:0 1% 5em;}
.report-list ul li > a{display:block; margin-top:5px; min-width:0; height:32px; padding:0 2.846em 0 0.769em;}
.report-list ul li > a span{display:none;}
.esh-report-box div ul li{display:block; margin:0.5em 0 0 0;}
.esh-report-box div:before{content:''; display:block; position:absolute; top:20px; left:10px; width:90px; height:100%; background:url('/en/images/ico/ico-box-before.png') no-repeat; background-size:83px;}
.esh-report-box div{font-size:1em; line-height:1.571em; padding-left:80px; }
}
@media screen and (max-width: 480px){
  .esh .esh-report-box p {padding:80px 0 10px 0;}
  .esh .esh-report-box p:before {top:20px; left:50%; margin-top:0; margin-left:-42px;}
}
/**/
.intro-content h2{font-size:1.7rem; padding:20px 0; font-weight:500;}
.intro-content .policy-h2{border-bottom:1px solid #e1e1e1; margin-bottom:60px;}
.intro-content p{font-size:1.142em; line-height:1.5em;}
.system-process{background:#f9f9f9; margin-top:2.5em; padding:5.714em 0; font-size:1em;}
.system-process > div{position:relative; width:59.09%; margin-left:30%; text-align:center;}
.system-process div p{position:absolute; top:0; left:-40%; min-width:65px; padding:0.2em 1em; border-radius:15px; background:#2d79c4; color:#fff; font-size:1.142em;}
.system-process div.c-values{margin:2em 0 0 30%; padding:5em 0 5em; background:url('/en/images/bg/bg-value.png') center 0 no-repeat; background-size:60%;}
.system-process div.c-values img{width:100%;}
.system-process div.c-values p{top:27%;}
.system-process .operation div{margin-bottom:4.285em; padding:0 4em; border:1px solid #e1e1e1; border-radius:15px; background:#fff;}
.system-process .operation div img{width:100%; max-width:446px;}
.system-process img{width:auto;}
.system-process div.c-values ul{overflow:hidden;}
.system-process div.c-values li{float:left; width:23%; margin:1%;}
.system-process div.c-values li span{display:block; margin-top:1em; font-weight:bold;}
.system-process div.objective{width:70%;}
.system-process div.objective p{left:-34%;}
.system-process div.objective ul{overflow:hidden; padding-right:0.5em;}
.system-process div.objective ul li {margin-bottom:1em; padding-left:1em; background:url('/en/images/bg/bg-dot.png') 0 no-repeat; text-align:left; font-weight:bold;}

.tbl-objective-box{position:relative; padding:2em 0 0 15.45%; margin-top:2em; background: url(/en/images/bg/bg-step.gif) 5.5% 0 repeat-y;}
.tbl-objective-box .left-plan{position:absolute; top:0; left:0; width:11.18%;}
.tbl-objective-box .left-do{position:absolute; top:48%; left:0; width:11.18%;}
.tbl-objective-box .left-see{position:absolute; bottom:-3%; left:0; width:11.18%;}
.tbl-objective-box table{border-top:1px solid #2d79c4;}
.tbl-objective-box table tr:first-child td{border:0;}
.tbl-objective-box table td{border-top:1px solid #e1e1e1; padding:1em 1em 1em 0;}
.tbl-objective-box table td > div{overflow:hidden;}
.tbl-objective-box .tbl-tit-head{float:left; padding-left:1em; font-size:1.142em; font-weight:bold; line-height:1.57em;box-sizing: border-box;width: 21%;}
.tbl-objective-box .tbl-tit-head span{ font-weight:normal;}
.tbl-objective-box .roadmap{float:right; width: 78%; margin:0.5em 0 0;}
.tbl-objective-box .roadmap > ul{overflow:hidden;}
.tbl-objective-box .roadmap > ul li{float:left;width: 25%; margin-bottom:0.5em;box-sizing: border-box;}
.tbl-objective-box .roadmap div{position:relative; width:50%; float:left; margin-bottom:1em; min-height:111px;}
.tbl-objective-box .roadmap div p{position:absolute; top:0; left:0; padding:0 0.714em; border-radius:15px; color:#004287; line-height:1.714em; background:#e4ebf1;}
.tbl-objective-box .roadmap div h3{margin-bottom:1.2em;padding-left:7em; color:#004288; line-height:1.714em; font-weight:bold;}
.tbl-objective-box .roadmap div ul{padding-left:7em;}
.tbl-objective-box .roadmap div ul li{margin:0 0 1em;}
.tbl-objective-box .tbl-text{float:right; width:78%; font-size:1em; line-height:1.814em; box-sizing:border-box;}
.tbl-objective-box .tbl-text span{display:block; padding-right:1.8em; color:#004288; font-weight:bold;}
.tbl-objective-box .see{margin-top:3.3em;}

@media screen and (max-width: 930px){
.tbl-objective-box .roadmap > ul li{width: 33%;}
}

@media screen and (max-width: 869px){
.system{font-size:0.857em;}
.system-process div p{position:absolute; top:0; left:-45%;}
.system-process div.objective p{left:-38%;}
.tbl-objective-box .left-see{position:absolute; bottom:0; left:0; width:11.18%;}
}
@media screen and (max-width: 740px){
.tbl-objective-box .roadmap div{min-height:115px;}
}
@media screen and (max-width: 640px){
.tbl-objective-box .roadmap > ul{padding-bottom:1em;}
.system .policy-h2{font-size:1.7rem; font-weight:500; color:#333;}
.system-process{padding:3em 0 1em;}
.system-process div p{position:absolute; top:0; left:20px;}
.system-process > div{position:relative; width:auto; margin-left:0; text-align:center; padding:4em 3em 2em;}
.system-process .vision img{max-width:357px; width:100%;}
.system-process div.c-values{margin:0; padding: 4em 1em 3em; background:url('/en/images/bg/bg-value.png') center 0 no-repeat; background-size:60%;}
.system-process div.objective p{left:20px;}
.system-process div.c-values p{top:0;}
.tbl-objective-box{padding:2em 0; background:0;}
.tbl-objective-box .left-plan{position:relative; width:auto; text-align:center;}
.tbl-objective-box .left-plan img{width:33.55%; margin-bottom:2em;}
.tbl-objective-box table td > div{overflow:normal; }
.tbl-objective-box .tbl-tit-head{float:none; width:auto; padding-left:0;}
.tbl-objective-box .tbl-text{float:none; width:auto;}
.tbl-objective-box .roadmap{float:none; width:auto; margin-top:1em;}
.tbl-objective-box .roadmap div h3{margin:0.1em 0 0.7em;}
.tbl-objective-box .roadmap div{width:auto; margin-bottom:0; min-height:0; margin-bottom:1.5em;}
.tbl-objective-box table td{border-bottom:1px solid #e1e1e1; padding-bottom:0; }
.tbl-objective-box .left-do{position:relative; width:auto; text-align:center;}
.tbl-objective-box .left-do img{width:33.55%; margin:3em 0 2em;}
.system-process .operation div{margin-bottom:0;}
.br{display:none;}
.tbl-objective-box .left-see{position:relative; width:auto; text-align:center;}
.tbl-objective-box .left-see img{width:33.55%; margin:3em 0 2em;}
.tbl-objective-box .see{margin-top:0;}
.tbl-objective-box .tbl-do ul li{width:45%; margin:0 0 0.857em;}
.tbl-objective-box .see ul li{width:100%; margin:0 0 0.857em;}
.tbl-objective-box .tbl-text{margin:0.5em 0 1.5em;}
}
@media screen and (max-width: 400px){
.system-process div.c-values {padding:4em 0;}
.system-process > div {padding:4em 3em 2em;}
.system-process div.objective {width:100%;}
}
/*기업소개 텝 테이블*/
.tbl-data02 thead th{ font-weight:normal;}
.tbl-data02 tbody th.em{padding:0; color:#333333; background:#f9f9f9; font-weight:normal; text-align:center; vertical-align:middle;}
.tbl-data02 tbody td{padding:15px 20px; text-align:left; vertical-align:top;}
.tbl-data02 tbody td.em{background:#f5f7fa; font-weight:normal; }
.tbl-data02 tbody td p{ font-weight:bold; margin:15px 0 5px; line-height:1.7;}
.tbl-data02 tbody td p:first-child{margin:0 0 5px;}
.tbl-data02 tbody td ul li{margin-bottom:5px; text-indent:-8px; padding-left:7px; line-height:1.5em;}
.tbl-data02 tbody td ul li span{text-indent:-99px;}
.tbl-data02 tbody td.em p{ font-weight:normal; margin:0 0 15px;}

/*대외수상 테이블*/
.tbl-data03 thead th{ font-weight:normal;}
.tbl-data03 tbody td.td_center{ font-weight:normal; text-align:center; padding-left:0; padding-right:0; background:none; color:#333;}
.tbl-data03 tbody td{color:#666; text-align:left;}
.esh .tbl-data03 th.th_center{text-align:center; padding:0;}
.esh .tbl-data03 tbody td{padding:10px;}

/*대주제성과 테이블*/
.topic-title{font-size:1.714em; padding:0.6em 1.25em 0.83em; color:#fff; background:#004288;}
.topic-section{padding:2.142em;}
.topic-pop{margin-top:1.428em;}
.topic-pop thead th{text-align:center; color:#fff; font-size:1em; background:#70767b; vertical-align:middle; padding:0.8em; border:1px solid #7f8589; font-weight: normal;}
.topic-pop tbody th.em{background:#fafafa;}
.topic-pop tbody th.td-center{text-align:center;}
.topic-pop tbody *{vertical-align:middle; padding:0.8em; border:1px solid #e7e7e7; border-top:0; font-weight: normal;}
.topic-pop .td-center{text-align:center;}
.topic-pop .td-right{text-align:right;}

.bg-dot li{background:url('/en/images/bg/bg-dot.png') 0 7px no-repeat; padding-left:12px;}

.rnd-h2:first-child{margin-top:0;}
.award .rnd-h2{margin:60px 0 20px;}
.award .scroll-able-wrap2{min-height:0;}
.rnd-h2{font-size:1.571em; color:#333; margin:2em 0;}
.certification{border-top:1px solid #e1e1e1; background:#fafafa; }
.certification > p{font-size:1.142em; padding:1.5em 1.875em; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; line-height:1em; line-height:1.3em;}
.certification ul{padding:2.142em 0; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#fff; text-align:center; }
.certification ul li{display:inline-block; margin:0 3.571em}
.certification ul li p{font-size:1em; color:#666; margin-top:0.714em;}
.certification ul li img{width:auto;}

@media screen and (max-width: 900px){
.certification ul li{display:inline-block; margin:0 2.571em;}
}
@media screen and (max-width: 800px){
.rnd-h2{font-size:1.285em; margin:1.5em 0;}
.certification{font-size:0.857em;}
.certification ul{overflow:hidden;}
.certification ul li{display:inline-block; margin:0 1.571em; height:220px; float:left; margin-bottom:2em; }

}
@media screen and (max-width: 640px){
.certification ul li{display:block; margin:0 1.571em; height:220px; float:none; margin-bottom:2em; }
}


.rnd-vision h2{    padding-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 1.571em;
    color: #333;
    margin-bottom: 60px;}
.rnd-vision ul.bg-dot li{background:url('/en/images/bg/bg-dot.png') 0 13px no-repeat; font-size:1.142em; line-height:1.75em;}

.intro-h2{font-size:1.571em; color:#333; margin-bottom:1.54em;}
.line-h2{padding-bottom:1.1em; border-bottom:1px solid #e1e1e1;}
.core-value {text-align:center;}
.core-value img{width:54%;}
.core-value ul{overflow:hidden; margin-top:2.142em;}
.core-value ul li{float:left; width:30%; text-align:left;}
.core-value ul li.core-v2{margin:0 2.36%; padding:0 2.36%;}
.core-value ul li.core-v3{float:right;}
.core-value li h3{margin-bottom:0.25em; font-size:1.142em; font-weight:bold;}
.core-value ul li.core-v1 h3{color:#6686a7;}
.core-value ul li.core-v2 h3{color:#8f5467;}
.core-value ul li.core-v3 h3{color:#8f7459;}
.core-value ul li p{line-height:1.571em;}
.vision-property{position:relative; overflow:hidden;}
.vision-property .left-vision{overflow:hidden;}
.vision-property .right-vision{overflow:hidden;}
.vision-property .creative{float:left;}
.vision-property .innovation{float:left;}
.vision-property .technology{float:right;}
.vision-property .partner{float:right;}
.vision-property div div{position:relative; width:32.5%; margin-top:2.142em; padding:2.142em 0 2.142em; border:1px solid #e1e1e1; border-radius:10px; background:#f7f7f7;}
.vision-property div h3{padding:0 10% 0 36.1%; color:#2d79c4; font-size:1.142em; font-weight:bold; margin-bottom:0.2em;}
.vision-property div p{padding:0 10% 0 36.1%; color:#666; line-height:1.571em;}
.vision-property .creative:before{content:''; position:absolute; top:50%; left:8.3%; margin-top:-11%; background:url('/en/images/ico/ico-vision1.png') 0 0 no-repeat; width:23.05%; height:100%; background-size:100%;}
.vision-property .innovation:before{content:''; position:absolute; top:50%; left:8.3%; margin-top:-11%; background:url('/en/images/ico/ico-vision2.png') 0 0 no-repeat; width:23.05%; height:100%; background-size:100%;}
.vision-property .technology:before{content:''; position:absolute; top:50%; left:8.3%; margin-top:-11%; background:url('/en/images/ico/ico-vision3.png') 0 0 no-repeat; width:23.05%; height:100%; background-size:100%;}
.vision-property .partner:before{content:''; position:absolute; top:50%; left:8.3%; margin-top:-11%; background:url('/en/images/ico/ico-vision4.png') 0 0 no-repeat; width:23.05%; height:100%; background-size:100%;}
.vision-property .vision-img{position:absolute; top:19%; left:32.17%; z-index:3; width:35.7%; padding:0 7.54%; box-sizing:border-box; background:url('/en/images/bg/bg-vision.png') 50% no-repeat; background-size:100%;}
.m-t{margin-top:3em;}

@media screen and (max-width: 1150px){
.vision-property .vision-img{position:absolute; top:19%; left:50%; margin-left:-113px; z-index:3; width:226px; padding:0; box-sizing:border-box; background:none;}
}
@media screen and (max-width: 950px){
.rnd-vision{font-size:0.857em;}
.vision-property .vision-img{position:absolute; top:23%; left:50%; margin-left:-90px; z-index:3; width:180px; padding:0; box-sizing:border-box; background:none;}
.vision-property .creative:before{content:''; position:absolute; top:50%; left:4.3%; margin-top:-10%; background:url('/en/images/ico/ico-vision1.png') 0 0 no-repeat; width:20%; height:100%; background-size:100%;}
.vision-property .innovation:before{content:''; position:absolute; top:50%; left:4.3%; margin-top:-10%; background:url('/en/images/ico/ico-vision2.png') 0 0 no-repeat; width:20%; height:100%; background-size:100%;}
.vision-property .technology:before{content:''; position:absolute; top:50%; left:4.3%; margin-top:-10%; background:url('/en/images/ico/ico-vision3.png') 0 0 no-repeat; width:20%; height:100%; background-size:100%;}
.vision-property .partner:before{content:''; position:absolute; top:50%; left:4.3%; margin-top:-10%; background:url('/en/images/ico/ico-vision4.png') 0 0 no-repeat; width:20%; height:100%; background-size:100%;}
}
@media screen and (max-width: 750px){
.vision-property .vision-img{position:absolute; top:23%; left:50%; margin-left:-80px; z-index:3; width:160px; padding:0; box-sizing:border-box; background:none;}
}
@media screen and (max-width: 640px){
.vision-property{margin-top:3em; background:url('/en/images/bg/line-rpt.gif') center 0 repeat-y; }
.vision-property .vision-img{position:relative; top:0; left:0; margin:0 auto; width:52.34%;}

.vision-property div div{margin-top:1.2em; width:100%; box-sizing:border-box;}
.vision-property .creative:before{content:''; position:absolute; top:50%; left:4.3%; margin-top:-30px; background:url('/en/images/ico/ico-vision1.png') 0 0 no-repeat; width:60px; height:60px; background-size:100%;}
.vision-property .innovation:before{content:''; position:absolute; top:50%; left:4.3%; margin-top:-30px; background:url('/en/images/ico/ico-vision2.png') 0 0 no-repeat; width:60px; height:60px; background-size:100%;}
.vision-property .technology:before{content:''; position:absolute; top:50%; left:4.3%; margin-top:-30px; background:url('/en/images/ico/ico-vision3.png') 0 0 no-repeat; width:60px; height:60px; background-size:100%;}
.vision-property .partner:before{content:''; position:absolute; top:50%; left:4.3%; margin-top:-30px; background:url('/en/images/ico/ico-vision4.png') 0 0 no-repeat; width:60px; height:60px; background-size:100%;}

.core-value > p{padding:0 0;}
.core-value img{width:100%;}
.core-value ul li{float:none; width:100%; text-align:left;}
.core-value ul li.core-v2{margin:1em 0; padding:1em 0; border-top:1px dashed #e1e1e1; border-bottom:1px dashed #e1e1e1;}

.m-t{margin-top:1.5em;}
}

.history-top{margin-top:2.643em; padding: 5.45% 4.54%; box-sizing:border-box; background:url('/en/images/image/history-top5.jpg') 50% 100% no-repeat; background-size:cover;  min-height:275px; }
.tab2 .history-top{padding: 5.45% 4.54%; box-sizing:border-box; background:url('/en/images/image/history-top4.jpg') 50% 100% no-repeat; background-size:cover;  min-height:275px; }
.tab3 .history-top{padding: 5.45% 4.54%; box-sizing:border-box; background:url('/en/images/image/history-top.jpg') 50% 100% no-repeat; background-size:cover;  min-height:275px; }
.tab4 .history-top{padding: 5.45% 4.54%; box-sizing:border-box; background:url('/en/images/image/history-top2.jpg') 50% 100% no-repeat; background-size:cover;  min-height:275px; }
.tab5 .history-top{padding: 5.45% 4.54%; box-sizing:border-box; background:url('/en/images/image/history-top3.jpg') 50% 100% no-repeat; background-size:cover;  min-height:275px; }
.history-top > *{width:50%;}
.history-top h2{color:#004288; font-size:1.857em; margin-bottom:1em;}
.history-top p{font-size:1.142em; line-height:1.5em;}
.company-history{position:relative;}
.company-history .year{position:absolute; top:-20px; left:0; width:15.45%; color:#333; font-size:1.857em; text-align:right; box-sizing:border-box; padding-right:1em;}
.company-history .year span{display:block; font-size:0.615em;}
.company-history .year:after{content:''; position:absolute; top:10px; left:100%; width:17px; height:17px; margin-left:-8.5px; background:url('/en/images/bg/bg-ldot.png') 0 no-repeat; background-size:17px;}
.company-history .history-item{margin:0 4.54% 0 15.45%; box-sizing:border-box; border-left:1px solid #e1e1e1; border-bottom:1px solid #a8c1d9;}
.company-history .history-item.last{border-bottom:0;}
.company-history .history-item.last h3:before{content:''; position:absolute; top:0; left:0; width:13px; height:150px; margin-left:-37.5px; background:#fff url('/en/images/bg/bg-sdot.png') 0 0 no-repeat; background-size:13px; }
.company-history .history-item h3{position:relative; color:#458acf; font-size:1.285em; font-weight:bold; margin-bottom:0.3em;}
.company-history .history-item h3:before{content:''; position:absolute; top:50%; left:0; width:13px; height:13px; margin-top:-6px; margin-left:-37.5px; background:url('/en/images/bg/bg-sdot.png') 0 no-repeat; background-size:13px; }
.company-history .history-item p{font-size:1.142em; }
.history-item .history-content:first-child{border-top:0;}
.history-content{position:relative; margin-left:30px; padding:30px 0; border-top:1px dashed #e1e1e1;}
.history-content div{padding:60px 350px 60px 0;}
.history-content div.no-img{padding:0 300px 0 0;}
.history-content img{position:absolute; top:50%; right:0; width:294px; margin-top:-87px; border:1px solid #e1e1e1;}
.btn-history {margin:2.5em auto 0; text-align:center;}
.btn-history a{display:inline-block; min-width:380px; padding:1em 2em 1em 0.5em; color:#fff; background:#458acf url('/en/images/ico/btn-arrow.png') 90% center no-repeat; background-size:15px; font-size:1.142em; font-weight:bold; text-align:center; border-radius:40px;}
.btn-history a span{display:block; margin-top:0.3em; font-size:0.875em;; font-weight:normal;}

@media screen and (max-width: 1000px){
 .history-content div{padding:30px 300px 40px 0;}
 .history-content img{position:absolute; top:50%; right:0; width:250px; margin-top:-74px;}
}
@media screen and (max-width: 850px){
  .history-top{padding: 5.45% 4.54%; box-sizing:border-box; background:url('/en/images/image/history-top5.jpg') 80% 100% no-repeat; background-size:cover;  min-height:0;  font-size:0.857em;}
  .tab2 .history-top{background:url('/en/images/image/history-top4.jpg') 70% 100% no-repeat; background-size:cover; min-height:0;}
  .tab3 .history-top{background:url('/en/images/image/history-top.jpg') 70% 100% no-repeat; background-size:cover; min-height:0;}
  .tab4 .history-top{background:url('/en/images/image/history-top2.jpg') 70% 100% no-repeat; background-size:cover; min-height:0;}
  .tab5 .history-top{background:url('/en/images/image/history-top3.jpg') 70% 100% no-repeat; background-size:cover; min-height:0;}
 .history-top > *{width:50%;}
 .history-top h2{color:#004288; font-size:1.857em; margin-bottom:1em;}
 .history-top p{font-size:1.142em; line-height:1.5em;}
}
@media screen and (max-width: 800px){
 .history-top > p{padding:1em; box-sizing:border-box; color:#fff; background:rgba( 0, 0, 0, 0.6 );}
 .company-history{font-size:0.857em;}
 .company-history .year{font-size:1.7em;}
 .history-content div{padding:30px 230px 25px 0;}
 .history-content img{position:absolute; top:50%; right:0; width:200px; margin-top:-60px;}
}
@media screen and (max-width: 640px){
 .history-top > * {width:100%;}
 .company-history{font-size:0.857em;}
 .history-content{padding:15px 0; margin-left:0;}
 .company-history .year{position:relative; top:0; left:0; width:22%; color:#333; font-size:1.6em; margin-top:1em; text-align:left; padding-right:0;}
 .company-history .history-item{margin:0; border-left:0;}
 .history-content div{padding:0 0 15px 0;}
 .history-content div.no-img{padding:0;}
 .history-content img{position:relative; top:0; right:0; width:100%; margin-top:0;}
 .company-history .history-item h3:before{display:none;}
 .company-history .year:after{display:none;}
 .btn-history {margin:2.5em auto 0; text-align:center; font-size:0.857em;}
 .btn-history a{display:inline-block; min-width:270px; padding:1em 2em 1em 0.5em; color:#fff; background:#458acf url('/en/images/ico/btn-arrow.png') 90% center no-repeat; background-size:15px; font-size:1.142em; font-weight:bold; text-align:center; border-radius:40px;}
 .btn-history a span{display:block; margin-top:0.3em; font-size:0.875em;; font-weight:normal;}
}
@media screen and (max-width: 640px){
 .history-top {margin-top:1.786em;}
}

.site-map h1 {height:48px; background-color:#002c5a; font-size:1.429em; padding-left:2.500em; line-height:2.100em; color:#fff;}
.site-map .this-close {position:absolute; right:-48px; top:0; height:48px; width:48px; background:#ed174f url('/images/ico/ico-sitemap-close.png') no-repeat center center; background-size:47px 48px; text-indent:-9999em;}
.site-map section {padding:38px 0 32px 20px; overflow-y:auto; position:relative;}
.site-map section:after {content:""; display:block; clear:both;}
.site-map section .head-type {color:#0b4a8d; font-size:1.143em; font-weight:bold; border-bottom:1px solid #000; padding-bottom:1.875em; margin-bottom:1.438em; display:block; cursor:default;}
.site-map section .head-type.verti-space {margin-top:50px;}

.site-map section .in-sec {float:left; width:150px; padding:0 30px 0 29px; border-left:1px solid #dedede;}
.site-map section .in-sec.bsc-hei {min-height:622px;}
.site-map section .in-sec:first-child {border-left:0;}
.site-map section .in-sec .depth2 {}
.site-map section .in-sec .depth2 > li {font-size:0.857em;}
.site-map section .in-sec .depth2 > li a {display:block; padding:0.5em 0; font-weight:bold; color:#333; line-height:130%;}
.site-map section .in-sec .depth2 > li a:hover {color:#0d56a2;}
.site-map section .in-sec .depth2 > li .depth3 {margin:5px 0 10px;}
.site-map section .in-sec .depth2 > li .depth3 li {}
.site-map section .in-sec .depth2 > li .depth3 li a { font-weight:normal; padding:3px 10px 3px 0; color:#787878; margin-left:15px; position:relative;}
.site-map section .in-sec .depth2 > li .depth3 > li > a:after {content:""; width:2px; height:2px; position:absolute; top:10px; left:-10px; background-color:#787878;}
.site-map section .in-sec .depth2 > li .depth3 li a:hover {text-decoration:underline; background:url('/images/ico/ico-sitemap-arr.png') no-repeat 125px 8px; background-size:8px 7px; color:#0d56a2;}
.site-map section .in-sec .depth2 > li .depth3 > li.subList > a {background:url('/images/ico/ico-depth-arr-up.png') no-repeat right 8px;}
.site-map section .in-sec .depth2 > li .depth3 > li.subList.on > a {background-image:url('/images/ico/ico-depth-arr-down.png'); color:#0d56a2;}
.site-map section .in-sec .depth2 > li .depth3 > li.subList.on > a:after {background-color:#0d56a2;}

.site-map section .in-sec .depth2 > li .depth4 {background-color:#f2f2f2; font-size:0.917em; padding:10px; display:none;}
.site-map section .in-sec .depth2 > li .depth4 li {}
.site-map section .in-sec .depth2 > li .depth4 li a {}
.site-map section .in-sec .depth2 > li .depth4 li a:before {content:"-"; position:absolute; top:3px; left:-10px;}
.site-map section .in-sec .depth2 > li .depth4 li a:hover {text-decoration:underline; background:url('/images/ico/ico-sitemap-arr.png') no-repeat 105px 8px; background-size:8px 7px; color:#0d56a2;}

.site-map section .link-ele {margin-top:88px;}
.site-map section .link-ele > div {border:1px solid #d8d8d8; margin-top:8px; font-size:0.857em; width:148px;}
.site-map section .link-ele > div a {border-top:1px solid #f3f3f3; background:#e7e7e7; background-size:50px 120px; display:block; padding:0 0 0 12px; height:32px; line-height:32px;}
.site-map section .link-ele > div + div a {background-position:right -43px;}
.site-map section .link-ele > div + div + div a {background-position:right -86px;}

@media screen and (max-width:1260px) {
 .ext-tot-cont .in-sec.except-hei-banner {padding:0 20px; margin-top:30px;}
 .ext-tot-cont .link-ele {display:table; width:100%;}
 .ext-tot-cont .link-ele > div {display:table-cell; font-size:0.857em; width:32%; padding:0 0 0 2%;}
 .ext-tot-cont .link-ele > div:first-child {padding-left:0;}
 .ext-tot-cont .link-ele > div a {border:1px solid #3271b0; background:#458acf url('/images/ico/ico-sitemap-tablet.png') no-repeat right top; background-size:50px 120px; display:block; padding:0 0 0 12px; height:32px; line-height:32px; color:#fff; border-radius:3px;}
 .ext-tot-cont .link-ele > div + div a {background-position:right -43px;}
 .ext-tot-cont .link-ele > div + div + div a {background-position:right -86px;}
}

@media screen and (max-width:540px) {
 .ext-tot-cont .in-sec.except-hei-banner {padding:0 20px; margin-top:30px;}
 .ext-tot-cont .link-ele {display:block; width:100%;}
 .ext-tot-cont .link-ele > div {display:block; font-size:0.857em; width:100%; padding:0; margin-top:10px; background:#458acf url('/images/ico/ico-sitemap-mobile-arr.png') no-repeat right top; background-size:38px 40px; border-radius:3px;}
 .ext-tot-cont .link-ele > div:first-child {padding-left:0;}
 .ext-tot-cont .link-ele > div a {border:1px solid #3271b0; background:url('/images/ico/ico-sitemap-mobile.png') no-repeat left 3px; background-size:50px 120px; display:block; padding:0 0 0 50px; height:38px; line-height:38px; color:#fff; border-radius:3px;}
 .ext-tot-cont .link-ele > div + div a {background-position:left -39px;}
 .ext-tot-cont .link-ele > div + div + div a {background-position:left -82px;}
}


.mBlock .bg-body {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; display:none; z-index:10000}
.mBlock .aside-menu {position:fixed; top:0; left:0; width:87.5%; min-height:100%; background:#f2f2f2; display:none; z-index:10001;}
.mBlock .aside-menu .top-len .aside-close {position:absolute; top:19px; right:20px; width:22px; height:22px; text-indent:-9999em; }
.mBlock .aside-menu .top-len .aside-close a {display:block; width:100%; height:100%; background:url('/images/ico/btn-aside-close.png') no-repeat 0px 0px; background-size:22px 22px;}
.mBlock .in-sec {height:auto !important;}
.mBlock .aside-gnb > section {height:auto !important;}



body.mBlock {overflow-x:hidden;}
.bg-body, .aside-menu {display:block;}
.mBlock .bg-body {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; display:none; z-index:10000}

.mBlock .aside-menu {position:fixed; top:0; left:0; width:87.5%; min-height:100%; background:#f2f2f2; display:none; z-index:10001;}
.mBlock .aside-menu span.blk {position:absolute; top:0; right:0; width:10px; height:100%; background:url('/images/ico/bg-aside.png') repeat-y 100% 0px; z-index:1}
.mBlock .aside-menu .top-len {position:relative; background:#2a63b0; border-bottom:1px solid #002f65; padding:18px 20px 17px;}
.mBlock .aside-menu .top-len .lang-choice {width:54px; height:22px; display:inline-block; line-height:22px; text-align:center; border:1px solid #fff; padding-right:20px; background:#fff url('/images/ico/ico-lang-arr.png') no-repeat right -1px; background-size:20px 50px; color:#0056b7; border-radius:3px; font-weight:bold;}
.mBlock .aside-menu .top-len .lang-choice.on {background-position:right -51px;}
.mBlock .aside-menu .top-len .pos {position:relative; z-index:1; width:76px;}
.mBlock .aside-menu .top-len ul {position:absolute; top:1px; left:0; border-radius:3px; display:none;}
.mBlock .aside-menu .top-len ul:after {content:""; display:block; clear:both;}
.mBlock .aside-menu .top-len ul li {float:none;}
.mBlock .aside-menu .top-len ul li a {width:54px; height:22px; line-height:22px; text-align:center; display:block; border:1px solid #d9d9d9; background:#e8e8e8; color:#666; margin-top:-1px; font-weight:bold; padding-right:20px;}
.mBlock .aside-menu .top-len ul li a.on {background:#fff url('/images/ico/ico-lang-arr.png') no-repeat right -26px; background-size:20px 50px; border-color:#fff; color:#0056b7;}
.mBlock .aside-menu .top-len ul li:first-child a {border-top-left-radius:3px; border-top-right-radius:3px;}
.mBlock .aside-menu .top-len ul li:last-child a {border-bottom-left-radius:3px; border-bottom-right-radius:3px;}
 
.mBlock .aside-menu .top-len .aside-close {position:absolute; top:19px; right:20px; width:22px; height:22px; text-indent:-9999em; }
.mBlock .aside-menu .top-len .aside-close a {display:block; width:100%; height:100%; background:url('/images/ico/btn-aside-close.png') no-repeat 0px 0px; background-size:22px 22px;}

.mBlock .aside-gnb {position:relative; overflow-y:scroll;}
.mBlock .aside-gnb .ext-tot-cont a {display:block; position:relative;}
.mBlock .aside-gnb .ext-tot-cont > ul > li > a { background:#f2f2f2; border-top:1px solid #f9f9f9; border-bottom:1px solid #d9d9d9; text-transform:uppercase; color:#333; font-weight:bold; padding:20px; height:auto !important; cursor:pointer;}

.mBlock .aside-gnb .ext-tot-cont .in-sec.on {background:#fff;}

.mBlock .aside-gnb .ext-tot-cont li > ul {display:none;}

.mBlock .aside-gnb .ext-tot-cont .depth2 > li > a { margin:0 20px; padding:10px 0 8px; text-transform:uppercase; font-size:0.857em;}

.mBlock .aside-gnb .ext-tot-cont .in-sec > a:after {content:""; display:block; position:absolute; top:26px; right:20px; width:10px; height:6px; background:url('/images/ico/ico-arrow-down.png') no-repeat 0 0; background-size:10px 6px;}
.mBlock .aside-gnb .ext-tot-cont .depth2 .subList > a:after {content:""; display:block; position:absolute; top:16px; right:0; width:10px; height:6px; background:url('/images/ico/ico-arrow-down.png') no-repeat 0 0; background-size:10px 6px;}

.mBlock .aside-gnb .ext-tot-cont .in-sec.on > a {color:#2a63b0; background:#fff;}
.mBlock .aside-gnb .ext-tot-cont .in-sec.on > a:after {background:url('/images/ico/ico-arrow-up.png') no-repeat 0 0; background-size:10px 6px;}

.mBlock .aside-gnb .ext-tot-cont .depth2 .subList.on > a {color:#2a63b0;}
.mBlock .aside-gnb .ext-tot-cont .depth2 .subList.on > a:after {background:url('/images/ico/ico-arrow-up.png') no-repeat 0 0; top:16px; right:0; background-size:10px 6px;}

.mBlock .topper .util .btn-util.glo-mnu.close {display:none !important}
.mBlock .topper .util .btn-util.glo-mnu.open {display:block !important; background-position: -25px 0px; background-size: 250px 250px;}
 
.mBlock .aside-gnb .ext-tot-cont .depth3 {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin:5px 20px; padding:5px 0 8px;}
.mBlock .aside-gnb .ext-tot-cont .depth3 > li > a { padding:8px 0 8px 16px; background:url('/images/ico/bul-gnb.png') no-repeat 6px 15px; background-size:3px 3px; font-size:0.857em;}
.mBlock .aside-gnb .ext-tot-cont .depth3 .subList.on > a {color:#2a63b0;}
.mBlock .aside-gnb .ext-tot-cont .depth3 .subList.on > a:after {background:url('/images/ico/ico-arrow-up.png') no-repeat 0 0; top:16px; right:0; background-size:10px 6px;}
.mBlock .aside-gnb .ext-tot-cont .depth2 .subList.mo-pass > a:after {display:none !important;}
.mBlock .aside-gnb .ext-tot-cont .depth3.mo-pass {display:none !important;}

.mBlock .aside-gnb .ext-tot-cont .depth4 {margin:8px 0 5px 10px; padding:8px 0 7px 10px; background-color:#f2f2f2;}
.mBlock .aside-gnb .ext-tot-cont .depth4 > li > a {padding:7px 0 7px 5px; font-size:0.857em;}
.mBlock .aside-gnb .ext-tot-cont .depth4 > li > a:after {content:"-"; float:left; margin-right:5px;}


@media screen and (max-width:460px) {
 .mBlock .aside-menu .top-len {padding:13px 20px 12px;}
 .mBlock .aside-menu .top-len .aside-close {top:15px;}
}
/* 담당자정보 */
.manager .solution{margin:3em 0 4em;padding:0.3em 2.7%; border:1px solid #e1e1e1; overflow:hidden;}
.manager .solution > div{position:relative;}
.manager .solution table tr th {border-top:1px solid #e1e1e1; vertical-align:middle; font-size:1.142em; font-weight:bold; color:#458acf; text-align:center;}
.manager .solution table tr:first-child th:first-child{border-top:0;}
.manager .solution table tr td{border-top:1px solid #e1e1e1; padding:1.2em 0 0.7em; color:#666; font-size:1.142em;}
.manager .solution table tr:first-child td{border-top:0;}
.manager .solution td img{width:28px;}
.manager-list2 h2{margin:1.3em 0 1em; font-size:1.428em;}
.manager-list2 .solution{margin:0;}
.manager-list2 .solution.last {margin-bottom:4em;}

/* 담당자정보 toggle style */
.manager .toggle dl {border-top:0; position:relative;}
.manager .toggle dl:first-child dt{margin-top:0;}
.manager .toggle dl:before {display:none;}
.manager .toggle dl.state-on {background:#fff;}
.manager .toggle dt a {display:block; padding:1.1em 4.25em 1.1em 2.250em; font-size:1.285em;}
.manager .toggle dt {position:relative; background:#f7f7f7; border:1px solid #e1e1e1; margin-top:-1px;}
.manager .toggle dt .class {display:none;}
.manager .toggle dt:first-child {border-top:1px solid #e1e1e1;}
.manager .toggle dd {display:none; padding:0; line-height:140%; background:none; position:relative;}
.manager .toggle dl.state-on dt a {color:#014188;}
.manager .toggle dl dd:before {display:none;}

/* ls way */
.way-visual {width:100%; height:260px; margin-bottom:3.571em; padding-left:3.929em; padding-top:82px; background:url('/kr/images/image/lsway-visual.jpg') center 0 no-repeat; box-sizing:border-box;}
.way-visual strong {display:block; margin-bottom:22px; color:#004288; font-size:1.857em;}
.way-visual p {color:#333; font-size:1.143em;}

.way-vision {position:relative; min-height:392px; margin-bottom:3.571em; border:solid #d7d7d7; border-width:1px 0; background:#f9f9f9;}
.way-vision .vision-txt {min-height:270px; padding:4.286em 0; margin-right:366px; background:#fff;}
.way-vision .vision-txt p {line-height:1.5; padding-right:10%; margin-top:2em; color:#666; font-size:1.143em;}
.way-vision .vision-txt p.strong {margin-top:0; color:#333;  font-weight:bold; font-size:1.429em;}
.way-vision .vision-img {position:absolute; right:0; top:0; width:366px; background:#f9f9f9;}
.way-vision .vision-img img {width:auto; vertical-align:middle; }

.way-vision2 {position:relative; min-height:160px; margin-bottom:3.571em; border:solid #d7d7d7; border-width:1px 0; background:#ffffff;}
.way-vision2 .vision-txt {min-height:160px; padding:60px 0; margin-right:367px; background:#fff;}
.way-vision2 .vision-txt p {line-height:1.5; padding-right:10%; margin-top:2em; color:#666; font-size:1.143em;}
.way-vision2 .vision-txt p.strong {margin-top:0; color:#333;  font-weight:bold; font-size:1.429em;}
.way-vision2 .vision-img {position:absolute; right:0; top:0; width:367px; background:#fff;}
.way-vision2 .vision-img img {width:auto; vertical-align:middle; }

.way-vision3 {position:relative; min-height:160px; margin-bottom:3.571em; border:solid #d7d7d7; border-width:1px 0; background:#ffffff;}
.way-vision3 .vision-txt {min-height:160px; padding: 60px 0; margin-right:367px; background:#fff;}
.way-vision3 .vision-txt p {line-height:1.5; padding-right:10%; margin-top:2em; color:#666; font-size:1.143em;}
.way-vision3 .vision-txt p.strong {margin-top:0; color:#333;  font-weight:bold; font-size:1.429em;}
.way-vision3 .vision-img {position:absolute; right:0; top:0; width:367px; background:#fff;}
.way-vision3 .vision-img img {width:auto; vertical-align:middle; }


.way-vision4 .vision-txt {min-height:200px; padding:4.286em 0; margin-right:367px; background:#fff;}
.way-vision4 .vision-txt p {line-height:1.5; padding-right:10%; margin-top:2em; color:#666; font-size:1.143em;}
.way-vision4 .vision-txt p.strong {margin-top:0; color:#333;  font-weight:bold; font-size:1.429em;}
.way-vision4 .vision4-img img {display:block; margin-left:auto; margin-right:auto; width:653px }

@media screen and (max-width: 580px) {
  .way-visual {height:388px; padding-left:2.5em; padding-top:40px; background:url('/kr/images/image/lsway-visual-mo.jpg') 50% 100% no-repeat;}
}
@media screen and (max-width: 480px) {
  .way-visual {height:300px; padding-left:10%; padding-top:10%; background-size:auto 300px;}
  .way-visual strong {font-size:1.429em;}
  .way-visual p {font-size:0.929em;}
}
@media screen and (max-width: 400px) {
  .way-visual {height:250px; background-size:auto 250px;}
  .way-visual strong {margin-bottom:15px;}
  .way-visual p {padding-right:0.5em;}
}
@media screen and (max-width: 320px) {
  .way-visual {padding-top:20px; padding-left:1em;}
}

.way-value {padding-top:2.857em;}
.way-value p {margin-bottom:2.5em; font-size:1.286em;}
.way-value p strong {color:#004288;}
.way-value .core {margin-bottom:3.286em;}

.way-value .core-desc {padding:1.571em 3.571em; background:#f9f9f9;}
.way-value .core-desc + .core-desc {padding-top:0;}
.way-value .core-desc:after {content:""; clear:both; display:block;}
.way-value .core-desc > div {float:left; width:45%; min-height:330px; margin-left:5%; overflow:hidden;}
.way-value .core-desc > div.left {margin-right:5%;margin-left:0;}
.way-value .core-desc dt {position:relative; margin-bottom:1.556em; padding:6px 0 18px 47px; border-bottom:1px solid #d7d7d7; color:#333;  font-weight:bold; font-size:1.286em;}
.way-value .core-desc dt:before {content:""; position:absolute; left:0; top:0; width:32px; height:30px; background:url('/kr/images/ico/ico-core.png') no-repeat;}
.way-value .core-desc .d1 dt:before {background-position:0 0;}
.way-value .core-desc .d2 dt:before {background-position:0 -30px;}
.way-value .core-desc .d3 dt:before {background-position:0 -60px;}
.way-value .core-desc .d4 dt:before {background-position:0 -90px;}
.way-value .core-desc dd li {margin-bottom:1.571em;}
.way-value .core-desc dd li span {display:block; margin-bottom:0.429em;  font-weight:bold;}
.way-value .core-desc .d1 dd li span {color:#c15294;}
.way-value .core-desc .d2 dd li span {color:#3b6694;}
.way-value .core-desc .d3 dd li span {color:#a7651b;}
.way-value .core-desc .d4 dd li span {color:#426808;}

@media screen and (max-width: 900px) {
  .way-vision .vision-txt p {margin-top:2em; font-size:0.929em;}
  .way-vision .vision-txt p.strong {font-size:1.143em;}
  .way-value .core-desc > div {min-height:350px;}
  .way-value .core-desc > div {min-height:350px;}
}
@media screen and (max-width: 640px) {
  .way-vision {background:#fff;}
  .way-vision .vision-img {position:static; width:100%; text-align:center;}
  .way-vision .vision-txt {padding:2.143em 0; margin-right:0;}
  .way-vision .vision-txt p {margin-top:1em; padding-right:0;}
  .way-vision .vision-img img {width:100%; max-width:367px;}
  
  .way-vision2 {background:#fff;}
  .way-vision2 .vision-img {position:static; width:100%; text-align:center;}
  .way-vision2 .vision-txt {padding:2.143em 0; margin-right:0;}
  .way-vision2 .vision-txt p {margin-top:1em; padding-right:0;}
  .way-vision2 .vision-img img {width:100%; max-width:367px;}
  
  .way-vision3 {background:#fff;}
  .way-vision3 .vision-img {position:static; width:100%; text-align:center;}
  .way-vision3 .vision-txt {padding:2.143em 0; margin-right:0;}
  .way-vision3 .vision-txt p {margin-top:1em; padding-right:0;}
  .way-vision3 .vision-img img {width:100%; max-width:367px;}
  /*.way-vision3 .vision2030-img img {display:block; margin-left:auto; margin-right:auto;  }*/
  
  .way-vision4 .vision4-img img {display:block; margin-left:auto; margin-right:auto; width:100% }
  
  .way-value p {font-size:1.143em;}
  .way-value .core-desc {padding:1.071em 1.786em;}
  .way-value .core-desc > div {min-height:340px;}
  .way-value .core-desc dt {font-size:1.143em; padding:6px 0 14px 32px;}
  .way-value .core-desc dt:before {top:2px; width:24px; height:22px; background-size:23px 91px;}
  .way-value .core-desc .d1 dt:before {background-position:0 0;}
  .way-value .core-desc .d2 dt:before {background-position:0 -23px;}
  .way-value .core-desc .d3 dt:before {height:23px; background-position:0 -45px;}
  .way-value .core-desc .d4 dt:before {background-position:0 -70px;}
  .way-value .core-desc dd li {font-size:0.857em;}
}
@media screen and (max-width: 460px) {
  .way-value p {font-size:1em;}
  .way-value .core-desc > div {width:100%; min-height:auto; margin:0;}
  .way-value .core-desc {padding:1em 1.5em;}
}

/* 경영철학 */
.business-philosophy{position:relative; min-height:530px;}
.business-philosophy p{font-size:1.142em; line-height:1.625em; margin-top:1em;}
.business-philosophy p span{font-size:1.25em;}
.business-philosophy p.business-txt {font-size:1.428em; line-height:1.6em; margin-top:0; padding-bottom:20px; border-bottom:1px solid #e1e1e1;} 
.business-philosophy p.business-txt strong{color:#004288;}
.business-philosophy p.business-txt2{margin-top:0; padding-top:20px;}
.business-philosophy p.business-txt2 span{color:#004288;}
.business-txt-box{padding-right:48%;}
.business-philosophy img{position:absolute; right:0; top:0; width:44.454%;}
 @media screen and (max-width: 900px){
 .business-philosophy{min-height:0;}
 .business-philosophy img{min-width:350px;}
 .business-txt-box{padding-right:400px;}
 }
 @media screen and (max-width: 640px){ 
 .business-philosophy p{font-size:1em;}
 .business-philosophy p.business-txt {font-size:1.25em;} 
 .business-txt-box{float:none; width:100%; margin-bottom:2em;}
 .business-philosophy img{position:relative; float:none; width:100%;}
 }

/* global offices */
.pc-img {display:block;}
.mo-img {display:none;}
#global-offices .map-wrap {position:relative; overflow:hidden; border:1px solid #ebebeb;}
#global-offices .map-point {position:absolute; top:0; left:0; width:100%; height:100%;}
#global-offices .map-point > a {position:absolute; z-index:1; display:inline-block; padding-top:30px; font-size:1em; color:#404554; text-align:center; text-shadow:1px 1px 2px #fff;}
#global-offices .map-point a strong {display:block;}
#global-offices .map-point a .en {font-size:0.857em;}
#global-offices .map-point a:before {content:''; position:absolute; top:0; left:0; width:100%; height:27px; background:url('/en/images/ico/ico_point.png') no-repeat 50% 0;}
#global-offices .map-point a:hover {color:#d01145;}
#global-offices .map-point a:hover:before {background-position:50% 100%;}
#global-offices .map-point a.tab-2 {top:22%; left:32%;}
#global-offices .map-point a.tab-3 {top:13%; left:19%;}
#global-offices .map-point a.tab-4 {top:27%; left:20%;}
#global-offices .map-point a.tab-1 {top:42%; left:14%;}
#global-offices .map-point a.tab-6 {top:66%; left:42%;}
#global-offices .map-point a.tab-5 {top:24%; left:70%;}
#global-offices .map-point a.tab-7 {top:60%; left:77%;}
#global-offices .map-point .in-point {position:absolute; top:0; left:0; display:none; width:100%; height:100%;}
#global-offices .map-point .in-point li {position:absolute; padding-left:12px; font-size:0.857em; font-weight:bold; text-shadow:1px 1px 2px #c9d9e7;}
#global-offices .map-point .in-point li.reverse {padding-left:0; padding-right:12px; text-align:right;}
#global-offices .map-point .in-point li.top {padding-left:0; padding-top:12px; text-align:center;}
#global-offices .map-point .in-point li.btm {padding-left:0; padding-bottom:12px;}
#global-offices .map-point .in-point li.c1 a {color:#1d4b8b;}
#global-offices .map-point .in-point li.c2 a {color:#c00e84;}
#global-offices .map-point .in-point li.c3 a {color:#00711b;}
#global-offices .map-point .in-point li.c3 span {color:#c00e84;}
#global-offices .map-point .in-point li.c4 a {color:#000; text-align:left;}
#global-offices .map-point .in-point li:before {content:''; position:absolute; top:50%; left:0; width:6px; height:6px; margin-top:-3px; border-radius:6px;}
#global-offices .map-point .in-point li.reverse:before {left:auto; right:0;}
#global-offices .map-point .in-point li.top:before {top:0; left:50%; margin-top:0; margin-left:-3px;}
#global-offices .map-point .in-point li.btm:before {top:auto; bottom:0; left:50%; margin-top:0; margin-left:-3px;}
#global-offices .map-point .in-point li.reverse:before {left:auto; right:0;}
#global-offices .map-point .in-point li.c1:before {background:#0676cc;}
#global-offices .map-point .in-point li.c2:before {background:#ce1790;}
#global-offices .map-point .in-point li.c3:before {width:7px; height:7px; background:url('/en/images/image/ico-office-rnd.png') no-repeat 0 0;}/* background:#b75f18; */
#global-offices .map-point .in-point li.c4:before {background:#000;}
#global-offices .map-point .in-point li.c4.btm:before {top:auto; bottom:0; left:0; margin-top:0; margin-left:-3px;}

#global-offices .map-point .area1 .pp-1  {left:16%; top:33.5%;}
#global-offices .map-point .area1 .pp-2  {left:19.7%; top:50%;}

#global-offices .map-point .area2 .pp-1  {left:42.7%; top:37.6%;}
#global-offices .map-point .area2 .pp-2 {left:25.5%; top:34%;}
#global-offices .map-point .area2 .pp-3 {left:31%; top:29.5%;}
#global-offices .map-point .area2 .pp-4 {left:35.3%;top:31.7%;}
#global-offices .map-point .area2 .pp-5 {left:36.1%; top:28%;}
#global-offices .map-point .area2 .pp-6 {left:27%; top:39.6%;}
#global-offices .map-point .area2 .pp-7 {left:35%; top:36.5%;}
#global-offices .map-point .area2 .pp-8 {left:40.5%; top:41.5%;}
#global-offices .map-point .area2 .pp-9 {left:40%; top:41.5%;}
#global-offices .map-point .area2 .pp-10 {left:33.8%; top:41.5%;}
#global-offices .map-point .area2 .pp-11 {left:38.5%; top:46%;}
#global-offices .map-point .area2 .pp-12 {left:43%; top:40%;}
#global-offices .map-point .area2 .pp-13 {left:38%; top:52.5%;}
#global-offices .map-point .area2 .pp-14 {left:39%; top:57%;}
#global-offices .map-point .area2 .pp-15 {left:47.5%; top:34.7%;}
#global-offices .map-point .area2 .pp-16 {left:42.5%; top:44.5%;}
#global-offices .map-point .area2 .pp-17 {left:44.5%; top:30.5%;}
#global-offices .map-point .area2 .pp-18 {left:37%; top:44%;}
#global-offices .map-point .area2 .pp-19 {left:27%; top:37%;}
#global-offices .map-point .area2 .pp-20 {left:39%; top:59%;}


#global-offices .map-point .area3 .pp-1  {left:9.5%; top:17%;}
#global-offices .map-point .area3 .pp-2 {left:16.2%; top:27.6%;}
#global-offices .map-point .area3 .pp-3 {left:10%; top:20%;}
#global-offices .map-point .area3 .pp-4 {left:14.9%; top:18.5%;}

#global-offices .map-point .area4 .pp-1  {left:25%; top:37%;}
#global-offices .map-point .area4 .pp-2 {left:21.2%; top:32.2%;}


#global-offices .map-point .area5 .pp-1  {left:77%; top:33%;}
#global-offices .map-point .area5 .pp-2  {left:79%; top:36%;}
#global-offices .map-point .area5 .pp-3  {left:69.8%; top:36.6%;}
#global-offices .map-point .area5 .pp-4  {left:78%; top:37.9%;}

#global-offices .map-point .area6 .pp-1  {left:49.5%; top:77%;}

#global-offices .map-point .area7 .pp-1  {left:78%; top:49.3%;}

#global-offices .desc {position:absolute; bottom:15px; left:20px; display:block; width:55%; font-size:0.857em; color:#666;}
#global-offices .color-guide {position:absolute; bottom:15px; right:20px; display:block; width:40%; font-size:0.857em; color:#333; text-align:right;}
#global-offices .color-guide em {position:relative; display:inline-block; margin-left:15px; padding-left:25px; line-height:17px;}
#global-offices .color-guide em:after {content:''; position:absolute; top:0; left:0; width:17px; height:17px; font-size:0.857em; color:#fff; font-weight:bold; text-align:center; border-radius:20px;}
#global-offices .color-guide em.c1:after {content:'B'; background:#0676cc;}
#global-offices .color-guide em.c2:after {content:'S'; background:#ce1790;}
#global-offices .color-guide em.c3:after {content:'R'; background:#00841f;}
#global-offices .btn-zoom {display:none; padding:0 34px 0 10px; font-size:0.857em; color:#666; line-height:28px; border:1px solid #d7d7d7; background:#fff;}
#global-offices .btn-zoom:after {content:''; position:absolute; top:50%; right:10px; width:12px; height:12px; margin-top:-6px; background:url('/en/images/ico/btn-zoom.png') no-repeat 0 0; background-size:12px 12px;}
#global-offices .data-wrap {margin-top:40px;}
#global-offices .data-list > li {padding:60px 30px; border-top:1px solid #ddd;}
#global-offices .data-list > li.inner-area {padding:25px 50px; position:relative; background-color:#fafafa; border-top:0; margin:0 0 0 30px;}
#global-offices .data-list > li.inner-area.last {margin-bottom:30px;}
/*#global-offices .data-list > li.inner-area:before {content:""; display:block; background:url('/images/bg/dot-depth.gif') no-repeat left top; top:30px; left:30px; position:absolute; width:14px; height:14px;}*/

#global-offices .data-list > li.inner-area.first {background-image:none; border-top:1px solid #ebebeb;}
#global-offices .data-list > li.inner-area .inner-box {border-top:1px solid #ebebeb; padding:25px 0; margin:-25px 0;}
#global-offices .data-list > li.inner-area.first .inner-box {border-top:0;}

#global-offices .data-list > li.side-img {padding-right:330px; position:relative;}
#global-offices .data-list > li:first-child {border-top:0 none;}
/* #global-offices .data-list > li.over {background:#f7f7f7;} */
#global-offices .data-list > li .place-img {width:295px; position:absolute; top:30px; right:30px;}
#global-offices .data-list > li .title {position:relative; display:block; margin-bottom:0.880em; font-size:1.571em; color:#000;}
#global-offices .data-list > li.inner-area .title {font-size:1.286em;}
/* #global-offices .data-list > li.over .title {color:#2374c5;} */
#global-offices .data-list > li .title span {vertical-align:middle;}
#global-offices .data-list > li .title em {position:relative; display:inline-block; width:20px; height:20px; margin-left:5px; overflow:hidden; font-size:0.545em; font-weight:bold; color:#fff; text-align:center; line-height:20px; vertical-align:middle;border-radius:20px;}
#global-offices .data-list > li .title.c1 em {background:#0676cc;}
#global-offices .data-list > li .title.c2 em {background:#716ab5;}
#global-offices .data-list > li .title.c3 em {background:#b75f18;}
#global-offices .data-list > li .info {margin-bottom:1.429em;}
#global-offices .data-list > li .info li {padding:4px 0; color:#333; padding-left:8px; text-indent:-8px;}
#global-offices .data-list > li.over-type02 .title {color:#2374c5;}


#pop-wrap {position:fixed; top:0; left:0; z-index:10000; display:none; width:100%; height:100%; min-height:573px; overflow-y:auto; background:url('/images/bg/pop-bg.png') repeat 0 0; }
#pop-wrap .inner {position:relative; top:20%; width:95%; max-width:670px; margin:0 auto; overflow:hidden; border-radius:5px; background:#fff;}
#pop-wrap .close {position:absolute; top:22px; right:30px; width:26px; height:26px; overflow:hidden; text-indent:-9999px; background:url('/images/ico/btn-close.png') no-repeat 0 0; }
#pop-wrap h1 {padding:20px 80px 20px 28px; color:#fff; background:#004288;}
#pop-wrap .pop-con .mapAPI {border-bottom:1px solid #e1e1e1;}
#pop-wrap .pop-con .mapAPI > img {width:100%;}
#pop-wrap .pop-con .map-data {padding:20px 30px 30px;}
#pop-wrap .pop-con .map-data ul {margin-bottom:15px;}
#pop-wrap .pop-con .map-data li {padding:4px 0; color:#333; padding-left:8px; text-indent:-8px;}
#pop-wrap .title {position:relative; display:inline-block; font-size:1.714em;}
#pop-wrap .title span {vertical-align:middle;}
#pop-wrap .title em {position:relative; display:inline-block; width:20px; height:20px; margin-top:2px; margin-left:5px; overflow:hidden; font-size:0.545em; font-weight:bold; color:#fff; text-align:center; line-height:20px; vertical-align:middle; border-radius:20px;}
#pop-wrap .title.c1 em {background:#0676cc;}
#pop-wrap .title.c2 em {background:#716ab5;}
#pop-wrap .title.c3 em {background:#b75f18;}
#pop-wrap #map_canvas {width:100%; height:400px;}

/*.mBlock #global-offices a.mail, .view-mo #global-offices a.mail, .view-mo #pop-wrap .print {display:none;}*/
.view-mo #pop-wrap .print {display:none;}
/* 151224 anchor이동 추가 */
#global-offices .map-point ul li a:before{background:none;}
@media screen and (max-width: 940px){ 
 #global-offices .color-guide {width:120px;}
 #global-offices .color-guide em {widtH:100%; text-align:left; margin-top:5px;}
}

@media screen and (max-width: 800px){ 
 #global-offices .data-list > li.side-img {padding-right:20px;}
 #global-offices .data-list > li .place-img {position:static; margin-bottom:20px; width:auto;}
 #global-offices .data-list > li .place-img img {width:auto;}
}
@media screen and (max-width: 640px){ 
 #global-offices .map-point, #global-offices .desc {display:none;}
 .pc-img {display:none;}
 .mo-img {display:block;} 
 #global-offices .data-list > li {padding:15px;}
 #global-offices .map-wrap {border:0 none;}
 #global-offices .mo-img {border:1px solid #ebebeb;}
 #global-offices .color-guide {position:relative; bottom:0; left:0; width:65%; padding:15px 35% 0 0; margin-left:0; text-align:left;}
 #global-offices .color-guide em {margin:0 15px 8px 0;}
 #global-offices .btn-zoom {display:inline-block; position:absolute; top:10px; right:0;}
 #global-offices .data-list > li {font-size:0.857em;}
 #global-offices .data-list > li .title {font-size:1.250em; font-weight:bold;}
 #global-offices .data-list > li.side-img {padding-right:20px;}
 #global-offices .data-list > li .place-img {position:static; margin-bottom:20px; width:auto;}
 #global-offices .data-list > li .place-img img {width:auto;}
 #global-offices .data-list > li.inner-area:before {display:none;}
 #global-offices .data-list > li.inner-area {margin:15px; margin-top:-1px; border-bottom:1px solid #ebebeb; margin-bottom:0; padding:15px; border-top:0;}
 #global-offices .data-list > li.inner-area.last {margin-bottom:15px;}
 #global-offices .data-list > li.inner-area .inner-box {padding:15px 0; margin:-15px 0;}
 #global-offices .data-list > li.inner-area .title {font-size:1.083em;}
}

@media screen and (max-width: 400px){
 #global-offices .data-list > li .place-img img {width:100%;}
 #pop-wrap .close {top:14px; right:15px; width:13px; height:13px; padding:5px; overflow:hidden; text-indent:-9999px; background:url('/images/ico/btn-close.png') no-repeat center center; background-size:13px 13px;}
 #pop-wrap h1 {padding:15px 60px 15px 15px;}
 #pop-wrap .pop-con .map-data {padding:10px 15px 15px;}
 #pop-wrap .pop-con .map-data ul {margin-bottom:0;}
 #pop-wrap .title {font-size:1.143em;}
}
@media only print {
 .pop-print #wrap {display:none;}
 .pop-print #pop-wrap {position:relative; display:block; overflow:hidden; background:none;}
 .pop-print #pop-wrap .inner {top:0 !important; width:100%; max-width:none;}
 .pop-print #pop-wrap .title em {border:1px solid #e1e1e1;}
 .pop-print #pop-wrap .close {display:none;}
 .pop-print #pop-wrap .print {display:none;}
}
 /* domestic offices */
#domestic-offices .top_map_wrap {position:relative; padding-right:346px; margin-bottom:40px; border:1px solid #ebebeb;}
#domestic-offices .map-wrap {position:relative; overflow:hidden;border-right:1px solid #ebebeb;}
#domestic-offices .map-point {position:absolute; top:0; left:0; width:100%; height:100%;}
#domestic-offices .map-point .map-p {position:absolute; z-index:1; display:inline-block; font-size:1em; color:#666; text-align:center; text-shadow:1px 1px 2px #fff;}
#domestic-offices .map-point .map-p.deco-1 {top:12%; left:44%; padding-left:30px; font-size:1.143em; font-weight:bold; color:#000; line-height:28px;}
#domestic-offices .map-point .map-p.deco-1:before {content:''; position:absolute; top:0; left:0; width:21px; height:28px; background:url('/en/images/image/ico-do-office-head.png') no-repeat 0 0;}
#domestic-offices .map-point .map-p.deco-2 {top:43%; left:12%;}
#domestic-offices .map-point .map-p.deco-3 {top:43%; left:80%;}
#domestic-offices .map-point .map-p.deco-4 {top:82%; left:50%;}
#domestic-offices .map-point .in-point {position:absolute; top:0; left:0; width:100%; height:100%;}
#domestic-offices .map-point .in-point li {position:absolute; padding-left:12px; font-size:0.857em; font-weight:bold; text-shadow:1px 1px 2px #c9d9e7;}
#domestic-offices .map-point .in-point li.reverse {padding-left:0; padding-right:12px; text-align:right;}
#domestic-offices .map-point .in-point li.c1 a {color:#1d4b8b;}
#domestic-offices .map-point .in-point li.c2 a {color:#b40b7b;}
#domestic-offices .map-point .in-point li.c3 a {color:#00711b;}
#domestic-offices .map-point .in-point li.c4 a {color:#c75400;}
#domestic-offices .map-point .in-point li:before {content:''; position:absolute; top:50%; left:0; width:6px; height:6px; margin-top:-3px; border-radius:6px;}
#domestic-offices .map-point .in-point li.reverse:before {left:auto; right:0;}
#domestic-offices .map-point .in-point li.c1:before {background:#0676cc;}
#domestic-offices .map-point .in-point li.c2:before {background:#ce1790;}
#domestic-offices .map-point .in-point li.c3:before {background:#00841f;}
#domestic-offices .map-point .in-point li.c4:before {background:#c87a00;}
#domestic-offices .map-point .pp-1  {left:60%; top:47.5%;}
#domestic-offices .map-point .pp-2  {left:58%; top:44%;}
#domestic-offices .map-point .pp-3  {left:67%; top:25.5%;}
#domestic-offices .map-point .pp-4  {left:46.5%; top:20%;}
#domestic-offices .map-point .pp-5  {left:63.5%; top:60%;}
#domestic-offices .map-point .pp-6  {left:33%; top:60%;}
#domestic-offices .map-point .pp-7  {left:45%; top:43%;}
#domestic-offices .map-point .pp-8  {left:60.5%; top:53.5%;}
#domestic-offices .map-point .pp-9  {left:62%; top:64.1%;}
#domestic-offices .map-point .pp-10  {left:35%; top:15.2%;}
#domestic-offices .map-point .pp-11  {left:53%; top:25%;}
#domestic-offices .map-point .pp-12  {left:44.9%; top:15.8%;}
#domestic-offices .map-point .pp-13  {left:35.5%; top:17.5%;}
#domestic-offices .map-point .pp-14  {left:37.5%; top:13.2%;}
#domestic-offices .map-point .pp-15  {left:34.5%; top:20.2%;}
#domestic-offices .map-point .pp-16  {left:47.1%; top:32.9%;}
#domestic-offices .map-point .pp-17  {left:58.4%; top:41.5%;}
#domestic-offices .map-point .pp-18  {left:66.7%; top:57.5%;}
#domestic-offices .color-guide {position:absolute; bottom:15px; right:20px; display:block; width:50%; font-size:0.857em; color:#333; text-align:right;}
#domestic-offices .color-guide em {position:relative; display:inline-block; margin-left:15px; padding-left:25px; line-height:17px;}
#domestic-offices .color-guide em:after {content:''; position:absolute; top:0; left:0; width:17px; height:17px; font-size:0.857em; color:#fff; font-weight:bold; text-align:center; border-radius:20px;}
#domestic-offices .color-guide em.c1:after {content:''; background:#0676cc;}
#domestic-offices .color-guide em.c2:after {content:''; background:#ce1790;}
#domestic-offices .color-guide em.c3:after {content:''; background:#00841f;}
#domestic-offices .color-guide em.c4:after {content:''; background:#c87a00;}
#domestic-offices .btn-zoom {display:none; padding:0 34px 0 10px; font-size:0.857em; color:#666; line-height:28px; border:1px solid #d7d7d7; background:#fff;}
#domestic-offices .btn-zoom:after {content:''; position:absolute; top:50%; right:10px; width:12px; height:12px; margin-top:-6px; background:url('/en/images/ico/btn-zoom.png') no-repeat 0 0; background-size:12px 12px;}

#domestic-offices .data-list {border-bottom:1px solid #ddd;}
#domestic-offices .data-list > li {padding:60px 30px; border-top:1px solid #ddd;}
#domestic-offices .data-list > li.inner-area {padding:25px 50px; position:relative; background-color:#fafafa; border-top:0; margin:0 0 0 30px;}
#domestic-offices .data-list > li.inner-area.last {margin-bottom:30px;}
#domestic-offices .data-list > li.inner-area.first {background-image:none; border-top:1px solid #ebebeb;}
#domestic-offices .data-list > li.inner-area .inner-box {border-top:1px solid #ebebeb; padding:25px 0; margin:-25px 0;}
#domestic-offices .data-list > li.inner-area.first .inner-box {border-top:0;}

#domestic-offices .data-list > li.side-img {padding-right:330px; position:relative;}
#domestic-offices .data-list > li .place-img {width:295px; position:absolute; top:25%; right:30px;}
#domestic-offices .data-list > li .title {position:relative; display:block; margin-bottom:0.880em; font-size:1.571em; color:#000;}
#domestic-offices .data-list > li.inner-area .title {font-size:1.286em;}
#domestic-offices .data-list > li .title span {vertical-align:middle;}
#domestic-offices .data-list > li .title em {display:none; position:relative; width:20px; height:20px; margin-right:5px; overflow:hidden; font-size:0.545em; font-weight:bold; color:#fff; text-align:center; line-height:20px; vertical-align:middle;border-radius:20px;}
#domestic-offices .data-list > li .title.c1 em {background:#0676cc;}
#domestic-offices .data-list > li .title.c2 em {background:#ce1790;}
#domestic-offices .data-list > li .title.c3 em {background:#b75f18;}
#domestic-offices .data-list > li .info {margin-bottom:1.429em;}
#domestic-offices .data-list > li .info li {padding:2px 0; padding-left:8px; text-indent:-8px; color:#333; line-height:1.571em;}
#domestic-offices .data-list > li .info li.addr {padding-left:70px; text-indent:-70px;}
#domestic-offices .data-list > li .info li.item {padding-left:82px; text-indent:-82px;}
#domestic-offices .data-list > li.over-type02 .title {color:#2374c5;}
#domestic-offices .data-list > li.over-type02 {background:#f7f7f7;}

#domestic-offices .head_office {position:absolute; top:0; right:0; width:346px; height:100%; border:0 none;}
#domestic-offices .head_office > li {padding:20px; border:0 none;}
#domestic-offices .head_office.data-list > li .place-img {position:static; width:100%; padding-bottom:25px;}
#domestic-offices .head_office.data-list > li .place-img img {width:100%;}
#domestic-offices .head_office.data-list > li .title {color:#004288;}
#domestic-offices .head_office.data-list > li .info li {padding-top:4px; padding-bottom:4px;}
/* 팝업 */
#pop-wrap {position:fixed; top:0; left:0; z-index:10000; display:none; width:100%; height:100%; min-height:573px; overflow-y:auto; background:url('/images/bg/pop-bg.png') repeat 0 0; }
#pop-wrap .inner {position:relative; top:20%; width:95%; max-width:670px; margin:0 auto; overflow:hidden; border-radius:5px; background:#fff;}
#pop-wrap .close {position:absolute; top:22px; right:30px; width:26px; height:26px; overflow:hidden; text-indent:-9999px; background:url('/images/ico/btn-close.png') no-repeat 0 0; }
#pop-wrap h1 {padding:20px 80px 20px 28px; color:#fff; background:#004288;}
#pop-wrap .pop-con .mapAPI {border-bottom:1px solid #e1e1e1;}
#pop-wrap .pop-con .mapAPI > img {width:100%;}
#pop-wrap .pop-con .map-data {padding:20px 30px 30px;}
#pop-wrap .pop-con .map-data ul {margin-bottom:15px;}
#pop-wrap .pop-con .map-data li {padding:4px 0; color:#333; padding-left:50px; text-indent:-50px;}
#pop-wrap .title {position:relative; display:inline-block; font-size:1.714em;}
#pop-wrap .title span {vertical-align:middle;}
#pop-wrap .title em {position:relative; display:none; width:20px; height:20px; margin-top:2px; margin-right:5px; overflow:hidden; font-size:0.545em; font-weight:bold; color:#fff; text-align:center; line-height:20px; vertical-align:middle; border-radius:20px;}
#pop-wrap .title.c1 em {background:#0676cc;}
#pop-wrap .title.c2 em {background:#716ab5;}
#pop-wrap .title.c3 em {background:#b75f18;}
#pop-wrap #map_canvas {width:100%; height:400px;}
@media screen and (max-width: 1610px){ 
 #domestic-offices .top_map_wrap {padding:0;border:0 none;}
 #domestic-offices .map-wrap {border:1px solid #ebebeb;}
 #domestic-offices .head_office {position:relative; top:0; right:0; width:auto; height:266px; margin-bottom:40px;border:1px solid #ddd; border-width:1px 0; background:#f9f9f9;}
 #domestic-offices .head_office.data-list > li {padding-right:306px;}
 #domestic-offices .head_office.data-list > li .place-img {position:absolute; top:0; right:0; width:306px;} 
}

@media screen and (max-width: 940px){ 
 #domestic-offices .color-guide {width:90px;}
 #domestic-offices .color-guide em {widtH:100%; text-align:left; margin-top:5px;}
}

@media screen and (max-width: 800px){  
 #domestic-offices .data-list > li.side-img {padding-right:20px;}
 #domestic-offices .data-list > li .place-img {position:static; width:auto;}
 #domestic-offices .data-list > li .place-img img {width:auto;} 
 #domestic-offices .data-list > li .info li.item {padding-left:70px; text-indent:-70px;}
 #domestic-offices .head_office {height:auto; padding:30px;}
 #domestic-offices .head_office.data-list > li {padding:0;}
 #domestic-offices .head_office.data-list > li .place-img {position:static; top:0; right:0; width:100%;}
 #domestic-offices .head_office.data-list > li .place-img img {width:auto;}
}
@media screen and (max-width: 640px){ 
 .pc-img {display:none;}
 .mo-img {display:block;}
 #domestic-offices .head_office.data-list > li .place-img {padding-bottom:0;}
 #domestic-offices .head_office.data-list > li .place-img img {width:100%; max-width:520px;}
 #domestic-offices .map-point {display:none;}
 #domestic-offices .data-list > li {padding:15px;}
 #domestic-offices .map-wrap {border:0 none;}
 #domestic-offices .mo-img {border:1px solid #ebebeb;}
 #domestic-offices .color-guide {position:relative; bottom:0; left:0; width:65%; padding:15px 35% 0 0; margin-left:0; text-align:left;}
 #domestic-offices .color-guide em {margin:0 15px 8px 0;}
 #domestic-offices .btn-zoom {display:inline-block; position:absolute; top:10px; right:0;}
 #domestic-offices .data-list > li {font-size:0.857em;}
 #domestic-offices .data-list > li .title {font-size:1.250em; font-weight:bold;}
 #domestic-offices .data-list > li.side-img {padding-right:20px;}
 #domestic-offices .data-list > li .place-img {position:static; margin-bottom:20px; width:auto;}
 #domestic-offices .data-list > li .place-img img {width:auto;}
 /* #domestic-offices .data-list > li .title em {display:inline-block;} */
 #domestic-offices .data-list > li.inner-area:before {display:none;}
 #domestic-offices .data-list > li.inner-area {margin:15px; margin-top:-1px; border-bottom:1px solid #ebebeb; margin-bottom:0; padding:15px; border-top:0;}
 #domestic-offices .data-list > li.inner-area.last {margin-bottom:15px;}
 #domestic-offices .data-list > li.inner-area .inner-box {padding:15px 0; margin:-15px 0;}
 #domestic-offices .data-list > li.inner-area .title {font-size:1.083em;}
}

@media screen and (max-width: 400px){
 #domestic-offices .data-list > li .place-img img {width:100%;}
 #pop-wrap .close {top:14px; right:15px; width:13px; height:13px; padding:5px; overflow:hidden; text-indent:-9999px; background:url('/images/ico/btn-close.png') no-repeat center center; background-size:13px 13px;}
 #pop-wrap h1 {padding:15px 60px 15px 15px;}
 #pop-wrap .pop-con .map-data {padding:10px 15px 15px;}
 #pop-wrap .pop-con .map-data ul {margin-bottom:0;}
 #pop-wrap .title {font-size:1.143em;}
}
@media only print {
 .pop-print #wrap {display:none;}
 .pop-print #pop-wrap {position:relative; display:block; overflow:hidden; background:none;}
 .pop-print #pop-wrap .inner {top:0 !important; width:100%; max-width:none;}
 .pop-print #pop-wrap .title em {border:1px solid #e1e1e1;}
 .pop-print #pop-wrap .close {display:none;}
 .pop-print #pop-wrap .print {display:none;}
}

/* 제작공정 */
.pc-cable{position:relative;}
.pc-cable img{border:1px solid #e1e1e1;}
.m-cable{display:none;}

.proc-top { position:absolute; top:6.5%; left:15%; width:70%; padding-bottom:39%;}
.pc-cable.type2 .proc-top { position:absolute; top:27.5%; left:26%; width:70%; padding-bottom:29%;}
.pc-cable.type3 .proc-top { position:absolute;top: 8%;left: 20%;width:65%;padding-bottom: 37%;}
.proc-top li {position:absolute; background:url('/en/images/bg/bg-process-off.png') no-repeat 100% center; min-width:100px;}
.proc-top li.on1,.proc-top li.on2,.proc-top li.on3 {background:url('/en/images/bg/bg-process-on.png') no-repeat 100% center; }
.proc-top li a {background:#fff; padding: 4px 20px 4px 20px; border: 1px solid #e1e1e1; border-radius: 15px; color: #666; font-size: 1em; text-align:center;}
.proc-top li a sup {vertical-align:super; font-size:smaller;}
.proc-top li.on1 a,.proc-top li.on2 a,.proc-top li.on3 a { color: #fff; border: 1px solid #e1406a; background:#e1406a;}
.proc-top li.reverse {float:left; background:url('/en/images/bg/bg-reverse-off.png') no-repeat 0 center; min-width:100px; text-align:right;}
.proc-top li.reverse.on1,.proc-top li.reverse.on2,.proc-top li.reverse.on3 {background:url('/en/images/bg/bg-reverse-on.png') no-repeat 0 center; }
.proc-top li.step1-1 {width:21%; left:0;}
.proc-top li.step1-2 {width:31%; left:24%;}
.proc-top li.step1-3 {width:18%; left:56%;}
.proc-top li.step1-4 {width:25%; background:none; right:0%; height:90%;}
.proc-top li.step1-4:before{content:''; position:absolute; left:140px; top:0; width:40%; height:32px; background:url('/en/images/bg/bg-before-off.png') no-repeat 100% 6px;} 
.proc-top li.step1-4.on1:before{background:url('/en/images/bg/bg-before-on.png') no-repeat 100% 6px;} 
.proc-top li.step1-4:after{content:''; position:absolute; left:120px; top:91%; width:40%; height:14px; background:url('/en/images/bg/bg-after-off.png') no-repeat 100% 100%;} 
.proc-top li.step1-4.on1:after{background:url('/en/images/bg/bg-after-on.png') no-repeat 100% 100%;} 
.proc-top li.step1-5 {width:20%; top:90%; right:0;}
.proc-top li.step1-6 {width:28%; top:90%; left:51%;}
.proc-top li.step1-7 {width:34%; top:90%; left:16%;}
.proc-top li.step1-8 {width:auto;  min-width:0;  top:90%; left:2%;}

.proc-top li.step2-1 {width:22%; left:0;}
.proc-top li.step2-2 {width: 20%; left:24%;}
.proc-top li.step2-3 {width: 23%;left: 45%; min-width:85px;}
.proc-top li.step2-4 {width:20%; background:none; right:11%; height:89%;}
.proc-top li.step2-4:before{content:''; position:absolute; left:110px; top:0; width:11%; height:32px; background:url('/en/images/bg/bg-before-off.png') no-repeat 100% 6px;} 
.proc-top li.step2-4.on2:before{background:url('/en/images/bg/bg-before-on.png') no-repeat 100% 6px;} 
.proc-top li.step2-4:after{content:''; position:absolute; left:82px; top:91%; width:40%; height:14px; background:url('/en/images/bg/bg-after-off.png') no-repeat 100% 100%;} 
.proc-top li.step2-4.on2:after{background:url('/en/images/bg/bg-after-on.png') no-repeat 100% 100%;} 
.proc-top li.step2-5 {width:18%; top:90%; right:6%;}
.proc-top li.step2-6 {width:23%; top:90%; left:52%;}
.proc-top li.step2-7 {width:29%; top:90%; left:21%;}
.proc-top li.step2-8 {width: 24%; top:90%;left: -5%;}
.proc-top li.step2-9 {width:auto;  min-width:0;  top:90%; left:-21%;}

.proc-top li.step3-1 {width: 26%; left:0;}
.proc-top li.step3-2 {width: 28%;left: 28%;}
.proc-top li.step3-3 {width:18%;left: 57%; min-width:85px;}
.proc-top li.step3-4 {width: 29%;min-width:140px; background:none;right: -6%; height:89%;top: -1%;}
.proc-top li.step3-4:before{content:''; position:absolute; top:0;right: 6%;width:8%; height:32px; background:url('/en/images/bg/bg-before-off.png') no-repeat 100% 6px;} 
.proc-top li.step3-4.on3:before{background:url('/en/images/bg/bg-before-on.png') no-repeat 100% 6px;} 
.proc-top li.step3-4:after{content:''; position:absolute;right: -8%; top:93%; width:40%; height:14px; background:url('/en/images/bg/bg-after-off.png') no-repeat 100% 100%;} 
.proc-top li.step3-4.on3:after{background:url('/en/images/bg/bg-after-on.png') no-repeat 100% 100%;} 
.proc-top li.step3-5 {width: 20%; top:90%;right: -10%;}
.proc-top li.step3-6 {width: 26%; min-width:140px;top: 89%;left: 61%;}
.proc-top li.step3-7 {width: 22%; top:90%;left: 38%;}
.proc-top li.step3-8 {width: 28%; top:90%;left: 9%;}
.proc-top li.step3-9 {width:auto;  min-width:0;  top:90%;left: -11%;}

.m-cable .btn-zoom {display:none; padding:0 34px 0 10px; font-size:0.857em; color:#666; line-height:28px; border:1px solid #d7d7d7; background:#fff;}
.m-cable .btn-zoom:after {content:''; position:absolute; top:50%; right:10px; width:12px; height:12px; margin-top:-6px; background:url('/en/images/ico/btn-zoom.png') no-repeat 0 0; background-size:12px 12px;}
/**/
.cable-title{font-size:1.571em; border-bottom:1px solid #e1e1e1; padding:1.590em 0 1.136em; margin-bottom:1.545em;}
.cable-list{ background:url(/en/images/bg/bg-step.gif) 34px 0 repeat-y;}
.cable-list .step:first-child{margin-top:0;}
.cable-list .step {position:relative;}
.cable-list .step.last{background:#fff;}
.cable-list .step.last div{border-bottom:none;}
.cable-list .step span{position:absolute; display:inline-block;  padding:2px 12px 4px; border:1px solid #e1406a; border-radius:15px; color:#e1406a; background:#fff;  font-weight:bold; }
.cable-list .step img{position:absolute; top:-39px; right:15px;width:18.181%; max-width:200px;}
.cable-list .step div{min-height:151px; margin:60px 1.071em 0 7.285em;; padding-right:19%; border-bottom:1px solid #d7d7d7;}
.cable-list .step div h4{font-size:1.571em; color:#333; margin-bottom:0.3em;}
.cable-list .step div p{color:#666; line-height:1.714em; margin-bottom:2em;}
  
@media screen and (max-width: 940px){
  .cable-list .step div{min-height:120px;}
  .cable-list .step img{position:absolute; top:-38px; width:150px;}
  .cable-list .step div{padding-right:160px;}
  .cable-list #step2-1 img{top:0;}
  .proc-top li.step2-4 {width:20%; background:none; right:11%; height:86%;}
}

@media screen and (max-width: 900px){
  .pc-cable.type3 .proc-top li a {font-size:0.786em;}
  .proc-top li a {padding:4px 10px;}
  .proc-top li.step3-4 {top:0;}
  .proc-top li.step3-6 {top:90%;}
  .proc-top li.step3-9 {left:-9%;}
 }
@media screen and (max-width: 860px){
  .proc-top li a { font-size:0.786em;}
  .cable-title{font-size:1.25em;}
  .cable-list .step div h4{font-size:1.25em; color:#333; margin-bottom:0.3em;}
  .cable-list .step div p{font-size:0.857em; line-height:1.714em;}
  .proc-top li.step1-1 {width:21%; left:0;}
  .proc-top li.step1-2 {width:29%; left:24%;}
  .proc-top li.step1-3 {width:19%; left:54%;}
  .proc-top li.step1-4 {width:20%; background:none; right:5%; height:88%;}
  .proc-top li.step1-4:before{content:''; position:absolute; left:82px; top:0; width:40%; height:32px; background:url('/en/images/bg/bg-before-off.png') no-repeat 100% 6px;} 
  .proc-top li.step1-4.on1:before{content:''; position:absolute; left:82px; top:0; width:40%; height:32px; background:url('/en/images/bg/bg-before-on.png') no-repeat 100% 6px;} 
  .proc-top li.step1-4:after{content:''; position:absolute; left:82px; top:91%; width:17%; height:14px; background:url('/en/images/bg/bg-after-off.png') no-repeat 100% 100%;} 
  .proc-top li.step1-4.on1:after{content:''; position:absolute; left:82px; top:91%; width:17%; height:14px; background:url('/en/images/bg/bg-after-on.png') no-repeat 100% 100%;} 
  .proc-top li.step1-5 {width:20%; top:88%; right:0;}
  .proc-top li.step1-6 {width:27%; top:88%; left:51%;}
  .proc-top li.step1-7 {width:32%; top:88%; left:18%;}
  .proc-top li.step1-8 {width:auto;  min-width:0;  top:88%; left:2%;}
  /*type2*/
  .proc-top li.step2-1 {width:27%; left:-4%;}
  .proc-top li.step2-5 {width:18%; top:88%; right:0%;}
  .proc-top li.step2-6 {width:23%; top:88%; left:52%;}
  .proc-top li.step2-7 {width: 31%; top:88%; left:21%;}
  .proc-top li.step2-8 {width:26%; top:88%; left:-7%;}
  .proc-top li.step2-9 {width:auto;  min-width:0;  top:88%; left:-26%;}
  /*type3*/
  .proc-top li.step3-2 {width:23%;}
  .proc-top li.step3-3 {left:55%;}

}
  @media screen and (max-width: 800px){

  }
  @media screen and (max-width: 750px){
  .proc-top li.step1-2 {width:26%; left:24%;}
  .proc-top li.step1-3 {width:23%; left:52%;}
  .proc-top li.step1-4 {width:20%; background:none; right:0%; height:88%;}
  .proc-top li.step1-4:before{content:''; position:absolute; left:82px; top:0; width:8%; height:32px; background:url('/en/images/bg/bg-before-off.png') no-repeat 100% 6px;} 
  .proc-top li.step1-4.on1:before{content:''; position:absolute; left:82px; top:0; width:8%; height:32px; background:url('/en/images/bg/bg-before-on.png') no-repeat 100% 6px;} 
  .proc-top li.step1-4:after{content:''; position:absolute; left:55px; top:91%; width:17%; height:14px; background:url('/en/images/bg/bg-after-off.png') no-repeat 100% 100%;} 
  .proc-top li.step1-4.on1:after{content:''; position:absolute; left:55px; top:91%; width:17%; height:14px; background:url('/en/images/bg/bg-after-on.png') no-repeat 100% 100%;} 
  
  .proc-top li.step3-1 {width: 26%; left:0;}
  .proc-top li.step3-2 {left: 28%;}
  .proc-top li.step3-3 {width: 19%; min-width:85px;}
  .proc-top li.step3-4 {width: 23%; min-width:140px; background:none;right: -12%; height:89%;}
  .proc-top li.step3-4:before{content:''; position:absolute; top:0;right: 0;width:11%; height:32px; background:url('/en/images/bg/bg-before-off.png') no-repeat 100% 6px;} 
  .proc-top li.step3-4.on3:before{background:url('/en/images/bg/bg-before-on.png') no-repeat 100% 6px;} 
  .proc-top li.step3-4:after{content:''; position:absolute;right: -8%; top:93%; width:40%; height:14px; background:url('/en/images/bg/bg-after-off.png') no-repeat 100% 100%;} 
  .proc-top li.step3-4.on3:after{background:url('/en/images/bg/bg-after-on.png') no-repeat 100% 100%;} 
  .proc-top li.step3-5 {width: 20%; top:90%;right: -17%;}
  .proc-top li.step3-6 {width: 33%; top:90%;left: 61%;min-width: 125px;}
  .proc-top li.step3-7 {width: 22%; top:90%;left: 35%;}
  .proc-top li.step3-8 {width: 31%; top:90%;left: 4%;}
  .proc-top li.step3-9 {width:auto;  min-width:0;  top:90%;left: -17%;}
  }
  @media screen and (max-width: 700px){
  .proc-top li.step1-5 {width:15%; top:88%; right:0; min-width:85px;}
  .proc-top li.step1-6 {width:28%; top:88%; left:51%;}
  .proc-top li.step1-7 {width:27%; top:88%; left:22%;}
  .proc-top li.step1-8 {width:auto;  min-width:0;  top:88%; left:2%;}
  .proc-top li.step2-4 {width: 21%; background:none; right:6%; height:82%;}
  .proc-top li.step2-4:before{content:''; position:absolute; left:100px; top:0; width:6%; height:32px; background:url('/en/images/bg/bg-before-off.png') no-repeat 100% 6px;} 
  .proc-top li.step2-4.on2:before{content:''; position:absolute; left:100px; top:0; width:6%; height:32px; background:url('/en/images/bg/bg-before-on.png') no-repeat 100% 6px;} 
  .proc-top li.step2-4:after{content:''; position:absolute; left:65px; top:94%; width:40%; height:12px; background:url('/en/images/bg/bg-after-off.png') no-repeat 100% 100%;} 
  .proc-top li.step2-4.on2:after{content:''; position:absolute; left:65px; top:94%; width:40%; height:12px; background:url('/en/images/bg/bg-after-on.png') no-repeat 100% 100%;} 
  }
  @media screen and (max-width: 640px){
  .pc-cable{display:none;}
  .m-cable{display:block; text-align:right;}
  .m-cable img{border:2px solid #e1e1e1; box-sizing:border-box;}
  .cable-title {margin-bottom:0;}
  .cable-list {background:none;}
  .cable-list .step:first-child{margin-top:0;}
  .cable-list .step {position:relative; min-height:auto; text-align:center;}
  .cable-list .step.last div{border-bottom:none;}
  .cable-list .step div{min-height:auto; margin:0; padding-right:0; border-bottom:1px solid #d7d7d7; text-align:left;}
  .cable-list .step span{position:absolute; top:30px; left:0; display:inline-block;  padding:2px 12px 4px; border:1px solid #e1406a; border-radius:15px; color:#e1406a; background:#fff;  font-weight:bold; font-size:0.857em;}
  .cable-list .step img{position:relative; top:auto; right:auto;width:50%; max-width:197px; margin-top:2em;}
  .cable-list .step div h4{margin-bottom:0.5em;}
  .cable-list .step div p{margin-bottom:2em;}
  .m-cable .btn-zoom  {display:inline-block; position:relative; top:auto; right:0; margin-top:1em;}
  }

/* 사회공헌 */
.social-cnt p {padding-top:2.5em; font-size:1.143em;}
.social-cnt p.fir {padding-top:0;}
.social-cnt ul {padding-top:1.425em;}
.social-cnt ul:after {content:""; clear:both; display:block;}
.social-cnt ul li {float:left;}
.social-cnt ul li:first-child, .social-cnt ul li:nth-child(odd) {margin-left:0;}
.social-cnt .img-ea02 li {width:49.1%; margin-left:1.8%; margin-top:1.8%;}
.social-cnt .img-ea02-1 li.step1-1 {width:18%;}
.social-cnt .img-ea02-1 li.step1-2 {width:23%; margin-left:2%; margin-top:10px;}
.social-cnt .img-ea02-1 li.step1-3 {width:18%; margin-left:10%;}
.social-cnt .img-ea02-1 li.step1-4 {width:23%; margin-left:2%; margin-top:10px;}
.social-cnt .img-ea04 li {width:23.6%; margin-left:1.8%;}

@media screen and (max-width: 640px){
  .social-cnt p {padding-top:2.077em; font-size:0.929em;}
  .social-cnt ul {padding-top:1.929em;}
  .social-cnt .img-ea02 li {width:100%; margin-left:0;}
  .social-cnt .img-ea02 li:nth-child(2) {margin-top:1.8%;}
  .social-cnt .img-ea04 li {width:49.1%;}
  .social-cnt .img-ea04 li:nth-child(3) {margin-left:0; margin-top:1.8%;}
  .social-cnt .img-ea04 li:nth-child(4) {margin-top:1.8%;}
}

/* CI */
.ci-box {border:1px solid #e1e1e1;}
.ci-box:after {content:""; clear:both; display:block;}
.ci-box .left {float:left; width:56.9%; padding-top:5.929em; background:#fff; text-align:center;}
.ci-box .left img {width:auto; padding-left:5%;}
.ci-box .left p {padding:0 5%; margin:3.750em 0 2.250em 0; color:#333; font-weight:bold; font-size:1.143em;}
.ci-box .left p span {display:block; margin-top:0.5em; color:#003876;}
.ci-box .right {float:left; width:43%;}
.ci-box .right .r-box {min-height:200px; padding:2.857em 8% 2.857em 11%; border:solid #e1e1e1; border-width:0 0 1px 1px; background:#f7f7f7; box-sizing:border-box;}
.ci-box .right .r-box dl {background:url('/en/images/ico/ci-blue.png') 100% 0 no-repeat;}
.ci-box .right .r-box dt {position:relative; padding-bottom:0.917em; font-weight:bold; font-size:1.714em;}
.ci-box .right .r-box dt:after {content:""; position:absolute; left:0; bottom:0; width:17px; height:1px; background:#7d7d7d;}
.ci-box .right .r-box dd {margin-top:1.429em; color:#333; font-size:1em;}
.ci-box .right .r-box dd strong {display:block; margin-bottom:0.438em; font-size:1.143em;}
.ci-box .right .blue-ci dt,
.ci-box .right .blue-ci dd strong {color:#003876;}
.ci-box .right .red-ci {border-width:0 0 0 1px;}
.ci-box .right .red-ci dl {background-image:url('/en/images/ico/ci-red.png');}
.ci-box .right .red-ci dt,
.ci-box .right .red-ci dd strong {color:#ed174b;}
.ci-box .right .red-ci dt:after {background:#ed174b;}
@media screen and (max-width :640px) {
 .ci-box .left {float:none; width:100%; margin-bottom:4em;}
 .ci-box .right {float:none; width:100%;}
 .ci-box .right .r-box {border-width:1px 0 1px 0;}
 .ci-box .right .red-ci {border:0 none;}
 .ci-box .left img {width:70%; max-width:241px;}
}
@media screen and (max-width :400px) {
 .ci-box .left {padding-top:2.857em;}
 .ci-box .left p {font-size:0.929em;}
 .ci-box .right .r-box dt {font-size:1.429em;}
 .ci-box .right .r-box dd {font-size:0.857em;}
}

.toggle.ci-list {}
.toggle.ci-list dl {border-top:0 none; border-bottom:1px solid #ddd;}
.toggle.ci-list dl:first-child {border-top:1px solid #ddd;}
.toggle.ci-list dl:before,
.toggle.ci-list dl dd:before {content:normal;}
.toggle.ci-list dt a {padding:1.136em 2.727em 1.136em 1.364em; font-size:1.571em; text-transform:uppercase;}/*font-size:22px*/
.toggle.ci-list dd {padding-left:17.857em; padding-right:2.143em; background:none;}
.toggle.ci-list dd .btn-close {display:inline-block; width:6.250em; height:2.667em; line-height:2.667em; color:#fff; text-align:center; font-size:12px; background:#666;}
@media screen and (max-width:640px) {
 .toggle.ci-list dt a {font-size:1.143em;}
 .toggle.ci-list dd {padding:2em; padding-left:2.143em;}
}
@media screen and (max-width:400px) {
 .toggle.ci-list dd {padding-left:0.3em; padding-right:0.3em;}
}

.ci-list dd > div:after {content:""; clear:both; display:block;}
.ci-list dd .detail-box {margin-bottom:1.5em; border:1px solid #e1e1e1; background:#fff;}
.ci-list dd .detail-box .top {height:2.667em; line-height:2.667em; padding:0.929em 1.429em 0.929em 2.143em; border-bottom:1px solid #e1e1e1; background:#fafafa;}
.ci-list dd .detail-box .top:after {content:""; clear:both; display:block;}
.ci-list dd .detail-box .top span {color:#333; font-size:1.286em;} 
.ci-list dd .detail-box .top a {float:right;}
.ci-list dd .detail-box .img img {width:auto;}

.ci-list .signature dd .detail-box {float:left; width:47.5%; border:1px solid #e1e1e1; background:#fff;}
.ci-list .signature dd .detail-box + .detail-box {margin-left:4%;}
.ci-list .signature dd .detail-box + .detail-box + .detail-box {margin-left:0;}
.ci-list .signature dd .detail-box .img {height:130px; padding-top:70px; text-align:center;}
.ci-list .signature dd .detail-box .img img {max-width:155px;}
.ci-list .signature dd .detail-box + .detail-box .img img {max-width:288px;}
.ci-list .signature dd .detail-box + .detail-box + .detail-box .img img {max-width:166px;}
.ci-list .signature dd .btn-loc.right {clear:both;}
@media screen and (max-width:950px) {
 .ci-list .signature dd .detail-box {float:none; width:100%;}
 .ci-list .signature dd .detail-box + .detail-box {margin-left:0;}
}
@media screen and (max-width:640px) {
 .ci-list .signature dd .detail-box .img img {width:90%;}
}

.ci-list .logo-type dd .detail-box .img img {width:100%;}

.ci-list .color-system dd .tbl-data {margin-bottom:1.5em;}
.ci-list .color-system dd .tbl-data th,
.ci-list .color-system dd .tbl-data td {word-wrap:break-word;}
.ci-list .color-system dd .tbl-data thead th {border:solid #7f8589; border-width:0 1px; color:#fff; background:#70767b; font-weight:normal;}
.ci-list .color-system dd .tbl-data tbody th {font-size:1.143em;}
.ci-list .color-system dd .tbl-data tbody .th01 {color:#003876;}
.ci-list .color-system dd .tbl-data tbody .th02 {color:#ed174b;}
.ci-list .color-system dd .tbl-data tbody .th03 {color:#00acd3;}
.ci-list .color-system dd .tbl-data tbody .th04 {color:#0080c4;}
.ci-list .color-system dd .tbl-data tbody .th05 {color:#929aa0;}
.ci-list .color-system dd .tbl-data tbody .th06 {color:#8d8c8f;}
.ci-list .color-system dd .tbl-data tbody .th07 {color:#988043;}
.ci-list .color-system dd .tbl-data tbody th,
.ci-list .color-system dd .tbl-data tbody td {padding-right:10px; padding-left:10px; border:1px solid #e1e1e1; background:#fff; text-align:center;}

.ci-list .color-system dd .metalic ul:after {content:""; clear:both; display:block;}
.ci-list .color-system dd .metalic .img {padding:4.286em 20% 3.929em;}
.ci-list .color-system dd .metalic li {float:left; width:50%; text-align:center;}
.ci-list .color-system dd .metalic li img {display:inline-block; padding-left:10%; margin-bottom:1.786em;}
.ci-list .color-system dd .metalic li span {display:block; width:108px; height:2.143em; line-height:2.143em; margin:0 auto; text-align:center; color:#333; border-radius:15px; background:#fafafa;}
@media screen and (max-width:880px) {
 .ci-list .color-system dd .metalic .img {padding:4.286em 5% 3.929em;}
}
@media screen and (max-width:640px) {
 .ci-list .color-system dd .metalic li {float:none; width:100%;}
 .ci-list .color-system dd .metalic li + li {margin-top:3em;}
}
.ci-list .color-system dd .bkwh .img {padding:2.857em 10% 4.286em;}
.ci-list .color-system dd .bkwh .img img {width:100%; max-width:700px;}
.ci-list .color-system dd .bkwh .img p{margin-top:2em;}
.ci-list .color-system dd .svgd .img {padding:2.857em 0;}
.ci-list .color-system dd .svgd ul:after {content:""; clear:both; display:block;}
.ci-list .color-system dd .svgd li {float:left; width:50%; margin-bottom:2.5em; text-align:center;}
.ci-list .color-system dd .svgd li span {display:block; max-width:242px; margin:0 auto; margin-top:0.5em;}
@media screen and (max-width:820px) {
 .ci-list .color-system dd .svgd li {float:none; width:100%;}
}
@media screen and (max-width:400px) {
 .ci-list .color-system dd .svgd li img {width:100%; max-width:242px;}
}
@media screen and (max-width:320px) {
 .ci-list .color-system dd .svgd li img {width:80%;}
}

/* 인사제도-복리후생 */
.top-line-box {position:relative; padding-top:3.571em; margin-bottom:3.571em; border-top:1px solid #e1e1e1;}
.prsnl-info {position:relative;}
.prsnl-info h4 {position:absolute; left:0; top:0;}
.prsnl-info .prsnl-cnt {margin-left:240px;}
.prsnl-info .prsnl-cnt .mo-rank {display:none;}
.prsnl-info .prsnl-cnt .rank {position:relative;}
.prsnl-info .prsnl-cnt .rank .tbl-data01 {width:87%; margin-right:1%;}
.prsnl-info .prsnl-cnt .rank .executive {position:absolute; right:0; top:0; width:12%; height:100%; background:#7094ba; color:#fff; text-align:center; font-weight:bold; font-size:1.143em;}
.prsnl-info .prsnl-cnt .rank .executive span {display:inline-block; padding-top:2.875em;}
.prsnl-info .prsnl-cnt .rank .tbl-data01 tbody th {padding-left:10px; padding-right:10px; text-align:center; word-wrap:break-word;}
.prsnl-info .prsnl-cnt .rank .tbl-data01 tbody td {padding-right:0;}
.prsnl-info .prsnl-cnt .desc-txt {margin-bottom:3.571em;}
.prsnl-info .prsnl-cnt .desc-txt li {margin-top:0.667em; color:#787878; font-size:0.857em;}
.prsnl-info .appraisal {padding:3.571em; background:#f9f9f9;}
.prsnl-info .appraisal > img {display:block; max-width:705px; margin:0 auto; margin-bottom:0.714em;}
.prsnl-info .appraisal .mo-img {display:none;}
.prsnl-info .appraisal dl {margin-top:3.571em;}
.prsnl-info .appraisal dl dt {padding-bottom:1.111em; color:#004288; border-bottom:1px solid #e1e1e1; font-size:1.286em;}
.prsnl-info .appraisal dl dd {padding-top:2.143em;}
.prsnl-info .appraisal dl dd p {color:#666;}

.prsnl-info .appraisal dl dd ul {margin-top:2em;}
.prsnl-info .appraisal dl dd ul:after {content:""; clear:both; display:block;}
.prsnl-info .appraisal dl dd li {position:relative; display:table; float:left; width:30%; height:80px; padding:0 10px; margin-left:5%; border:1px solid #e6e6e6; border-radius:30px; box-sizing:border-box; text-align:center; background:#fff;color:#666;}
.prsnl-info .appraisal dl dd li:before {content:""; position:absolute; left:-10%; top:50%; width:8px; height:13px; margin-top:-6px; background:url('/en/images/ico/appr-arrow.png') no-repeat;}
.prsnl-info .appraisal dl dd li.right:before {background-position:0 -13px;}
.prsnl-info .appraisal dl dd li:first-child:before,
.prsnl-info .appraisal dl dd li:nth-child(6):before,
.prsnl-info .appraisal dl dd li:nth-child(7):before {content:normal;}
.prsnl-info .appraisal dl dd li:nth-child(3):after,
.prsnl-info .appraisal dl dd li:nth-child(6):after {content:""; position:absolute; left:50%; bottom:-35%; width:13px; height:8px; margin-top:-6px; background:url('/en/images/ico/appr-arrow.png') 0 -26px no-repeat;}
.prsnl-info .appraisal dl dd li span {display:table-cell; vertical-align:middle;}
.prsnl-info .appraisal dl dd li em {display:none; color:#88a1bc; text-indent:0;}
.prsnl-info .appraisal dl dd li:first-child,
.prsnl-info .appraisal dl dd li:nth-child(6),
.prsnl-info .appraisal dl dd li:nth-child(7) {margin-left:0;}
.prsnl-info .appraisal dl dd li.right {float:right; margin-top:2.857em;}
.prsnl-info .appraisal dl dd li.left {margin-top:2.857em;}

@media screen and (max-width:900px) {
  .prsnl-info .prsnl-cnt .pc-rank {display:none;}
  .prsnl-info .prsnl-cnt .mo-rank {display:block;}
  .prsnl-info .prsnl-cnt .rank .tbl-data01 {width:100%; margin-right:0;}
  .prsnl-info .prsnl-cnt .rank .executive {position:static; width:100%; margin-top:1em;}
  .prsnl-info .prsnl-cnt .rank .executive span {padding:1em 0;}
}
@media screen and (max-width:880px) {
 .prsnl-info .prsnl-cnt {margin-left:29%;}
 .prsnl-info .appraisal dl dd li {font-size:0.857em;}
}
@media screen and (max-width:640px) {
 .prsnl-info h4 {position:static; margin-bottom:1em;}
 .prsnl-info .prsnl-cnt {margin-left:0;}
 .prsnl-info .appraisal {padding:1.786em;}
 .prsnl-info .appraisal .pc-img {display:none;}
 .prsnl-info .appraisal .mo-img {display:block; width:60%;}
 .prsnl-info .appraisal dl dd ul {width:380px; margin:2em auto 0;}
 .prsnl-info .appraisal dl dd li:before,
 .prsnl-info .appraisal dl dd li.right:before,
 .prsnl-info .appraisal dl dd li:nth-child(3):after,
 .prsnl-info .appraisal dl dd li:nth-child(6):after {content:normal;}
 .prsnl-info .appraisal dl dd li {width:100%; height:40px; padding:0 10%; margin-left:0; margin-top:1em; text-align:left;}
 .prsnl-info .appraisal dl dd li.right,
 .prsnl-info .appraisal dl dd li.left {margin-top:1em;}
 .prsnl-info .appraisal dl dd li span {padding-left:50px; text-indent:-50px;}
 .prsnl-info .appraisal dl dd li span br {display:none;}
 .prsnl-info .appraisal dl dd li em {display:inline-block; padding-right:5px;}
}
@media screen and (max-width:480px) {
 .prsnl-info .appraisal .mo-img {width:100%;}
 .prsnl-info .appraisal dl dd ul {width:100%;}
 .prsnl-info .appraisal dl dd ul li {padding:2% 10%;} 
}
@media screen and (max-width:400px) {
 .prsnl-info .prsnl-cnt .rank .tbl-data01 th,
 .prsnl-info .prsnl-cnt .rank .tbl-data01 td {font-size:0.857em;}
 .prsnl-info .prsnl-cnt .rank .executive {font-size:0.929em;}
 .prsnl-info .prsnl-cnt .desc-txt li {font-size:0.786em;}
 .prsnl-info .appraisal dl dt {font-size:1.071em;}
 .prsnl-info .appraisal dl dd {padding-top:1.143em; font-size:0.857em;}
 .prsnl-info .appraisal dl dd li {height:35px; padding:2% 7%; font-size:1em;}
}

.etc-txt {position:absolute; right:0; top:-23px; color:#787878; font-size:0.857em;}
.hori-wrap {margin-bottom:3.214em;}
.hori-wrap:after {content:""; clear:both; display:block;}
.hori-wrap.last .benefit-box {padding-top:0;}
.hori-wrap .benefit-box {position:relative; float:left; width:45%; min-height:112px; padding-top:1.429em; padding-left:140px; box-sizing:border-box;}
.hori-wrap .benefit-box:after {content:""; position:absolute; left:0; top:0; width:112px; height:112px; border-radius:56px; background:#f7f7f7 url('/en/images/ico/ico-benefit.png') no-repeat;}
.hori-wrap .benefit-box.benefit01:after {background-position:0 0;}
.hori-wrap .benefit-box.benefit02:after {background-position:0 -112px;}
.hori-wrap .benefit-box.benefit03:after {background-position:0 -224px;}
.hori-wrap .benefit-box.benefit04:after {background-position:0 -336px;}
.hori-wrap .benefit-box.benefit05:after {background-position:0 -448px;}
.hori-wrap .benefit-box.benefit06:after {background-position:0 -560px;}
.hori-wrap .benefit-box.benefit07:after {background-position:0 -672px;}
.hori-wrap .benefit-box.benefit08:after {background-position:0 -784px;}
.hori-wrap .benefit-box + .benefit-box {margin-left:10%;}
.hori-wrap .benefit-box strong {display:block; margin-bottom:1.111em; font-weight:normal; font-size:1.286em;}
.hori-wrap .benefit-box ul li {padding-left:12px; margin-bottom:0.5em; color:#666; background:url('/en/images/bg/dot-2by2-gray.gif') 0 8px no-repeat;}
@media screen and (max-width:700px) {
 .etc-txt {top:10px;}
 .hori-wrap .benefit-box {float:none; width:100%;}
 .hori-wrap .benefit-box + .benefit-box {margin-left:0; margin-top:3.214em;}
}
@media screen and (max-width:400px) {
 .hori-wrap .benefit-box strong {font-size:1.071em;}
 .hori-wrap .benefit-box ul li {font-size:0.857em;}
 .hori-wrap .benefit-box {min-height:0; padding-top:0; padding-left:70px;}
 .hori-wrap .benefit-box:after {top:50%; width:56px; height:56px; margin-top:-28px; border-radius:28px; background-size:56px auto;}
 .hori-wrap .benefit-box.benefit01:after {background-position:0 0;}
 .hori-wrap .benefit-box.benefit02:after {background-position:0 -56px;}
 .hori-wrap .benefit-box.benefit03:after {background-position:0 -112px;}
 .hori-wrap .benefit-box.benefit04:after {background-position:0 -168px;}
 .hori-wrap .benefit-box.benefit05:after {background-position:0 -224px;}
 .hori-wrap .benefit-box.benefit06:after {background-position:0 -280px;}
 .hori-wrap .benefit-box.benefit07:after {background-position:0 -336px;}
 .hori-wrap .benefit-box.benefit08:after {background-position:0 -392px;}
}

/* 인재육성 */
.training-visual {position:relative; width:660px; height:417px; margin:0 auto; background:url('/en/images/image/talent-training.png') center center no-repeat; background-size:contain;}
.training-visual li {position:absolute;}
.training-visual li:first-child {left:-6%; top:16.5%; text-align:right;}
.training-visual li:nth-child(2) {left:87%; top:16.5%; width:100%;}
.training-visual li:nth-child(3) {left:-6%; top:80.5%; text-align:right;}
.training-visual li:nth-child(4) {left:87%; top:80.5%; width:100%;}
@media screen and (max-width:690px) {
 .training-visual {width:100%; margin:5em 0;}
 
 .training-visual li:first-child {left:14%; top:-10%; text-align:center;}
 .training-visual li:nth-child(2) {left:55%; top:-10%; width:40%;text-align:center;}
 .training-visual li:nth-child(3) {left:14%; top:105%; text-align:center;}
 .training-visual li:nth-child(4) {left:55%; top:105%; width:40%;text-align:center;}
}
@media screen and (max-width:420px) {
 .training-visual {height:340px;}
 .training-visual li {font-size:0.857em;}
}
@media screen and (max-width:320px) {
 .training-visual {height:300px;}
}

.talent-training {position: relative;
    padding-top: 60px;
    margin-bottom: 60px;
    border-top: 1px solid #d7d7d7;}
.talent-training dt {position:absolute; left:0; top:1.227em; height:2.045em; line-height:2.045em; padding-left:2.727em; font-size:1.571em;}
.talent-training dt.multi {line-height:1.2;}
.talent-training dt:before {content:""; position:absolute; left:0; top:0; width:45px; height:45px; background:url('/en/images/ico/ico-tlnt-traing.png') no-repeat;}
.talent-training.tt01 dt:before {background-position:0 0;}
.talent-training.tt02 dt:before {background-position:0 -45px;}
.talent-training.tt03 dt:before {background-position:0 -90px;}
.talent-training.tt04 dt:before {background-position:0 -135px;}
.talent-training dd {margin-left:400px;}
.talent-training dd p {margin-bottom:1.125em; font-size:1.143em;}
.talent-training dd > ul > li {margin-top:0.571em; padding-left:16px; background:url('/en/images/bg/dot-3by3-gray.gif') 0 7px no-repeat; color:#666;}
.talent-training dd > ul > li.first-child {margin-top:0;}
.talent-training dd .add {margin-top:0.571em;}
.talent-training dd .add li {margin-top:0.417em; font-size:0.857em;}
.talent-training dd .add li:first-child {margin-top:0;}
.talent-training dd .img-lar-view {margin-top:1.5em;}
.talent-training.tt02 dd:after {content:""; clear:both; display:block;}
.talent-training.tt02 dd > ul {float:left; width:45%; margin-right:10%;}
.talent-training.tt02 dd > ul + ul {margin-right:0;}
@media screen and (max-width:880px) {
 .talent-training dt {position:relative; top:0;}
 .talent-training dt.multi br {display:none;}
 .talent-training dd {margin-left:0; margin-top:2em;}
}
@media screen and (max-width:640px) {
 .talent-training {padding-top:1.5em;}
 .talent-training dd {margin-top:1.5em;}
}
@media screen and (max-width:400px) {
 .talent-training dt {height:1.875em; line-height:1.875em; font-size:1.143em;}
 .talent-training dt:before {width:30px; height:30px; background-size:30px auto;}
 .talent-training.tt01 dt:before {background-position:0 0;}
 .talent-training.tt02 dt:before {background-position:0 -30px;}
 .talent-training.tt03 dt:before {background-position:0 -60px;}
 .talent-training.tt04 dt:before {background-position:0 -90px;}
 .talent-training dd p {margin-bottom:1.125em; font-size:0.929em;}
 .talent-training dd > ul > li {padding-left:10px; background-position:0 5px; font-size:0.857em;}
 .talent-training dd .add li {font-size:0.786em;}
 .talent-training.tt02 dd > ul {float:none; width:100%; margin-right:0;}
}

.dream-box {position:relative; margin-bottom:10px; padding-right:154px; border:1px solid #e1e1e1; border-radius:0.643em;}
.dream-box .dream {position:absolute; top:0; right:0; width:153px; padding:1.25em 0; border-left:1px solid #e1e1e1; border-radius:0 0.643em 0.643em 0; text-align:center; background:#f9f9f9; font-size:1.143em; font-weight:bold;}
.dream-box ul {width:90%; margin:0 auto; }
.dream-box ul:after {content:""; clear:both; display:block;}
.dream-box ul li {position:relative; float:left; width:17.5%; padding:1.25em 0; padding-left:10%; color:#666; font-size:1.143em;}
.dream-box ul li:before {content:""; position:absolute; top:50%; left:5%; width:24px; height:24px; margin-top:-12px; background:url('/en/images/bg/bg-plus.png') no-repeat; }
.dream-box ul li:first-child {padding-left:0; background:none;}
.dream-box ul li:first-child:before {background:none;}
.dream-box ul li em { font-weight:bold;}
.dream-box ul li:first-child em {color:#2b6c72;}
.dream-box ul li:nth-child(2) em {color:#aa4125;}
.dream-box ul li:nth-child(3) em {color:#496377;}
.dream-box ul li:nth-child(4) em {color:#447155;}
@media screen and (max-width:1110px) {
 .dream-box ul {width:95%;}
}
@media screen and (max-width:1000px) {
 .dream-box {padding-right:0;}
 .dream-box .dream {position:static; width:100%; border-top:1px solid #e1e1e1; border-left:0 none; border-radius:0 0 0.643em 0.643em;}
 .dream-box ul li {float:none; width:100%; padding:2.5em 0; padding-left:0; text-align:center;}
 .dream-box ul li:first-child {padding-bottom:1.25em;}
 .dream-box ul li:before {top:0; left:50%; margin-top:0; margin-left:-12px;}
}
@media screen and (max-width:400px) {
 .dream-box .dream {font-size:0.929em;}
 .dream-box ul li {font-size:0.929em;}
 .dream-box ul li:first-child {padding-bottom:2em;}
 .dream-box ul li:before {width:18px; height:18px; margin-top:-9px; background-size:contain; }
 
}

/* 직무소개 */
.duty-intro .tab-wrap {margin-bottom:2.5em;}
.duty-box {margin-bottom:3.429em; padding:0.857em 2.143em; border:1px solid #ececec;}
.duty-box > li {position:relative; padding:1.214em 0; border-top:1px solid #ececec;}
.duty-box > li:first-child {border-top:0 none;}
.duty-box > li span {position:absolute; left:0; top:17px; color:#458acf; font-weight:bold;}
.duty-box > li > div {margin-left:130px; color:#666;}
.duty-box > li > div p {margin-bottom:0.857em;}
.duty-box > li > div ul li {position:relative; padding-left:8px; margin-bottom:0.857em;}
.duty-box > li > div ul li:before{content:"·"; position:absolute; left:0; top:0;}

@media screen and (max-width:480px){
 .duty-box > li span {position:static; display:block; margin-bottom:15px;}
 .duty-box > li > div {margin-left:0;}
}

/*담당자정보*/
.manager h2{margin:1.3em 0 1em; font-size:1.428em;}
.manager .solution-wrap.mt40 {margin-top:2.5em;}
.manager .solution-wrap + .solution-wrap .solution-tit {border-top:0 none;}
.manager .solution-tit {display:table; width:100%; height:2.5em; margin-top:2.5em; font-size:1.143em; border:1px solid #e1e1e1; border-bottom:0 none; background:#e5ecf2; box-sizing:border-box;}
.manager .solution-tit span {display:table-cell; vertical-align:middle; text-align:center;}
.manager .solution{margin:0; padding:0.3em 2.7%; border:1px solid #e1e1e1;}
.manager .solution + .solution {border-top:0 none;}
.manager .solution.last {margin-bottom:4em;}
.manager .container-tr {display: table; width:100%; border-top:1px solid #e1e1e1; font-size:1em;}
.manager .container-tr:first-child {border-top:0;}
.manager .container-tr .column{display: table-cell; vertical-align:middle; font-size:1.143em; color:#666;}
.manager .container-tr > .column:first-child{word-break:keep-all; width:35%; min-width:100px; padding:0 10px; color:#458acf; text-align:center;}
.manager .container-tr .column .row {display: table; width:100%;}
.manager .container-tr .column > .row{border-top:1px solid #e1e1e1;}
.manager .container-tr .column .row:first-child{border:0;}
.manager .container-tr .column .row .column{padding: 1.5em 0; font-weight:normal; font-size:1em;}
.manager .container-tr .column .row .column1{width:32%;}
.manager .container-tr .column .row .column2{width:28%;}
.manager .container-tr .column .row .column3{width:40%;}
.manager .container-tr .column .row .column4{width:50%;}


.manager .container-tr .column .row .column3 p a {color:#666;}
.manager .container-tr .column .row .column3 p a:hover {color:#0a5db1;}
.manager .container-tr .column .row .column3 span + p {margin-top:0.6em;}
.manager .container-tr .column .row .column3 span {display:none; }
.manager .nonumber .container-tr > .column:first-child{width:50%;}
.manager .nonumber .container-tr .column .row .column1 {width:40%;}
.manager .nonumber .container-tr .column .row .column3 {width:40%;}

@media screen and (max-width: 880px){
.manager{font-size:0.857em;}  
}

@media screen and (max-width: 740px){
.manager .container-tr > .column:first-child{width:100%; text-align:left; font-size:1.333em;}
.manager .container-tr > .column:first-child br {display:none;}
.manager .container-tr{padding:1em 0;}
.manager .container-tr .column{display:block; font-size:1.166em;}
.manager .container-tr .column .row .column{padding:0; font-weight:normal; line-height:28px; font-size:1em;}
.manager .container-tr .column .row .column1{width:auto; padding-left:1em; background: url('/en/images/bg/bg-dot.png') 0 15px no-repeat;}
.manager .container-tr .column .row .column2{width:auto; padding-left:1em; background: url('/en/images/bg/bg-dot.png') 0 15px no-repeat;}
.manager .container-tr .column .row .column3{width:auto; float:left; line-height:28px; padding-left:1em; background: url('/cn/images/bg/bg-dot.png') 0 15px no-repeat;}
.manager .container-tr .column .row .column3 span {display:inline-block; padding:0 0.4em;}
.manager .container-tr .column .row .column3 p {display:inline-block; margin:0 !important;}
.manager .container-tr .column .row:first-child{margin-top:0.5em; padding-top:0;}
.manager .container-tr .column > .row{margin-top:1em; padding-top:1em; border-top:1px dashed #e1e1e1;}
.manager .container-tr > .column{padding-left:20px;}

.manager .nonumber .container-tr > .column:first-child{width:100%;}
.manager .nonumber .container-tr .column .row .column1 {width:auto;}
.manager .nonumber .container-tr .column .row .column3 {width:auto;}
}




@media only print {
  html, body {width:1100px; height:auto; overflow:hidden;}
  #wrap {width:1100px; }
  .wrap {padding-left:0 !important; margin-top:40px;}
  footer, .fixed-aside, .topper-head, .share-wrap {display:none;}
  #cont-wrap {padding:0 20px !important;}
  table {max-width:1100px !important;}
  .topper .util, .topper .search {display:none !important;}
  .rela-item, .prod-qna {display:none !important;}
}

/* low ver. message */
.low-browser {background-color:#fff; width:520px; height:280px; left:50%; top:50%; margin:-160px 0 0 -260px; border:1px solid #000; z-index:99999; position:fixed; z-index:100001; overflow:hidden;}
.boxer {text-align:center;}
.boxer img {width:auto;}
.boxer .logo {display:block; margin:38px auto 25px;}
.boxer p {margin:10px 0; font-size:16px; color:#000;}
.boxer p.emp {font-size:18px; font-weight:18px; line-height:130%; font-weight:bold;}
.boxer .btns {margin-top:25px; text-align:center;}
.boxer .btns a {margin:0 3px;}

.as-img-resize-news a span {position: relative; overflow:hidden;}
.as-img-resize-news a span img {border:0;}
.as-img-resize-news a span.long img {width:auto; height:170px; display:block; margin:0 auto;}
.as-img-resize-news a span.wide img {display:block; height:auto; width:100%;}
.as-img-resize-news .resz {display:block;}

/* 채용FAQ */
.aside-btn .btn-faq {position:relative; display:inline-block; padding:0 61px 0 20px; font-size:14px; color:#fff; line-height:38px; border:1px solid #d7d7d7; background:#666;}
.aside-btn .btn-faq:after {content:''; position:absolute; top:50%; right:20px; width:21px; height:14px; margin-top:-7px; background:url('/en/images/ico/btn-faq.png') no-repeat 0 0; background-size:21px 14px;}

@media screen and (max-width: 640px){
  .aside-btn .btn-faq { font-size:12px;}
}

/* 재무상태표 */
.finance .headnote .note-left {display:block; float:none; margin-bottom:1em;}
.finance .headnote .note-tit {font-size:1.333em; color:#333;}
.finance .footnote p {text-align:left;}