#wrab {overflow-x: hidden;}


header {width: 100%; height: 80px; }
header #top_m{width:100%; height:80px;}
header #top_m h1 {top:15px;}
header #top_m #cate{top:28px; right:20px;}
header .tMenu { display:none;}

#totalMenu{background:#1f2131; border:1px solid #777;max-width:240px; height:auto; padding:13px 0 30px 0; opacity:.95; filter:alpha(opacity=95);top:0; overflow: scroll; display:none;}
#totalMenu > li {float:none;font-size:14px; margin-top:30px; height:auto; letter-spacing:-1px; line-height:18px;}
#totalMenu > li p{ width:200px; height:40px;line-height:40px;border-top:1px solid #444;border-bottom:1px solid #444;padding-left:20px;}
#totalMenu li ul{ height:auto; margin:10px auto 20px auto;}
#totalMenu li strong{display:block; font-weight:normal;color:#7b8fff; font-size:16px; margin-bottom:10px}
#totalMenu li li{padding-bottom:3px; padding-left: 30px;}
#totalMenu li a{color:#eee}
#totalMenu .btn_close{position:absolute; right:10px; top:13px;}
#totalMenu .btn_close img{width:70%;}



#mainimg {height:500px;}
#mainimg #img1 {background-image:url('/web/img/main/mainimg_m1.jpg');background-size:100%;}
#mainimg #img2 {background-image:url('/web/img/main/mainimg_m2.jpg');background-size:100%;}
#mainimg #img3 {background-image:url('/web/img/main/mainimg_m3.jpg');background-size:100%;}



h2 {font-size:26px;  width:90%;}
main #project {width:95%; margin:50px auto 0 auto; }

.als-item div { height:55px; top: 58%;}

#lista1 {width:100%; margin: 60px auto 40px auto; overflow-x: hidden;}
#lista1 .als-item {	margin: 0px 15px;	min-height: 400px;	width: 355px;}
#lista1 .als-item img {	position: relative;	display: block;	width:100%; margin-bottom: 60px;}
#lista1 .als-prev, #lista1 .als-next {	top: 208px;}

#m_banner {padding:40px 0;}
#m_banner ul {width:100%; padding:0 5%; }
#m_banner ul li {width: 47%;margin:0 1%; color:#fff; height:60px;}
#m_banner ul li.mt60 {margin-top:60px;}
#m_banner dd {margin-left:80px;}
#m_banner dd {font-size:16px;}
#m_banner dd p{font-size:10px;}

#promise {padding: 50px 0 20px 0;}
#promise .promise_con {width: 90%; margin:0 auto;}
#promise .promise_con li {margin-bottom:70px;}
#promise .promise_con li.bg1{background: url("/web/img/main/promise_img1.jpg")50% 0 no-repeat;width: 50%; height: 309px;}
#promise .promise_con li.bg2{background: url("/web/img/main/promise_img2.jpg")50% 0 no-repeat;width: 50%; height: 309px;}
#promise .promise_con li.bg3{background: url("/web/img/main/promise_img3.jpg")50% 0 no-repeat;width: 50%; height: 309px;}
#promise .promise_con li.bg4{background: url("/web/img/main/promise_img4.jpg")50% 0 no-repeat;width: 50%; height: 309px;}
#promise .promise_con li .txt_bg {font-size: 19px; width: 80%; height:160px;}
#promise .promise_con li .txt_bg .txt2 {display:none;}

#remodeling { padding:50px 0 20px 0;border:0px solid #f00;}
#remodeling ul {width:95%; margin:40px auto 0 auto;}
#remodeling ul li {float: left; width: 50%; text-align:center;height:210px;}
#remodeling dd {font-size: 18px;}
#remodeling dd p{font-size:14px;}
#remodeling dt.bd0 {border-right:0px; }

#greeting {padding: 50px 0 30px 0; }
.greeting_con {width:90%; margin: 0 auto;}
#greeting .greeting_con .g_txt1 {font-size:20px;}
#greeting .greeting_con .g_txt2 {width: 90%;font-size:15px;}
#greeting .greeting_con .btn {width:170px; margin:50px auto; font-size:16px;}

#board {width:100%;}
#board li {width:98%; padding: 30px 0  30px 3%;}
#board li { border-bottom: 1px solid #ddd;}
#board li span {padding-left:20px;}

footer #copyright {position: relative; width: 90%; margin: 0 auto;font-size:14px;}


/* 서브 */
#subimg {height:270px;padding-top:130px;  font-size:26px;}
#subimg p {width:85%; margin:0 auto;font-size:15px;}

.simg1, .simg2,.simg3,.simg4,.simg5 {background-size:cover; }

