.contents_section {position:relative; width:92%; padding:0px 4%;     }
.subTitle {width:100%; font-size:1.2em; margin:40px 0px 30px 0px; font-weight:500; }


.ceo {width:100%; text-align:right; zoom:.7; -moz-transform: scale(.7);  }
.intro1 {display:none;}
.intro2{ width:100%; }
#map {width:100%; height:400px;}
.address {width:100%; margin-top:30px; font-size:0.9em}
.address span{color:#FF0000}

.bim01 { background-image: url('/_images/sub/bim01.gif'); width:90%; padding:5%; height:520px; zoom:.7; -moz-transform: scale(.7); text-align:center}
.bim01_1 {  font-size:4em; color:#ff0000; font-weight:bold; margin:50px 0px; }
.bim01_2 {  font-size:2.5em;   font-weight:bold;  margin:40px 0px; }
.bim01_3 {  font-size:1.8em;   font-weight:300 } 
.bim01_3  span {font-size:1.1em; color:#ff0000} 

.bim02_1 {width:92%; padding:4%; background:#ececec; font-size:1.1em; text-align:center}
.bim02_1 span {font-size:1.2em}

.bim02_2 {width:100%; zoom:.7; -moz-transform: scale(.7);}
.bim02_2 .step{ width:100% }
.bim02_2 .step .img {text-align:center; border-bottom:0px solid #CCCCCC}
.bim02_2 .step .txt{text-align:center; border-bottom:1px solid #CCCCCC; height:100px; padding:30px 0px 70px; font-size:1.5em}

.bim02_3 {width:100%; margin-top:80px; line-height:1.4em; font-size:0.9em}
.bim02_4 {width:100%; margin-top:80px;}

.bim03 { width:90%; padding:5%; height:250px;  background-image: url('/_images/sub/bim03_1.gif');  zoom:.7; -moz-transform: scale(.7); text-align:center;  }
.bim03_1 {  font-size:5em; color:#000; font-weight:bold; margin:30px 0px; }
.bim03_2 {  font-size:1.5em;   font-weight:bold;  margin:40px 0px; }
.bim03_2  span {font-size:1.1em; color:#ff0000} 

.bim03_3 {width:100%}
.bim03_3 .step{ width:100%; min-height:150px; margin-top:30px; }
.bim03_3 .step .num {float:left; width:90px; height:90px;     border-radius:75px;  font-size:3em; font-weight:bold; color:#FFF; line-height:-1em;   display: flex;   justify-content: space-evenly;    align-items: center;}
.bim03_3 .step .title {float:left; width:60%; margin-left:10%; font-size:1em; font-weight:500; border-bottom:1px solid #ddd; padding-bottom:3px; margin-bottom:13px;}
.bim03_3 .step .txt{float:left; width:60%; margin-left:10%; font-size:0.9em; color:#666; line-height:1.3em}
.bim03_3 .step .numColor1{ background:#ffa000;  } 
.bim03_3 .step .numColor2{ background:#ff5500;  } 
.bim03_3 .step .numColor3{ background:#ff3333;  } 
.bim03_3 .step .numColor4{ background:#ff0066;  } 
 
.project_list ul li {width:46%; float:left; border:1px solid #CCCCCC; margin:0px 2% 3% 2px; text-align:center; min-height:130px;  }			  
.project_list ul li img{width:100%}	

 
.project_list ul li .dark{ position:absolute; width:42%; height:100px;  opacity:0; transition:0.3s;   background:#000; z-index:10; color:#fff;   display: flex;   justify-content: space-evenly;    align-items: center;  font-size:1.2em; }
.project_list ul li .dark:hover{  opacity:0.0;   }	


.project_left {width:100%}
.project_left  .swiper-contents img{width:100%}
.project_right .title {width:90%; padding:6% 5% 2%; }
.project_right .content{width:90%; padding:0% 5%; font-size:0.8em; }
.project_right .btn {width:100%; padding:3% 0%; background:#ff0000; color:#fff; text-align:center; margin-top:20px; font-size:0.9em}
 
 .ytPlayer {width:100%; margin:0 auto}
 .popup {z-index:9999}
 .popup-btn-close {position:relative; text-align:right;  font-size:1em}
 .popup-btn-close_project{ position:relative; text-align:right;  font-size:1.7em; margin:0px 10px 10px 0px}
 
.history { float:left;  width:100%; border-bottom:1px solid #e3e3e3; padding-bottom:50px; margin-top:50px } 
.history .img{ display:none} 
.history .year{width:25%; font-size:1.5em; float:left; font-weight:bold} 
.history .project{width:75%; font-size:0.9em; float:left;} 
.youtubePop {position:relative; max-height:500px; padding-top:100px; z-index:1000}
 
@media screen and (min-width: 960px) {

.contents_section {width:1200px;   margin:0 auto;     }
.subTitle {width:100%; font-size:2.1em; margin:50px 0px 50px ;}

.ceo {zoom:1; -moz-transform: scale(1);  }
.intro1 { float:left;  width:340px;  display:block;}
.intro2 { float:left;  width:760px;  margin-left:100px;}
#map {width:100%; height:600px;}
.address {width:100%; margin-top:40px; font-size:1em}


.bim01 { height:480px; zoom:1;  -moz-transform: scale(1);}
.bim01_1 {   float:left; width:50%; margin:80px 0px; }
.bim01_2 {   float:left; width:50%; margin:40px 0px; line-height:1.2em }
.bim01_3 { font-size:2em; width:60%; padding:20%; padding-top:300px; line-height:1.3em} 


.bim02_1 {width:96%; padding:2%; font-size:1.5em; font-weight:500 }
.bim02_1 span {font-size:1.5em}


.bim02_2 {width:100%; zoom:1;  -moz-transform: scale(1);}
.bim02_2 .step{ width:367px; float:left; margin:20px 15px }

.bim02_2 .step .img { border-bottom:1px solid #CCCCCC}
.bim02_2 .step .txt{ border-bottom:1px solid #CCCCCC; height:100px; padding:40px 0px;  }
 
.bim02_3 {width:600px; float:left; font-size:1em} 
.bim02_4 {width:550px; float:left; margin-left:50px} 



.bim03 { height:250px; padding:0px; width:100%; margin:0px; zoom:1;  -moz-transform: scale(1);}
.bim03_1 {   float:left; width:330px;   padding:100px 0px 0px 270px; margin:0px; }
.bim03_2 {   float:left; width:400px;   padding:80px 0px 0px 50px; margin:0px;  line-height:1.2em;   font-weight:300}

.bim03_3 {width:100%; margin-top:50px;}
.bim03_3 .step{ float:left; width:600px; min-height:150px; margin:40px 0px; }
.bim03_3 .step .num {float:left; width:150px; height:150px;     border-radius:75px;  font-size:4.2em; font-weight:bold; color:#FFF; line-height:-1em;   display: flex;   justify-content: space-evenly;    align-items: center; font-family: 'Oswald', sans-serif;}
.bim03_3 .step .title {float:left; width:65%; margin-left:5%; font-size:1.5em; font-weight:500; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px;}
.bim03_3 .step .txt{float:left; width:55%; margin-left:5%; font-size:1.2em; color:#666; line-height:1.3em}


.project_list ul li {width:280px; height:198px;  display:inline-block; border:1px solid #CCCCCC; margin:0px 24px 24px 0}
.project_list ul li:nth-child(4n) {margin-right:0px;} 

 
.project_list ul li .dark{ position:absolute; width:280px; height:198px; opacity:0; transition:0.3s;   background:#000; z-index:10; color:#fff;   display: flex;   justify-content: space-evenly;    align-items: center;  }
.project_list ul li .dark:hover{  opacity:0.6}	

.project_list ul li img{max-width:280px; max-height:198px}

.project_left {float:left; width:790px; margin-right:24px; }
.project_right {float:left; width:384px; }
.project_right .title {width:88%; padding:3% 6%; background:#333; color:#fff; font-size:1.2em}
.project_right .content{width:90%; padding:10% 5%; font-size:0.9em; }
.project_right .btn {width:20%; font-size:1em; padding:8px 3%; }


.ytPlayer {width:1200px; margin:0 auto}
.popup-btn-close {  font-size:1.5em}
.popup-btn-close_project{  font-size:2.5em; padding-right:20px}

 
.history .img{width:340px; display:block;  float:left; } 
.history .year{width:200px; font-size:2.5em; float:left; text-align:center; line-height:1em} 
.history .project{width:600px; font-size:1.1em; float:left; border-left:1px solid #CCCCCC; padding-left:49px} 

.youtubePop {  padding-top:150px;  max-height:800px; }
 }




.tbl_view,.tbl_view th,.tbl_view td {border:0; text-align:center}
.tbl_view span{color:#FF0000; margin-right:30px}
.tbl_view {width:100%;margin:5px 0;border-top:1px solid #ccc;border-bottom:1px solid #dcdcdc;text-align:center;border-collapse:collapse}
.tbl_view th {font-family:'Nanum Gothic', sans-serif;font-size:1em;padding:5px 5px; ;border-bottom:1px solid #e5e5e5;background:#f1f1f1;color:#454545;vertical-align:middle}
.tbl_view td {font-family:'Nanum Gothic', sans-serif;font-size:1.1em;padding:15px 7px;line-height:150%;border-bottom:1px solid #e5e5e5; color:#333;vertical-align:middle;  }

.tbl_view .h1 {background:#f8f8f8}
.tbl_view th:last-child,.tbl_view td:last-child {border-right:none}
.tbl_view .left{ text-align:left; }

.tbl_view td .gubun{display:none}
.tbl_view td .gubun_mobile{display:block}


.copyx {display:inline-block;background:#F92828;font-family:'Dotum';font-size:11px;padding:0 3px 1px 3px;border-radius:3px;letter-spacing:-1px;height:15px;color:#fff;}
.admin_view {margin:5px 0}
.admin_view_btn {margin:20px 0;text-align:center}
.sub_menu {height:40px;text-align:left;padding:6px 10px 0 10px;border-top:1px solid #ECECEC;background:#FCFCFC}


.Pagination {margin:20px 0;text-align:center;color:#ccc}
.Pagination span,.Pagination a {padding:3px 7px;font-family: 'Noto Sans KR', sans-serif;font-weight:500;margin:0 2px}
.Pagination img,.tbl_normal td img {vertical-align:middle}
.Pagination .box {height:24px;color:#333;border:1px solid #c8c8c8;background:#fff}
.Pagination .box:hover {border:1px solid #333}
.box_off {height:24px;color:#c8c8c8;border:1px solid #c8c8c8;background:#fff}
.box_ing {height:24px;color:#fff;border:1px solid #333;background:#333}

 
 .bluex {background:#2A3954;border:1px solid #212d44;color:#fff !important;}


 @media screen and (min-width: 960px) {
 
.tbl_view td .gubun{display:block}
.tbl_view td .gubun_mobile{display:none}
}