/* layout */
#wrap {}
#header {background:rgba(0,0,0,0.6); position: absolute; left: 0; top: 0; width: 100%; height: 140px;z-index: 1000;}
#header:hover { background:#fff; }
#banner {}
#banner img {width: 100%; display:block; height: auto;}
#contents {}
#contents.main>div {padding: 100px 0;}
#footer {}

/* skip */
#skip {position: relative;z-index:9999; }
#skip a {position: absolute;left: 0;top: 0; border:1px solid #0093bd; background-color: #fff; padding: 5px 7px; top: -50px;}
#skip a:focus, #skip a:active {top: 0;}

/* contents layout */
#cont-product {
  background:url(../img/flt_img1.png) no-repeat 600px -70px,
  url(../img/flt_img2.png) no-repeat -10px 0px,
  url(../img/flt_img4.png) no-repeat 1300px 80px;
background-color: #ebebec;}
#cont-news {
  background:
    url(../img/new-img1.png) no-repeat 1220px 50px,
    url(../img/new-img2.png) no-repeat 1540px 150px,
    url(../img/new-img3.png) no-repeat 1580px 150px;
}
#cont-story {background:url(../img/mSection_story_bg.jpg) no-repeat 0 bottom;}
#contents h2 {font-size: 40px; text-align: center; text-transform: uppercase; font-weight: bold;}
#contents .desc {font-size: 18px; color: #767676; text-align: center; margin-bottom: 80px;}
/* container(가운데 영역) */
.container {width: 1176px; margin: 0 auto; /*background:rgba(0,0,0,0.4);*/}

