#spot.main{position: fixed; left: 0; top: 173px; width: 100%; height: 612px; z-index: 1; -webkit-transition: top 0.2s ease-in-out; -moz-transition: top 0.2s ease-in-out; -ms-transition: top 0.2s ease-in-out; -o-transition: top 0.2s ease-in-out; visibility: hidden;} #spot.main .box-movie2{background-color: #000;} /*#spot.main .bx-viewport{height: 640px !important;}*/ #spot.main .bx-controls{ display: none; } /*#wrap.ing #spot.main{top:132px;}*/ #spot.main .bg_m{display: none; width: 100%; height: auto;} #spot.main .bg_m img{width: 100%;} #spot.main .bg{display: block;} #spot.main .bg > img{width: 100%; } #spot.main .cont{position: absolute; left: 50%; top: 165px; width: 768px; text-align: center; color: #fff; margin-left: -384px; z-index: 10;} #spot.main .cont .t1 > span{display: inline-block; *display: inline; *zoom: 1;} #spot.main .cont .t1 > .n1{display: block; text-align: center;} #spot.main .cont .t1 > .n1.dib{display: inline-block; *display: inline; *zoom: 1;} #spot.main .cont .t2{position: relative; left: 0; top: 0; margin-top: 29px; padding-top: 29px; font-size: 23px; line-height: 30px; letter-spacing: -3px; font-weight: normal;} #spot.main .cont .t2 .txt{display: block; text-align: center;} #spot.main .cont .t2 .txt.pc{display: block;} #spot.main .cont .t2 .txt.mobile{display:none;} #spot.main .cont .btn{margin-top: 40px;} #spot.main .cont .btn button{ padding: 8px 14px; background-color: rgba(0,0,0,0.5); color: #fff; border-radius: 30px; } #spot.main .cont .btn button:hover,#spot.main .cont .btn button:focus{ background-color: #194e92; } #spot.main .cont .btn button.btn-bxplay{background-color: transparent;/* overflow: visible; */border-radius: 0;padding-top: 0px;} #spot.main .cont .line{position: absolute; left: 50%; top: 0; width: 60px; height: 2px; background-color: #fff; margin-left: -30px; } #spot.main .tab{position: absolute; left: 50%; bottom: 30px; width: 1400px; margin-left: -700px; z-index: 100;} #spot.main .tab > ul > li{width: 24.5%; float: left; text-align: center; margin-left: 0.6%;} #spot.main .tab > ul > li:first-child{margin-left: 0; width: 24.7%;} #spot.main .tab.n3 > ul > li{width: 33%;} #spot.main .tab.n3 > ul > li:first-child{margin-left: 0;width: 32.6%;} #spot.main .tab > ul > li > a{ display: block; width: 100%; color: #fff; font-size: 18px; line-height: 22px; padding-top: 17px; border-top: 2px solid #ffffff; border-color: rgba(255, 255, 255, .5); -webkit-transition: opacity 200ms ease-in-out; -moz-transition: opacity 200ms ease-in-out; -ms-transition: opacity 200ms ease-in-out; -o-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; } #spot.main .tab > ul > li > a:hover,#spot.main .tab > ul > li > a:focus{border-color: rgba(255, 255, 255, 1);} #spot.main .tab > ul > li.on > a{border-color: rgba(255, 255, 255, 1); border-top: 6px solid #fff; padding-top: 13px;} #spot.main .tab > ul > li .IcoAfter{ display: inline-block; *display: inline; *zoom: 1; position: relative; padding-left: 25px; overflow: hidden; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } #spot.main .tab > ul > li .IcoAfter:after{ position: absolute; left: 0; top: 1px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } /*#spot.main .tab > ul > li.on .IcoAfter{padding-left: 25px;} #spot.main .tab > ul > li.on .IcoAfter:after{top: 1px; left: 0;}*/ #container.main{padding-top: 56px; background-color: #fff;} #lst-isotope.main{padding-bottom: 50px;} #lst-isotope.main .bx-controls {display: none;} #lst-isotope.main:after{display: block;clear: both;content:"";height: 0;visibility: hidden;} #lst-isotope.main .lst_isotope{ width: 344px; margin-right: 6px; margin-bottom: 6px; position: relative;} #lst-isotope.main .lst_isotope > .inner{ height: 395px; background-color: #fff; border: 1px solid #eaeaea; overflow: hidden; } #lst-isotope.main .lst_isotope > .inner .top{ margin-top: 29px; margin-left: 29px; margin-right: 29px; padding-bottom: 11px; margin-bottom: 23px; border-bottom: 1px solid #efefef; position: relative; } #lst-isotope.main .lst_isotope > .inner .top h1{font-size: 17px; line-height: 21px; font-weight: normal; c#3e3e3e} #lst-isotope.main .lst_isotope > .inner .top h1 > strong{font-weight: normal; color: #1765ac;} #lst-isotope.main .lst_isotope .more{position: absolute;right: 30px;top: 28px;color: #5d5d5d;font-family: 'Lato', sans-serif;font-weight: 700;font-size: 13px;} #lst-isotope.main .lst_isotope > .inner .article{margin-left: 29px; margin-right: 29px; font-size: 12px;} #lst-isotope.main .lst_isotope > .inner .article > .photo{ margin-bottom: 25px; } #lst-isotope.main .lst_isotope > .inner .article > .photo img{max-width: 100%;} #lst-isotope.main .lst_isotope > .inner .article > .photo.facebook{max-width: 286px; height: 158px; overflow: hidden; } #lst-isotope.main .lst_isotope > .inner .article > .photo.facebook img{width: 100%; height: auto;} #lst-isotope.main .lst_isotope > .inner .article > .cont > h2{color: #323232;font-size: 16px; line-height: 23px; margin-bottom: 10px; letter-spacing: -1px;} #lst-isotope.main .lst_isotope > .inner .article > .cont > .t1{margin-bottom: 15px; height: 40px; overflow: hidden; font-size: 14px; line-height: 20px; color: #575757;} #lst-isotope.main .lst_isotope > .inner .article > .cont > .t1 > a{color: #575757;} #lst-isotope.main .lst_isotope > .inner .article > .cont > .data,#lst-isotope.main .lst_isotope > .inner .article > .cont > .facebook_date{font-family: 'Lato', sans-serif; font-weight: 400;} #lst-isotope.main .lst_isotope > .inner .article > .lst_thumb .thumb{float: left; width: 286px;} #lst-isotope.main .lst_isotope > .inner .article > .lst_thumb .thumb img{max-width: 100%;} #lst-isotope.main .lst_isotope > .inner .article > .lst_thumb .cont{margin-left: 351px; padding-top: 18px;} #lst-isotope.main .lst_isotope > .inner .article > .lst_thumb .cont > h1{position: relative; font-size: 23px; line-height: 26px; color: #97806c; font-weight: bold; letter-spacing: -2px;} #lst-isotope.main .lst_isotope > .inner .article > .lst_thumb .cont > h1 a{color: #714239 ;} #lst-isotope.main .lst_isotope > .inner .article > .lst_thumb .cont > h1:after{position: absolute; left: -28px; top: 12px; width: 14px; height: 2px; background-color: #97806c; content:""; } #lst-isotope.main .lst_isotope > .inner .article > .lst_thumb .cont .t1{margin-top: 15px; font-size: 14px; line-height: 20px; max-height: 60px; overflow: hidden; letter-spacing: -1px;} #lst-isotope.main .lst_isotope > .inner .article > .lst_thumb .cont .t1 a{ color: #797979;} #lst-isotope.main .lst_isotope > .inner .article > .lst_thumb .cont .data{margin-top: 20px; color: #5d5d5d; font-size: 11px; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 14px; } #lst-isotope.main .lst_isotope > .inner .article > .lst_thumb .cont2{margin-top: 30px;} #lst-isotope.main .lst_isotope > .inner .article > .lst_thumb .cont2 > .lst > li{position: relative; padding-right: 100px; margin-top: 9px;} #lst-isotope.main .lst_isotope > .inner .article > .lst_thumb .cont2 > .lst > li:first-child{margin-top: 0;} #lst-isotope.main .lst_isotope > .inner .article > .lst_thumb .cont2 > .lst > li > a{display: block;width: 100%;height: 18px;font-size: 15px;line-height:18px;letter-spacing: -1px;color: #3e3e3e;overflow: hidden;} #lst-isotope.main .lst_isotope > .inner .article > .lst_thumb .cont2 > .lst > li > a > strong{margin-right: 10px;} #lst-isotope.main .lst_isotope > .inner .article > .lst_thumb .cont2 > .lst > li .data{position: absolute; right: 0; top: 0; color: #5d5d5d; font-family: 'Lato', sans-serif; font-weight: 400;} /*option*/ #lst-isotope.main .lst_isotope > a >img{max-width: 100%;} #lst-isotope.main .lst_isotope.ml0{margin-left: 0;} #lst-isotope.main .lst_isotope.mr0{margin-right: 0;} #lst-isotope.main .lst_isotope.w2{width: 694px;} #lst-isotope.main .lst_isotope.h05 >.inner{height: 394px;} #lst-isotope.main .lst_isotope.h2 >.inner{height: 802px;} #lst-isotope.main .lst_isotope > .inner .article.m0{margin-left: 0;margin-right: 0;} #lst-isotope.main .lst_isotope .bxMain2{} #lst-isotope.main .lst_isotope .bxMain2 .bx-controls{display: none;} #lst-isotope.main .lst_isotope.news .bxpage{position: absolute;left: 50%;margin-left: -58px;bottom: 20px;width: 115px;text-align: center;z-index: 70;} #lst-isotope.main .lst_isotope.news .bxpage a{display: inline-block; *display: inline; *zoom: 1; width: 8px; height: 8px; border-radius: 13px; border: 2px solid #c8c8c8; background-color: transparent; text-indent: -9999px; text-align: left; margin-left: 3px; margin-right: 3px;} #lst-isotope.main .lst_isotope.news .bxpage a.on{background-color: #194e92; border-color: #194e92;} #lst-isotope.main .lst_isotope.news .bxpage .btn-bxplay{position: absolute; right: 0;top: 0px;} #lst-isotope-mobile.main{display: none;} #lst-isotope-mobile.main .w100{width: 100%; height: auto;} #lst-isotope-mobile.main .sec.n1, #lst-isotope-mobile.main .sec.n2, #lst-isotope-mobile.main .sec.n3, #lst-isotope-mobile.main .sec.n4 {width: 50%; float: left; } #lst-isotope-mobile.main .sec.n1 > a{display: block; border-style: solid; border-color: #fff; border-width:1px 0 0 1px;} #lst-isotope-mobile.main .sec.n2 > a{display: block; border-style: solid; border-color: #fff; border-width:1px 1px 0 0;} #lst-isotope-mobile.main .sec.n3 > a{display: block; border-style: solid; border-color: #fff; border-width:0 0 0 1px;} #lst-isotope-mobile.main .sec.n4 > a{display: block; border-style: solid; border-color: #fff; border-width:0 1px 0 0;} #lst-isotope-mobile.main .sec.n5 {position: relative;width: 100%;z-index: 0;clear: both;} #lst-isotope-mobile.main .sec.n5 .bx-controls{display: none;} #lst-isotope-mobile.main .sec.n5 .tab{position: absolute;left: 50%;bottom: 4px;width: 200px;margin-left: -100px;z-index: 100;text-align: center;} #lst-isotope-mobile.main .sec.n5 .tab a{display: inline-block;width: 20px;height: 20px;border: 2px solid #194e92;background-color: transparent;opacity: 1;border-radius: 20px;text-align: left;text-indent: -9999px;} #lst-isotope-mobile.main .sec.n5 .tab > a.on{background-color: #194e92;} #lst-isotope-mobile.main .sec.n5 .tab.n3 > ul > li{width: 33%;} #lst-isotope-mobile.main .sec.n5 .tab.n3 > ul > li:first-child{margin-left: 0;width: 32.6%;} #lst-isotope-mobile.main .sec.n6{} #lst-isotope-mobile.main .sec.bbs{ } #lst-isotope-mobile.main .sec.bbs > article{border-bottom: 1px solid #e5ecf5; padding: 4.7%;} #lst-isotope-mobile.main .sec.bbs > article > .inner{position: relative;} #lst-isotope-mobile.main .sec.bbs > article .thumb{position: relative;float: left;width: 120px;height: 120px;border-radius: 110px;overflow: hidden;} #lst-isotope-mobile.main .sec.bbs > article .thumb span{display: block;width: 120px; height: auto; position: absolute; left: 0; top: 0;} #lst-isotope-mobile.main .sec.bbs > article .thumb img{width: 100%;} #lst-isotope-mobile.main .sec.bbs > article .cont{margin-left: 133px;color: #313131;font-size: 21px;line-height: 24px;padding-top: 2.5%;} #lst-isotope-mobile.main .sec.bbs > article .cont > h1{font-weight: 400;font-size: 1.2em;} #lst-isotope-mobile.main .sec.bbs > article .cont > h1 .ico{margin-right: 10px;} #lst-isotope-mobile.main .sec.bbs > article .cont > .txt{margin-top: 5px;font-weight: 700;font-size: 1em;line-height: 1.3;} #lst-isotope-mobile.main .sec.bbs > article .cont > .txt a{color: #313131; } #lst-isotope-mobile.main .sec.bbs > article .cont > .data{position: absolute; right: 0; top: 0; font-size: 15px; line-height: 17px; color: #a9a8a8;} #bot-main{background-color: #fff;position: relative;overflow: hidden;height: 477px;} #bot-main > .bx-wrapper{position: absolute; left: 0; top: 0; width: 100%;} #bot-main > .bx-wrapper .bx-controls{display: none;} #bot-main .bg{position: absolute; left: 0; top: 0; width: 100%; height: 487px;} #bot-main .bg img{width: 100%; height: auto;} #bot-main > #new-product{position: relative; z-index: 60; padding-top: 46px; padding-bottom: 135px;} #bot-main > #new-product > ul > li{width: 25%; float: left; position: relative; } #bot-main > #new-product > ul > li .cov{background-color: rgba(0,0,0,0.5);padding: 3% 3% 6%;width: 95%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #bot-main > #new-product > ul > li h1{color: #fff; font-size: 14px; line-height: 32px; border: 1px solid #bbac9f; display: inline-block; *display: inline; *zoom: 1;} #bot-main > #new-product > ul > li h1 > .s1{ display: inline-block; *display: inline; *zoom: 1; background-color: rgba(0, 0, 0, 0.3); padding-left: 10px; padding-right: 10px; /* IE 5.5 - 7 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)"; } #bot-main > #new-product > ul > li h1 > .s1:not([dummy]) { /* IE9 only */ filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); } #bot-main > #new-product > ul > li h1 > .s2{display: inline-block; *display: inline; *zoom: 1;padding-left: 10px; padding-right: 10px; background-color: #9e8876;} #bot-main > #new-product > ul > li .thumb{text-align: center; margin-top: 10px; position: relative;} #bot-main > #new-product > ul > li .thumb > a.btn{ position: absolute; left: 50%; top: 34%; width: 95px; height: 95px; text-align: center; border-radius: 95px; font-size: 14px; line-height: 20px; color: #fff; font-weight: 700; padding-top: 25px; display: block; opacity: 0; background-color: rgba(0, 0, 0, 0.7); /* IE 5.5 - 7 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)"; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #bot-main > #new-product > ul > li .thumb > a.btn:not([dummy]) { /* IE9 only */ filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); } #bot-main > #new-product > ul > li .thumb > a.btn:hover,#bot-main > #new-product > ul > li > .thumb > a.btn:focus{background-color: #194e92;} #bot-main > #new-product > ul > li .thumb > a.btn:after{display: inline-block; *display: inline; *zoom: 1;} #bot-main > #new-product > ul > li .thumb > a.btn.n1{margin-left: -104px;} #bot-main > #new-product > ul > li .thumb > a.btn.n2{margin-left: 7px;} #bot-main > #new-product > ul > li .thumb.ea1 > a.btn{ margin-left: -53px; } #bot-main > #new-product > ul > li .t1{ margin-top: 10px; font-size: 16px; line-height: 20px; color: #fff; text-align: center; } #bot-main > #banner-partners{ position: absolute; left: 50%; bottom: 0; width: 1400px; margin-left: -700px; z-index: 80; background-color: #fff; padding-left: 83px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #bot-main > #banner-partners button.prev, #bot-main > #banner-partners button.next{width: 83px; height: 83px; background-color: #f0f1f5;position: absolute; overflow: hidden; text-indent: -9999px;} #bot-main > #banner-partners button.prev:after, #bot-main > #banner-partners button.next:after{ position: absolute; left: 50%; top: 50%; margin-left: -3px; margin-top: -5px; } #bot-main > #banner-partners button.prev{left: 0; top: 0;} #bot-main > #banner-partners button.next{right: 83px; top: 0;} #bot-main > #banner-partners button.btn-bxplay{position: absolute;right: 0;top: -30px;} #bot-main > #banner-partners .all{position: absolute; right: 0; top: 0; width: 83px; height: 83px; background-color: #9e8876; text-align: center; line-height: 83px; font-size: 13px; color: #fff; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } #bot-main > #banner-partners .all:focus,#bot-main > #banner-partners .all:hover,#bot-main > #banner-partners .all.on{background-color: #194e92; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } #bot-main > #all-partners .close{position: absolute; right: -83px; bottom: 0; width: 83px; height: 83px; background-color: #194e92; text-align: center; line-height: 83px; font-size: 13px; color: #fff; } #bot-main > #banner-partners .bx_ticker{ width: 1151px; height: 83px; overflow: hidden; } #bot-main > #banner-partners .bx_ticker div{display: table; width: 100%; height: 83px; text-align: center; cursor:} #bot-main > #banner-partners .bx_ticker div > span{display: table-cell; vertical-align: middle;} #bot-main #all-partners{display:none; position: absolute; left: 50%; bottom: 0; width: 1217px; margin-left: -700px; z-index: 80; background-color: #fff; padding: 50px 50px 30px;} #bot-main #all-partners .inner{width: 100%; position: relative; font-size: 0; line-height: 0;} #bot-main #all-partners .inner a{ font-size: 0; line-height: 0; width: 18%; height: 80px; margin-bottom: 20px; text-align: center; display: inline-block; *display: inline;*zoom: 1; margin-left: 1%; margin-right: 1%;} #bot-main #all-partners .inner a > span{display: table; width: 100%; height: 80px; border: 1px solid #ddd;} #bot-main #all-partners .inner a > span > span{display: table-cell; vertical-align: middle;} #bot-main-mobile{display: none;} #bot-main-mobile > .banner img{width: 100%; height: auto;} #bot-main-mobile #new-product-mobile ul > li{ float: left; width: 50%; height: auto; text-align: center;} #bot-main-mobile #new-product-mobile ul > li > a{display: block; width: 100%; padding: 10%; position: relative; left: 0; top: 0; border-style: solid; border-color: #e5ecf5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #bot-main-mobile #new-product-mobile ul > li.p1 > a{ border-width:0 1px 1px 0;} #bot-main-mobile #new-product-mobile ul > li.p2 > a{ border-width:0 0 1px 0;} #bot-main-mobile #new-product-mobile ul > li.p3 > a{ border-width:0 1px 1px 0;} #bot-main-mobile #new-product-mobile ul > li.p4 > a{ border-width:0 0 1px 0;} #bot-main-mobile #new-product-mobile ul > li > a > .img{display: block; text-align: center;} #bot-main-mobile #new-product-mobile ul > li > a > .img .thumb{display: inline-block; *display: inline; *zoom: 1; position: relative; z-index: 1;} #bot-main-mobile #new-product-mobile ul > li > a > .img .new{position: absolute;right: 10%;top: 5%; z-index: 5;} #bot-main-mobile #new-product-mobile ul > li > a > .t1, #bot-main-mobile #new-product-mobile ul > li > a > .t2 {display: block;font-size: 1em;line-height: 1.3;color: #313131; margin-top: 5px;} #bot-main-mobile #new-product-mobile ul > li > a > .t1{margin-top: 5%;} #bot-main-mobile #new-product-mobile ul > li > a > .t2{font-size: 1.1em;line-height: 1.3; font-weight: 700; min-height: 50px;} #bot-main-mobile #new-product-mobile .bx-controls {display: none;} #bot-main-mobile #new-product-mobile .bxpage{text-align: center;padding-top: 5.6%;padding-bottom: 5.6%;} #bot-main-mobile #new-product-mobile .bxpage a{display: inline-block; *display: inline; *zoom: 1;width: 16px;height: 16px;overflow: hidden;text-indent: -9999px;text-align: left;background-color: #fff;border: 2px solid #dadada;border-radius: 16px;margin: 0 1% 0 1%;} #bot-main-mobile #new-product-mobile .bxpage a.on{border-color: #194e92; background-color: #194e92;} #container.main .bot-banner-mobile{display: none;} #set-bbs.bbs_isotope{background-color: #f2f2f7; padding-top: 40px;} #set-bbs.bbs_isotope .article{position: relative; width: 1400px; } #set-bbs.bbs_isotope .article > .lst_isotope{width: 436px; margin-right: 30px; margin-bottom: 2.6%;} #set-bbs.bbs_isotope .article > .lst_isotope .thumb > a > img{ width: 100%; height: auto; } #set-bbs.bbs_isotope .article > .lst_isotope .inner > .cont{ background-color: #fff; padding: 9%; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } #set-bbs.bbs_isotope .article > .lst_isotope .inner > .cont > h1{color: #313131; font-size: 1.400em; line-height: 1.5; font-weight: 700; } #set-bbs.bbs_isotope .article > .lst_isotope .inner > .cont > h1 > .c1{color: #9e8876;} #set-bbs.bbs_isotope .article > .lst_isotope .inner > .cont > .writer{ margin-top: 3.1%; font-size: 0; color: #7d7d7d;} #set-bbs.bbs_isotope .article > .lst_isotope .inner > .cont > .writer > span{display: inline-block; *display: inline; *zoom: 1; position: relative; padding-left: 10px; margin-left: 10px; font-size: 13px; line-height: 16px; font-family:"Lato";} #set-bbs.bbs_isotope .article > .lst_isotope .inner > .cont > .writer > span:after{position: absolute; left: 0; top: 3px; width: 1px; height: 10px; background-color: #d9d9d9; content:"";} #set-bbs.bbs_isotope .article > .lst_isotope .inner > .cont > .writer > span:first-child{padding-left: 0; margin-left: 0;} #set-bbs.bbs_isotope .article > .lst_isotope .inner > .cont > .writer > span:first-child:after{display: none;} #set-bbs.bbs_isotope .article > .lst_isotope .inner > .cont > .t1{ margin-top: 3.1%; font-size: 0.933em; line-height: 1.5; color: #313131;} #set-bbs.bbs_isotope .article > .lst_isotope:hover .inner > .cont{background-color: #194e92;} #set-bbs.bbs_isotope .article > .lst_isotope:hover .inner > .cont > h1,#set-bbs.bbs_isotope .article > .lst_isotope:hover .inner > .cont > h1 a{color: #fff;`} #set-bbs.bbs_isotope .article > .lst_isotope:hover .inner > .cont > h1 > .c1{color: #fff;} #set-bbs.bbs_isotope .article > .lst_isotope:hover .inner > .cont > .writer{opacity:0.6; } #set-bbs.bbs_isotope .article > .lst_isotope:hover .inner > .cont > .writer > span{color: #fff;} #set-bbs.bbs_isotope .article > .lst_isotope:hover .inner > .cont > .writer > span:after{background-color: #fff;} #set-bbs.bbs_isotope .article > .lst_isotope:hover .inner > .cont > .t1 , #set-bbs.bbs_isotope .article > .lst_isotope:hover .inner > .cont > .t1 a{color: #fff;} .bbs-view1{} .bbs-view1 .view:after{display: block;clear: both;content:"";height: 0;visibility: hidden;} .bbs-view1 .view > .thumb{float: left; width: 43%; margin-bottom: 50px;} .bbs-view1 .view > .thumb img{width: 100%;} .bbs-view1 .view > .article{float: none; width: auto; margin-bottom: 50px; padding-top: 45px; border-top: 2px solid #e1ecf0;} .bbs-view1 .view > .article .top h1{ font-size: 30px; line-height: 40px; font-weight: 700; } .bbs-view1 .view > .article .top h1 strong{color: #9e8876; display: block;} .bbs-view1 .view > .article .top .data{margin-top: 20px;} .bbs-view1 .view > .article .cont{margin-top: 10px; line-height: 27px;} .bbs-view1 .view > .article .cont > p{margin-top: 30px;} .bbs-view1 .view > .article .cont .btns{margin-top: 30px; text-align: right;} .bbs-view1 .view > .bot{clear: both; padding-top: 25px; border-top: 2px solid #e1ecf0;} .bbs-view1 .view > .bot .prev{float: left;} .bbs-view1 .view > .bot .next{float: right;} .bbs-view1 .view.ty-thumb > .article{float: right; width: 51%; margin-bottom: 50px; padding-top: 45px; border-top: 2px solid #e1ecf0;} .lst_form{margin-top: 30px;} .lst_form > table{width: 100%;} .lst_form > table > tbody > tr > th, .lst_form > table > tbody > tr > td{border-top: 1px solid #eaeaea; padding: 10px;} .lst_form > table > tbody > tr:first-child > th, .lst_form > table > tbody > tr:first-child > td{border-top: 0;} .lst_form > table > tbody > tr.last > th, .lst_form > table > tbody > tr.last > td{border-bottom: 1px solid #eaeaea; } .lst_form > table > tbody > tr.p2 > th, .lst_form > table > tbody > tr.p2 > td{padding: 15px 10px;} .lst_form > table > tbody > tr > th > .IcoAfter{position: relative; display: inline-block; *display: inline; *zoom: 1;vertical-align: middle; padding-left: 32px;} .lst_form > table > tbody > tr > th > .IcoAfter:after{position: absolute;left: 0;top: 3px;} .lst_form.line{border-top: 2px solid #464d5d; } .lst_form.p2 > table > tbody > tr > th, .lst_form.p2 > table > tbody > tr > td{padding: 15px 10px;} .lst_form label{margin-left: 3px;} .lst_form label.mr{margin-right: 30px;} .lst_form .Hyphen{display: inline-block; *display: inline; *zoom: 1; padding-left: 5px; padding-right: 5px; text-align: center; font-size: 16px;} .lst_form .btn_zip{margin-left: 15px; display: inline-block; *display: inline; *zoom: 1; padding-bottom: 0; border-bottom: 1px solid #323232; font-weight: 700;} .lst_form .address_area{margin-top: 10px;} .lst_form input[name="detail_addr"]{margin-top: 10px;} .lst_form .p_summary1{margin-top: 12px;} .lst_form .fz-s{font-size: 14px; margin-left: 15px;} .lst_form .PcNone.h{margin-bottom: 15px;} .content-article.bbs-view1 .lst_form{border-top: 2px solid #464d5d;} .content-article.bbs-view1 .lst_form .IcoAfter.view3:after{top:3px;} .content-article.bbs-view1 .lst_form .p_answer .img, .content-article.bbs-view1 .lst_form .p_answer > p{ margin-bottom: 20px; } .content-article.bbs-view1 .lst_form .p_answer .img img{width: 100%; height: auto; : 0 0;} /*회사소개*/ .contentMotion .visual.infomation{} .contentMotion .visual.infomation .txt{width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .contentMotion .visual.infomation .txt img{max-width: 100%;} .contentMotion .visual.infomation .txt > *{position: absolute; left: 50%; top: 0; visibility: hidden;} .contentMotion .visual.infomation .txt .t1{top: 53px;margin-left: -89px;} .contentMotion .visual.infomation .txt .t2{top: 75px;margin-left: -301px;} .contentMotion .visual.infomation .txt .t3{top: 59px;margin-left: 199px;} .contentMotion .visual.infomation .txt .line{top: 54px;margin-left: -220px;} .con-infomation .section1{ line-height: 26px;} .con-infomation .section1 .t1{ margin-top: 30px; text-align: center;} .con-infomation .section1 .t2{text-align: center; margin-top: 20px;} .con-infomation .section1 .down{margin-top: 30px; text-align: center; margin-bottom: 20px;} .con-infomation .section1 .box_movie{margin-top: 24px;} .con-infomation .section1 .box_movie img{max-width: 100%;} .con-infomation .section2 .summary-top{margin-bottom: 40px;} .con-infomation .section2 .lst1{font-size: 0; line-height: 0; text-align: left;} .con-infomation .section2 .lst1 > ul{margin-left: -30px;} .con-infomation .section2 .lst1 > ul > li{ margin-bottom: 30px; margin-left: 30px; position: relative; width: 240px; height: 240px; border-radius: 240px; background-color: #f4fafe; line-height: 21px; display: inline-block; *display: inline; *zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top;} .con-infomation .section2 .lst1 > ul > li .bg{position: absolute; left: 50%; top: 50%; margin-left: -56px; margin-top: -96px; z-index: 0;} .con-infomation .section2 .lst1 > ul > li .cont{position: relative; z-index: 1; padding-top: 60px; text-align: center;} .con-infomation .section2 .lst1 > ul > li .cont .t1 > span{display: block;} .con-infomation .section2 .lst1 > ul > li .cont .t1 > span.n2{margin-top: 5px;} .con-infomation .section2 .lst1 > ul > li .cont .t2{padding-top: 10px; margin-top: 10px; color: #194e91; position: relative;} .con-infomation .section2 .lst1 > ul > li .cont .t2:after{position: absolute; left: 50%; top: 0; width: 26px; height: 2px; margin-left: -13px; background-color: #194e91; content:"";} .con-infomation .section3 .lst_graph{position: relative;} .con-infomation .section3 .lst_graph{} .con-infomation .section3 .lst_graph .txt{position: relative;margin-bottom: 58px;} .con-infomation .section3 .lst_graph .txt strong{display: block; font-size: 19px; line-height: 20px; font-weight: 700; position: relative; } .con-infomation .section3 .lst_graph .txt strong span{display: inline-block; *display: inline; *zoom: 1; background-color: #fff; padding-right: 20px; position: relative; z-index: 2;} .con-infomation .section3 .lst_graph .txt strong:after{position: absolute; left: 0; top: 8px; width: 100%; height: 1px; background-color: #d4d4e4; content:""; z-index: 1; } .con-infomation .section3 .lst_graph .txt .t1{display: block; margin-top: 7px; font-size: 15px; line-height: 20px;} .con-infomation .section3 .lst_graph .bg{position: absolute; left: 265px; top: 15px; width: 350px; height: 394px; z-index: 0;} .con-infomation .section3 .lst_graph .bg > div{position: absolute; left: 0; top: 0;} .con-infomation .section3 .lst_graph .bg > div img{width: 100%;} .con-infomation .section3 .lst_graph .txt{position: relative; z-index: 0;} .con-infomation .section3 .lst_graph .txt .per{position: absolute; left: 0; top: 0; font-family: 'Lato', sans-serif; font-weight: 400;} .con-infomation .section3 .lst_graph .txt.n1 .per{font-size: 43px;line-height: 43px;color: #0553b8;left: 490px;top: 160px;} .con-infomation .section3 .lst_graph .txt.n1 .per .c{font-size: 22px; } .con-infomation .section3 .lst_graph .txt.n2 .per{font-size: 25px;line-height: 25px;color: #fff;left: 341px;top: -2px;} .con-infomation .section3 .lst_graph .txt.n2 .per .c{font-size: 13px; } .con-infomation .section3 .lst_graph .txt.n3 .per{font-size: 25px;line-height: 25px;color: #fff;left: 300px;top: -12px;} .con-infomation .section3 .lst_graph .txt.n3 .per .c{font-size: 13px; } .con-infomation .section3 .lst_graph .txt.n4 .per{font-size: 25px;line-height: 25px;color: #fff;left: 337px;top: -28px;} .con-infomation .section3 .lst_graph .txt.n4 .per .c{font-size: 13px; } .con-infomation .section3 .lst_graph .txt.n5 .per{font-size: 25px;line-height: 25px;color: #194e92;left: 395px;top: -38px;} .con-infomation .section3 .lst_graph .txt.n5 .per .c{font-size: 13px; } .con-infomation .section3 .lst_graph .txt.n1 strong{width: 470px;} .con-infomation .section3 .lst_graph .txt.n2 strong{width: 283px;} .con-infomation .section3 .lst_graph .txt.n3 strong{width: 262px;} .con-infomation .section3 .lst_graph .txt.n4 strong{width: 314px;} .con-infomation .section3 .lst_graph .txt.n5 strong{width: 388px;} /*회사소개*/ .contentMotion .visual.story2{} .contentMotion .visual.story2 .txt{width: 100%; height: 100%; position: absolute; left: 0; top: 0;} .contentMotion .visual.story2 .txt img{max-width: 100%;} .contentMotion .visual.story2 .txt > *{position: absolute; left: 50%; top: 0;} .contentMotion .visual.story2 .txt .t1{top: 61px;margin-left: -100px;} .contentMotion .visual.story2 .txt .t2{top: 85px;margin-left: -299px;} .contentMotion .visual.story2 .txt .t3{top: 68px;margin-left: 198px;} .contentMotion .visual.story2 .txt .line{top: 91px;margin-left: -187px;} .con-infomation .box_mov_after{position: relative;} .con-infomation .box_mov_after:after{position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #fff; content:"";} .con-infomation .box_mov_after:before{position: absolute; right: 0; top: 0; width: 1px; height: 100%; background-color: #fff; content:"";} .con-infomation .box-movie .bg{position: absolute;left: 0;top: 0; z-index: 10;width: 100%;height: 100%; font-size: 0; line-height: 0; margin-left: 0; margin-top: -4px;} .con-infomation .box-movie .bg img{width: 100%; height: auto;} .con-infomation .box-movie .h{position: absolute;left: 2%;top: 7%;z-index: 20;width: 71px;height: auto;} .con-infomation .box-movie .h img{max-width: 100%; height: auto;} .con-story2 .section1 .lst1 > ul{text-align: left; } .con-story2 .section1 .lst1 > ul > li{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 25%; text-align: center; margin-top: 35px;} .con-story2 .section1 .lst1 > ul > li .circle{display: inline-block; *display: inline; *zoom: 1; width: 144px; height: 144px; border-radius: 144px; border: 1px solid #ededf4; overflow: hidden;} .con-story2 .section1 .lst1 > ul > li .img{ width: 144px; height: 144px; background-color: #fff; display: table; overflow: hidden; margin-left: auto; margin-right: auto;} .con-story2 .section1 .lst1 > ul > li .img span{display: table-cell; vertical-align: middle;} .con-story2 .section1 .lst1 > ul > li .cont{text-align: center;} .con-story2 .section1 .lst1 > ul > li .cont .h{font-weight: 700; font-size: 16px;} .con-story2 .section1 .lst1 > ul > li .cont .t1{font-size: 13px;} .con-story2 .section2 .img1{text-align: center;} .con-story3 .tab_y50{position: relative; height: 108px;} .con-story3 .tab_y50 li{float: left;width: 32%; position: absolute;left: 0;top: 0;} .con-story3 .tab_y50 li a{display: block;height: 108px;padding-left: 18%;padding-top: 26px;background-repeat: no-repeat;background: url(../images/infomation/tab_his2_off.png) 0 0 no-repeat;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-style: solid;border-width: 0;border-color: #e4e4ee;} .con-story3 .tab_y50 li.n1{left: 0;z-index: 0;} .con-story3 .tab_y50 li.n1 a{background: #fff;border-width: 1px;padding-left:10%;} .con-story3 .tab_y50 li.n2{left: 24%; z-index: 1; } .con-story3 .tab_y50 li.n3{left: 48%; z-index: 2; } .con-story3 .tab_y50 li.n4{width: 27%;left: 73%;z-index: 3;} .con-story3 .tab_y50 li.n4 a{border-width: 0 1px 0 0; padding-left: 21%;} .con-story3 .tab_y50 li .txt{display: inline-block; *display: inline; *zoom: 1; background-image: url(../images/infomation/txt_history.png); background-repeat: no-repeat; text-align: left; text-indent: -9999px;} .con-story3 .tab_y50 li.n4 .txt{ background-position: -86px -39px; width: 201px; height: 54px;} .con-story3 .tab_y50 li.n4.ovr .txt, .con-story3 .tab_y50 li.n4.on .txt{background-position: -87px -129px;} .con-story3 .tab_y50 li.n3 .txt{ background-position: -348px -39px; width: 194px; height: 53px; } .con-story3 .tab_y50 li.n3.ovr .txt, .con-story3 .tab_y50 li.n3.on .txt{background-position: -348px -129px;} .con-story3 .tab_y50 li.n2 .txt{ background-position: -625px -39px; width: 195px; height: 53px; } .con-story3 .tab_y50 li.n2.ovr .txt, .con-story3 .tab_y50 li.n2.on .txt{background-position:-625px -129px;} .con-story3 .tab_y50 li.n1 .txt{ background-position: -907px -39px; width: 198px; height: 54px;} .con-story3 .tab_y50 li.n1.ovr .txt, .con-story3 .tab_y50 li.n1.on .txt{background-position: -907px -129px;} .con-story3 .tab_y50 li.ovr a, .con-story3 .tab_y50 li.on a{background-image: url(../images/infomation/tab_his2_on.png); border-color: #194e91;} .con-story3 .tab_y50 li.n1.ovr a, .con-story3 .tab_y50 li.n1.on a{background-image: none; background-color: #194e91;} .section1 .lst{position: relative;} .section1 .lst > li{ position: relative; padding-left: 85px; line-height: 2; } .section1 .lst > li .year{position: absolute; left: 0; top: 0; color: #194e91; } .section1 .lst > li .cont{padding-left: 35px; border-style: solid; border-width: 0 0 0 1px; border-color: #e8e8f1; padding-bottom: 30px;} .section1 .lst > li .cont > p{padding-left: 65px; position: relative; font-size: 0.933em;/* 14/15 */} .section1 .lst > li .cont > p .month{position: absolute; left: 0; top: 0; font-weight: 700; } .section1 .lst > li .cont > p .t{display: block;} .con-history{width: 100%; height: 739px; position: relative; overflow: hidden;} .con-history .box_img{position: absolute; left: 0; top: 0; z-index: 1; font-size: 0; line-height: 0; visibility: hidden; width: 100%; height: 100%; background-color: #fff;} .con-history .box_img .cover{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: url(../images/infomation/img_cover.png) 0 100% repeat-x; z-index: 81;} .con-history .box_img .cover2{background-color: #000;opacity: 0.4;position: absolute;left: 0;top: 0;width: 100%;height;height: 120px;z-index: 100;display: none;} .con-history .box_img .btn_prev2{position: absolute; left: 40px; top: 50%; margin-top: -12px; z-index: 82;} .con-history .box_img .btn_next2{position: absolute; right: 40px; top: 50%; margin-top: -12px; z-index: 82;} .con-history .box_img .lst > div img{width: 1400px; height: 739px; position: relative; left: 50%; top: 0; margin-left: -700px; max-width: none; } .con-history .box_img .close{position: absolute;right: 40px;top: 40px;z-index: 110;} .con-history > .bg{position: absolute; left: -1810px; top: 0; z-index: 1; width: 3211px;} .con-history .cont_history{position: absolute; left: 50%; top: 200px; width: 500px; margin-left: -250px; z-index: 5; text-align: center; color: #fff;} .con-history .cont_history .t1{display: inline-block; *display: inline; *zoom: 1; position: relative; position: relative; visibility: hidden;} .con-history .cont_history .t1 .p2{position: relative; z-index: 2; display: block;} .con-history .cont_history .t1 .p1{position: absolute;right: -79px;top: 10px;z-index: 3;} .con-history .cont_history .t2{position: relative; margin-top: 30px; visibility: hidden;} .con-history .cont_history .t2 .p1{position: relative; width: 250px; display: inline-block; *display: inline; *zoom: 1; } .con-history .cont_history .t2 .p1:after{position: absolute; left: 0; top: 50%; width: 38px; height: 3px; margin-top: -2px; background-color: #fff; content:"";} .con-history .cont_history .t2 .p1:before{position: absolute; right: 0; top: 50%; width: 38px; height: 3px; margin-top: -2px; background-color: #fff; content:"";} .con-history .cont_history .t2 .p2{display: block; margin-top: 20px; font-size: 1.333em; /* 15/20 */} .con-history .box_control{position: absolute; left: 0; bottom: 50px; z-index: 5; width: 100%; } .con-history .box_control .inner > ul{ text-align: center; } .con-history .box_control .inner > ul > li{position: relative; position: relative; width: 84px; height: 84px; overflow: hidden; margin-left: 10px; margin-right: 10px; vertical-align: middle; visibility: hidden;} .con-history .box_control .inner > ul br.mp1{display: none;} .con-history .box_control .inner > ul > li .txt_on{display: none; position: absolute;left: 0;bottom: 110px;width: 600px;height: 110px;text-align:left;color:#ffffff;z-index: 10;} .con-history .box_control .inner > ul > li .txt_on .t_on{margin-top: 22px;} .con-history .box_control .inner > ul > li .txt_on .t_on p{display: none;} .con-history .box_control .inner > ul > li.m9 .txt_on .t_on{margin-left: -285px;} .con-history .box_control .inner > ul > li.m10 .txt_on .t_on{margin-left: -294px;} .m50_top{margin-bottom: 30px; border-top: 1px solid #fff; text-align: center; display: none;} .m50_top .img{width: 330px;margin-left: auto;margin-right: auto;margin-bottom: 20px;margin-top: 30px;} .con-history .box_control .inner > ul > li .txt_on .h{font-size:28px; line-height:36px;} .con-history .box_control .inner > ul > li .txt_on .line{position:absolute;left: 40px;bottom: -69px;width: 2px;height: 80px;background-color:#fff;z-index: 2; display: none;} .con-history .box_control .inner > ul > li .txt_on .c{position:absolute;left: 31px;bottom: -80px;width: 14px;height: 14px;background-color:#194e91;border-radius:30px;border: 3px #fff solid;z-index: 2; display: none;} .con-history .box_control .inner > ul > li .txt_on .bg2{ width: 86px; height: 86px; position: absolute; left: -1px; bottom: -112px; /* 0.6 투명도가 적용 된 색상 적용 */ background: rgba(0, 0, 0, 0.6); /* IE 5.5 - 7 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; border-radius: 68px; z-index: 0; display: none; } .con-history .box_control .inner > ul > li .txt_on .bg2not([dummy]) { /* IE9 only */ filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); } .con-history .box_control .inner > ul > li.on{overflow: visible;} .con-history .box_control .inner > ul > li.on .txt_on{display: block;} /*.con-history .box_control .inner > ul > li{width: 168px; height: 168px; margin-top: -84px;}*/ .con-history .box_control .inner > ul > li > div.circle{width: 100%; height: 100%; border-radius: 84px; position: absolute; left: 0; top: 0; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:2px #ddd solid;} .con-history .box_control .inner > ul > li > div.circle .img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;} .con-history .box_control .inner > ul > li > div.circle .img img{width: 100%; height: 100%;} .con-history .box_control .inner > ul > li > div.circle button{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; display: table; color: #fff; overflow: hidden; text-align: center; opacity: 0; /* 0.6 투명도가 적용 된 색상 적용 */ background: rgba(25, 78, 145, 0.6); /* IE 5.5 - 7 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99194e91, endColorstr=#99194e91); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99194e91, endColorstr=#99194e91)"; } /*.con-history .box_control .inner > ul > li > div.circle button:focus{opacity:1 !important;} .con-history .box_control .inner > ul > li > div.circle button:focus .txt{visibility: hidden;}*/ .con-history .box_control .inner > ul > li > div.circle button:not([dummy]) { /* IE9 only */ filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); } .con-history .bx-controls{display: none;} .con-history .box_control .inner > ul > li > div.circle button .txt{display:block; padding-top: 52px; width: 165px; height: 165px; margin-left: -82px; margin-top: -82px; position: absolute; left: 50%; top: 50%; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .con-history .box_control .inner > ul > li > div.circle button .txt .t1, .con-history .box_control .inner > ul > li > div.circle button .txt .t2{display: block; position: relative;} .con-history .box_control .inner > ul > li > div.circle button .txt .t2{margin-top: 8px; padding-top: 10px;} .con-history .box_control .inner > ul > li > div.circle button .txt .t2:after{position: absolute;left: 50%; top: 0; width: 10px; height: 2px; background-color: #fff; content:""; margin-left: -5px;} .con-philosophy .visual{position: relative;} .con-philosophy .visual img{width: 100%;} .con-philosophy .visual .txt{position: absolute; left: 0; bottom: 62px; width: 100%; text-align: center;} .con-philosophy .visual .t1 span{position: relative; padding-top: 15px; display: inline-block; *display: inline; *zoom: 1; color: #fff; font-size: 17px; font-weight: normal; font-family: 'Lato', sans-serif;} .con-philosophy .visual .t1 span:after{position: absolute; left: 50%; margin-left: -15px; top: 0; width: 30px; height: 2px;background-color: #fff; content:"";} .con-philosophy .visual .t2{margin-top: 50px;} .con-philosophy .visual .t2 img{width: 378px;height: auto;} /*20161216 수정*/ .con-philosophy .visual .t3{margin-top: 20px;} .con-philosophy .visual .t3 img{width: 397px;height: auto;} .con-philosophy .lst1 > ul > li{margin-top: 40px;} .con-philosophy .lst1 > ul > li:first-child{margin-top: 0;} .con-philosophy .lst1 > ul > li:after{display: block;clear: both;content:"";height: 0;visibility: hidden;} .con-philosophy .lst1 > ul > li .bg{ float: left; } .con-philosophy .lst1 > ul > li .cont{margin-left: 115px; padding-top: 2px;} .con-philosophy .lst1 > ul > li .cont .t2{margin-top: 5px;} .con-message .content-article > .thumb{float: left;} .con-message .content-article > .cont-message{margin-left: 568px;} .con-message .content-article > .cont-message .h{font-size: 28px; line-height: 38px; font-weight: 400; margin-bottom: 40px;} .con-message .content-article > .cont-message .h2{color: #1987ca; font-size: 20px; line-height: 28px;} .con-message .content-article > .cont-message .sign{margin-top: 50px;} .con-message .content-article > .cont-message .sign strong{margin-left: 10px; font-size: 22px; height: 36px;} /*.con-infra1 .visual .cont{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 70;} .con-infra1 .visual .lst .cont > *{position: absolute; left: 50%; top: 0;} .con-infra1 .visual .lst.n1 .cont .t1{margin-left: -103px;top: 160px;} .con-infra1 .visual .lst.n1 .cont .t2{margin-left: -302px;top: 301px;} .con-infra1 .visual .lst.n1 .cont .t3{margin-left: 220px;top: 265px;} .con-infra1 .visual .lst.n1 .cont .line{margin-left: -175px;top: 300px;} .con-infra1 .visual .lst.n2 .cont .t1{margin-left: -103px;top: 160px;} .con-infra1 .visual .lst.n2 .cont .t2{margin-left: -151px;top: 321px;} .con-infra1 .visual .lst.n2 .cont .t3{margin-left: 17px;top: 324px;} .con-infra1 .visual .lst.n2 .cont .line{margin-left: -175px;top: 300px;}*/ /*.con-infra1 .visual .bx-controls{position: absolute; left: 0; bottom: 0; z-index: 70; width: 100%;} .con-infra1 .visual .bx-controls .bx-controls-direction{display: none;} .con-infra1 .visual .bx-controls .bx-controls-auto{display: none;} .con-infra1 .visual .bx-controls .bx-pager{position: absolute;right: 40px;bottom: 10px;width: auto;text-align: right;} .con-infra1 .visual .bx-controls .bx-pager .bx-pager-item{display: inline-block; *display: inline; *zoom: 1; margin-left: 15px;} .con-infra1 .visual .bx-controls .bx-pager .bx-pager-item a{display: block; width: 11px; height: 11px; border-radius: 11px; background-color: transparent; text-indent: -9999px; text-align: left; overflow: hidden; border: 2px solid #fff; opacity:0.5;} .con-infra1 .visual .bx-controls .bx-pager .bx-pager-item a.active{width: 14px;height: 14px;background-color: #194e92;opacity:1;top: 2px;position: relative;}*/ .visual.infra1{} .visual.infra1 .txt{width: 100%; height: 100%; position: absolute; left: 0; top: 0;} .visual.infra1 .txt img{max-width: 100%;} .visual.infra1 .txt > *{position: absolute; left: 50%; top: 0;} .visual.infra1 .txt .t1{top: 125px;margin-left: -79px;} .visual.infra1 .txt .t2{top: 190px;margin-left: -281px;} .visual.infra1 .txt .t3{top: 161px;margin-left: 218px;} .visual.infra1 .txt .line{top: 201px;margin-left: -173px;} .con-infra1 .section0{position: relative; min-height: 1147px; left: 0; top: 0; overflow: hidden; } .con-infra1 .section0 .bg{position: absolute; left: 50%; top: 0; width: 1400px; margin-left: -700px; } .con-infra1 .section0 .bg_bot{position: absolute; left: 50%; bottom: 0; width: 1400px; margin-left: -700px; } .con-infra1 .section0 .inr-cen{padding-top: 5.8%;} .con-infra1 .section0 .set-content1 .inr2{text-align: center; display: inline-block; *display: inline; *zoom: 1;} .con-infra1 .section0 .set-content1 .title1{width: 200px;} .con-infra1 .section0 .set-content1 .title2{font-weight: 800;} .con-infra2 .section0{position: relative; min-height: 1147px; left: 0; top: 0; overflow: hidden; } .con-infra2 .section0 .bg{position: absolute; left: 50%; top: 0; width: 1400px; margin-left: -700px; } .con-infra2 .section0 .bg_bot{position: absolute; left: 50%; bottom: 0; width: 1400px; margin-left: -700px; } .con-infra2 .section0 .inr-cen{padding-top: 5.8%;} .con-infra2 .section0 .set-content1 .inr2{text-align: center; display: inline-block; *display: inline; *zoom: 1;} .con-infra2 .section0 .set-content1 .title1{width: 200px;} .con-infra2 .section0 .set-content1 .title2{font-weight: 800;} .con-infra1 .section2 .fl-l,.con-infra1 .section2 .fl-r{width: 44.06779661016949%;} /* ::bak2 .con-infra1 .section1 .set-content1 > .bg{position: absolute;left: 3%;top: 50px;} .con-infra1 .section2 .lst1 > ul{margin-left: -40px;} .con-infra1 .section2 .lst1 > ul > li{float: left; width: 113px; margin-left: 40px; margin-bottom: 40px; text-align: center;} .con-infra1 .section2 .lst1 > ul > li .cont{margin-top: 10px;} */ .visual.infra2{} .visual.infra2 .txt{width: 100%; height: 100%; position: absolute; left: 0; top: 0;} .visual.infra2 .txt img{max-width: 100%;} .visual.infra2 .txt > *{position: absolute; left: 50%; top: 0;} .visual.infra2 .txt .t1{top: 35px;margin-left: -108px;} .visual.infra2 .txt .t2{top: 84px;margin-left: -281px;} .visual.infra2 .txt .t3{top: 64px;margin-left: 218px;} .visual.infra2 .txt .line{top: 91px;margin-left: -173px;} .con-infra2 .section1{margin-bottom: 50px;} .con-infra2 .section1 .lst{margin-top: 50px;} .con-infra2 .section1 .lst > ul > li{width: 35%; float: left;} .con-infra2 .section1 .lst > ul > li .inr{border-left: 1px solid #a6a6a6; height: 115px; padding-left: 50px; position: relative;} .con-infra2 .section1 .lst > ul > li .img{position: absolute;left: 40px;top: 7px;} .con-infra2 .section1 .lst > ul > li .cont{margin-left: 90px;} .con-infra2 .section1 .lst > ul > li .cont .t1{font-size: 21px; line-height: 26px; font-weight: 700;} .con-infra2 .section1 .lst > ul > li .cont .t2{margin-top: 7px;font-size: 14px;line-height: 22px;} .con-infra2 .section1 .lst > ul > li.n1 .inr, .con-infra2 .section1 .lst > ul > li.n2 .inr, .con-infra2 .section1 .lst > ul > li.n3 .inr{height: 135px;} .con-infra2 .section1 .lst > ul > li.n1, .con-infra2 .section1 .lst > ul > li.n4{width: 31%;} .con-infra2 .section1 .lst > ul > li.n3, .con-infra2 .section1 .lst > ul > li.n6{width: 33%;} .con-infra2 .section1 .lst > ul > li.n1 .inr, .con-infra2 .section1 .lst > ul > li.n4 .inr{border-left: 0; padding-left: 0;} .con-infra2 .section1 .lst > ul > li.n1 .img, .con-infra2 .section1 .lst > ul > li.n4 .img{left: 0;} .con-infra2 .sec_factory .top{margin-bottom: 25px;} .con-infra2 .sec_factory .top > .inner{float: right; text-align: right;} .con-infra2 .sec_factory .top > .inner > *{float: left;} .con-infra2 .sec_factory .top .t1{color: #1987ca; font-weight: 700; padding-top: 7px;} .con-infra2 .sec_factory .top .btn{margin-left: 15px;} .con-infra2 .sec_factory .top .btn > a{position: relative; width: 150px; height: 35px; padding-left: 20px; padding-right: 55px; line-height: 35px; display: inline-block; *display: inline; *zoom: 1; border: 2px solid #464d5d; text-align: left; font-weight: 700;} .con-infra2 .sec_factory .top .btn > a:after{position: absolute;right: 0;top: 0;width: 35px;height: 35px;content:"";background: url(../images/common/ico_common.png) -209px -58px no-repeat;border-style: solid;border-width: 0 0 0 1px;border-color: #b5b8be;} .con-infra2 .sec_factory .mid{position: relative; left: 0; top: 0; height: 595px; overflow: hidden; background-color: #3c6a9d;} .con-infra2 .sec_factory .mid .box_tab{height: 600px; position: relative;} .con-infra2 .sec_factory .mid .bx-controls{display: none;} .con-infra2 .sec_factory .mid .bg{position: absolute;left:50%;bottom: 0;width: 1180px;margin-left: -590px;} .con-infra2 .sec_factory .mid .lst{position: relative; z-index: 0;} .con-infra2 .sec_factory .mid .lst .cont{position: absolute; left: 50%; top: 0; width: 800px; margin-left: -400px; text-align: center; color: #fff;} .con-infra2 .sec_factory .mid .lst .cont .c1{margin-top: 40px;} .con-infra2 .sec_factory .mid .lst .cont .c1 > ul{text-align: center;} .con-infra2 .sec_factory .mid .lst .cont .c1 > ul > li{display: inline-block; *display: inline; *zoom: 1; text-align: left; position: relative; line-height: 21px;} .con-infra2 .sec_factory .mid .lst .cont .c1 > ul > li .ico{position: absolute; left: 0; top: 0;} .con-infra2 .sec_factory .mid .lst .cont .c1 > ul > li .txt{padding-left: 70px;} .con-infra2 .sec_factory .mid .lst .cont .c1 > ul > li.n2{border-left: 1px solid #a7b9cf; margin-left: 15px;} .con-infra2 .sec_factory .mid .lst .cont .c1 > ul > li.n2 .ico{top: -2px; left: 21px; } .con-infra2 .sec_factory .mid .lst .cont .c1 > ul > li.n2 .txt{padding-left: 104px;} .con-infra2 .sec_factory .mid .lst .cont .h{margin-top: 65px;} .con-infra2 .sec_factory .mid .lst .cont .cont2{margin-top: 20px; position: relative; font-size: 18px; line-height: 27px; } .con-infra2 .sec_factory .mid .lst .cont .cont2 .t2{ padding-top: 10px; margin-top: 10px; position: relative; } .con-infra2 .sec_factory .mid .lst .cont .cont2 .t2 a{color: #fff;} .con-infra2 .sec_factory .mid .lst .cont .cont2 .t2:after{position: absolute; left: 50%; top: 0; margin-left: -15px; width: 30px; height: 2px; background-color: #fff; content:"";} .con-infra2 .sec_factory .mid .lst .cont .btns{margin-top: 20px;} .con-infra2 .sec_factory .mid .lst .cont .btns > a{width: 138px;height: 39px;border-radius: 40px;display: inline-block; *display: inline; *zoom: 1;background-color: #fff;font-size: 17px;line-height: 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color: #0553b8;font-weight: 700;padding-right: 30px;position: relative;} .con-infra2 .sec_factory .mid .lst .cont .btns > a:after{position: absolute;right: 10px;top: 50%;margin-top: -12px;} .con-infra2 .sec_factory .mid .lst .cont .btns > a{} .con-infra2 .sec_factory .mid .lst .cont .btns > a:hover{background-color: #0553b8; color: #fff;} .con-infra2 .sec_factory .mid .tab{position: absolute; left: 0; bottom: 25px; width: 100%; z-index: 1;} .con-infra2 .sec_factory .mid .tab > ul{margin-left: 2.7%; margin-right: 2.7%;} .con-infra2 .sec_factory .mid .tab > ul > li{width: 14.2%; float: left; text-align: center; position: relative; z-index: 1;} .con-infra2 .sec_factory .mid .tab > ul > li:after{position: absolute; left: -1px; top: 50%; width: 1px; height: 14px; margin-top: -7px; background-color: #fff; opacity:0.7; content:""; } .con-infra2 .sec_factory .mid .tab > ul > li:first-child:after{display: none;} .con-infra2 .sec_factory .mid .tab > ul > li > a{color: #fff; display: block; padding: 5px 0;border: 2px solid transparent; background-color: transparent;} .con-infra2 .sec_factory .mid .tab > ul > li.on{z-index: 2;} .con-infra2 .sec_factory .mid .tab > ul > li.on:after{display: none;} .con-infra2 .sec_factory .mid .tab > ul > li.on > a{border-color: #fff; background-color: #194e92;} #container.sub .container_inner .contentMotion .visual.global{height: auto; width: 1180px; margin-left: auto; margin-right: auto; overflow: hidden;} /*#container.sub .container_inner .contentMotion .visual.global .img{width: 1180px; margin-left: -590px;}*/ #container.sub .container_inner .contentMotion .visual.global .bg{position: absolute; left: 0; top: 0; width: 100%; height: auto; z-index: 1; z-index: 8;} #container.sub .container_inner .contentMotion .visual.global .bg img{width: 100%; height: auto;} .con-global .visual.global .txt{position: absolute; left: 50%; bottom: 110px; width: 500px; height: auto; text-align: center; color: #fff; margin-left: -250px; z-index: 2; text-align: center; z-index: 9;} .con-global .visual.global .txt .t1{} .con-global .visual.global .txt .t2{position: relative; font-size: 17px; padding-top: 20px; margin-top: 20px;} .con-global .visual.global .txt .t2:after{position: absolute; left: 50%; top: 0; width: 40px; margin-left: -20px; height: 2px; background-color: #fff; content:"";} .con-global .visual.global .btn{position: absolute;bottom: 28px;right: 30px;} .con-global .visual.global .btn button{color: #fff; font-size: 12px;} .con-global .visual.global .btn button .fc_en{margin-right: 5px;} .con-global .section1{position: relative;} .con-global .section1 > h1{position: absolute; left: 0; top: 0; z-index: 2;} .con-global .section1 .map{width: 1003px; margin-left: auto; margin-right: auto; position: relative; z-index: 1; text-align: center;} .con-global .section1 .map_pc{text-align: right;} .con-global .section1 .map_mobile{display: none;} .con-global .section1 .map .bg{margin-left: 40px;} .con-global .section1 .map .country{position: absolute; left: 0%; top: 0%;} .con-global .section1 .map .country .txt{position: absolute; left: 0; top: 0; text-align: left;} .con-global .section1 .map .country .txt:after{position: absolute; left: -28px; top: 0; content:""; background: url(../images/infomation/bg_bubble_left1.png) 100% 0 no-repeat; width: 29px; height: 35px;} .con-global .section1 .map .country .txt.ty2:after{background: url(../images/infomation/bg_bubble_left2.png) 100% 0 no-repeat;} .con-global .section1 .map .country .txt > p{position: relative; height: 35px; line-height: 35px; background: url(../images/infomation/bg_bubble_right1.png) 100% 0 no-repeat; padding-right: 10px;} .con-global .section1 .map .country.n1{left: 30%;top: 26%;} .con-global .section1 .map .country.n2{left: 17.9%;top: 38.2%;} .con-global .section1 .map .country.n3{left: 37%;top: 50%;} .con-global .section1 .map .country.n4{left: 45%;top: 38%;} .con-global .section1 .map .country.n5{left: 48%;top: 73%;} .con-global .section1 .map .country.n6{left: 75%;top: 21%;} .con-global .section1 .map .country.n7{left: 71%;top: 37%;} .con-global .section1 .map .country.n1 .txt{left: 100px;top: 12px;width: 240px;} .con-global .section1 .map .country.n2 .txt{left: -34px;top: 73px;width: 165px;} .con-global .section1 .map .country.n3 .txt{left: 100px;top: 12px;width: 93px;} .con-global .section1 .map .country.n4 .txt{left: 100px;top: 12px;width: 91px;} .con-global .section1 .map .country.n5 .txt{left: 100px;top: 12px;width: 158px;} .con-global .section1 .map .country.n6 .txt{left: 100px;top: 12px;width: 162px;} .con-global .section1 .map .country.n7 .txt{left: 100px;top: 12px;width: 251px;} .con-global .section2 .thumb{margin-top: 40px;} .con-global .section2 .thumb .img{float: left; width: 32%; margin-left: 1.5%;} .con-global .section2 .thumb .img:first-child{margin-left: 0;} .con-global .section2 .box_graph{position: relative;margin-bottom: 13px;text-align: right;} .con-global .section2 .box_graph img{max-width: 100%;} .con-global .section2 .box_graph h3{position: absolute;left: 0;top:0;width: 145px;height: 145px;border-radius: 145px;overflow: hidden;background-color: #f5f3e9;} .con-global .section2 .box_graph h3 .d-t{width: 145px; height: 145px; text-align: center;} .con-global .section2 .box_graph h3 .d-tc{vertical-align: middle;} .con-global .section2 .box_graph .pos1{position: absolute;left: 22%;top: 0;width: 27.8%;} .con-global .section3{padding-bottom: 50px;} .con-global .section3 .simbol{margin-top: 40px;} .con-global .section3 .simbol ul > li{float: left; margin-left: 30px;} .con-global .section3 .simbol ul > li:first-child{margin-left: 0;} /*브랜드 아이콘*/ #container.sub .container_inner.con-barnd{padding-top: 0;} .IcoAfter-barnd{position: relative; display: inline-block; *display: inline; *zoom: 1;} .IcoAfter-barnd:after{background-image: url(../images/brand/ico_common_brand.png); background-repeat: no-repeat; overflow: hidden; content:""; text-indent: -9999px; text-align: left; width: 0; height: 0; display: inline-block; *display: inline; *zoom: 1; position: absolute; left: 0; top: 0;} .IcoAfter-barnd.n1,.IcoAfter-barnd.n2,.IcoAfter-barnd.n3,.IcoAfter-barnd.n4{padding-left: 49px;} .IcoAfter-barnd.n1:after{background-position: -38px -104px; width: 40px; height: 31px; top: -2px;} .IcoAfter-barnd.n2:after{background-position: -89px -99px; width: 39px; height: 36px; top: -7px;} .IcoAfter-barnd.n3:after{background-position: -139px -101px; width: 33px; height: 34px; top: -5px;} .IcoAfter-barnd.n4:after{background-position: -187px -101px; width: 37px;height: 34px; top: -6px;} #container.sub .path.brand{height: 95px;position: absolute;top: -94px;background-color: #194e92;text-align: center;visibility: hidden;} #container.sub .path.brand .lst_sns{top: 27px;} #container.sub .path.brand .t1{padding-top: 20px;} #container.sub .path.brand .t2{position: absolute; left: 45px; top: 35px; color: #fff; padding-right: 57px; letter-spacing: 1px;} #container.sub .path.brand .t2:after{position: absolute; right: 0; top: 50%; width: 36px; height: 2px; background-color: #fff; content:""; margin-top: -1px;} .con-barnd .lst_brand{margin-top: 26px; position: relative; z-index: 1;} .con-barnd .lst_brand button{color: #fff; font-size: 1.067em;} .con-barnd .lst_brand > ul{text-align: center; font-size: 0; line-height: 0; margin-left: auto; margin-right: auto; text-align: center; position: relative;} .con-barnd .lst_brand > ul > li{display: inline-block; *display: inline; *zoom: 1; font-size: 16px; line-height: 22px; padding-left: 25px; padding-right: 25px; position: relative;} .con-barnd .lst_brand > ul > li:after{position: absolute; left: 0; top: 50%; width: 5px; height: 10px; margin-top: -5px; background: url(../images/brand/ico_arr1.png) 0 0 no-repeat; display: block; content:"";} .con-barnd .lst_brand > ul > li.n1:after, .con-barnd .lst_brand > ul > li.n2:after{display: none;} .con-barnd .lst_brand > ul > li > button{display: block; padding-left: 15px; padding-right: 15px; height: 45px; border-style: solid; border-width: 2px; border-color: #194e92; border-radius: 100px; background-color: #194e92;} .con-barnd .lst_brand > ul > li > button:after{position: absolute; right: 0; top: 50%; margin-top: -9px;} .con-barnd .lst_brand > ul > li.n1{position: absolute; left: 0; top: 0;} .con-barnd .lst_brand > ul > li.n1 button{padding-left: 29px; padding-right: 29px; background-color: #1f5aa0; color: #aac3e3;} .con-barnd .lst_brand > ul > li button:focus, .con-barnd .lst_brand > ul > li.ovr button, .con-barnd .lst_brand > ul > li.on button{border-color: #fff; outline:0 !important; background: #194e92; color: #fff;} .con-barnd .lst_brand > ul > li.ovr button .IcoAfter-barnd.n1:after, .con-barnd .lst_brand > ul > li.on button .IcoAfter-barnd.n1:after{background-position: -38px -144px;} .con-barnd .lst_brand > ul > li.ovr button .IcoAfter-barnd.n2:after, .con-barnd .lst_brand > ul > li.on button .IcoAfter-barnd.n2:after{background-position: -89px -139px;} .con-barnd .lst_brand > ul > li.ovr button .IcoAfter-barnd.n3:after, .con-barnd .lst_brand > ul > li.on button .IcoAfter-barnd.n3:after{background-position: -139px -141px;} .con-barnd .lst_brand > ul > li.ovr button .IcoAfter-barnd.n4:after, .con-barnd .lst_brand > ul > li.on button .IcoAfter-barnd.n4:after{background-position:-187px -141px;} .con-barnd .tab-ty2{ border-width: 0 2px 2px; border-style: solid; border-color: #194e92; margin-top: 0; margin-bottom: 30px; position: relative; z-index: 0; visibility: hidden;} .con-barnd .tab-ty2 > ul > li{float: left; width: 9%; text-align: center;} .con-barnd .tab-ty2 > ul > li:first-child{width: 10%;} .con-barnd .tab-ty2 > ul > li:last-child{float: right;} .con-barnd .tab-ty2 > ul > li button{ display: block; width: 100%; height: 93px; background-color: #fff; } .con-barnd .tab-ty2 > ul > li button span.row{display: block;position: relative; padding-top: 38px; position: relative;} .con-barnd .tab-ty2 > ul > li button span.row:after{position: absolute; left: 50%; top: 5px; content:""; background-image: url(../images/brand/ico_common_brand.png); background-repeat: no-repeat; } .con-barnd .tab-ty2 > ul > li.n1 button span.row:after{background-position: -45px -209px; width: 17px; height: 27px; margin-left: -8px;} .con-barnd .tab-ty2 > ul > li.n2 button span.row:after{background-position: -80px -211px; width: 20px; height: 25px; margin-left: -10px;} .con-barnd .tab-ty2 > ul > li.n3 button span.row:after{background-position: -114px -211px;width: 24px;height: 25px;margin-left: -12px;} .con-barnd .tab-ty2 > ul > li.n7 button span.row:after{background-position: -245px -211px; width: 26px; height: 25px; margin-left: -13px;} .con-barnd .tab-ty2 > ul > li.n5 button span.row:after{background-position: -206px -211px; width: 19px; height: 25px; margin-left: -9px;} .con-barnd .tab-ty2 > ul > li.n6 button span.row:after{background-position: -159px -209px;width: 25px;height: 27px;margin-left: -13px;} .con-barnd .tab-ty2 > ul > li.n4 button span.row:after{background-position: -291px -211px; width: 23px; height: 25px; margin-left: -12px;} .con-barnd .tab-ty2 > ul > li.n8 button span.row:after{background-position: -336px -209px; width: 26px; height: 26px; margin-left: -13px;} .con-barnd .tab-ty2 > ul > li.n9 button span.row:after{background-position: -423px -213px; width: 46px; height: 20px; margin-left: -23px;} .con-barnd .tab-ty2 > ul > li.n10 button span.row:after{background-position: -45px -209px; width: 17px; height: 27px; margin-left: -8px;} .con-barnd .tab-ty2 > ul > li.n11 button span.row:after{background-position: -382px -211px;width: 23px; height: 25px; margin-left: -11px;} .con-barnd .tab-ty2 > ul > li button:focus{outline:0 !important;} .con-barnd .tab-ty2 > ul > li button:focus, .con-barnd .tab-ty2 > ul > li.ovr button, .con-barnd .tab-ty2 > ul > li.on button{background-color: #194e92; color: #fff;} .con-barnd .tab-ty2 > ul > li.n1 button:focus, span.row:after, .con-barnd .tab-ty2 > ul > li.n1.ovr button span.row:after, .con-barnd .tab-ty2 > ul > li.n1.on button span.row:after{background-position: -45px -246px; } .con-barnd .tab-ty2 > ul > li.n2 button:focus span.row:after, .con-barnd .tab-ty2 > ul > li.n2.ovr button span.row:after, .con-barnd .tab-ty2 > ul > li.n2.on button span.row:after{background-position: -80px -248px; } .con-barnd .tab-ty2 > ul > li.n3 button:focus span.row:after, .con-barnd .tab-ty2 > ul > li.n3.ovr button span.row:after, .con-barnd .tab-ty2 > ul > li.n3.on button span.row:after{background-position: -114px -248px;} .con-barnd .tab-ty2 > ul > li.n7 button:focus span.row:after, .con-barnd .tab-ty2 > ul > li.n7.ovr button span.row:after, .con-barnd .tab-ty2 > ul > li.n7.on button span.row:after{background-position: -245px -248px;} .con-barnd .tab-ty2 > ul > li.n5 button:focus span.row:after, .con-barnd .tab-ty2 > ul > li.n5.ovr button span.row:after, .con-barnd .tab-ty2 > ul > li.n5.on button span.row:after{background-position: -206px -248px;} .con-barnd .tab-ty2 > ul > li.n6 button:focus span.row:after, .con-barnd .tab-ty2 > ul > li.n6.ovr button span.row:after, .con-barnd .tab-ty2 > ul > li.n6.on button span.row:after{background-position: -159px -246px;} .con-barnd .tab-ty2 > ul > li.n4 button:focus span.row:after, .con-barnd .tab-ty2 > ul > li.n4.ovr button span.row:after, .con-barnd .tab-ty2 > ul > li.n4.on button span.row:after{background-position: -291px -248px;} .con-barnd .tab-ty2 > ul > li.n8 button:focus span.row:after, .con-barnd .tab-ty2 > ul > li.n8.ovr button span.row:after, .con-barnd .tab-ty2 > ul > li.n8.on button span.row:after{background-position: -336px -246px;} .con-barnd .tab-ty2 > ul > li.n9 button:focus span.row:after, .con-barnd .tab-ty2 > ul > li.n9.ovr button span.row:after, .con-barnd .tab-ty2 > ul > li.n9.on button span.row:after{background-position: -423px -250px;} .con-barnd .tab-ty2 > ul > li.n10 button:focus span.row:after, .con-barnd .tab-ty2 > ul > li.n10.ovr button span.row:after, .con-barnd .tab-ty2 > ul > li.n10.on button span.row:after{background-position: -45px -246px; } .con-barnd .tab-ty2 > ul > li.n11 button:focus span.row:after, .con-barnd .tab-ty2 > ul > li.n11.ovr button span.row:after, .con-barnd .tab-ty2 > ul > li.n11.on button span.row:after{background-position: -382px -248px;} #brand_isotope{padding-bottom: 100px; position: relative;} #brand_isotope .top, #brand_isotope .relative_company .top{margin-bottom: 20px;} #brand_isotope .top .t1 strong{color: #194e91; border-bottom: 1px solid #194e91; } #brand_isotope .lst_isotope{width: 250px; min-height: 260px; padding-bottom: 10px; background-color: #fff; margin-right: 36px; margin-bottom: 36px; text-align: center;} #brand_isotope .lst_isotope .inner{} #brand_isotope .lst_isotope .point{position: absolute;left: 0;top: 0;background-image: url(../images/brand/ico_common_brand.png);background-repeat: no-repeat;background-position: -628px -30px;width: 43px;height: 33px;color: #fff;padding-top: 2px;z-index: 5;font-size: 0.86em;} #brand_isotope .lst_isotope.s_hide{opacity: 0.2;} #brand_isotope .lst_isotope.s_hide .thumb .h{display: none;} #brand_isotope .lst_isotope .thumb{display: table; width: 100%; height: 215px; text-align: center;} #brand_isotope .lst_isotope .thumb span.img{display: table-cell; width: 100%; padding: 10%; height: auto; vertical-align: middle;} #brand_isotope .lst_isotope .thumb span.img img{max-width: 100%;} #brand_isotope .lst_isotope .thumb .h{ display: table; position: absolute; left: 0; top: 0; width: 100%; height: 265px; text-align: center; z-index: 2; /* 0.6 투명도가 적용 된 색상 적용 */ background: rgba(16, 53, 113, 0.8); /* IE 5.5 - 7 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc103571, endColorstr=#cc103571); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc103571, endColorstr=#cc103571)"; opacity: 0; } #brand_isotope .lst_isotope .thumb .h:not([dummy]) { /* IE9 only */ filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); } #brand_isotope .lst_isotope .thumb .h span{display: table-cell; vertical-align: middle;} #brand_isotope .lst_isotope .thumb .h span.o-h{width: 0; height: 0; display: block; overflow: hidden;} #brand_isotope .lst_isotope.logo .thumb{display: table; width: 100%; height: 250px; text-align: center;} #brand_isotope .relative_company{position: absolute; right: 0; top: 0; padding-top: 46px;} #brand_isotope .relative_company .header{margin-bottom: 20px;} #brand_isotope .relative_company .lst_isotope{margin-right: 0 !important; position: relative;} /* for high resolution display */ @media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .IcoAfter-barnd:after{ -webkit-background-size: 500px 500px; background-size: 500px 500px;} .IcoAfter-barnd.n1:after{background-position: -17px -169px; } .IcoAfter-barnd.n2:after{background-position: -68px -164px; } .IcoAfter-barnd.n3:after{background-position: -119px -167px;} .IcoAfter-barnd.n4:after{background-position: -167px -166px;} .con-barnd .lst_brand > ul > li.ovr button .IcoAfter-barnd.n1:after, .con-barnd .lst_brand > ul > li.on button .IcoAfter-barnd.n1:after{background-position:-17px -209px;} .con-barnd .lst_brand > ul > li.ovr button .IcoAfter-barnd.n2:after, .con-barnd .lst_brand > ul > li.on button .IcoAfter-barnd.n2:after{background-position: -68px -204px;} .con-barnd .lst_brand > ul > li.ovr button .IcoAfter-barnd.n3:after, .con-barnd .lst_brand > ul > li.on button .IcoAfter-barnd.n3:after{background-position: -119px -207px;} .con-barnd .lst_brand > ul > li.ovr button .IcoAfter-barnd.n4:after, .con-barnd .lst_brand > ul > li.on button .IcoAfter-barnd.n4:after{background-position:-167px -206px;} .con-barnd .tab-ty2 > ul > li button span.row:after{ -webkit-background-size: 500px 500px; background-size: 500px 500px; } .con-barnd .tab-ty2 > ul > li.n1 button span.row:after{background-position: -24px -274px; width: 18px; height: 28px;} .con-barnd .tab-ty2 > ul > li.n2 button span.row:after{background-position: -59px -276px; width: 20px; height: 26px;} .con-barnd .tab-ty2 > ul > li.n3 button span.row:after{background-position: -93px -276px; width: 24px; height: 26px;} .con-barnd .tab-ty2 > ul > li.n6 button span.row:after{background-position: -138px -274px; width: 26px; height: 28px;} .con-barnd .tab-ty2 > ul > li.n5 button span.row:after{background-position: -185px -276px; width: 19px; height: 26px;} .con-barnd .tab-ty2 > ul > li.n7 button span.row:after{background-position: -224px -276px; width: 27px; height: 26px;} .con-barnd .tab-ty2 > ul > li.n4 button span.row:after{background-position: -269px -275px; width: 25px; height: 26px;} .con-barnd .tab-ty2 > ul > li.n8 button span.row:after{background-position: -315px -275px; width: 27px; height: 26px;} .con-barnd .tab-ty2 > ul > li.n9 button span.row:after{background-position: -393px -280px; width: 38px; height: 17px;} .con-barnd .tab-ty2 > ul > li.n10 button span.row:after{background-position: -24px -274px; width: 18px; height: 28px;} .con-barnd .tab-ty2 > ul > li.n11 button span.row:after{background-position: -361px -276px; width: 23px; height: 25px;} .con-barnd .tab-ty2 > ul > li.n1 button:focus, span.row:after, .con-barnd .tab-ty2 > ul > li.n1.ovr button span.row:after, .con-barnd .tab-ty2 > ul > li.n1.on button span.row:after{background-position: -24px -311px; } .con-barnd .tab-ty2 > ul > li.n2 button:focus span.row:after, .con-barnd .tab-ty2 > ul > li.n2.ovr button span.row:after, .con-barnd .tab-ty2 > ul > li.n2.on button span.row:after{background-position: -59px -313px; } .con-barnd .tab-ty2 > ul > li.n3 button:focus span.row:after, .con-barnd .tab-ty2 > ul > li.n3.ovr button span.row:after, .con-barnd .tab-ty2 > ul > li.n3.on button span.row:after{background-position: -93px -313px;} .con-barnd .tab-ty2 > ul > li.n6 button:focus span.row:after, .con-barnd .tab-ty2 > ul > li.n6.ovr button span.row:after, .con-barnd .tab-ty2 > ul > li.n6.on button span.row:after{background-position: -138px -311px;} .con-barnd .tab-ty2 > ul > li.n5 button:focus span.row:after, .con-barnd .tab-ty2 > ul > li.n5.ovr button span.row:after, .con-barnd .tab-ty2 > ul > li.n5.on button span.row:after{background-position: -185px -313px;} .con-barnd .tab-ty2 > ul > li.n7 button:focus span.row:after, .con-barnd .tab-ty2 > ul > li.n7.ovr button span.row:after, .con-barnd .tab-ty2 > ul > li.n7.on button span.row:after{background-position: -224px -313px;} .con-barnd .tab-ty2 > ul > li.n4 button:focus span.row:after, .con-barnd .tab-ty2 > ul > li.n4.ovr button span.row:after, .con-barnd .tab-ty2 > ul > li.n4.on button span.row:after{background-position: -269px -312px;} .con-barnd .tab-ty2 > ul > li.n8 button:focus span.row:after, .con-barnd .tab-ty2 > ul > li.n8.ovr button span.row:after, .con-barnd .tab-ty2 > ul > li.n8.on button span.row:after{background-position: -315px -312px;} .con-barnd .tab-ty2 > ul > li.n9 button:focus span.row:after, .con-barnd .tab-ty2 > ul > li.n9.ovr button span.row:after, .con-barnd .tab-ty2 > ul > li.n9.on button span.row:after{background-position: -393px -316px;} .con-barnd .tab-ty2 > ul > li.n10 button:focus, span.row:after, .con-barnd .tab-ty2 > ul > li.n10.ovr button span.row:after, .con-barnd .tab-ty2 > ul > li.n10.on button span.row:after{background-position: -24px -311px; } .con-barnd .tab-ty2 > ul > li.n11 button:focus span.row:after, .con-barnd .tab-ty2 > ul > li.n11.ovr button span.row:after, .con-barnd .tab-ty2 > ul > li.n11.on button span.row:after{background-position: -361px -313px;} #brand_isotope .lst_isotope .point{ -webkit-background-size: 500px 500px; background-size: 500px 500px; background-position: -346px -15px; width: 43px; height: 33px;} } .contentMotion .visual.formula1{} .contentMotion .visual.formula1 .txt{width: 100%; height: 100%; position: absolute; left: 0; top: 0;} .contentMotion .visual.formula1 .txt img{max-width: 100%;} .contentMotion .visual.formula1 .txt > *{position: absolute; left: 50%; top: 0;} .contentMotion .visual.formula1 .txt .t1{top: 79px;margin-left: -128px; visibility: hidden;} .contentMotion .visual.formula1 .txt .t2{top: 81px;margin-left: -344px; visibility: hidden;} .contentMotion .visual.formula1 .txt .t3{top: 90px;margin-left: 202px; visibility: hidden;} .contentMotion .visual.formula1 .txt .line{top: 100px;margin-left: -187px; visibility: hidden; overflow: hidden;} .contentMotion .visual.formula1 .txt .t4{top: 37px;margin-left: 510px;width: 120px;height: 120px;border-radius: 120px;background-color: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-top: 87px;text-align: center;letter-spacing: -1px;line-height: 14px; visibility: hidden;} .contentMotion .visual.formula1 .txt .t4 .ico{position: absolute;left: -7px;top: -11px; } .contentMotion .visual.formula1 .txt .t4 .arr7{position: relative; display: block; } .con-formula1 .section1{position: relative;} .con-formula1 .section1 .lst_img1{ text-align: center; font-size: 0; line-height: 0; } .con-formula1 .section1 .lst_img1 .img{ display: inline-block; *display: inline; *zoom: 1; margin-left: 15px; margin-right: 15px;} .con-formula1 .section1 .t4{position: absolute;top: 37px;right: 0;width: 150px;height: 150px;border-radius: 150px;background-color: #ebe8df;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-top: 87px;text-align: center;letter-spacing: -1px;line-height: 14px; display: none;} .con-formula1 .section1 .t4 .ico{position: absolute;left: 7px;top: -11px;} .con-formula1 .section1 .t4 .arr7{position: relative;display: block;margin-top: 8px;} .con-formula1 .section2 .lst_img{ text-align: center; font-size: 0; line-height: 0; } .con-formula1 .section2 .lst_img ul{display: inline-block; *display: inline; *zoom: 1; width: 800px;} .con-formula1 .section2 .lst_img ul li{ display: inline-block; *display: inline; *zoom: 1; margin-left: 15px; margin-right: 15px; margin-bottom: 20px;} .con-formula1 .section2 .t1{text-align: center;} .con-formula1 .section3 .lst_img .img{float: left; width: 32.6%; margin-left: 1%;} .con-formula1 .section3 .lst_img .img:first-child{margin-left: 0;} .con-formula1 .section3 .lst_img .img img{width: 100%; height: auto;} .pop_formula1{background-color: #fff; z-index: 10;} .pop_formula1 .prev{position: absolute; left:0; top: 50%; z-index: 20;} .pop_formula1 .next{position: absolute; right:0; top: 50%; z-index: 20;} .pop_formula1 .bx-controls {display: none;} .pop_formula1 img{max-width: 100%;} .pop_formula1 .outer1{width: 860px; min-height: 1090px; margin-left: auto; margin-right: auto; position: relative; margin-top: 70px;} .pop_formula1 .bg_top{position: absolute; left: 0; top: 0; width: 100%; z-index: 0;} .pop_formula1 .bg_bot{position: absolute; left: 0; bottom: 0; width: 100%; z-index: 0;} .pop_formula1 .letter{position: relative;left: 0;top: 0;padding-left: 12%;padding-top: 15%;padding-right: 11%;padding-bottom: 10%; } .pop_formula1 .letter .line{background: url(../images/contribution/bg_pix.png) 0 40px repeat-y; line-height: 40px;} .pop_formula1 .letter p{border-style: solid;border-color: #f1f1ec;border-width: 0 0 0 0;padding: 0 30px;} .pop_formula1 .letter p.top{border-width: 2px 0 0; border-color: #bab998 #f1f1ec #f1f1ec;} .pop_formula1 .letter p.top2{margin-bottom:20px;border-color: #bab998;text-align: left;font-size: 1.2em;line-height: 1.5;padding-right: 100px;} .pop_formula1 .letter p.bot{margin-top:50px; padding-top: 3%; border-width: 2px 0 0; border-color: #bab998; text-align: right; font-size: 1.2em; line-height: 1.5;} .pop_formula1 .outer1.re .letter{position: relative;left: 0;top: 0;padding-left: 12%;padding-top: 0;padding-right: 11%;padding-bottom: 0;} .pop_formula1 .outer1.re .logo{position: absolute; right: 11%; top: 0;} .pop_formula1 .outer1.re .pen{position: absolute;right: 0;bottom: 0;z-index: 11;} .visual.formula2 .txt{position: absolute; left: 0; bottom: 0; width: 82%; padding-top: 30px; padding-bottom: 30px; padding-left: 9%; padding-right: 9%; color: #fff; /* 0.6 투명도가 적용 된 색상 적용 */ background: rgba(0, 0, 0, 0.6); /* IE 5.5 - 7 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; } .visual.formula2 .txt:not([dummy]) { /* IE9 only */ filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); } .visual.formula2 .txt h1{font-size: 40px; line-height: 50px;} .visual.formula2 .txt h1 > span{ font-size: 15px; font-weight: normal; margin-left: 10px; } .con-formula2 p.total{position: relative; font-weight: 700; margin-bottom: 20px; padding-left: 10px;} .con-formula2 p.total:after{position: absolute; left: 0; top: 50%; width: 3px; height: 3px; background-color: #194e91; margin-top: -2px; content:"";} .con-happyparenting1 .img1 img{max-width: 100%;} .visual.happyparenting1{} .visual.happyparenting1 .txt{width: 100%; height: 100%; position: absolute; left: 50%; top: 75px; text-align: center; width: 660px; margin-left: -330px;} .visual.happyparenting1 .txt img{max-width: 100%;} .visual.happyparenting1 .txt .h1{} .visual.happyparenting1 .txt .t1{font-size: 17px; line-height: 26px; color: #fff; padding-top: 20px; margin-top: 21px; position: relative;} .visual.happyparenting1 .txt .t1:after{position: absolute; left: 50%; top: 0; width: 50px; height: 2px; background-color: #fff; content:''; margin-left: -25px;} .visual.happyparenting1 .txt .icos{ margin-top: 30px; } .visual.happyparenting1 .txt .icos > span{margin: 0 10px;} .visual.happyparenting1 .txt .t2{margin-top: 40px;} .visual.happyparenting1 .txt .t2 a{color: #fff; display: inline-block; *display: inline; *zoom: 1; height: 31px; line-height: 31px; position: relative; padding-right: 31px; margin: 0 20px;} .visual.happyparenting1 .txt .t2 a:after{position: absolute; right: 0; top: 5px; } .visual.happyparenting1 .txt .t2 a > span{display: inline-block; *display: inline; *zoom: 1; height: 31px; line-height: 31px; padding-left: 44px;} .visual.happyparenting1 .txt .t2 a > span:after{position: absolute; left: 0; top: -2px; } .visual.happyparenting3 .txt{position: absolute; left: 0; bottom: 0; width: 82%; padding-top: 30px; padding-bottom: 30px; padding-left: 9%; padding-right: 9%; color: #fff; /* 0.6 투명도가 적용 된 색상 적용 */ background: rgba(0, 0, 0, 0.6); /* IE 5.5 - 7 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; z-index: 3; } .visual.happyparenting3 .txt:not([dummy]) { /* IE9 only */ filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); } .visual.happyparenting3 .txt h1{font-size: 40px; line-height: 50px;} .visual.happyparenting3 .txt h1 > span{ font-size: 15px; font-weight: normal; margin-left: 10px; } .con-happyparenting3 p.total{position: relative; font-weight: 700; margin-bottom: 20px; padding-left: 10px;} .con-happyparenting3 p.total:after{position: absolute; left: 0; top: 50%; width: 3px; height: 3px; background-color: #194e91; margin-top: -2px; content:"";} .visual.jinanfoundation{} .visual.jinanfoundation .txt{width: 100%;height: 100%;position: absolute;left: 50%;top: 125px;text-align: center;width: 660px;margin-left: -330px;} .visual.jinanfoundation .txt img{max-width: 100%;} .visual.jinanfoundation .txt .h1{} .visual.jinanfoundation .txt .t1{font-size: 17px; line-height: 26px; color: #fff; padding-top: 20px; margin-top: 21px; position: relative;} .visual.jinanfoundation .txt .t1:after{position: absolute; left: 50%; top: 0; width: 40px; height: 2px; background-color: #fff; content:''; margin-left: -20px;} .con-jinanfoundation .section1 .lst_img{font-size: 0; line-height: 0; text-align: left;} .con-jinanfoundation .section1 .lst_img .img{width: 49%; float: left; margin-left: 2%;} .con-jinanfoundation .section1 .lst_img .img:first-child{margin-left: 0;} .con-jinanfoundation .section1 .lst_img .img img{width: 100%; height: auto;} .con-jinanfoundation .section2 .set-content1 > .bg{position: absolute;left: 60%;top: 28px;} .con-jinanfoundation .section2 .set-content1 .box_thumb{padding-top: 3px;padding-left: 150px;position: relative;display: inline-block; *display: inline; *zoom: 1;width: 32%; vertical-align: top;} /*.con-jinanfoundation .section2 .set-content1 .box_thumb.first-child{margin-right: 2%;}*/ .con-jinanfoundation .section2 .set-content1 .box_thumb:after{display: block;clear: both;content:"";height: 0;visibility: hidden;} .con-jinanfoundation .section2 .set-content1 .box_thumb .img{position: absolute; left: 0; top: 0;} .visual.socialresponsibility{} .visual.socialresponsibility .txt{width: 100%; height: 100%; position: absolute; left: 50%; top: 85px; text-align: center; width: 660px; margin-left: -330px;} .visual.socialresponsibility .txt img{max-width: 100%;} .visual.socialresponsibility .txt .h1{} .visual.socialresponsibility .txt .t1{font-size: 17px; line-height: 26px; color: #fff; padding-top: 20px; margin-top: 21px; position: relative;} .visual.socialresponsibility .txt .t1:after{position: absolute; left: 50%; top: 0; width: 40px; height: 2px; background-color: #fff; content:''; margin-left: -20px;} .visual.management{} .visual.management .txt{width: 100%; height: 100%; position: absolute; left: 0; top: 0;} .visual.management .txt img{max-width: 100%;} .visual.management .txt > *{position: absolute; left: 50%; top: 0;} .visual.management .txt .t1{top: 79px;margin-left: -128px;} .visual.management .txt .t2{top: 81px;margin-left: -321px;} .visual.management .txt .t3{top: 80px;margin-left: 200px;} .visual.management .txt .line{top: 100px;margin-left: -194px;} .con-management .section1 .bg{position: absolute; left: 0; bottom: 0;} .con-management .section4 .lst1{} .con-management .section4 .lst1 > ul > li{margin-top: 30px; position: relative; left: 0; top: 0; padding-left: 180px; min-height: 150px;} .con-management .section4 .lst1 > ul > li:first-child{margin-top: 0;} .con-management .section4 .lst1 .thumb{position: absolute; left: 0; top: 0; width: 150px; height: 150px; border: 1px solid #e4e4ee; border-radius: 150px; text-align: center; display: table;} .con-management .section4 .lst1 .thumb > span{vertical-align: middle; display: table-cell;} .con-management .section4 .lst1 .h{font-size: 20px; line-height: 26px; margin-bottom: 20px;} .con-management .section4 .lst1 .h .more{margin-left: 10px; margin-top: -1px;} .con-management .section4 .lst1 .cont{position: relative; left: 0; top: 0; } .con-management .section4 .lst1 .cont.p1{padding-top: 10px;} .con-management .section4 .lst1 .cont.p2{padding-top: 20px;} .con-management .section4 .lst2{border-bottom: 2px solid #313131; padding-bottom: 60px;} .con-management .section4 .lst2 > ul > li{width: 50%; float: left; position: relative;} .con-management .section4 .lst2 > ul > li .h{font-size: 28px; line-height: 36px; margin-bottom: 20px;} .con-management .section4 .lst2 .h .more{margin-left: 10px; margin-top: -1px;} .con-management .section4 .lst2 > ul > li .inner{position: relative; min-height: 330px; padding-bottom: 90px;} .con-management .section4 .lst2 > ul > li.n1 .inner{margin-right: 16%;} .con-management .section4 .lst2 > ul > li.n2 .inner{padding-left: 16%; border-left: 1px solid #e4e4ee;} .con-management .section4 .lst2 > ul > li .thumb{position: absolute; right: 0; bottom: 0; } /* s:2017-02-20 추가 */ .con-management .section5 .lst{overflow:hidden; margin-left:-8px;} .con-management .section5 .lst > li{float:left; margin:0 0 8px 8px;} .con-management .section6 .graph_mobile{display:none;} .con-management .section7 .graph_mobile{display:none;} /* e:2017-02-20 추가 */ .visual.financial{} .visual.financial .txt{width: 100%; height: 100%; position: absolute; left: 0; top: 0;} .visual.financial .txt img{max-width: 100%;} .visual.financial .txt > *{position: absolute; left: 50%; top: 0;} .visual.financial .txt .t1{top: 69px;margin-left: -158px;} .visual.financial .txt .t2{top: 81px;margin-left: -334px;} .visual.financial .txt .t3{top: 80px;margin-left: 206px;} .visual.financial .txt .line{top: 100px;margin-left: -194px;} .box_movie{position:relative;top:0;left:0;height:0;padding-bottom:56.3%;font-size:0;line-height:0} .box_movie iframe{position:absolute;width:100%;height:100%} .con-video1 header.header .title2{margin-bottom: 7px;} .con-video1 header.header .data{margin-bottom: 15px; color: #7d7d7d; font-size: 14px;} .con-video1 header.header .cont{margin-bottom: 25px;} .box_location_map{position: relative; left: 0; top: 0; height: 0; padding-bottom:47.2%; margin-top: 50px; margin-bottom: 30px;} .box_location_map.shop{margin-top: 0; margin-bottom: 0; padding-bottom: 0; height: auto; padding-left: 397px;} .box_location_map #map_location{position: absolute !important; left: 0; top: 0; width: 100% !important; height: 100% !important; text-align: left;} .box_location_map.shop #map_location{position: relative !important; left: 0; top: 0; height: 871px !important; } .box_location_map .btn_set_zoom{position: absolute; right: 0; bottom: 0; z-index: 100; font-size: 15px; line-height: 20px;} .con-location .lst_location1 > ul{margin-top:0; } .con-location .lst_location1 > ul > li{position: relative; margin-bottom: 45px; width: 100%;} .con-location .lst_location1 > ul > li:first-child{margin-top: 0; border-top: 0;} .con-location .lst_location1 > ul > li:after{display: block;clear: both;content:"";height: 0;visibility: hidden;} .con-location .lst_location1 > ul > li .thumb{float: left;position: relative;width: 120px;margin-left: 16px;} .con-location .lst_location1 > ul > li .thumb img{max-width: 100%; } .con-location .lst_location1 > ul > li .num{position: absolute;left: 0px;top: -18px;width: 44px;height: 64px;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color: #194e91;font-weight: 700;background: url(../images/infomation/bg_location1.png) 0 0 no-repeat;font-size: 20px;padding-top: 10px;font-weight: 700;font-family: 'Lato', sans-serif;} .con-location .lst_location1 > ul > li .cont{margin-left: 152px;margin-right: 20px;} .con-location .lst_location1 > ul > li .h{ font-weight: 700; margin-bottom: 20px; position:relative; z-index:10; background-color: #f9f9fb; border-top: 1px solid #ededed; } .con-location .lst_location1 > ul > li .h button{padding: 15px 0 15px 20px;font-size: 17px;margin-bottom: 10px;display: block;color: #194e91;width: 100%;text-align: left;} .con-location .lst_location1 > ul > li .h :focus{outline:0 !important;} .con-location .lst_location1 > ul > li .h button:after{position: absolute;right: 20px;top: 50%;margin-top: -16px;} .con-location .lst_location1 > ul > li .h button:focus, .con-location .lst_location1 > ul > li.on .h button{ background-color: #d1e8cd; } .con-location .lst_location1.no_thumb > ul > li .cont{margin-left:20px;} .con-location .lst_location1.no_thumb .cont .h{position: relative;} .con-location .lst_location1.no_thumb .num{position: absolute;left: 0;top: -25px;width: 44px;height: 64px;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color: #194e91;font-weight: 700;background: url(../images/infomation/bg_location1.png) 0 0 no-repeat;font-size: 20px;padding-top: 10px;font-weight: 700;font-family: 'Lato', sans-serif;} .top_location_map{background-color: #007b51; padding-top: 5px; padding-bottom: 5px; font-size: 13px; color: #fff;} .top_location_map:after{display: block; clear: both; content:"";height: 0;visibility: hidden;} .top_location_map > *{float: left;} .top_location_map > .h{padding-left: 19px; padding-right: 19px; line-height: 30px;} .top_location_map > .search{ margin-left: 1px; } .top_location_map > .search .inp_txt{height: 30px; line-height: 30px; border-color: #fff; width: 210px;} .top_location_map > .search .btn{display: inline-block; *display: inline; *zoom: 1; width: 42px; height: 30px; background-color: #f6f6f6; text-indent: -9999px; overflow: hidden; position: relative;} .top_location_map > .search .btn:after{background-image: url(../images/common/ico_common.png); background-repeat: no-repeat; overflow: hidden; content:""; text-indent: -9999px; text-align: left; width: 0; height: 0; display: inline-block; *display: inline; *zoom: 1; position: absolute; left: 50%; top: 50%; background-position:-120px -13px; width: 16px; height: 16px; -webkit-background-size: 367px 255px; background-size: 367px 255px; margin-left: -8px; margin-top: -8px; } .top_location_map > .bmk{margin-left: 15px; padding-top: 2px;} .top_location_map > .bmk button{color: #fff;margin-right: 7px;font-size: 0.92em; line-height: 1;} .top_location_map > .bmk button span{display: inline-block; *display: inline; *zoom: 1; padding-bottom: 5px; border-bottom: 1px solid #8ca7c8;} .box_location_map .popup_bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; /* 0.6 투명도가 적용 된 색상 적용 */ background: rgba(0, 0, 0, 0.6); /* IE 5.5 - 7 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; display: none; } .box_location_map .popup_bg:not([dummy]) { /* IE9 only */ filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); } .box_location_map .popup_bg > .popup_wrap{position: absolute; left: 50%; top: 50%; background-color: #fff; width: 600px; height: 300px; margin-left: -100px; margin-top: -150px;} .box_location_map .popup_bg > .popup_wrap .top{background-color: #194e91; height: 41px; line-height: 41px; /*padding-left: 50px; */ padding-left: 20px; color: #fff; font-weight: 700; position: relative;} .box_location_map .popup_bg > .popup_wrap .top .h{} .box_location_map .popup_bg > .popup_wrap .top .h .num{position: absolute;left: 8px;top: -32px;width: 42px;height: 60px;background: url(../images/infomation/bg_bubble_map.png) 0 0 no-repeat;color: #194e91;font-size: 21px;font-weight: 700;font-family: 'Lato', sans-serif;text-align: center;} .box_location_map .popup_bg > .popup_wrap .top .p_close{position: absolute; right: 0; top: 0; width: 41px; height: 41px; text-align: left; text-indent: -9999px; overflow: hidden; } .box_location_map .popup_bg > .popup_wrap .top .p_close:after{position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -5px;} .box_location_map .popup_bg > .popup_wrap .mid{padding: 40px;} .box_location_map .popup_bg > .popup_wrap .mid > ul > li{position: relative; padding-left: 100px;} .box_location_map .popup_bg > .popup_wrap .mid > ul > li .h{position: absolute; left: 0; top: 0; font-size: 15px;} .box_location_map .popup_bg > .popup_wrap .mid > ul > li .h .IcoAfter{position: relative; padding-left: 24px;} .box_location_map .popup_bg > .popup_wrap .mid > ul > li .h .IcoAfter:after{position: absolute; left: 0; top: 1px;} .box_location_map .popup_bg > .popup_wrap .mid > ul > li .cont{padding-bottom: 10px; padding-left: 24px; border-left: 1px solid #e8e8f1; line-height: 22px;} .box_location_map .popup_bg > .popup_wrap .mid > ul > li .cont.dotdot{height: 88px; overflow: hidden; padding-bottom: 0;} #search-map-complete{position: absolute;left: 0;top: 0;width: 417px;height: 100%;overflow: hidden;z-index: 10;} #search-map-complete .pos{ position: absolute; right: 20px; top: 0; width: 400px; height: 100%; overflow-y: scroll; overflow-x: hidden; background-color: #fff; border-right: 1px solid #e9e9e9; } #search-map-complete .close{position: absolute; right: 3px; top: 50%; margin-top: -35px; display: none; } #search-map-complete .inner{position: absolute;right: 0;top: 0;width: 380px;min-height:100%;padding-left: 20px;background-color: #fff;font-size: 13px;} #search-map-complete .inner .h1{margin-top: 40px; padding-left: 26px; font-size: 20px; line-height: 26px; margin-bottom: 30px; } #search-map-complete .inner .lst{margin-bottom: 40px;} #search-map-complete .inner .lst li{position: relative; padding-left: 113px;} #search-map-complete .inner .lst h1{ font-weight: 700; margin-bottom: 20px; position:relative; z-index:10; background-color: #f9f9fb; border-top: 1px solid #ededed; } #search-map-complete .inner .lst h1 button{padding: 15px 0 15px 20px;font-size: 17px;display: block;color: #194e91;width: 100%;text-align: left;} #search-map-complete .inner .lst h1 button:after{position: absolute;right: 20px;top: 50%;margin-top: -16px;} #search-map-complete .inner .lst h1 button:focus{outline:0 !important;} #search-map-complete .inner .lst h1 button:after{position: absolute;right: 20px;top: 50%;margin-top: -16px;} #search-map-complete .inner .lst h1 button:focus, #search-map-complete .inner .lst.on h1 button{ background-color: #8b705a; color: #fff; } #search-map-complete .inner .lst h1 .num{position: absolute;left: 17px;top: -10px;width: 26px;height: 37px;background: url(../images/infomation/bg_bubble_map2.png) 0 0 no-repeat;color: #194e91;font-size: 13px;font-weight: 700;font-family: 'Lato', sans-serif;text-align: center; display: none;} #search-map-complete .inner .lst h2{position: absolute; left: 25px; top: 0;} #search-map-complete .inner .lst h2 .IcoAfter{position: relative; padding-left: 15px; font-size: 13px; font-weight: 700; } #search-map-complete .inner .lst h2 .IcoAfter:after{position: absolute; left: 0; top: -1px;} #search-map-complete .inner .lst .dotdot.cont{line-height: 22px; margin-right: 15px; height: 66px; overflow: hidden;} .visual.winwin1{} .visual.winwin1 .txt{width: 100%; height: 100%; position: absolute; left: 0; top: 0;} .visual.winwin1 .txt img{max-width: 100%;} .visual.winwin1 .txt > *{position: absolute; left: 50%; top: 0;} .visual.winwin1 .txt .t1{top: 60px;margin-left: -124px;/*visibility: hidden;*/} .visual.winwin1 .txt .t2{top: 78px;margin-left: -294px;/*visibility: hidden;*/} .visual.winwin1 .txt .t3{top: 61px;margin-left: 209px;/*visibility: hidden;*/} .visual.winwin1 .txt .line{top: 90px;margin-left: -187px;/*visibility: hidden;*/overflow: hidden;} .visual.winwin1 .txt .t4{top: 37px;margin-left: 510px;width: 120px;height: 120px;border-radius: 120px;background-color: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-top: 87px;text-align: center;letter-spacing: -1px;line-height: 14px; visibility: hidden;} .visual.winwin1 .txt .t4 .ico{position: absolute;left: -7px;top: -11px; } .visual.winwin1 .txt .t4 .arr7{position: relative; display: block; } .con-winwin1 .section2 .lst1 > ul, .con-ethical .section2 .lst1 > ul{margin-left: -3%;} .con-winwin1 .section2 .lst1 > ul:after, .con-ethical .section2 .lst1 > ul:after{display: block;clear: both;content:"";height: 0;visibility: hidden;} .con-winwin1 .section2 .lst1 > ul > li, .con-ethical .section2 .lst1 > ul > li{width: 22%; float: left; margin-left: 3%; margin-bottom: 2.5%;} .con-winwin1 .section2 .lst1 > ul > li > span, .con-ethical .section2 .lst1 > ul > li > span{display: block;border: 1px solid #e4e4ef; padding: 7px;} .con-winwin1 .section2 .lst1 > ul > li > span img, .con-ethical .section2 .lst1 > ul > li > span img{width: 100%; height: auto;} /* [161212] 윤리규정 */ .con-ethical .lst1 > ul > li .bg{ float: left; } .con-ethical .lst1 > ul > li .cont{margin-left: 87px; padding-top: 12px; padding-bottom: 14px; } .con-ethical .lst1 > ul > li .list li { margin-left:26px; text-indent:-26px; line-height:30px; } .con-ethical .lst1 > ul > li .list li.num { margin-left:48px; text-indent:-48px; } .con-ethical .lst1 > ul > li .list li.num2 { margin-left:31px; text-indent:-31px; } .con-ethical .lst1 > ul > li .list li span {margin-right: 10px; font-size: 18px; font-weight: bold; } .box-privacy .top{background-color: #f7f7fa; position: relative; padding:35px 35px 35px 250px;} .box-privacy .top > h2{position: absolute; left: 0; top: 0; width: 200px; height: 100%; background-color: #4d566b; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; padding-top: 35px; color: #fff; font-size: 28px; line-height: 36px; font-weight:400; } .box-privacy .top .cont .inner > ul > li{margin-top: 25px;} .box-privacy .top .cont .inner > ul > li:first-child{margin-top: 0;} .box-privacy .bot{text-align: right; color: #194e92; } .box-privacy .bot label{margin-left: 3px; cursor: pointer;} .box-privacy .bot .col ,.box-privacy .bot .mr{margin-right: 30px;} .box-privacy .summary-top{position: relative;} .box-privacy .btn_rt{position: absolute; right: 0; top: 0;} .box-privacy .btn_rt .btn{font-weight: 800; line-height: 1.2; position: relative; margin-right: 13px;} .box-privacy .btn_rt .btn:after{position: absolute;right: -13px;top: 4px;width: 5px;height: 9px;background: url(../images/common/ico_common.png) -223px -71px no-repeat;content:"";} .con-financial .h1{margin-bottom: 5px; font-weight: bold; position: relative;} .con-financial .h1 .unit{position: absolute; right: 0; top: 0; color: #7f7f7f; font-size: 0.83em;} .con-financial .h1 img{width: auto; height: auto; vertical-align: bottom; margin-right: 5px;} .TableType_1.fin thead tr th{background-color: #eee; padding: 18px;} .TableType_1.fin tbody th{ text-align: left; padding-left: 30px; } .TableType_1.fin tbody .thead2 th{padding-left: 0; font-weight: 700;} .TableType_1.fin tbody tr.bold th, .TableType_1.fin tbody tr.bold td{background-color: #fafafa; font-weight: bold; font-size: 16px;} .TableType_1.fin tbody tr.thead2 th, .TableType_1.fin tbody tr.thead2 td{background-color: #eee; border-top: 2px solid #313131; text-align: center;} .TableType_1.fin tbody tr.dep2 th,.TableType_1.fin tbody tr.dep2 td{border-width: 0; padding: 5px;} .TableType_1.fin tbody tr.dep2 th{ padding-left: 50px; } .TableType_1.fin tbody tr.dep2.last th,.TableType_1.fin tbody tr.dep2.last td{border-width: 0 0 1px;} .TableType_1.fin tbody tr.footer th,.TableType_1.fin tbody tr.footer td, .TableType_1.fin tbody tr.h2 th,.TableType_1.fin tbody tr.h2 td{background-color: #fafafa; font-weight: bold;} .con-viedo1 .box_movie{margin-top: 50px;} .con-video2 p.total{position: relative; font-weight: 700; margin-bottom: 20px; padding-left: 10px;} .con-video2 p.total:after{position: absolute; left: 0; top: 50%; width: 3px; height: 3px; background-color: #194e91; margin-top: -2px; content:"";} .con-video2 .bbs-thumb-ty2 .lst .cont h1{ height: 60px; overflow: hidden; } #container.sub .container_inner .form-customer.contentMotion .visual .img{left: 0; top: 0; width: 100%; margin-left: 0;} #container.sub .container_inner .form-customer.contentMotion .visual .img img{width: 100%; height: auto;} /* ccm 2016-10-04 */ .ccm_wrap {padding-bottom:70px;} .ccm_logo {background:url(../images/ccm/img_ccm_img1.jpg) no-repeat; padding-left:195px;} .ccm_logo .text span {color:#194e91;} .ccm_wrap .title2 {margin-top:70px; margin-bottom:20px;} .ccm_wrap .title2.mt0 {margin-top:0px;} .ccm_wrap .ccm_text .text_con {width:630px; border-left:1px solid #e8e8f1; padding-left:20px; margin-left:85px;} .ccm_wrap .ccm_text .text_con li {width:100%; position:relative; margin-top:30px;} .ccm_wrap .ccm_text .text_con li:first-child {margin-top:0px;} .ccm_wrap .ccm_text .text_con strong {display:block; position:absolute; color:#194e91; top:0px; left:-105px;} .ccm_wrap .cel_img_wrap:after {content:""; display:block; clear:both;} .ccm_wrap .cel_img_wrap li {width:300px; color:#313131; text-align:center; padding-top:120px; float:left; margin-left:20px; background:url(../images/ccm/img_ccm_img3.jpg) no-repeat;} .ccm_wrap .cel_img_wrap li:first-child {margin-left:0px; background:url(../images/ccm/img_ccm_img2.jpg) no-repeat;} .ccm_wrap .ccm_img {width:100%; height:440px; margin:30px 0px; background:url(../images/ccm/img_ccm_img4.jpg) no-repeat; background-size:100%;} .con-ethical .TableType_1.mt70 { margin-top:70px; } .group_img { padding-top:30px; padding-bottom:80px; text-align:left; } .m_ci_img { display:none; }