#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: 0;} #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: 20px;} #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; color: #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.insta{max-width: 286px; overflow: hidden; } #lst-isotope.main .lst_isotope > .inner .article > .photo.insta img{width: 286px; height: 286px} #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 .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: 0;} #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.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: 120px;height: 120px;} #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; margin-top:20px;} #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:pointer;} #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; display:none;} #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 .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;} .declarationWrap .stepWrap .stepBox{border: 1px solid #959595;box-sizing: border-box;padding: 0.6% 1.5%;text-align: center;} .declarationWrap .content-article.bbs-view1 .stepWrap .stepBox.on{background:#194e92; color:#ffffff;} .declarationWrap .content-article.bbs-view1 .stepWrap span{padding: 0 0.7% 0 1.2%;} .declarationWrap .content-article.bbs-view1 .admin_Text{padding-left: 32px; color:#194e92;} .declarationWrap .content-article.bbs-view1 .userText{padding-left: 32px;} .declarationWrap .commentsArea{position: relative;border-top: 1px solid #eaeaea;box-sizing: border-box;padding: 20px 10px 20px 157px;} .declarationWrap .commentsArea02 {padding:10px 0;box-sizing: border-box;} .declarationWrap .commentsArea:before, .declarationWrap .commentsIcon:before{content: '';position: absolute;top: 20px;left: 62px;height: 25px;width: 2px;background: #c8c8c8;} .declarationWrap .commentsArea:after, .declarationWrap .commentsIcon:after{content: '';position: absolute;top: 43px;left: 62px;width: 25px;height: 2px;background: #c8c8c8;} .declarationWrap .commentsIcon.mo{display: none;} .declarationWrap .commentsArea textarea, .declarationWrap .commentsArea02 textarea{width: 100%;height: 110px;border: 1px solid #c2c2c2;box-sizing: border-box;padding: 10px;} .declarationWrap .adminCom{color:#194e92;} .declarationWrap .commentsIcon2:before {content: '';position: absolute;top: 9px;left: 0;height: 20px;width: 2px;background: #c8c8c8;} .declarationWrap .commentsIcon2:after {content: '';position: absolute;top: 27px;left: 0;width: 20px;;height: 2px;background: #c8c8c8;} .declarationWrap .p_question{padding-left: 25px;} .declarationWrap .dateText{text-align:right; padding-top: 2%;} /*회사소개*/ .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: 30px 0; text-align: center;} .con-infomation .section1 .t2{text-align: center; margin-top: 60px;} .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 .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 .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{position:relative; float: left;width:calc((100% / 5) + 55px);} .con-story3 .tab_y50 li a{display: block;height: 108px;padding-left: 70px;padding-top: 29px; 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{width:calc(100% / 5); z-index: 0;} .con-story3 .tab_y50 li.n1 a{background: #fff;border-width: 1px; border-right:0;padding-left: 17px;} .con-story3 .tab_y50 li.n2{z-index: 1; } .con-story3 .tab_y50 li.n3{z-index: 2; } .con-story3 .tab_y50 li.n4{z-index: 3;} .con-story3 .tab_y50 li.n5 { z-index: 4;} .con-story3 .tab_y50 li.n5 a{border-width: 0 1px 0 0;} .con-story3 .tab_y50 li+li {margin-left:-55px;} .con-story3 .tab_y50 li .tit {display:none;} .con-story3 .tab_y50 li .txt{display: inline-block; *display: inline; *zoom: 1; width:165px; height:26px; background: url(../images/infomation/txt_history2.png) no-repeat 0 0; text-align: left; text-indent: -9999px;} .con-story3 .tab_y50 li.ovr .txt, .con-story3 .tab_y50 li.on .txt{background-position-y:-30px;} .con-story3 .tab_y50 li.ovr .sub, .con-story3 .tab_y50 li.on .sub {color:#fff;} .con-story3 .tab_y50 li .sub {display:block; margin-top:10px; font-size:13px;} .con-story3 .tab_y50 li.n1 .txt{ background-position-x:0;} .con-story3 .tab_y50 li.n2 .txt{ background-position-x:-200px;} .con-story3 .tab_y50 li.n3 .txt{ background-position-x:-400px;} .con-story3 .tab_y50 li.n4 .txt{ background-position-x:-600px;} .con-story3 .tab_y50 li.n5 .txt{ background-position-x:-800px;} .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%; 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: 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; 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: 5px; margin-right: 5px; 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-message .content-article > .intro .h2{font-size: 28px; line-height: 37px;} .con-message .content-article > .intro .set-fs1{font-family:'맑은 고딕','Malgun Gothic','Nanum Gothic','Dotum','돋움','gulim','굴림',Helvetica,sans-serif;} /*.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 .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 .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; */ color: #194e91; font-weight: 700; /* padding-top: 7px; */} .con-infra2 .sec_factory .top .btn{margin-left: 15px; margin-top:7px;} .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: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: 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; color: #fff; margin-left: -250px; text-align: center; z-index: 9;} .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: 43%;top: 33.5%;} .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.n8{left: 37%;top: 65%;} .con-global .section1 .map .country.n9{left: 40%;top: 48%;} .con-global .section1 .map .country.n10{left: 57%;top: 80%;} .con-global .section1 .map .country.n1 .txt{left: -130px;top: -40px;width: 360px;} .con-global .section1 .map .country.n2 .txt{left: -34px;top: 73px;width: 165px;} .con-global .section1 .map .country.n3 .txt{left: -30px;top: -39px; width: 200px;} .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 .section1 .map .country.n8 .txt{left: 80px;top: -20px;width: 246px;} .con-global .section1 .map .country.n9 .txt{left: 100px;top: 12px;width: 112px;} .con-global .section1 .map .country.n10 .txt{left: 100px;top: 12px;width: 210px;} .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;} /* 170728 수정 */ .con-barnd .tab-ty2{ border-width: 0 2px 2px; border-style: solid; border-color: #194e92; margin-top: 0; margin-bottom: 26px; position: relative; z-index: 1; visibility: hidden;}/* 2018-04-23 2depth 수정*/ /*.con-barnd .tab-ty2 > ul > li{float: left; width: 8.3%; text-align: center;}*/ .con-barnd .tab-ty2 > ul {display:table; width:100%; table-layout:fixed;} .con-barnd .tab-ty2 > ul > li{display:table-cell; text-align: center;} .con-barnd .tab-ty2 > ul > li button{ display: table; width: 100%; height: 93px; background-color: #fff; } .con-barnd .tab-ty2 > ul > li button span.row{display: table-cell; width:100px; position: relative; box-sizing:border-box; height:93px; padding-top: 48px; vertical-align:middle; line-height:1.3em; word-break:keep-all;} .con-barnd .tab-ty2 > ul > li button span.row:after{position: absolute; left: 50%; top:15px; content:""; height:32px; background: url(../images/brand/ico_common_brand3.png) no-repeat 0 -205px; } .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.onFak button, .con-barnd .tab-ty2 > ul > li.on button{background-color: #194e92; color: #fff;} .con-barnd .tab-ty2 > ul > li button:focus span.row:after, .con-barnd .tab-ty2 > ul > li.ovr button span.row:after, .con-barnd .tab-ty2 > ul > li.onFak button span.row:after, .con-barnd .tab-ty2 > ul > li.on button span.row:after { background-position-y:-247px;} .con-barnd .tab-ty3{display:none; position:relative; height:120px; border-bottom:4px solid #194e91;} .con-barnd .tab-ty3 .swiper-slide{height:120px; text-align:center;} .con-barnd .tab-ty3 .swiper-slide button{width:100%; height:100%; font-size:24px; color:#323232; background:#fff;} .con-barnd .tab-ty3 .swiper-slide.ovr button, .con-barnd .tab-ty3 .swiper-slide.on button{background:#194e91; color:#fff;} .con-barnd .tab-ty3 .swiper-slide button span{display:table-cell; width:130px; padding-top:58px; word-break:keep-all;} .con-barnd .tab-ty3 .swiper-button-prev{top:0; left:0; width:7.9%; height:100%; background:url('../images/brand/btn_cate_prev.png') center center no-repeat; background-color:#fff; border-right:2px solid #e7e7ef; margin-top:0; opacity:0.5;} .con-barnd .tab-ty3 .swiper-button-next{top:0; right:0; width:7.9%; height:100%; background:url('../images/brand/btn_cate_next.png') center center no-repeat; background-color:#fff; border-left:2px solid #e7e7ef; margin-top:0; opacity:0.5;} .con-barnd .tab-ty3 .swiper-slide button span.row:after{position: absolute; left: 50%; top: 12px; height:52px; content:""; background: url(../images/brand/ico_common_brand3.png) no-repeat 0 -553px; } .con-barnd .tab-ty3 .swiper-slide.ovr button span.row:after, .con-barnd .tab-ty3 .swiper-slide.on button span.row:after {background-position-y:-625px;} .con-barnd .tab-ty2 > ul > li.no153 button span.row:after{background-position-x:-91px; width: 18px; margin-left: -9px;} .con-barnd .tab-ty2 > ul > li.no155 button span.row:after{background-position-x:-165px; width: 14px; margin-left: -7px;} .con-barnd .tab-ty2 > ul > li.no159 button span.row:after{background-position-x:-312px; width: 28px; margin-left: -14px;} .con-barnd .tab-ty2 > ul > li.no157 button span.row:after{background-position-x:-238px; width: 20px; margin-left: -10px;} .con-barnd .tab-ty2 > ul > li.no156 button span.row:after{background-position-x:-197px; width: 23px; margin-left: -12px;} .con-barnd .tab-ty2 > ul > li.no158 button span.row:after{background-position-x:-276px; width: 18px; margin-left: -9px;} .con-barnd .tab-ty2 > ul > li.no154 button span.row:after{background-position-x:-127px; width: 20px; margin-left: -10px;} .con-barnd .tab-ty2 > ul > li.no160 button span.row:after{background-position-x:-358px; width: 29px; margin-left: -14px;} .con-barnd .tab-ty2 > ul > li.no243 button span.row:after{background-position-x:-590px; width: 28px; margin-left: -14px;} .con-barnd .tab-ty2 > ul > li.no208 button span.row:after{background-position-x:-515px;width: 18px; margin-left: -9px;} .con-barnd .tab-ty2 > ul > li.no215 button span.row:after{background-position-x:-543px; width: 36px; margin-left: -19px;} .con-barnd .tab-ty2 > ul > li.no162 button span.row:after{background-position-x:-439px; width: 15px; margin-left: -7px;} .con-barnd .tab-ty2 > ul > li.no161 button span.row:after{width: 35px; margin-left:-17px; background: url(../images/brand/ico_common161.png) no-repeat 0 50%;} .con-barnd .tab-ty2 .swiper-slide.no161 button:focus span.row:after, .con-barnd .tab-ty2 .swiper-slide.no161.ovr button span.row:after, .con-barnd .tab-ty2 .swiper-slide.no161.on button span.row:after{background-image: url(../images/brand/ico_common161_on.png);} .con-barnd .tab-ty2 > ul > li.no192 button span.row:after{background-position-x:-472px;width: 25px; margin-left: -12px;} .con-barnd .tab-ty2 > ul > li.no250 button span.row:after{background-position-x:-629px;width: 32px; margin-left: -16px;} .con-barnd .tab-ty2 > ul > li.n9 button span.row:after{background-position-x:-45px; width: 28px; margin-left: -14px;} #product_list ul:after{content:''; display:block; clear:both;} /* 모바일 텝 */ .con-barnd .tab-ty3 .swiper-slide.no153 button span.row:after{width: 32px; background-position-x: -139px; margin-left: -16px;} .con-barnd .tab-ty3 .swiper-slide.no155 button span.row:after{width: 25px; background-position-x: -268px; margin-left: -12px;} .con-barnd .tab-ty3 .swiper-slide.no159 button span.row:after{width: 50px; background-position-x: -520px; margin-left: -25px;} .con-barnd .tab-ty3 .swiper-slide.no157 button span.row:after{width: 37px; background-position-x: -392px; margin-left: -18px;} .con-barnd .tab-ty3 .swiper-slide.no156 button span.row:after{width: 39px; background-position-x: -323px; margin-left: -19px;} .con-barnd .tab-ty3 .swiper-slide.no158 button span.row:after{width: 31px; background-position-x: -459px; margin-left: -15px;} .con-barnd .tab-ty3 .swiper-slide.no154 button span.row:after{width: 37px; background-position-x: -201px; margin-left: -18px;} .con-barnd .tab-ty3 .swiper-slide.no160 button span.row:after{width: 59px; background-position-x: -600px; margin-left: -30px;} .con-barnd .tab-ty3 .swiper-slide.no161 button span.row:after{width: 56px;transform: translateX(-50%);background-image: url(../images/brand/ico_common161.png);background-repeat: no-repeat;background-position: 0 0;background-size: contain;} .con-barnd .tab-ty3 .swiper-slide.no161 button:focus span.row:after, .con-barnd .tab-ty3 .swiper-slide.no161.ovr button span.row:after, .con-barnd .tab-ty3 .swiper-slide.no161.on button span.row:after{background-image: url(../images/brand/ico_common161_on.png);} .con-barnd .tab-ty3 .swiper-slide.no243 button span.row:after{width: 39px; background-position-x: -1009px; margin-left: -20px;} .con-barnd .tab-ty3 .swiper-slide.no208 button span.row:after{width: 30px; background-position-x: -880px; margin-left: -15px;} .con-barnd .tab-ty3 .swiper-slide.no215 button span.row:after{width: 42px; background-position-x: -936px; margin-left: -21px;} .con-barnd .tab-ty3 .swiper-slide.no162 button span.row:after{width: 25px; background-position-x: -751px; margin-left: -13px;} .con-barnd .tab-ty3 .swiper-slide.no192 button span.row:after{width: 44px; background-position-x: -806px; margin-left: -22px;} .con-barnd .tab-ty3 .swiper-slide.no250 button span.row:after{width: 48px; background-position-x: -1079px; margin-left: -24px;} .con-barnd .tab-ty3 .swiper-slide.n9 button span.row:after{width: 60px; background-position-x: -49px; margin-left: -30px;} /* 2018-04-23 제품 브랜드 2depth 추가 */ .con-barnd .tab-ty2 > ul > li .subCate {overflow:hidden;position:absolute;left:-2px;top:93px;right:-2px;height:0;background:#194e92;z-index:1;-webkit-transition:all 0.15s ease-in-out; -moz-transition:all 0.15s ease-in-out; -o-transition:all 0.15s ease-in-out; transition:all 0.15s ease-in-out;} .con-barnd .tab-ty2 > ul > li .subCate ul {text-align:left;} .con-barnd .tab-ty2 > ul > li.n1 .subCate ul {margin-left:0.6%;} .con-barnd .tab-ty2 > ul > li.n2 .subCate ul {margin-left:39%;} .con-barnd .tab-ty2 > ul > li.n13 .subCate ul {margin-left:58.5%;} .con-barnd .tab-ty2 > ul > li.n3 .subCate ul {margin-left:7.4%;} .con-barnd .tab-ty2 > ul > li.n6 .subCate ul {margin-left:27%;} .con-barnd .tab-ty2 > ul > li.n5 .subCate ul {margin-left:20.9%;} .con-barnd .tab-ty2 > ul > li.n12 .subCate ul {margin-left:33.5%;} .con-barnd .tab-ty2 > ul > li.n7 .subCate ul {margin-left:12%;} .con-barnd .tab-ty2 > ul > li.n14 .subCate ul {margin-left: 65.5%;} .con-barnd .tab-ty2 > ul > li.n8 .subCate ul {margin-left:44.3%;} .con-barnd .tab-ty2 > ul > li.n10 .subCate ul {margin-left:86.6%;} .con-barnd .tab-ty2 > ul > li.n4 .subCate ul {margin-left: 71.9%;} .con-barnd .tab-ty2 > ul > li.n15 .subCate ul {margin-left:54%;} .con-barnd .tab-ty2 > ul > li.n11 .subCate ul {margin-left: 78%;} /*.con-barnd .tab-ty2 > ul > li.n11 .subCate ul {text-align:right;}*/ .con-barnd .tab-ty2 > ul > li .subCate li {display:inline-block;padding:0 18px;} .con-barnd .tab-ty2 > ul > li .subCate li:first-child {margin-left:0;} .con-barnd .tab-ty2 > ul > li .subCate li button {background:none;height:49px;} .con-barnd .tab-ty2 > ul > li .subCate li button span {color:#fff;} .con-barnd .tab-ty2 > ul > li.ovr .subCate {height:49px;} .con-barnd .swiper-subCate {display:none;} /* //2018-04-23 제품 브랜드 2depth 추가 */ #brand_isotope{padding-bottom: 100px; position: relative;} #brand_isotope .top, #brand_isotope .relative_company .top{margin-bottom: 27px;} #brand_isotope .top #input_prod{width:268px; height:36px; font-size:13px; color:#747474; line-height:36px; background:#fff; border:none; padding:0 10px;} #brand_isotope .top .search{width:36px; height:36px; vertical-align:middle; border:none;} #brand_isotope .top .search .btn_mb{display:none;} #brand_isotope .top .t1{/*clear:both; float:right;*/ color:#747474; font-size:14px; margin:24px 0 9px;} #brand_isotope .top .t1 strong{color:#194e91; border-bottom: 1px solid #194e91;} #brand_isotope .top .t1 span{color:#194e92;} #brand_isotope .top .btnWrap{float:right;} #brand_isotope .top .btnWrap button{position:relative; margin-left:1px; padding:0 20px; } #brand_isotope .top .btnWrap button:after {content:""; display:inline-block; width:6px; height:11px; margin:-1px 0 0 8px; vertical-align:middle; background:url(/resources/images/brand/ico_go2.png) no-repeat 0 0;} #brand_isotope .top .btnWrap button span.mb{display:none;} #brand_isotope .top .btnWrap .btnType1{display:inline-block; height:36px; border:1px solid #6d7587; line-height:36px; font-size:14px; background:#fff;} #brand_isotope .top .btnWrap .btnType1:hover{color:#194e92;} #brand_isotope .top .btnWrap .btnType2{display:inline-block; height:36px; line-height:36px; font-size:14px; color:#fff; background:#6d7587;} #brand_isotope .top .btnWrap .btnType2:after {background-image:url(/resources/images/brand/ico_go.png);} #brand_isotope .prod_wrap .lst_prod{/* overflow:hidden; */ margin-right:-2.8%;} #brand_isotope .prod_wrap .lst_prod .cateName{clear: both; padding: 3% 0; box-sizing: border-box; background: #8fc7e8;} #brand_isotope .prod_wrap .lst_prod li{position:relative; float:left; width:17.2%; height:300px; min-height:246px; text-align:center; background:#fff; margin:0 2.8% 2.8% 0;} #brand_isotope .prod_wrap .lst_prod li p.img{} #brand_isotope .prod_wrap .lst_prod li p.tit{margin-top:40px;} #brand_isotope .prod_wrap .lst_prod li a{display:block; width:100%; height:100%;} #brand_isotope .prod_wrap .lst_prod li a:hover:after{content:""; position:absolute; width:100%; height:100%; top:-2px; left:-2px; border:2px solid #194e92;} #brand_isotope .prod_wrap .lst_prod li strong{font-size:13px; color:#747474; line-height:25px;} #brand_isotope .prod_wrap .lst_prod li p{font-size:16px; color:#313131; line-height:22px; word-break:keep-all; /*padding:0 9.7%;*/} /*#brand_isotope .prod_wrap .lst_prod li:after {clear:both; display:block; content:'';}*/ #brand_isotope .prod_wrap .prod_paging{clear:both; text-align:center; padding:40px 0;} #brand_isotope .prod_wrap .prod_paging li{display:inline; text-align:center;} #brand_isotope .prod_wrap .prod_paging li button{width:26px; height:26px; background:none; border:1px solid #c4c4c4;} #brand_isotope .prod_wrap .prod_paging li button img{margin:-3px -1px 0px 0;} #brand_isotope .prod_wrap .prod_paging li.prev button{border-left:0; margin:0 14px 0 -4px;} #brand_isotope .prod_wrap .prod_paging li.next button{border-right:0; margin:0 -4px 0 14px;} #brand_isotope .prod_wrap .prod_paging li a{display:inline-block; width:28px; font-size:16px; line-height:28px; color:#484848;} #brand_isotope .prod_wrap .prod_paging li.on a{color:#194e92;} #brand_isotope .prod_wrap .prod_more{display:none; width:100%; height:auto;} /* 제품 상세 페이지 */ #container.sub.view_brand{padding-top:1px;} #container.view_brand .container_inner{margin-top:-96px; padding-top:0;} #container.view_brand .contentMotion{padding:95px 7.84% 80px;} #container.view_brand h3{font-size:24px; line-height:24px; margin:18px 0;} #container.view_brand #pdtDetail3{position:relative;} #container.view_brand #pdtDetail3>span{position:absolute; right:0; top:55px;} #container.view_brand .pdtIntro {overflow:hidden; width:100%; min-height:513px; height:auto;} #container.view_brand .pdtIntro .thumb{float:left; width:43.6%; height:auto; border:1px solid #e1e1e1; box-sizing:border-box;} #container.view_brand .pdtIntro .thumb >img {width:100%; height:auto;} #container.view_brand .pdtIntro .cont{float:right; width:50%; margin-bottom:111px; padding-left:6.4%;} #container.view_brand .pdtIntro .cont .snsArea.pc {display:block; overflow:hidden; float:right;} #container.view_brand .pdtIntro .cont .snsArea.pc li {float:left; width:26px; height:26px; margin-left:3px;} #container.view_brand .pdtIntro .cont .snsArea.pc li:first-child{margin-left:0;} #container.view_brand .pdtIntro .cont .snsArea.mb{display:none;} #container.view_brand .pdtIntro .cont h1 {clear:both; font-size:24px; line-height:35px; color:#313131; font-weight:normal; margin-top:37px;} #container.view_brand .pdtIntro .cont h1 strong {font-size:45px; line-height:48px; font-weight:bold; color:#313131; display: inline-block; padding-top: 10px;} #container.view_brand .pdtIntro .srmy {overflow:hidden; margin:55px 0 0 -1.7%;} #container.view_brand .pdtIntro .srmy li {float:left; width:23.3%; min-height:140px; padding:0 1% 2%; margin:0 0 1.7% 1.7%; border:1px solid #c4c4c4; border-radius:18px; text-align:center; font-size:14px; color:#747474; box-sizing: border-box;} #container.view_brand .pdtIntro .srmy li:before {content:""; display:block; width:50px; height:50px; margin:15px auto 10px; background:url(/resources/images/brand/ico_srmy.png) no-repeat 0 0;} #container.view_brand .pdtIntro .srmy li strong{font-weight:normal;} #container.view_brand .pdtIntro .srmy li span {display:block; margin:5px 5px 0; text-align:center; font-weight:bold; color:#1c589e; /*word-break:keep-all;*/} #container.view_brand .pdtIntro .srmy li.ingredient:before {background-position-x:0;} #container.view_brand .pdtIntro .srmy li.age:before {background-position-x:-50px} #container.view_brand .pdtIntro .srmy li.weight:before {background-position-x:-100px} #container.view_brand .pdtIntro .srmy li.expiration:before {background-position-x:-150px} #container.view_brand .pdtIntro .srmy li.keep:before {background-position-x:-200px} #container.view_brand .pdtIntro .srmy li.birth:before {background-position-x:-250px} #container.view_brand .pdtIntro .srmy li.etc:before {background-position-x:-300px} #container.view_brand .pdtIntro .tag {display:inline-block; width:auto; background:#f0f0f0; padding:0 13px; margin:36px 0 27px;} #container.view_brand .pdtIntro .btnArea {overflow:hidden;} #container.view_brand .pdtIntro .btnArea li{float:left; background:#8b705b; margin-left:1.3666%; padding:3.3% 0;} #container.view_brand .pdtIntro .btnArea li:first-child {margin-left:0;} #container.view_brand .pdtIntro .btnArea li.btn1{width:32.5%; background:#194e90;} #container.view_brand .pdtIntro .btnArea li.btn2{width:24.6%;} #container.view_brand .pdtIntro .btnArea li.btn3{width:24.6%;} #container.view_brand .pdtIntro .btnArea li.btn4{width:14.2%; background:url(/resources/images/brand/btn_cf.gif) center center no-repeat;} #container.view_brand .pdtIntro .btnArea li a{display:block; color:#fff; font-size:18px; text-align:center;} #container.view_brand .relativeBrd{overflow:hidden; border-top:2px solid #313131; padding-bottom:40px; padding-top:12px;} #container.view_brand .relativeBrd > div{position:relative; width:43.7%; padding:0 3.1%;} #container.view_brand .relativeBrd .swiper-slide{text-align:center;} #container.view_brand .relativeBrd .pdt .swiper-container{margin:0 6.6%;} #container.view_brand .relativeBrd .pdt .swiper-slide img{padding:17.3% 0 7.9%;} #container.view_brand .relativeBrd .pdt .swiper-slide a{font-size:14px; color:#535353; line-height:16px;} #container.view_brand .relativeBrd .pdt .swiper-slide a:hover{color:#194e90;} #container.view_brand .relativeBrd .pdt .swiper-slide p{padding:8.3% 0;} #container.view_brand .relativeBrd .pdt .swiper-button-prev{top:52%; left:7%; width:14px; height:29px; background:url('/resources/images/brand/btn_re_prev.png') center center no-repeat;} #container.view_brand .relativeBrd .pdt .swiper-button-next{top:52%; right:7%; width:14px; height:29px; background:url('/resources/images/brand/btn_re_next.png') center center no-repeat;} #container.view_brand .relativeBrd .pdt .swiper-button-next.swiper-button-disabled, #container.view_brand .relativeBrd .pdt .swiper-button-prev.swiper-button-disabled{opacity:1;} #container.view_brand .relativeBrd2{overflow:hidden; border-top:2px solid #313131; padding-bottom:40px; padding-top:12px;} #container.view_brand .relativeBrd2 > div{position:relative; width:100%;} #container.view_brand .relativeBrd2 .swiper-wrapper {height:auto;} #container.view_brand .relativeBrd2 .swiper-slide{text-align:center;} #container.view_brand .relativeBrd2 .pdt2 .swiper-container{margin:0 6.6%;} #container.view_brand .relativeBrd2 .pdt2 .swiper-slide img{width:100%; padding:17.3% 0 7.9%;} #container.view_brand .relativeBrd2 .pdt2 .swiper-slide a{font-size:14px; color:#535353; line-height:16px;} #container.view_brand .relativeBrd2 .pdt2 .swiper-slide a:hover{color:#194e90;} #container.view_brand .relativeBrd2 .pdt2 .swiper-slide p{padding:8.3% 0;} #container.view_brand .relativeBrd2 .pdt2 .swiper-button-prev{top:52%; left:6px; width:14px; height:29px; background:url('/resources/images/brand/btn_re_prev.png') center center no-repeat;} #container.view_brand .relativeBrd2 .pdt2 .swiper-button-next{top:52%; right:6px; width:14px; height:29px; background:url('/resources/images/brand/btn_re_next.png') center center no-repeat;} #container.view_brand .relativeBrd2 .pdt2 .swiper-button-next.swiper-button-disabled, #container.view_brand .relativeBrd2 .pdt2 .swiper-button-prev.swiper-button-disabled{opacity:1;} #container.view_brand .relativeBrd .eve .swiper-container{border:1px solid #ccc; box-sizing: border-box;} #container.view_brand .relativeBrd .eve .swiper-pagination{top:18px; right:6%;} #container.view_brand .relativeBrd .eve .swiper-pagination-bullet{width:10px; height:10px; background:#ccc; margin-left:9px; opacity:1;} #container.view_brand .relativeBrd .eve .swiper-pagination-bullet-active{background:#194e90;} #container.view_brand .relativeBrd .eve .swiper-slide{max-height:212px;} #container.view_brand .relativeBrd .eve .swiper-slide img{width:100%; height:100%;} #container.view_brand .relativeBrd .eve .btn_play{display:none; position: absolute; top: 16px; right: calc( 7% + 51px );} #container.view_brand .relativeBrd .eve .btn_pause{display:block; position: absolute; top: 16px; right: calc( 7% + 50px );} #container.view_brand .relativePdt{overflow:hidden; position:relative; border-top:2px solid #313131; border-bottom:1px solid #d0d0d0; margin-bottom:50px; padding:12px 0 0 0;} #container.view_brand .relativePdt .swiper-slide{text-align:center;} #container.view_brand .relativePdt .swiper-container{ margin: 0 6.6%;} #container.view_brand .relativePdt .swiper-slide img{padding-top:16px;} #container.view_brand .relativePdt .swiper-slide a{font-size:14px; color:#535353; line-height:17px;} #container.view_brand .relativePdt .swiper-slide a:hover{color:#194e90;} #container.view_brand .relativePdt .swiper-slide p{padding:10px 0; margin-bottom:56px;} #container.view_brand .relativePdt .swiper-button-prev{top:57%; left:6px; width:14px; height:29px; background:url('/resources/images/brand/btn_re_prev.png') center center no-repeat;} #container.view_brand .relativePdt .swiper-button-next{top:57%; right:6px; width:14px; height:29px; background:url('/resources/images/brand/btn_re_next.png') center center no-repeat;} #container.view_brand .relativePdt .swiper-button-next.swiper-button-disabled, #container.view_brand .relativePdt .swiper-button-prev.swiper-button-disabled{opacity:1;} #container.view_brand .pdtTab {overflow:hidden; height:52px; margin:40px 0 76px; padding-left:1px;} #container.view_brand .pdtTab li {float:left; width:33%; height:52px; margin-left:-1px; border:1px solid #ccc; border-bottom-color:#2f2218; text-align:center; line-height:50px; background:#fafafa; box-sizing:border-box;} #container.view_brand .pdtTab li:first-child{width:34.2%;} #container.view_brand .pdtTab li a {display:block; width:100%; height:100%; font-weight:bold; font-size:16px; color:#313131;} #container.view_brand .pdtTab li.on {position:relative; border-color:#2f2218; border-bottom-color:#fff; background-color:#fff;} #container.view_brand .pdtTab.mb{display:none;} #container.view_brand .pdtDetail{display:block;} #container.view_brand #pdtDetail1{padding-bottom:146px;} #container.view_brand #pdtDetail2{border-top:1px solid #c4c4c4; padding:32px 0 64px;} #container.view_brand #pdtDetail2 .bbsForm {width:100%; border-bottom:1px solid #ccc; table-layout:fixed;} #container.view_brand #pdtDetail2 .bbsForm th {font-size:14px; color:#313131; text-align:left; font-weight:bold; line-height:24px; background:#f6f6f6; border-top:1px solid #ccc; padding:13px 40px;} #container.view_brand #pdtDetail2 .bbsForm td {color:#535353; line-height:24px; word-break:keep-all; border-top:1px solid #ccc; padding:13px 0 13px 40px;} #container.view_brand #pdtDetail2 .lastText{font-size:14px; color:#535353; line-height:48px;} #container.view_brand #pdtDetail3{border-top:1px solid #c4c4c4; padding:32px 0 75px;} #container.view_brand #pdtDetail3 p{font-size:14px; line-height:22px; color:#313131;} #container.view_brand #pdtDetail3 .bbsForm.mb{display:none;} #container.view_brand .relativeEve{display:none;} #container.view_brand .btnList a{display:block; width:153px; font-size:16px; color:#fff; text-align:center; background:#194e92; margin:0 auto; padding:12px 0;} /* #container.view_brand .relative {border-top:2px solid #313131; margin-top:80px;} #container.view_brand .relative .pdt {width:515px;} #container.view_brand .relative .pdt .slideCont {width:450px; height:192px;} #container.view_brand .relative .pdt .slideCont li {width:150px; height:190px; padding-top:2px;} #container.view_brand .relative .pdt .prev {left:0; top:112px;} #container.view_brand .relative .pdt .next {right:0; top:112px;} #container.view_brand .relative .event {width:515px;} #container.view_brand .relative .event .slideCont {width:515px; height:192px;} #container.view_brand .relative .event .slideCont li {float:left; width:513px; height:190px; border:1px solid #cccecb;} #container.view_brand .relative .event .slideCont li img {width:513px; height:190px;} #container.view_brand .noEvent .pdt {width:100%;} #container.view_brand .noEvent .pdt .slideCont {width:1050px;} #container.view_brand .noEvent .pdt .slideCont li {width:150px;} #container.view_brand .pdtTabFix .pdtTab {z-index:20; width:1070px; margin-left:-535px;} #container.view_brand .relativePdt .slideCont {width:1050px;} #container.view_brand .relativePdt .slideCont li {width:150px;} #container.view_brand .relativePdt .prev {left:0;} #container.view_brand .relativePdt .next {right:0;} */ /* //170728 수정 */ .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 .txt{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 .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 .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 .txt{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 .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 > 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; 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 .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: 0;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: #8b705a; color: #fff; } .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: #194e91; 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; 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 .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; min-height: 25px;} #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 .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; font-size: 18px;} .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; } .con-ethical .name_type_y .noticeText{padding:1.2% 0; box-sizing: border-box;} .con-ethical .lst_form .nameWrap>div{display:table-cell; width: 190px;} .con-ethical .lst_form .nameWrap>p{display:table-cell;} .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: 60px; 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; word-break: keep-all;} .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.thead2+.thead2 th, .TableType_1.fin tbody tr.thead2+.thead2 td {border-top:1px solid #e4e4ef; padding:10px; font-size:14px; line-height:20px;} .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:0;} .ccm_wrap .ccm_text .text_con strong {display:block; position:absolute; color:#194e91; top:0; 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:0; background:url(../images/ccm/img_ccm_img2.jpg) no-repeat;} .ccm_wrap .ccm_img {width:100%; height:440px; margin:30px 0; background:url(../images/ccm/img_ccm_img4.jpg) no-repeat; background-size:100%;} .ccm_wrap.section4 .ccmCont ol {text-align:center;} .ccm_wrap.section4 .ccmCont ol:after {content:""; display:block; clear:both;} .ccm_wrap.section4 .ccmCont ol > li {margin:0 0 10px -27px; display:inline-block; text-align:left; vertical-align:top;} .ccm_wrap.section4 .ccmCont ol > li strong {position:relative; display:block; width:192px; height:79px; color:#fff; line-height:79px; font-size:19px; letter-spacing:-1px; text-align:center;} .ccm_wrap.section4 .ccmCont ol > li.cont1 {margin-left:0;} .ccm_wrap.section4 .ccmCont ol > li.cont1 strong {background:url(/resources/images/ccm/c_bg_1.png) no-repeat 0 0; z-index:5} .ccm_wrap.section4 .ccmCont ol > li.cont2 strong {background:url(/resources/images/ccm/c_bg_2.png) no-repeat 0 0; z-index:4} .ccm_wrap.section4 .ccmCont ol > li.cont3 strong {background:url(/resources/images/ccm/c_bg_1.png) no-repeat 0 0; z-index:3} .ccm_wrap.section4 .ccmCont ol > li.cont4 strong {background:url(/resources/images/ccm/c_bg_2.png) no-repeat 0 0; z-index:2} .ccm_wrap.section4 .ccmCont ol > li.cont5 strong {background:url(/resources/images/ccm/c_bg_1.png) no-repeat 0 0; z-index:1} .ccm_wrap.section4 .ccmCont ol > li ul {padding-left:40px; padding-top:10px;} .listTypeA {table-layout:fixed; width:100%;} .listTypeA th, .listTypeA td {padding:15px 15px; border:1px solid #e5e5e5; line-height:22px; vertical-align:middle; text-align:center;} .listTypeA th {font-size:16px; color:#242424; text-align:center; font-weight:400; background:#e9f5ff;} .listTypeA td {font-size:15px; color:#313334; text-align:left;} .listTypeA td ul li {position:relative; padding-left:18px; text-align:left;} .listTypeA td ul li span {position:absolute; left:3px;} .listTypeA td ul li span:after {content:"."} .ccm_wrap.section4 .ccmCont ol > li ul li {padding-left:10px; background:url(/resources/images/ccm/blt.png) no-repeat 0 7px; font-size:15px; line-height:22px; letter-spacing:-1px; color:#303030;} .con-ethical .TableType_1.mt70 {margin-top:70px;} .clear {clear:both;} .contIntro {width:100%; height:auto;} .contIntro > .img {text-align:center; margin-bottom:50px;} .contIntroList {width:100%; height:auto;} .contIntroList > li {width:263px; height:280px; float:left; margin-left:40px;} .contIntroList > li:nth-child(1) {margin-left:0;} .contIntroList > li:nth-child(4) {margin-left:0;} .contIntroList > li > .img {width:100%; height:175px;} .contIntroList > li > .text {width:100%; height:85px; padding-top:20px; text-align:center; font-size:15px; font-weight:100px; color:#313131; line-height:23px;} .contIntroList > li > .text > strong {display:block; font-weight:bold; line-height:23px;} .contIntroList > li > .text > span {font-size:13px; font-weight:100; line-height:23px;} .formula_btn {display: inline-block;min-width: 125px;height: 35px;padding-left: 20px;font-size: 15px;font-weight: 200;color: #313131;line-height: 35px;border: 2px solid #464d5d;background: url(../images/contribution/formula_btn.png) no-repeat right top;margin-top: 30px;padding-right: 50px;} .factory_btn {display:inline-block; height:35px; padding:0 56px 0 20px; font-size:15px; font-weight:200; color:#313131; line-height:35px; border:2px solid #464d5d; background:url(../images/contribution/formula_btn.png) no-repeat right top; margin-top:30px;} .histroyConWrap {width:100%; height:auto; background:url(../images/contribution/history_bg.png) no-repeat center 73px;} .histroyConWrap .title {width:100%; height:27px; font-size:0; background:url(../images/contribution/history_title.png) no-repeat center top;} .histroyConWrap .con {width:100%; height:2350px; padding-top:39px;} .histroyConWrap .con .left {width:43.7%; float:left;} .histroyConWrap .con .left > li {width:100%; height:auto; font-size:15px; font-weight:100; color:#313131; text-align:right;} .histroyConWrap .con .left > li > strong {display:block; font-size:28px; color:#313131; padding-bottom:20px;} .histroyConWrap .con .left > li > span {display:block; padding-top:20px;} .histroyConWrap .con .left > li > span > em {color:#6d7587; font-size:13px;} .histroyConWrap .con .left > li > .img {width:100%; height:auto; text-align:right; padding-top:30px;} .histroyConWrap .con .left > li:nth-child(1) {padding-top:78px;} .histroyConWrap .con .left > li:nth-child(2) {padding-top:14px;} .histroyConWrap .con .left > li:nth-child(3) {padding-top:70px;} .histroyConWrap .con .left > li:nth-child(4) {padding-top:8px;} .histroyConWrap .con .left > li:nth-child(5) {padding-top:282px;} .histroyConWrap .con .left > li:nth-child(6) {padding-top:142px;} .histroyConWrap .con .right {width:43.7%; float:right;} .histroyConWrap .con .right > li {width:100%; height:auto; font-size:15px; font-weight:100; color:#313131; text-align:left;} .histroyConWrap .con .right > li > strong {display:block; font-size:28px; color:#313131; padding-bottom:20px;} .histroyConWrap .con .right > li > span {display:block; padding-top:20px;} .histroyConWrap .con .right > li > span > em {color:#6d7587; font-size:13px;} .histroyConWrap .con .right > li > .img {width:100%; height:auto; text-align:left; padding-top:30px;} .histroyConWrap .con .right > li:nth-child(1) {padding-top:2px;} .histroyConWrap .con .right > li:nth-child(2) {padding-top:292px;} .histroyConWrap .con .right > li:nth-child(3) {padding-top:192px;} .histroyConWrap .con .right > li:nth-child(4) {padding-top:268px;} .histroyConWrap .con .right > li:nth-child(5) {padding-top:8px;} .histroyConWrap .con .right > li:nth-child(6) {padding-top:68px;} .histroyConWrapMobile {display:none;} /* agree */ .box-privacy .top .agreeText>strong{display:block; font-size:20px; color:#333;} .box-privacy .top .agreeText>p{color:#5f5f5f; font-size:13px; line-height: 18px;} .box-privacy .top .agreeText table{margin-top:10px;} .agreeText table{width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; background:#fff;} .agreeText table td,.agreeText table th{padding:10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#333; text-align:center;} .agreeText table th{font-size:14px; background:#efefef} .agreeText table td{font-size:13px;} .agreeText .caution{position:relative; margin-top:10px; padding-left:15px; color:#5f5f5f; font-size:13px;} .agreeText .caution:after{content:'※'; position:absolute; left:0; top:0} /* 자주묻는 질문 */ .qnaArea .bgn{background:none !important;} .qnaArea .qnaList{border-top:2px solid #313131; padding-bottom:20px;} .qnaArea .qnaList li{border-bottom:1px solid #e4e4ef;} .qnaArea .qnaList li.none{height:100px; line-height:100px; text-align:center;} .qnaArea .qnaList li a{display:block; position:relative; padding:14px 10px 14px 106px; font-size:15px; word-wrap: break-word; word-break: break-all;} .qnaArea .qnaList li a em{font-weight:bold;} .qnaArea .qnaList li a:after{content:'Q'; position:absolute; left:34px; top:14px; font-size:15px; color:#0553b8; font-weight:bold;} .qnaArea .qnaList li .answerArea{display:none; position:relative; padding:14px 10px 14px 106px; background:#e4e4ef; color:#101010; box-sizing:border-box;} .qnaArea .qnaList li .answerArea .answerText{position:relative;} .qnaArea .qnaList li .answerArea .answerText:after{content:'A'; position:absolute; left:-70px; top:0; font-size:15px; color:#2e2e2e; font-weight:bold;} .qnaArea .qnaList li.best a:after{content:'BEST Q'; position:absolute; left:10px; top:13px; width:62px; height:24px; line-height:25px; font-size:15px; color:#fff; font-weight:bold; text-align:center; background:#194e92;} .qnaArea .qnaList li.best a{font-weight:bold;} .qnaArea .topText{font-size:15px; margin-bottom:34px; padding-bottom:10px;} .qnaArea .topText.bdN{border:0} .qnaArea .listSize{position:relative; width:280px; padding-left:10px;} .qnaArea .listSize:after{content:''; position:absolute; top:25px; left:0; width:3px; height:3px; background:#545d72;} .qnaArea .listSize strong{color:#0553b8; font-weight:bold;} .qnaArea .tabArea{border:1px solid #e4e4ef; margin-top:-35px; *zoom:1; margin-bottom:20px;} .qnaArea .tabArea:after{content:''; display:block; clear:both;} .qnaArea .tabArea li{float:left; width:20%; border-right:1px solid #e4e4ef; box-sizing:border-box;} .qnaArea .tabArea li:last-child{border-right:0} .qnaArea .tabArea li a{display:block; text-align:center; height:53px; line-height:53px;} .qnaArea .tabArea li.on a{background:#1c589e; color:#fff;} /* 메인 공지사항 추가 */ .noticeArea{width:1400px; margin:0 auto;} .noticeArea .g_row{display:block; text-align:center; border:1px solid #eaeaea; line-height:60px; height:60px; box-sizing:border-box;} .noticeArea .g_row>strong{display:inline-block; position:relative; padding:0 15px 0 10px;; margin-right:6px; font-size:15px;} .noticeArea .g_row>strong:before{content:''; position:absolute; left:0; top:50%; margin-top:-3px; width:4px; height:4px; border-radius:100%; background:#000; } .noticeArea .g_row>strong:after{content:'>'; position:absolute; right:0; font-size:10px; color:#9f9f9f;} .noticeArea .g_row .lst .row{font-size:15px; color:#000} .noticeArea .g_row .lst .row a{font-weight:bold; color:#000;} .noticeArea .g_row .bx-wrapper{display:inline-block; width:330px; vertical-align: middle; text-align:left;} .noticeArea .g_row .bx-controls{display:none; vertical-align: middle;} /* 개선 사례 */ .tableList{margin-bottom:40px} .tableList .topArea{border-bottom:1px solid #e4e4ef; border-top:2px solid #313131;} .tableList .topArea:after{content:''; display:block; clear:both;} .tableList .topArea strong{float:left; text-align:center; box-sizing:border-box; padding:12px 10px} .tableList .topArea strong:nth-child(1){width:15%;} .tableList .topArea strong:nth-child(2){width:25%;} .tableList .topArea strong:nth-child(3){width:60%;} .tableList .listArea li{border-bottom:1px solid #e4e4ef} .tableList .listArea li .listCont>div{float:left; text-align:center; box-sizing:border-box; padding:12px 10px; word-wrap: break-word; word-break: break-all;} .tableList .listArea li .listCont:after{content:''; display:block; clear:both;} .tableList .listArea li .listCont>div:nth-child(1){width:15%;} .tableList .listArea li .listCont>div:nth-child(2){width:25%;} .tableList .listArea li .listCont>div:nth-child(3){width:60%; text-align:left;} .tableList .listArea li .viewArea{display:none; background:#f2f2f7; box-sizing:border-box; padding:25px; text-align:center;} .tableList .listArea li .viewArea img{max-width:100%;} .tableList .listArea li.none{height:200px; line-height:200px; text-align:center;} /* 19/1/10 팝업 제품 팝업 */ .korPopup #popup-brand.PopupWrap{display:block; margin-top: 0; } .korPopup .bg_cover {position: fixed; } .korPopup .PopupWrap.brand .box_lft .product_main .img {margin-bottom: 2%; width:28% !important} .korPopup .PopupWrap.brand .box_lft .product_main .inner{text-align:left !important; padding-left: 30px;} .korPopup .PopupWrap.brand .product_main .img a {display: block; width: 100%; height: 100%;} .korPopup .PopupWrap.brand .box_lft .thumb img {max-height: none;} .korPopup .PopupWrap.brand .box_lft .inner .paging{text-align:center} .korPopup .PopupWrap.brand .box_lft .inner .paging a, .korPopup .PopupWrap.brand .box_lft .inner .paging img{display:inline-block;} .korPopup .PopupWrap.brand .box_lft .cont .t2 {margin-bottom: 1%;} .korPopup .PopupWrap.brand {width: 635px; margin-left: -305px;} .korPopup .PopupWrap.brand .prod_paging{clear:both; text-align:center; padding:20px 0;} .korPopup .PopupWrap.brand .prod_paging li{display:inline; text-align:center;} .korPopup .PopupWrap.brand .prod_paging li button{width:26px; height:26px; background:none; border:1px solid #c4c4c4;} .korPopup .PopupWrap.brand .prod_paging li button img{margin:-3px -1px 0 0;} .korPopup .PopupWrap.brand .prod_paging li.prev button{border-left:0; margin:0 14px 0 -4px;} .korPopup .PopupWrap.brand .prod_paging li.next button{border-right:0; margin:0 -4px 0 14px;} .korPopup .PopupWrap.brand .prod_paging li a{display:inline-block; width:28px; font-size:1em; line-height:28px; color:#484848;} .korPopup .PopupWrap.brand .prod_paging li.on a{color:#194e92;} .korPopup .PopupWrap.brand .prod_more{display:none; width:100%; height:auto;} .korPopup .PopupWrap.brand .close {top: 20px; right: 20px; z-index: 10; } .korPopup .PopupWrap.brand .box_lft .inner .paging{text-align:center} .korPopup .PopupWrap.brand .box_lft .inner .paging a, .korPopup .PopupWrap.brand .box_lft .inner .paging img{} .korPopup .PopupWrap.brand .box_lft .inner .paging a{ display: inline-block; *display: inline; *zoom: 1; width: 35px; height: 35px; line-height: 35px; margin: 0 5px; border-radius: 35px; background-color: #fff; color: #313131; font-size: 15px; vertical-align: middle; } .korPopup .PopupWrap.brand .box_lft .inner .paging a.on{ color: #ffffff; background-color: #464d5d;} .korPopup .PopupWrap.brand .box_lft .inner .paging a:first-child{} .korPopup .PopupWrap.brand .box_lft .inner .paging img:first-child{margin:0 10px;} .korPopup .PopupWrap.brand .box_lft .inner .paging a:last-child{} .korPopup .PopupWrap.brand .box_lft .inner .paging img:last-child{margin:0 10px;} /*레시피메뉴*/ #container .recipetype1 .recipeSort {text-align: right; padding: 25px 0;} #container .recipetype1 .recipeSort select {width: 160px;height: 40px;padding: 0 38px 0 10px;margin: 0; border: 1px solid #eaeaea;font-size: 16px;color: #313131; text-align: center;vertical-align: middle;background: #fff url(/resources/images/recipe/btn_arrow.gif) no-repeat 100% 50%; -webkit-appearance: none; /* Webkit */ -moz-appearance: none; /* FF */ -ms-appearance: none; /* Edge */ appearance: none; /* Future */} select::-ms-expand {display: none;} #container .recipetype1 .recipeList {display: flex;flex-wrap: wrap; margin: 0 0 0 -3%; overflow: hidden;} #container .recipetype1 .recipeList li {width: 22%; margin: 0 0 3% 3%; background-color: #fff;} #container .recipetype1 .recipeList li.none{width: 100%; height: 150px; line-height: 150px; text-align: center;} #container .recipetype1 .recipeList li a {position: relative; display: block; width: 100%; height: 100%;} #container .recipetype1 .recipeList li .thumb {width: 100%;} #container .recipetype1 .recipeList li .thumb img {width: 100%;} #container .recipetype1 .recipeList li .tit {font-size: 120%;text-align: center;word-break: keep-all;padding: 11.2% 3%;box-sizing: border-box;} /*레시피보기*/ #container .recipetype2.container_inner {padding: 65px 160px 0 160px; box-sizing: border-box; background-color: #fff;} #container .recipetype2 .path {line-height: 158px;} #container .recipetype2 .path h1 {font-size: 36px; font-weight: bold;} #container .recipetype2 .recipeView {padding-bottom: 40px; } #container .recipetype2 .recipeView .thumbArea {display: flex; justify-content: center;} #container .recipetype2 .recipeView .thumbArea .thumb img {width: 535px; height: 403px;} #container .recipetype2 .recipeView .thumbArea .ingredient {width: 455px; height: 363px; padding: 40px 40px 0; background: #f2f2f7;} #container .recipetype2 .recipeView .thumbArea .ingredient h2 {font-size: 24px; font-weight: bold;} #container .recipetype2 .recipeView .thumbArea .ingredient .cont {margin-top: 15px; color: #535353; font-size: 16px; line-height: 30px; word-break: keep-all;} #container .recipetype2 .recipeView >h2 {padding-bottom: 20px; margin-top: 65px;border-bottom: 1px solid #d0d0d0;font-size: 24px; font-weight: bold;} #container .recipetype2 .recipeView >.cont {margin-top: 15px; font-size: 16px; line-height: 30px; color: #535353;} #container .recipetype2 .recipeRelative{position: relative;} #container .recipetype2 .recipeRelative .swiper-container{width: 88%; margin: 0 auto; padding:40px 0 0;} #container .recipetype2 .recipeRelative .swiper-wrapper li {width: 150px!important;text-align: center;vertical-align: top;margin:0 4px;} #container .recipetype2 .recipeRelative li .thumb {display: inline-block; width: 150px; height: 150px; background-color: pink;} #container .recipetype2 .recipeRelative li .thumb img{width: 100%;} #container .recipetype2 .recipeRelative li .tit {color: #535353; box-sizing: border-box; padding: 10px 0;} #container .recipetype2 .recipeRelative .swiper-button-prev {top: 0;left: 0;width: 3%;height: 100%;background: url(/resources/images/recipe/btn_prev.png) center center no-repeat;margin-top: 0;} #container.recipetype2 .recipeRelative .swiper-button-next {top: 0;right: 0;width: 3%;height: 100%;background: url(/resources/images/recipe/btn_next.png) center center no-repeat;margin-top: 0;} #container .recipetype2 .btnArea {margin-top: 30px;} #container .recipetype2 .btnType3{margin-bottom:60px;} #container .btnArea{text-align:center;} #container .btnType3 {display: inline-block;min-width: 100px;padding: 15px 60px;font-size: 16px;color: #fff;box-sizing:border-box;background: #194e92;} /* 헬스 뉴스 */ .healthNewsWrap {background: #ffffff;} .healthNewsWrap .newsArea{position: relative;} .healthNewsWrap .nArea01 .slideArea {width: 100%; padding: 3% 7.2%; box-sizing: border-box;} .healthNewsWrap .nArea01 .slideArea .slideThum {width:100%; margin: 0 auto;} .healthNewsWrap .nArea01 .slideArea .slideThum > div {width: 100%; margin: 0 auto;} .healthNewsWrap .nArea01 .slideArea .slideThum > div > div .slick-slide{padding: 0 0.3%;} .healthNewsWrap .nArea01 .slideThum {visibility: hidden;} .healthNewsWrap .nArea01 .slideThum.slick-slider {visibility:visible;} .healthNewsWrap .nArea01 .slideArea .slideThum > div img{width: 100%;} .healthNewsWrap .nArea01 .slideArea .slideThum .thumText {padding: 3% 4%; color: #303030; box-sizing: border-box; word-break: break-all; letter-spacing: -1px; } .healthNewsWrap .nArea01 .slideArea .slideThum .thumText strong{font-weight: bold;} .healthNewsWrap .nArea01 .slideArea .slideThum .thumText .thumdate{color: #979797; font-size: 90%;} .healthNewsWrap .nArea01 .slideThum .slick-slide{height: auto;} .healthNewsWrap .nArea01 .slideThum .slick-slide > div{border: 2px solid #eaeaea; box-sizing: border-box; min-height: 280px;} .healthNewsWrap .nArea01 .slideThum .slick-slide .on{border-color:#254f93;} .healthNewsWrap .nArea01 .slideThum .slick-arrow{text-indent:-9999px; position:absolute; top:85px; width:14px; height:97px; z-index:4} .healthNewsWrap .nArea01 .slideThum .slick-prev{left:0; margin:0 -2%; background:url(/resources/images/healthNews/prev01.png) no-repeat 50% 50%;} .healthNewsWrap .nArea01 .slideThum .slick-next{right:0; margin:0 -2%; background:url(/resources/images/healthNews/next02.png) no-repeat 50% 50%;} .healthNewsWrap .nArea01 .slideArea .slick-dots{width: 100%; padding-top: 2%;} .healthNewsWrap .nArea01 .slideArea .slick-dots li {display: inline-block; margin: 0 3px;} .healthNewsWrap .nArea01 .slideArea .slick-dots li button {display: inline-block; width: 20px; height: 20px; border: 2px solid #e1e1e1; border-radius: 50%; background-color: #ffffff; font-size: 0;} .healthNewsWrap .nArea01 .slideArea .slick-dots li.slick-active button{background-color: #194e91;} .healthNewsWrap .nArea02 .newsContArea{padding: 3% 7.5% 0 7.5%; box-sizing: border-box;} .healthNewsWrap .nArea02 .newsSlide {margin: 0 auto;} .healthNewsWrap .nArea02 .newsSlide .slick-slide{text-align: center;} .healthNewsWrap .nArea02 .newsSlide .textWrap{background-color: #e3f1ff;display: flex;align-items: center;box-sizing: border-box;padding: 2%;margin: 3% 0.3% 0 0;} .healthNewsWrap .nArea02 .newsSlide .textWrap .icon img{width: auto;} .healthNewsWrap .nArea02 .newsSlide .textWrap p{width: 90%; padding-left: 2%; font-size: 125%; font-family: "맑은 고딕";} .healthNewsWrap .nArea02 .newsSlide .btnArea{text-align: center; padding: 5% 0;} .healthNewsWrap .nArea02 .newsSlide .btnArea img{width: auto;} .healthNewsWrap .nArea02 .newsSlide .btn_arrow{text-indent:-9999px; position:absolute; margin-top: -100px; top:50%; width:25px; height:75px; z-index:4} .healthNewsWrap .nArea02 .newsSlide .btn_arrow.prev{ margin-left:2%; margin-right:2%; left:0; background:url(/resources/images/healthNews/prev03.png) no-repeat 50% 50%;} .healthNewsWrap .nArea02 .newsSlide .btn_arrow.next{ margin-left:2%; margin-right:2%; right:0; background:url(/resources/images/healthNews/next04.png) no-repeat 50% 50%;} /* 헬스 트렌드 */ .healthNewsWrap.healthT {padding: 3% 7.2%;box-sizing: border-box;} .healthNewsWrap.healthT .healthTrendList {display: flex; flex-wrap: wrap;} .healthNewsWrap.healthT .healthTrendList> li{width: 19%;box-sizing: border-box;margin-right: 1%;margin-bottom: 1%;border: 1px solid #ececec;} .healthNewsWrap.healthT .healthTrendList> li.on{border-color:#254f93;} .healthNewsWrap.healthT .healthTrendList> li:nth-of-type(5), .healthNewsWrap.healthT .healthTrendList> li:nth-of-type(10), .healthNewsWrap.healthT .healthTrendList> li:nth-of-type(15){margin-right: 0;} .healthNewsWrap.healthT .healthTrendList img{width: 100%;} .healthNewsWrap.healthT .healthTrendList .thumText {color: #303030; word-break: break-all; letter-spacing: -1px; padding: 4%; } .healthNewsWrap.healthT .healthTrendList .thumText .textCont{ min-height: 50px;} .healthNewsWrap.healthT .healthTrendList .thumText strong{font-weight: bold;} .healthNewsWrap.healthT .healthTrendList .thumText .thumdate{color: #979797; font-size: 90%; float: right; } .healthNewsWrap.healthT .healthTrendList .btnWrap{text-align: right; padding-top: 3.2%;} .healthNewsWrap.healthT .healthTrendList .btnArea{display: inline-block;width: 84px;height: 18px;background:url(/resources/images/healthNews/btn04.png) no-repeat;} .healthNewsWrap.healthT .paginate_regular{padding:2% 0;} /* 재무 수정*/ /*.TableType_1.tableAreaAdd table{width: auto;}*/ .TableType_1.tableAreaAdd thead tr th {vertical-align: middle;padding:10px;} .tableAreaAddMo{display:none;} .mobileType {display:none;} /* 시회공헌 소개 */ .latestNews {width: 84.33734939759036%;margin:0 auto;padding: 6% 0 1%;box-sizing: border-box;} .latestNews .title{padding-bottom:3%;font-size: 34px;font-weight: bold;text-align: center;box-sizing: border-box;} .latestNews .btnArea{padding-bottom: 4%; box-sizing: border-box;} .latestNews .btnArea a{display: inline-block;color: #484b5c;font-size: 18px;font-weight: bold;background: #ecedee;box-sizing: border-box;padding: 1% 6%;} .latestNews .latestNewsList{font-size:0;} .latestNews .latestNewsList li{display: inline-block;width: 30%;margin-right:5%;margin-bottom:5%;vertical-align: top;border: 1px solid #ededed;box-sizing:border-box;} .latestNews .latestNewsList li:nth-child(3n){margin-right:0;} .latestNews .latestNewsList li img{width:100%; height: 240px;} .latestNews .latestNewsList li p{padding:5%;box-sizing:border-box;} .latestNews .latestNewsList li strong, .latestNews .latestNewsList li span{display:block;} .latestNews .latestNewsList li strong{font-size:22px;padding-bottom: 2%;box-sizing: border-box;} .latestNews .latestNewsList li span{height: 50px;line-height: 24px;font-size: 16px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .latestNews .latestNewsList .noList{width: 100%;text-align: center;padding: 5%;margin-right: 0;} .latestNews .latestNewsList .noList strong{padding-bottom:0; font-weight:normal;} .nanumViewArea *.nanumCont {word-break: break-word;text-align: left;} .nanumViewArea .nanumCont {padding: 14px 0 14px 7px; box-sizing: border-box;} .exDetailArea {text-align:center;} .exDetailArea .exDetailSection{position:relative;} .exDetailArea .exMo_Btn{display:none;} .exDetailArea .exPc_Btn{opacity:0;position: absolute;left: 0;width: 100%;text-align: center;box-sizing: border-box;padding: 0 20%;} .exDetailArea .exPc_Btn a{display:inline-block; width: 100%; outline:1px solid;} .goong .exPc_Btn{top: 17%;} .goong .exPc_Btn a{padding: 17% 0; background: #ff00001f;} .goong .exPc_Btn .btn2, .goong .exPc_Btn .btn3{ padding: 15% 0;} .sanyang .exPc_Btn{padding: 0 16%; bottom: 0.75%; display: flex; justify-content: center;} .sanyang .exPc_Btn a{padding: 3.1% 0; margin-right: 14%;} .sanyang .exPc_Btn a:last-of-type{margin-right:0;} .myungjak .exPc_Btn{bottom: 8%; display: flex; justify-content: center;} .myungjak .exPc_Btn a{padding: 3% 0; margin-right: 14%;} .myungjak .exPc_Btn a:last-of-type{margin-right:0;} .sensitive .exPc_Btn{padding: 0 16%; bottom: 0.4%; display: flex; justify-content: center;} .sensitive .exPc_Btn a{padding: 3.4% 0;; margin-right: 14%;} .sensitive .exPc_Btn a:last-of-type{margin-right:0;} .bon .exPc_Btn{padding: 0 16%; bottom: 0.9%; display: flex; justify-content: center;} .bon .exPc_Btn a{padding: 3% 0; margin-right: 14%;} .bon .exPc_Btn a:last-of-type{margin-right:0;} /* media qurey */ @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) { /* for high resolution display */ .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;} #brand_isotope .lst_isotope .point{ -webkit-background-size: 500px 500px; background-size: 500px 500px; background-position: -346px -15px; width: 43px; height: 33px;} } @media screen and (max-width: 1500px) { .ccm_wrap.section4 .ccmCont ol > li.cont3:after {content:""; display:block;} .ccm_wrap.section4 .ccmCont ol > li {margin:0 5px 10px;} } @media screen and (max-width: 1485px){ .healthNewsWrap.healthT .healthTrendList .thumText .textCont {min-height: 80px;} .exDetailArea .exPc_Btn{padding: 0 15%;} .sanyang .exPc_Btn{padding: 0 14%;} .sensitive .exPc_Btn{padding: 0 12%;} .bon .exPc_Btn{padding: 0 12%;} } @media screen and (max-width: 1300px){ #container .recipetype2 .recipeView .thumbArea .thumb img {height: 303px;} #container .recipetype2 .recipeView .thumbArea .ingredient {height:265px;} .exDetailArea .exPc_Btn{padding: 0 12%;} .con-barnd .tab-ty2 > ul > li:nth-child(n+9) .subCate {top:188px;} .con-barnd .tab-ty2 > ul > li.n1 .subCate ul {margin-left:1.8%;} .con-barnd .tab-ty2 > ul > li.n2 .subCate ul {margin-left:50.5%;} .con-barnd .tab-ty2 > ul > li.n13 .subCate ul {margin-left:12.5%;} .con-barnd .tab-ty2 > ul > li.n3 .subCate ul {margin-left:13.5%;} .con-barnd .tab-ty2 > ul > li.n6 .subCate ul {margin-left:51.7%;} .con-barnd .tab-ty2 > ul > li.n5 .subCate ul {margin-left:39.5%;} .con-barnd .tab-ty2 > ul > li.n12 .subCate ul {margin-left:64.3%;} .con-barnd .tab-ty2 > ul > li.n7 .subCate ul {margin-left:23%;} .con-barnd .tab-ty2 > ul > li.n14 .subCate ul {margin-left:26%;} .con-barnd .tab-ty2 > ul > li.n8 .subCate ul {margin-left:58.9%;} .con-barnd .tab-ty2 > ul > li.n10 .subCate ul {margin-left:62%;} .con-barnd .tab-ty2 > ul > li.n4 .subCate ul {margin-left:38.3%;} .con-barnd .tab-ty2 > ul > li.n11 .subCate ul {margin-left:49.5%;} .con-barnd .tab-ty2 > ul > li.n15 .subCate ul {margin-left:1.8%;} } @media screen and (max-width: 1200px){ #container.recipetype1 .recipeList li {width: 30.3%; height: 340px;} .healthNewsWrap.healthT .healthTrendList .thumText .textCont {min-height: 105px;} .exDetailArea .exPc_Btn{padding: 0 10%;} .ccm_wrap.section4 .ccmCont ol > li {margin:0 -11px 10px;} } @media screen and (max-width: 1100px){ #container .recipetype2 .container_inner { padding: 65px 90px 0 90px;} #container .recipetype2 .recipeView .thumbArea {flex-wrap: wrap;} #container .recipetype2 .recipeView .thumbArea .thumb img{height:403px;} } @media screen and (max-width:1018px){ .healthNewsWrap .nArea01 .slideArea {width: 100%; padding: 5% 5%; box-sizing: border-box;} .healthNewsWrap .nArea01 .slideThum .slick-slide > div{min-height: 400px;} .healthNewsWrap .nArea01 .slideArea .slideThum .thumText {font-size: 91%;} .healthNewsWrap .nArea01 .slideArea .slideThum .thumText li:nth-of-type(2){padding:1% 0; box-sizing: border-box;} .healthNewsWrap .nArea01 .slideArea .slideThum .thumText .thumdate{font-size: 80%;} .healthNewsWrap .nArea01 .slideThum .slick-arrow{text-indent:-9999px; position:absolute; top:85px; width:26px; height:48px; z-index:4;} .healthNewsWrap .nArea01 .slideThum .slick-prev{left:0; margin:0 -4.5%; background:url(/resources/images/healthNews/m_prev01.png) no-repeat 50% 50%;} .healthNewsWrap .nArea01 .slideThum .slick-next{right:0; margin:0 -4.5%; background:url(/resources/images/healthNews/m_next02.png) no-repeat 50% 50%;} .healthNewsWrap .nArea01 .slideArea .slick-dots {padding-top: 5%;} .healthNewsWrap .nArea01 .slideArea .slick-dots li {margin: 0 1.5%;} .healthNewsWrap .nArea01 .slideArea .slick-dots li button {width: 30px; height: 30px;} .healthNewsWrap .nArea02 .newsContArea{padding: 10% 2% 0 2%;} .healthNewsWrap .nArea02 .newsSlide .textWrap{flex-wrap: wrap; margin: 5% 5% 0; padding: 7% 2%;} .healthNewsWrap .nArea02 .newsSlide .textWrap .icon { padding: 0 0 5% 2%;} .healthNewsWrap .nArea02 .newsSlide .textWrap p{ width: 100%; font-size: 110%;} .healthNewsWrap .nArea02 .newsSlide .btnArea{padding: 7% 0; margin:0 5% 0 5%;} .healthNewsWrap .nArea02 .newsSlide .btn_arrow{text-indent:-9999px; position:absolute; margin-top: -100px; top:50%; width:111px; height:111px; z-index:4} .healthNewsWrap .nArea02 .newsSlide .btn_arrow.prev{ margin-left:-4.9%; left:0; background:url(/resources/images/healthNews/m_prev03.png) no-repeat 50% 50%;} .healthNewsWrap .nArea02 .newsSlide .btn_arrow.next{ margin-right:-4.9%; right:0; background:url(/resources/images/healthNews/m_next04.png) no-repeat 50% 50%;} } @media screen and (max-width: 960px){ #container .recipetype1 .recipeList {margin: 0 0 0 -6%;} #container .recipetype1 .recipeList li {width: 44%; /*height: 400px;*/ margin: 0 0 6% 6%;} #container .recipetype1 .recipeList li .tit {font-size: 130%;} .healthNewsWrap.healthT .healthTrendList> li {font-size: 25px;width: 48%;box-sizing: border-box;margin-right: 3%;margin-bottom: 3%;border: 1px solid #ececec;} .healthNewsWrap.healthT .healthTrendList> li:nth-of-type(5){ margin-right: 3%;} .healthNewsWrap.healthT .healthTrendList> li:nth-child(even){margin-right: 0;} .healthNewsWrap.healthT .healthTrendList .thumText .textCont {min-height: 110px;padding: 5% 0;font-size: 100%;letter-spacing: -1.4px;} .healthNewsWrap.healthT .healthTrendList .btnArea{width: 182px;height: 33px;background:url(/resources/images/healthNews/btn04_M.png) no-repeat;} } @media screen and (max-width: 860px){ .declarationWrap .stepWrap .stepBox{padding: 1.7% 2.2%;} .declarationWrap .content-article.bbs-view1 .stepWrap span {padding: 0 1.7% 0 2.2%;} .declarationWrap .commentsArea{padding: 25px 10px 25px 45px;} .declarationWrap .commentsArea02{padding: 10px 0 10px 45px;} .declarationWrap .commentsArea:before, .declarationWrap .commentsIcon:before {top: 20px; left: 10px; width: 3px; } .declarationWrap .commentsArea:after, .declarationWrap .commentsIcon:after{top: 43px; left: 10px; height: 3px;} .declarationWrap .commentsArea textarea, .declarationWrap .commentsArea02 textarea{font-size: 25px; height: 170px;} .declarationWrap .commentsIcon.mo{display: block;} .declarationWrap .commentsIcon2:before {content: '';position: absolute;top: 15px;left: 0;height: 25px;width: 2px;background: #c8c8c8;} .declarationWrap .commentsIcon2:after {content: '';position: absolute;top: 38px;left: 0;width: 25px;height: 2px;background: #c8c8c8;} .con-barnd .tab-ty3.ovr + .swiper-subCate {display:block;height:100%;} .con-barnd .swiper-subCate {overflow:hidden;height:0;margin-top:-1px;background:#194e92;text-align:center;} .con-barnd .swiper-subCate ul {display:none;} .con-barnd .swiper-subCate li {display:inline-block;margin:15px 0;padding:0 20px;border-left:1px solid #fff;} .con-barnd .swiper-subCate li:first-child {border:none;} .con-barnd .swiper-subCate li button span{color:#fff;font-size:21px;} .korPopup .PopupWrap.brand {width: 590px; margin-left: -295px;} #brand_isotope .top {display: none;} #brand_isotope .prod_wrap {margin-top: 5%;} /* #brand_isotope {height: 80%!important;padding-bottom: 8%; } */ .korPopup .PopupWrap.brand .box_lft .inner .paging a{width:50px; height:50px; line-height:50px;} .korPopup .PopupWrap.brand .box_lft .inner .paging img:first-child{ margin:0 20px;} .view_brand_Bg{display:none !important;} #spot-sub .thumb {display: none;} .path_mobile .cont .t1 img{height: 34px;} .path_mobile .cont .t2 img{height: 55px;} /*mo 레시피메뉴 */ #container .recipetype1 .recipeList{padding-bottom: 100px; margin: 0 0 0 -4%; } #container .recipetype1 .recipeSort{text-align: left;} #container .recipetype1 .recipeSort select {width: 240px; height: 70px; font-size: 28px; } #container .recipetype1 .recipeSort select option {font-size: 15px;} #container .recipetype1 .recipeList li{width: 45%; margin: 0 0 4% 4%;} #container .recipetype1 .recipeList li.none { padding-top: 7%; } #container .recipetype1 .recipeList li .tit {font-size: 100%;letter-spacing: -1px;} #container .recipetype1 .paginate_regular{padding-bottom: 100px;} /*mo 레시피보기 */ #container.sub .container_inner.lst_isotope.recipetype2{width: 100%;background-color: #fff;padding-left: 5%;padding-right: 5%;} #container.sub .recipetype2 .path {display: block; top: -5px;} #container.sub .recipetype2 .path h1{font-size: 37px;} #container .recipetype2 .recipeView{padding-top: 90px;} #container .recipetype2 .swiper-container {width: 89%;} #container .recipetype2 .recipeRelative .swiper-wrapper li {margin:0 10px;} #container .recipetype2 .recipeView .thumbArea .thumb img {width: 575px;} #container .recipetype2 .recipeView .thumbArea .ingredient {width: 100%;height: auto;padding-left: 0;padding-top: 60px;background-color: #fff;} #container .recipetype2 .recipeView .thumbArea .ingredient h2 {font-size: 35px;padding-bottom: 20px;border-bottom: 1px solid #cccccc;} #container .recipetype2 .recipeView .thumbArea .ingredient .cont{ font-size: 26px; line-height: 38px; margin-top: 30px;} #container .recipetype2 .recipeView >h2{ font-size: 35px;} #container .recipetype2 .recipeView >.cont, #container .recipetype2 .recipeView >.cont * {font-size: 19pt!important; font-weight: normal!important; } .recipeRelative .product_main .img a {display: block; width: 100%; height: 100%;} .recipeRelative .box_lft .product_main .img {margin-bottom: 2%; width: 28% !important;} .recipeRelative .box_lft .product_main .img img {max-height: 147px; width: auto;} #container .recipetype2 .recipeRelative li .tit {line-height: 30px; font-weight: bold;} #container .recipetype2 .btnArea {margin-top: 60px;} #container .btnType3 {width: 100%; font-size: 30px;} #container .recipetype2 .btnType3 {margin-bottom:100px;} #container.sub .container_inner.lst_isotope.healthNews {width: 100%; padding: 0;} .latestNews .title, .latestNews .btnArea{padding-bottom: 6%;} .latestNews .btnArea a {padding: 2% 15%; font-size: 24px;} .latestNews .latestNewsList li img {height: 180px;} /* 사회 공헌 - 나눔 소식 */ .nanumViewArea .TableType_1 > .PcNone > thead tr:first-of-type th{border-bottom:0; padding-bottom:0;} .nanumViewArea .TableType_1 > table > tbody .ta-l{font-size: 26px; line-height: 35px; box-sizing: border-box; padding: 4% 0;} .latestNews .latestNewsList li{width:47%; margin-right:5%;} .latestNews .latestNewsList li:nth-child(3n){margin-right:5%;} .latestNews .latestNewsList li:nth-child(2n){margin-right:0;} .exDetailArea .exPc_Btn{display:none;} .exDetailArea .exMo_Btn{display:block;opacity:0;position: absolute;left: 0;width: 100%;text-align: center;box-sizing: border-box;padding: 0 10%;} .exDetailArea .exMo_Btn a{display:inline-block; width: 100%; outline:1px solid;} .goong .exMo_Btn{top: 17%;} .goong .exMo_Btn a{padding: 17% 0; background: #ff00001f;} .goong .exMo_Btn .btn2, .goong .exMo_Btn .btn3{ padding: 15% 0;} .myungjak .exMo_Btn{bottom: 8%; display: flex; justify-content: center;} .myungjak .exMo_Btn a{padding: 3% 0; margin-right: 14%;} .myungjak .exMo_Btn a:last-of-type{margin-right:0;} .sanyang .exMo_Btn{bottom: 0.7%; display: flex; justify-content: center;} .sanyang .exMo_Btn a{padding: 3% 0; margin-right: 14%;} .sanyang .exMo_Btn a:last-of-type{margin-right:0;} .sensitive .exMo_Btn{bottom: 0.4%; display: flex; justify-content: center;} .sensitive .exMo_Btn a{padding: 3% 0; margin-right: 14%;} .sensitive .exMo_Btn a:last-of-type{margin-right:0;} .bon .exMo_Btn{bottom: 0.9%; display: flex; justify-content: center;} .bon .exMo_Btn a{padding: 3% 0; margin-right: 14%;} .bon .exMo_Btn a:last-of-type{margin-right:0;} } /*.exDetailArea .exPc_Btn a{display:inline-block; width: 100%; outline:1px solid;} .goong .exPc_Btn{top: 224px;} .goong .exPc_Btn a{height: 240px;} .goong .exPc_Btn .btn2, .goong .exPc_Btn .btn3{height:222px;} .goong .exPc_Btn .btn4{height:260px;} .myungjak .exPc_Btn{display:flex; justify-content:center;bottom: 57px; padding: 0px 16%;} .myungjak .exPc_Btn a{height: 50px; margin-right: 113px;} .myungjak .exPc_Btn a:last-of-type{margin-right: 0;} .sanyang .exPc_Btn{display:flex; justify-content:center;bottom: 59px; padding: 0px 16%;} .sanyang .exPc_Btn a{height: 50px; margin-right: 113px;} .sanyang .exPc_Btn a:last-of-type{margin-right: 0;} .sensitive .exPc_Btn{display:flex; justify-content:center;bottom: 56px; padding: 0px 16%;} .sensitive .exPc_Btn a{height: 50px; margin-right: 113px;} .sensitive .exPc_Btn a:last-of-type{margin-right: 0;} .bon .exPc_Btn{display:flex; justify-content:center;bottom: 59px; padding: 0px 16%;} .bon .exPc_Btn a{height: 50px; margin-right: 113px;} .bon .exPc_Btn a:last-of-type{margin-right: 0;} */