@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500&family=Roboto&display=swap');


body{font-family: 'Noto Sans KR', sans-serif;
    font-family: 'Roboto', sans-serif;}

/*roboto 폰트 적용*/
.roboto{font-family: 'Roboto', sans-serif;}

/*공통*/
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,td,textrea,section,address,a,div{margin: 0; padding: 0; list-style:none;}
a{text-decoration: none; display: block;}
img{border:0;}
button{border:0; background: none; cursor: pointer;}
button:hover{opacity: 0.4;}

#header,#container,#footer{width:100%;}
.container_wrap,.footer_wrap{width:1200px; margin: 0 auto;}

.etc {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;

}
.etc_h{line-height: 1.5; max-height: 3em;}
.etc_p{line-height: 1.3; max-height: 2.8em;}




/*header*/
#header{z-index:2; overflow: hidden; position:fixed; height:100px; top:0; border-bottom: 1px solid #E8341A; box-sizing: border-box; background: #fff;}
.header_wrap{position: absolute; width:1200px;  height: 100px; top:0; left: 50%; margin-left:-600px;}
h1{width: 91px; height:62px; float: left; margin-top: 19px;}
h1 .logo{display: block;}
h1 .menu_logo{display: block;}

/*script에서 클래스 부여*/
.menu_on .logo{display: none;}
.menu_on .menu_logo{display:block;}