/* header-wrap */
.header-wrap { }
.header-wrap .header-top {text-align: center; border-bottom: 1px solid rgba(255,255,255,0.2) }
.header-wrap .header-top h1 {padding: 30px 0 24px 0;}
.header-wrap .header-nav ul {overflow: hidden; }
.header-wrap .header-nav ul li {float: left; width: 16.666%; text-align: center; }
.header-wrap .header-nav ul li a {color: #fff; font-size: 16.5px; padding: 10px; display: block; border-bottom: 3px solid transparent;}
.header-wrap .header-nav ul li a:hover {color:#1471b8!important; border-bottom: 3px solid #1471b8;}
.header-wrap .header-nav ul li ul { padding: 30px 0; border-top: 1px solid rgba(255,255,255,0.2); display: none;}
.header-wrap .header-nav ul li ul li { width: 100%;}
.header-wrap .header-nav ul li ul li a {padding: 3px 10px; color: #999; font-size: 14.5px;border-bottom: 3px solid transparent;}
.header-wrap .header-nav ul li ul li a:hover {color:#1471b8!important; border-bottom: 3px solid transparent;}

#header:hover {background:#fff;}
#header:hover .header-wrap .header-top { border-bottom: 1px solid rgba(0,0,0,0.2);}
#header:hover .header-wrap .header-nav ul li a {color:#000;}
#header:hover .header-wrap .header-nav ul li ul { border-top: 1px solid rgba(0,0,0,0.2); }


/* cont-product */
.product {position:relative; text-align: center; }
.product ul {overflow: hidden; width: 950px; margin: 0 auto;}
.product li {float: left; margin-right: 10px; margin-bottom: 10px; text-align: center;}
.product li a {display: block; width: 230px; height: 230px; background-color: #fff;  }
.product li img {padding-top: 30px; padding-bottom: 15px; }
.product li span {display:block; font-size: 18px; }
.product li.last {margin-right: 0px; }
.product .pimg {position: absolute; left:-350px; bottom: -390px;}


/* news-layout */
.news {overflow: hidden; }
.news-left {float: left; width: 879px; }
.news-left .new-left-top {overflow: hidden; width: 100%; margin-bottom: 10px;}
.news-left .new-left-bom {width: 100%; overflow: hidden;}
.news-right {position: relative; float: right; width: 226px; height: 460px; background-color: rgba(204,204,204,0.9) ;  padding: 30px;}
.news-right h3 {font-size: 18px; font-weight: bold; border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; margin-bottom: 15px; }
.news-right .news-img img {width: 226px; height: 136px; padding-bottom: 15px; }
.news-right .news-text {position: relative; padding-bottom: 10px; border-bottom: 1px solid #dbdbdb; margin-bottom: 15px;}
.news-right .news-text em {position: absolute; left: 0; top: 0; width: 30px; height: 20px; background-color: #0068b7; text-align: center; color:#fff;}
.news-right .news-text a {padding-left: 35px; display:block;}
.news-right .news-text a:hover {text-decoration:underline;}
.news-right .news-text a .nt-tit {font-size: 16px; color:#111; line-height: 18px; font-weight: bold;}
.news-right .news-text a .nt-desc {font-size: 15px; color:#656565; line-height: 18px; margin-top: 15px; display:block;}
.news-right .news-list {}
.news-right .news-list li {position: relative; padding-left: 35px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 15px;}
.news-right .news-list li a {color:#656565; }
.news-right .news-list li em {position: absolute;left: 1px; top: 3px; width: 30px; height: 20px; background-color: #0068b7; text-align: center; color:#fff; font-size: 12px;}
.news-right .more {position: absolute; right: 30px; top: 35px; background: url(../img/mMore_bt.png); width: 16px; height: 16px; }



/* new-video */
.new-video {position: relative; float: left; width: 580px; height: 336px; border: 1px solid #e0e0e0;}
.new-video .play {position: absolute; left:50%; top: 50%; margin-left: -30px; margin-top: -30px; }

/* new-recruit */
.new-recruit {position: relative; float: right; width: 224px; height: 276px; border: 1px solid #e0e0e0; padding: 30px; background-color: #fff;}
.new-recruit h3 {font-size: 18px; font-weight: bold; border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; margin-bottom: 15px; }
.new-recruit li a {color: #666; font-size: 15px; }
.new-recruit .more {position: absolute; right: 30px; top: 35px; background: url(../img/mMore_bt.png); width: 16px; height: 16px; }

/* new-custom */
.new-custom {float: left; width: 164px; height: 140px; margin-right: 10px; border: 1px solid #e0e0e0; padding: 28px 0 0 120px; background: url(../img/custom_img1.png) no-repeat 28px 47px}
.new-custom h3 {font-size: 18px; font-weight: bold; padding-bottom: 8px;  }
.new-custom p {font-size: 14px; color: #767676; padding-bottom: 20px; line-height: 20px}

/* new-factory */
.new-factory {float: left; width: 164px; height: 140px; border: 1px solid #e0e0e0; padding: 28px 0 0 120px; background: url(../img/factory_img1.png) no-repeat 28px 47px;}
.new-factory h3 {font-size: 18px; font-weight: bold; padding-bottom: 8px;  }
.new-factory p {font-size: 14px; color: #767676; padding-bottom: 20px; line-height: 20px}

/* new-franchise */
.new-franchise {float: right; width: 226px; height: 110px; background-color: #1977be; padding: 30px;}
.new-franchise h3 {font-size: 18px; font-weight: bold; color: #fff; padding-bottom: 8px;}
.new-franchise p {font-size: 14px; color: #9fd6ff; padding-bottom: 20px; line-height: 20px}


/* cont-story */
.story {overflow: hidden;}
.story li {float: left; width: 25%; height: 400px; background: #ccc;}
.story li.sbox1 {background:#fff url(../img/st1.jpg) no-repeat; background-size:100%; padding-top:200px; height: 200px; }
.story li.sbox2 {background:#fff url(../img/st2.jpg) no-repeat 0 bottom ; background-size:100%;}
.story li.sbox3 {background:#fff url(../img/st3.jpg) no-repeat; background-size:100%;padding-top:200px; height: 200px;}
.story li.sbox4 {background:#fff url(../img/st4.jpg) no-repeat 0 bottom ; background-size:100%;}
.story li .stit {padding-top:30px; display:block;font-size: 18px; font-weight: bold; text-align:center; }
.story li .sdesc {display:block; font-size: 16px; font-weight: normal; color:#555; padding: 5px 0;text-align:center;}
.story li .sbtn {padding-top: 40px;text-align:center; display:block;}

/* footer-top */
.footer-top {overflow: hidden; }
.footer-top .ft-left {float: left; width: 970px; height:60px; line-height: 60px; border-bottom: 1px solid #e1e1e1; }
.footer-top .ft-left li {display: inline; padding-right: 15px;}
.footer-top .ft-left li em {color: #0168b7; }
.footer-top .ft-left li a {font-size: 15px; color: #333}
.footer-top .ft-right {float: right;  border-bottom: 1px solid #000; padding: 0 15px}
.footer-top .ft-right a {display: block; font-size: 15px; color: #333; width: 176px; height:60px; line-height: 60px; background: url(../img/family-icon.png) no-repeat right center}

/* footer-bom */
.footer-bom {overflow: hidden; margin-top: 30px; color: #767676; font-size: 13px;  }
.footer-bom .fb-left {float: left; width: 60%; height:100px;  }
.footer-bom .fb-left li {display: inline; padding : 0 9px 0 7px;
  background: url(../img/bar.gif) no-repeat right 2px}
.footer-bom .fb-left li:first-child {padding-left: 0;}
.footer-bom .fb-left li:last-child {padding-left: 0;}
.footer-bom .fb-left li.last {padding-left: 0;}
.footer-bom .fb-left li.nobar {background: none;}
.footer-bom .fb-right {float: right; width: 30%; height:100px; text-align: right; }
.footer-bom .fb-right img {padding-left: 5px;}


/* ------------------------------------------------------sub page------------------------------------------------------------------*/
/* sub-banner */
#sub-banner {height: 144px; overflow: hidden; background:url(../img/sub-bg1.jpg) no-repeat; text-align: center; color:#fff; padding-top: 190px;}
#sub-banner.productbrand { background:url(../img/sub-bg2.jpg) no-repeat; }
#sub-banner.global { background:url(../img/global-bg.jpg) no-repeat;}
#sub-banner.news {background:url(../img/j7MkJLG.jpg) no-repeat; }
#sub-banner img {width: 100%; display: block;}
#sub-banner h2 {font-size: 30px;}
#sub-banner p {padding: 16px; opacity:0.6; font-size: 16px;}

/* sub-menu */
#sub-menu {height: 49px; border-bottom: 1px solid #e1e1e1; }
.sub-menu {overflow: hidden;}
.sub-menu ul {padding-left: 78px; }
.sub-menu .m4 {padding-left: 249px;}
.sub-menu .m4.global-sm {padding-left: 340px;}
.sub-menu .m4.news-sm {padding-left: 185px;}
.sub-menu li {float: left; position:relative;}
.sub-menu li a {display: inline-block; width: 170px; height: 47px; line-height: 50px; font-size: 16px; color: #333; text-align: center;}
.sub-menu li.active a {color: #0168b7; border-bottom: 2px solid #0168b7; }
.sub-menu li:hover a {color: #0168b7; border-bottom: 2px solid #0168b7;}
.sub-menu li:before {content:'';width:1px; height:18px; background-color:#e1e1e1; position:absolute; left:0; top:15px;}
.sub-menu li:first-child:before {background: none;}

/* path */
.path {text-align:right; font-size:15px; color:#767676; padding:20px 0 30px;}
.path span {padding-left:15px; background:url(../img/path_arrow.png) no-repeat 5px 5px; }
.path span:first-child {background:none;}

/* sub-contents */
.sub-contents {}
.sub-contents h3 {font-size:36px; color:#333; text-align:center; border-bottom:1px solid #e1e1e1; padding-bottom:25px; font-weight:bold; }

.sub-contents h4 {font-size:32px; color:#333; text-align:center;padding-top:70px; padding-bottom:30px; font-weight:bold;}

/* ceo */
.sub-cont-wrap { }
.sub-cont-wrap .ceo {width:100%; height:1055px; background:url(../img/ceoMssgA_bg.jpg) top no-repeat;}
.sub-cont-wrap .ceo em{font-size:32px; color:#fff; padding:95px 0 0 610px; display:block; line-height: 40px;}
.sub-cont-wrap .ceo .ceo-txt {font-size:16px; line-height:24px; color:#fff; padding:35px 0 0 610px;}
.sub-cont-wrap .mss {width:1050px; height:654px; border:1px solid #e2e2e2; margin:0 auto; margin-top:115px; background:#fff;}
.sub-cont-wrap .mss ul {padding:0; }
.sub-cont-wrap .mss ul li {margin:30px 0 0 40px;}
.sub-cont-wrap .mss ul li .txt {padding:0; font-size:24px; color:#000;}
.sub-cont-wrap .mss ul li .txt-col {color:#0168b7; font-size:24px; padding:0;}
.sub-cont-wrap .mss ul li .txt-small {padding:0; font-size:15px; color:#555; line-height:24px; margin-top:17px;}
.mss .ceo-name {text-align:right; display:block; font-size:15px; color:#666; padding:5px 46px 0;}
.mss .ceo-name img{margin-left:40px;}

/* mission */
.mission {border-bottom:1px solid #e1e1e1; padding-bottom:80px;}
.sub-cont-wrap  .mis-txt{ color:black; padding:0; text-align:center;font-size:30px; }
.sub-cont-wrap  .mis-txt-col {color:#0168b7; padding:0; text-align:center; font-size:30px;}
.sub-cont-wrap  .mis-txt-small {color:#555; font-size:16px; text-align:center; padding:0; margin-top:24px; line-height:24px;}
.sub-cont-wrap .mission .mis-img { width:852px; height:304px; background:url(../img/mssListW_bg.png) no-repeat; margin:44px auto 0;}
.sub-cont-wrap .mission .mis-img ul {overflow:hidden; margin:0 auto; }
.sub-cont-wrap .mission .mis-img li {float:left; width:274px; height:304px; color:#fff; font-size:15px; margin:75px 0 0 5px; display:block; text-align:center;}
.sub-cont-wrap .mission .mis-txt-tit {font-size:22px; position:relative; }
.sub-cont-wrap .mission .mis-txt-tit:after {content:'';width:30px; height:1px; background-color:#fff; position: absolute; top: 50px; left: 30px;}
.sub-cont-wrap .mission .mis-txt-sub {font-size:15px; margin-top:40px; }

/* vision */
.vision img {margin-top:50px;}

/* corevalues */
.corevalues {}
.corevalues ul {overflow: hidden;}
.corevalues ul li {border:1px solid #e1e1e1; width: 290px; height: 378px; float: left; text-align: center; display: block;  border-left:0;}
.corevalues ul li:first-child {border-left:1px solid #e1e1e1;}
.corevalues ul li img {padding: 45px 80px 25px 80px; width: 83px; height: 83px;}
.corevalues .core-txt1 {font-size:24px; color:#333; padding: 10px 0;}
.corevalues .core-txt2 {font-size:15px; color:#555; line-height: 24px;}

/* business strategy */
.busi {width: 1176px; height: 432px; background:url(../img/bStrategyA_bg.jpg) no-repeat; padding:100px 25px; padding-bottom: 0;}
.busi ul {overflow:hidden;}
.busi ul li {width: 290px; height: 147px; border-top: 2px solid #fff; float:left; margin-left: 50px; display: block; }
.busi ul li span {font-size: 24px; color:#fff; margin-top: 35px; display:block;}
.busi ul li p {font-size: 16px; color:#fff; margin-top: 5px; display:block;}

/* top_btn */
.top_btn {text-align: right; padding-right: 60px; }
.foot-bor {border-bottom:1px solid #e1e1e1; padding-top: 20px;}

/* sub-cont-menu */
.sub-contents h3 {font-size:36px; color:#333; text-align:center; font-weight:bold; border-bottom:none;}
.sub-cont-menu {overflow: hidden;}
.sub-cont-menu ul {overflow: hidden;}
.sub-cont-menu ul li {width: 295px; height: 50px; border:1px solid #474a4d; float: left; margin-right:-1px; background-color: #5b5f63; text-align: center; line-height: 50px;font-weight: bold; box-sizing: border-box; }
.sub-cont-menu ul li  a {font-size: 16px; color:#fff; }
.sub-cont-menu .long {width: 1174px; height: 48px; background: #fff; border-right:1px solid #474a4d; border-left:1px solid #474a4d; overflow: hidden;}
.sub-cont-menu ul li:last-child {border-right:1px solid #474a4d;}
.sub-cont-menu ul .first {background-color: #fff;  border-bottom:none;}
.sub-cont-menu ul .first a {color: #0168b7;}
.sub-cont-menu .long p {float: left; font-size: 15px; margin:12px 20px; color:#555; position: relative; }
.sub-cont-menu .long p:before {content: ''; width: 1px; height: 15px; background-color: #d5d5d5; position: absolute; top: 3px; left: -21px;}
.sub-cont-menu .long p:first-child {color:#0168b7; font-weight: bold;}

/* cate */
.cate {width: 1176px; height: 196px; border-bottom:1px solid #e1e1e1; box-sizing: border-box; overflow: hidden; margin: 10px; margin-bottom: 10px;}
.cate .cate-sub {width: 168px; height: 192px; float: left; margin-right: 28px; }
.cate a {text-align: center;  }
.cate a img {}
.cate a span {display: block; font-size: 15px; color: #767676;}
.cate a p {font-size: 16px;}
.cate .cate-sub:first-child span {color: #0168b7;}
.cate .cate-sub:first-child  p {color: #0168b7; }
.cate .cate-sub:first-child {border-bottom:3px solid #0168b7; }

/* side-bran */
.side-bran {width: 150px;height: 40px;border:1px solid black; float:right;}
.side-bran a {font-size: 15px; text-align: center; line-height: 40px;}
.side-bran p {}

/* ls-list */
.ls-list {width: 100%; margin-top: 50px;}
.ls-list ul {overflow: hidden;}
.ls-list ul li {float: left;width: 33%;height: 50px; border:1px solid #d5d5d5;text-align: center; line-height: 50px; border-right:0;}
.ls-list ul li:last-child {border-right:1px solid #d5d5d5;}
.ls-list ul li:first-child {background-color: #0168b7;}
.ls-list ul li:first-child a {color: #fff;}
.ls-list ul li a {font-size: 16px;color: #555; }

/* list-hd */
.list-hd img {margin: 60px auto; display: block;}
.list-hd-bg p {font-size: 15px; color: #666;}

/* brand-list*/
.brand-list {}
.brand-list .brand-list-wrap {margin-left: 60px; }
.brand-list .brand-list-wrap .brand-list-sec {width: 100%;overflow: hidden; margin-top: 20px; }
.brand-list .brand-list-wrap .brand-list-sec li {width: 50%; float: left;}
.brand-list .brand-list-wrap .brand-list-sec li .bg-txt {width: 50px;height: 50px;background: #0168b7; font-size: 30px; color: #fff; text-align: center; margin-top: 50px;}
.brand-list .brand-list-wrap .brand-list-sec li .bold-txt{font-size: 30px;color: #333; margin-top: 20px;}
.brand-list .brand-list-wrap .brand-list-sec li .non-txt {color: #555;font-size: 16px; margin-top: 20px; display: inline-block;}
.brand-list .brand-list-wrap .brand-list-sec li p .txt-blue {color: #0168b7;}

/* bott-last-wrap */
.bott-last-wrap {overflow: hidden; margin-left: 250px;}
.bott-last-wrap>p {float: left; width: 311px; height: 50px;text-align: center; line-height: 50px;}
.bott-last-wrap>p a {font-size: 16px;color: #fff; }
.bott-last-wrap .bott-last1 {background: #0168b7; margin-right: 50px;}
.bott-last-wrap .bott-last2 {background: #e36c09;}

/*-------------------------------global---------------*/
/* global-main */
.sub-contents.global-main h3 {font-size: 36px;color: #000;text-align: center;}
.global-main .global-lock {background:url(../img/gLeader_map.png) no-repeat center 170px #e7edf0; width: 100%; height: 1220px;}
.global-main .global-lock img {margin: 0 auto; display: block; padding-top: 80px;}
.global-main .global-lock .gbl-txt1 {font-size: 16px;color: #555; text-align: center; margin-top: 30px;}

/* .global-bwrap */
.global-lock .global-bwrap {width: 100%; height: 300px; background: #fff; margin-top: 550px; position: relative;}
.global-lock .global-bwrap .global-btxt1 {font-size: 16px;color: #555; text-align: center;}
.global-lock .global-bwrap ul {overflow: hidden;}
.global-lock .global-bwrap li {float: left;}
.global-lock .global-bwrap .global-btxt1 {padding-top: 40px;}
.global-lock .global-bwrap .global-btxt2 {font-size: 70px;color: #0168b7; position: relative; padding:20px 105px 0px 105px; height: 80px;}
.global-lock .global-bwrap .global-btxt2:after {content: ""; width: 1px;height: 85px;background: #ccc; position: absolute; top: 45px;right: 0;}
.global-lock .global-bwrap .global-btxt2.no:after {background: none;}
.global-lock .global-bwrap .global-btxt3 {text-align: center;font-size: 16px;color: #555; padding-top: 10px;}
.global-lock .global-bwrap .global-btxt4 {background:url(../img/map_point.png) no-repeat 0px 3px; position: absolute; top: -33px;right: 0; font-size: 13px;color: #555; padding-left: 20px;}
.global-main .global-lock .gl-img {text-align: center; float: left; padding-right: 30px; margin-top: -40px;}
.global-main .global-lock .gl-img.gl-img1 {padding-left: 350px;}

/* bg-sec2 */
.gb-sec2 {}
.gb-sec2 .bgs2-wrap {}
.gb-sec2> ul {width: 100%;overflow: hidden;border-bottom:1px solid #ccc; padding: 30px 0;}
.gb-sec2>ul>li {width: 50%;float: left;}
.gb-sec2 .bgs2-wrap .bgs2-wrap-txt {}
.gb-sec2 .bgs2-wrap .bgs2-txt1 {font-size: 24px;color: #333;margin-top: 30px;}
.gb-sec2 .bgs2-wrap .bgs2-txt2 {font-size: 15px;color: #555;margin-top: 22px;}
.gb-sec2 .bgs2-wrap .bgs2-txt3 a {font-size: 16px;color: #555;background:url(../img/shortCut_bt_icon.png) right center no-repeat; padding: 0px 67px 0px 30px; margin-left: 0; display: inline-block; height: 50px;float: left;  border:1px solid #d5d5d5; line-height: 50px; margin-top: 25px;}
.gb-sec2 .bgs2-wrap .bgs2-txt4 a {font-size: 16px;color: #555; padding:0px 30px; margin-left: 10px; display: inline-block; height: 50px;float: left;  border:1px solid #d5d5d5; line-height: 50px;margin-top: 25px;}
.gb-sec2 ul:last-child {border-bottom:0;}

/*-------------------------------new-------------------------*/

.new-wrap {margin-left: 310px;}
.new-wrap .new-all {position: relative;}
.new-wrap .new-all .new-all2 {height: 41px; padding-left: 10px;padding-right: 90px;border:1px solid #ccc; display: inline-block;position: relative; font-size: 16px;line-height: 40px;}
.new-wrap .new-all .new-all2:after {content: ""; position: absolute;top: 50%;right: 5px;transform: translateY(-50%);border-top:4px solid #000; border-right:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid transparent;}
.new-wrap .new-all .new-all2 input {position: absolute;top: 0;right: 0;padding: 7px 3px; }
.new-wrap .new-all .new-inp {margin-left:10px;width: 251px;height: 40px;}
.new-wrap .new-all .new-search {height: 42px;background: #5d5d5d;padding: 0 15px;line-height: 42px;font-size: 15px;color: #fff; display: inline-block; margin-left: 10px;}
.new-wrap .new-all a:last-child {position: absolute;top: 0;left: 495px;}

/*---------------------news--------------------------------*/