/*/////////////////////////////////////////////////공통부분//////////////////////////////////////////////////////////*/ .latest_span{display:block;float:right;width:22%;text-align:right;margin-left:2px;} /*/////////////////////////////////////////////////pc버전이에요//////////////////////////////////////////////////////////*/ @media all and (min-width:769px){ /*/////////////////////메인페이지의 텍스트//////////////////////////*/ #featured_project {width:100%;margin-top:-100px;z-index:9999999}/*높이위치 조절 */ #featured_project .control { position:relative; z-index:10; margin:0 auto; max-width:1000px; min-width:680px; } #featured_project .control h2 { letter-spacing:-0.04em; position:absolute; right:0; top:0px; font-size:20px; font-weight:bold; color:#333; } /* #featured_project .control .thumb_nav { position:absolute; top:0px; right:0; } #featured_project .control .thumb_nav a { float:left; display:block; text-indent:-9999px; padding:0 1px; width:13px; height:13px; background:url('../img/nav_off.png') no-repeat 0 0; } #featured_project .control .thumb_nav a.on { background-image:url('../img/nav_on.png'); } */ #featured_project div.list {margin-top:-100px;overflow:hidden; max-width:1000px; min-width:680px; height:200px; position:relative; margin:0 auto; background: url('../img/visual_point.png') repeat-x 0 100%; } #featured_project ul.list { height:200px; position:absolute; top:0; left:0; } #featured_project ul.list li { position:absolute; top:0; left:0; max-width:1000px; min-width:750px; width:100%; height:200px; overflow:hidden; } #featured_project ul.list li dl.cont { position:absolute; right:-300px; top:0px; text-align:right; } #featured_project ul.list li dl.cont dt.client { font-size:20px; color:#000; font-weight:bold; letter-spacing:-0.03em;padding:15px 0 } #featured_project ul.list li dl.cont dt.client .icon { vertical-align:middle; } #featured_project ul.list li dl.cont dt.name { margin-bottom:10px; font-size:40px; font-family:NanumGothicBold; color:#fff; letter-spacing:-0.05em; } #featured_project ul.list li dl.cont dd.explan { line-height:1.5; color:#fff; font-size:14px;font-weight:600;text-align:right;margin:5px 0 } /* #featured_project ul.list li dl.cont dd.btns { margin-top:30px; } #featured_project ul.list li dl.cont dd.btns a { margin:0 2px; font-size:11px; color:#fff; text-decoration:none; display:inline-block; padding:2px 23px; font-weight:bold; } #featured_project ul.list li dl.cont dd.btns a.detail { background:#ff8800; } #featured_project ul.list li dl.cont dd.btns a.link { background:#000; } #featured_project ul.list li dl.cont dd.btns a:hover { text-decoration:underline; } */ /*///////////////////////////메인페이지의 텍스트 끝////////////////////////////////*/ /* 중간 레이아웃 */ /*.main_img{width:100%;height:auto;margin:0 auto;padding:10% 0 10% 0;background-repeat:repeat;background:url('/V1/mobile_smarthome/img/main_img.jpg')top center;background-size:100%;overflow:hidden}*/ .main_img{width:100%;height:auto;margin:0 auto;padding:0% 0 0% 0;} /* 2018.02.27 메인스크롤링 형식을 변경 -> 자동으로 넘어가게.... -----------------------------------------------------------------------------*/ .animation_canvas { overflow:hidden; position:relative; width: 100%; padding:0; z-index:-1;} .slider_panel { width: 100%; padding:0;padding-bottom:27%;min-height: 100%; position:relative; } .slider_image { position: absolute; left:0; top:0; width: 100%; min-height: 100%;padding-bottom:0%} .slider_panel .img1 { background:url(/V1/mobile_smarthome/img/main_img01.jpg) no-repeat center top;background-size:100% } .slider_panel .img2 { background:url(/V1/mobile_smarthome/img/main_img02.jpg) no-repeat center top;background-size:100% } .slider_panel .img3 { background:url(/V1/mobile_smarthome/img/main_img03.jpg) no-repeat center top;background-size:100% } .control_panel { position:absolute; margin-top: -2%; left: 48%; width:200px; height: auto; overflow:hidden; } .control_panel .control_button { width:10px; height:10px; position:relative; float:left; cursor:pointer; display:inline-block; background:url(http://kisvan.co.kr/image/main/point.png) no-repeat center top; margin: 5px 5px 0 0; } .control_panel .control_button.active { background-position: center bottom; } .control_panel .first { margin: 5px 5px 0 7px; } /* 2018.02.27 메인스크롤링 형식을 변경 -> 자동으로 넘어가게.... */ p.main_p_title{font-weight:600;font-size:24px;letter-spacing:-1px;color:#666;} #wrapper {margin:0 auto;clear:both;width:100%;height:auto;background:#f0f0f0;z-index:99999;} #wrapper:after {display:block;visibility:hidden;clear:both;} #wrapper .main_wrap{width:1200px;margin:0 auto;height:auto;} #wrapper .main_wrap .main_content_wrap{margin:0 auto;width:100%;} #wrapper .main_wrap .main_content_wrap .main_content_01{clear:both;overflow:hidden;float:left;width:49%;margin:15px 0;border-radius:10px;border:1px solid #ddd;height:auto;padding-bottom:10px} #wrapper .main_wrap .main_content_wrap .main_content_03{float:right;width:49%;margin:0px 0;border-radius:10px;border:1px solid #ddd;height:auto;padding-bottom:10px} #wrapper .main_wrap .main_content_wrap .main_content_box{float:left;width:16.6%;background:#eee;} #wrapper .main_wrap .main_content_wrap .main_content_02{clear:both;width:100%;margin:0px 0;height:auto;overflow:hidden} #wrapper .main_wrap .main_content_wrap .main_content_02 .main_content_02_1{overflow:hidden;float:left;width:100%;height:201px;margin-top:0;padding:0;} #wrapper .main_wrap .main_content_wrap .main_content_02 .main_content_02_1 img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.3s ease-in-out; overflow:hidden; width:100%; height:201px; cursor:pointer } #wrapper .main_wrap .main_content_wrap .main_content_02 .main_content_02_1 img:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #wrapper .main_wrap .main_content_wrap .main_content_02 .main_content_02_1 p.p_content {position:absolute;margin:90px 0 0 0;padding:10px;font-size:18px;color:#fff;text-align:center;font-weight:400;z-index:9999;width:10%} #wrapper .main_wrap .main_content_wrap .main_content_02 .main_content_02_2{float:left;width:100%;height:310px;margin:0;padding:0;} #wrapper .main_wrap .main_content_wrap .main_content_02 .main_content_02_2 p {color:#fff;line-height:20px;padding:135px 0 20px 22px;text-align:center;} #wrapper .main_wrap .main_content_wrap .main_content_02 .main_content_02_3{float:right;width:100%;height:310px;margin:0;padding:0;background: url('../img/main_content_img03.jpg') no-repeat 100%;} #wrapper .main_wrap .main_content_wrap .main_content_02 .main_content_02_3 p {color:#fff;line-height:20px;padding:135px 0 20px 22px;text-align:center;} #wrapper .main_wrap .main_content_wrap .main_content_02 .main_content_02_4{float:right;width:100%;height:310px;margin:0;padding:0;background: url('../img/main_content_img04.jpg') no-repeat 100%;} #wrapper .main_wrap .main_content_wrap .main_content_02 .main_content_02_4 p {color:#fff;line-height:20px;padding:135px 0 20px 22px;text-align:center;} #wrapper .main_wrap .main_content_wrap .main_content_02_1_1{width:100%;margin:0px 0 20px 22px;padding:0;font-size:20px;letter-spacing:-2px;color:#454545;} #wrapper .main_wrap .main_content_wrap .main_content_02 .main_content_02_1 div img{width:100%} #wrapper .main_wrap .main_content_wrap .main_content_04 textarea{height:80px;border-radius:5px;width:92%;margin:0 auto;border:1px solid #ddd;padding:5px} #wrapper .main_wrap .main_content_wrap .main_content_04 .sms_div {width:95%;text-align:left;margin:0 auto} #wrapper .main_wrap .main_content_wrap .main_content_04 .sms_div input[type="text"]{width:65%} #wrapper .main_wrap .main_content_wrap .main_content_04 .sms_div input[type="submit"]{margin:0;background:#4b545e;padding:6px 0;width:100px;color:#fff;border:1px solid #444;vertical-align:middle;border-radius:2px} /*#wrapper_01{width:100%;margin:0 auto;height:auto;height:300px;background:url('/V4/mobile_smarthome/img/main_content_img_center.jpg')no-repeat top center;}*/ #wrapper_01{width:1200px;margin:0 auto;height:auto;height:200px;} /* 최근게시물 스킨 (latest) */ .lt ul {clear:both;margin:0;padding:0;list-style:none;width:90%} .lt ul li{clear:both;width:100%;height:auto;vertical-align:middle;margin-left:30px;border-bottom:1px solid #fff;line-height:30px;} .lt_more {float:left;width:10%;line-height:0px;height:auto;text-align:center;border:1px solid #999;margin:10px 0 0 400px;} /* 최근게시물 스킨 (latest) 채용공고////////////////////////////////////////////////////////////////////////*/ .lt_re table {width:89%;border-collapse:collapse;border-spacing:0;border:0} .lt_re th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;text-align:left} .lt_re th:nth-child(1){} .lt_re th:nth-child(3){width:24%} .lt_re td {padding:1px 0;border-top:1px solid #e9e9e9;border-bottom:0;line-height:0;word-break:break-all;text-align:left} .lt_re td a{color:#000;text-decoration:none} .lt_re p{float:left;padding:0 0 0 10px;margin:0;height:0px;border-bottom:1px solid #fff;} .lt_re a.lt_title{display:inline-block;padding:0px 0;font-weight:600;font-size:16px} .lt_re ul {margin:0;padding:0;list-style:none;width:100%;} .lt_re ul li{width:80%;height:auto;vertical-align:middle;font-size:14px;border:1px solid #fff;margin:0px 0px 0px 0px;padding:0px 0 0px 0;} .lt_more_re {float:left;width:10%;line-height:0px;height:auto;text-align:center;border:1px solid #999;margin:10px 0 0 400px;} .lt_re ul li.li_line_re button{display:block;float:right;vertical-align:middle;margin:4px 0} .lt_re ul li.li_line_re button.color1{padding:3px 0;width:60px;background:#069;border-radius:2px;border:1px solid #065;color:#fff} .lt_re ul li.li_line_re button.color2{padding:3px 0;width:60px;background:#f60;border-radius:2px;border:1px solid #f40;color:#fff} .lt_re ul li.li_line_re button.color3{padding:3px 0;width:60px;background:#096;border-radius:2px;border:1px solid #094;color:#fff} /*-- 테이블 (latest) pc--*/ .latest_area_txt01{background:#fff; border-top:1px solid #e6e6e6;font-size:14px; color: #000; text-align:left;height:20px;letter-spacing:0px;padding-left:0px;letter-spacing:-1px;} .latest_area_txt02{color: #555555; text-align:left;font-size:13px;letter-spacing:-1px;font-family:'맑은 고딕',malgun gothic,Helvetica,sans-serif;padding:0px 0px 0px 0px;border-bottom:1px solid #fff;} #wrapper_03_04_05 {clear:both;width:1200px;margin:0 auto;text-align:center;padding:0;} #wrapper_03_04_05 #wrapper_03{width:49.90%;float:left;margin:0 auto;height:auto;overflow:hidden;text-align:center;font-weight:500;font-size:14px;padding:0 ;letter-spacing:-2px;background:#fff;border-left:1px solid #efefef;} #wrapper_03_04_05 #wrapper_03_01{width:100%;margin:0 auto;height:auto;overflow:hidden;text-align:center;padding:0px 0 0 30px;} #wrapper_03_04_05 #wrapper_03 p{float:left;padding-left:30px;font-size:20px;font-weight: 600;font-family: '맑은 고딕',malgun gothic,Helvetica,sans-serif;color:#666;line-height:20px;} #wrapper_03_04_05 #wrapper_04{width:50%;float:left;margin:0 auto;height:auto;overflow:hidden;text-align:left;font-weight:500;font-size:14px;padding:4px 0 0 0px;letter-spacing:-2px;background:#edf9fd;line-height:16px;color:#000;} #wrapper_03_04_05 #wrapper_04 p{float:left;padding-left:30px;font-size:20px;font-weight: 600;font-family: '맑은 고딕',malgun gothic,Helvetica,sans-serif;color:#666;} #wrapper_03_04_05 #wrapper_05{width:49.90%;float:left;margin:0 auto;height:auto;overflow:hidden;text-align:left;font-weight:500;font-size:14px;padding:7px 0 0 0px;letter-spacing:-2px;background:#fdefe6;line-height:15px;color:#000;} #wrapper_03_04_05 #wrapper_05 p{float:left;padding-left:30px;font-size:20px;font-weight: 600;font-family: '맑은 고딕',malgun gothic,Helvetica,sans-serif;color:#666;} #wrapper_04_mobile{display:none} #wrapper_04_mobile p{display:none} #wrapper_05_mobile{display:none} #wrapper_05_mobile p{display:none} #wrapper_03_04_05 #wrapper_06{width:25%;float:left;margin:0 auto;height:auto;overflow:hidden;text-align:center;font-weight:500;font-size:20px;padding:0px 0 0 0;letter-spacing:-2px;background:#fff;line-height:0px;} #wrapper_03_04_05 #wrapper_06_01{width:50%;float:left;background:#0195c3;color:#fff;font-size:15px;padding:65px 0 39px 0;} #wrapper_03_04_05 #wrapper_06_01 a{color:#fff;padding:0;margin:0} #wrapper_03_04_05 #wrapper_06_02{width:50%;float:left;background:#006cb7;color:#fff;font-size:15px;padding:65px 0 39px 0;} #wrapper_03_04_05 #wrapper_06_02 a{color:#fff;padding:0;margin:0} #wrapper_07{width:25%;float:left;margin:0 auto;height:auto;overflow:hidden;text-align:center;font-weight:500;font-size:20px;padding:0px 0 0 0;background:#fff;line-height:0px;} #wrapper_07_01{width:50%;float:left;background:#f47121;color:#fff;font-size:15px;padding:45px 0 46px 0;} #wrapper_07_01 a{color:#fff;padding:0;margin:0;line-height:13px;} #wrapper_07_01 img{margin-top:15px} #wrapper_07_02{width:50%;float:left;background:#e55700;color:#fff;font-size:15px;padding:45px 0 46px 0;} #wrapper_07_02 a{color:#fff;padding:0;margin:0;line-height:13px;} #wrapper_07_02 img{margin-top:15px} #wrapper_08{width:25%;float:left;overflow:hidden;text-align:left;font-weight:500;margin:0px 0 0px 0;line-height:0px;background: url('../img/wrapper_08_back.gif') repeat-x 0 100%;color:#fff} #wrapper_08 ul li{font-size:14px;color:#ccc;letter-spacing:0px;padding:11px 0 11px 0;} #wrapper_08 ul li:nth-child(1){font-size:20px;margin:35px 0 14px 0;color:#fff;letter-spacing:-2px;} #wrapper_09{width:24.90%;float:left;text-align:center;font-weight:500;font-size:18px;padding:58px 0 78px 0; letter-spacing:-2px;background: url('../img/wrapper_10.jpg')repeat-x 0 100%; } #wrapper_09 ul {width:50%;padding:20px 0 20px 0;margin:0 auto;line-height:20px;color:#fff;border: 1px solid #fff;text-align:center;} .main_telicon_09{display:none} .wrapper_09_text {color:#fff;font-size:17px;letter-spacing:-0px;} .wrapper_10_text {color:#f47121;font-size:17px;letter-spacing:-0px;} #wrapper_10{width:25%;float:left;text-align:center;font-weight:500;font-size:18px;padding:78px 0 50px 0; letter-spacing:-2px;background: url('../img/wrapper_10.gif') } #wrapper_10 p {padding-top:43px;margin:0;line-height:20px;} #wrapper_11{width:25%;float:left;text-align:center;font-weight:500;font-size:18px;padding:78px 0 50px 0; letter-spacing:-2px;background: url('../img/wrapper_11.gif') } #wrapper_11 p {padding-top:43px;margin:0;line-height:20px;} .main_telicon{display:none} } /*/////////////////////////////////////////////////모바일버전이에요///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media all and (max-width:768px){ .main_img{width:100%;margin:0 auto;padding:0;height:auto;} /* 2018.02.27 메인스크롤링 형식을 변경 -> 자동으로 넘어가게.모바일버전이에요///... -----------------------------------------------------------------------------*/ .animation_canvas { overflow:hidden; position:relative; width: 100%; padding:0; z-index:-1;} .slider_panel { width: 100%; padding:0;padding-bottom:75%;min-height: 100%; position:relative; } .slider_image { position: absolute; left:0; top:0; width: 100%; min-height: 100%;padding-bottom:0%} .slider_panel .img1 { background:url(/V1/mobile_smarthome/img/main_img01.jpg) no-repeat center top;background-size:275% } .slider_panel .img2 { background:url(/V1/mobile_smarthome/img/main_img02.jpg) no-repeat center top;background-size:275% } .slider_panel .img3 { background:url(/V1/mobile_smarthome/img/main_img03.jpg) no-repeat center top;background-size:275% } .control_panel { position:absolute; margin-top: -7%; left: 45%; width:200px; height: 20px; overflow:hidden; } .control_panel .control_button { width:10px; height:10px; position:relative; float:left; cursor:pointer; display:inline-block; background:url(http://kisvan.co.kr/image/main/point.png) no-repeat center top; margin: 5px 5px 0 0; } .control_panel .control_button.active { background-position: center bottom; } .control_panel .first { margin: 5px 5px 0 7px; } /* 2018.02.27 메인스크롤링 형식을 변경 -> 자동으로 넘어가게.... */ #wrapper {margin:0 auto;clear:both;width:100%;height:auto;background:#fff;z-index:99999;} #wrapper:after {display:block;visibility:hidden;clear:both;content:""} #wrapper .main_wrap{width:100%;margin:0 auto;height:auto} #wrapper .main_wrap .main_content_wrap{margin:0 auto;width:100%;} #wrapper .main_wrap .main_content_wrap .main_content_02{clear:both;width:100%;margin:0 0 30px 0;height:auto;overflow:hidden} #wrapper .main_wrap .main_content_wrap .main_content_02 .main_content_box{float:left;width:33.3%;margin:0 auto;} #wrapper .main_wrap .main_content_wrap .main_content_02 .main_content_box .main_content_02_1{overflow:hidden;width:100%;height:150px;margin:0 auto;padding:0;} #wrapper .main_wrap .main_content_wrap .main_content_02 .main_content_box .main_content_02_1 p.p_content {position:absolute;line-height:140%;margin:70px 0 0 0;padding:10px;font-size:14px;color:#fff;text-align:center;font-weight:400;z-index:9999;width:30%} #wrapper .main_wrap .main_content_wrap .main_content_02 .main_content_box .main_content_02_1_1{clear:both;width:100%;text-align:center;margin:0 auto;padding:20px 0;font-size:16px;letter-spacing:-2px;color:#454545;} #wrapper .main_wrap .main_content_wrap .main_content_02 .main_content_box .main_content_02_1 img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.3s ease-in-out; overflow:hidden; width:100%; height:150px; cursor:pointer } #wrapper .main_wrap .main_content_wrap .main_content_02 .main_content_02_1 img:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} /*/////////////////////메인페이지의 텍스트/////////////모바일버전이에요////////////////*/ #featured_project {width:100%;margin-top:-100px;z-index:9999999}/*높이위치 조절 */ #featured_project .control { position:relative; z-index:10; margin:0 auto; max-width:550px; min-width:300px; } #featured_project .control h2 { letter-spacing:-0.04em; position:absolute; right:0; top:0px; font-size:20px; font-weight:bold; color:#333; } /* #featured_project .control .thumb_nav { position:absolute; top:0px; right:0; } #featured_project .control .thumb_nav a { float:left; display:block; text-indent:-9999px; padding:0 1px; width:13px; height:13px; background:url('../img/nav_off.png') no-repeat 0 0; } #featured_project .control .thumb_nav a.on { background-image:url('../img/nav_on.png'); } */ #featured_project div.list {overflow:hidden; max-width:550px; min-width:300px; height:180px; position:relative; margin:0 auto; background: url('../img/visual_point.png') repeat-x 0 100%; } #featured_project ul.list { height:180px; position:absolute; top:0; left:0; } #featured_project ul.list li { position:absolute; top:0; left:0; max-width:550px; min-width:300px; width:100%; height:180px; overflow:hidden; } #featured_project ul.list li dl.cont { position:absolute; right:-300px; top:0px; text-align:right; } #featured_project ul.list li dl.cont dt.client { font-size:18px; color:#000; font-weight:bold; letter-spacing:-0.03em;padding:15px 0 } #featured_project ul.list li dl.cont dt.client .icon { vertical-align:middle; } #featured_project ul.list li dl.cont dt.name { margin-bottom:10px; font-size:22px; font-family:NanumGothicBold; color:#fff; letter-spacing:-0.05em; } #featured_project ul.list li dl.cont dd.explan { line-height:1.5; color:#fff; font-size:12px;font-weight:600;text-align:right;margin:5px 0 } /* #featured_project ul.list li dl.cont dd.btns { margin-top:30px; } #featured_project ul.list li dl.cont dd.btns a { margin:0 2px; font-size:11px; color:#fff; text-decoration:none; display:inline-block; padding:2px 23px; font-weight:bold; } #featured_project ul.list li dl.cont dd.btns a.detail { background:#ff8800; } #featured_project ul.list li dl.cont dd.btns a.link { background:#000; } #featured_project ul.list li dl.cont dd.btns a:hover { text-decoration:underline; } */ /*///////////////////////////메인페이지의 텍스트 끝//////모바일버전이에요/////////////////////////////*/ /* 중간 레이아웃 모바일버전이에요///*/ #wrapper {margin:0 auto;clear:both;width:100%;height:auto;background:#fff;z-index:99999;} #wrapper:after {display:block;visibility:hidden;clear:both;content:""} #wrapper .main_wrap{width:100%;height:auto} #wrapper .main_wrap .main_content_01{width:96%;margin:15px auto;border:0;height:auto;padding-bottom:10px} /* 중간 레이아웃 모바일버전이에요///*/ #wrapper_03_04_05 {width:100%;margin:0 auto;text-align:center;} #wrapper_03{width:99.50%;float:left;margin:0 0 0 5px;height:auto;overflow:hidden;text-align:left;font-weight:500;font-size:14px;padding:0px 0 0 0 ;letter-spacing:-2px;background:#fff;} #wrapper_03 p {float:left;font-size:20px;letter-spacing:-3px;line-height:0px;font-weight:500;} #wrapper_04{display:none} #wrapper_04 p{display:none} #wrapper_05{display:none} #wrapper_05 p{display:none} #wrapper_04_mobile{width:50%;float:left;margin:0 auto;height:auto;overflow:hidden;text-align:left;font-weight:500;font-size:14px;padding:0px 0 0 0px;letter-spacing:-2px;background:#f6f6f6;line-height:20px;} #wrapper_04_mobile p{float:left;padding-left:20px;font-size:18px;} #wrapper_05_mobile{width:50%;float:left;margin:0 auto;height:auto;overflow:hidden;text-align:left;font-weight:500;font-size:14px;padding:0px 0 0 0; letter-spacing:-2px;background:#e5e5e5;line-height:20px;} #wrapper_05_mobile p{float:left;padding-left:20px;font-size:18px;} #wrapper_03_04_05 #wrapper_06{width:50%;float:left;margin:0 auto;height:auto;overflow:hidden;text-align:center;font-weight:500;font-size:20px;padding:0px 0 0 0;letter-spacing:-2px;background:#fff;line-height:0px;} #wrapper_03_04_05 #wrapper_06_01{width:50%;float:left;background:#0195c3;color:#fff;font-size:15px;padding:25px 0 10px 0;} #wrapper_03_04_05 #wrapper_06_01 a{color:#fff;padding:0;margin:0} #wrapper_03_04_05 #wrapper_06_02{width:50%;float:left;background:#006cb7;color:#fff;font-size:15px;padding:25px 0 10px 0;} #wrapper_03_04_05 #wrapper_06_02 a{color:#fff;padding:0;margin:0} #wrapper_07{width:50%;float:left;margin:0 auto;height:auto;overflow:hidden;text-align:center;font-weight:500;font-size:20px;padding:0px 0 0 0;background:#fff;line-height:0px;} #wrapper_07_01{width:50%;float:left;background:#f47121;color:#fff;font-size:15px;padding:20px 0 17px 0;} #wrapper_07_01 a{color:#fff;padding:0;margin:0;line-height:13px;} #wrapper_07_01 img{margin-top:0px} #wrapper_07_02{width:50%;float:left;background:#e55700;color:#fff;font-size:15px;padding:20px 0 17px 0;} #wrapper_07_02 a{color:#fff;padding:0;margin:0;line-height:13px;} #wrapper_07_02 img{margin-top:0px} #wrapper_08{width:50%;float:left;overflow:hidden;text-align:left;font-weight:500;margin:0px 0 0px 0;line-height:0px;background: url('../img/wrapper_08_back.gif') repeat-x 0 100%;color:#fff} #wrapper_08 ul{padding:0 0 0px 10px;} #wrapper_08 ul li{font-size:14px;color:#ccc;letter-spacing:-1px;padding:0px 0 0px 0;line-height:22px;} #wrapper_08 ul li:nth-child(1){font-size:18px;margin:20px 0 10px 0;color:#fff;letter-spacing:-2px;} #wrapper_09{width:50%;float:left;text-align:center;font-weight:500;font-size:16px;padding:26px 0 10px 0; letter-spacing:-2px;background: url('../img/wrapper_10.jpg')repeat-x 0 100%; } #wrapper_09 ul {width:60%;padding:20px 0 0px 0;margin:0 auto;line-height:22px;color:#fff;border: 1px solid #fff;text-align:center;} .wrapper_09_text {color:#fff;font-size:17px;letter-spacing:-0px;} .wrapper_10_text {color:#f47121;font-size:17px;letter-spacing:-0px;} #wrapper_10{width:50%;float:left;text-align:center;font-weight:500;font-size:18px;padding:0px 0 0px 0; letter-spacing:-2px;background: url('../img/wrapper_10_m.gif');background-size:100% } #wrapper_10 p {padding-top:83px;margin:0;line-height:20px;} #wrapper_11{width:50%;float:left;text-align:center;font-weight:500;font-size:18px;padding:00px 0 0px 0; letter-spacing:-2px;background: url('../img/wrapper_11_m.gif');background-size:100% } #wrapper_11 p {padding-top:83px;margin:0;line-height:20px;} .main_telicon{margin-top:10px;} .main_telicon_09{margin-top:30px;} /* 최근게시물 스킨 (latest) 모바일*/ .lt{padding:0;margin:0;} .lt ul {clear:both;margin:0;padding:0;list-style:none;width:90%} .lt ul li{clear:both;width:100%;height:auto;vertical-align:middle;margin-left:30px;border-bottom:1px solid #fff;line-height:10px;} .lt_more {float:left;line-height:0px;height:auto;text-align:center;margin:15px 0 0 50px;} /* 최근게시물 스킨 (latest) 채용공고////////////////////////////////////////////////////////////////////////*/ .lt_re table {width:98%;border-collapse:collapse;border-spacing:0;border:0} .lt_re th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;text-align:left;font-size:14px} .lt_re th:nth-child(1){} .lt_re th:nth-child(3){width:30%;} .lt_re td {padding:1px 0;border-top:1px solid #e9e9e9;border-bottom:0;line-height:0;word-break:break-all;text-align:left;font-size:12px;letter-spacing:-1px;line-height:20px;} .lt_re td a{color:#000;text-decoration:none;font-size:14px} .lt_re p{float:left;padding:0 0 0 10px;margin:0;height:0px;border-bottom:1px solid #fff;} .lt_re a.lt_title{display:inline-block;padding:0px 0;font-weight:600;font-size:16px} .lt_re ul {margin:0;padding:0;list-style:none;width:100%;} .lt_re ul li{width:80%;height:auto;vertical-align:middle;font-size:14px;border:1px solid #fff;margin:0px 0px 0px 0px;padding:0px 0 0px 0;} .lt_more_re {float:left;line-height:0px;height:auto;text-align:right;margin:7px 0 0 290px;background:#fff;} }