nav{float: right; margin-top:40px;}
.gnb a{color: #000; text-align: center;}
.gnb a:hover{opacity:0.4;}
.gnb>li{float: left;}
.gnb>li>a{padding: 20px; font-size: 20px; font-weight: bold;}
.gnb>li ul a{padding: 10px;}


/*container*/
#container{margin-top:100px; }
.new_project h2, .n_d h3{font-size: 30px; text-align: center;  }
.visual h2, .n_d h2{display: none;}

/*슬라이드 이미지*/
.visual{height: 1000px;}
.visual .swiper-wrapper{width:1200px; height: 1000px; }
.visual .swiper-slide{width:1200px; height: 1000px;}
.visual .swiper-wrapper p:nth-child(1){margin:300px 0 20px 0; font-size: 50px; font-weight: bold;}
.v1{background:url(../img/visual1.jpg) no-repeat right top rgba(255,255,255,255);}
.v2{background:url(../img/visual2.jpg) no-repeat right top rgba(255,255,255,255);}
.v3{background:url(../img/visual3.jpg) no-repeat right top rgba(255,255,255,255);}

.visual .swiper-pagination{width:110px;  height: 28px; top: 460px; text-align: left;}
.visual .swiper-pagination-bullet {
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    font-size: 16px;
    color: #fff;
    opacity: 1;
    background: rgba(232, 52, 26, 0.4);
}
.visual .swiper-pagination-bullet-active{
    color: #fff;
    background: #E8341A;
}
.visual .swiper-pagination-bullet:hover{color: #fff; background: #E8341A;}

.visual .play, .visual .stop{z-index:1; position: absolute; top: 460px;  width: 28px; height:28px; color:#fff; border-radius: 20px; cursor: pointer;}
.visual .play span, .visual .stop span{display:none;}


.visual .stop{float: left; margin-left: 112px; background: url(../img/visual_btn1.png) no-repeat center center #E8341A;}
.visual .play{ float: left; margin-left: 147px; background: url(../img/visual_btn2.png) no-repeat center center #E8341A;}


.visual>p{z-index: 1; position: absolute; margin-top:-495px;}
.visual>p a{color:#fff; background:#E8341A; padding:10px 20px; border-radius: 25px; text-align: center;}
.visual>p a:hover{opacity: 0.4;}


/*최근 프로젝트*/
.new_project{width:100%; height: 1000px; background: url(../img/index_new_project_back.jpg) no-repeat center top/100% 1000px fixed; }
.new_project h2{color: #fff; padding:130px  0 80px 0;}
.new_project .swiper-container{ width:1200px; height: 570px; padding: 0 20px 20px 20px;}
.new_project .swiper-wrapper{width:3600px; height:500px;}
.new_project .swiper-wrapper>div{width: 1200px;}
.new_project .swiper-slide{width: 1200px; height: 500px; }
.new_project .swiper-slide div{width: 360px; height: 500px; float: left; background:#fff;  box-shadow: 10px 8px 1px rgba(255,255,255,0.25);}
.new_project .swiper-slide div:not(:last-child){margin-right: 40px;}


.new_project .swiper-slide h3{margin: 20px; }
.new_project .swiper-slide div p:nth-of-type(1){width: 100%; height: 100%;}
.new_project .swiper-slide div p:nth-of-type(2){margin-left:20px;}
.new_project .swiper-slide a{color: #000;}

.new_project .swiper-slide div  img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}


.new_project .swiper-button-prev{width:40px; height:40px;  border-radius: 20px; background: url(../img/arrow1_black.png) no-repeat center center #fff;  }
.new_project .swiper-button-next{width: 40px; height: 40px; border-radius: 20px; background: url(../img/arrow2_black.png) no-repeat center center #fff; }


.new_project .swiper-pagination{display: flex; top:10px; margin-left:20px; width:300px; height: 25px; }

.new_project .swiper-pagination-bullet{height: 25px; text-align: center; line-height: 25px; font-size: 16px; color: #fff;  opacity: 0.4; background: none; }

.new_project .swiper-pagination-bullet-active{color: #fff; opacity:1;}
.new_project .swiper-pagination-bullet:hover{color: #fff; opacity:1;}

.new_project .swiper-pagination-bullet:nth-child(1){width:60px;}
.new_project .swiper-pagination-bullet:nth-child(2){width:130px;}
.new_project .swiper-pagination-bullet:nth-child(3){width: 130px;}




.swiper_btn {float: right; display: flex; width: 100px; height: 60px; }
.swiper_btn .swiper-button-prev,
.swiper_btn .swiper-button-next {position: static; margin: 0px;}
.swiper_btn .swiper-button-prev {margin-right:20px;}


/*뉴스, 다운로드*/
.n_d{height: 850px; background:url(../img/index_n_d_back.jpg) no-repeat center top/cover;}
.n_d h3{padding:130px 0;}

/*뉴스*/
.index_news{float:left; width: 40%;}
.index_news img{display:none;}
.index_news li{width:440px; height:160px; margin-bottom:28px; }
.index_news li h4{font-size:20px; font-weight:bold; color: #000;}
.index_news li p:nth-of-type(1){margin: 20px 0; color: #777;}
.index_news li p:nth-of-type(2){color: #000;}
.index_news>p{text-align: center; display: inline-block; margin-left: 170px;}
.index_news>p a{padding: 10px 20px; font-weight:bold; color: #fff; background: #E8341A; border-radius: 20px;}
.index_news>p a:hover{opacity: 0.4;}

/*다운로드*/
.download{float: right; width: 60%; color:#fff; text-align: center;}
.download ul li{float: left; width: 270px; height: 415px;}
.download li:nth-child(1){margin:0 60px 0 80px;}
.download li p:nth-of-type(1){width:270px; height: 270px; box-shadow: 10px 8px 1px rgba(0,0,0,0.25);}
.download h4{padding: 40px 0; font-size: 20px; font-weight:bold;}
.download a{color: #000;}
.download li p:nth-of-type(2) button{background: #fff; padding:10px 20px; border-radius: 20px; font-size:16px; font-weight: bold;}


/*footer*/
#footer{height:160px; background:#555; color: #fff;}
.footer_wrap{height:160px;}
.footer_wrap>p{float: left; margin-top:40px;}
.footer_wrap div{float:right; margin-top: 20px; text-align: right; line-height:40px;}
.footer_wrap div address{ font-style:normal; }
.footer_wrap div address span{margin-right: 10px;}


/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

/*서브 페이지*/

/*공통*/
#sub_container{margin-top: 100px;}
.root_menu_back{width: 100%; height:220px; border-top: 5px solid #E8341A; border-bottom: 10px solid black;}

.root_menu{width: 1200px; height: 220px; color: #fff;}
.root_menu h2{font-size: 20px; font-weight:bold; padding:20px 0 40px 0; }
.root_menu h3{text-align: center;  font-size: 30px; font-weight: bold;}
.root_menu h3 span{border-bottom: 1px solid; padding-bottom:10px;}

.lnb{height:42px;  margin: 40px 0 60px 0; border-bottom: 1px solid #000;}
.lnb li{float: left; margin-right: 60px;}
.lnb li a{color: #000; padding-bottom: 24px; font-weight: medium; line-height:16px; }
.lnb li a:hover{color:#E8341A; border-bottom: 3px solid #E8341A;}
.lnb .on a{color:#e8341a; border-bottom: 3px solid #E8341A; }


/* 관리자 버튼 */
.btn_bo{width: 1200px; margin-bottom: 20px; height:2.15em;}
.btn_bo_user{ color: #4d4d4d; position: relative; float:right;}
.btn_bo_user::after { clear: both; content: ""; display: block; color: #4d4d4d;  float:right; }
.btn_bo_user>li{ height:2.15em; margin:0; padding: 0; float:left;}
.btn_bo_user a, .btn_bo_user button { border: 1px solid #fff; background-color: #fff; vertical-align: top;  }
.btn_bo_user>li > a, .btn_bo_user>li > button { padding: 0 5px; display: inline-block; border-radius: 4px; }
.btn_bo_user li > a.on, .btn_bo_user li > button.on, .btn_bo_user li > a:hover, .btn_bo_user li > button:hover{ border-color: #f2f2f2; background-color: #f2f2f2; }
.btn_bo_user li span{font-size: 12px; font-weight: 200; color: #000;  vertical-align: top;}

.btn_bo_user i{width: 18px; height:1.5em;  display: inline-block; background: no-repeat center; vertical-align: top;  margin-right:5px;}
.btn_bo_adm i {background-image: url(../img/i_adm.png) ;}
.bd_btn_sch i{ background-image: url(../img/i_sch.png) ; height:2.15em;}
.btn_bo_write i {background-image: url(../img/i_write.png) ; }
.btn_more_opt i {background-image:url(../img/i_opt.png) ;}
.bd_btn_scrap i {background-image: url(../img/i_scrap.png) ; }
.bd_btn_sch.on i {background-image: url(../img/i_close.png);}

.btn_more_opt .on { display: block; }

.more_opt {width: 79px; text-align: center; z-index: 5; right: 0; background-color: #fff; padding: 0 5px; border: 1px solid #e5e5e5; position: absolute; margin-top: 5px; display: none;  font-size: 12px;vertical-align: top; }
.more_opt button, .more_opt a {text-align: center; display: inline-block; padding: 0 10px; line-height: 3em; border-bottom-color: #e5e5e5;  }




/* 게시판 페이징 */
.bd_page {text-align: center; cursor: default; margin-bottom: 100px;}
.bd_page .pg_wrap { float: none;  }
.bd_page .pg_page,
.bd_page .pg_current {font-size: 12px; font-weight: 400; color: #666; width: 30px; height: 30px; line-height: 28px; padding: 0; border: 1px solid #e5e5e5; background: #fff no-repeat center; -webkit-border-radius: 20px;-moz-border-radius: 20px; }
.bd_page .pg_page:hover,
.bd_page .pg_current:hover { border-color: #bdbdbd;}
.bd_page .pg_current { border-color: #e8341a; background-color: #e8341a; color: #fff; }

/*게시판 페이징 아이콘*/
.bd_page .pg_start {background-image: url(../img/pg_start.png); border-radius: 20px;}
.bd_page .pg_prev {background-image: url(../img/pg_prev.png); border-radius: 20px;}
.bd_page .pg_next { background-image: url(../img/pg_next.png); border-radius: 20px;}
.bd_page .pg_end {background-image: url(../img/pg_end.png); border-radius: 20px;}


/*form 양식 공통*/
.bd_info{margin-bottom: 20px;}
.bd_btn_confirm{margin:40px 0 100px 0;}
.bd_view{margin-bottom: 40px; }

/*write 양식 수정*/
#fwrite{border: 0;}
#fwrite .write_div input, #fwrite .write_div select{background: #fff; border: 1px solid #e5e5e5; color: #000; border-radius: 4px;}
.write_div { height: 56px; line-height: 55px;}
.write_div input,.write_div select { width: 100%; height: 40px; padding: 0 10px; border: 1px solid #e5e5e5; vertical-align: middle; margin-top: -2px;border-radius: 4px; background: none;}
.write_div input {width: calc(100% - 125px); }
.write_div h4{float: left;}
.bd_btn_frmline { width: 120px; height: 40px;  border: 1px solid #666; color: #fff; background-color: #666; vertical-align: middle; margin-top: -2px;border-radius: 4px;  }



/*회사소개, 업무영역 공통*/
.big_font{ text-align: center; font-size: 25px; font-weight:bold; margin-bottom: 80px;}


/*회사소개*/
.company .root_menu_back{background:url(../img/company_h3_back.jpg) no-repeat center top/cover;}


/*tplabs*/
.tplabs{height:1000px;  background: url(../img/tplabs_back.jpg) no-repeat right bottom;}
.tplabs>div:nth-child(2).container_wrap>p:nth-of-type(2){width: 550px; float: left; text-align: center;}
.tplabs>div:nth-child(2) div{width: 650px; float: right; color: #777; letter-spacing:-0.5px; line-height:25px;}
.tplabs>div:nth-child(2) div p{margin-bottom:20px;}


/*인사말 introduce*/
.introduce{height:1000px;  background: url(../img/introduce_back.jpg) no-repeat left bottom/ 45% 510px;}
.introduce>div:nth-child(2)>p:nth-of-type(2){width: 550px; float: left; text-align: center;}
.introduce>div:nth-child(2)>p span{margin:0 20px 0 200px; font-size: 30px; font-weight: bold;  text-decoration:underline; }
.introduce>div:nth-child(2) div{width: 650px; float: right; color: #777; letter-spacing:-0.5px; line-height:25px;}
.introduce>div:nth-child(2) div p{margin-bottom:20px;}
.introduce>div:nth-child(2) div p:nth-child(5){text-align: right; margin-right: 70px;}

/*조직도 organization*/
.organization p{margin-bottom: 100px; text-align: center;}

/*찾아오시는 길 location*/
.location iframe{width: 100%; height:430px; margin-bottom: 40px;}
.location h4{float: left; margin-right: 20px; padding-right: 20px; line-height:20px; font-size: 20px; border-right: 1px solid #000;}
.location>div address{float: left; line-height:20px; font-style: normal; margin-bottom: 20px;}
.location h4:nth-of-type(2){clear: both;}
.location p{float: left; margin-bottom:100px; }


/*업무영역*/
.business .root_menu_back{background:url(../img/business_h3_back.jpg) no-repeat center top/cover;}
.business>div:nth-child(2){text-align: center;}
.business>div:nth-child(2) div p:last-of-type{padding:40px 0 100px 0;}

/*업무영역 PM business_pm*/
.business_pm>div:nth-child(2) div p:nth-of-type(2){margin-bottom: 40px; color:#777;}

/*업무영역 시공계획 business_plan*/
.business_plan{background: url(../img/business_plan_back1.png) no-repeat left bottom,  url(../img/business_plan_back2.png) no-repeat right bottom;}

/*업무영역 기타/연구 business_research*/



/*프로젝트 project*/
.project .root_menu_back{background:url(../img/project_h3_back.jpg) no-repeat center top/cover;}
.project_btn{overflow: hidden; width: 1200px; text-align: center; margin:-20px  auto 20px auto; }
.project_btn li{float: left; width:170px; margin-bottom:20px; }
.project_btn li:not(:last-child){border-right:1px solid #000; }
.project_btn .btn_on a, .project_btn li:hover a{ opacity: 0.4; color: #000;}
.project_btn li a {font-size:18px; line-height: 18px; opacity: 1; color: #000;}

/*체크박스, 수정 페이지 부분*/
.project input[type="checkbox"]{width: 16px; height: 16px; line-height: 16px; }
.project_gallery .change{float: right; }
.file_del input{margin-right: 5px;}
.file_del label{font-size: 16px; line-height: 16px; display: inline-block; }
.project .bd_btn_confirm{margin-top: 60px;}


/*프로젝트 write 공통*/
.write_div select{width:95%; float: left;}
.bo_w_select p {font-weight: bold; line-height: 40px;}


/*프로젝트 갤러리*/
.project_gallery{overflow: hidden; padding-top:20px; width: 1200px; display: block; }
.project_gallery li{float: left; display: block; width: 360px; height:400px; margin:0 20px 60px 20px; }
.project_gallery li>div{width: 360px; height: 360px; box-shadow:10px 8px 1px rgba(0,0,0,0.25);}
.project_gallery h4{font-size: 20px; font-weight: medium; text-align: center; padding-top:20px; }
.project_gallery_over{position: absolute; width:360px; height:360px; margin-top:-360px; color: #fff; background: rgba(0,0,0,0.3);}
.project_gallery_over p{padding:0 0 15px 30px ;}
.project_gallery_over p:nth-child(1){padding: 40px 0 15px 30px;}

.project .bd_page {margin-bottom: 100px; }



/*프로젝트 PM project_pm*/

/*프로젝트 시공계획 project_plan*/

/*프로젝트 기타/연구 project_research*/


/*NEWS news*/
.news .root_menu_back{background:url(../img/news_h3_back.jpg) no-repeat center top/cover;}
.news div:nth-child(2) p:nth-of-type(3){margin:40px 0 100px 0; }

.news .bd_page .pg_start { background-image: url(../skin/board/news/img/pg_start.png);}
.news .bd_page .pg_prev { background-image: url(../skin/board/news/img/pg_prev.png);}
.news .bd_page .pg_next { background-image: url(../skin/board/news/img/pg_next.png);}
.news .bd_page .pg_end { background-image: url(../skin/board/news/img/pg_end.png);}


/*NEWS 상세내용*/
.news_bd{margin-bottom:100px;}
.news_bd .bd_info{padding-top: 50px;}


/*NEWS 사내소식 news_company*/


/*NEWS 업계소식 news_dustry*/


/*NEWS 관련사이트 news_site*/


/*CONTACT contact*/
.contact .root_menu_back{background:url(../img/contact_h3_back.jpg) no-repeat center top/cover;}
.contact p{text-align: center;}
.contact_btn{margin:40px 0 100px 0; text-align: right; border: 10px solid blue;}
.contact_btn input{background:#E8341A; color: #fff; border: 0; padding: 10px 20px; margin-left: 20px; border-radius: 20px; font-size: 16px; cursor: pointer;}
.contact_btn input:hover{opacity: 0.4;}

.contact .bd_info ul li:not(:nth-child(5)){width: 50%;}
.bd_cont div{margin-bottom: 20px;}

.contact_bd{margin-bottom:100px;  }
.contact_bd .bd_btn {float: right; }
.contact_bd .bd_info{padding-top: 50px;}
.contact_bd .bd_nav{margin-top: 40px;}



/*필수 입력 알림표시*/
.taste{height: 20px; margin-bottom: 10px;}
.taste p{width:220px; float: right;}
.taste span{color: red; margin-right:5px;}

/*SITEMAP sitemap*/
.sitemap .root_menu_back{background:url(../img/sitemap_h3_back.jpg) no-repeat center top/cover;}

.sitemap_li{height: 400px; margin:0 17px;}
.sitemap_li a{color: #000;}
.sitemap_li>li{width: 150px; float: left;  text-align: center;}
.sitemap_li>li:not(:last-child){margin-right: 53px;}
.sitemap_li>li>h2{padding-bottom:20px; border-bottom:1px solid #E8341A; font-size: 20px;}

.sitemap_li>li ul a{padding:20px;}

#footer{clear: both;}