@charset "utf-8"; /* ---------- css ---------- */ /* main */ #mainVisual { height:550px; background-color:#fff; overflow:hidden; position:relative; } #mainVisual .main-visual-btn { width:100%; font-size:0; text-align:center; position:absolute; left:0; top:30px; z-index:999; } #mainVisual .main-visual-btn a { display:inline-block; padding:0 8px 0 8px; } #mainVisual ul { height:550px; position:relative; } #mainVisual ul li { width:100%; height:550px; position:absolute; left:0; top:0; display:none; } #mainVisual ul li .main-visual-inner { width:1100px; height:550px; margin:0 auto; position:relative; } #mainVisual ul .main-visual1 { display:block; background:url("/kr/images/main/main_visual_01_bg.jpg") no-repeat center top; } #mainVisual ul .main-visual1 .main-visual-inner .visual-tit { position:absolute; left:633px; top:161px; z-index:30; } #mainVisual ul .main-visual1 .main-visual-inner .visual-txt1 { position:absolute; left:638px; top:265px; z-index:29; } #mainVisual ul .main-visual1 .main-visual-inner .visual-img2 { position:absolute; left:399px; top:294px; z-index:28; } #mainVisual ul .main-visual1 .main-visual-inner .visual-img3 { position:absolute; left:497px; top:455px; z-index:27; } #mainVisual ul .main-visual1 .main-visual-inner .visual-img1 { position:absolute; left:60px; top:150px; z-index:26; } #mainVisual ul .main-visual2 { background:url("/kr/images/main/main_visual_02_bg.jpg") no-repeat center top; } #mainVisual ul .main-visual2 .main-visual-inner .visual-tit { position:absolute; left:43px; top:161px; z-index:30; } #mainVisual ul .main-visual2 .main-visual-inner .visual-txt1 { position:absolute; left:48px; top:264px; z-index:29; } #mainVisual ul .main-visual2 .main-visual-inner .visual-img4 { position:absolute; left:424px; top:399px; z-index:28; } #mainVisual ul .main-visual2 .main-visual-inner .visual-img5 { position:absolute; left:365px; top:447px; z-index:27; } #mainVisual ul .main-visual2 .main-visual-inner .visual-img6 { position:absolute; left:237px; top:402px; z-index:26; } #mainVisual ul .main-visual2 .main-visual-inner .visual-img7 { position:absolute; left:142px; top:348px; z-index:25; } #mainVisual ul .main-visual2 .main-visual-inner .visual-img8 { position:absolute; left:42px; top:409px; z-index:24; } #mainVisual ul .main-visual2 .main-visual-inner .visual-img3 { position:absolute; left:369px; top:322px; z-index:23; } #mainVisual ul .main-visual2 .main-visual-inner .visual-img2 { position:absolute; left:673px; top:281px; z-index:22; } #mainVisual ul .main-visual2 .main-visual-inner .visual-img1 { position:absolute; left:411px; top:150px; z-index:21; } #mainVisual ul .main-visual3 { background:url("/kr/images/main/main_visual_03_bg.jpg") no-repeat center top; } #mainVisual ul .main-visual3 .main-visual-inner .visual-tit { position:absolute; left:407px; top:316px; z-index:30; } #mainVisual ul .main-visual3 .main-visual-inner .visual-txt1 { position:absolute; left:404px; top:420px; z-index:29; } #mainVisual ul .main-visual3 .main-visual-inner .visual-img6 { position:absolute; left:717px; top:220px; z-index:28; } #mainVisual ul .main-visual3 .main-visual-inner .visual-img7 { position:absolute; left:798px; top:371px; z-index:27; } #mainVisual ul .main-visual3 .main-visual-inner .visual-img1 { position:absolute; left:334px; top:156px; z-index:26; } #mainVisual ul .main-visual3 .main-visual-inner .visual-img2 { position:absolute; left:408px; top:152px; z-index:25; } #mainVisual ul .main-visual3 .main-visual-inner .visual-img3 { position:absolute; left:478px; top:150px; z-index:24; } #mainVisual ul .main-visual3 .main-visual-inner .visual-img4 { position:absolute; left:563px; top:154px; z-index:23; } #mainVisual ul .main-visual3 .main-visual-inner .visual-img5 { position:absolute; left:642px; top:156px; z-index:22; } #mainContainer { background-color:#fff; } #mainContainerTop { width:1100px; height:270px; margin:0 auto; } #mainContainerTop .main-notice { width:1100px; height:38px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } #mainContainerTop .main-inquiry { float:left; width:333px; height:188px; margin-top:20px; border:1px solid #d1d1d1; } #mainContainerTop .main-project { float:left; width:333px; height:188px; margin-top:20px; border:1px solid #d1d1d1; } #mainContainerTop .main-banner1 { float:left; width:235px; height:190px; margin:20px 0 0 20px; font-size:0; } #mainContainerTop .main-banner2 { float:left; width:235px; height:190px; margin:20px 0 0 20px; font-size:0; } #mainContainerTop .main-banner3 { float:left; width:235px; height:190px; margin:20px 0 0 20px; font-size:0; } #mainContainerMiddle { background:#ddd url("/kr/images/main/main_container_middle_bg.jpg") repeat left top; } #mainContainerMiddle .main-infor-banner { display:block; height:220px; background-color:#000; position:relative; overflow:hidden; } #mainContainerMiddle .main-infor-banner .infor-banner-txt1 { font-size:0; text-align:center; position:relative; z-index:99; margin-top:60px; } #mainContainerMiddle .main-infor-banner .infor-banner-btn1 { font-size:0; text-align:center; position:relative; z-index:99; margin-top:34px; } #mainContainerMiddle .main-infor-banner .color-bg { width:100%; height:100%; background-color:#000; opacity:.35; position:absolute; left:0; top:0; z-index:9; overflow:hidden; } #mainContainerMiddle .main-infor-banner .mv-bg { width:auto; min-width:100%; height:auto; min-height:100%; max-height:1080px; overflow:hidden; background:#000 url("/kr/images/main/main_mv_bg_img_01.jpg") no-repeat center top; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; position:absolute; left:0; top:-400px; z-index:0; } #mainContainerMiddle .main-portfolio { width:1100px; margin:0 auto; padding:36px 0 46px 0; overflow:hidden; } #mainContainerMiddle .main-overview .overview-btn { height:30px; font-size:0; text-align:center; } #mainContainerMiddle .main-overview .overview-con { height:298px; background-color:#56beff; border-top:6px solid #56beff; overflow:hidden; } #mainContainerMiddle .main-overview .overview-con .overview-con-inner { width:1100px; height:298px; margin:0 auto; overflow:hidden; } #mainContainerMiddle .main-overview .overview-con .overview-con-inner .st1 { width:1100px; height:35px; margin-top:37px; font-size:0; } #mainContainerMiddle .main-overview .overview-con .overview-con-inner .main-company { float:left; width:550px; margin-top:30px; } #mainContainerMiddle .main-overview .overview-con .overview-con-inner .main-company .banner-list1 { overflow:hidden; } #mainContainerMiddle .main-overview .overview-con .overview-con-inner .main-company .banner-list1 li { float:left; margin-right:30px; font-size:0; } #mainContainerMiddle .main-overview .overview-con .overview-con-inner .main-gallery { float:right; width:505px; margin-top:34px; } #mainContainerBottom { background-color:#848f95; } #mainContainerBottom .main-total-menu { width:1100px; height:220px; margin:0 auto; overflow:hidden; } #mainContainerBottom .main-total-menu ul { margin-top:20px; overflow:hidden; } #mainContainerBottom .main-total-menu ul li { float:left; width:220px; height:180px; background:url("/kr/images/main/main_total_menu_line.gif") repeat-y left top; overflow:hidden; } #mainContainerBottom .main-total-menu ul li:first-child { background:none; } #mainContainerBottom .main-total-menu ul li.first { background:none; } #mainContainerBottom .main-total-menu ul li dl { width:180px; margin:10px 0 0 20px; } #mainContainerBottom .main-total-menu ul li dl dt { margin-bottom:23px; font-size:16px; color:#fff; font-weight:600; } #mainContainerBottom .main-total-menu ul li dl dt a { font-size:16px; color:#fff; font-weight:600; } #mainContainerBottom .main-total-menu ul li dl dd { margin-bottom:12px; font-size:12px; color:#e7e7e7; } #mainContainerBottom .main-total-menu ul li dl dd a { font-size:12px; color:#e7e7e7; }