@charset "utf-8"; @import url(https://fonts.googleapis.com/css?family=Titillium+Web:700,900,600,400,300,200); @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900); @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); @import url(fonts.css); *{-webkit-text-size-adjust:none;} html,body{margin:0;padding:0;font-family:'Noto Sans Korean', sans-serif;color:#1b232a;letter-spacing:-0.05em} article,aside,canvas,details,figcaption,figure,footer,header,hgroup,nav,menu,nav,section{display:block} img{display:block;vertical-align:top} ul,li{list-style:none;margin:0;padding:0} .clearWrap{clear:both;display:block;font-size:0 !important;line-height:0 !important;height:0 !important;width:0 !important;text-indent:-9999px !important;} .console{position:absolute;z-index:9999;color:#fff} nav{position:fixed;width:20%;max-width:184px;height:100%;z-index:6000;padding-left:50px} nav .btnClose{position:absolute;z-index:7000;top:25px;right:20px;width:40px;height:40px;background:url(../images/menuClose.png) no-repeat 100% 0;background-size:cover;cursor:pointer;display:none} nav .menuWrap{margin:0 auto} nav .mMenu{position:relative;display:inline-block;margin:0 auto;width:100%} nav .mMenu > ul > li.logoWrap{margin-top:50px;padding:0 0 22% 0;width:150px;height:51px;background:url(../images/logoSet_2.png) no-repeat 0 0} nav .mMenu > ul > li.logoWrap a{display:inline-block;width:100%;height:51px;text-indent:-9999px} nav .mMenu > ul > li{padding:5px 0} nav .mMenu > ul > li.dim{padding:0;text-indent:-9999px} nav .mMenu > ul > li a{color:#fff;font-size:15px;font-weight:600;text-decoration:none;line-height:30px;letter-spacing:-0.02em} #btn-lang-eng{position:absolute; width:30px; height:30px; top:65px; left:211px; border-radius:15px; background-color:#fff; text-align:center; line-height:30px; font-size:11px; font-weight:600; z-index:99;} #btn-lang-kor{position:absolute; width:30px; height:30px; top:65px; left:246px; border-radius:15px; background-color:#fff; text-align:center; line-height:30px; font-size:11px; font-weight:600; z-index:99;} #btn-lang-eng a{color:#007bd0; text-decoration:none;} #btn-lang-kor a{color:#007bd0; text-decoration:none;} @media (max-width:1260px){ #btn-lang{top:90%; left:40px;} #btn-lang a{color:#000;} } nav .mMenu > ul > li.menu1 a, nav .mMenu > ul > li.menu3 a, nav .mMenu > ul > li.menu4 a, nav .mMenu > ul > li.menu5 a {color:#1b232a} nav .mMenu > ul > li.menu1.on a, nav .mMenu > ul > li.menu3.on a, nav .mMenu > ul > li.menu4.on a, nav .mMenu > ul > li.menu5.on a{color:#007bd0} nav .mMenu > ul > li.menu2 a{color:#1b232a} nav .mMenu > ul > li.menu2.on a{color:#fff} nav .sMenu{display:none;position:absolute;left:110px; width:300px;} nav .sMenu > ul > li{padding:5px 0} nav .sMenu > ul > li.dim{padding:0;text-indent:-9999px} nav .sMenu > ul > li a{color:#fff;font-size:14px;font-weight:500;text-decoration:none;line-height:30px;letter-spacing:-0.02em} nav .sMenu.company ul li a{color:#1b232a} nav .sMenu.company ul li.on a{color:#007bd0} nav .sMenu.business ul li a{color:#1b232a} nav .sMenu.business ul li.on a{color:#fff} nav .sMenu.aboutus ul li a{color:#1b232a} nav .sMenu.aboutus ul li.on a{color:#007bd0} nav .slogan{position:absolute;bottom:50px;border-bottom:2px solid #007bd0;font-size:18px;line-height:24px;letter-spacing:-0.02em} nav .slogan .location li{display:none;padding:40px 0 200px 0;font-weight:700;} nav .slogan .location li span{display:block;font-weight:400;} nav .slogan .location li.m1{border-top:2px solid #007bd0;color:#007bd0} nav .slogan .location li.m1 span{color:#1b232a} nav .slogan .location li.m2{border-top:2px solid #007bd0;color:#007bd0} nav .slogan .location li.m2 span{color:#1b232a} nav .slogan .location li.m3{border-top:2px solid #007bd0;color:#007bd0} nav .slogan .location li.m3 span{color:#1b232a} nav .slogan .location li.m4{border-top:2px solid #007bd0;color:#007bd0} nav .slogan .location li.m4 span{color:#1b232a} nav .slogan .location li.m5{border-top:2px solid #007bd0;color:#007bd0} nav .slogan .location li.m5 span{color:#1b232a} nav .slogan .bottom{padding:0 0 14px 0;color:#007bd0} nav .snsWrap{display:none} .snsWrap{position:fixed;z-index:6000;top:25px;right:20px} .snsWrap ul li{float:left;width:40px;height:40px;margin:0 5px} .snsWrap ul li.fb{background:url(../images/btnSns_1.png) no-repeat 0 0} .snsWrap ul li.tw{background:url(../images/btnSns_1.png) no-repeat 50% 0} .snsWrap ul li.insta{background:url(../images/btnSns_1.png) no-repeat 100% 0} .snsWrap.black ul li.fb{background:url(../images/btnSns_1.png) no-repeat 0 50%} .snsWrap.black ul li.tw{background:url(../images/btnSns_1.png) no-repeat 50% 50%} .snsWrap.black ul li.insta{background:url(../images/btnSns_1.png) no-repeat 100% 50%} .snsWrap.red ul li.fb{background:url(../images/btnSns_1.png) no-repeat 0 100%} .snsWrap.red ul li.tw{background:url(../images/btnSns_1.png) no-repeat 50% 100%} .snsWrap.red ul li.insta{background:url(../images/btnSns_1.png) no-repeat 100% 100%} .snsWrap ul li a{display:inline-block;width:100%;height:100%} .menuBtn{position:fixed;z-index:6000;top:25px;right:20px;width:40px;height:40px;background:url(../images/btnMenu_1.png) no-repeat 0 0;display:none;cursor:pointer} @media (max-width:1260px){ nav{right:-200px;width:50%;margin:0 auto;padding-left:0;background:#007bd0} nav .menuWrap{margin:0 0 0 40px} nav .sMenu{min-width:80%} nav .sMenu > ul > li{width:100%} nav .mMenu > ul > li a, nav .sMenu > ul > li a{line-height:15px} nav .slogan{bottom:40px} nav .slogan .location li{padding:40px 0 150px 0} nav .slogan .bottom{font-size:16px;line-height:20px} nav .btnClose{display:block} nav .mMenu > ul > li a{color:#1b232a} nav .mMenu > ul > li.on a{color:#fff} nav .mMenu > ul > li.logoWrap{margin-top:64px;padding:5px 0;width:auto;height:auto;background:transparent} nav .mMenu > ul > li.logoWrap a{color:#1b232a;font-family:'Titillium Web';font-size:14px;font-weight:600;text-decoration:none;line-height:30px;display:inline;width:auto;height:auto;text-indent:1;letter-spacing:-0.02em} nav .mMenu > ul > li.logoWrap.on a{color:#fff} nav.white{background:#fff} nav.white .mMenu > ul > li a{color:#1b232a} nav.white .mMenu > ul > li.on a{color:#007bd0} nav.white .mMenu > ul > li.logoWrap{margin-top:64px;padding:5px 0;width:auto;height:auto;background:transparent} nav.white .mMenu > ul > li.logoWrap a{color:#1b232a;} nav.white .mMenu > ul > li.logoWrap.on a{color:#007bd0} nav.white .btnClose{background-position:0 0} nav .sMenu{left:0} nav .sMenu.company ul li a{color:#1b232a} nav .sMenu.company ul li.on a{color:#fff} nav .sMenu.business ul li a{color:#1b232a} nav .sMenu.business ul li.on a{color:#007bd0} nav .slogan{border-bottom:2px solid #fff;display:none} nav .slogan .bottom{color:#fff} nav.white .slogan{border-bottom:2px solid #007bd0;} nav.white .slogan .bottom{color:#007bd0} .snsWrap{display:none} .menuBtn{display:block} nav .snsWrap{clear:both;display:block;position:relative;top:0;right:0;width:144px;margin:20px auto 0 auto} nav .snsWrap ul{min-width:144px} nav .snsWrap ul li{margin:0 4px} nav.white .snsWrap ul li.fb{background:url(../images/btnSns_1.png) no-repeat 0 100%} nav.white .snsWrap ul li.tw{background:url(../images/btnSns_1.png) no-repeat 50% 100%} nav.white .snsWrap ul li.insta{background:url(../images/btnSns_1.png) no-repeat 100% 100%} } @media (max-height:700px){ nav .slogan, nav .slogan .location li span{font-size:16px} nav .slogan .location li{padding:20px 0 100px 0} } @media (max-height:480px){ nav{right:-50%;width:50%;padding:0;margin:0 auto} nav .sMenu{min-width:80%} } @media (max-height:450px){ nav .mMenu > ul > li, nav .sMenu > ul > li, nav .mMenu > ul > li.logoWrap{padding:4px 0} nav .mMenu > ul > li a, nav .mMenu > ul > li.logoWrap a{line-height:16px} nav .btnClose{top:10px;right:10px} nav .mMenu > ul > li.logoWrap{margin-top:40px} nav.white .mMenu > ul > li.logoWrap{margin-top:40px} } @media (max-width:360px){ nav .mMenu > ul > li, nav .sMenu > ul > li, nav .mMenu > ul > li.logoWrap{padding:4px 0} nav .mMenu > ul > li a, nav .mMenu > ul > li.logoWrap a{line-height:16px} nav .btnClose{top:10px;right:10px} nav .mMenu > ul > li.logoWrap{margin-top:40px} nav.white .mMenu > ul > li.logoWrap{margin-top:40px} } @media (max-width:800px){ nav .sMenu{width:100%;} } section{position:relative;z-index:1000;margin:0 auto;width:100%;overflow:hidden} section .logoWrap{position:absolute;z-index:6000;display:none} section .logoWrap a{display:inline-block;width:110px;height:37px;background:url(../images/logoSet_1.png) no-repeat 0 0;text-indent:-9999px} section#business01 .logoWrap a{background-position:50% 0} #intro{width:100%;height:auto} #intro .container{position:relative;overflow:hidden;width:100%;height:100%;margin:0 auto} #intro .container .boxInner{min-width:100%;width:400%;max-width:500%;height:100%} #intro .container .boxInner ul.innerLayer > li{float:left;width:100%;margin:0 auto} #intro .container .boxInner ul.innerLayer > li.layer01{background:url(../images/slide01_1.jpg) no-repeat 50% 50%;background-size:cover} #intro .container .boxInner ul.innerLayer > li.layer02{background:url(../images/slide02_1.jpg) no-repeat 50% 50%;background-size:cover} #intro .container .boxInner ul.innerLayer > li.layer03{background:url(../images/slide03_1.jpg) no-repeat 50% 50%;background-size:cover} #intro .container .boxInner ul.innerLayer > li.layer04{background:url(../images/slide04_1.jpg) no-repeat 50% 50%;background-size:cover} #intro .container .textBox{position:absolute;z-index:5000;top:148px;width:100%;margin:0 auto} #intro .container .textBox .inner{position:relative;overflow:hidden;margin:0 auto;width:800px} #intro .container .textBox .textLayer{min-width:100%;width:400%;max-width:400%} #intro .container .textBox .inner ul li{float:left;width:800px;margin:0 auto;color:#fff;font-weight:700;font-size:40px;letter-spacing:-0.02em} #intro .container .textBox .inner ul li div{margin:0 0 35px 0;padding:0 0 40px 0;font-family:'Noto Sans KR';font-weight:400;font-size:40px;border-bottom:2px solid #007bd0;line-height:46px} #intro .container .current{position:absolute;z-index:7000;bottom:50px;width:100%;margin:0 auto} #intro .container .current ul{margin:0 auto;width:800px} #intro .container .current ul li{float:left;margin:0 0 0 20px;padding:0;width:185px;height:80px;font-family:'Source Sans Pro';font-weight:400;font-size:12px;color:#fff;line-height:18px;letter-spacing:-0.02em;border-bottom:2px solid #fff;cursor:pointer} #intro .container .current ul li:first-child{margin:0} #intro .container .current ul li.on{color:#41beff;border-bottom:2px solid #007bd0} @media (max-width:1480px){ #intro .container .current{bottom:40px} #intro .container .textBox{top:140px} #intro .container .textBox .inner, #intro .container .textBox .inner ul li, #intro .container .current ul{width:700px} #intro .container .current ul li{width:160px} #intro .container .textBox .inner ul li{font-size:44px;} } @media (max-height:650px){ #intro .container .textBox{top:120px} #intro .container .current ul li{height:60px;line-height:15px} } @media (max-width:700px){ #intro .container .textBox{top:30%} #intro .container .textBox .inner{width:86%;margin:0 7%} #intro .container .current{width:100%;margin:0 auto} #intro .container .current ul{clear:both;width:144px;margin:0 auto} #intro .container .current ul li, #intro .container .current ul li:first-child{margin:0 10px;width:10px;height:10px;background:transparent;border:3px solid #fff;border-radius:50%;font-size:0;text-indent:-9999px} #intro .container .current ul li.on{background:#007bd0;border:3px solid #007bd0;} #intro .container .textBox .inner ul li{width:90%} #intro .container .textBox .inner ul li{font-size:130%} #intro .container .textBox .inner ul li div{margin:0 0 15px 0;padding:0 0 20px 0;font-weight:600;font-size:26px;line-height:34px} } @media (max-width:360px){ /*#intro .container .current ul{margin:0 0 0 27%}*/ } #company{width:100%;height:auto;overflow-y:auto;} #company .container{position:relative;width:100%;height:auto;margin:0 auto;background:#fff} #company .container .contWrap{color:#fff;word-break:keep-all} #company .container > section{height:auto} #company .container #about .contTop{position:relative;background:url(../images/bg_about.jpg) no-repeat 50% 50%;background-size:cover} #company .container #ceo .contTop{position:relative;background:url(../images/bg_ceo_1.jpg) no-repeat 50% 50%;background-size:cover} #company .container #history{position:relative;background:#ccc} #company .container #history .bgimg{position:absolute; width:100%; height:100%; top:0; left:0; background:url(../images/bg_history.png) no-repeat 50% 50%;background-size:cover; opacity:0.1;} #company .container #organization .contTop{position:relative;background:url(../images/bg_organization.jpg) no-repeat 50% 50%;background-size:cover} #company .container #ci .contTop{position:relative;background:url(../images/bg_ci.jpg) no-repeat 50% 50%;background-size:cover} #company .container #people .contTop{position:relative;background:url(../images/bg_people.jpg) no-repeat 50% 50%;background-size:cover} #company .container #people .contbottom dl{float:left; width:48%; margin-right:2%; display:table;} #company .container #people .contbottom dl .photo {display:table-cell; width:153px; padding:0;} #company .container #people .contbottom dl dd{display:table-cell; padding:0 0 0 10px; vertical-align:top;} #company .container #people .contbottom dl dd div{font-weight:bold; font-size:18px;margin-bottom:15px; color:#0a6fb1;} #company .container #people .contbottom dl dd span{font-size:12px; color:#666; } #company .container #people .contbottom .people-title{margin:10px 0; padding-bottom:5px; width:120px; text-align:left; border-bottom:solid 2px #0a6fb1; font-weight:bold; font-size:20px; color:#333; display:block;} @media (max-width:800px){ #company .container #people .contbottom dl{float:none; width:100%; margin-bottom:20px;} #company .container #people .contbottom dl .photo{width:120px;} #company .container #people .contbottom dl .photo img{width:100%;} } #company .container #about dl{float:left;width:380px;margin:0 0 0 40px} #company .container #about dl:first-child{margin:0} #company .container #about .about-three{margin:0; margin-top:30px;} #company .container #about dl dt{height:128px;font-size:24px;font-weight:600;line-height:32px;border-bottom:2px solid #007bd0;color:#007bd0} #company .container #about dl dt span{display:inline-block;font-weight:600;font-size:16px;color:#1b232a;line-height:21px;letter-spacing:-0.02em} #company .container #about dl dd{padding:20px 0 0 0;text-align:justify} #company .container #about dl dd img{padding:8px 0 24px 0;max-width:100%} #company .container #about dl dd, #company .container #ceo dl dd, #company .container #ci dl dd{color:#1b232a;margin:0;} #company .container #ceo dl dd .contWrap{padding:0 0 28px 0; font-weight:400;color:#007bd0} .ceo-headline{width:100%; padding:0; padding-bottom:40px; font-weight:400; color:#007bd0; font-size:26px; line-height:1.5em;} #company .container #about dl dd div{margin:15px 0 0 0;font-weight:300;font-size:13px;color:#777;letter-spacing:-0.02em;text-align:justify} #company .container #ceo dd.cont{padding:28px 0 0 0;border-top:2px solid #007bd0;text-align:justify} #company .container #ceo .sign{width:200px; height:71px; text-align:right; margin:0px 0 0 0; padding:0px 0 0px 0; background:url(../images/sign.jpg) no-repeat; float:right; } #company .container #history .listWrap { position:relative; width:800px; padding:50px 0 } #company .container #history .listWrap .list{clear:both;width:100%} #company .container #history .listWrap .list dl{clear:both;border-top:2px solid #007bd0;width:100%} #company .container #history .listWrap .list dl:first-child{border:0 none} #company .container #history .listWrap .list dl dt{float:left;width:100px;margin:-2px 0 0 0;padding:25px 0;font-weight:500;font-size:36px;color:#007bd0;line-height:36px;letter-spacing:-0.02em} #company .container #history .listWrap .list dl dd{float:left;margin:0;line-height:23px;padding:25px 0} #company .container #history .listWrap .list dl:first-child dt, #company .container #history .listWrap .list dl:first-child dd{padding:0 0 25px 0} #company .container #history .listWrap .list dl dd.title{width:100px;font-size:15px;font-weight:400;color:#007bd0;letter-spacing:-0.02em} #company .container #history .listWrap .list dl dd.cont{width:600px;font-size:12px;font-weight:500;color:#1b232a;margin:0;} #company .container #history .listWrap .list dl dd.cont span{display:block;margin:0 0 0 10px;font-size:14px;font-weight:300;} #company .container #about .contWrap span, #company .container #about dl dd.cont span, #company .container #ceo .contWrap span, #company .container #ceo dl dd.cont span, #company .container #organization .contWrap span, #company .container #ci .contWrap span, #company .container #ci dl dd.cont span{display:block} #company .container #organization dl{padding:0} #company .container #organization dl dd{width:37%;margin:0 auto; color:#007bd0; text-align:left;} #company .container #organization dl dd.team{width:20%; margin-right:36px; display:inline-block;} #company .container #organization dl{text-align:center;} #company .container #organization dl dd.ceo-group{width:37%; display:inline-block;} #company .container #organization dl dd.ceo-group ul li{margin:10px 0 0 20px;width:140px} #company .container #organization dl dd div{margin:8px 0;border:1px solid #007bd0;font-size:16px;font-weight:500;line-height:34px; text-align:center; background-color:#fff;} #company .container #organization dl dd div.sl{float:left;width:46%} #company .container #organization dl dd div.sr{float:left;width:46%;margin:8px 0 0 8%} #company .container #organization dl dd div.team{margin:50px 0 0 0;color:#007bd0} #company .container #organization ul li{float:left;margin:8px 0 0 0;width:50%;line-height:20px;color:#1b232a} #company .container #organization ul li.bt{margin:14px 0 0 0;} #company .container #organization dl dd.team li{margin:10px 0 0 20px;width:140px} #company .container #organization dl dd.team li.fst{margin:52px 0 0 340px} #company .container #organization dl dd.team div.team{margin:0 0 8px 0;width:140px;} #company .container #organization dl dd.team div{line-height:1.2em; padding:7px 0; box-sizing:border-box;} #company .container #ceo dl{float:left;width:380px;margin:0;} #company .container #ceo dl dd{line-height:1.5em; text-align:justify;} .pc-br{display:block;} .mob-br{display:none;} @media (max-width:1260px){ .pc-br{display:none;} #company .container #ceo dl dd img{width:100%;} } @media (max-width:700px){ #company .container #ceo dl{float:none; margin:20px 0;} .mob-br{display:block;} } .ceo-num{font-weight:bold; font-size:14px; color:#007bd0;} .ceo-two{float:right !important;} .ceo-three{margin-top:40px !important;} .ceo-four{margin-top:40px !important; float:right !important;} .ceo-line{width:100%; margin:20px 0; height:2px; background-color:#007bd0;} .ceo-end{width:100%; margin:40px 0; font-size:12px; line-height:1.5em; text-align:justify;} .ceo-eng-top{width:100%; padding:0 0 40px 0; font-size:12px; line-height:1.5em; text-align:justify;} #company .container #ci dl{float:left;width:380px;margin:0 0 0 40px} #company .container #ceo dl:first-child, #company .container #ci dl:first-child{margin:0} #company .container #ci dl dt{font-size:24px;font-weight:600;line-height:30px;color:#007bd0} #company .container #ci dl dd{margin:50px 0 0 0} #company .container #ci dl dd.cont img{max-width:100%} #company .container #ci dl dd.cont div{margin:50px 0 0 0;text-align:left;text-align:justify} #company .container #ci dl.long dd.cont div{margin:0 0 30px 0;text-align:left;text-align:justify} #company .container #ci dl dd.cont div.btn{margin:100px 0 0 0} #company .container #ci dl dd.cont div.btn img{float:right} .kmv_ch_ceo{position:absolute; width:150px; bottom:0; left:0;} .kmv_ch_all_2{position:relative; width:100%; padding:5px 0;} @media (max-width:1260px){ #company .container .textBox .inner, #company .container .textBox .inner ul li{width:700px} #company .container #about dl, #company .container #ceo dl, #company .container #ci dl{width:330px} #company .container #history .listWrap{width:700px;margin:40px 0 0 0} #company .container #history .listWrap .list{width:700px;overflow:hidden} #company .container #history .listWrap .list dl{margin:10px 0 0 0} #company .container #history .listWrap .list dl dd{padding:20px 0 30px 0} #company .container #organization ul li{width:50%;} #company .container #organization dl dd.ceo-group ul li, #company .container #organization dl dd.team li, #company .container #organization dl dd.team div.team{width:124px} #company .container #organization dl dd.team li.fst{margin:52px 0 0 308px} #company .container #history .txtLayer01{right:5%;} #company .container #history .txtLayer02{right:10%;} #company .container #history .txtLayer03{left:5%;} #company .container #history .listWrap .list dl dt{width:70px} #company .container #history .listWrap .list dl dd.title{width:50px} #company .container #history .listWrap .list dl dd.cont{width:580px} .kmv_ch_ceo{display:none;} .kmv_ch_all_2{display:none;} #company .container #organization .contbottom{background-color:#f3f3f3;} #company .container #organization dl dd.team {width:37%; margin-right:0;} } @media (max-height:800px){ #company .container #about dl{margin-top:0} #company .container #organization .contWrap span{display:inline} #company .container #organization dl{padding:0;} #company .container #organization dl dd div{line-height:30px} #company .container #organization dl dd div.team{margin:30px 0 0 0} #company .container #organization ul li{width:50%;line-height:18px} #company .container #organization dl dd.team li.fst{margin:30px 0 0 308px} } @media (max-width:700px){ #company .container #about dl, #company .container #about dl:first-child{clear:both;width:100%;margin:20px 0 0 0} #company .container #about dl dt{font-size:100%;line-height:140%;height:auto;padding:0 0 10px 0} #company .container #about dl dt span{font-size:90%;line-height:110%;font-weight:500;} #company .container #about dl dd img{padding:15px 0} #company .container #about dl dd{width:100%} #company .container #about dl dd{font-size:90%;line-height:140%;padding:0 0 10px 0} #company .container #about dl dd div{margin:10px 0 0 0;line-height:110%} #company .container #about dl dd span{font-size:11px} #company .container #about dl dd.cont{margin:10px 0 0 0} #company .container #about dl dd.cont div{margin:5px 0 0 0;line-height:14px} #company .container #about dl dd.cont span{display:inline} #company .container #about .contWrap span{display:inline} #company .container #ceo dl{clear:both;width:100%;overflow:hidden;} #company .container #ceo dl dd .contWrap{padding:10px 0;width:70%;font-size:110%;font-weight:500;float:left} #company .container #ceo dl dd .imgWrap{float:left;width:30%;padding:10px 0 0 0} #company .container #ceo dl dd .imgWrap img{max-width:100%} #company .container #ceo dd.cont{clear:both;margin:5px 0 0 0;padding:15px 0 0 0;width:100%;font-size:12px;line-height:16px} #company .container #ceo dd.cont div{} #company .container #about .contWrap span, #company .container #about dl dd.cont span, #company .container #ceo .contWrap span, #company .container #ceo dl dd.cont span, #company .container #organization .contWrap span, #company .container #ci .contWrap span{display:inline} #company .container #history .listWrap, #company .container #history .listWrap .list{width:100%} #company .container #history .listWrap .list dl dt{clear:both;width:100%;text-align:right;font-size:180%;padding:20px 0 0 0} #company .container #history .listWrap .list dl dd.title{width:10%;font-size:54%;line-height:200%} #company .container #history .listWrap .list dl dd.cont{width:90%;font-size:54%;line-height:200%;margin:0} #company .container #history .listWrap .list dl dd.cont span{font-size:100%;} #company .container #organization dl dd, #company .container #organization dl dd ul{clear:both;width:100%} #company .container #organization dl dd ul li{float:left;width:25%;margin:5px 0 0 0;font-size:60%;font-weight:400;line-height:16px} #company .container #organization dl dd ul li.clearWrap{display:none} #company .container #organization dl dd ul li.bt{margin:5px 0 0 0} #company .container #organization dl dd div{margin:12px 0 0 0} #company .container #organization dl dd div:first-child{margin:0} #company .container #organization dl dd div.team{clear:both;width:100%;margin:12px 0 0 0} #company .container #organization dl dd div.sr{margin:12px 0 0 8%} #company .container #organization dl dd.team{width:100%} #company .container #organization dl dd.ceo-group ul li, #company .container #organization dl dd.team li{width:33.33333333%;margin:10px 0 0 5%;} #company .container #organization dl dd.team li.fst{margin:10px 0 0 0} #company .container #organization dl dd.team div.team{width:94%} #company .container #ci dl{clear:both;width:100%;margin:0} #company .container #ci dl:first-child{margin-top:15px} #company .container #ci dl:first-child dd.cont{padding:0 0 30px 0} #company .container #ci dl dd.cont div{width:100%;margin:5px 0 0 0;} #company .container #ci dl:first-child dd.cont div{margin:20px 0 0 0} #company .container #ci dl dt{font-size:130%;padding:0 0 20px 0} #company .container #ci dl dd.cont{font-size:90%;line-height:16px;margin:0} #company .container #ci dl dd.cont div.btn{margin:40px auto 0 auto;width:30%;text-align:center;} #company .container #ci dl dd.cont div.btn img{clear:both} #company .container .textBox .inner{width:90%;margin:0 5%;} #company .container #organization dl dd.ceo-group{width:100%; display:block;} #company .container #organization dl dd{margin:20px 0;} } /* #business{background:#007bd0} */ #business #business01{background:#9d7b3f} #business #business02{background:#ddd;} #business #business03{background:#e6edf2;} #business #business04{background:#ebf2e6} #business #business05{background:#969282} #business .container{position:relative;overflow:hidden;width:800px;margin:0 auto;} #business #business01 .container .mTitle{color:#ffce58} #business #business01 .container .contWrap{color:#ffce58;width:100%} #business #business02 .container .mTitle{color:#0335ca;} #business #business02 .container .contWrap{color:#fff;} #business #business03 .container .mTitle{color:#50d4c3} #business #business03 .container .contWrap{color:#fff;} #business #business04 .container .mTitle{color:#353054} #business #business04 .container .contWrap{color:#fff;} #business #business05 .business05_top_bg{position:absolute;width:100%; max-width:470px; top:0; right:0; opacity:0.3;} #business .layer01{width:100%;height:580px;background:url(../images/business01.jpg) no-repeat;background-size:cover} #business .layer02{width:100%;height:580px;background:url(../images/business02.jpg) no-repeat;background-size:cover} #business .layer03{width:100%;height:580px;background:url(../images/business03.jpg) no-repeat;background-size:cover} #business .layer04{width:100%;height:580px;background:url(../images/business04.jpg) no-repeat;background-size:cover} #business dl{float:left;width:380px;min-height:170px;margin:0} #business dl.mLeft{margin:0 0 0 40px} #business dl dt{margin:0 0 10px 0;font-size:24px;font-weight:500;line-height:1.3;color:#000;letter-spacing:-0.02em} #business dl dd{margin:0;font-weight:400;line-height:22px;text-align:justify; color:#666;} #business dl dd a{text-decoration:underline; color:#0a6fb1;} #business dl dd a:hover{color:#009def;} #business .business-bg-01{width:100%;height:580px;background:url(../images/business-bg-01.jpg) no-repeat;background-size:cover; position:absolute; top:0; left:0;} #business .business-bg-02{width:100%;height:580px;background:url(../images/business-bg-02.jpg) no-repeat;background-size:cover; position:absolute; top:0; left:0;} #business .business-bg-03{width:100%;height:580px;background:url(../images/business-bg-03.jpg) no-repeat;background-size:cover; position:absolute; top:0; left:0;} #business .mobile-blank{display:none;} @media (max-width:700px){ #business .business-bg-01,#business .business-bg-02,#business .business-bg-03{height:250px;} #business .mobile-blank{display:block; height:40px;} } #business .height-40-div{clear:both; height:40px;} #business .height-20-div{clear:both; height:20px;} #business .blue-line{width:40px; height:3px; background-color:#0a6fb1; margin-bottom:5px;} .kmv_ch{position:absolute; opacity:0.4; width:100px; height:100px;} .kmv_ch img{width:100%;} .business-detail-develop{width:100%; padding:30px 0; background-color:#fff; display:none;} .business-detail-trading{width:100%; padding:30px 0; background-color:#fff; display:none;} .business-detail-marketing{width:100%; padding:30px 0; background-color:#fff; display:none;} .business-detail-interior{width:100%; padding:30px 0; background-color:#fff; display:none;} .button-wrap{width:100%; clear:both; text-align:center;} .btn-business-detail{width:200px; padding:10px 0; text-align:center;font-weight:normal; color:#fff; background:none; border:solid 1px #fff; margin-bottom:30px; cursor:pointer;} .btn-business-detail:hover{background-color:#fff; color:#007bd0;} .detail-innerWrap{position:relative; width:800px; margin:0 auto;} .detail-ch-box{width:12.5%; padding:0 3.75%; float:left; text-align:center; font-weight:bold; color:#007bd0; line-height:1em;} .detail-ch-box img{display:block; width:100%;} .mob-br{clear:both; display:none;} @media (max-width:1260px){ #business .container{width:700px} #business dl{width:330px;height:180px} } @media (max-width:800px){ .detail-innerWrap{width:100%;} .detail-ch-box{width:44%; padding:1.5%; font-size:1em;} .mob-br{display:block;} } @media (max-width:700px){ #business .container{width:86%} #business .layer01, #business .layer02, #business .layer03, #business .layer04{height:200px} #business dl{clear:both;width:100%;height:auto;padding:0 0 25px 0; min-height:0;} #business dl.mLeft{margin:0} #business dl dt{font-size:100%;line-height:110%} #business dl dd{font-size:80%;line-height:140%} } @media (max-width:760px){ .kmv_ch{display:none;} } #partners .partner-title{width:120px; padding:5px 0; margin-bottom:20px; font-weight:700; color:#333; font-size:24px; border-bottom:solid 2px #0a6fb1;} #partners .partner-array{float:left; width:33.3%; margin:20px 0; font-weight:400; font-size:16px; color:#666; text-align:left; line-height:1.3} #partners .partner-array-eng{float:left; width:33.3%; margin:20px 0; font-weight:400; font-size:15px; color:#666; text-align:left; line-height:14px;} @media (max-width:640px){ #partners .partner-array{float:none; width:100%; font-size:14px;} #partners .partner-array-eng{float:none; width:100%; font-size:14px;} } #partners .partner-aus-icon{width:10px; height:10px; display:inline-block; margin-right:10px; border-radius:9px; background-color:#0ab19b;} #partners .partner-kor-icon{width:10px; height:10px; display:inline-block; margin-right:10px; border-radius:9px; background-color:#284cb1;} #partners .container{position:relative;width:100%;margin:0 auto;background:#fff} #partners .container .contTop{position:relative; background:url(../images/partner-bg-01.jpg) no-repeat;} #member .contTop{position:relative; background:url(../images/news-bg-01.jpg) no-repeat; background-size:cover;} /* #partners .container .contTop{background:url(../images/bg_partners.jpg) no-repeat 50% 50%;background-size:cover} */ #partners .listWrap{position:relative;width:800px;padding:0 0 50px 0} #partners .listWrap .list{clear:both;width:100%} #partners .listWrap .list dl{width:100%} #partners .listWrap .list dl dt{position:relative;float:left;width:160px;height:160px;margin:0;padding:0;overflow:hidden} #partners .listWrap .list dl dt .line{position:absolute;top:0;left:0;width:10px;height:2px;background:#007bd0} #partners .listWrap .list dl dt.partner1{background:url(../images/partners/01.png) no-repeat 0 0;background-size:cover} #partners .listWrap .list dl dt.partner2{background:url(../images/partners/02.png) no-repeat 0 0;background-size:cover} #partners .listWrap .list dl dt.partner3{background:url(../images/partners/03.png) no-repeat 0 0;background-size:cover} #partners .listWrap .list dl dt.partner4{background:url(../images/partners/04.png) no-repeat 0 0;background-size:cover} #partners .listWrap .list dl dt.partner5{background:url(../images/partners/05.png) no-repeat 0 0;background-size:cover} #partners .listWrap .list dl dt.partner6{background:url(../images/partners/06.png) no-repeat 0 0;background-size:cover} #partners .listWrap .list dl dt.partner7{background:url(../images/partners/07.png) no-repeat 0 0;background-size:cover} #partners .listWrap .list dl dt.partner8{background:url(../images/partners/08.png) no-repeat 0 0;background-size:cover} #partners .listWrap .list dl dt.partner9{background:url(../images/partners/09.png) no-repeat 0 0;background-size:cover} #partners .listWrap .list dl dt.partner10{background:url(../images/partners/10.png) no-repeat 0 0;background-size:cover} #partners .listWrap .list dl dt.partner11{background:url(../images/partners/11.png) no-repeat 0 0;background-size:cover} #partners .listWrap .list dl dt.partner12{background:url(../images/partners/12.png) no-repeat 0 0;background-size:cover} #partners .listWrap .list dl dt.partner13{background:url(../images/partners/13.png) no-repeat 0 0;background-size:cover} #partners .listWrap .list dl dt.partner14{background:url(../images/partners/14.png) no-repeat 0 0;background-size:cover} #partners .listWrap .list dl dt.partner15{background:url(../images/partners/15.png) no-repeat 0 0;background-size:cover} /* #partners .listWrap .list dl dt.partner16{background:url(../images/partners/16.png) no-repeat 0 0;background-size:cover} #partners .listWrap .list dl dt.partner17{background:url(../images/partners/17.png) no-repeat 0 0;background-size:cover} #partners .listWrap .list dl dt.partner18{background:url(../images/partners/18.png) no-repeat 0 0;background-size:cover} #partners .listWrap .list dl dt.partner19{background:url(../images/partners/19.png) no-repeat 0 0;background-size:cover} #partners .listWrap .list dl dt.partner20{background:url(../images/partners/20.png) no-repeat 0 0;background-size:cover} #partners .listWrap .list dl dt.partner21{background:url(../images/partners/21.png) no-repeat 0 0;background-size:cover} #partners .listWrap .list dl dt.partner22{background:url(../images/partners/22.png) no-repeat 0 0;background-size:cover} #partners .listWrap .list dl dt.partner23{background:url(../images/partners/23.png) no-repeat 0 0;background-size:cover} #partners .listWrap .list dl dt.partner24{background:url(../images/partners/24.png) no-repeat 0 0;background-size:cover} #partners .listWrap .list dl dt.partner25{background:url(../images/partners/25.png) no-repeat 0 0;background-size:cover} */ #partners .listWrap .list dl dt:hover{background-position:100% 0;} @media (max-width:1260px){ #partners .listWrap{width:700px} #partners .listWrap .list dl dt{width:140px;height:140px} } @media (max-width:700px){ #partners .container .innerWrap .contWrap{font-size:16px;font-weight:700} #partners .listWrap{width:100%;margin:0 auto;padding:40px 0 50px 0} #partners .listWrap .list{width:100%} #partners .listWrap .list dl{width:100%} #partners .listWrap .list dl dt{width:33.33333333%} #partners .listWrap .list dl dt.partner1{background:url(../images/partners/01.png) no-repeat 100% 0;background-size:cover} #partners .listWrap .list dl dt.partner2{background:url(../images/partners/02.png) no-repeat 100% 0;background-size:cover} #partners .listWrap .list dl dt.partner3{background:url(../images/partners/03.png) no-repeat 100% 0;background-size:cover} #partners .listWrap .list dl dt.partner4{background:url(../images/partners/04.png) no-repeat 100% 0;background-size:cover} #partners .listWrap .list dl dt.partner5{background:url(../images/partners/05.png) no-repeat 100% 0;background-size:cover} #partners .listWrap .list dl dt.partner6{background:url(../images/partners/06.png) no-repeat 100% 0;background-size:cover} #partners .listWrap .list dl dt.partner7{background:url(../images/partners/07.png) no-repeat 100% 0;background-size:cover} #partners .listWrap .list dl dt.partner8{background:url(../images/partners/08.png) no-repeat 100% 0;background-size:cover} #partners .listWrap .list dl dt.partner9{background:url(../images/partners/09.png) no-repeat 100% 0;background-size:cover} #partners .listWrap .list dl dt.partner10{background:url(../images/partners/10.png) no-repeat 100% 0;background-size:cover} #partners .listWrap .list dl dt.partner11{background:url(../images/partners/11.png) no-repeat 100% 0;background-size:cover} #partners .listWrap .list dl dt.partner12{background:url(../images/partners/12.png) no-repeat 100% 0;background-size:cover} #partners .listWrap .list dl dt.partner13{background:url(../images/partners/13.png) no-repeat 100% 0;background-size:cover} #partners .listWrap .list dl dt.partner14{background:url(../images/partners/14.png) no-repeat 100% 0;background-size:cover} #partners .listWrap .list dl dt.partner15{background:url(../images/partners/15.png) no-repeat 100% 0;background-size:cover} #partners .listWrap .list dl dt.partner16{background:url(../images/partners/16.png) no-repeat 100% 0;background-size:cover} #partners .listWrap .list dl dt.partner17{background:url(../images/partners/17.png) no-repeat 100% 0;background-size:cover} #partners .listWrap .list dl dt.partner18{background:url(../images/partners/18.png) no-repeat 100% 0;background-size:cover} #partners .listWrap .list dl dt.partner19{background:url(../images/partners/19.png) no-repeat 100% 0;background-size:cover} #partners .listWrap .list dl dt.partner20{background:url(../images/partners/20.png) no-repeat 100% 0;background-size:cover} #partners .listWrap .list dl dt.partner21{background:url(../images/partners/21.png) no-repeat 100% 0;background-size:cover} #partners .listWrap .list dl dt.partner22{background:url(../images/partners/22.png) no-repeat 100% 0;background-size:cover} #partners .listWrap .list dl dt.partner23{background:url(../images/partners/23.png) no-repeat 100% 0;background-size:cover} #partners .listWrap .list dl dt.partner24{background:url(../images/partners/24.png) no-repeat 100% 0;background-size:cover} #partners .listWrap .list dl dt.partner25{background:url(../images/partners/25.png) no-repeat 100% 0;background-size:cover} } #aboutus #member .container{width:100%;background:#fff} #aboutus #contact .container{width:100%;background:#e8e7e2} #aboutus .container .contTop{position:relative; padding:0px 0 70px 0} #aboutus #contact .container .contTop{background:url(../images/bg_contact.jpg) no-repeat 50% 50%;background-size:cover} #news-wrap{width:100%; border:0; height:auto; min-height:400px;} #member .contbottom .innerWrap{height:auto; } @media (max-width:700px){ #news-wrap{min-height:300px;} } #aboutus .container .innerWrap .contWrap .intro{float:left;margin:117px 0 0 0;width:100%;font-size:16px;line-height:25px;letter-spacing:-0.02em} #aboutus .container .innerWrap .contWrap .intro div{font-size:18px;} #aboutus .container .innerWrap .contWrap .intro span, #aboutus .container .innerWrap .contWrap .intro dl{display:block;clear:both} #aboutus .container .innerWrap .contWrap .intro dl dt{float:left;min-width:70px;padding:6px 0 0 0} #aboutus .container .innerWrap .contWrap .intro span{padding:6px 0 0 0} #aboutus .gMap{width:100%;height:500px;margin:70px 0 70px 0} .innerWrap .mTitle{padding:168px 0 214px 0} .container .innerWrap{position:relative;z-index:1000;overflow:hidden;margin:0 auto;width:800px} .container .innerWrap .contWrap, #company .container .contWrap{float:left;padding:168px 0 0 40px;width:380px;font-size:29px;font-weight:400;line-height:40px} .container .innerWrap .mTitle, #company .container .mTitle{float:left;width:380px;font-size:24px;font-weight:700;color:#007bd0;letter-spacing:-0.02em} #company .container .mTitle{color:#fff} #business section .mTitle{clear:both;padding:160px 0 0 0;font-weight:700;font-size:50px;letter-spacing:-0.02em;color:#fff} #business section .contWrap{clear:both;color:#fff;font-size:30px;height:220px;padding:40px 0 0 0;word-break:keep-all} #partners .container .mTitle{color:#007bd0;} #aboutus .container .mTitle{color:#1b232a;} #partners .container .contWrap{font-weight:400;word-break:keep-all} #aboutus .container .innerWrap .copy{font-size:18px;font-weight:600;letter-spacing:-0.02em} #aboutus .container .innerWrap .copy div{font-size:24px;font-weight:400;margin:80px 0 0 0} .contbottom .innerWrap{margin:80px auto 66px auto} #organization .contbottom .innerWrap{margin:40px auto;} .container dl dd{word-break:break-all} .innerWrap .contWrap{word-wrap: break-word} .monster_all{position:absolute; width:350px; bottom:0; left:0;} @media (max-width:1260px){ .container .innerWrap{width:700px} .innerWrap .mTitle{padding:140px 0 214px 0} .container .innerWrap .mTitle, #company .container .mTitle{width:330px} .container .innerWrap .contWrap, #company .container .contWrap{width:330px;padding:140px 0 0 40px;font-size:25px} #business .container .contWrap{width:100%} #aboutus .container .mTitle{width:300px} #aboutus .container .contWrap{width:360px} .monster_all{display:none;} } .dotWrap{position:absolute;width:100%;overflow:hidden;background:transparent} .dotWrap .verticalDot{position:fixed;margin-top:0;height:7px;width:7px;z-index:9999;text-indent:-9999px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%} .dotWrap .verticalDot.big{width:20px;height:20px} .grayscale{filter:url("data:image/svg+xml;utf8,#grayscale");filter:gray;-webkit-filter:grayscale(100%)} .pIcon{position:absolute} .pIcon.num01{margin:-140px 0 0 0;top:0;right:40%;z-index:5000} .pIcon.num02{margin:390px 0 0 0;top:0;left:30%;z-index:5000} .pIcon.num03{margin:280px 0 0 0;top:0;right:43%;z-index:5000} .pIcon.num04{margin:-40px 0 0 0;top:0;right:40%;z-index:5000} .pIcon.num05{margin:450px 0 0 0;top:0;left:15%} .pIcon.num06{margin:580px 0 0 0;top:0;right:15%} .pIcon.num07{margin:270px 0 0 0;top:0;right:22%;z-index:5000} .pIcon.num08{margin:0 0 -260px 0;bottom:0;left:5%} .pIcon.num09{margin:250px 0 0 0;right:10%} .pIcon.num10{margin:650px 0 0 0;right:20%} .pIcon.num11{margin:900px 0 0 0;left:10%} .pIcon.num12{margin:-30px 0 0 0;left:35%;z-index:5000} .pIcon.num13{margin:190px 0 0 0;left:35%;z-index:100} .pIcon.num14{margin:90px 0 0 0;left:50%;z-index:5000} .pIcon.num15{margin:0 0 -500px 0;bottom:0;left:10%} .pIcon.num101{margin:220px 120px;left:50%} .pIcon.num102{margin:-200px -50px;left:50%} .pIcon.num103{margin:300px -550px;left:50%} .pIcon.num104{margin:0px -300px;left:50%;bottom:250px} .pIcon.num105{margin:0px 450px;left:50%;bottom:450px} .pIcon.num111{margin:-660px -350px;left:50%} .pIcon.num112{margin:-660px -650px;left:50%;bottom:0px} .pIcon.num121{margin:-100px -550px;left:50%} .pIcon.num131{margin:30px 100px;left:50%} .pIcon.num201{margin:-40px -600px;left:50%;z-index:100} .pIcon img{max-width:100%} @media (max-width:1260px){ .pIcon.num06{opacity:0.5;filter:alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"} } @media (max-width:760px){ .pIcon{display:none} } @media (max-width:700px){ .innerWrap .mTitle, #about .innerWrap .mTitle{padding:110px 0 20px 0} .container .innerWrap{width:86%;margin:0 auto} .container .innerWrap .mTitle, #company .container .mTitle{clear:both;width:auto;font-size:130%;font-weight:600} .container .innerWrap .contWrap, #company .container .contWrap{clear:both;padding:0 0 30px 0;width:80%;font-size:120%;font-weight:400;line-height:24px} #company .contbottom{padding:10px 0 20px 0} #organization .contbottom .innerWrap{margin:0 auto} #business .container .innerWrap{width:100%;margin:0 auto} #business section .mTitle{font-size:130%;padding:30px 0 20px 0} #business section:first-child .mTitle{padding:110px 0 20px 0} #business section .contWrap{height:auto;font-size:130%;padding:0 0 60px 0} #partners .container .innerWrap .contWrap{width:70%;font-size:120%;font-weight:400} #aboutus .container .innerWrap .copy{font-size:80%;font-weight:400} #aboutus .container .innerWrap .copy div{font-size:120%;margin:20px 0 0 0} #aboutus .innerWrap .mTitle{padding:110px 0 0 0;width:auto} #aboutus .container .innerWrap .contWrap{width:auto} #aboutus .container .innerWrap .contWrap .intro{clear:both} #aboutus .container .innerWrap .contWrap .intro div{font-size:100%;} #aboutus .container .innerWrap .contWrap .intro div span{display:inline} #aboutus .container .innerWrap .contWrap .intro{margin:20px 0 0 0;font-size:70%;} #aboutus .container .innerWrap .contWrap .intro dl dt a{color:#1b232a;text-decoration:none} #aboutus .gMap{height:200px} .dotWrap .verticalDot{width:5px;height:5px} .dotWrap .verticalDot.big{width:15px;height:15px} } .pt-page{-webkit-overflow-scrolling:touch;} #member{width:100%; height:auto; overflow-y:auto; background-color:#fff;} .member-wrap{position:relative; width:49%; float:left; padding:20px 0; margin-right:2%;} .member-wrap-right{position:relative; width:49%; float:left; padding:20px 0; margin-right:0;} .clear-div{clear:both;} .clear-div-mob{clear:both; display:none;} .member-position{width:100%; box-sizing:border-box; padding:10px; border:solid 1px #007bf0; text-align:center; font-weight:bold; font-size:1.2em; background-color:#007bd0; color:#fff;} .member-pic{width:30%; float:left; margin-top:10px; cursor:pointer; box-sizing:border-box;} .member-pic img{width:100%;} .member-name{width:69%; float:left; font-size:1.2em; color:#000; font-weight:bold; text-align:left; margin-top:10px; box-sizing:border-box; padding-left:10px; padding-top:20px;} .member-name .member-do{width:100%; display:block; font-size:12px; color:#666; line-height:1.5em; text-align:justify; font-weight:normal;} .member-title{width:100%; font-size:2.2em; font-weight:bold; color:#007bd0; padding-top:160px;} #member dl{width:49%; float:left; margin-right:2%;} #member dl dt{width:100%; font-weight:bold; font-size:1.2em; color:#000; } #member dl dd{width:100%; text-align:justify; font-size:0.8em; color:#666; margin:0; padding:0; line-height:1.5em; box-sizing:border-box;} .contmiddle{width:100%; background-color:#eee; padding:40px 0; display:none;} .contmiddle .innerWrap{width:800px; margin:0 auto; position:relative;} .contmiddle .innerWrap .member-title{width:100%;font-size:2.2em; font-weight:bold; color:#258bad; padding:0;} .member-title-sub{width:100%; font-size:1em; color:#999; font-weight:normal; padding-bottom:40px;} #member .contmiddle dl dt{width:100%; font-weight:bold; font-size:1.2em; color:#847743; } #member .contmiddle dl dd{width:100%; text-align:justify; font-size:12px; color:#666; margin:0; padding:0; line-height:1.5em; box-sizing:border-box;} .wish-btn{position:absolute; width:100%; text-align:center; bottom:20px; left:0;} #btn-wish{padding:10px ; text-align:center; font-size:1.2em; border:solid 1px #007bd0; background-color:#fff; color:#007bd0; cursor:pointer;} #btn-wish:hover{background-color:#007bd0; color:#fff;} .pofol-title{width:100%; border-top:solid 1px #007bd0; font-size:1.5em; color:#666; text-align:left; background:url(../images/icon_pofol_title.jpg)no-repeat 0 50%; text-indent:30px; padding:20px 0;} .pofol-logo{width:20%; float:left; box-sizing:border-box; padding:10px; } .pofol-logo img{width:100%;} .pofol-summary{width:79%; float:left; box-sizing:border-box; padding:10px; font-size:1em; color:#666; border-left:solid 1px #eee; line-height:1.5em;} .pofol-summary .subject{font-size:1.2em; font-weight:bold; color:#007bd0;} .pofol-summary .subject-text{font-size:0.8em; color:#ccc;} .pofol-summary .summary{font-size:0.8em; display:block;} .pofol-summary .summary a{text-decoration:none; color:#007bd0;} @media (max-width:800px){ #member dl{width:100%; margin:0; float:none; padding:20px 0;} .contmiddle .innerWrap{width:100%; box-sizing:border-box; padding:20px;} .member-wrap, .member-wrap-right{width:100%; float:none; margin:0;} .clear-div-mob{display:block;} div[name='aboutus'] .on a {color:#fff !important;} .pofol-title{box-sizing:border-box; padding:20px; background:url(../images/icon_pofol_title.jpg)no-repeat 20px 50%;} .pofol-logo{width:100%; margin:0 auto; float:none; max-width:200px;} .pofol-summary{width:100%; float:none; border-left:0; border-top:solid 1px #eee;} }