@charset "utf-8"; @import url('basic.css'); /* 기본설정 */ @import url('setup.css'); /* 사이트 세부설정 */ .wrap { position:relative; margin:0 auto; width:1280px; *zoom:1; } .wrap:after { content:""; display:block; clear:both; } .wrap2 { position:relative; margin:0 auto; width:1280px; *zoom:1; } .wrap2:after { content:""; display:block; clear:both; } .mgtop1 { margin-top:30px !important; } .mgtop2 { margin-top:20px !important; } .mgtop3 { margin:58px 0 -25px 0 !important; } .mgtop4 { margin-top:30px !important; } .mgtop5 { margin-top:25px !important; } .mgtop6 { margin-top:58px !important; } /* header */ #header { width:100%; height:110px; } #header h1 { position:absolute; top:19px; left:0; font-size:0; line-height:0; z-index:999; } #header div.language { position:absolute; top:43px; right:170px; z-index:999; } #header div.language a { display:block; font-size:16px; font-weight:600; color:#000; line-height:30px; } #header div.language a img { margin-right:10px; vertical-align:top; } #header div.sitemap { position:absolute; top:0; right:0; font-size:0; line-height:0; z-index:999; } #header div.sitemap a { display:block; padding:30px; background-color:#009d6b; } #header div.side { display:none; } /* sub visual */ #sub1 { position:relative; width:100%; height:230px; padding-top:85px; background:url('../images/company/visual.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } #sub2 { position:relative; width:100%; height:230px; padding-top:85px; background:url('../images/product/visual.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } #sub3 { position:relative; width:100%; height:230px; padding-top:85px; background:url('../images/management/visual.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } #sub4 { position:relative; width:100%; height:230px; padding-top:85px; background:url('../images/pr/visual.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } #sub1 div.typo, #sub2 div.typo, #sub3 div.typo, #sub4 div.typo { font-size:22px; font-weight:300; color:#fff; line-height:31px; text-align:center; } #sub1 div.typo strong, #sub2 div.typo strong, #sub3 div.typo strong, #sub4 div.typo strong { display:block; margin-bottom:10px; font-size:60px; font-weight:800; line-height:69px; } /* gnb */ #gnb { position:relative; /*width:100%;*/ height:150px; padding-top:36px; font-size:0; line-height:0; text-align:center; z-index:888; } #gnb li { overflow:hidden; display:inline-block; margin:0 35px; } #gnb li:first-child { margin-left:-50px; } #gnb li a { display:block; padding-bottom:1px; font-size:20px; color:#000; line-height:45px; } #gnb li a.on, #gnb li a:hover { padding:0; border-bottom:1px solid #009d6b; } #gnb li.selected ul { display:block; } #gnb li ul { display:none; position:absolute; left:0; top:110px; width:100%; height:25px; padding:25px 0; border-top:1px solid #f0f0f0; background-color:#fff; z-index:888; } #gnb li ul li { margin:0 0 0 20px; padding-left:21px; background:url('../images/common/gnb_line.jpg') no-repeat left 6px; } #gnb li ul li:first-child { margin:0 0 0 -85px; padding-left:0; background:none; } #gnb li ul li a { display:block; padding:0; font-size:16px; font-weight:300; color:#888; line-height:25px; } #gnb li ul li a:hover { font-weight:600; color:#009d6b; border:none; } /* mobileMenu */ #mobileMenu { display:none; overflow-y:auto; position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%; background:#fff; } #mobileMenu div.top { position:relative; border-bottom:1px solid #009d6b; } #mobileMenu div.top h1 { padding:19px 0; font-size:0; line-height:0; text-align:center; } #mobileMenu div.top div.close { position:absolute; top:0; left:0; font-size:0; line-height:0; margin:0; } #mobileMenu div.top div.language { position:absolute; top:19px; right:40px; } #mobileMenu div.top div.language a { display:block; font-size:32px; font-weight:600; color:#009d6b; line-height:72px; text-decoration:underline; } #mobileMenu ul.gnb { margin-top:25px; } #mobileMenu ul.gnb li a { overflow:hidden; display:inline-block; height:107px; padding-left:40px; font-size:38px; font-weight:600; color:#333; line-height:107px; } #mobileMenu ul.gnb li a img { margin-left:20px; vertical-align:top; } #mobileMenu ul.gnb li div { overflow:hidden; display:inline-block; height:107px; padding-left:40px; font-size:38px; font-weight:600; color:#333; line-height:107px; } #mobileMenu ul.gnb li div img { margin-left:40px; vertical-align:top; } #mobileMenu ul.gnb li .sub_gnb { display:none; } #mobileMenu ul.gnb li.on a { color:#009d6b; } #mobileMenu ul.gnb li.on a img { margin-top:-107px; } #mobileMenu ul.gnb li.on div { color:#009d6b; } #mobileMenu ul.gnb li.on div img { margin-top:-107px; } #mobileMenu ul.gnb li.on .sub_gnb { display:block; padding:25px 0; background:#f5f5f5; } #mobileMenu ul.gnb li.on .sub_gnb a { display:block; height:auto; font-size:32px; color:#666; line-height:81px; } #mobileMenu ul.gnb li.on .sub_gnb li.on a { color:#009d6b; } /* sitemap */ #sitemap { position:fixed; top:0; left:0; width:100%; min-height:100%; background:url('../images/common/sitemap_line.jpg') repeat-x left 366px #fff; z-index:9999; } #sitemap h1 { position:absolute; top:20px; left:48px; font-size:0; line-height:0; } #sitemap div.close { position:absolute; top:48px; right:48px; font-size:0; line-height:0; } #sitemap ul.sitemap { overflow:hidden; margin-top:295px; } #sitemap ul.sitemap li { float:left; margin-left:120px; } #sitemap ul.sitemap li:first-child { margin-left:20px; } #sitemap ul.sitemap li a { display:block; padding-bottom:28px; font-size:36px; color:#111; line-height:45px; } #sitemap ul.sitemap li a:hover { padding-bottom:25px; border-bottom:3px solid #009d6b; } #sitemap ul.sitemap li ul { margin-top:20px; } #sitemap ul.sitemap li ul li { float:none; margin:0; } #sitemap ul.sitemap li ul li:first-child { margin:0; } #sitemap ul.sitemap li ul li a { padding:0; font-size:16px; font-weight:300; color:#444; line-height:35px; } #sitemap ul.sitemap li ul li a:hover { padding:0 0 0 16px; font-weight:400; color:#2d2e2e; border:none; background:url('../images/common/sitemap_bullet.png') no-repeat left 15px; } /* main */ #main { width:100%; } #main div.visual { position:relative; width:100%; } #main div.visual div.left {position: absolute; z-index: 999; top: 349px; left: 100px;} #main div.visual div.right {position: absolute; z-index: 999; top: 349px; right: 100px;} #main div.visual div.img1 { overflow:hidden; width:100%; height:837px; font-size:0; line-height:0; background:url('../images/main/visual1.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } #main div.visual div.img2 { overflow:hidden; width:100%; height:837px; font-size:0; line-height:0; background:url('../images/main/visual2.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } #main div.visual div.img3 { overflow:hidden; width:100%; height:837px; font-size:0; line-height:0; background:url('../images/main/visual3.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } #main div.visual div.img4 { overflow:hidden; width:100%; height:837px; font-size:0; line-height:0; background:url('../images/main/visual4.jpg') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } #main div.visual div.type { margin-top:335px; width:100%; font-size:24px; font-weight:300; color:#fff; line-height:33px; text-align:center; position: absolute; } #main div.visual div.type strong { display:block; margin-bottom:25px; font-size:70px; font-weight:bold; line-height:75px;} #main div.visual div.type2 { margin-top:300px; width:100%; font-size:24px; font-weight:300; color:#fff; line-height:33px; text-align:center; position: absolute;} #main div.visual div.type2 strong { display:block; margin-bottom:25px; font-size:70px; font-weight:bold; line-height:75px; } #main div.visual div.onoff { position:absolute; bottom:140px; left:50%; width:160px; margin-left:-80px; padding-top:28px; font-size:0; line-height:0; } #main div.visual div.onoff a { display:inline-block; width:40px; height:1px; background-color:rgba(255,255,255,0.3); cursor: context-menu;} #main div.visual div.onoff a.on, #main div.visual div.onoff a:hover { background-color:rgba(255,255,255,1); cursor: context-menu;} #main div.visual div.onoff div.number { position:absolute; top:0; left:0; font-size:14px; color:rgba(255,255,255,0.4); line-height:15px; } #main div.visual div.onoff div.number em { display:inline-block; margin:0 6px; color:rgba(255,255,255,1); line-height:15px; vertical-align:top; } #main div.visual div.onoff div.number span { display:inline-block; color:rgba(255,255,255,1); line-height:15px; vertical-align:top; } #main div.visual div.onoff div.pause { position:absolute; top:3px; right:0; font-size:0; line-height:0; } #main div.visual div.onoff div.pause a { width:auto; height:auto; background:none; } #main div.visual div.scroll { position:absolute; bottom:60px; left:0; overflow:hidden; width:100%; height:34px; font-size:0; line-height:0; text-align:center; } #main div.visual div.scroll a:hover img { margin-top:-34px; } #main ul.management { overflow:hidden; width:1280px; margin:0 auto; border-left: 1px solid #eee; border-right: 1px solid #eee;} #main ul.management li { float:left; width:355px; padding:55px 35px 60px 35px; /*border-right:1px solid #eee;*/ } /*#main ul.management li:first-child { border-left:1px solid #eee; }*/ #main ul.management li a { display:block; } #main ul.management li h3 { font-size:26px; font-weight:600; color:#000; line-height:35px; } #main ul.management li h3 span { color:#1a9974; } #main ul.management li p.txt { margin-top:15px; font-size:18px; font-weight:300; color:#444; line-height:27px; } #main ul.management li div.icon { margin-top:15px; font-size:0; line-height:0; text-align:right; } #main div.pr_top h2 {position: absolute; left: 347px; margin-top: 0;} #main ul.pr { overflow:hidden; width:1280px; margin:0 auto; border-left: 1px solid #eee; border-right: 1px solid #eee; padding-top: 40px; } #main ul.pr a.more_view {position: absolute; margin-left: 360px; margin-top: 36px; z-index: 9999; font-size: 14px;} #main ul.pr a.more_view img { margin-left: 10px; vertical-align: initial;} #main div.story a.more_view {position: absolute; margin-left: 35px; margin-top: 208px; z-index: 9999; font-size: 14px;} #main div.story a.more_view img { margin-left: 10px; vertical-align: initial;} #main ul.pr li { float:left; position:relative; width:355px; padding:80px 35px 60px 35px; /*border-right:1px solid #eee;*/ } #main ul.pr li:first-child { border-left:1px solid #eee; } #main ul.pr li h2 { position:absolute; top:0; left:35px; margin-top:0; } #main ul.pr li div.date { position:relative; font-size:18px; font-weight:300; color:#2d2e2e; line-height:23px; } #main ul.pr li div.date strong {font-size:40px; font-weight:800; color:#00b279; line-height:53px; } #main ul.pr li div.date span {font-size: 40px; color: #01b279;} #main ul.pr li div.date em { position:absolute; bottom:0; right:0; font-size:16px; font-weight:300; color:#2d2e2e; line-height:23px; } #main ul.pr li div.img { margin-top:10px; font-size:0; line-height:0; } #main ul.pr li p.txt { height:54px; margin-top:10px; font-size:18px; font-weight:400; color:#2d2e2e; line-height:27px; } #main h2 { margin-top:60px; padding-top:15px; font-size:40px; font-weight:300; color:#000; line-height:44px; background:url('../images/main/title_line.jpg') no-repeat left top; } #main h2 strong { font-weight:800; } #main div.story { overflow:hidden; background:url('../images/main/story_bg.png') no-repeat center top; background-size:100% auto; } #main div.story h2 { position:absolute; top:5px; left:36px; margin-top:0; } #main div.story div.explain { position:absolute; top:122px; left:36px; font-size:18px; font-weight:300; color:#2d2e2e; line-height:27px; text-align:left; } #main ul.story { overflow:hidden; margin:55px 0 55px 343px; } #main ul.story li { float:left; width:250px; margin-left:50px; } #main ul.story li div.img { margin-top:5px; font-size:0; line-height:0; } #main ul.story li p.date { font-size:16px; font-weight:300; color:#2d2e2e; line-height:24px; text-align:right; } #main ul.story li p.txt { margin-top:10px; font-size:18px; color:#2d2e2e; line-height:27px; } #main div.halla { overflow:hidden; padding-bottom:80px; background: url("../images/main/halla_ani.gif") no-repeat center center; background-size: auto; width: 100%; height: 949px;} #main div.halla h2 { margin-top:75px; padding-top:0; font-size:50px; font-weight:600; color:#fff; line-height:59px; text-align:center; background:none; } #main div.halla div.explain { position:static; margin-top:20px; font-size:22px; font-weight:300; color:#f0f5ea; line-height:31px; text-align:center; } #main div.halla div.img { position:relative; margin-top:55px; font-size:0; line-height:0; } #main div.halla div.img div.name1 { position:absolute; top:232px; left:202px; } #main div.halla div.img div.name2 { position:absolute; top:488px; left:368px; } #main div.halla div.img div.name3 { position:absolute; top:125px; left:430px; } #main div.halla div.img div.name4 { position:absolute; top:31px; left:524px; } #main div.halla div.img div.name5 { position:absolute; top:306px; left:644px; } #main div.halla div.img div.name6 { position:absolute; top:473px; left:946px; } #main div.halla div.img div.name7 { position:absolute; top:203px; left:982px; } #main div.halla div.img div.name8 { position:absolute; top:384px; left:1092px; } #main div.segment { overflow:hidden; position:relative; width:1208px; margin:0 auto; } #main div.segment div.explain { position:absolute; top:100px; left:494px; font-size:20px; font-weight:600; color:#035c35; line-height:29px; } #main ul.segment { overflow:hidden; width:1280px; margin:55px auto 60px auto; } #main ul.segment li { float:left; width:355px; padding:0 35px 0 35px; border-right:1px solid #eee; } #main ul.segment li:first-child { border-left:1px solid #eee; } #main ul.segment li a { display:block; } #main ul.segment li h3 { margin-top:-5px; font-size:24px; font-weight:600; color:#069361; line-height:33px; } #main ul.segment li h3 em { display:block; font-size:22px; font-weight:300; color:#4aae8e; line-height:29px; } #main ul.segment li p.txt { margin-top:15px; font-size:16px; font-weight:300; color:#444; line-height:25px; } #main ul.segment li div.icon { margin-top:55px; font-size:0; line-height:0; text-align:center; } #main div.explain { position:absolute; top:65px; left:530px; font-size:20px; font-weight:600; color:#035c35; line-height:29px; } #main div.network { overflow:hidden; padding-bottom:60px; background-color:#f7f7f7; } #main div.network div.explain { position:absolute; top:40px; left:530px; text-align:left; } #main div.network div.explain2 { position:absolute; top:28px; left:530px; font-size:20px; font-weight:600; color:#035c35; line-height:29px; } #main div.network ul.tap { position:absolute; top:190px; left:0; overflow:hidden; width:321px; border-radius:5px; border:1px solid #ddd; box-shadow:0 2px 2px rgba(0,0,0,0.1); } #main div.network ul.tap li { float:left; width:160px; border-left:1px solid #ddd; } #main div.network ul.tap li:first-child { border-left:none; } #main div.network ul.tap li a { display:block; font-size:16px; font-weight:300; color:#666; line-height:39px; text-align:center; background-color:#fff; } #main div.network ul.tap li a.on, #main div.network ul.tap li a:hover { font-weight:400; color:#000; background-color:#fdb813; } #main div.network div.message { position:absolute; top:253px; left:0; width:273px; padding:72px 25px; font-size:30px; font-weight:800; color:#fff; line-height:39px; text-decoration:underline; background-color:#026060; } #main div.network div.total { position:absolute; top:253px; left:0; width:273px; padding:25px; font-size:22px; font-weight:600; color:#fff; line-height:31px; text-align:center; background-color:#026060; } #main div.network div.total a { display:block; padding-left:15px; font-size:16px; font-weight:300; color:#fff; line-height:45px; text-align:left; border-bottom:1px solid #83b1b1; background:url('../images/main/total_arrow.png') no-repeat 250px 16px; } #main div.network div.total a:first-child { margin-top:10px; } #main div.network div.total a.on, #main div.network div.total a:hover { background:url('../images/main/total_arrow.png') no-repeat 250px 16px #4f998e; } #main div.network div.map1 { float:right; position:relative; width:900px; margin-top:95px; font-size:0; line-height:0; } #main div.network div.map1 em { position:absolute; overflow:hidden; } #main div.network div.map1 em.nigeria { top:111px; left:18px; height:229px; } #main div.network div.map1 em.nigeria:hover img { margin-top:-229px; } #main div.network div.map1 em.bangladesh { top:20px; left:173px; height:284px; } #main div.network div.map1 em.bangladesh:hover img { margin-top:-284px; } #main div.network div.map1 em.china { top:0; left:325px; height:231px; } #main div.network div.map1 em.china:hover img { margin-top:-231px; } #main div.network div.map1 em.russia { top:63px; left:379px; height:154px; } #main div.network div.map1 em.russia:hover img { margin-top:-154px; } #main div.network div.map1 em.guatemala { top:34px; left:631px; height:304px; } #main div.network div.map1 em.guatemala:hover img { margin-top:-304px; } #main div.network div.map1 em.ghana { top:326px; left:3px; height:152px; z-index:111; } #main div.network div.map1 em.ghana:hover img { margin-top:-152px; } #main div.network div.map1 em.angola { top:378px; left:44px; height:150px; } #main div.network div.map1 em.angola:hover img { margin-top:-150px; } #main div.network div.map1 em.kenya { top:336px; left:145px; height:149px; } #main div.network div.map1 em.kenya:hover img { margin-top:-149px; } #main div.network div.map1 em.malaysia { top:340px; left:237px; height:149px; z-index:111; } #main div.network div.map1 em.malaysia:hover img { margin-top:-149px; } #main div.network div.map1 em.phillippines { top:320px; left:255px; height:236px; } #main div.network div.map1 em.phillippines:hover img { margin-top:-236px; } #main div.network div.map1 em.micronesia { top:279px; left:455px; height:93px; } #main div.network div.map1 em.micronesia:hover img { margin-top:-93px; } #main div.network div.map1 em.ecualor { top:345px; left:683px; height:54px; } #main div.network div.map1 em.ecualor:hover img { margin-top:-54px; } #main div.network div.map1 em.colombia { top:288px; left:761px; height:93px; } #main div.network div.map1 em.colombia:hover img { margin-top:-93px; } #main div.network div.map1 em.peru { top:394px; left:708px; height:23px; } #main div.network div.map1 em.peru:hover img { margin-top:-23px; } #main div.network div.map1 em.chile { top:460px; left:728px; height:114px; } #main div.network div.map1 em.chile:hover img { margin-top:-114px; } #main div.network div.map1 em.argentina { top:472px; left:782px; height:107px; } #main div.network div.map1 em.argentina:hover img { margin-top:-107px; } #main div.network div.map1 em.bolivia { top:426px; left:795px; height:102px; z-index:111; } #main div.network div.map1 em.bolivia:hover img { margin-top:-102px; } #main div.network div.map2 { float:right; position:relative; width:900px; margin-top:55px; font-size:0; line-height:0; } #main div.network div.map2 a.area1 { position:absolute; top:131px; left:0; overflow:hidden; height:23px; z-index:111; } #main div.network div.map2 a.area1 img { margin-top:-23px; } #main div.network div.map2 a.area1:hover img { margin-top:-23px; } #main div.network div.map2 a.area2 { position:absolute; top:110px; left:526px; overflow:hidden; height:38px; z-index:111; } #main div.network div.map2 a.area2 img { margin-top:-38px; } #main div.network div.map2 a.area2:hover img { margin-top:-38px; } #main div.network div.map2 a.area3 { position:absolute; top:303px; left:580px; overflow:hidden; height:23px; z-index:111; } #main div.network div.map2 a.area3 img { margin-top:-23px; } #main div.network div.map2 a.area3:hover img { margin-top:-23px; } #main div.network div.map2 a.area4 { position:absolute; top:418px; left:415px; overflow:hidden; height:137px; z-index:111; } #main div.network div.map2 a.area4 img { margin-top:-137px; } #main div.network div.map2 a.area4:hover img { margin-top:-137px; } #main div.network div.factory { position:absolute; top:50%; left:50%; width:148px; min-height:180px; margin:-151px 0 0 -290px; padding:60px 60px 60px 370px; border-radius:10px; border:1px solid #d5d5d5; background-color:#fff; box-shadow:0 10px 20px rgba(0,0,0,0.2); z-index:999; } #main div.network div.factory div.img { position:absolute; top:60px; left:60px; font-size:0; line-height:0; } #main div.network div.factory p.tit { font-size:24px; font-weight:600; color:#111; line-height:33px; } #main div.network div.factory p.add { margin-top:20px; font-size:14px; font-weight:300; color:#333; line-height:23px; } #main div.network div.factory p.add span { display:block; } #main div.network div.factory p.tel { margin-top:10px; font-size:14px; font-weight:300; color:#333; line-height:23px; } #main div.network div.factory p.tel span { display:inline-block; width:40px; } #main div.process { position:relative; width:1000px; margin:20px auto 0 auto; font-size:0; line-height:0; } #main div.process img { max-width:100%; } #main div.process div.more1 { position:absolute; top:96px; left:510px; } #main div.process div.more2 { position:absolute; top:230px; left:801px; } #main div.process div.more3 { position:absolute; top:380px; left:590px; } #main div.process div.more4 { position:absolute; top:250px; left:0; } #main div.process div.more5 { position:absolute; top:666px; left:530px; } #main div.process div.more1:hover div.cont, #main div.process div.more2:hover div.cont, #main div.process div.more3:hover div.cont, #main div.process div.more4:hover div.cont, #main div.process div.more5:hover div.cont { display:block; } #main div.process div.more1:hover a.more, #main div.process div.more2:hover a.more, #main div.process div.more3:hover a.more, #main div.process div.more4:hover a.more, #main div.process div.more5:hover a.more { display:none; } #main div.process div.cont { display:none; position:relative; width:260px; padding:20px 0; font-size:16px; font-weight:600; color:#fff; line-height:25px; text-align:center; background-color:#fac300; box-shadow:0 5px 10px rgba(0,0,0,0.2); } #main div.process div.cont span { line-height:50px; vertical-align:top; } #main div.process div.cont a.close { position:absolute; top:0; right:0; } #main div.center { margin-top:92px; background-color:#d5e9e6; } #main div.center div.wrap { overflow:hidden; padding:55px 0 60px 0; background:url('../images/main/recruit_bg.jpg') no-repeat 830px 60px; } #main div.center h2 { margin-top:0; padding-top:0; background:none; } #main div.life { float:left; } #main div.life div.explain { position:static; margin-top:15px; font-size:16px; font-weight:300; color:#2d2e2e; line-height:25px; text-align:left; } #main div.life ul.welfare { overflow:hidden; margin-top:30px; } #main div.life ul.welfare li { float:left; width:160px; margin-left:40px; } #main div.life ul.welfare li:first-child { margin-left:0; } #main div.life ul.welfare li p.tit { font-size:16px; color:#000; line-height:25px; text-align:center; } #main div.life ul.welfare li a { display:block; margin-top:15px; font-size:0; line-height:0; border:1px solid #bbb; } #main div.recruit { float:right; width: 770px;} #main div.recruit div.progress { margin-top:10px; } #main div.recruit div.progress a { display:block; font-size:18px; color:#2d2e2e; line-height:27px; } #main div.recruit div.progress a em { margin-left:18px; font-family:"NotoSans", sans-serif; vertical-align:top; } #main ul.recruit { overflow:hidden; margin-top:25px; } #main ul.recruit li { float:left; width:250px; margin-left:10px; background-color:#fff; } #main ul.recruit li:first-child { margin-left:0; } #main ul.recruit li a { display:block; padding:20px 20px 15px 20px; } #main ul.recruit li a p.day { display:inline-block; margin-left:10px; padding:0 12px; font-size:14px; font-weight:600; color:#fff; line-height:23px; background-color:#1d9b72; } #main ul.recruit li a p.day2 { display:inline-block; margin-left:10px; padding:0 12px; font-size:14px; font-weight:600; color:#fff; line-height:23px; background-color:#c3c3c1; } #main ul.recruit li a p.day3 { display:inline-block; margin-left:10px; padding:0 12px; font-size:14px; font-weight:600; color:#fff; line-height:23px; background-color:#0f181f; } #main ul.recruit li a p.tit { margin-top:15px; padding:0 10px 5px 10px; font-size:18px; font-weight:600; color:#2d2e2e; line-height:25px; border-bottom:1px solid #ccc; min-height: 80px; } #main ul.recruit li a p.period { padding:15px 10px 0 10px; font-size:14px; font-weight:300; color:#444; line-height:23px; } #main ul.recruit li a p.period span { display:block; font-weight:400; color:#1d9b72; } /* topButton */ #top_btn {position: fixed; bottom: 115px; right: 10%; height: 36px; overflow: hidden; z-index: 9;} #top_btn img { margin-top: 0;} #top_btn img:hover {margin-top :-36px;} /* location */ .Location { position:absolute; top:90px; left:0; width:100%; background-color:#eee; z-index:999; } .Location .Location-inner { position:relative; width:100%; height:61px; z-index:100; } .Location ul { position:absolute; left:0; top:0; width:100%; background:url('../images/common/location_line.png') repeat-x left top; z-index:1; } .Location ul:after { content:""; display:block; clear:both; } .Location ul li { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .Location ul li a { display:block; padding-left:50px; font-size:16px; font-weight:300; color:#444; line-height:61px; } .Location ul li a:hover, .Location ul li a:focus { color:#444; } .Location ul li .depth-in { position:static; display:none; background:none; } .Location ul li .depth-in li { padding:0; border-top:1px solid #fff; } .Location ul li .depth-in li a { display:block; margin:0; padding:0 0 0 50px; font-size:16px; color:#444; line-height:61px; background:none; } .Location ul li .depth-in li a:hover, .Location ul li .depth-in li a:focus { background-color:#c5c5c5; } .Location ul li.depth-first { float:left; width:420px; } .Location ul li.depth-first a { display:block; padding-left:90px; background:url('../images/common/home_icon.png') no-repeat 50px 20px; } .Location ul li.depth-middle { float:left; width:430px; background:url('../images/common/home_arrow1.png') no-repeat 379px 20px #ddd; } .Location ul li.depth-middle.on .depth-in { display:block; } .Location ul li.depth-last { float:left; width:430px; background:url('../images/common/home_arrow2.png') no-repeat 379px 20px #009e75; } .Location ul li.depth-last a { color:#fff; } .Location ul li.depth-last.on .depth-in { display:block; } .Location ul li.depth-last .depth-in li a { color:#fff; } .Location ul li.depth-last .depth-in li a:hover, .Location ul li.depth-last .depth-in li a:focus { background-color:#017455; } /* idxlink */ .idxlink { display:none; overflow:hidden; margin:25px 0; text-align:center; background:url('../images/common/menu_bg.png') repeat left top; } .idlk { overflow:hidden; width:100%; margin:0 auto; display:none; z-index: 500; } .idlk li { display:block; width:100%; font-size:14px; color:#fff; background:url('../images/common/menu_bg2.png') repeat left top; border-bottom:1px solid #ccc; text-align:left; } .idlk li a { display:block; padding-left:15px; color:#fff; line-height:38px; } .idlk li a:hover { font-weight:bold; color: #fff; } .menu { display:none; } .menu { position:relative; display:block; font-size:14px; font-weight:600; color:#fff; line-height:38px; padding-left:15px; text-align:left; border-bottom:1px solid #ccc; } .menu div.bullet { position:absolute; right:15px; top:16px; font-size:0; line-height:0; } .inner { width:100%; margin:0 auto; cursor:pointer; } .idlk.on {display:block; position:absolute; border-top:none; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; } /* contents */ #contents { width:1280px; margin:85px auto 100px auto; } #contents h2 { font-size:45px; font-weight:600; color:#2d2e2e; line-height:54px; text-align:center; } #contents h3 { margin-top:80px; padding-top:20px; font-size:26px; font-weight:600; color:#111; line-height:35px; text-align:center; background:url('../images/common/h3_bullet.png') no-repeat center top; } #contents h3.bn { margin-top:55px; padding-top:0; background:none; } #contents div.company { overflow:hidden; margin-top:55px; background-color:#f9f9f9; } #contents div.company p.tit { margin:55px 260px 0 260px; font-size:20px; color:#222; line-height:29px; text-align:center; } #contents div.company p.txt { margin:50px 83px 55px 83px; font-size:16px; font-weight:300; color:#444; line-height:25px; } #contents ul.outline { overflow:hidden; width:1134px; margin:45px auto -20px auto; padding-bottom:20px; } #contents ul.outline li { float:left; width:278px; margin:10px; padding:55px 40px 60px 40px; text-align:center; background-color:#fff; box-shadow:0 5px 20px rgba(0,0,0,0.1); } #contents ul.outline li p.tit { margin:0; font-size:20px; color:#009d6b; line-height:29px; } #contents ul.outline li p.txt { height:70px; margin:40px 0 0 0; font-size:30px; font-weight:400; color:#033333; line-height:35px; } #contents ul.outline li p.txt em { display:inline-block; font-size:20px; color:#033333; line-height:29px; } #contents ul.outline li p.txt em.top { margin-top:-15px; vertical-align:top; } #contents ul.outline li div.icon { margin-top:20px; font-size:0; line-height:0; } #contents p.unit { margin-top:5px; font-size:16px; font-weight:300; color:#444; line-height:25px; text-align:right; } #contents ul.year { overflow:hidden; margin-top:50px; } #contents ul.year li { float:left; padding-bottom:14px; width:16.66666%; text-align:center; } #contents ul.year li a { position:relative; display:block; padding-bottom:25px; font-size:16px; font-weight:600; color:#333; line-height:25px; border-bottom:2px solid #f2f3fa; } #contents ul.year li a span { position:absolute; bottom:-16px; left:0; overflow:hidden; width:100%; height:30px; font-size:0; line-height:0; } #contents ul.year li a.on, #contents ul.year li a:hover { color:#009e75;} #contents ul.year li a.on span img, #contents ul.year li a:hover span img { margin-top:-30px; } #contents ul.history { border-bottom:2px solid #ccc; } #contents ul.history li { overflow:hidden; padding:115px 0; border-top:1px solid #ccc; } #contents ul.history li:first-child { border-top:none; } #contents ul.history li div.year { float:left; width:220px; margin-top:-10px; font-size:70px; font-weight:800; color:#009d6b; line-height:75px; } #contents ul.history li div.year em { font-size:50px; font-weight:400; color:#666; } #contents ul.history li ul.cont { float:left; width:450px; margin-left:80px; border:none; } #contents ul.history li ul.cont li { position:relative; margin-top:50px; padding:0 0 0 60px; font-size:18px; font-weight:300; color:#444; line-height:23px; border:none; } #contents ul.history li ul.cont li:first-child { margin-top:0; } #contents ul.history li ul.cont li.mg1 { margin-top:73px; } #contents ul.history li ul.cont li.mg2 { margin-top:8px; } #contents ul.history li ul.cont li.mg3 { margin-top:81px; } #contents ul.history li ul.cont li.mg4 { margin-top:69px; } #contents ul.history li ul.cont li strong { position:absolute; top:0; left:0; } #contents p.intro { margin-top:50px; font-size:34px; color:#009d6b; line-height:43px; text-align:center; } #contents p.intro em { display:block; } #contents p.explain { margin-top:10px; font-size:18px; font-weight:300; color:#444; line-height:27px; text-align:center; } #contents p.explain em { display:block; } #contents p.explain strong { display:block; margin-top:25px; font-size:20px; } #contents p.guide { margin-top:50px; font-size:16px; font-weight:300; color:#444; line-height:30px; } #contents p.guide strong { display:block; margin-bottom:15px; font-size:24px; font-weight:600; color:#333; line-height:38px; } #contents div.greeting { position:relative; margin-top:50px; padding-right:680px; font-size:16px; font-weight:300; color:#444; line-height:30px; } #contents div.greeting span { display:block; margin-bottom:30px; font-size:26px; color:#222; line-height:40px; } #contents div.greeting em { display:block; margin-top:45px; font-size:18px; color:#222; line-height:32px; } #contents div.greeting em img { margin:-15px 0 0 40px; vertical-align:top; } #contents div.greeting div.logo { position:absolute; top:79px; right:0; padding:50px 80px 88px 120px; border-left:1px solid #ccc; } #contents div.vision { overflow:hidden; margin-top:55px; padding:0 30px 60px 30px; font-size:0; line-height:0; text-align:center; background-color:#f9f9f9; } #contents div.vision p.explain { display:inline-block; margin:10px 0 40px 0; padding-bottom:35px; border-bottom:1px solid #ddd; } #contents div.vision img { max-width:100%; } #contents ul.philosophy { overflow:hidden; width:810px; margin:55px auto 0 auto; background:url('../images/company/philosophy_bg.png') no-repeat center top; } #contents ul.philosophy li { float:left; width:220px; padding:295px 25px 0 25px; font-size:14px; font-weight:300; color:#444; line-height:23px; text-align:center; } #contents ul.philosophy li strong { display:block; margin-bottom:110px; font-size:26px; font-weight:600; color:#178e8a; line-height:35px; } #contents ul.tap { overflow:hidden; margin-top:55px; } #contents ul.tap li { float:left; width:427px; } #contents ul.tap li:first-child { width:426px; } #contents ul.tap li.bisection { width:640px; } #contents ul.tap li.quadrisection { width:320px; } #contents ul.tap li a { display:block; padding:1px 1px 0 1px; font-size:18px; color:#666; line-height:53px; text-align:center; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:2px solid #009e75; background-color:#f8f8f8; } #contents ul.tap li a.on, #contents ul.tap li a:hover { padding:0; color:#009e75; border-top:2px solid #009e75; border-left:2px solid #009e75; border-right:2px solid #009e75; border-bottom:2px solid #fff; background-color:#fff; } #contents ul.workplace { overflow:hidden; margin-top:45px; } #contents ul.workplace li { float:left; width:410px; margin-left:25px; font-size:0; line-height:0; } #contents ul.workplace li:first-child { margin-left:0; } #contents ul.workplace li.office1 { width:311px; margin-left:0; } #contents ul.workplace li.office2 { width:311px; margin-left:12px; } #contents ul.workplace li p { margin-top:10px; font-size:16px; font-weight:300; color:#666; line-height:25px; text-align:center; } #contents div.ci { margin-top:25px; padding:40px 0; font-size:0; line-height:0; text-align:center; border:1px solid #e8e8e8; background:url('../images/company/ci_bg.jpg') repeat left top; } #contents div.signature { margin-top:25px; padding:40px 0; font-size:0; line-height:0; border:1px solid #e8e8e8; } #contents div.signature img { margin-left:48px; } #contents ul.palette { overflow:hidden; margin-top:5px; } #contents ul.palette li { float:left; width:303px; height:318px; margin:20px 0 0 20px; border:1px solid #e8e8e8; } #contents ul.palette li.first { margin:20px 0 0 0; } #contents ul.palette li div.logo { font-size:0; line-height:0; text-align:center; } #contents ul.palette li p.color { margin-left:36px; font-size:16px; font-weight:600; color:#666; line-height:23px; } #contents ul.palette li ul.color { margin:25px 0 0 36px; } #contents ul.palette li ul.color li { float:none; width:auto; height:auto; margin:20px 0 0 0; font-size:16px; color:#666; line-height:20px; border:none; } #contents ul.palette li ul.color li span { display:inline-block; width:20px; height:20px; margin-right:10px; vertical-align:top; } #contents ul.palette li ul.color li span.color1 { background-color:#009d6b; font-size:0;} #contents ul.palette li ul.color li span.color2 { background-color:#59c134; font-size:0;} #contents ul.palette li ul.color li span.color3 { background-color:#000; font-size:0;} #contents ul.palette li ul.color li span.color4 { background-color:#a9874a; font-size:0;} #contents ul.palette li ul.color li span.color5 { background-color:#9a9592; font-size:0;} #contents ul.palette li ul.color li span.color6 { background-color:#737372; font-size:0;} #contents ul.affiliate { margin-top:60px; border-top:2px solid #111; } #contents ul.affiliate li { position:relative; padding:40px 40px 40px 490px; border-bottom:1px solid #ccc; } #contents ul.affiliate li div.img { position:absolute; top:30px; left:40px; width:410px; font-size:0; line-height:0; } #contents ul.affiliate li div.img span { display:none; } #contents ul.affiliate li div.img a { position:relative; display:block; margin-top:10px; } #contents ul.affiliate li div.img a:hover span { position:absolute; top:0; left:0; display:block; width:100%; min-height:100%; background-color:rgba(0,158,117,0.6); } #contents ul.affiliate li div.img a:hover span img { position:absolute; top:50%; left:50%; margin:-28px 0 0 -28px; } #contents ul.affiliate li div.name { position:relative; font-size:24px; font-weight:600; color:#111; line-height:43px; } #contents ul.affiliate li div.name a { position:absolute; top:0; right:0; width:196px; font-size:18px; font-weight:600; color:#fdb813; line-height:39px; text-align:center; border:2px solid #fdb813; } #contents ul.affiliate li div.name a:hover { color:#fff; background-color:#fdb813; } #contents ul.affiliate li p.txt { min-height:170px; margin-top:20px; font-size:16px; font-weight:300; color:#444; line-height:25px; } #contents ul.affiliate li p.txt span { display:block; margin-bottom:18px; font-size:18px; font-weight:400; color:#009e75; line-height:27px; } #contents div.overseas {font-size:0; line-height:0; text-align:center; } #contents div.overseas img {width:100%;} #contents div.overseas div.explain {text-align: center; margin-top: 40px; font-size: 20px; color: #444; font-weight: 300; line-height: 27px;} #contents div.overseas div.map1 {position:relative; width:900px; margin: 100px 190px 0 190px; font-size:0; line-height:0;} #contents div.overseas div.map1 em { position:absolute; overflow:hidden; } #contents div.overseas div.map1 em.nigeria { top:111px; left:18px; height:229px; z-index: 9999;} #contents div.overseas div.map1 em.nigeria:hover img { margin-top:-229px; z-index: 9999;} #contents div.overseas div.map1 em.bangladesh { top:20px; left:173px; height:284px; z-index: 9999;} #contents div.overseas div.map1 em.bangladesh:hover img { margin-top:-284px; z-index: 9999;} #contents div.overseas div.map1 em.china { top:0; left:325px; height:231px; z-index: 9999;} #contents div.overseas div.map1 em.china:hover img { margin-top:-231px; z-index: 9999;} #contents div.overseas div.map1 em.russia { top:63px; left:379px; height:154px; z-index: 9999;} #contents div.overseas div.map1 em.russia:hover img { margin-top:-154px; z-index: 9999;} #contents div.overseas div.map1 em.guatemala { top:34px; left:631px; height:304px; z-index: 9999;} #contents div.overseas div.map1 em.guatemala:hover img { margin-top:-304px; z-index: 9999;} #contents div.overseas div.map1 em.ghana { top:326px; left:3px; height:152px; z-index: 9999; } #contents div.overseas div.map1 em.ghana:hover img { margin-top:-152px; z-index: 9999;} #contents div.overseas div.map1 em.angola { top:378px; left:44px; height:150px; z-index: 9999;} #contents div.overseas div.map1 em.angola:hover img { margin-top:-150px; z-index: 9999;} #contents div.overseas div.map1 em.kenya { top:336px; left:145px; height:149px; z-index: 9999;} #contents div.overseas div.map1 em.kenya:hover img { margin-top:-149px; } #contents div.overseas div.map1 em.malaysia { top:340px; left:237px; height:149px; z-index: 99999; } #contents div.overseas div.map1 em.malaysia:hover img { margin-top:-149px; z-index: 99999;} #contents div.overseas div.map1 em.phillippines { top:320px; left:255px; height:236px; z-index: 9999;} #contents div.overseas div.map1 em.phillippines:hover img { margin-top:-236px; z-index: 9999;} #contents div.overseas div.map1 em.micronesia { top:279px; left:455px; height:93px; z-index: 9999;} #contents div.overseas div.map1 em.micronesia:hover img { margin-top:-93px; z-index: 9999;} #contents div.overseas div.map1 em.ecualor { top:345px; left:683px; height:54px; z-index: 9999;} #contents div.overseas div.map1 em.ecualor:hover img { margin-top:-54px; z-index: 9999;} #contents div.overseas div.map1 em.colombia { top:288px; left:761px; height:93px; z-index: 9999;} #contents div.overseas div.map1 em.colombia:hover img { margin-top:-93px; z-index: 9999;} #contents div.overseas div.map1 em.peru { top:394px; left:708px; height:23px; z-index: 9999;} #contents div.overseas div.map1 em.peru:hover img { margin-top:-23px; z-index: 9999;} #contents div.overseas div.map1 em.chile { top:460px; left:728px; height:114px; z-index: 9999;} #contents div.overseas div.map1 em.chile:hover img { margin-top:-114px; z-index: 9999;} #contents div.overseas div.map1 em.argentina { top:472px; left:782px; height:107px; z-index: 9999;} #contents div.overseas div.map1 em.argentina:hover img { margin-top:-107px; z-index: 9999;} #contents div.overseas div.map1 em.bolivia { top:426px; left:795px; height:102px; z-index: 9999;} #contents div.overseas div.map1 em.bolivia:hover img { margin-top:-102px; z-index: 9999;} #contents ul.cement { overflow:hidden; } #contents ul.cement li { float:left; width:610px; margin:60px 0 0 60px; } #contents ul.cement li.first { margin:60px 0 0 0; } #contents ul.cement li a { position:relative; display:block; min-height:245px; padding:20px 20px 20px 310px; border:1px solid #f6f6f6; background-color:#f6f6f6; } #contents ul.cement li a:hover { border:1px solid #009d6b; background-color:#fff; } #contents ul.cement li a:hover div.img span { background-color:#fbba1d; } #contents ul.cement li a div.img { position:absolute; top:20px; left:20px; font-size:0; line-height:0; } #contents ul.cement li a div.img span { display:block; width:120px; margin:20px auto 0 auto; font-size:16px; font-weight:300; color:#fff; line-height:35px; text-align:center; background-color:#b8b7b7; } #contents ul.cement li a p.tit { margin-top:20px; font-size:24px; font-weight:600; color:#222; line-height:29px; } #contents ul.cement li a p.txt { margin-top:15px; font-size:14px; font-weight:300; color:#666; line-height:19px; } #contents div.cement { position:relative; margin-top:60px; padding-left:310px; border-top:1px solid #ccc; } #contents div.cement h3 { position:absolute; top:-1px; left:0; width:233px; margin:0; padding:55px 0 0 27px; font-size:24px; font-weight:300; line-height:33px; text-align:left; border-top:2px solid #009d6b; background:url('../images/product/title_bullet.jpg') no-repeat left 67px; } #contents div.cement h3 span { font-weight:400; color:#009d6b; } #contents div.cement h4 { margin-top:35px; font-size:18px; font-weight:600; color:#333; line-height:27px; } #contents div.cement div.img { margin-top:60px; font-size:0; line-height:0; } #contents div.cement p.txt { margin-top:10px; font-size:16px; font-weight:300; color:#444; line-height:25px; } #contents div.cement p.txt em { display:inline-block; margin-left:38px; vertical-align:top; } #contents div.cement p.txt img { margin:-3px 10px 0 0; vertical-align:top; } #contents div.cement p.site { margin-top:15px; font-size:18px; font-weight:300; color:#277f68; line-height:37px; } #contents div.cement p.site img { vertical-align:top; } #contents div.cement p.site a { display:inline-block; margin-left:20px; color:#277f68; line-height:37px; vertical-align:top; } #contents div.cement p.site a:hover { text-decoration:underline; } #contents ul.physical { overflow:hidden; } #contents ul.physical li { float:left; width:475px; margin-left:20px; } #contents ul.physical li:first-child { margin-left:0; } #contents ul.bullet { margin-top:10px; } #contents ul.bullet li { margin-top:5px; padding-left:13px; font-size:16px; font-weight:300; color:#666; line-height:25px; background:url('../images/product/bullet.jpg') no-repeat left 12px; } #contents ul.bullet2 { margin-top:30px; } #contents ul.bullet2 li { margin-top:5px; padding-left:13px; font-size:16px; font-weight:300; color:#333; line-height:25px; background:url('../images/product/bullet.jpg') no-repeat left 12px; background-size:5px 1px; } #contents div.border { margin-top:60px; padding:0 59px 60px 59px; border:1px solid #69c6ae; } #contents div.process { position:relative; width:1000px; margin:60px auto 0 auto; font-size:0; line-height:0; } #contents div.process img { max-width:100%; } #contents div.process div.more1 { position:absolute; top:96px; left:510px; } #contents div.process div.more2 { position:absolute; top:230px; left:801px; } #contents div.process div.more3 { position:absolute; top:380px; left:590px; } #contents div.process div.more4 { position:absolute; top:250px; left:0; } #contents div.process div.more5 { position:absolute; top:666px; left:530px; } #contents div.process div.more1:hover div.cont, #contents div.process div.more2:hover div.cont, #contents div.process div.more3:hover div.cont, #contents div.process div.more4:hover div.cont, #contents div.process div.more5:hover div.cont { display:block; } #contents div.process div.more1:hover a.more, #contents div.process div.more2:hover a.more, #contents div.process div.more3:hover a.more, #contents div.process div.more4:hover a.more, #contents div.process div.more5:hover a.more { display:none; } #contents div.process div.cont { display:none; position:relative; width:260px; font-size:16px; font-weight:600; color:#fff; line-height:25px; text-align:center; background-color:#fac300; box-shadow:0 5px 10px rgba(0,0,0,0.2); } #contents div.process div.cont a { display:block; padding:20px 0; color:#fff; line-height:25px; } #contents div.process div.cont a span { line-height:50px; vertical-align:top; } #contents div.process div.cont a.close { position:absolute; top:-20px; right:0; } #contents ul.process { overflow:hidden; margin-top:55px; } #contents ul.process li { float:left; overflow:hidden; width:216px; height:152px; margin-left:20px; font-size:0; line-height:0; text-align:center; } #contents ul.process li:first-child { margin-left:0; } #contents ul.process li.on img, #contents ul.process li:hover img { margin-top:-152px; } #contents ul.news { overflow:hidden; margin-top:55px; padding:20px 0 60px 0; border-top:2px solid #000; border-bottom:1px solid #ddd; } #contents ul.news li { float:left; position:relative; width:580px; min-height:150px; margin:40px 0 0 120px; } #contents ul.news li.first { margin:40px 0 0 0; } #contents ul.news li a { display:block; padding-left:260px; } #contents ul.news li a:hover p.tit { color:#009e75; text-decoration:underline; } #contents ul.news li div.img { position:absolute; top:0; left:0; font-size:0; line-height:0; } #contents ul.news li p.tit { overflow:hidden; height:85px; margin-top:10px; font-size:18px; color:#333; line-height:27px; } #contents ul.news li p.date { position:relative; margin-top:28px; font-size:16px; font-weight:300; color:#009e75; line-height:25px; text-align:right; } #contents ul.news li p.date em { position:absolute; top:0; left:0; color:#666; } #contents ul.community { overflow:hidden; margin-top:30px; padding-top:5px; border-top:2px solid #000; } #contents ul.community li { float:left; width:380px; margin:55px 0 0 70px; } #contents ul.community li.first { margin:55px 0 0 0; } #contents ul.community li a { display:block; } #contents ul.community li a:hover p.tit { color:#009e75; text-decoration:underline; } #contents ul.community li div.img { font-size:0; line-height:0; } #contents ul.community li div.img img { width:100%; height: auto;} #contents ul.community li p.tit { overflow:hidden; height:54px; margin-top:15px; font-size:18px; color:#333; line-height:27px; } #contents ul.community li p.date { margin-top:20px; font-size:18px; color:#888; line-height:25px; } #contents div.search { position:relative; margin-top:55px; font-size:0; line-height:0; text-align:right; } #contents div.search em { position:absolute; top:0; left:0; font-size:16px; color:#444; line-height:45px; } #contents div.search span { font-weight:600; color:#009e75; } #contents div.search select { width:140px; height:45px; padding-left:10px; font-size:16px; font-weight:300; color:#666; border:1px solid #d5d5d5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } #contents div.search input { width:210px; height:45px; margin-left:10px; padding-left:10px; font-size:16px; font-weight:300; color:#666; border:1px solid #d5d5d5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } #contents div.search a { display:inline-block; width:80px; margin-left:10px; font-size:16px; font-weight:600; color:#fff; line-height:45px; text-align:center; background-color:#009e75; } #contents div.paging { margin-top:60px; font-size:0; line-height:0; text-align:center; } #contents div.paging a { display:inline-block; width:30px; margin:0 1px; font-size:16px; color:#666; line-height:30px; text-align:center; border:1px solid #d5d5d5; } #contents div.paging a img { vertical-align:top; } #contents div.paging a.on, #contents div.paging a:hover { color:#fff; border:1px solid #009e75; background-color:#009e75; } #contents div.title { position:relative; margin-top:55px; padding:25px 0; font-size:16px; font-weight:300; color:#888; line-height:25px; text-align:right; border-top:2px solid #000; border-bottom:1px solid #ddd; } #contents div.title span { margin-right:40px; color:#333; vertical-align:top; } #contents div.title em { margin:0 10px; font-size:13px; color:#aaa; line-height:24px; vertical-align:top; } #contents div.title strong { position:absolute; top:25px; left:40px; font-size:18px; font-weight:600; color:#333; line-height:25px; } #contents div.view { padding-bottom:20px; font-size:0; line-height:0; text-align:center; border-bottom:2px solid #000; } #contents div.view img { max-width:100%; margin-top:30px; } #contents div.view p { margin:20px 40px 0 40px; font-size:16px; font-weight:300; color:#333; line-height:35px; text-align:left; } #contents div.list-btn { margin-top:30px; text-align:right; } #contents div.list-btn a { display:inline-block; padding:0 20px; font-size:16px; color:#666; line-height:45px; border:1px solid #ddd; } #contents div.list-btn a img { margin:17px 10px 0 0; vertical-align:top; } #contents div.list-btn a:hover { border:1px solid #009e75; } #contents ul.post { margin-top:30px; border-top:1px solid #ddd; } #contents ul.post li { position:relative; padding-left:200px; border-bottom:1px solid #ddd; } #contents ul.post li div { position:absolute; top:0; left:0; width:200px; font-size:16px; font-weight:300; color:#666; line-height:55px; text-align:center; background-color:#f7f7f7; } #contents ul.post li a { display:block; padding:15px 0 15px 30px; font-size:16px; font-weight:300; color:#333; line-height:25px; } #contents ul.post li a:hover { color:#009e75; text-decoration:underline; } #contents div.reward { margin-top:55px; padding:60px; font-size:0; line-height:0; text-align:center; border:1px solid #ddd; } #contents div.reward img { max-width:100%; } #contents ul.recruit { margin-top:25px; border-top:2px solid #000; } #contents ul.recruit li { padding:35px 40px; border-bottom:1px solid #ddd; } #contents ul.recruit li p.tit { font-size:20px; color:#333; line-height:29px; } #contents ul.recruit li div.img { margin-top:35px; font-size:0; line-height:0; } #contents ul.recruit li div.img img { max-width:100%; } #contents ul.recruit li ul.bullet { margin-top:15px; } #contents ul.recruit li ul.bullet li { padding:0 0 0 13px; border-bottom:none; } #contents ul.guide { margin-top:25px; border-top:2px solid #000; } #contents ul.guide li { border-bottom:1px solid #ddd; } #contents ul.guide li a { display:block; position:relative; padding-left:40px; font-size:18px; color:#333; line-height:77px; } #contents ul.guide li a:hover { color:#009e75; text-decoration:underline; } #contents ul.guide li a strong { display:inline-block; width:60px; font-weight:600; color:#666; } #contents ul.guide li a em { position:absolute; top:0; right:40px; font-weight:300; color:#888; } #contents ul.welfare { overflow:hidden; margin-top:25px; border-top:2px solid #000; } #contents ul.welfare li { float:left; position:relative; width:280px; min-height:240px; padding:55px 60px 55px 300px; border-bottom:1px solid #ddd; } #contents ul.welfare li div.icon { position:absolute; top:55px; left:0; width:300px; font-size:0; line-height:0; text-align:center; } #contents ul.welfare li div.icon p { margin-bottom:25px; font-size:20px; font-weight:600; color:#009e75; line-height:29px; } #contents ul.welfare li ul.cont li { float:none; min-height:0; padding:0 0 0 15px; font-size:16px; color:#333; line-height:30px; border-bottom:none; background:url('../images/pr/bullet.png') no-repeat left 13px; } #contents ul.welfare li ul.cont li em { color:#666; } #contents div.nurture { margin-top:25px; border:1px solid #ddd; background:url('../images/pr/nurture_bg.png') no-repeat center 95px; } #contents ul.nurture { overflow:hidden; margin-top:65px; } #contents ul.nurture li { float:left; width:280px; height:190px; margin:0 260px 0 99px; text-align:right; } #contents ul.nurture li.right { width:280px; margin:0 99px 0 260px; text-align:left; } #contents ul.nurture li p.tit { font-size:20px; font-weight:600; color:#333; line-height:29px; } #contents ul.nurture li p.txt { margin-top:5px; font-size:14px; color:#666; line-height:23px; } #contents ul.safety { overflow:hidden; width:1160px; margin:15px auto 0 auto; } #contents ul.safety li { float:left; position:relative; width:540px; margin:40px 20px 0 20px; } #contents ul.safety li a { display:block; } #contents ul.safety li h3 { position:absolute; top:0; left:50%; width:142px; height:174px; margin:0 0 0 -101px; padding:28px 30px 0 30px; font-size:22px; color:#fff; line-height:31px; background:url('../images/management/polygon_bg.png') no-repeat center top; } #contents ul.safety li h3 a{ position:absolute; top:0; left:50%; width:142px; height:174px; margin:0 0 0 -101px; padding:28px 30px 0 30px; font-size:22px; color:#fff; line-height:31px; background:url('../images/management/polygon_bg.png') no-repeat center top; } #contents ul.safety li h3.two { padding:44px 30px 0 30px; } #contents ul.safety li h3.two a{ padding:44px 30px 0 30px; } #contents ul.safety li p { min-height:155px; margin-top:75px; padding:105px 70px 0 70px; font-size:18px; font-weight:300; color:#666; line-height:27px; text-align:center; border:10px solid #eee; } #contents div.element { margin-top:60px; padding:60px; font-size:0; line-height:0; text-align:center; background-color:#f6f6f6; } #contents div.element img { max-width:100%; } #contents ul.certificate { overflow:hidden; width:840px; margin:55px auto 0 auto; } #contents ul.certificate li { float:left; width:300px; margin:0 60px 40px 60px; } #contents ul.certificate li div.img { padding:4px; font-size:0; line-height:0; border:1px solid #ccc; } #contents ul.certificate li p { margin-top:15px; font-size:16px; color:#666; line-height:25px; text-align:center; } #contents ul.certificate li a { display:block; width:200px; margin:15px auto 0 auto; font-size:16px; color:#fdb813; line-height:41px; text-align:center; border:2px solid #fdb813; } #contents ul.certificate li a:hover { color:#fff; background-color:#fdb813; } #contents div.education { margin-top:85px; padding-top:40px; border-top:1px solid #ccc; } #contents div.education div.img { font-size:0; line-height:0; } #contents div.education div.img img { max-width:100%; } #contents div.education div.slide { position:relative; margin-top:32px; padding:0 104px 0 87px; font-size:0; line-height:0; } #contents div.education div.slide em { position:absolute; top:0; left:0; font-size:16px; color:#666; line-height:18px; } #contents div.education div.slide span { font-weight:600; color:#333; } #contents div.education div.slide a { display:inline-block; width:25%; height:2px; margin:8px 0; font-size:0; line-height:0; background-color:#e5e5e5; } #contents div.education div.slide a.on, #contents div.education div.slide a:hover { background-color:#009e75; } #contents div.education div.slide div.btn { position:absolute; top:0; right:0; overflow:hidden; height:18px; } #contents div.education div.slide div.btn a { width:auto; height:auto; margin:0 0 0 40px; background:none; } #contents div.education div.slide div.btn a:hover img { margin-top:-18px; } #contents ul.contribution { overflow:hidden; margin-top:55px; } #contents ul.contribution li { float:left; position:relative; width:50%; font-size:0; line-height:0; } #contents ul.contribution li.right { float:right; } #contents ul.contribution li img { width:100%; } #contents ul.contribution li div.cont { position:absolute; top:0; left:0; width:100%; min-height:100%; background-color:rgba(0,0,0,0.7); } #contents ul.contribution li div.cont p.tit { margin:145px 0 0 50px; font-size:24px; font-weight:600; color:#fff; line-height:33px; } #contents ul.contribution li div.cont p.txt { margin:10px 150px 0 50px; font-size:15px; font-weight:300; color:#fff; line-height:24px; } #contents ul.build { overflow:hidden; padding-bottom:40px; } #contents ul.build li { float:left; position:relative; width:50%; margin-top:60px; font-size:0; line-height:0; } #contents ul.build li.right { float:right; } #contents ul.build li.right p.tit { margin-top:118px; } #contents ul.build li.img1 { text-align:right; } #contents ul.build li.img1 div.point { position:absolute; bottom:-60px; left:0; } #contents ul.build li.img2 div.point { position:absolute; bottom:-40px; right:0; } #contents ul.build li p.tit { margin:55px 60px 0 0; padding-left:90px; font-size:30px; font-weight:600; color:#189c76; line-height:39px; background:url('../images/management/build_line.jpg') no-repeat left 7px; } #contents ul.build li p.txt { margin:20px 60px 0 90px; font-size:16px; font-weight:300; color:#444; line-height:30px; } #contents ul.status { margin-top:40px; } #contents ul.status li { position:relative; padding-right:244px; } #contents ul.status li:first-child div.subject { border-top:2px solid #000; } #contents ul.status li div.subject { border-bottom:1px solid #ccc; background:url('../images/pr/bullet.png') no-repeat 25px 23px; } #contents ul.status li div.subject a { display:block; padding:12px 0 12px 45px; font-size:18px; color:#666; line-height:27px; background:url('../images/management/status_arrow.png') no-repeat right top; } #contents ul.status li div.subject select{color: #009e75; display: block;font-size: 18px; padding: 12px 0 12px 45px; line-height: 27px; width: 100%; height: auto; border: 0; -webkit-appearance: none; background: url(../images/management/status_arrow.png) no-repeat right top;} #contents ul.status li div.subject::-ms-expand { display: none; } #contents ul.status li div.subject a:hover { color:#009e75; background:url('../images/management/status_arrow.png') no-repeat right -51px; } #contents ul.status li div.btn { position:absolute; top:3px; right:0; } #contents ul.status li div.btn a { display:block; width:200px; font-size:18px; font-weight:600; color:#009e75; line-height:43px; text-align:center; border:2px solid #009e75; } #contents ul.status li div.btn a:hover { color:#fff; background-color:#009e75; } #contents div.job { position:relative; margin-top:55px; padding:90px 90px 90px 90px; background-color:#4da78a; } #contents div.job p.subject { margin-right:350px; font-size:130px; font-weight:800; color:#fff; line-height:159px; } #contents div.job div.logo { position:absolute; top:66px; right:90px; font-size:0; line-height:0; } #contents div.job div.logo img { height:130px; } #contents div.job div.character { margin-top:-185px; padding-right:35px; font-size:0; line-height:0; text-align:right; } #contents div.job div.box { overflow:hidden; margin-top:-35px; padding:90px; border-radius:30px; border:4px solid #000; background-color:#fff; } #contents div.job div.box p.talent { margin:-90px -90px 0 -90px; padding:75px 90px 55px 90px; font-size:40px; font-weight:600; color:#111; line-height:49px; background-color:#f3f1f2; } #contents div.job div.box h3 { margin-top:90px; padding:0; font-size:36px; font-weight:600; color:#111; line-height:45px; text-align:left; border-bottom:4px solid #000; background:none; } #contents div.job div.box h3 span { display:inline-block; width:210px; margin-bottom:-4px; padding-top:30px; text-align:center; vertical-align:top; border-top-left-radius:30px; border-top-right-radius:30px; border-top:4px solid #000; border-left:4px solid #000; border-right:4px solid #000; border-bottom:4px solid #fff; } #contents div.job div.box ul.bullet { margin:45px 0 0 43px; } #contents div.job div.box ul.bullet li { padding-left:15px; font-size:20px; font-weight:400; color:#333; line-height:29px; background:url('../images/pr/bullet.png') no-repeat left 12px; } #contents div.job div.box ul.bullet li:first-child { margin-top:0; } #contents div.job div.box table ul.bullet { margin:0; } #contents div.job div.box div.btn { width:200px; margin:55px auto 0 auto; font-size:0; line-height:0; } #contents div.job div.box div.btn a { display:block; font-size:20px; font-weight:600; color:#111; line-height:53px; text-align:center; border-radius:10px; border:4px solid #009e75; } #contents div.job div.box div.btn a:hover { color:#fff; background-color:#009e75; } #contents ul.support { margin:50px 0 0 43px; } #contents ul.support li { position:relative; margin-top:30px; padding-left:170px; font-size:20px; color:#333; line-height:45px; } #contents ul.support li a { color:#333; line-height:45px; vertical-align:top; } #contents ul.support li div { position:absolute; top:0; left:0; width:131px; font-weight:600; color:#fff; line-height:45px; text-align:center; border-radius:10px; background-color:#111; } #contents ul.support li ul { overflow:hidden; } #contents ul.support li ul li { float:left; margin:0; padding:0; width:116px; line-height:41px; text-align:center; border-radius:10px; border:2px solid #111; } #contents ul.support li ul li.arrow { width:45px; padding:14px 0; font-size:0; line-height:0; border:none; } #contents div.policy { margin-top:55px; padding:35px 40px; font-size:16px; color:#444; line-height:30px; background-color:#f4f2f9; } #contents p.policy { margin-top:30px; font-size:16px; font-weight:300; color:#333; line-height:25px; } #contents ul.policy { margin-top:30px; } #contents ul.policy li { margin-top:10px; font-size:16px; font-weight:300; color:#333; line-height:25px; } #contents ul.policy li p.cont { margin:10px 0 0 15px; font-size:14px; line-height:23px; } #contents ul.article { overflow:hidden; margin-top:35px; padding:25px 0; border-top:2px solid #111; border-bottom:1px solid #ddd; } #contents ul.article li { float:left; width:50%; } #contents ul.article li a { display:block; padding:10px 0 10px 40px; font-size:18px; color:#333; line-height:27px; } #contents div.reason { position:relative; margin-top:55px; padding:35px 40px; font-size:16px; font-weight:300; color:#333; line-height:30px; border:1px solid #333; } #contents div.reason span { position:absolute; top:-30px; left:50%; margin-left:-205px; padding:15px 20px; font-size:18px; line-height:27px; border:1px solid #333; background-color:#f5f5f5; } #contents div.Inq {border-top: 1px solid #000; border-bottom: 1px solid #ddd; height: 149px; margin-top: 44px;} #contents div.Inq p.tit {padding: 2% 0 0 0; font-size: 20px; color: #333; line-height: 29px; margin: 0 2%;} #contents div.Inq div.guide {margin: 2% 2%; font-size: 16px; font-weight: 300; color: #444; line-height: 30px; display: inline-block;} #contents div.Inq div.guide img {float: left;} #contents div.Inq div.guide span {margin-left: 10px;} #contents div.technology { margin:0 50px; } #contents div.data { overflow:hidden; margin-top:25px; } #contents div.data ul { float:left; width:540px; margin-left:100px; border-top:2px solid #000; } #contents div.data ul:first-child { margin-left:0; } #contents div.data ul li { border-bottom:1px solid #ddd; padding: 25px 0;} #contents div.data ul li strong {font-weight: 600; color: #009e75; position: absolute; font-size: 10px; margin: 7px 0 0 25px;} #contents div.data ul li a {display: block; position: relative; padding-left: 57px; font-size: 18px; color: #333;} #contents div.data ul li a:hover { color:#009e75; text-decoration:underline; } /* footer */ #footer { width:100%; background-color:#0f181f; } #footer div.wrap { overflow:hidden; padding:40px 0 35px 0;} #footer div.flogo { font-size:0; line-height:0; text-align:center; } #footer ul.add { overflow:hidden; margin-top:35px; } #footer ul.add li { position:relative; float:left; margin-left:50px; padding-left:115px; font-size:16px; font-weight:300; color:#7d858c; line-height:25px; } #footer ul.add li:first-child { margin:0; } #footer ul.add li strong { position:absolute; top:0; left:0; font-weight:600; color:#b1b5b8; } #footer div.family { position:absolute; bottom:40px; right:100px; width:230px; margin-top:35px; border:1px solid #67696c; background:url('../images/common/family_arrow.png') no-repeat 190px 14px #4b5257; } #footer div.family a { display:block; font-size:14px; font-weight:300; color:#fff; line-height:33px; text-align:center; } #footer div.fmenu { margin-top:30px; font-size:0; line-height:0; text-align:center; } #footer div.fmenu a { display:inline; margin-left:10px; padding-left:11px; font-size:14px; color:#85bdbb; line-height:23px; background:url('../images/common/fmenu_line.jpg') no-repeat left 5px; } #footer div.fmenu a:first-child { margin-left:0; padding-left:0; background:none; } #footer address { font-size:14px; font-style:normal; font-weight:300; color:#545e66; line-height:21px; text-align:center; } #footer ul#fsiteList {overflow: auto; max-height: 200px; position: absolute; width: 232px; bottom: 38px; background: #4b5257; border: 1px solid #67696c; font-size: 14px;} #footer ul#fsiteList li {padding: 4px 0;} #footer ul#fsiteList li a:hover {background: #fff; color: #333; font-weight:600;} /* expand */ #expand { position:fixed; top:0; left:0; width:100%; min-height:100%; background-color:rgba(75,75,75,0.7); z-index:9999; } #expand div.close { width:1200px; margin:50px auto 0 auto; font-size:0; line-height:0; text-align:right; } #expand div.close2 { width:490px; margin:50px auto 0 auto; font-size:0; line-height:0; text-align:right; } #expand div.img { overflow:hidden; position:relative; width:1160px; margin:10px auto 0 auto; padding:20px; border-radius:10px; background-color:#fff; box-shadow:0 10px 20px rgba(0,0,0,0.3); } #expand div.certificate { overflow:hidden; position:relative; width:450px; margin:10px auto 0 auto; padding:20px; border-radius:10px; background-color:#fff; box-shadow:0 10px 20px rgba(0,0,0,0.3); } /* popup */ #popup { position:fixed; top:0; left:0; width:100%; min-height:100%; background-color:rgba(75,75,75,0.7); z-index:9999; } #popup div.box { overflow:hidden; position:relative; width:980px; margin:110px auto 0 auto; padding:50px; border-radius:10px; background-color:#fff; box-shadow:0 10px 20px rgba(0,0,0,0.3); } #popup div.close { position:absolute; top:30px; right:50px; font-size:0; line-height:0; } #popup div.img { float:left; width:500px; font-size:0; line-height:0; text-align:center; } #popup div.img img { max-width:500px; max-height:400px; } #popup div.img div.tap { margin-top:25px; } #popup div.img div.tap a { display:inline-block; margin:0 5px; padding-bottom:6px; font-size:16px; font-weight:300;color:#fbba1d; line-height:25px; } #popup div.img div.tap a.on, #popup div.img div.tap a:hover { padding-bottom:5px; border-bottom:1px solid #fbba1d; } #popup div.cont { float:right; width:440px; } #popup div.cont p.tit { width:100%; margin-top:25px; font-size:35px; font-weight:600; color:#298658; line-height:44px; text-align:center; } #popup div.cont p.tit span { display:inline-block; padding-bottom:8px; border-bottom:1px solid #288253; } #popup div.cont p.txt { margin-top:30px; padding:15px 20px; font-size:14px; font-weight:300; color:#444; line-height:21px; border-radius:10px; background-color:#f4f4f4; } @media screen and (max-width:1280px) { .wrap { margin:0 auto; width:auto; } .wrap2 { margin:0 auto; width:980px; } #header div.language { margin:43px 30px 0 0; } #gnb { padding-left:37px;} #gnb li { margin-left:40px; font-size:18px; } #gnb li ul { width:100%; padding:10px 0; } #gnb li ul li { font-size:14px; } #gnb li ul li a { line-height:23px; } #gnb li.company ul { margin-left:0; } #gnb li.product ul { margin-left:105px; } #gnb li.management ul { margin-left:226px; } #gnb li.pr ul { margin-left:347px; } #gnb li.customer ul { margin-left:452px; } #sitemap ul.sitemap li { margin-left:60px; } #sitemap ul.sitemap li:first-child { margin-left:0; } #main div.wrap { width:auto; } .Location ul li a { padding-left:30px; } .Location ul li.depth-first { width:320px; } .Location ul li.depth-first a { padding-left:70px; background:url('../images/common/home_icon.png') no-repeat 30px 20px; } .Location ul li.depth-middle { width:330px; background:url('../images/common/home_arrow1.png') no-repeat 279px 20px #ddd; } .Location ul li.depth-last { width:330px; background:url('../images/common/home_arrow2.png') no-repeat 279px 20px #009e75; } #contents { width:980px; } #contents div.company p.tit { margin:55px 50px 0 50px; } #contents div.company p.txt { margin:50px 50px 55px 50px; } #contents ul.outline { width:900px; } #contents ul.outline li { width:260px; padding:35px 10px 40px 10px; } #contents ul.outline li p.tit { font-size:20px; line-height:29px; } #contents ul.outline li p.txt { height:58px; font-size:24px; line-height:29px; } #contents ul.outline li p.txt em { font-size:18px; line-height:27px; } #contents ul.history li { position:relative; padding:95px 0 115px 0; } #contents ul.history li div.year { float:none; position:absolute; top:115px; left:0; } #contents ul.history li ul.cont { float:none; width:auto; margin-left:360px; } #contents ul.history li ul.cont li { margin-top:20px; } #contents ul.history li ul.cont li:first-child { margin-top:20px; } #contents ul.history li ul.cont li.mg1 { margin-top:20px; } #contents ul.history li ul.cont li.mg2 { margin-top:20px; } #contents ul.history li ul.cont li.mg3 { margin-top:20px; } #contents ul.history li ul.cont li.mg4 { margin-top:20px; } #contents div.greeting { padding-right:500px; } #contents div.greeting div.logo { padding:50px 0 88px 60px; } #contents ul.tap li { width:327px; } #contents ul.tap li:first-child { width:326px; } #contents ul.tap li.bisection { width:490px; } #contents ul.tap li.quadrisection { width:245px; } #contents ul.tap li a { font-size:16px; } #contents ul.workplace li { width:32%; margin-left:2%; } #contents ul.workplace li.office1 { width:23.5%; margin-left:0; } #contents ul.workplace li.office2 { width:23.5%; margin-left:2%; } #contents ul.workplace li img { width:100%; } #contents div.signature img { width:44%; margin-left:40px; } #contents ul.palette li { width:228px; height:280px; } #contents ul.palette li div.logo img { max-width:100%; } #contents ul.palette li p.color { margin-left:20px; } #contents ul.palette li ul.color { margin:25px 0 0 20px; } #contents ul.palette li ul.color li { font-size:14px; } #contents ul.affiliate li { padding:40px 0 40px 420px; } #contents ul.affiliate li div.img { left:0; width:380px; } #contents ul.affiliate li div.img img { width:100%; } #contents ul.affiliate li div.img a:hover span img { position:absolute; top:50%; left:50%; width:56px; margin:-28px 0 0 -28px; } #contents ul.cement li { float:none; width:auto; margin:60px 0 0 0; } #contents div.cement { padding-left:260px; } #contents div.cement div.img img { max-width:100%; } #contents div.cement p.txt em { display:block; margin:10px 0 0 0; } #contents ul.physical li { float:none; width:100%; margin:20px 0 0 0; } #contents ul.physical li:first-child { margin:15px 0 0 0; } #contents div.process { width:860px; } #contents div.process div.more1 { top:76px; left:440px; } #contents div.process div.more2 { top:190px; left:685px; } #contents div.process div.more3 { top:320px; left:505px; } #contents div.process div.more4 { top:200px; left:0; } #contents div.process div.more5 { top:575px; left:455px; } #contents ul.process li { width:18.8%; height:114px; margin-left:1.5%; } #contents ul.process li img { max-width:100%; } #contents ul.process li.on img, #contents ul.process li:hover img { margin-top:-114px; } #contents ul.news li { width:470px; margin:40px 0 0 40px; } #contents ul.community li { width:32%; margin:55px 0 0 2%; } #contents div.title span { margin-right:30px; } #contents div.title strong { left:0; } #contents div.view p { margin:20px 0 0 0; } #contents ul.welfare li { width:240px; padding:55px 0 55px 250px; } #contents ul.welfare li div.icon { width:250px; } #contents div.nurture { margin-top:0; border:none; background:none; } #contents ul.nurture { margin-top:25px; border-top:2px solid #000; } #contents ul.nurture li { float:none; width:auto; height:auto; margin:0; padding:35px 40px; text-align:left; border-bottom:1px solid #ddd; } #contents ul.nurture li.right { width:auto; margin:0; } #contents ul.nurture li p.txt { margin-top:15px; } #contents ul.safety { width:100%; } #contents ul.safety li { width:46%; margin:40px 2% 0 2%; } #contents ul.safety li p { padding:105px 20px 0 20px; } #contents ul.contribution li div.cont p.tit { margin:100px 0 0 30px; } #contents ul.contribution li div.cont p.txt { margin:10px 30px 0 30px; } #contents ul.build li.right p.tit { margin-top:95px; } #contents ul.build li img { width:80%; } #contents ul.build li p.tit { margin:55px 0 0 0; } #contents ul.build li p.txt { margin:20px 0 0 90px; } #contents div.technology { margin:0; } #contents div.data ul { width:465px; margin-left:50px; } #footer div.foot { width:390px; } #footer div.foot ul.add { margin-top:35px; } #footer div.foot ul.add li { padding-left:100px; font-size:14px; line-height:23px; } #footer div.foot div.fmenu a { font-size:13px; line-height:22px; } #footer div.foot address { font-size:13px; line-height:20px; } #footer ul.sitemap li { margin-left:25px; } #footer ul.sitemap li div.m-menu { font-size:16px; line-height:25px; } #footer ul.sitemap li ul.s-menu { margin-top:27px; } #footer ul.sitemap li ul.s-menu li a { font-size:14px; line-height:28px; } #footer ul.add li {margin-left: 15px; padding-left: 93px;} #expand div.close { width:980px; } #expand div.img { width:940px; } #expand div.img img { width:100%; height: auto;} #popup div.box { width:880px; } #popup div.img { width:400px; margin-top:15px; } } @media screen and (max-width:1130px) { #footer div.flogo { display:none; } #footer ul.add { margin-top:0; } #footer ul.add li { float:none; margin:5px 0 0 0; padding-left:100px; } #footer ul.add li strong { position:absolute; top:0; left:0; } #footer div.family { position:static; width:auto; margin-top:25px; background:url('../images/mobile/family_arrow.png') no-repeat 95% 13px #4b5257; background-size:auto 7px; } #footer div.fmenu { margin-top:25px; text-align:center; } #footer address { text-align:center; } #footer ul.sitemap { display:none; } #footer ul#fsiteList {width: 100%; bottom: 141px;} } @media screen and (max-width:1100px) { #gnb {padding-left: 120px;} } @media screen and (max-width:980px) { .wrap { margin:0 auto; width:auto !important; } .wrap2 { margin:0 auto; width:750px; } #header { height:auto; } #header h1 { position:static; float:none; margin:19px 0; text-align:center; } #header div.language { float:none; position:absolute; top:21px; right:0; margin:0; } #header div.language a { text-decoration:underline; } #header div.language a img { display:none; } #header div.sitemap { display:none; } #header div.side { display:block; position:absolute; top:26px; left:0; } #header div.side img { height:20px; } #gnb { display:none; } .Location ul li.depth-first { width:250px; } .Location ul li.depth-middle { width:250px; background:url('../images/common/home_arrow1.png') no-repeat 199px 20px #ddd; } .Location ul li.depth-last { width:250px; background:url('../images/common/home_arrow2.png') no-repeat 199px 20px #009e75; } #contents { width:750px; } #contents div.company p.tit { margin:55px 30px 0 30px; } #contents div.company p.txt { margin:50px 30px 55px 30px; } #contents ul.outline { width:auto; margin:45px 20px -20px 20px; } #contents ul.outline li { float:none; width:auto; } #contents ul.outline li p.txt { height:auto; margin:20px 0 0 0; } #contents ul.outline li p.txt em.top { margin-top:0; } #contents ul.history li ul.cont { margin-left:260px; } #contents p.intro em { display:inline; } #contents p.explain em { display:inline; } #contents div.greeting { padding-right:0; } #contents div.greeting div.logo { display:none; } #contents ul.philosophy { width:750px; background-size:100%; } #contents ul.philosophy li { width:200px; } #contents ul.tap li { width:250px; } #contents ul.tap li:first-child { width:250px; } #contents ul.tap li.bisection { width:375px; } #contents ul.tap li.quadrisection { width:187.5px; } #contents div.signature img { width:44%; margin-left:30px; } #contents ul.palette li { width:172px; height:270px; margin:20px 0 0 18px; } #contents ul.affiliate li { padding:40px 0; } #contents ul.affiliate li div.img { position:static; width:100%; margin-top:30px; } #contents div.border { padding:0 30px 30px 30px; } #contents div.process { width:690px; } #contents div.process div.more1 { top:55px; left:355px; } #contents div.process div.more2 { top:140px; left:540px; } #contents div.process div.more3 { top:250px; left:405px; } #contents div.process div.more4 { top:150px; left:0; } #contents div.process div.more5 { top:455px; left:365px; } #contents ul.process li { width:18.8%; height:91px; margin-left:1.5%; } #contents ul.process li img { max-width:100%; } #contents ul.process li.on img, #contents ul.process li:hover img { margin-top:-91px; } #contents ul.news li { overflow:hidden; float:none; width:auto; margin:40px 0 0 0; } #contents div.title { text-align:left; } #contents div.title strong { position:static; display:block; margin-bottom:5px; } #contents ul.welfare li { float:none; width:auto; min-height:144px; } #contents ul.safety li { overflow:hidden; float:none; width:auto; margin:40px 0 0 0; } #contents ul.safety li p { min-height:0; padding:105px 20px 40px 20px; } #contents ul.certificate { width:740px; } #contents ul.certificate li { margin:0 35px; } #contents ul.contribution li div.cont p.tit { margin:40px 0 0 30px; } #contents ul.build { padding-bottom:0; } #contents ul.build li { float:none; width:100%; margin-top:60px; } #contents ul.build li.right { float:none; } #contents ul.build li.right p.tit { margin-top:55px; } #contents ul.build li img { width:100%; } #contents ul.build li.img1 div.point { display:none; } #contents ul.build li.img2 div.point { display:none; } #contents ul.build li p.tit { margin:55px 0 0 0; } #contents ul.build li p.txt { margin:20px 0 0 90px; } #contents ul.status li { padding-right:0; } #contents ul.status li div.subject { border-bottom:none; } #contents ul.status li div.btn { position:static; } #contents ul.status li div.btn a { width:auto; } #contents ul.status li div.subject select {font-size: 14px;} #contents div.data ul { float:none; width:100%; margin:0; border-top:none; } #contents div.data ul:first-child { border-top:2px solid #000; } #contents div.data ul li strong {margin: 13px 0 0 25px;} #footer div.flogo { display:none; } #footer ul.add { margin-top:0; } #footer ul.add li { float:none; margin:5px 0 0 0; padding-left:100px; } #footer ul.add li strong { position:absolute; top:0; left:0; } #footer div.family { position:static; width:auto; margin-top:25px; background:url('../images/mobile/family_arrow.png') no-repeat 95% 13px #4b5257; background-size:auto 7px; } #footer div.fmenu { margin-top:25px; text-align:left; } #footer address { text-align:left; } #footer ul.sitemap { display:none; } #expand div.close { width:750px; } #expand div.img { width:710px; } #popup div.box { width:650px; margin:50px auto 0 auto; } #popup div.img { float:none; width:100%; margin-top:30px; } #popup div.cont { float:none; width:100%; } #popup div.cont p.tit { margin-top:0; } } @media screen and (max-width:768px) { .wrap { width:auto; margin:0 20px; } .wrap2 { width:auto; margin:0; } #header h1 { margin:10px 0; } #header h1 img { height:50px; } #header div.language { top:15px; } #header div.language a { line-height:20px; } #header div.sitemap { display:none; } #header div.side { top:15px; left:0; } #header div.side img { height:20px; } #sub1 { height:145px; padding-top:55px; } #sub2 { height:145px; padding-top:55px; } #sub3 { height:145px; padding-top:55px; } #sub4 { height:145px; padding-top:55px; } #sub1 div.typo, #sub2 div.typo, #sub3 div.typo, #sub4 div.typo { font-size:15px; line-height:24px; } #sub1 div.typo strong, #sub2 div.typo strong, #sub3 div.typo strong, #sub4 div.typo strong { margin-bottom:5px; font-size:30px; line-height:39px; } #mobileMenu div.top h1 { padding:10px 0; } #mobileMenu div.top h1 img { height:50px; } #mobileMenu div.top div.close img { height:70px; } #mobileMenu div.top div.language { top:10px; right:20px; } #mobileMenu div.top div.language a { font-size:16px; line-height:50px; } #mobileMenu ul.gnb { margin:20px 0; } #mobileMenu ul.gnb li a { height:59px; padding-left:25px; font-size:20px; line-height:59px; } #mobileMenu ul.gnb li a img { height:118px; margin-left:10px; } #mobileMenu ul.gnb li div { height:59px; padding-left:25px; font-size:20px; line-height:59px; } #mobileMenu ul.gnb li div img { height:118px; margin-left:25px; } #mobileMenu ul.gnb li.on a img { margin-top:-59px; } #mobileMenu ul.gnb li.on div img { margin-top:-59px; } #mobileMenu ul.gnb li.on .sub_gnb { padding:10px 0; } #mobileMenu ul.gnb li.on .sub_gnb a { font-size:16px; line-height:35px; } .Location { top:56px; background-color:#eee; } .Location .Location-inner { height:42px; } .Location ul li a { padding-left:15px; font-size:13px; line-height:42px; } .Location ul li .depth-in li a { padding:0 0 0 15px; font-size:13px; line-height:42px; } .Location ul li.depth-first { width:15%; } .Location ul li.depth-first a { padding:42px 0 0 45px; font-size:0; line-height:0; background:url('../images/common/home_icon.png') no-repeat center 14px; background-size:auto 14px; } .Location ul li.depth-middle { width:42.5%; background:url('../images/common/home_arrow1.png') no-repeat 88% 14px #ddd; background-size:auto 14px; } .Location ul li.depth-last { width:42.5%; background:url('../images/common/home_arrow2.png') no-repeat 88% 14px #009e75; background-size:auto 14px; } .idxlink { display:block; } .mgtop1 { margin-top:20px !important; } .mgtop3 { margin:10px 0 -3px 0 !important; } .mgtop4 { margin-top:10px !important; } .mgtop5 { margin-top:15px !important; } .mgtop6 { margin-top:10px !important; } #contents { width:auto; margin:45px 20px 50px 20px; } #contents h2 { font-size:24px; line-height:33px; } #contents h3 { margin-top:30px; padding-top:15px; font-size:18px; line-height:27px; } #contents h3.bn { margin-top:25px; } #contents div.company { margin-top:25px; padding-top:5px; } #contents div.company p.intro { margin:20px 20px 0 20px; } #contents div.company p.tit { margin:15px 15px 0 15px; font-size:15px; line-height:24px; } #contents div.company p.txt { margin:20px 15px 25px 15px; font-size:13px; line-height:22px; text-align:center; } #contents ul.outline { margin:15px 10px -10px 10px; padding-bottom:10px; } #contents ul.outline li { padding:15px 20px 20px 20px; box-shadow:0 5px 10px rgba(0,0,0,0.1); } #contents ul.outline li p.tit { font-size:15px; line-height:24px; } #contents ul.outline li p.txt { margin:5px 0 0 0; font-size:18px; line-height:27px; } #contents ul.outline li p.txt em { font-size:14px; line-height:23px; } #contents ul.outline li div.icon { margin-top:10px; } #contents ul.outline li div.icon img { height:40px; } #contents p.unit { font-size:13px; line-height:22px; } #contents ul.year { margin-top:20px; } #contents ul.year li { padding-bottom:14px; } #contents ul.year li a { padding-bottom:22px; font-size:12px; line-height:22px; border-bottom:1px solid #f2f3fa; } #contents ul.year li a span { bottom:-13px; height:25px; } #contents ul.year li a span img { height:50px; } #contents ul.year li a.on, #contents ul.year li a:hover { border-bottom:1px solid #009e75; } #contents ul.year li a.on span img, #contents ul.year li a:hover span img { margin-top:-25px; } #contents ul.history { border-bottom:1px solid #ccc; } #contents ul.history li { padding:20px 0 27px 0; } #contents ul.history li div.year { top:24px; width:auto; margin:0; font-size:30px; line-height:35px; } #contents ul.history li div.year em { font-size:24px; } #contents ul.history li ul.cont { margin-left:105px; border:none; } #contents ul.history li ul.cont li { margin-top:7px; padding:0 0 0 45px; font-size:13px; line-height:20px; } #contents ul.history li ul.cont li:first-child { margin-top:7px; } #contents ul.history li ul.cont li.mg1 { margin-top:7px; } #contents ul.history li ul.cont li.mg2 { margin-top:7px; } #contents ul.history li ul.cont li.mg3 { margin-top:7px; } #contents ul.history li ul.cont li.mg4 { margin-top:7px; } #contents p.intro { margin-top:20px; font-size:18px; line-height:27px; } #contents p.explain { margin-top:5px; font-size:14px; line-height:23px; } #contents p.explain strong { margin-top:10px; font-size:14px; line-height:23px; } #contents p.guide { margin-top:20px; font-size:13px; line-height:22px; } #contents p.guide strong { margin-bottom:10px; font-size:16px; line-height:25px; } #contents div.greeting { margin-top:20px; font-size:13px; line-height:22px; text-align:center; } #contents div.greeting span { margin-bottom:20px; font-size:16px; line-height:25px; } #contents div.greeting em { margin-top:20px; font-size:14px; line-height:23px; } #contents div.greeting em img { height:43px; margin:-10px 0 0 20px; } #contents div.vision { margin-top:25px; padding:5px 15px 30px 15px; } #contents div.vision p.explain { margin:5px 0 30px 0; padding-bottom:25px; } #contents ul.philosophy { width:100%; margin:0; background:none; } #contents ul.philosophy li { float:none; width:auto; margin-top:25px; padding:0; font-size:13px; line-height:22px; } #contents ul.philosophy li strong { margin-bottom:10px; font-size:16px; line-height:35px; border-radius:10px; border:2px solid #47bba9; } #contents ul.tap { display:none; } #contents ul.workplace { margin-top:10px; } #contents ul.workplace li { float:none; width:100%; margin:10px 0 0 0; } #contents ul.workplace li.office1 { width:100%; margin:10px 0 0 0; } #contents ul.workplace li.office2 { width:100%; margin:10px 0 0 0; } #contents ul.workplace li p { margin-top:5px; font-size:13px; line-height:22px; } #contents div.ci { margin-top:15px; padding:20px 0; background-size:10px; } #contents div.ci img { width:70%; } #contents div.signature { margin-top:15px; padding:10px 0; text-align:center; } #contents div.signature img { display:inline-block; width:70%; margin:10px 0; } #contents ul.palette { margin-top:5px; } #contents ul.palette li { width:48.5%; margin:15px 0 0 3%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } #contents ul.palette li.first { margin:15px 0 0 0; } #contents ul.palette li.first2 { margin:15px 0 0 0; } #contents ul.palette li p.color { margin-left:15px; font-size:13px; line-height:20px; } #contents ul.palette li ul.color { margin:15px 0 0 15px; } #contents ul.palette li ul.color li { margin:10px 0 0 0; font-size:11px; line-height:12px; } #contents ul.palette li ul.color li span { width:12px; height:12px; margin-right:5px; } #contents ul.affiliate { margin-top:30px; } #contents ul.affiliate li { padding:20px 0 30px 0; } #contents ul.affiliate li div.img { margin-top:20px; } #contents ul.affiliate li div.img a { margin-top:10px; } #contents ul.affiliate li div.img a:hover span img { width:40px; margin:-20px 0 0 -20px; } #contents ul.affiliate li div.name { font-size:18px; line-height:37px; } #contents ul.affiliate li div.name a { width:126px; font-size:14px; line-height:33px; } #contents ul.affiliate li p.txt { min-height:0; margin-top:15px; font-size:13px; line-height:22px; } #contents ul.affiliate li p.txt span { margin-bottom:10px; font-size:15px; line-height:24px; } #contents div.overseas { margin-top:25px; } #contents ul.cement { margin-top:30px; } #contents ul.cement li { margin:20px 0 0 0; } #contents ul.cement li.first { margin:0; } #contents ul.cement li a { min-height:0; padding:15px 20px 20px 20px; } #contents ul.cement li a div.img { position:static; width:100%; margin-top:15px; } #contents ul.cement li a div.img img { width:100%; } #contents ul.cement li a div.img span { font-size:13px; line-height:32px; } #contents ul.cement li a p.tit { margin-top:0; font-size:16px; line-height:25px; } #contents ul.cement li a p.txt { margin-top:10px; font-size:13px; line-height:22px; } #contents div.cement { margin-top:30px; padding-left:0; } #contents div.cement h3 { position:static; width:auto; margin:0; padding:25px 0 0 20px; font-size:18px; line-height:27px; border-top:none; background:url('../images/product/title_bullet.jpg') no-repeat left 33px; } #contents div.cement h4 { margin-top:20px; font-size:14px; line-height:23px; } #contents div.cement div.img { margin-top:20px; } #contents div.cement p.txt { margin-top:10px; font-size:13px; line-height:22px; } #contents div.cement p.txt em { margin:8px 0 28px 0; } #contents div.cement p.txt img { height:24px; margin:0 8px 0 0; } #contents div.cement p.site { margin-top:10px; font-size:13px; line-height:26px; letter-spacing:-0.5px; } #contents div.cement p.site img { height:26px; } #contents div.cement p.site a { margin-left:10px; line-height:26px; } #contents ul.bullet li { font-size:13px; line-height:19px; background:url('../images/product/bullet.jpg') no-repeat left 9px; } #contents ul.bullet2 { margin-top:10px; } #contents ul.bullet2 li { font-size:13px; line-height:22px; background:url('../images/product/bullet.jpg') no-repeat left 9px; } #contents div.border { margin-top:0; padding:0; border:none; } #contents div.process { width:auto; margin:30px 0 0 0; } #contents div.process div.more1 { top:13%; left:51%; } #contents div.process div.more2 { top:28%; left:80%; } #contents div.process div.more3 { top:48%; left:59%; } #contents div.process div.more4 { top:30%; left:0; } #contents div.process div.more5 { top:86%; left:53%; } #contents div.process div.more2:hover div.cont { margin-left:-101px; } #contents div.process div.more3:hover div.cont { margin-left:-29px; } #contents div.process div.more5:hover div.cont { margin-left:-8px; } #contents div.process div.cont { width:170px; font-size:13px; line-height:18px; } #contents div.process div.cont a { padding:7px 0; line-height:18px; } #contents div.process div.cont a span { line-height:36px; } #contents div.process div.cont a.close { top:-8px; } #contents div.process div.cont a.close img { height:20px; } #contents div.process a.more img { width:30px; } #contents ul.process { margin-top:10px; } #contents ul.process li { width:33.33333%; height:76px; margin:15px 0 0 0; } #contents ul.process li img { width:108px; } #contents ul.process li.on img, #contents ul.process li:hover img { margin-top:-76px; } #contents ul.news { margin-top:25px; padding:15px 0 30px 0; } #contents ul.news li { min-height:100px; margin:15px 0 0 0; } #contents ul.news li.first { margin:15px 0 0 0; } #contents ul.news li a { padding-left:165px; } #contents ul.news li div.img img { height:100px; width:149px;} #contents ul.news li p.tit { height:46px; margin-top:5px; font-size:14px; line-height:23px; } #contents ul.news li p.date { margin-top:20px; font-size:13px; line-height:22px; } #contents ul.community { margin-top:30px; padding-top:5px; } #contents ul.community li { float:none; width:100%; margin:25px 0 0 0; } #contents ul.community li.first { margin:25px 0 0 0; } #contents ul.community li p.tit { height:auto; margin-top:10px; font-size:14px; line-height:23px; } #contents ul.community li p.date { margin-top:5px; font-size:14px; line-height:21px; } #contents div.search { margin-top:25px; text-align:center; } #contents div.search em { position:static; display:block; margin-bottom:10px; font-size:13px; line-height:22px; } #contents div.search select { width:85px; height:32px; padding-left:5px; font-size:13px; } #contents div.search input { width:160px; height:32px; margin-left:5px; padding-left:5px; font-size:13px; } #contents div.search a { width:80px; margin-left:5px; font-size:13px; line-height:32px; } #contents div.paging { margin-top:30px; } #contents div.paging a { width:24px; font-size:13px; line-height:24px; } #contents div.paging a img { height:24px; } #contents div.title { margin-top:25px; padding:15px 0; font-size:13px; line-height:22px; } #contents div.title span { margin-right:15px; } #contents div.title em { margin:0 5px; font-size:11px; line-height:20px; } #contents div.title strong { font-size:14px; line-height:23px; } #contents div.view { padding-bottom:25px; } #contents div.view img { margin-top:20px; height: auto !important;} #contents div.view p { margin:15px 0 0 0; font-size:13px; line-height:22px; } #contents div.list-btn { margin-top:20px; } #contents div.list-btn a { padding:0 15px; font-size:13px; line-height:36px; } #contents div.list-btn a img { margin:13px 8px 0 0; } #contents ul.post li { padding-left:90px; } #contents ul.post li div { width:90px; font-size:13px; line-height:42px; } #contents ul.post li a { overflow:hidden; height:42px; padding:0 0 0 15px; font-size:13px; line-height:42px; } #contents div.reward { margin-top:25px; padding:30px; } #contents ul.recruit { margin-top:15px; } #contents ul.recruit li { padding:15px 0; } #contents ul.recruit li p.tit { font-size:14px; line-height:23px; } #contents ul.recruit li div.img { margin-top:20px; } #contents ul.recruit li ul.bullet { margin-top:5px; } #contents ul.guide { margin-top:15px; } #contents ul.guide li a { padding-left:15px; font-size:13px; line-height:42px; } #contents ul.guide li a strong { width:30px; } #contents ul.guide li a em { right:15px; } #contents ul.welfare { margin-top:15px; } #contents ul.welfare li { min-height:94px; padding:15px 0 15px 160px; } #contents ul.welfare li div.icon { top:15px; width:130px; } #contents ul.welfare li div.icon img { height:60px; } #contents ul.welfare li div.icon p { margin-bottom:10px; font-size:15px; line-height:24px; letter-spacing:-0.5px; } #contents ul.welfare li ul.cont li { padding:0 0 0 14px; font-size:13px; line-height:22px; background:url('../images/pr/bullet.png') no-repeat left 9px; background-size:4px; } #contents ul.welfare li ul.cont li em { color:#666; } #contents ul.nurture { margin-top:15px; } #contents ul.nurture li { padding:15px 0; } #contents ul.nurture li p.tit { font-size:14px; line-height:23px; } #contents ul.nurture li p.txt { margin-top:5px; font-size:13px; line-height:22px; } #contents ul.safety { margin:5px auto 0 auto; } #contents ul.safety li { margin:20px 0 0 0; } #contents ul.safety li h3 { width:80px; height:174px; margin:0 0 0 -70px; padding:19px 25px 0 25px; font-size:15px; line-height:20px; background-size:130px auto; } #contents ul.safety li h3.two { padding:29px 20px 0 20px; } #contents ul.safety li p { margin-top:52px; padding:57px 15px 15px 15px; font-size:13px; line-height:22px; border:4px solid #eee; } #contents div.element { margin-top:30px; padding:30px 15px; } #contents ul.certificate { width:100%; margin:25px auto 0 auto; } #contents ul.certificate li { width:48%; margin:0 0 0 4%; } #contents ul.certificate li:first-child { margin:0 0 0 0; } #contents ul.certificate li div.img img { width:100%; } #contents ul.certificate li p { margin-top:10px; font-size:13px; line-height:22px; } #contents ul.certificate li a { width:auto; margin:10px auto 0 auto; font-size:13px; line-height:30px; border:1px solid #fdb813; } #contents div.education { margin-top:25px; padding-top:30px; } #contents div.education div.slide { margin-top:14px; padding:0 59px 0 58px; font-size:0; line-height:0; } #contents div.education div.slide em { font-size:13px; line-height:14px; } #contents div.education div.slide a { margin:6px 0; } #contents div.education div.slide div.btn { height:14px; } #contents div.education div.slide div.btn a { margin:0 0 0 20px; } #contents div.education div.slide div.btn a img { height:28px; } #contents div.education div.slide div.btn a:hover img { margin-top:-14px; } #contents ul.contribution { margin-top:25px; } #contents ul.contribution li { float:none; width:100%; text-align:center; } #contents ul.contribution li.right { float:none; } #contents ul.contribution li div.cont p.tit { margin:16% 10px 0 10px; font-size:16px; line-height:23px; } #contents ul.contribution li div.cont p.txt { margin:10px 15px 0 15px; font-size:13px; line-height:20px; } #contents ul.build li { margin-top:25px; } #contents ul.build li.right p.tit { margin-top:0; } #contents ul.build li.img1 { margin-top:15px; } #contents ul.build li.img2 { margin-top:15px; } #contents ul.build li p.tit { margin:0; padding-left:0; font-size:16px; line-height:25px; background:none; } #contents ul.build li p.txt { margin:10px 0 0 0; font-size:13px; line-height:22px; } #contents ul.status { margin-top:20px; } #contents ul.status li div.subject { background:url('../images/pr/bullet.png') no-repeat 10px 19px; } #contents ul.status li div.subject a { padding:10px 0 10px 24px; font-size:14px; line-height:23px; background-size:auto 86px; } #contents ul.status li div.subject a:hover { background:url('../images/management/status_arrow.png') no-repeat right -43px; background-size:auto 86px; } #contents ul.status li div.btn a { font-size:13px; line-height:38px; } #contents div.policy { margin-top:25px; padding:15px 20px; font-size:13px; line-height:22px; } #contents p.policy { margin-top:10px; font-size:13px; line-height:22px; } #contents ul.policy { margin-top:10px; } #contents ul.policy li { margin-top:5px; font-size:13px; line-height:22px; } #contents ul.policy li p.cont { margin:5px 0 0 12px; font-size:12px; line-height:21px; } #contents ul.article { margin-top:15px; padding:10px 0 15px 0; } #contents ul.article li { float:none; width:100%; margin-top:5px; } #contents ul.article li a { padding:0 0 0 20px; font-size:13px; line-height:22px; } #contents div.reason { margin-top:15px; padding:20px 20px 15px 20px; font-size:13px; line-height:22px; } #contents div.reason span { position:static; display:block; width:auto; margin:0 0 15px 0; padding:10px 0; font-size:13px; line-height:22px; text-align:center; border:none; } #contents div.data { margin-top:15px; } #contents div.data ul li a { padding-left:55px; font-size:13px; line-height:42px; } #contents div.data ul li a strong { width:30px; } #footer div.wrap { padding:25px 0; } #footer ul.add li { margin-top:5px; padding-left:104px; font-size:13px; line-height:22px; } #footer ul.add li strong { width:90px; background:url('../images/common/add_line.jpg') no-repeat right 6px; background-size:1px 12px; } #footer div.family { width:auto; margin-top:15px; background:url('../images/mobile/family_arrow.png') no-repeat 95% 13px #4b5257; background-size:auto 7px; } #footer div.family a { display:block; font-size:13px; line-height:32px; } #footer div.fmenu { margin-top:15px; text-align:center; } #footer div.fmenu a { margin-left:10px; padding-left:11px; font-size:12px; line-height:21px; letter-spacing:-1px; background:url('../images/common/fmenu_line.jpg') no-repeat left 5px; background-size:1px 11px; } #footer div.fmenu a:first-child { margin-left:0; padding-left:0; background:none; } #footer address { margin-top:5px; font-size:12px; line-height:19px; text-align:center; } #footer div.family #fsiteList {overflow: auto; max-height: 164px; position: absolute; width: 100%; bottom: 123px; background: #4b5257; border: 1px solid #67696c; font-size: 14px;} #expand div.close { width:auto; margin:210px 20px 0 20px; } #expand div.close img { height:30px; } #expand div.close2 { width:345px; margin:30px auto 0 auto; } #expand div.close2 img { height:30px; } #expand div.img { width:auto; margin:10px 20px 0 20px; padding:5px; border-radius:5px; box-shadow:0 5px 10px rgba(0,0,0,0.3); } #expand div.certificate { width:335px; margin:10px auto 0 auto; padding:5px; border-radius:5px; box-shadow:0 5px 10px rgba(0,0,0,0.3); } #expand div.certificate img { width:100%; } #popup div.box { width:auto; margin:20px; padding:15px 20px 20px 20px; border-radius:5px; box-shadow:0 5px 10px rgba(0,0,0,0.3); } #popup div.close { top:15px; right:15px; } #popup div.close img { height:30px; } #popup div.img { margin-top:20px; } #popup div.img img { max-width:315px; max-height:250px; } #popup div.img div.tap { margin-top:10px; } #popup div.img div.tap a { padding-bottom:5px; font-size:13px; line-height:22px; } #popup div.img div.tap a.on, #popup div.img div.tap a:hover { padding-bottom:5px; border-bottom:1px solid #fbba1d; } #popup div.cont p.tit { font-size:18px; line-height:27px; } #popup div.cont p.tit span { padding-bottom:5px; } #popup div.cont p.txt { margin-top:20px; padding:10px 15px; font-size:12px; line-height:19px; border-radius:5px; } } @media screen and (max-width:480px) { .wrap { width:auto; margin:0 15px; } .wrap2 { width:auto; margin:0; } #contents { margin:45px 15px 50px 15px; } #contents ul.palette li { height:200px; } #contents div.overseas div.map1 {width: 100%; margin: 50px 0 0 0;} #expand div.close { margin:210px 15px 0 15px; } #expand div.img { margin:10px 15px 0 15px; } #popup div.box { margin:15px; padding:15px 15px 20px 15px; } }