#wrab { position:relative; width:100%; margin:0 auto;} header {position:fixed; top: 0px; left: 0px; width: 100%; height: 100px; background:rgba(0,0,0, .65);border-bottom:1px solid #333; z-index:100;} .fixed {position:fixed; background:#000;} header #top_m{margin:0 auto; position:relative; top:0px; width:1300px; height:100px; z-index:101;} header #top_m h1 {position:absolute; top:20px; left:10px; z-index:1001; margin:0px; padding:0px;} header #top_m h1 a{display:block; width:158px; height:22px;} header #top_m #cate{position:absolute; height:14px; top:35px; right:10px; z-index:3; border:0px solid #F00; z-index:101;} header .tMenu {position:absolute;width:700px; right:40px; height:30px; top:35px; border:0px solid #f00;} header .tMenu #lmenu { margin:0 auto; border:0px solid #f00} header .tMenu #lmenu:after {clear:both; display:block; content:"";} header .tMenu #lmenu li {float:left; border:0px solid #00f; position:relative;color:#fff; height: 40px; cursor: pointer;} header .tMenu #lmenu li a{color:#fff;font-size:16px;} header .tMenu #lmenu li.s1 {margin-right:7%;} header .tMenu #lmenu li.s2 {margin-right:7%;} header .tMenu #lmenu li.s3 {margin-right:7%;} header .tMenu #lmenu li.s4 {margin-right:7%;} header .tMenu #lmenu li ul {position:absolute; background:rgba(255,255,255, .85); width:200px; overflow:hidden; left:-40px; top:45px; } header .tMenu #lmenu li ul {display: none;border:1px solid #4e5f7a;} header .tMenu #lmenu li ul li {clear:both; padding:8px 10px 8px 12px; width:200px; border-bottom:1px solid #4e5f7a;height:30px;} header .tMenu #lmenu li ul li a {color:#333;font-size:14px; padding:8px 10px 8px 12px; width:200px;} /* totalMenu-전체메뉴 */ #totalMenu{position:absolute; top:100px; left:50%; transform: translateX(-50%); background:#fff; border:1px solid #777; z-index:9999;width:1300px; padding:13px 0 30px 0; opacity:.95; filter:alpha(opacity=95); display:none;} #totalMenu:after{content:""; display:block; clear:both} #totalMenu li {float:left; font-size:14px; padding:0 3%; border-left:1px solid #ececec; line-height:160%;} #totalMenu li ul{text-align:left;} #totalMenu li strong{display:block; color:#2b49f3; font-size:14px; margin-bottom:10px} #totalMenu li li{padding:0px; padding-bottom:3px; float:none; border:none; margin:0px; height:auto;} #totalMenu li a{color:#595959} #totalMenu .btn_close{position:absolute; right:20px; top:13px} #mainimg {position:relative; width:100%; height:766px; z-index:1; border:0px solid #F00;} #mainimg .wrapper {height:766px} #mainimg .mvimg {width:100%; height:766px; background-repeat:no-repeat; background-position:50% 0px; border:0px solid #f00} #mainimg #img1 {background-image:url('/web/img/main/mainimg1.jpg');} #mainimg #img2 {background-image:url('/web/img/main/mainimg2.jpg');} #mainimg #img3 {background-image:url('/web/img/main/mainimg3.jpg');} #mainimg_m {display:none;} /* 메인 컨텐츠 1 */ main{ position:relative; width:100%; margin:0 auto; overflow:hidden;} .fs {font-size:15px;text-align:center;} .h2_tit {position:relative;width: 90%; margin: 0 auto;} h2{ font-size:38px; text-align:center;line-height:200%;font-weight:normal;font-family:'Krona One', sans-serif;} h2 img {position: absolute;} /* 메인 -프로젝트 */ main #project {position:relative; width:1300px; margin:90px auto 0 auto; overflow:hidden;} .als-container {position: relative;width: 100%;margin: 0px auto;} .als-viewport {position: relative; width:90%;overflow: hidden; margin: 0px auto;} .als-wrapper { position:relative; overflow: hidden; } .als-item {position: relative; display: block; text-align: center; cursor: pointer; float: left;} .als-item h3 {font-size: 22px;color:#333;} .als-item div { position: absolute; background:url("/web/img/main/project_txtbg.png")no-repeat right; width: 257px; height:55px; top: 62%; left:20px; z-index:2;} .als-item p { color:#fff; font-size:15px;padding:15px 0 0;margin-left:-15px;} .als-prev, .als-next {position: absolute; width: 30px; cursor: pointer; z-index:99;clear: both;} #lista1 {margin: 60px auto 80px auto;} #lista1 .als-item { margin: 0px 20px; min-height: 437px; width: 378px; border:1px solid #ccc;} #lista1 .als-item img { position: relative; display: block; width:100%; margin-bottom: 60px;} #lista1 .als-prev, #lista1 .als-next { top: 208px; width: 27px; height: 31px;} #lista1 .als-prev { left: 0px;} #lista1 .als-next { right: 0px;} #m_banner {position: relative; width:100%; padding:80px 0; background:#243870;overflow:hidden;} #m_banner ul {position: relative; width:1300px; margin: auto;} #m_banner ul li {float: left; width: 20%;margin:0 2%; color:#fff;} #m_banner ul li a{color:#fff;} #m_banner dt {width:80px; float: left;} #m_banner dd {margin-left:100px;font-size:20px;} #m_banner dd p{padding-top:8px; font-size:11px;color:rgba(255,255,255, .45);font-family:'Krona One', sans-serif;} #promise {position: relative; width: 100%; padding: 90px 0 220px 0; background: #ebebeb url('/web/img/main/promise_bg.jpg'); overflow: hidden;} #promise .promise_con {width: 1300px; margin: 0 auto;} #promise .promise_con ul {position: relative; margin-top: 5%;} #promise .promise_con li{position: relative;float: left;} #promise .promise_con li.bg1{background: url("/web/img/main/promise_img1.jpg")no-repeat;width: 25%; height: 309px;} #promise .promise_con li.bg2{background: url("/web/img/main/promise_img2.jpg")no-repeat;width: 25%; height: 309px;} #promise .promise_con li.bg3{background: url("/web/img/main/promise_img3.jpg")no-repeat;width: 25%; height: 309px;} #promise .promise_con li.bg4{background: url("/web/img/main/promise_img4.jpg")no-repeat;width: 25%; height: 309px;} #promise .promise_con li .tit {position: absolute; top: 120px; left:50%; margin-left:-50px; background:#2b49f3; border-radius: 100px; width:100px; height:100px; padding-top:40px; text-align:center; color: #fff;font-family:'Krona One', sans-serif;} #promise .promise_con li .txt_bg {width: 80%; padding:60px 8% 0 8%; height: 240px; background:#fff; margin: 180px auto 0 auto;font-size:22px; text-align:center;color:#000;letter-spacing:-2px;} #promise .promise_con li .txt_bg .bar{width:30px;background:#2b49f3; height:1px; margin:20px auto;} #promise .promise_con li .txt_bg .txt2 {font-size:16px; color:#8e8e8e; line-height:150%;letter-spacing:-1px;} #remodeling {position: relative; width:100%; padding:80px 0 120px 0; overflow:hidden;} #remodeling ul {position: relative; width:1200px; margin:90px auto;} #remodeling ul li {float: left; width: 25%; text-align:center;} #remodeling ul li a{color:#000;} #remodeling dt {width:100%; padding-top:20px; height: 80px; border-right:1px solid #ccc; } #remodeling dd {font-size:20px;text-align:center;} #remodeling dd p{padding-top:8px; width:65%; font-size:15px;color:#767676;margin:0 auto;} #remodeling dt.mr0 {border-right:none;} #greeting {position: relative; width: 100%; padding: 90px 0 60px 0; background:#1a1d2e url('/web/img/main/greeting_bg.jpg')50% 50% no-repeat; overflow: hidden; } .greeting_con {position: relative;width:1300px; margin: 0 auto;text-align:center;} #greeting .greeting_con .g_txt1 {font-size:28px; text-align:center;color:#fff;padding-top:30px;} #greeting .greeting_con .g_txt2 {width:75%; margin:0 auto; font-size:18px; text-align:center;color:rgba(255,255,255, .55); ;padding-top:30px;} #greeting .greeting_con .btn a {display:block; color:#fff;} #greeting .greeting_con .btn {width:200px; margin:50px auto; border:2px solid #fff; padding:10px;font-size:18px; text-align:cetner;background:none;} #board {position: relative;width:1300px; margin: 0 auto;overflow:hidden;} #board ul {position: relative;} #board li {position: relative; width:46%; float:left; border-right: 1px solid #ddd; padding: 55px 0 55px 3%;font-size:17px; color:#000; font-family:'Krona One', sans-serif;} #board li .more{position:absolute; top: 38%; right:30px; background:url('/web/img/main/notice_more.png')no-repeat; width:33px; height: 33px; cursor:pointer;} #board li .more:hover{background:url('/web/img/main/notice_more_ov.png')no-repeat;} #board li span { font-size: 15px; color: #5d5d5d;padding-left:50px;} footer {position: relative; width:100%; padding:40px 0 ; background:#ededed;} footer #copyright {position: relative; width: 1300px; margin: 0 auto;font-size:14px;} footer .address{padding:20px 0 50px 0; border-bottom:1px solid #cdcdcd;} footer .copy { padding-top:50px;} footer .up {position: absolute; right: 0; top: -40px;} /* 서브 //////////////////////////////////////////////////////////////////////////////*/ #subimg {position:relative; width:100%; height:509px; overflow:hidden;padding-top:250px; font-size:36px;color:#fff;text-align:center;font-family:'Krona One', sans-serif;} #subimg p {font-size:16px;padding-top:10px;} .simg1 {background:url("/web/img/sub/subimg1.jpg")50% 0; } .simg2 {background:url("/web/img/sub/subimg2.jpg")50% 0; } .simg3 {background:url("/web/img/sub/subimg3.jpg")50% 0; } .simg4 {background:url("/web/img/sub/subimg4.jpg")50% 0; } .simg5 {background:url("/web/img/sub/subimg5.jpg")50% 0; } .submenu {position : absolute; top: 468px; width:1300px; left:50%; transform: translateX(-50%); border:1px solid #e4e4e4;display:flex;} .submenu li { flex-grow: 1; border-right:1px solid #e4e4e4; background:#fff;font-size:16px;} .submenu li a{ display: block; padding: 20px 0; text-align: center;} .submenu li.on a{background:#2b49f3; color:#fff;} #s_contents {position:relative; width:1300px; margin:0 auto; padding:70px 0px; overflow:hidden;} .h2_tit_s {position:relative;width: 90%; margin: 0 auto;} .h2_tit_s h2 {text-align:center; font-size:36px; color:#333;} .h2_tit_s p {font-size:20px;text-align:center;} #s_contents h3 {font-size:30px; font-weight:normal; color:#333;} #s_contents .con{position:relative; width:1200px; margin:70px auto 0 auto; overflow:hidden;} .con p {font-size:16px;} /*회사개요*/ .con .company1 {position:relative; width: 100%; display:flex;flex-wrap: wrap;} /*.con .company1 li{flex-basis:18.8%; border-top:2px solid #2b49f3; margin:10px 0.5%; border-left:1px solid #ccc; border-right: 1px solid #ccc; border-bottom:1px solid #ccc;text-align:center;padding:50px 0 30px 0;background:#f0f5fa;}*/ .con .company1 li{flex-basis:23.8%; border-top:2px solid #2b49f3; margin:10px 0.5%; border-left:1px solid #ccc; border-right: 1px solid #ccc; border-bottom:1px solid #ccc;text-align:center;padding:50px 0 30px 0;background:#f0f5fa;} .con .company1 li b {font-size:18px;color:#000; padding-top:20px;} .con .company1 li p {font-size:16px; padding-top:10px;} /*인사말*/ .con .company2 {width:100%; background: url("/web/img/sub/sub1_1img1.jpg")no-repeat;padding-top:190px;} .con .company2 div {width:88%; padding: 85px 6%; margin:0 auto; background:#fff;} .con .company2 div p {font-size:16px;} .con .company2 div .c_txt1 {font-size:16px; width: 200px; margin:0 auto; color:#3366cc; border-bottom:1px solid #3366cc; text-align:center; font-family:'Krona One', sans-serif;letter-spacing:-1px;} .con .company2 div .c_txt2 { margin:0 auto; font-size:24px; text-align:center; padding-top:10px; color:#333;} .con .company2 div .c_txt3 {font-size:16px; padding-top:10px; padding-top:65px; line-height:180%;} .con .company2 div .c_txt4 {padding-top:50px; text-align:right;} /*대표이사약력*/ #s_contents2 {position:relative; width:100%;padding:70px 0px;} #s_contents2 .con2 {width:100%; background:#494949; margin-top:70px; padding:100px 0 80px 0;} #s_contents2 .con2 .ceo_history {position:relative; width:1200px; margin:0 auto;} #s_contents2 .con2 .ceo_history .his1 { color:#fff;} #s_contents2 .con2 .ceo_history p {font-size:16px;} #s_contents2 .con2 .ceo_history .his1 .txt36 {font-size:36px;} #s_contents2 .con2 .ceo_history .his2 {position: absolute; top:50px; right:50px; background:#2b49f3; width:300px; height: 150px; font-size:16px; color: #fff; padding:30px;line-height:180%;} #s_contents2 .con2 .ceo_history .his3 { margin-top:40px; background: #fff; padding:30px 90px; overflow:hidden;} #s_contents2 .con2 .ceo_history .his3 p { font-size:30px; color:#333;} #s_contents2 .con2 .ceo_history .his3 ul{ position:relative; margin-top:10px;float:left; width:40%; margin-right:5%;} #s_contents2 .con2 .ceo_history .his3 li{font-size:16px; color:#666;padding-bottom:5px;background:url("/web/img/sub/bulet_gray.gif")0 10px no-repeat; padding-left:10px; } /*등록증 및 자격증*/ .con .certi {position:relative;width: 100%; display:flex;flex-wrap: nowrap;} .con .certi div {width:19%; border:1px solid #ccc; text-align:center;padding:30px 0;background:#f7f7f7; margin:0 1% 10px;} .con .certi div dt {line-height:208px; text-align:center;} .con .certi div dd {font-size:18px; padding-top:20px;} /*조직도*/ .org {position:relative; background:url('../img/sub/sub1_4img2.png')no-repeat 52% 0;} .org .org_con {position:relative; width: 95%; margin:20px auto; overflow:hidden;} .org div {width:197px; border:1px solid #6dae19; border-radius: 40px;padding: 17px; margin:0 auto;background:#6dae19; color:#fff; text-align:center;font-size:18px;} .org .org_con > li {float:left; width:15%; border:1px solid #6dae19; border-radius: 40px;padding: 16px; margin:70px 7% 70px 8%; text-align:center; background:#fff;font-size:18px;} .org_2dept {position: absolute; top: 160px; right: 3%;} .org_2dept li {float:left; width:180px; border:1px solid #6dae19; border-radius: 40px;padding: 17px; font-size: 17px;background:#fff;text-align:center;margin-left:10px;} .org_2dept li.wd {width:150px;} /*찾아오시는길*/ .con .map {position:relative;width: 100%; text-align:center;color:#333;} .con .map .txt18 {font-size:18px;} .con .map .txtkk { font-family:'Krona One', sans-serif;padding-top:10px; text-align:center;} .con .map div {margin-top:50px; text-align:center;} /*준공실적, 진행사업장현황, 기타실적*/ .con .result1 {position:relative;width:100%; display:flex; flex-wrap: wrap; } .con .result1 > div {width:31%; border:1px solid #ccc; margin:0 1% 25px;} .con .result1 div dl dt img{width: 100%;} .con .result1 .re_tit {position:relative; top:-25px; left:30px;z-index:2;background:url("/web/img/main/project_txtbg.png") no-repeat right top; width:257px; } .con .result1 .re_tit p { color:#fff; font-size:16px;padding:15px 0 0 30px;margin-left:-15px;z-index:999999;} .con .result1 div dd span {display:block; padding: 60px 25px 0 0; font-size: 22px; color:#333;} .con .result1 div .result1_txt {position:relative;display:block; padding:30px 25px;font-size:16px;} .con .result1 div .result1_txt dt {display:block; float:left; width:100px; } .con .result1 div .result1_txt dd {display:block; color:#333;margin-bottom:7px;font-size:15px;letter-spacing:-1px;} .con .result1 div .result1_txt dd .statu{padding-left:100px;font-size:15px;} /*대표이사 기술자문*/ .con .certi2 {position:relative;width: 100%; display:flex; flex-wrap: wrap;} .con .certi2 div {width: 20%; border:1px solid #ccc; text-align:center;padding:50px 1%;background:#f7f7f7; margin-right:2%;} .con .certi2 div dt {line-height:208px; text-align:center;} .con .certi2 div dt img{width: 90%;} .con .certi2 div dd {width:65%; margin:0 auto; font-size:22px; padding-top:20px;} /*표창장 및 감사장*/ .con .certi3 {position:relative; width: 100%; display:flex; flex-wrap: wrap;} .con .certi3 div { width: 23%; border:1px solid #ccc; text-align:center;padding:30px 0;background:#f7f7f7; margin:0 1% 10px 1%;} .con .certi3 div dt {line-height:208px; text-align:center;} .con .certi3 div dd {font-size:18px; padding-top:20px;} .tb_sky {position:relative;width: 100%;border-collapse: collapse; border-top:1px solid #2b49f3;border-left:1px solid #ddd;} .tb_sky th, .tb_sky td {padding:20px; font-size:16px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;} .tb_sky th {background:#f1f6fa;color:#3a499b;font-weight:normal;} .list {position:relative;} .list > li {background:url("/web/img/sub/bulet_gray.gif")0 10px no-repeat; padding-left:10px;} .list li li {padding-left: 25px; text-indent: -25px;} .tb_sky td img {margin: 20px 0;width:95%;} .mb_img {display:none} .pc_img {display:block;} /*리모델링 유형*/ .con .remo {position:relative;width: 100%;display:flex; flex-wrap: wrap;} .con .remo .left {width: 20%; border-top:2px solid #333; font-size: 30px; color:#333; margin-right:10%; padding-top: 50px;} .con .remo .right { width:70%; border-top: 1px solid #bdbdbd;font-size:16px; padding: 50px 0;} .con .remo .right:nth-child(2) {flex-direction: row-reverse;;} .con .remo span{font-size:26px;color:#333;} .img100{width: 95%;margin:10px 0;} .tb_gray {position:relative;width: 100%;border-collapse: collapse; border-left:1px solid #ddd;} .tb_gray th, .tb_gray td {padding:20px; font-size:16px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;} .tb_gray th {background:#ababab;color:#fff;font-weight:normal;font-size:18px; } .tb_gray td img {width:60%;} .txt_blue {color:#1f60c1} .txt_orange {color:#ff8400} /*리모델링회사의 필요성*/ .compentence1 {position:relative;width: 100%;} .compentence1 img {margin:20px 0 50px 0; width:100%;} /*하나매니지먼트의 경쟁력*/ .compentence2 p {width:80%; margin:0 auto;text-align:center;} .compentence2 .italic {padding-top: 50px; font-size:24px; text-align:center; color:#255daa; font-style: italic;} .compentence2 .comp_con {position:relative;width: 100%; margin-top:40px; display:flex; flex-wrap: wrap;} .compentence2 .comp_con div{width:30.6%; border:1px solid #ccc; margin:0 1% 25px; background:#f1f6fa; padding:60px 75px; font-size:16px; text-align:center;} .compentence2 .comp_con div p {padding-top:20px;} /*하나매니지먼트의 약속*/ .compentence3 {position:relative; width:100%;height:140px;} .compentence3 .tit {position:absolute;top:9%; left:0; background:#2b49f3; border-radius: 100px; width:100px; height:100px; padding-top:40px; text-align:center; color: #fff;font-family:'Krona One', sans-serif;z-index:999; font-size: 12px;} .compentence3 .cont {position:absolute; top:0; left: 5%; width:95%; padding:30px 0 30px 80px; font-size:22px; color: #000; border:1px solid #ddd;} .compentence3 .cont p {font-size:16px;color:#666;padding-top:10px;} /*게시판*/ .b_search { position:relative; width:100%; overflow:hidden;} .b_search li:first-child {width:23%;float:left;} .b_search li:last-child {width:66%; float:right;} .b_search select {padding:10px 5%;width:90%;height:55px; border:1px solid #000;font-size:16px;} .b_search .search_in {position:relative; padding:10px 5%;width:90%;height:35px; border:1px solid #000;} .b_search input {width:100%;font-size:16px;border:none;} .b_search .search_in div{position:absolute; top:12px;right:25px;} .tb_board{position:relative; width: 100%; margin-top:60px; border-collapse: collapse; border-top:1px solid #333; } .tb_board th, .tb_board td{padding:20px; font-size:17px;border-bottom:1px solid #ddd;text-align:center;} .tb_board th{background:#f8f8f8;color:#333;font-weight:normal;font-size:17px; } .tb_board td:nth-child(2){text-align:left;} .tb_board_v {position:relative; width: 100%; margin-top:60px; border-collapse: collapse; border-top:1px solid #333; } .tb_board_v th, .tb_board_v td {padding:20px; font-size:17px;border-bottom:1px solid #ddd;text-align:center;} .tb_board_v th {background:#f8f8f8;color:#333;font-weight:normal;font-size:17px; } .tb_board_v td:nth-child(2) {text-align:left;} .tb_board_v .b_cont {text-align:left;padding:40px;} .tb_board_v td.pre_icon {background:url("/web/img/sub/board_icon_prev.png")15% 50% no-repeat;} .tb_board_v td.next_icon {background:url("/web/img/sub/board_icon_next.png")15% 50% no-repeat;} .tb_txt26 {font-size:26px;color:#333;margin-bottom:20px;} .tb_v_btns {position:relative; width: 100%;display:flex;margin-top:50px;} .tb_v_btns div:nth-child(1) {margin: 0 auto;} .tb_v_btns div:nth-child(2) {width:160px; margin-left: auto;} .tb_w_btns {position:relative; width: 100%;text-align:center;margin-top:50px;} .btn_blue a {display:block;background:#2b49f3;color:#fff;font-size:17px;width:140px; padding:16px 0; text-align:center;} .btn_white a {display:block;border:1px solid #333;color:#333;font-size:17px;width:140px; padding:15px 0; text-align:center;} .btn_white2 a {display:block;border:1px solid #333;color:#333;font-size:17px;width:75px; padding:15px 0; text-align:center;} .btn_right {float:right;margin-top:20px;} .paging {position:relative;text-align:center;margin-top:80px;} .paging li {display:inline-block;text-align:center;} .paging li a{font-size:16px;margin:0 15px;width:20px;} .paging li.on{border-bottom:1px solid #333; margin:0 auto;;}