@charset "utf-8"; /* CSS Document */ .main_container {width:100%; position:relative; padding-top:150px;} .main_visual_01 {width:100%; height:676px; margin:72px auto 0; overflow:hidden; position:relative;} .main_visual_01 .imgs {width:100%; height:100%; position:relative; overflow:hidden; background-color:#000;} .main_visual_01 .imgs li {width:100%; height:100%; position:absolute; top:0; left:100%;} .main_visual_01 .imgs li.li_01 {background:url('../../img/images/main_visual1.jpg') center 0 no-repeat;} .main_visual_01 .imgs li.li_02 {background:url('../../img/images/main_visual2.jpg') center 0 no-repeat;} .main_visual_01 .imgs li.li_03 {background:url('../../img/images/main_visual3.jpg') center 0 no-repeat;} .main_visual_01 .imgs li.li_04 {background:url('../../img/images/main_visual4.jpg') center 0 no-repeat;} .main_visual_01 .imgs li.li_05 {background:url('../../img/images/main_visual5.jpg') center 0 no-repeat;} .main_visual_01 .imgs li.li_06 {background:url('../../img/images/main_visual6.jpg') center 0 no-repeat;} .main_visual_01 .imgs li.li_07 {background:url('../../img/images/main_visual7.jpg') center 0 no-repeat;} .main_visual_01 .indis {width:100%; position:absolute; left:0; bottom:30px; text-align:center;} .main_visual_01 .indis ul {display:inline-block; margin:0 auto; overflow:hidden;} .main_visual_01 .indis ul li {float:left; margin-right:5px; position:relative;} .main_visual_01 .indis ul li a {width:100%; height:100%; display:block;} .main_visual_01 .bn_wrap {width:1400px; height:45px; position:absolute; top:50%; left:50%; margin:-13px 0 0 -700px;} .main_visual_01 .bn_wrap .bns {position:absolute; top:0;} .main_visual_01 .bn_wrap .bns a {width:80%; height:80%; display:block; background-color: rgba(0,0,0,0.4); padding:10px;} .main_visual_01 .bn_wrap .left_bn {left:0;} .main_visual_01 .bn_wrap .right_bn {right:0;} #middle2 {position:relative;clear:both;width:100%;background:url(../../img/images/middle2_bg.jpg) center top no-repeat;height:653px;} #middle2 .middle2_banner {width:1200px;margin:0px auto;} #middle2 .middle2_banner ul {padding-top:86px;} #middle2 .middle2_banner ul li {display:inline-block;margin-right:20px;} #middle2 .middle2_banner ul li:last-child {margin-right:0px;} #middle2 .wrap-img, #middle2 .wrap-img2 { width:590px; height:480px; overflow:hidden; } #middle2 .wrap-img2:hover img, #middle2 .wrap-img:hover img { transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transition:.3s; -moz-transition:.9s; -ms-transition:.9s } .wrap-img img, .wrap-img2 img { transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s } #middle3 {position:relative;clear:both;width:100%;height:699px;background:url(../../img/images/middle3_bg.jpg) center top no-repeat;} #middle3 .middle3_banner {position:relative;width:1200px;margin:0px auto;} #middle3 .middle3_banner1 {position:relative;width:600px;float:left;} #middle3 .middle3_banner2 {position:relative;width:600px;float:left;height:349px;} #middle3 .middle3_banner2 span {display:block;padding-top:96px;padding-left:43px;} #middle3 .middle3_banner3 {position:relative;width:600px;float:left;} #middle3 .middle3_banner3 span {display:block;padding-top:92px;padding-left:43px;} #middle4 {position:relative;clear:both;width:1200px;margin:86px auto;height:672px;} #middle4 .left {float:left;width:839px;} #middle4 .left ul {} #middle4 .left ul.top li {float:left;margin-right:13px;} #middle4 .left ul.top li:last-child {margin-right:0px;} #middle4 .left ul.bottom {float:left;margin-top:13px;} #middle4 .left ul.bottom li {float:left;margin-right:13px;} #middle4 .left ul.bottom li:last-child {margin-right:0px;} #middle4 .right {float:right;width:348px;} #bottom_img {position:relative;clear:both;width:1200px;margin:0px auto 50px;height:100px;} #bottom_img ul li {float:left;margin-right:13px;} #bottom_img ul li:last-child {margin-right:0px;} /* 실시간 상담문의 */ #mainCounsel {position:fixed; top:228px; left:10px; width:237px; height:477px; padding:53px 13px 55px 15px; background:url(../../img/images_new/phone.png) center top no-repeat; box-sizing:border-box; z-index:990} #mainCounsel .title {display:none; padding:15px 0; text-align:center; background:#3672ba} #mainCounsel .title h3 {font-size:16px; font-weight:600; color:#fff} #mainCounsel .formmail_title_bgcolor {font-family:inherit !important; font-weight:600; text-align:right; background:#fff !important} #mainCounsel .formmail_title_bgcolor font {color:#3672ba !important} #mainCounsel .formmail_cell_bgcolor {font-size:0 !important} #mainCounsel table {width:100%; margin-bottom:20px; table-layout:fixed} #mainCounsel table tbody td {padding:5px; border-bottom:1px solid #d5d5d5} #mainCounsel table tbody td, #mainCounsel table tbody td font {font-size:12px !important} #mainCounsel table tbody tr td:first-child {width:47% !important} #mainCounsel table tbody td input[type=text] {max-width:90%; height:25px; border:1px solid #dedede} #mainCounsel table tbody td input[name^=phone_no] {width:34px; margin-left:2px} #mainCounsel table tbody td input[name^=phone_no]:first-child {margin-left:0} #mainCounsel table tbody td textarea {max-width:90%; height:80px !important; border:1px solid #dedede} #mainCounsel table tbody td img {height:40px} #mainCounsel .btn-area {text-align:center} #mainCounsel .btn-area > a {display:inline-block; padding:10px 20px; font-size:15px; color:#fff; background:#3672ba} #mainCounsel .btn-area > a:hover {background:#2f6ab2} #mainCounsel .btn-close {position:absolute; display:block; bottom:12px; left:103px; width:32px; height:32px; font-size:0; text-indent:-9999em; border:2px solid #fff; border-radius:50%; box-sizing:border-box} #mainCounsel .btn-close > span {position:absolute; display:block; top:50%; left:50%; width:14px; height:2px; margin-left:-7px; margin-top:-1px; border-radius:2px; background:#fff} #mainCounsel .btn-close > span.line1 {transform:rotate(45deg)} #mainCounsel .btn-close > span.line2 {transform:rotate(-45deg)} #mainCounselMini {display:none; position:fixed; top:535px; left:10px; z-index:990} #mainCounselMini img {display:block}