.submenu {position:relative;width:100%;top:0;flex-wrap: wrap;}
.submenu li {width: 33%;border-top:1px solid #e4e4e4;font-size:15px;}
.submenu li a{ padding: 12px 0; }

#s_contents {width:95%;padding:40px 0px; }
#s_contents2 {width:100%;padding:40px 0px; }

.h2_tit_s h2 {font-size:26px;}
.h2_tit_s p {font-size:14px;}

#s_contents h3 {font-size:22px;}
#s_contents .con{width:95%; margin:30px auto 0 auto; }
.con p {font-size:15px;}

/*회사개요*/
.con .company1 li {flex-basis: 48%;}

/*인사말*/
.con .company2 {width: 100%; margin:0 auto; background-size:contain; background-position:50% 0; padding-top:70px;}
.con .company2 div {width:90%; padding: 40px 5%; margin:0 auto;}
.con .company2 div .c_txt1 {font-size:13px; width: 160px; }
.con .company2 div .c_txt2 {width:90%; font-size:20px; padding-top:10px;}
.con .company2 div .c_txt3 {font-size:16px; padding-top:35px;}
.con .company2 div .c_txt4 {padding-top:50px; text-align:right;}


#s_contents2 .con2 {width:100%; padding:50px 0;margin-top:40px; }
#s_contents2 .con2 .ceo_history {width:100%;}
#s_contents2 .con2 .ceo_history .his1 {margin-left:20px;}
#s_contents2 .con2 .ceo_history .his2 {top:110px; right:40px;font-size:15px; width: 250px;height:120px; padding:20px;}
#s_contents2 .con2 .ceo_history .his3 { margin:100px auto 0 auto;padding:30px; width:95%;}
#s_contents2 .con2 .ceo_history .his3 ul{float:none; width:100%;}
#s_contents2 .con2 .ceo_history .his3 li{font-size:16px;}


.pc_img {display:none;}
.mb_img {display:block; width:100%; margin:0 auto;}

/*조직도*/
.org {background:url('../img/sub/sub1_4img2_3.png')no-repeat 50% 0 ;}
.org div {width:167px;  border-radius: 30px; padding: 10px;}
.org .org_con {width: 100%;}
.org .org_con > li {width:24%; margin:90px 1% 60px 2%;border-radius: 30px;padding:12px 8px;font-size:15px;letter-spacing:-1px;}
.org_2dept {top: 175px; right: 0;}
.org_2dept li {border-radius: 30px;padding: 10px 3px; width:130px; margin-left:5px; font-size: 13px;letter-spacing:-1px;}
.org_2dept li.wd {width:70px;}


/*등록증 및 자격증*/
.con .certi {flex-wrap: wrap;}
.con .certi div {width:47%; ;padding:20px 0;; margin:0 1% 10px;}
.con .certi div dt {line-height:208px;}
.con .certi div dd {font-size:18px; padding-top:20px;}

/*찾아오시는길*/
.con .map .txt18 {font-size:15px; letter-spacing:-1px;}
.con .map .txtkk { font-size:14px;}


/*준공실적, 진행사업장현황, 기타실적*/
.con .result1 > div {width:99%;}

/*대표이사 기술자문*/
.con .certi2 div {width: 96%; margin-bottom:3%}

/*등록증 및 자격증*/
.con .certi3 {flex-wrap: wrap;}
.con .certi3 div {width:47%; ;padding:20px 0;; margin:0 1% 10px;}
.con .certi3 div dt {line-height:208px;}
.con .certi3 div dd {font-size:18px; padding-top:20px;}

.tb_sky th,
.tb_sky td {padding:10px;font-size:15px;}
.list > li {font-size:15px;}

/*리모델링 유형*/
.con .remo .left {width: 100%; margin-right:0; border-top:0px; padding-bottom: 20px;font-size: 22px;}
.con .remo .right { width:100%; padding: 20px 0;}
.con .remo span{font-size:18px;}

.tb_gray td {padding:10px; font-size:15px;}


/*하나매니지먼트의 경쟁력*/
.compentence2 p {width:100%;}
.compentence2 .comp_con div{width:48%; margin:0 1% 25px;padding:40px 15px; font-size:15px; }
.compentence2 .comp_con div p {padding-top:20px;}

/*하나매니지먼트의 약속*/
.compentence3 { height:160px;}
.compentence3 .tit {top:12%; font-size: 11px;}
.compentence3 .cont {left: 12%; width:88%; font-size:20px; color: #000; border:1px solid #ddd;}
.compentence3 .cont p {font-size:15px;}

/*게시판*/
.tb_board {margin-top:30px;}
.tb_board colgroup, thead {display:none;}
.tb_board td {display:block; text-align:left;padding:10px;font-size:15px;}
.tb_board td:first-child{display: table-cell; width:30px; border:1px solid ddd; text-align:center;}
.tb_board td:last-child {display: table-cell; width:50px; border:1px solid ddd; text-align:center;}
.tb_board td:before {display: inline-block;width: 60px;}
.tb_board td:nth-child(3):before {content:"작성일";}
.tb_board td:nth-child(3) { padding:0 10;}
.tb_board td:nth-child(2) {border-bottom:none;}

.tb_board_v th,
.tb_board_v td{font-size:15px;}
.tb_txt26 {font-size:22px;}

.btn_blue a {font-size:16px;width:120px; padding:10px 0; }
.btn_white a {font-size:16px;width:120px; padding:10px 0;}
.btn_white2 a {font-size:16px;width:75px; padding:10px 0;}



.paging {position:relative;text-align:center;margin-top:80px;}
.paging li:nth-child(n+6):nth-child(-n+12) {display:none;}