/* reponsive */

@media(max-width:1200px){
    html,body{font-size:14px;}
    .wrap {width:100%; margin:0 auto;}
    .m_block {display:block;}
    .m_block2 {height:30px;}
    .pc_block {display:inline;}
    

/** top **/
.btn-top {
    width:70px;
    height:20px;
    color:#1a1a1a;
    position:fixed;  
    bottom: 60px;
    right:10px;
    z-index:999;
    display:none;
    -ms-transform: rotate(-90deg); /* IE 9 */
    transform: rotate(-90deg); /* Standard syntax */
  }
  .btn-top:hover {cursor: pointer;}
  
  
  .btn_top02 {
    display:inline-block; margin-right:10px;
    font-size:12px; font-weight:400; color:#1a1a1a;
    
  }

/*common layout*/
.h_head {height:55px;}
    .logo {width:90%; float:left; line-height:45px; padding-left:10px;}
    .logo > img {display:block; margin-top:13px; width:50%; max-width:110px;}
    .menu {width:100%; float:left; display:none; position:absolute; top:45px; z-index:999999; background:white; border-top:1px solid #1a1a1a;}
        .gnb {float:left; width:100%;}
        .gnb > li {display:block; z-index:99999; border-bottom:1px solid #ececec; padding:0px 0px;}
        .gnb > li > a  {font-size:14px; padding:0px 25px 0px 20px; font-weight:400; color:#1a1a1a; letter-spacing: -0.03em; line-height:45px; height:45px;}
        .gnb > li > ul {display:block; position:static; top:90px; z-index:999;}
        .gnb > li > ul > li {display:block; width:100%; background:#f2f2f2;}
        .gnb > li > ul > li > a {font-size:12px; padding: 0 0 0 40px; font-weight:400; color:#666666; letter-spacing: -0.03em; line-height:40px;}
        .h_plus {display:block; float:right; margin-top: 13px; margin-right: 13px;}
        .h_plus{display:inline-block;width:15px; height:15px; padding-top:6.5px;}
        .plus_line01 {width:15px; height:1px; transform:rotate(90deg); background:#666666; display:block;}
        .plus_line02 {width:15px; height:1px; background:#666666; display:block;}
        .h_minus > .plus_line01 {display:none;}
    .menu_on {display:block;}
    .menu_btn {display:block; width:30px; float:right; margin-top:17px; margin-right:10px; position:absolute; right:0; }
    .gnb_hover_wrap {display:none;}
.slide {position:relative; text-align:center; color:white; letter-spacing:-0.03em; font-weight:300;}
    .slide01 {background:url('../images/slide01_m.png') no-repeat center center; height:435px; background-size:cover;}
    .slide02 {background:#3e6b88; height:435px;}
    .slide > .slick-arrow {display:none!important;}
    .slide > .slick-dots {position:absolute; left:calc(50% - 25px); bottom:100px;}
    .slide > .slick-dots > li {display:inline-block; width:8px; height:8px; text-indent: -9999px; border-radius: 50%; margin-right:15px; background:white; vertical-align: middle;}
    .slide > .slick-dots > .slick-active {width:14px; height:14px; background:url("../images/slide_active.png");}
    .slide_txt01 {margin-top:100px; font-size:14px; margin-bottom:20px; }
    .slide_txt02 {font-size:17px; line-height:25px;}
    .slide_txt03 {font-size:17px; line-height:15px; font-weight:500; margin-bottom:35px;}
    .slide_txt04 {font-weight: 100;
        font-size: 15px;
        line-height: 20px;}
.sec01 {width:90%; padding:35px 0; margin-left:5%; margin-right:5%;}
    .sec01_txt01 {text-align:center; margin-bottom:35px; font-size:30px; color:#1a1a1a; letter-spacing: -0.03em; font-weight:500;}
    .sec01_box {display:block; width:100%;  float:left; margin-right:0px; margin-bottom:50px;}
    .sec01_box:last-child {margin-right:0;}
    .sec01_box_img {display:block; background:skyblue; width:100%; height:auto; max-width:370px; margin:0 auto;}
    .sec01_txt02 {font-size:24px; font-weight:500; margin-top:20px;}
    .sec01_txt03 {font-size:18px; font-weight:300; color:#666666; margin-top:5px;}
    .sec01_box_left {width:85%; float:left;}
    .sec01_box_right {width:15%; float:right;}
        .sec01_box_right_img {margin-top:55px;}
    .sec01_box2 {width:100%; height:311.34px; max-width:370px; background:url(../images/sec01_img03.png); padding:10px; color:white; letter-spacing: -0.03em; background-size:cover; margin:0 auto; }
        .sec01_box2_in {border:1px solid #f25126; background:rgba(0,0,0,0.1); height:290px; padding:0 20px;}
        .sec01_box2_txt01 {font-size:24px; font-weight:500; margin-top:25px;}
        .sec01_box2_txt02 {font-size:18px; font-weight:300;}
        .sec01_box2_txt03 {margin-top:160px;}
        .sec01_box2_txt04 {font-size:14px; line-height:19x; border-bottom:1px solid white; display:inline-block; font-weight:500; vertical-align: middle; }
        .sec01_box2_in_img {vertical-align: middle;margin-left:10px;}
.sec02 {background:#f7f7f7; padding:35x 0;}
.sec02_wrap {width:90%; margin-left:5%; margin-right:5%;}
  .sec02_txt02wrap {position:relative; }
  .sec02_txt02 {font-size:16px; font-weight:300; color:#666666; text-align:center; margin-bottom:35px;}
  .sec02_txt03 {position:absolute; display:block; top:0; right:0; display:none;}
  .sec02_txt04 {margin-top:15px; font-size:14px; font-weight:300; color:#1a1a1a;}
  .sec02_txt05 {margin-top:5px; font-size:14px; font-weight:300; color:#666666;}
  .sec02_list {margin-left:-6.5px; margin-right:-6.5px;}
  .sec02_box {float:left; margin:15px 6.5px; width:calc(50% - 13px);}
  .sec02_box > img {width:100%;}
.sec03 {background:white; padding:35px 0; margin:0 -15px; text-align:center; width:90%; margin-left:5%; margin-right:5%;}
  .sec03_box{display:block; position:relative; width:220px; padding:0 15px 0 0; text-align:center;}
  .sec03_img {width:208px; display:block; position:absolute; top:0;}
  .sec03_img_in {margin:0 auto;}
  .sec03_sq{width:220px; border:1px solid #e6e6e6; margin-top:35px; padding-top:40px; padding-bottom:20px;}
  .sec03_txt01 {font-size:18px; font-weight:500; color:#1a1a1a; margin-bottom:5px;}
  .sec03_txt02 {font-size:16px; font-weight:300; color:#666666;}
  .sec03_slide > .slick-prev {position:absolute; left:-50px; top:80px; text-indent: -9999px; width:36px; height:11px; background:url('../images/sec03_left.png') no-repeat 0 0; border:0px;}
  .sec03_slide > .slick-next {position:absolute; right:-50px; top:80px;  text-indent: -9999px;width:36px; height:11px; background:url('../images/sec03_right.png') no-repeat 0 0; border:0px;}
  .wrap_sec03{width:100%; margin:0 auto;}
.sec04 {padding:0 0 0px 0; width:90%; margin-left:5%; margin-right:5%;}
  .sec04 > .wrap {border-top:1px solid #e6e6e6;}
  .sec04_list {margin-top:70px;}
  .sec04_box {float:left; width:100%; margin-right:0px; margin-bottom:70px;}
  .sec04_box:last-child {margin-right:0px; margin-bottom:0px;}
  .sec04_txt01 {float:left;font-size:26px; line-height:26px; font-weight:500; color:#1a1a1a;}
  .sec04_txt02 {float:right;}
  .sec04_head {margin-bottom:20px;}
  .sec04_head2 {margin-bottom:26px;}
  .sec04_list2 {border-top:1px solid #e6e6e6;}
  .sec04_txtbox {border-bottom:1px solid #e6e6e6; line-height:45px; display:block;}
  .sec04_circle {border-radius:60px; margin-bottom:2px; margin-right:5px; background:Black; width:4px;  height:4px; content:""; display:inline-block; vertical-align: middle;}
  .sec04_txt03 {font-size:14px; font-weight:300; color:#666666; width:80%; overflow:hidden; display:inline-block; vertical-align: middle;}
  .sec04_txt03_2 {font-size:14px; font-weight:300; color:#666666; width:90%; overflow:hidden; display:inline-block; vertical-align: middle;}
  .sec04_txt04 {display:inline-block; width:19%; text-align:center; font-size:14px; font-weight:300; color:#666666; vertical-align: middle;}
  .sec04_txt04_2 {display:inline-block; width:9%; text-align:center; font-size:14px; font-weight:300; color:#666666; vertical-align: middle;}
  .sec04_list3 {border:1px solid #e6e6e6; padding:15px;}
  .sec04_txt05 {display:inline-block; padding-left:15px; padding-right:70px; font-size:15px; font-weight:300; color:#666666;}
  .sec04_txt05_2 {display:inline-block; padding-left:15px; padding-right:79px; font-size:15px; font-weight:300; color:#666666;}
  .sec04_txt06 {font-size:16px; font-weight:500; color:#1a1a1a;}
  .sec04_list3_box {margin-bottom:15px;}
  .sec04_list3_box > img {vertical-align: middle;}
  .sec04_list3_box2 > img {vertical-align: middle;}
.footer {padding:50px 0; background:#f7f7f7; margin-top:50px; }
.footer_wrap {width:90%; margin-left:5%; margin-right:5%;}
  .footer01 {width:100% ; margin-right:0px; float:left; font-size:26px; font-weight:900; color:#b2b2b2; letter-spacing: 0.02em; margin-bottom:20px;}
  .footer02 {width:100%; margin-right:0px; float:left; font-size:14px; font-weight:300; color:#666666; line-height:24px;}
  .footer03 {width:100%; text-align:left; float:left; border-top:1px solid #e0e0e0; margin-top:30px; padding-top:30px;}
  .footer_txt01 {font-size:14px; font-weight:600; color:#666666; display:inline-block; margin-right:5px;}
  .footer_txt02 {font-size:13px; margin-top:20px; font-weight:300; color:#999999; display:none;}
  .footer_txt03 {font-size:16px; font-weight:400; color:#1a1a1a; margin-bottom:5px;}
  .footer_txt04 {font-size:22px; font-weight:500; color:#1a1a1a; margin-bottom:15px;}
  .footer_txt05 {font-size:16px; font-weight:300; color:#666666; line-height: 25px;}


/* subpage */
.subhead {text-align:center; height:200px; }
.sub1010_head {background:url('../images/sub1010_bg.png') no-repeat 0 0; background-size:cover;}
.sub2010_head {background:url('../images/sub2010_bg.png') no-repeat 0 0; background-size:cover;}
.sub3010_head {background:url('../images/sub3010_bg.png') no-repeat 0 0; background-size:cover;}
.sub4010_head {background:url('../images/sub4010_bg.png') no-repeat 0 0; background-size:cover;}
.sub5010_head {background:url('../images/sub5010_bg.png') no-repeat 0 0; background-size:cover;}
.subhead_txt01 {font-size:28px; font-weight:500; color:white; padding-top:50px; margin-bottom:20px;}
.subhead_txt02 {font-size:16px; font-weight:300; color:#ffffff;}
.subhead_title {font-size:25px; font-weight:500; color:#1a1a1a; margin:35px 0 35px; text-align:center;}

/* sub1010 - 회사소개 */
.sub1010_tabmenu {text-align:center; margin-bottom:45px; width:90%; margin-left:5%; margin-right:5%;}
.tabbtn {width:25%; float:left; font-size:15px; font-weight:400; color:#1a1a1a; height:40px; border:1px solid #e6e6e6; line-height:40px;}
.on {border-bottom:3px solid #f25126;}

.sub1010_sec01_left {width:100%;  float:left; padding:0 5% 50px;}
.sub1010_sec01_right {width:100%; float:right; padding:0 5%;}
.sub1010_sec01_right > img {width:100%; max-width:540px;}
.sub1010_txt03_1 {margin:30px 0 ;float:left; width:32.5%; text-align:center; border-right:1px solid #e6e6e6;}
.sub1010_txt01 {font-size:23px; font-weight:500; color:#1a1a1a;}
.sub1010_txt02 {font-size:23px; font-weight:300; color:#1a1a1a;}
.sub1010_txt03_1 {font-size:18px; font-weight:300; color:#1a1a1a;}
.sub1010_txt03_1:last-child {border-right:0px;}
.sub1010_txt04 {font-size:22px; font-weight:400; color:#1a1a1a; margin-bottom:30px;}
.sub1010_txt05 {font-size:16px; font-weight:300; color:#1a1a1a; margin-bottom:50px; }
.sub1010_txt06_1 {font-size:16px; font-weight:500; color:#1a1a1a; display:block; margin:0 auto; text-align:center; vertical-align: middle;}
.sub1010_txt06_1 > img {margin-left:5px;}
.sub1010_txt06_box  {width:100%;}

/* sub1020 - 연혁 */
.sub1020_sec01 {padding-left:5%; padding-right:5%;}
.sub1020_left {vertical-align: middle; float:left; width:100%;  margin-bottom:20px;}
.sub1020_right {float:left; width:100%; border-bottom:1px solid #e6e6e6; padding-left:30px; padding-bottom:15px; margin-bottom:25px; color:#1a1a1a;}
.sub1020_left > img {vertical-align: middle; display:inline-block; margin-right:15px;}
.sub1020_txt01 {vertical-align: middle; font-size:36px; font-weight:500; color:#1a1a1a;}
.sub1020_txt01_2 {vertical-align: middle; font-size:36px; font-weight:500; color:#cccccc;}
.sub1020_txt02 {font-size:12px; font-weight:300; color:#1a1a1a; margin-bottom:10px; }
.dot {width:3px; height:3px; background:#1a1a1a; border-radius: 30px; display:inline-block; vertical-align: middle; margin-right:6px; margin-bottom:6px;}



/* sub1030 - 조직도 */
.sub1020_img {width:100%; max-width:1200px;}

/* sub1040 - 오시는길 */
.sub1040_map {width:100%; padding:0 5%;}
.sub1040_map > img {width:100%; max-width:1200px;}
.sub1040_adress {margin-top:50px; padding:0 5%;}
.sub1040_adress_box {width:50%; height:200px; float:left;  border-right:0px solid #e0e0e0; text-align:center;}
.sub1040_map > iframe {width:100%; height:300px;}
.sub1040_adress_box:last-child {border-right:0px;}
.sub1040_txt02 {font-size:18px; margin-top:15px;  margin-bottom: 10px; font-weight:500; color:#1a1a1a;}
.sub1040_txt03 {font-size:13px; font-weight:300; color:#333333;}

/* sub2010 - cibi소개 */
.sub2010_sec01 {color:#1a1a1a; padding:0 5%;}
.sub2010_txt01 {font-size:28px; font-weight:500; margin-bottom:20px;}
.sub2010_txt02 {font-size:16px; font-weight:300; margin-bottom:35px;}
.sub2010_txt03_box {width:100%; float:left; margin-bottom:25px;}
.sub2010_txt03_box_inner {margin-right:0px; border:1px solid #e6e6e6;}
.sub2010_txt03_box_inner_img {width:100%; text-align:center;}
.sub2010_txt03_box_inner_img > img {width:100%; max-width:568px;}
.sub2010_txt03_box_inner2 {margin-left:0px; border:1px solid #e6e6e6;}
.sub2010_txt04 {text-align:center; background:#f7f7f7; font-size:16px; font-weight:400; padding:15px 0; border-top:1px solid #e6e6e6;}
.sub2010_txt04_down {width:100%;}
.sub2010_txt04_down2 {width:100%;}
.sub2010_txt05 {margin-top:45px; border-bottom:1px solid #e6e6e6; padding-bottom:45px;}
.sub2010_txt06 {margin-top:45px;}
.sub2010_txt06_left {height:80px; width:100%; float:left; background:#f5821e;}
.sub2010_txt06_right {height:80px; line-height:30px; margin-top:10px;  text-align:center; width:100%; float:left; background:#f7f7f7; font-size:14px; font-weight:400; }
.sub2010_txt06_1 {display:inline-block; margin-right:5px; font-weight:500;}
.sub2010_txt06_2 {margin-right:0px;}
.sub2010_txt07 {margin-top:35px; }
.sub2010_txt08 {margin-top:35px; font-size:16px; font-weight:300;}
.sub2010_txt09 {font-size:28px; font-weight:500; margin-bottom:40px;}
.tabbtn2010{width: 33%; text-align: center; font-weight: 500;float:left; font-size:13px; color:#1a1a1a; height:40px; border:1px solid #e6e6e6; line-height:40px;} 


/* sub2020 - 시공사례 */
.sub2020_sec01 {color:#1a1a1a; padding:0 5%;}
.sub2020_list {margin:0px 0px;}
.sub2020_box {display:block; width:100%; float:left; margin:0px 0px 60px 0px; text-align:center;}
.sub2020_box > img {width:100%; height:auto; max-width:300px;}
.sub2020_txt01 {font-size:16px; font-weight:500; margin-top:10px;}
.modal-content > img {widtH:100%; max-width:500px;}

/* sub2021 - 시공사례_상세 */
.sub2021_sec01 {padding:0 5%;}
.sub2021_left {width:100%; float:left; margin-right:0px;}
.sub2021_left > img {width:100%; max-width:520px;}
.sub2021_right {width:100%; float:left; color:#1a1a1a;}
.sub2021_txt01 {font-size:24px; font-weight:500; padding-bottom:20px; border-bottom:1px solid #1a1a1a;}
.sub2021_txt02_wrap {padding:15px 0; border-bottom:1px solid #e6e6e6; margin-bottom:45px;}
.sub2021_txt02 {padding:10px 0;}
.sub2021_txt02_tit {width:83px; float:left; padding-left:20px; font-size:16px; font-weight:300;}
.sub2021_txt02_con {width:calc(100% - 83px); float:left; padding-left:30px; font-size:16px; font-weight:300; color:#808080;}


.sub2021_txt03 {text-align:right; padding:0 5%;}
.sub2021_txt03_1 {vertical-align: middle;}
.sub2021_txt03_1 > img {vertical-align: middle;}

/* sub2030 - 주거시설 */
.sub2030_sec01 {color:#1a1a1a; padding:0 5%;}
.sub2030_list {margin-top:60px;}
.sub2030_box {float:left; width:100%; margin-right:0px; margin-bottom:10px; text-align:center; height:140px; background:#f2f2f2; padding: 36px 0 0 0 ;}
.sub2030_box > img {display:inline-block; vertical-align: baseline; height:36px; }
.sub2030_box:last-child {margin-right:0px;}
.sub2030_txt01 {margin-top:5px; font-size:15px; font-weight:300;}
.sub2030_sec02 {margin-top:60px; padding-top:60px; background:#f7f7f7; position:relative; height:auto; margin-bottom:40px; padding:0 5%;}
.sub2030_sec02_box {width:100%; margin-right:30px; float:left; max-width:380px;}
.sub2030_sec02_box  > img {width:100%; max-width:380px;}
.sub2030_sec02_box:last-child {margin-right:0px;}
.sub2030_sec02_absolute {position:static;}
.sub2030_btn01 {display:block; width:100%;}

/* sub2040 - 상업시설 */
.sub2040_circle {border-radius:60px; margin-bottom:2px; margin-right:5px; background:#f25126; width:4px;  height:4px; content:""; display:inline-block; vertical-align: middle;}
.sub2040_box {background:white; padding:30px 30px 20px 30px;}
.sub2040_txt01 {margin-bottom:10px;}

/* sub3010 - 시행계열사 */
.sub3010_tabmenu {text-align:center; margin-bottom:45px; padding:0 5%;}
.tabbtn_3010 {width:50%; float:left; font-size:15px; font-weight:400; color:#1a1a1a; height:40px; border:1px solid #e6e6e6; line-height:40px;}

.on {border-bottom:3px solid #f25126;}
.sub3010_sec01 {padding:0 5%;}
.sub3010_imgbox {width:100%; height:245px; text-align:center; padding:52.5px 0;}
.sub3010_imgbox > img {height:140px; }

/* sub3020 - 협력사 */
.sub3020_sec01 {color:#1a1a1a;}
.sub3020_list {margin-bottom:26px;}
.sub3020_box {border:1px solid #e6e6e6; padding:30px 20px; width:90%; float:left; margin-right:5%; margin-left:5%; margin-bottom:15px;}
.sub3020_box:last-child{margin-right:0px;}
.sub3020_txt01_wrap {margin-bottom:15px;}
.sub3020_txt01_wrap > img {width:50px; height:50px; vertical-align: middle;}
.sub3020_txt01 {font-size:18px; font-weight:500; display:inline-block; margin-left:10px;}
.sub3020_txt02 {font-size:14px; font-weight:300; color:#666666; margin-bottom:10px; display:inline-block; margin-right:30px;}
.sub3020_txt02:last-child{margin-bottom:0px;}
.sub3020_txt03 {font-size:14px; font-weight:300; color:#000000; }

}