/* 스틱 위로 올라가면서 생기는 여백 줄임 */ .conStick{margin-top:120px !important;} #sub_container .content .con{min-width:970px; max-width:1170px; margin:0 auto; padding:0 15px; border:1px solid red;} /* 기본 */ #sub_container #subTop{background:url(/img/subTop_bg.gif) left 15px repeat-x;} #sub_container .subTop_request{background:none !important;}/*견적&상담요청 subTop_bg없앰*/ #sub_container #subTop .navi{padding:13px 0 6px; color:#999999; font-size:12px; text-align:center; } #sub_container #subTop .navi .ico_home{padding:0 0 0 16px; background:url(/img/ico_home.gif) no-repeat left center; } #sub_container #subTop .navi .current{color:#666666;} #sub_container #subTop h2{display:block; margin:0 0 15px 0; font-size:34px; font-weight:bold; text-align:center; color:#000000; } #sub_container #subTop .lnb {overflow:hidden; margin:0 auto;} #sub_container #subTop .lnb ul {text-align:center; margin:0 auto;} #sub_container #subTop .lnb ul.cs_sub02_01{width:664px;} #sub_container #subTop .lnb ul.cs_sub03_01{width:332px} #sub_container #subTop .lnb ul.cs_sub04_01{width:332px} #sub_container #subTop .lnb ul li{width:166px; height:95px; float:left; font-size:14px; font-weight:bold; border:1px solid #ccc; background:#fff;} #sub_container #subTop .lnb ul li a{display:block; width:166px; height:95px; padding:14px 0 0 0; color:#fff; text-align:center; cursor: pointer} #sub_container #subTop .lnb ul li a:hover{color:#fff;} #sub_container #subTop .lnb ul li.on a{color:#fff;} #sub_container #subTop .lnb00 a span {color:#0099a7;} #sub_container #subTop .lnb01 a span {color:#f53643;} #sub_container #subTop .lnb02 a span {color:#197cf3;} #sub_container #subTop .lnb03 a span {color:#a319ab;} #sub_container #subTop .lnb04 a span {color:#1738b9;} #sub_container #subTop .lnb05 a span {color:#737373;} #sub_container #subTop .lnb ul li a .img_cate {height:55%; } #sub_container #subTop .lnb ul li a .text_cate {margin-top:8px; display:block; } #sub_container #subTop .subTop_menu_wrap {display:none;} #sub_container #subTop .subTop_menu { display:none; } /* PORTFOLIO & MANITENANCE & CS CENTER 기본 */ #sub_container #subTop .tab_con ul {margin:0 auto;} /* #sub_container #subTop .tab_con ul.cs_sub01_01 {width:664px;} #sub_container #subTop .tab_con ul.cs_sub05_01,.cs_sub05_02,.cs_sub05_03,.cs_sub05_04 {width:664px;} #sub_container #subTop .tab_con ul.cs_sub06_01,.cs_sub06_02,.cs_sub06_03,.cs_sub06_04 {width:664px;} #sub_container #subTop .tab_con ul.cs_sub07_01,.cs_sub07_02,.cs_sub07_03,.cs_sub07_04,.cs_sub07_05,.cs_sub07_06 {width:830px;} */ #sub_container #subTop .tab_con ul.cs_gr_sub01 {width:664px;} #sub_container #subTop .tab_con ul.cs_gr_sub05 {width:664px;} #sub_container #subTop .tab_con ul.cs_gr_sub06 {width:664px;} #sub_container #subTop .tab_con ul.cs_gr_sub07 {width:830px;} #sub_container #subTop .tab_con ul li{width:166px; height:95px; float:left; font-size:14px; font-weight:bold; border:1px solid #ccc; background:#fff;} #sub_container #subTop .tab_con ul li a{display:block; width:166px; height:95px; padding:14px 0 0 0; color:#fff; text-align:center;} #sub_container #subTop .tab_con ul li a:hover{color:#fff;} #sub_container #subTop .tab_con ul li.lnb00 a span {color:#0099a7;} #sub_container #subTop .tab_con ul li.lnb01 a span {color:#f53643;} #sub_container #subTop .tab_con ul li.lnb02 a span {color:#197cf3;} #sub_container #subTop .tab_con ul li.lnb03 a span {color:#a319ab;} #sub_container #subTop .tab_con ul li.lnb04 a span {color:#1738b9;} #sub_container #subTop .tab_con ul li.lnb05 a span {color:#737373;} #sub_container #subTop .tab_con ul li a .img_cate {height:55%; } #sub_container #subTop .tab_con ul li a .text_cate {margin-top:8px; display:block; } /* 스틱 */ #sub_container #subTop.subTopStick{position:fixed; top:0px; left:0; width:100%; margin:0 auto; border-bottom:1px solid #dedede; z-index:99; min-height:185px; background:#f8f8f8;} #sub_container #subTop.subTopStick .subWid{ max-width:1100px; margin:0 auto;} #sub_container #subTop.subTopStick .navi{float:left; padding:30px 0 0 0px; color:#b1b1b1; font-weight:bold; font-size:24px; text-align:left;} #sub_container #subTop.subTopStick .navi .ico_home{padding:0px; } #sub_container #subTop.subTopStick .navi .current{color:#333;} #sub_container #subTop.subTopStick h2{display:none;} #sub_container #subTop.subTopStick .lnb{overflow:hidden; float:right; margin:10px 0px !important; min-width:none; max-width:none; } #sub_container #subTop.subTopStick .lnb ul.cs_sub01_01{width:100%;} #sub_container #subTop.subTopStick .lnb ul.cs_sub02_01{width:100%;} #sub_container #subTop.subTopStick .lnb ul.cs_sub03_01{width:100%;} #sub_container #subTop.subTopStick .lnb ul li{width:135px; height:80px;} #sub_container #subTop.subTopStick .lnb ul li{float:left; text-align:center; color:#999999; font-size:12px; font-weight:bold;} #sub_container #subTop.subTopStick .lnb ul li a{display:block; width:135px; height:43px; padding:0px 0 0 0; /*text-indent:-99999999990px;*/} #sub_container #subTop.subTopStick .lnb ul li a:hover{color:#fff; text-indent:0px;} #sub_container #subTop.subTopStick .lnb ul li a .img_cate {height:90%; margin-top:10px;} #sub_container #subTop.subTopStick .lnb ul li a .text_cate {margin-top:7px; display:block; } #sub_container #subTop .subTop_menu_wrap {display:block; background:#282828 !important; } #sub_container #subTop.subTopStick .subTop_menu{display:block; width:1100px; margin:0 auto;} #sub_container #subTop.subTopStick .subTop_menu .Logo {display:inline-block; padding:10px 0px 0px 0px;} #sub_container #subTop.subTopStick .subTop_menu .Logo img {width:100%;} #sub_container #subTop.subTopStick .subTop_menu .Menu {display:inline-block; float:right; margin:0px;} #sub_container #subTop.subTopStick .subTop_menu .Menu li {display:inline-block; padding:40px 35px 0px !important; font:16px/1.5 '나눔고딕', NanumGothic, 'Nanum Gothic'; } #sub_container #subTop.subTopStick .subTop_menu .Menu li a {color:#fff; font-weight:bold;} #sub_container #subTop.subTopStick .subTop_menu .Menu li:last-child {padding:33px 0px 33px 42px !important;} #sub_container #subTop.subTopStick .subTop_menu .Menu li a.red {color:#f31a01 !important;} /* PORTFOLIO & MANITENANCE & CS CENTER 기본 */ #sub_container #subTop.subTopStick .tab_con {overflow:hidden; float:right; margin:10px 0px !important; } #sub_container #subTop.subTopStick .tab_con ul {width:100%;} #sub_container #subTop.subTopStick .tab_con ul li{width:135px; min-height:85px !important; float:left; text-align:center; color:#999999; font-size:12px; font-weight:bold;} #sub_container #subTop.subTopStick .tab_con ul li a{display:block; width:135px; height:43px; padding:0px 0 0 0; /*text-indent:-99999999990px;*/} #sub_container #subTop.subTopStick .tab_con ul li a:hover{color:#fff; text-indent:0px;} #sub_container #subTop.subTopStick .tab_con ul li a .img_cate {height:100%; margin-top:15px;} #sub_container #subTop.subTopStick .tab_con ul li a .text_cate {margin-top:7px; display:block; } #sub_container #subTop.subTopStick .tab_con ul li a .text_cate01 {margin-top:13px; display:block; } #sub_container #subTop.subTopStick .tab_con ul li a .text_cate02 {margin-top:10px; display:block; } @media all and (max-width: 1024px) { /* 기본 */ #sub_container #subTop .lnb {overflow:hidden; margin:0 auto;} #sub_container #subTop .lnb ul {text-align:center; margin:0 auto; } #sub_container #subTop .lnb ul.cs_sub02_01{width:100%} #sub_container #subTop .lnb ul.cs_sub02_01 li {width:25% !important;} #sub_container #subTop .lnb ul.cs_sub03_01{width:100%} #sub_container #subTop .lnb ul.cs_sub04_01{width:100%} #sub_container #subTop .lnb ul li{width:50%; height:90px;} #sub_container #subTop .lnb ul li a{display:block; width:100% !important; padding:0px !important; font-size:12px; letter-spacing:-0.05em; cursor: pointer;} #sub_container #subTop .lnb ul li a .img_cate {height:30%; margin-top:15px !important;} #sub_container #subTop .lnb ul li a .text_cate {margin-top:15px; display:block; } /* PORTFOLIO & MANITENANCE & CS CENTER 기본 */ #sub_container #subTop .tab_con {overflow:hidden; margin:0 auto;} #sub_container #subTop .tab_con ul {text-align:center; margin:0 auto;} #sub_container #subTop .tab_con ul li{height:90px !important;} #sub_container #subTop .tab_con ul li a{display:block; width:100%; height:90px !important; padding:0px !important; font-size:12px; letter-spacing:-0.05em;} #sub_container #subTop .tab_con ul li a .img_cate {height:35%; margin-top:10px;} #sub_container #subTop .tab_con ul li a .text_cate {margin-top:7px; display:block; } #sub_container #subTop .tab_con ul li a .text_cate01 {margin-top:9px; display:block; } #sub_container #subTop .tab_con ul li a .text_cate02 {margin-top:16px; display:block; } #sub_container #subTop .tab_con ul.cs_sub01_01{width:100%} #sub_container #subTop .tab_con ul.cs_sub01_01 li {width:25% !important;} /*#sub_container #subTop .tab_con ul.cs_sub05_01, .cs_sub05_02, .cs_sub05_03, .cs_sub05_04, .cs_sub05_05 {width:100%;} #sub_container #subTop .tab_con ul.cs_sub05_01 li, #sub_container #subTop .tab_con ul.cs_sub05_02 li, #sub_container #subTop .tab_con ul.cs_sub05_03 li, #sub_container #subTop .tab_con ul.cs_sub05_04 li, #sub_container #subTop .tab_con ul.cs_sub05_05 li {width:25%;}*/ #sub_container #subTop .tab_con ul.cs_gr_sub05 {width:100%;} #sub_container #subTop .tab_con ul.cs_gr_sub05 li {width:25%;} /*#sub_container #subTop .tab_con ul.cs_sub06_01, .cs_sub06_02, .cs_sub06_03, .cs_sub06_04 {width:100%;} #sub_container #subTop .tab_con ul.cs_sub06_01 li, #sub_container #subTop .tab_con ul.cs_sub06_02 li, #sub_container #subTop .tab_con ul.cs_sub06_03 li, #sub_container #subTop .tab_con ul.cs_sub06_04 li {width:25%;}*/ #sub_container #subTop .tab_con ul.cs_gr_sub06 {width:100%;} #sub_container #subTop .tab_con ul.cs_gr_sub06 li {width:100%;} /*#sub_container #subTop .tab_con ul.cs_sub07_01, .cs_sub07_02, .cs_sub07_03, .cs_sub07_04, .cs_sub07_05, .cs_sub07_06 {width:100%;} #sub_container #subTop .tab_con ul.cs_sub07_01 li, #sub_container #subTop .tab_con ul.cs_sub07_02 li, #sub_container #subTop .tab_con ul.cs_sub07_03 li, #sub_container #subTop .tab_con ul.cs_sub07_04 li, #sub_container #subTop .tab_con ul.cs_sub07_05 li {width:20%;}*/ #sub_container #subTop .tab_con ul.cs_gr_sub07 {width:100%;} #sub_container #subTop .tab_con ul.cs_gr_sub07 li {width:20%;} /* 스틱 */ #sub_container #subTop.subTopStick{position:fixed; top:10% !important; left:0; width:100%; height:100px; margin:0 auto; border-top:1px solid #eee; border-bottom:1px solid #eee; z-index:99; background-color:#fff !important; min-height:10px;} #sub_container #subTop.subTopStick .subWid{ width:100% !important; margin:0 auto;} #sub_container #subTop.subTopStick .navi{float:left; padding:20px 0px 10px 0px; color:#b1b1b1; font-weight:bold; font-size:100%; text-align:left; } #sub_container #subTop.subTopStick .lnb{clear:both; overflow:hidden; float:none !important; background-color:#fff !important; } #sub_container #subTop.subTopStick .lnb ul.cs_sub01_01{width:100%} #sub_container #subTop.subTopStick .lnb ul.cs_sub02_01{width:100%} #sub_container #subTop.subTopStick .lnb ul.cs_sub02_01 li {width:25% !important;} #sub_container #subTop.subTopStick .lnb ul.cs_sub03_01{width:100%} #sub_container #subTop.subTopStick .lnb ul li {width:50% !important;} #sub_container #subTop.subTopStick .lnb ul li a .img_cate {height:70%;} #sub_container #subTop.subTopStick .subTop_menu_wrap {display:none;} #sub_container #subTop.subTopStick .subTop_menu { display:none; } /* PORTFOLIO & MANITENANCE & CS CENTER 스틱 */ #sub_container #subTop.subTopStick .tab_con {clear:both; overflow:hidden; float:none !important; background-color:#fff !important; } #sub_container #subTop.subTopStick .tab_con ul {width:100%;} #sub_container #subTop.subTopStick .tab_con ul li {width:33.3%;} /* #sub_container #subTop.subTopStick .tab_con ul.cs_sub05_01 li, #sub_container #subTop.subTopStick .tab_con ul.cs_sub05_02 li, #sub_container #subTop.subTopStick .tab_con ul.cs_sub05_03 li, #sub_container #subTop.subTopStick .tab_con ul.cs_sub05_04 li, #sub_container #subTop.subTopStick .tab_con ul.cs_sub05_05 li {width:20%;} */ #sub_container #subTop.subTopStick .tab_con ul.cs_gr_sub05 li {width:20%;} /* #sub_container #subTop.subTopStick .tab_con ul.cs_sub06_01 li, #sub_container #subTop.subTopStick .tab_con ul.cs_sub06_02 li, #sub_container #subTop.subTopStick .tab_con ul.cs_sub06_03 li, #sub_container #subTop.subTopStick .tab_con ul.cs_sub06_04 li {width:25%;} */ #sub_container #subTop.subTopStick .tab_con ul.cs_gr_sub05 li {width:25%;} #sub_container #subTop.subTopStick .tab_con ul li a{width:100%;} #sub_container #subTop.subTopStick .tab_con ul li a .img_cate {height:95%;} #sub_container #subTop.subTopStick .tab_con ul li a .text_cate {margin-top:9px; display:block; } } @media all and (max-width: 768px) { #sub_container #subTop .tab_con ul li{min-height:85px !important;} #sub_container #subTop .tab_con ul li a .img_cate {margin-top:15px;} }