#headerWrap h1 a{background-image:url(../../images/common/logo_color.png);}
header .gnb li h2 a{color:#222;}
#headerWrap .gnb li h2.current a:before{display:block;}

.inner { max-width:1200px; margin: 0 auto; }
.inner_1000{ max-width:1000px; margin: 0 auto;}
.inner_1100{ max-width:1100px; margin: 0 auto;}
#sub-vis{background-color:#000; background-repeat:no-repeat; background-position:50% 0; background-size:cover; height:350px; position:relative; margin-top:100px;}
.SV1{background-image:url(../../images/sub/sub-visual01.jpg);}
.SV2{background-image:url(../../images/sub/sub-visual02.jpg);}
.SV3{background-image:url(../../images/sub/sub-visual03.jpg);}
.SV4{background-image:url(../../images/sub/sub-visual04.jpg);}
.SV5{background-image:url(../../images/sub/sub-visual05.jpg);}
.SV6{background-image:url(../../images/sub/sub-visual06.jpg);}
.SV7{background-image:url(../../images/sub/sub-visual01.jpg);}
.SV8{background-image:url(../../images/sub/sub-visual08.jpg);}
.sub-vis-box{position:relative; width:100%;  padding-top:85px; color:#fff;  text-align:left; margin:0 auto; -moz-text-shadow: 2px 1px 5px rgba(0,0,0,0.3); -webkit-text-shadow: 2px 1px 5px rgba(0,0,0,0.3); text-shadow: 2px 1px 5px rgba(0,0,0,0.3);}
.sub-vis-box .tit{position:relative; font-size:4.5rem; font-weight:300; margin-bottom:10px; }
.sub-vis-box .txt{font-size:2.4rem;}
.snb{position:relative; text-align:center; background: rgba(11,35,70,0.8); margin-top:-57px;}
.snb li{display:inline-block; position:relative;}
.snb a{ font-size:1.8rem; display:block; padding:15px 50px; color:#e0e0e0;}
.snb a br{display:none;}
.snb li.current a{color:#25559e; background:#fff; font-weight:400;}

.snb.fixed{position:fixed; top:100px; left:0; margin-top:0; z-index:10; width:100%; background:rgba(14,17,53); border-bottom:1px solid #e0e0e0;}

#sub-tit{text-align:center; position:relative; width:100%;  max-width:1200px; margin:0 auto; /*border-bottom:1px #e4e4e4 solid; */ letter-spacing:-0.02em; padding:60px 0 0px;}
#sub-tit .top_tit{display:block; font-size:3.5rem; font-weight:400;}
#sub-tit .top_tit br{display:none;}
#sub-nav{display:block;}
#sub-nav p{display:inline-block; font-size: 1.6rem; color:#8e8e8e;  box-sizing:border-box; font-weight: 400; line-height:1.3;}
#sub-nav p br{display:none;}
#sub-nav i {color: #8e8e8e; padding: 0 5px;}
#sub-nav .home{font-size:0;}
#sub-nav .home i {color: #8e8e8e; font-size: 1.6rem; padding: 0; vertical-align: super;}

#sub-content{width:100%; min-height:317px; margin:50px auto 70px;  /*border-bottom:1px #e0e0e0 solid;*/  font-size:1.8rem;}
.sub_title{position:relative; display:inline-block; font-size:30px; margin:40px 0 50px 0px;  letter-spacing:-0.06em; font-weight:400; color:#1364bb;}
.sub_title.second{ margin-top:100px; }
.sub_title.no_tit{margin-bottom:30px;}

.tiny_txt{display: block;  color: #1a78bf;  font-size: 1.45rem;  margin-top: 7px;}
.tiny_txt.inline{display:inline-block; margin-left:10px;}
.tiny_txt.top{margin-top:0;  margin-bottom: 7px;}
.tiny_txt em{display:block; padding-left:4px;}

.cont_tit{position:relative; font-size:2.3rem; color:#25559e; font-weight:400; margin-bottom:20px; padding-left:35px; background:url(../../images/common/head-ico.png) no-repeat 0 6px;}

.bg_orange{background:#f47629;}
.bg_yellow{background:#f3b806;}
.bg_green{background:#19a34d;}

.fc_orange{color:#f47629;}
.fc_yellow{color:#f3b806;}
.fc_green{color:#19a34d;}


/*sub 상단 탭*/
.Tab-list{position:relative;  display:table; width:100%; table-layout: fixed; margin:0px 0 50px;  text-align:center;  border-radius:5px;}
.Tab-list:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.Tab-list li{position:relative; display:table-cell; vertical-align:top;    box-sizing: border-box;  width:100%; background:#f4f4f4; border-left:1px solid #e0e0e0;}
.Tab-list li:first-child:before{display:none;}
.Tab-list li:first-child{border-left-width:0;}
.Tab-list li.active{font-weight:400;}
.Tab-list li.active:first-child{border-left-width:1px;}
.Tab-list li a{ display: block;   padding: 15px 0;    text-align: center;  font-size:1.8rem; color:#9a9a9a; font-weight:400;}
.Tab-list li:first-child a:before{display:none;}
.Tab-list li.active a{background:#fff;  color:#3492d3; border-top: 3px #3492d3 solid;  }
.Tab_Form{margin-top:70px;}
.Tab_Form:first-child{margin-top:0;}

.s_TIT{position:relative; font-size:2.3rem; font-weight:400; padding-left:30px; margin-bottom:20px;}
.s_TIT:before{content:""; display:block; width:10px; height:10px; border:5px solid #005bac; border-radius:999px; position:absolute; top:8px; left:0;}
.mt_50{margin-top:50px;}

.c_Tit{text-align:center; font-size:3rem; font-weight:400; margin-bottom:50px;}
.c_Tit .ct01{color:#0f76d2;}
.c_Tit .ct02{font-size:1.7rem; text-transform: uppercase;}
.ttop_txt{font-size:2.1rem; text-align:center; color: #25559f; font-weight:400;}


/*테이블 기본*/
table{border-top:2px solid #005bac;}
table th{font-weight:normal; font-weight:400; border-bottom:1px #e0e0e0 solid; border-right:1px #e0e0e0 solid; padding:20px 0; font-size:1.8rem; font-weight: 500; background:#f3f9ff;}
table td{padding:20px 10px; border-bottom:1px #e0e0e0 solid; font-size:1.7rem; border-left:1px solid #e0e0e0; }
table td.first{border-left-width:0;}
table.left th{text-align:left; padding:20px; background:#f7f7f7;color:#111; font-size:1.7rem;}
select{font-size:1.5rem; border:1px #e0e0e0 solid; height:40px; padding:0px 5px;}
select option{display:block; padding:50px;}
input{font-size:1.5rem; padding:0 5px; box-sizing:border-box; height:40px; border:1px #e0e0e0 solid;}
.w_80p{width:80px;}
.w_100p{width:100px;}
.w_120p{width:120px;}
.w_150p{width:150px;}
.w_200p{width:215px;}
.w_100{width:100%;}
.ml_20{margin-left:20px;}
.mr_10{margin-right:10px;}
.mt_30{margin-top:30px;}
.mt_50{margin-top:50px;}
.com_add{margin-top:7px;}
.birth_selc em{display:inline-block; margin-left:5px; margin-right:15px; vertical-align:inherit;}
.post_num {display: inline-block; padding: 3px 10px; background: #333333;    color: #fff; font-size: 1.4rem; }
.tiny_txt {display: block; color: #3b5bdb; font-size: 1.45rem; margin-top: 10px;}
.tiny_txt.inline{display:inline-block; margin-left:10px;}
label{vertical-align:middle;}
input[type="radio"], input[type="checkbox"]{margin: 0 5px 0px 10px;}
input[type="radio"].first, input[type="checkbox"].first{margin-left:0;}
.bl_no{border-left:0;}
.tel_selc input {width: 100px; box-sizing:border-box;}
.center{text-align:center;}

.dot_list li{position:relative; padding-left:20px; word-break:keep-all;}
.dot_list li span{position:absolute; top:0; left:0;}


/*회사소개*/
#about_company .top_box{position:relative;}
#about_company .top_box .img_box{width:600px;}
#about_company .top_box .img_box img{width:100%;}
#about_company .top_box .txt_box{position:absolute; top:0; right:0; padding:60px; padding-right:0;}
#about_company .top_box .txt_box .logo{text-align:right;}
#about_company .top_box .txt_box .logo img{height:36px;}
#about_company .top_box .txt_box .txt{position:relative; font-size:2.3rem; padding-top:20px; margin-top:25px;}
#about_company .top_box .txt_box .txt:before{content:""; display:block; width:50px; height:2px; background:#25559e; position:absolute; top:0; left:0;}
#about_company .top_box .txt_box .txt em{color:#25559e; font-weight:600;}
#about_company .info_box{background:#f5f5f5; padding:150px 0 70px; margin-top:-85px;}
#about_company .info_box .cate_box{margin-bottom:70px;}
#about_company .info_box .cate_box .tit{font-size:3rem; font-weight:400; text-align:center; margin-bottom:30px;}
#about_company .info_box .cate_box ul{font-size:0; text-align:center;}
#about_company .info_box .cate_box li{display:inline-block; width:calc(100%/6); font-size:2rem; vertical-align:top;}
#about_company .info_box .cate_box li .icon_box span{display:inline-block; width:140px; height:140px; line-height:120px; text-align:center; background:#fff; border:8px solid #e7e7e7; box-sizing:border-box; border-radius:999px;}
#about_company .info_box .cate_box li .icon_box span img{height:60px; display:inline-block; line-height:120px; vertical-align:middle;}
#about_company .info_box .cate_box li .txt_box{line-height:1.3em; font-weight:400; margin-top:20px;}
#about_company .info_box dl{position:relative; box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.15); display:table; width:100%;  background:#ffffff;  }
#about_company .info_box dt{display:table-cell; padding:15px 0; width:200px; text-align:center; font-weight:400; background:#25559e; color:#fff; border-bottom: 1px solid #1d4b90;}
#about_company .info_box dd{display:table-cell; font-size:1.8rem;  padding:15px 0; padding-left:30px; }
#about_company .info_box table{border-top:0;   box-shadow: 0 0 20px 6px rgba(0,0,0,0.1);}
#about_company .info_box table th, #about_company .info_box table td{padding:13px 20px; border:0;} 
#about_company .info_box table th{ background:#25559e; color:#fff; text-align:left; border-bottom:1px solid #11418a; padding:13px 30px;}
#about_company .info_box table td{word-break:keep-all; border-bottom:1px solid #d6d6d6; font-weight:400; background:#fff;}
#about_company .info_box table td i{display:inline-block; margin-right:7px; color:#161f61;}

#about_company .video_box{margin-top:60px;}
#about_company .video_box .tit{font-size: 3rem; font-weight: 400; text-align: center; margin-bottom: 30px;}
#about_company .video_box ul{font-size:0; text-align:center;}
#about_company .video_box li{display:inline-block; width: calc((100% - 40px)/2); margin-left: 40px; font-size:2rem; text-align:center; margin-left: 40px; background: #f5f5f5; box-shadow:0 0 5px rgba(0,0,0,0.2); padding: 25px; box-sizing: border-box;}
#about_company .video_box li:first-child{margin-left:0;}
#about_company .video_box li iframe{width:100%; height:300px;}
#about_company .video_box li .y_tit{margin-top:15px; font-size:2.1rem; color:#25559e; font-weight:500;}


/*
#about_company .inner{position:relative;}
#about_company .left_box{position:absolute; top:0; left:0; width:500px;}
#about_company .left_box .img_box img{width:100%;}
#about_company .left_box .logo{text-align:right; margin-top:30px;}
#about_company .left_box .logo img{width:auto; height:36px;}
#about_company .right_box{margin-left:600px;}
#about_company .right_box .txt_box{margin-bottom:50px;}
#about_company .right_box .txt_box .txt{position:relative; font-size:2.3rem; padding-top:20px; margin-top:25px;}
#about_company .right_box .txt_box .txt:before{content:""; display:block; width:50px; height:2px; background:#25559e; position:absolute; top:0; left:0;}
#about_company .right_box .txt_box .txt em{color:#25559e; font-weight:600;}
*/
/*인사말*/
#about_greeting .ag_cont_list{font-size:0; margin:50px 0 70px; text-align:center;}
#about_greeting .ag_cont_list li{position: relative; display: inline-block; margin-left: 20px;  width: calc((100% - 60px)/4); font-size: 1.8rem; vertical-align:top; text-align:left;}
#about_greeting .ag_cont_list li:first-child{margin-left:0;}
#about_greeting .ag_cont_list li .num{position: absolute; top: 0; left: 0; font-size: 1.7rem; font-family: "Poppins", "sans-serif"; font-weight: 400; margin: 30px; text-shadow: 0 0 10px rgba(0,0,0,0.5); z-index: 1; color:#fff;}
#about_greeting .ag_cont_list li .img_box img{max-width:100%;}
#about_greeting .ag_cont_list li .txt_box .tit{ position:relative; display:inline-block; width:75%; background:#fff; padding:30px 30px 25px 15px; margin-top:-60px; font-size:2.7rem; font-weight:400; line-height:1.3em; }
#about_greeting .ag_cont_list li .txt_box .txt{font-size:1.8rem; padding-left:15px; word-break:keep-all;}

.gray_bg{background:#f5f5f5; padding:70px 0; }
.greeting_txt{font-size:2rem; word-break:keep-all;}
.greeting_txt .top p{border-left:2px solid #25559e; padding-left:15px;}
.greeting_txt .top p em{display:block; line-height:1em; font-weight:400; margin-top:20px; color: #25559e;}
.greeting_txt .inner > p{margin-top:35px; }
.greeting_txt p.right{text-align:right; font-weight:400; color: #25559e;}

/*연혁*/
.history_Tab_Form{position:relative; width:100%;  padding-left:50%; box-sizing:border-box;}
.history_Tab_Form:before{content:""; display:block; width:2px; height:calc(100% - 20px); background:#d7d7d7; position:absolute; top:20px; left:50%;}
.history_Tab_Form .ht_box{position:relative;}
.history_Tab_Form dl{position:relative; text-align: right;  margin-left: -577px;   width: 570px;  padding-right: 60px; margin-bottom: 50px; min-height:250px; box-sizing: border-box;}
.history_Tab_Form dl:nth-child(odd){text-align: left;  padding-left: 70px;  position: relative;  margin-left: 0;}
.history_Tab_Form dl dt{position:relative; font-size:2.5rem; font-weight:500; color:#2173ca; margin-bottom:10px; background:#fff;}
.history_Tab_Form dl dt:before{content:""; display:block; width:8px; height:8px; background:#25559e; border-radius:999px; position:absolute; top:15px;  right:-72px; z-index: 1;}
.history_Tab_Form dl:nth-child(odd) dt:before{left:-73px; right:auto;}
.history_Tab_Form dl dt span{position:relative; display:inline-block; color:#25559e; background:#fff; font-family:'Poppins', 'sans-serif'; font-weight:400;}
.history_Tab_Form dl dt span:before{content:"";display:block; width:55px; height:2px; background:#d7d7d7; position:absolute; top:17px; right:-67px;}
.history_Tab_Form dl:nth-child(odd) dt span:before{left:-67px; right:auto;}
/*.history_Tab_Form dl dt span:after{content: ""; display: block; width: 0;  height: 0;  border-style: solid;  border-width: 10px;  border-color:  transparent  transparent  transparent #2173ca ;  position: absolute;   top:50%; right:-17px; margin-top:-10px;  }
.history_Tab_Form dl:nth-child(odd) dt span:after{left:-17px; right:auto; border-color:  transparent #2173ca transparent  transparent ;}*/
.history_Tab_Form dl dd{font-size:1.8rem;}
.history_Tab_Form dl dd span{font-weight:500;margin-left:10px; font-size:1.8rem}
.history_Tab_Form dl:nth-child(odd) dd span{margin-right:10px; margin-left:0;}
.history_Tab_Form dl dd li{position:relative; margin-top:10px;  padding-right:35px; word-break:keep-all;}
.history_Tab_Form dl dd li:first-child{margin-top:0;}
.history_Tab_Form dl dd li span{position:absolute; top:-1px; right:0; font-family:'Poppins', 'sans-serif'; font-weight:400;}
.history_Tab_Form dl:nth-child(odd) dd li{padding-right:0; padding-left:35px;}
.history_Tab_Form dl:nth-child(odd) dd li span{right:auto; left:0;}
.history_Tab_Form dl dd li .dept {margin-top:3px;}
.history_Tab_Form dl dd li .dept li{padding-right:15px; font-size:1.6rem; margin-top:5px;}
.history_Tab_Form dl:nth-child(odd) dd li .dept li{padding-left:15px;}
.history_Tab_Form dl dd li .dept li span{top:-3px;}
.history_Tab_Form dl dd.h_img_box{position:absolute; top:20px; right:-426px;}
.history_Tab_Form dl:nth-child(odd) dd.h_img_box{left:-426px; right:auto;}
.history_Tab_Form dl dd.h_img_box img{height:210px; }
.history_Tab_Form dl dd.h_img_box.diy01{right:-230px;}
.history_Tab_Form dl.pic_02{min-height:470px;}
.history_Tab_Form dl.pic_02 img{display:block;}
.history_Tab_Form dl.pic_02 img:first-child{margin-bottom:10px;}

/*조직도*/
.org_box{position:relative; margin-top:50px; background:#f5f5f5; padding:70px 30px; border:1px solid #e0e0e0;}
.org_box:before{content:""; display:block; width:1px; height:290px; background:#d3d3d3; position:absolute; top:98px; left:50%;}
.org_box:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.org_box li{text-align:center; padding:15px 0 ; font-size:1.8rem; width:150px; margin:0 auto; box-sizing:border-box;}
.org_box .or_title{ display:table; width:auto; position:relative; z-index:1; padding:0}
.org_box .or_title p{width:150px; height:150px; display:table-cell; background:#25559e; border-radius:50%; vertical-align:middle; color:#fff; border:10px solid #c6d4e9; margin: 0 auto; line-height:1.5em; font-size:2.3rem; font-weight:400;}
.org_box li.or_list02{margin-top:15px;}
.org_box li .right_box{position:absolute; right:50%; margin-right:-423px; background:#fff; border-left:4px solid #1fa1ab; padding:10px 30px; box-sizing:border-box; box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);}
.org_box li .right_box:before{content:""; display:block; width:170px; height:1px; background:#d3d3d3; position:absolute; top:50%; left:-174px;}
.org_box li .right_box span{display:inline-block; width:40px; height:40px; border-radius:999px; background:#138b94; line-height:36px; vertical-align:middle; border:4px solid #a3d3d7; margin-right:15px;}
.org_box li .right_box span img{height:25px; line-height:40px; vertical-align:middle;}
.org_box li .right_box em{font-weight:400; font-size:2rem; color:#138b94; line-height:40px; vertical-align:middle;}
.org_box li.dept2{position:relative; width:100%; padding:0; padding-top:139px; }
.org_box li.dept2:before{content:""; display:block; width:754px; height:1px; background:#d3d3d3; position:absolute; top:79px; left:50%; margin-left:-377px;}
.org_box .dept2 > div > ul{position:relative; display:inline-block; vertical-align:top; margin:0 15px;} 
.org_box .dept2 > div > ul.mid_line:before{content:""; display:block; width:1px; height:60px; background:#d3d3d3; position:absolute; top:-60px; left:50%; }
.org_box .dept2 li{font-size:1.8rem; padding:35px 0; }
.org_box .dept2 .sub_place{font-size:1.8rem; line-height:40px; color:#fff; background:#fff;  border-top:4px solid #1fa1ab; width:155px; box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.1)}
.org_box .dept2 .sub_place span{display:inline-block; width:70px; height:70px; border-radius:999px; background:#138b94; line-height:70px; vertical-align:middle; border:4px solid #a3d3d7;}
.org_box .dept2 .sub_place span img{height:36px; line-height:70px; vertical-align:middle;}
.org_box .dept2 .sub_place em{display:block; color:#138b94; font-weight:400; line-height:1em; margin-top:20px; font-size:2rem;}
.org_box .dept2 > div > ul.mid_line:nth-child(even) .sub_place{border-top-color:#2183b5;}
.org_box .dept2 > div > ul.mid_line:nth-child(even) .sub_place span{background:#2183b5; border-color:#ccdfe9;}
.org_box .dept2 > div > ul.mid_line:nth-child(even) .sub_place em{color:#2183b5;}


/*인증서*/
#about_certification ul{font-size:0;}
#about_certification li{display:inline-block; font-size:1.8rem; width:calc((100% - 60px)/4); margin-left:20px; margin-bottom:30px; box-sizing:border-box;}
#about_certification li:nth-child(4n+1){margin-left:0;}
#about_certification li .img_box{border:1px solid #e0e0e0; }
#about_certification li .img_box img{max-width:100%;}
#about_certification li .txt_box{text-align:center; padding:15px; font-weight:400;background:#25559e; color:#fff;}

/*오시는길*/
#about_direction .map_txt{border: 1.2rem solid #e3f6f7; padding:3rem 6rem; margin-bottom:30px;}
#about_direction .map_txt li{padding:10px 0; font-size:1.8rem;}
#about_direction .map_txt li em{font-weight:500; color:#0096a5;}
#about_direction #map{width:100%; height:500px;}
#about_direction .label{display:inline-block; background:#00317a; padding:10px 20px; margin-top:-50px; box-shadow:0 0 3px 1px rgba(0,0,0,0.2); color:#007884; border-radius:5px; font-weight:500;}
#about_direction .map_info{background:#25559e; padding:30px 0; border-radius:0 0 1.2rem 1.2rem ; text-align:center;}
#about_direction .map_info dl{display:inline-block; width:25%; display:inline-block;text-align:center; border-left:1px dashed #ccc; color:#fff;font-size:1.8rem; box-sizing:border-box; padding:0 15px; vertical-align:top;}
#about_direction .map_info dl:first-child{border-left:0; width:35%;}
#about_direction .map_info dt{font-size:2rem; margin-bottom:10px; color:#fff; font-weight:500; vertical-align:middle;}
#about_direction .map_info dt span{display:inline-block; width:32px; height:32px; background:#fff; border-radius:999px; color:#25559e; font-size:1.8rem; line-height:32px; vertical-align:middle; margin-right:10px; text-align:center;}
#about_direction .map_info dt em{font-size:1.6rem;}
#about_direction .map_info dd{word-break:keep-all;}


/*사업분야*/
.busi_cont .bg_color{background:#f5f5f5; padding:60px 0; }
.busi_cont .txt_box{margin-bottom:30px;}
.busi_cont .txt_box .cont_tit{margin-bottom:0px;}
.busi_cont .txt_box .dept2{margin-left:37px; margin-top:3px; }
.busi_cont .busi_img_slide{font-size:0;}
.busi_cont .busi_img_slide .b_item{display: inline-block; width: calc((100% - 60px)/3); padding:0 15px;  font-size:1.8rem;  box-sizing:border-box;}
.busi_cont .busi_img_slide .b_item img{max-width:100%; width:100%; border:1px solid #e0e0e0; box-sizing:border-box;}
.busi_cont .slide_box{position:relative;}
.busi_cont .slide_box .LR_btn{width:100%;}
.busi_cont .slide_box .LR_btn li{display:inline-block;  position:absolute; top:50%; transform:translateY(-50%); font-size:50px; color:#39402f; opacity:0.9; cursor:pointer; z-index:5;}
.busi_cont .slide_box .LR_btn li span{display:inline-block; width:55px; height:55px; background:rgba(0,0,0,0.85); color:#fff; text-align:center; line-height:55px; }
.busi_cont .slide_box .LR_btn li i{font-weight:700; font-size:3rem; display:block; vertical-align:middle; line-height:55px;}
.busi_cont .slide_box .LR_btn li.prev{left:-10px;}
.busi_cont .slide_box .LR_btn li.next{right:-10px;}


/*국내 시공현황*/
#e_example01 .whole_cont{height:180px; background:url(../../images/sub/ex01_img00.png) no-repeat; background-size:cover; background-position: center; text-align:center; padding:35px; box-sizing:border-box;}
#e_example01 .whole_cont p{font-size:2.5rem; color:#fff; font-weight:400;position:relative; z-index:1;}
#e_example01 .whole_cont .num{font-size:5rem; position:relative; display:inline-block;}
#e_example01 .whole_cont .num:after{content:""; display:block; width:100%; height:14px; background:rgba(25, 63, 255, 0.5); position:absolute; bottom:8px; left:0; z-index:-1;}
#e_example01 .region_box{text-align:center; margin-top:70px;}
#e_example01 .region_box > div{display:inline-block; vertical-align:middle; margin-left:70px;}
#e_example01 .region_box > div.left_box{margin-left:0;}
#e_example01 .rb_list li{position:relative; width:250px;  margin-top:30px;}
/*#e_example01 .rb_list li:after{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.25); position:absolute; top:0; left:0;}*/
#e_example01 .rb_list li:first-child{margin-top:0;}
#e_example01 .rb_list li .img_box{height:100px; background:url(../../images/sub/ex01_img01.png) no-repeat; background-size:100% auto; transition:all 0.2s; background-position:center center;}
#e_example01 .rb_list li.r_02 .img_box{background-image:url(../../images/sub/ex01_img02.png);}
#e_example01 .rb_list li.r_03 .img_box{background-image:url(../../images/sub/ex01_img03.png);}
#e_example01 .rb_list li.r_04 .img_box{background-image:url(../../images/sub/ex01_img04.png);}
#e_example01 .rb_list li.r_05 .img_box{background-image:url(../../images/sub/ex01_img05.png);}
#e_example01 .rb_list li.r_06 .img_box{background-image:url(../../images/sub/ex01_img06.png);}
#e_example01 .rb_list li.r_07 .img_box{background-image:url(../../images/sub/ex01_img07.png);}
#e_example01 .rb_list li.r_08 .img_box{background-image:url(../../images/sub/ex01_img08.png);}
#e_example01 .rb_list li:hover .img_box, #e_example01 .rb_list li.active .img_box{background-size:120% auto;}
#e_example01 .rb_list li:hover:after, #e_example01 .rb_list li.active:after{display:none;}
#e_example01 .rb_list li .txt_box{display:block;  padding:10px 25px; background:#ffa02b; z-index:1; box-sizing:border-box; text-align:left;}
#e_example01 .rb_list li .txt_box p{display:inline-block; font-weight:400; vertical-align:middle; font-size:2rem; line-height:30px; color:rgba(255,255,255,0.95);}
#e_example01 .rb_list li .txt_box .num{float:right; font-size:2.3rem; margin-left:10px; font-weight:500; color:#fff;  }
#e_example01 .rb_list li .txt_box .num em{font-size:1.9rem;}

/*시공사례*/
.ex_list_box ul{font-size:0;}
.ex_list_box li{display:inline-block; width:calc((100% - 60px)/3); margin-left:30px; font-size:1.8rem; margin-bottom:50px;}
.ex_list_box li:nth-child(3n+1){margin-left:0;}
.ex_list_box li .img_box{position:relative; height:254px; overflow:hidden;  border:1px solid #e0e0e0; box-sizing:border-box;}
.ex_list_box li .img_box img.ex_img{max-width:120%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.ex_list_box li .ex_cate{position:absolute; top:0; left:0; z-index:1;}
.ex_list_box li .ex_cate span{display:inline-block; color:#fff; padding:0 13px; height:40px; line-height:34px; vertical-align:middle; font-size:1.6rem; font-weight:400;}
.ex_list_box li .ex_cate span img{display:inline-block; width:auto; height:25px; vertical-align:middle;}
.ex_list_box li .ex_cate span em{display:inline-block; vertical-align:middle; margin-left:5px;}
.ex_list_box li .watermark{position:absolute; bottom:20px; right:20px;}
.ex_list_box li .watermark img{height:24px;}
.ex_list_box li .txt_box{padding:20px;}
.ex_list_box li .txt_box .size{font-size:1.8rem; color:#154fbb; font-weight:400; }
.ex_list_box li .txt_box .size i{display:inline-block; vertical-align:middle;}
.ex_list_box li .txt_box .tit{font-size:2.3rem; font-weight:400; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.ex_list_box li .more_box{border:1px solid #d1d1d1; padding:7px; text-align:center;}
.ex_list_box li .more_box span{font-size:1.7rem; font-weight:400;}
.ex_list_box li .more_box span i{display:inline-block; margin-left:5px;font-size:2rem; vertical-align:middle;}

.ex_view_box .top_cont{position:relative; padding-top:70px;}
.ex_view_box .top_cont:before{content:""; display:block; width:100%; height:150%; background:#f5f5f5; position:absolute; top:0; left:0;}
.ex_view_box.no-img .top_cont{padding:70px 0;}
.ex_view_box.no-img .top_cont:before{height:100%;}
.ex_view_box .inner_1000{position:relative; z-index:1; text-align:center;}
.ex_view_box .ex_cate span{font-weight:400; display:inline-block; padding:10px 20px; border-top:1px solid #f47629; border-bottom:1px solid #f47629;}
.ex_view_box .ex_cate img{height:25px; display:inline-block; margin-right:10px;}
.ex_view_box .ex_cate.fc_yellow span{border-color:#f3b806;}
.ex_view_box .ex_cate.fc_green span{border-color:#19a34d;}
.ex_view_box .tit{font-size:3rem; font-weight:400; margin-top:30px;}
.ex_view_box .info_box{margin-top:30px;}
.ex_view_box .info_box .bg_color{background:#ebebeb; display:inline-block; padding:10px 20px; }
.ex_view_box .info_box p{position:relative; display:inline-block; font-weight:400;}
.ex_view_box .info_box p:first-child{ margin-right:10px; padding-right: 14px;}
.ex_view_box .info_box p:first-child:after{content:""; display:block; width:1px; height:18px; background:#aaa; position:absolute; top:5px; right:0;}
.ex_view_box .info_box p i{display:inline-block; vertical-align:middle; margin-right:5px;}
.ex_view_box .txt{margin-top:30px;}
.ex_view_box .content_box .c_img{margin-top:60px;}
.ex_view_box .content_box img{max-width:100%;}
.ex_view_box .content_box .c_detail{margin-top:15px;}

/*T_PARA볼트*/
#technology_tbolt .top_boder_box{position:relative; border:10px solid #ececec; padding:50px 60px;}
#technology_tbolt .top_boder_box .txt_box{margin-right:410px;}
#technology_tbolt .top_boder_box .tit{position:relative; display:inline-block; font-weight:400; font-size:2.5rem;}
#technology_tbolt .top_boder_box .tit:before{content:""; display:block; width:100%; height:10px; background:#d1e3ff; position:absolute; bottom:3px; left:0; z-index:-1;}
#technology_tbolt .top_boder_box .txt{font-size:1.7rem; font-weight:400; margin-top:30px; word-break:keep-all;}
#technology_tbolt .top_boder_box .patent{font-size:1.7rem; text-align:right; color:#25559e; font-weight:400; margin-top:20px;}
#technology_tbolt .top_boder_box .patent br{display:none;}
#technology_tbolt .top_boder_box .img_box{position:absolute; top:50%; right:60px; transform:translateY(-50%);}
#technology_tbolt .top_boder_box .img_box img{height:300px;}
#technology_tbolt .bg_box{background:#f5f5f5; margin-top:120px; padding:50px 0;text-align:center;}
#technology_tbolt .bg_box .inner_1000{position:relative;}
#technology_tbolt .bg_box .tit{ font-size:3rem; font-weight:400; margin-bottom:25px;}
#technology_tbolt .bg_box .youtube_box{}
#technology_tbolt .bg_box .youtube_box iframe{display:inline-block;width:100%; max-width:700px;  height:400px;}
#technology_tbolt .order_box{margin-top:50px;}
#technology_tbolt .order_box ul{font-size:0; text-align:center;}
#technology_tbolt .order_box li{display:inline-block; margin:0 10px; margin-top:20px;}
#technology_tbolt .order_box .txt_box{position:relative; background:#25559e; height:55px;}
#technology_tbolt .order_box .txt_box{font-weight:400; color:#fff;}
#technology_tbolt .order_box .txt_box .num{display:inline-block; width:55px; height:55px; line-height:55px; text-align:center; font-size:2.5rem;  position:absolute; top:0; left:0; background:rgba(0,0,0,0.2);}
#technology_tbolt .order_box .txt_box .cont{margin-left:75px; font-size:1.8rem; text-align:left; padding-top:18px; line-height:1em;}
#technology_tbolt .order_box .two_line .txt_box .cont{padding-top:8px;}
#technology_tbolt .order_box .two_line .txt_box .cont em{display:block; font-size:1.5rem; margin-top:5px;}
#technology_tbolt .order_box li .img_box img{max-width:100%;}
#technology_tbolt .bg_box.certify{margin-top:70px;}
#technology_tbolt .bg_box.certify .inner_1000 > div{display:inline-block; vertical-align:middle}
#technology_tbolt .bg_box.certify .img_box img{width:320px; max-width:100%;}
#technology_tbolt .bg_box.certify .txt_box{text-align:left; margin-left:50px;}
#technology_tbolt .bg_box.certify .txt_box .cont_tit{margin-bottom:10px;}
#technology_tbolt .bg_box.certify .txt_box .txt{margin-left:36px; font-weight:400; font-size:1.9rem;}
#technology_tbolt .bg_box.certify .txt_box a{display:inline-block; padding:7px 20px; background:#25559e; color:#fff; margin-top:10px; font-size:1.6rem; font-weight:400;}
#technology_tbolt .bg_box.certify .txt_box a i{display:inline-block; margin-left:10px;}

/*제작공정*/
#technology_order .to_box1 ul{font-size:0;text-align:center;}
#technology_order .to_box1 li{display:inline-block; width:calc((100% - 90px)/4); margin-left:30px; font-size:1.8rem;  box-sizing:border-box; vertical-align:top;}
#technology_order .to_box1 li:first-child{margin-left:0;}
#technology_order .to_box1 li .txt_box{position:relative;height:48px; padding:10px;  box-sizing:border-box; background:#0e479a; color:#fff; text-align:left;}
#technology_order .to_box1 li.tb_02 .txt_box{background:#177dcc;}
#technology_order .to_box1 li.tb_03 .txt_box{background:#0c9fbe;}
#technology_order .to_box1 li.tb_04 .txt_box{background:#20a9a7;}
#technology_order .to_box1 li .txt_box span.num{display:inline-block; width:48px; height:48px; background:rgba(0,0,0,0.3); position:absolute; top:0; left:0; line-height:48px; text-align:center; font-size:2rem;}
#technology_order .to_box1 li .txt_box em{display:inline-block; margin-left:50px; font-weight:400;}
#technology_order .to_box1 li .img_box img{max-width:100%;}
#technology_order .to_box1 li .detail{margin-top:13px; text-align:center;}
#technology_order .to_box1 li .detail em{display:block; font-weight:400; color:#dd202f;}

#technology_order .to_box2{background:#f5f5f5; padding:60px 0 30px; margin-top:60px;}
#technology_order .to_box2 ul{font-size:0; text-align:center;}
#technology_order .to_box2 li {position:relative; display:inline-block;  margin-left:60px; margin-bottom:30px; vertical-align:top; font-size:2.2rem; font-weight:400;}
#technology_order .to_box2 li:nth-child(4n+1){margin-left:0;}
#technology_order .to_box2 li .img_box{position:relative; text-align:center; display:inline-block; width:250px; height:250px; text-align:center; border-radius:999px; border:10px solid #fff; box-sizing:border-box; overflow:hidden;;}
#technology_order .to_box2 li .img_box span img{display:inline-block; max-width:100%}
#technology_order .to_box2 li i{display:none;position:absolute; top:50%; left:-49px; transform:translateY(-135%); font-size:4rem; color:#555; font-weight:300;}
#technology_order .to_box2 li .txt_box{text-align:center; margin-top:10px;}
#technology_order .to_box2 li .txt_box .num{margin-bottom:5px;}
#technology_order .to_box2 li .txt_box .num span{display:inline-block; font-size:1.6rem; background:#0e479a; color:#fff; padding:3px 10px;}

/*온라인견적*/
.sub-tab-list{font-size:0; margin-bottom:50px;}
.sub-tab-list li{display:inline-block; width:50%; background:#f5f5f5;}
.sub-tab-list li.active{background:#138b94;}
.sub-tab-list li a{display: block; padding: 15px 0; text-align: center; font-size: 1.8rem; color: #777; font-weight: 400;}
.sub-tab-list li.active a{color:#fff;}
.calc_box .top_txt{padding:15px; background:#09244e; color:#fff; font-weight:400; text-align:center;}
.calc_box .cont{background:#f5f5f5; padding:60px;}
.calc_box .cont dl{padding:30px 0; border-bottom:1px solid #d5d5d5; position:relative;}
.calc_box .cont dl.first{padding-top:0;}
.calc_box .cont dt{font-weight:400; position:absolute; top:50%; left:20px; transform:translateY(-50%); font-size:1.9rem;}
.calc_box .cont dl.first dt{top:6px; transform:inherit;}
.calc_box .cont dd{margin-left:230px; box-sizing:border-box;}
.calc_box .cont dd .tiny_txt{margin-top:0;}
.calc_box .refer_txt{margin:0; text-align:right; font-size:1.5rem;}
.calc_box .cont input{height:40px;}
.calc_box .cont input::placeholder{color:#999;}
.calc_box .cont dd .radio_top_txt{font-size:1.6rem; margin-bottom:15px;}
.calc_box .cont dd .radio_list{font-size:0;}
.calc_box .cont dd .radio_list input[type="radio"]{display:none;}
.calc_box .cont dd .radio_list li{display:inline-block; width:calc((100% - 75px)/4); margin-left:25px; margin-bottom:25px; font-size:1.6rem;  box-sizing:border-box;}
.calc_box .cont dd .radio_list li:nth-child(4n+1){margin-left:0;}
.calc_box .cont dd .radio_list label{display:block; vertical-align:middle; font-weight:400; }
.calc_box .cont dd .radio_list label span{display:block; padding:15px; text-align:center; background:#fff; border:1px solid #ececec;}
.calc_box .cont dd .radio_list input:checked + label span{border-color:#25559f;}
.calc_box .cont dd .radio_list label img{width:128px; max-width:100%;}
.calc_box .cont dd .radio_list label em{display:block; padding:5px 0; background:#f5f5f5; text-align:center; margin-top:10px;}
.calc_box .cont dd .radio_list input:checked + label em{background:#25559f; color:#fff;}
.calc_box .cont .more_info_box{background:#fff; padding:35px;}
.calc_box .cont .more_info_box ul{font-size:0;}
.calc_box .cont .more_info_box li{display:inline-block; margin-left:35px; width:calc((100% - 70px)/3); font-size:1.6rem;}
.calc_box .cont .more_info_box li:first-child{margin-left:0;}
.calc_box .cont .more_info_box li .tit{color:#25559f; font-weight:400; margin-bottom:5px;}
.calc_box .notice_box{background:#fff; border-radius:10px; border:1px solid #e8e8e8; padding:30px;}
.calc_box .notice_box .tit{font-size:1.8rem; color:#25559f; font-weight:600; margin-bottom:15px;}
.calc_box .notice_box li{position:relative; font-size:1.6rem; padding-left:18px;}
.calc_box .notice_box li span{position:absolute; top:0; left:0;}

.yellow_btn{margin-top:50px; text-align:center;}
.yellow_btn a{display: inline-block; width:180px; background: #ffad2b; color: #fff; height: 50px; line-height: 50px;   font-weight: 400;  font-size: 1.9rem;}

.calc_result_box .total{background:#f3f9ff; padding:25px; font-size:2.3rem; font-weight:600; text-align:center;}
.calc_result_box .total em{font-size:2.7rem; display:inline-block; margin-left:30px; color:#ed1c24;}
.calc_result_box .notice_box {background: #005bac; color: #fff; text-align: center; padding: 20px; font-size: 2rem;  font-weight: 400; word-break: keep-all;}
.calc_result_box .notice_box p{font-size:1.6rem;}

/*온라인 견적서 결과*/
.online_result_box{padding:70px 50px; border:3px solid #e9e9e9;}
.online_result_box .tit_box{text-align:center; font-size:3rem; font-weight:400;}
.online_result_box .tit_box img{height:36px;}
.online_result_box table{border-color:#111;}
.online_result_box table th{background:#f9f9f9; border-right:0;}
.online_result_box table th, .online_result_box table td{padding:10px 15px; font-size:1.6rem;}
.online_result_box table td .tit{color:#1d4b91; font-size:1.8rem; font-weight:400;}
.stamp_box{position:relative;}
.stamp_box em{position:absolute; top:50%; left:70px; transform:translateY(-50%); }
.online_result_box .mid_txt{text-align:center; margin-bottom: 15px; font-weight:400; word-break:keep-all;}
.online_result_box .calc_table th{background:#edf9ff; border-left:1px solid #e0e0e0;}
.online_result_box .calc_table th.bl_no{border-left-width:0;}
.online_result_box .calc_table td{text-align:center;}
.online_result_box td.left{text-align:left;}
.online_result_box td.right{text-align:right;}
.online_result_box .calc_table tfoot td{background:#1d4b91; color:#fff; font-weight:400;}
.online_result_box .bg_notice_box{background:#f5f5f5; padding:50px;}
.online_result_box .bg_notice_box .tit{font-size:1.8rem; color:#25559f; font-weight:600; margin-bottom:15px;}
.online_result_box .bg_notice_box li{position:relative; font-size:1.6rem; padding-left:18px; margin-top:5px;}
.online_result_box .bg_notice_box li:first-child{margin-top:0;}
.online_result_box .bg_notice_box li span{position:absolute; top:0; left:0;}
.yellow_btn .txt{margin-top:15px; font-size:1.6rem;}


/*수익성분석표*/
.profit_search_box{background:url(../../images/sub/profit_bg.png) no-repeat; background-size:cover; background-position:center bottom;  padding:15px;}
.profit_search_box .border-box{border:1px solid rgba(255,255,255,0.3); padding:50px 100px;  box-sizing:border-box;}
.profit_search_box .post_num{height:35px; line-height:35px; vertical-align:middle; background:#9d9d9d; padding:0 10px; font-weight:400;}
.profit_search_box dl{position:relative; padding-left:200px; }
.profit_search_box dt{color:#fff; font-size:2rem; font-weight:400; position:absolute; top:73%; left:0; transform:translateY(-50%);}
.profit_search_box dl:first-child dt{top:50%;}
.profit_search_box dd{margin-top:30px; padding-top:30px; border-top:1px dashed rgba(255,255,255,0.7); color:#fff;}
.profit_search_box dl:first-child dd{margin-top:0; padding-top:0; border-top:0;}
.profit_search_box dd input{color:#333; height:35px;}
.profit_search_box dd input[type="radio"]{display:none;}
.profit_search_box dd.radio_list li{display:inline-block; margin-right:50px;}
.profit_search_box dd.radio_list label{display:inline-block; line-height:60px; vertical-align:middle; font-weight:400;}
.profit_search_box dd label span{display:inline-block;width:60px;height:60px;background-repeat:no-repeat;background-size:60px auto; vertical-align: middle; margin-right:15px;}
.profit_search_box dd .p1 span{background-image: url("../../images/sub/profit_icon01_off.png");}
.profit_search_box dd input:checked + label.p1 span{background-image: url("../../images/sub/profit_icon01_on.png");}
.profit_search_box dd .p2 span{background-image: url("../../images/sub/profit_icon02_off.png");}
.profit_search_box dd input:checked + label.p2 span{background-image: url("../../images/sub/profit_icon02_on.png");}
.profit_search_box dd .p3 span{background-image: url("../../images/sub/profit_icon03_off.png");}
.profit_search_box dd input:checked + label.p3 span{background-image: url("../../images/sub/profit_icon03_on.png");}
.profit_search_box dd .p4 span{background-image: url("../../images/sub/profit_icon04_off.png");}
.profit_search_box dd input:checked + label.p4 span{background-image: url("../../images/sub/profit_icon04_on.png");}
.profit_search_box .btn{margin-top:50px; text-align:center;}
.profit_search_box .btn a{display:inline-block; padding:0 30px; background:#e68d00; color:#fff; height:50px; line-height:50px; font-weight:400; font-size:1.9rem;}

.profit_result_box{margin-top:70px;}
.profit_result_box .cont_tit{margin-bottom:0px;}
.profit_result_box .right_txt{text-align:right; font-size:1.6rem; margin-bottom:15px;}
.profit_result_box .center_boreder_box{background:#005bac; color:#fff; text-align:center; padding:10px; font-size:2rem; font-weight:400; margin-top:50px; word-break:keep-all;}

/*나우협력사*/
#nowbiz_join ul{font-size:0;}
#nowbiz_join li{display:inline-block; width:calc((100% - 100px)/3); margin-left:50px; margin-top:50px; font-size:2rem; font-weight:400;}
#nowbiz_join li:nth-child(3n+1){margin-left:0;}
#nowbiz_join li:nth-child(1){margin-top:0px;}
#nowbiz_join li .txt_box{padding:15px 0; text-align:center; color:#191d62; border-top:1px solid #e0e0e0;  background:#fbfbfb;}
#nowbiz_join li .img_box{padding:20px 0; text-align:center;  border-top:2px solid #191d62; }
#nowbiz_join li .img_box img{max-width:240px; width:100%;}

/*FAQ*/
.faq dl{border:1px #e4e4e4 solid; border-top-width:0; border-left-width:0; border-right-width:0; position:relative; font-size:1.8rem;}
.faq dl:first-child{border-top-width:1px;}
.faq dl dt{padding:20px; position:relative; cursor:pointer;  font-weight:400; padding-left:70px; padding-right:55px; font-size:2rem;}
.faq dl span{display:inline-block; position:absolute; top:19px; left:20px; width:30px; height:30px; line-height:30px; font-weight:400; text-align:center; vertical-align:middle; border-radius:999px; background:#1b2397; color:#fff; font-size:1.6rem;}
.faq dl dt p{position:absolute; right:20px; top:50%; transform:translateY(-50%); text-align:center;}
.faq dl dd{position:relative; border-top:1px #e4e4e4 solid; padding:20px; color:#434750; line-height:1.6em; padding-left:70px; background:#f5f5f5;}
.faq dl dd span{background:#e60012;}

/*원격지원상담*/
#remote_remote01 .border_wrap{border:10px solid #ececec; padding:50px 60px;}
#remote_remote01 .top_box{display:flex; flex-direction:row-reverse; justify-content:space-between; align-items:center;}
#remote_remote01 .top_box .img_box img{height:200px;}
#remote_remote01 .top_box .txt_box .tit{position:relative; display:inline-block; font-weight:400; font-size:2.5rem;}
#remote_remote01 .top_box .txt_box .tit:before{content:""; display:block; width:100%; height:10px; background:#d1e3ff; position:absolute; bottom:3px; left:0; z-index:-1;}
#remote_remote01 .top_box .txt_box .txt{font-size:1.7rem; font-weight:400; margin-top:15px;}
#remote_remote01 .top_box .txt_box .dot_list{margin-top:30px;}
#remote_remote01 .top_box .txt_box .dot_list li{font-weight:400;}
#remote_remote01 .btn_box{text-align:center; margin-top:20px;}
#remote_remote01 .btn_box a{display:inline-block; background:#25559e; color:#fff; font-size:1.7rem; font-weight:400; padding:10px 20px;}
#remote_remote01 .btn_box a i{display:inline-block; margin-left:5px;}
#remote_remote01 .btn_box a br{display:none;}
#remote_remote01 .info_box{margin-top:50px; padding-top:40px; border-top:1px dashed #bbb;}
#remote_remote01 .info_box .cont_tit{margin-bottom:10px;}
#remote_remote01 .info_box .dot_list{margin-left:30px; font-size:1.7rem;}
#remote_remote01 .info_box .dot_list li{margin-top:10px;}
#remote_remote01 .info_box .dot_list li:first-child{margin-top:0;}



/*sitemap*/
#utility_sitemap ul li{float:left;width:24%; margin:2% 0.5%;}
#utility_sitemap ul li ul, #sitemap ul li ul li{clear:both;}
#utility_sitemap ul li h2{background:#005bac; font-weight:400;   padding:15px 0; text-align:center; border-radius:5px 5px 0 0; font-size:2rem; }
#utility_sitemap ul li h2 a{color:#fff; }
#utility_sitemap ul li ul li{width:100%; margin:0;}
#utility_sitemap ul li ul li a{display:block; text-align:center; padding:15px 0; border-bottom:1px #e0e0e0 dashed;}
#utility_sitemap ul li ul li a:hover{background:#eff7ff;}
#utility_sitemap ul:after{clear:both; display:block; visibility:hidden; content:"."; height:0;}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width:1200px) {
#sub-content{/*padding:0 20px 50px 20px;*/ box-sizing:border-box;}
.inner, .inner_1000, .inner_1100{width:100%; max-width:100%; box-sizing:border-box; padding:0 20px;}
.inner.mo_np{padding:0;}
.ttop_txt{word-break:keep-all;}

/*회사소개*/
#about_company .top_box .img_box {width:50%;}
#about_company .top_box .img_box img{max-width:100%;}
#about_company .info_box{padding:105px 0 70px; margin-top:-45px;}
#about_company .video_box li iframe{height:235px;}

/*인사말*/
#about_greeting .ag_cont_list li .txt_box .tit{width:76%; font-size:2.3rem;}

/*연혁*/
.history_Tab_Form dl{width:500px; margin-left: -507px;}

/*조직도*/
.org_box li .right_box{margin-right:-410px;}
.org_box li .right_box em{font-size:1.8rem;}
.org_box li.dept2:before{width:715px;  margin-left:-358px;}
.org_box .dept2 > div > ul{margin:0 10px;}
.org_box .dept2 .sub_place{width: 155px;}
.org_box .dept2 .sub_place em{font-size:1.8rem;}

/*인증서*/
#about_certification li .txt_box{padding:15px 10px; font-size:1.7rem;}

/*국내시공현황*/
#e_example01 .region_box > div{margin-left:50px; }
#e_example01 .rb_list li{width:210px;}
#e_example01 .map_tab_list img{width:400px;}

/*시공사례*/
.ex_list_box li .img_box{height:208px;}

/*T_PARA볼트*/
#technology_tbolt .top_boder_box{padding:30px 40px;}
#technology_tbolt .order_box li{width:47%;}
 
/*제작공정*/
#technology_order .to_box1 li{width:calc((100% - 60px)/4); margin-left:20px;}
#technology_order .to_box1 li .txt_box em{font-size:1.7rem;}

/*온라인견적*/
.calc_box .cont{padding:30px;}
.calc_box .cont dd{margin-left:170px;}

/*온라인 견적서 결과*/
.online_result_box{padding:70px 40px;}
.online_result_box .calc_table td{padding:10px;}

/*수익성분석표*/
.profit_search_box .border-box{padding:50px;}
.profit_search_box dd.radio_list li{margin-right:45px;}
}


@media (max-width:1024px) {
header{border-bottom:1px solid #e4e4e4;}
#m-menu .logo a{background-image:url(../../images/common/logo_color.png);}
.m-menu-btn.m-menu-btn-open button{color:#222;}

#sub-vis{display:none;}
.snb{display:none;}
#sub-tit{padding-top:140px;}

/*회사소개*/
#about_company .top_box .img_box{width:100%; text-align:center;}
#about_company .top_box .img_box img{}
#about_company .top_box .txt_box{position:static; top:auto; right:auto; padding:40px;}
#about_company .info_box{margin-top:0px; padding:70px 0;}
#about_company .info_box .cate_box li{width:33.333%; margin-bottom:30px;}
#about_company .video_box li iframe{height:175px;}

/*인사말*/
#about_greeting .ag_cont_list{text-align:left;}
#about_greeting .ag_cont_list li{width:calc((100% - 20px)/2);}
#about_greeting .ag_cont_list li:nth-child(2n+1){margin-left:0;}
#about_greeting .ag_cont_list li:nth-child(1), #about_greeting .ag_cont_list li:nth-child(2){margin-bottom:20px;}
#about_greeting .ag_cont_list li .img_box{position:relative; height:200px; overflow:hidden;}
#about_greeting .ag_cont_list li .img_box img{width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -60%);}
#about_greeting .ag_cont_list li .txt_box .tit{word-break:keep-all;}
#about_greeting .ag_cont_list li .txt_box .tit br{display:none;}
#about_greeting .ag_cont_list li .txt_box .txt br{display:none;}

/*연혁*/
.history_Tab_Form{padding-left:0;}
.history_Tab_Form:before{display:none;}
.history_Tab_Form dl{width:100%; margin-left:0; text-align:left; padding-right:0; box-sizing:border-box; margin-bottom:20px; padding-bottom:30px; border-bottom:1px dashed #d7d7d7; min-height:auto;}
.history_Tab_Form dl:nth-child(odd){padding-left:0;}
.history_Tab_Form dl dd li{padding-right:0; padding-left:35px;}
.history_Tab_Form dl dd li span{right:auto; left:0; margin-left:0;}
.history_Tab_Form dl dt:before{display:none;}
.history_Tab_Form dl:nth-child(odd) dt:before{display:none;}
.history_Tab_Form dl dt span:before{display:none;}
.history_Tab_Form dl:nth-child(odd) dt span:before{display:none;}
.history_Tab_Form dl dd.h_img_box{position:static; top:auto; right:auto; margin-top:20px;}
.history_Tab_Form dl:nth-child(odd) dd.h_img_box{top:auto; left:auto;}
.history_Tab_Form dl dd.h_img_box.diy01{right:auto;}
.history_Tab_Form dl dd li .dept li{padding-left:15px;}

/*조직도*/
.org_box{padding:40px 20px;}
.org_box:before{height:85%;}
.org_box .or_title p{width:120px; height:120px; line-height:120px; text-align:center; font-size:2rem; border-width:7px;}
.org_box li{text-align:left; width:100%; padding:0;}

.org_box li .right_box{position:relative; top:auto; right:auto; margin-right:0; padding:15px; border-left:0; border-top:4px solid #1fa1ab;}
.org_box li .right_box:before{display:none;}
.org_box li .right_box span{text-align:center; margin-right:15px; width:50px; height:50px; line-height:50px;}
.org_box li .right_box span img{line-height:50px; height:25px;}

.org_box li.dept2{padding-top:0; }
.org_box li.dept2:before{display:none;}
.org_box .dept2 > div > ul{display:block; margin:0; margin-top:30px;}
.org_box .dept2 > div > ul.mid_line:before{display:none;}
.org_box .dept2 li{padding:15px;}
.org_box .dept2 .sub_place{width:100%; }
.org_box .dept2 .sub_place span{text-align:center; margin-right:15px; width:50px; height:50px; line-height:50px;}
.org_box .dept2 .sub_place span img{line-height:50px; height:25px;}
.org_box .dept2 .sub_place em{display:inline-block; margin-top:0;}

/*인증서*/
#about_certification li{width:calc((100% - 40px)/3);}
#about_certification li:nth-child(4n+1){margin-left:20px;}
#about_certification li:nth-child(3n+1){margin-left:0px;}

/*T_PARA볼트*/
#technology_tbolt .top_boder_box .img_box{position:static; top:auto; right:auto; text-align:center; transform: inherit;}
#technology_tbolt .top_boder_box .txt_box{margin-right:0; margin-top:30px;}
#technology_tbolt .bg_box{margin-top:30px; padding:30px;}
#technology_tbolt .order_box{margin-top:30px;}
#technology_tbolt .order_box li{width:100%; max-width:537px; margin:0; margin-top:20px;}
#technology_tbolt .order_box .txt_box{height:auto; min-height:45px; padding:10px; box-sizing:border-box;}
#technology_tbolt .order_box .txt_box .num{width:45px; height:45px; line-height:45px; font-size:2.3rem;}
#technology_tbolt .order_box .txt_box .cont{padding-top:0; margin-left:55px; line-height:1.5em; font-size:1.6rem; word-break:keep-all;}
#technology_tbolt .order_box .two_line .txt_box .cont{padding-top:0;}
#technology_tbolt .order_box .txt_box .cont em{line-height:1.3em;}

#technology_tbolt .bg_box.certify{margin-top:30px;}
#technology_tbolt .bg_box.certify .inner_1000{padding:0;}
#technology_tbolt .bg_box.certify .inner_1000 > div{display:block;}
#technology_tbolt .bg_box.certify .txt_box{margin-left:0; margin-top:20px;}
#technology_tbolt .bg_box.certify .txt_box .txt{margin-left:0;}
#technology_tbolt .bg_box.certify .txt_box .txt p{text-align:left; word-break:keep-all;}

/*제작공정*/
#technology_order .to_box1 li{width:calc((100% - 20px)/2); margin-bottom:20px; max-width:554px;}
#technology_order .to_box1 li:nth-child(2n+1){margin-left:0;}

#technology_order .to_box2 li .img_box{width:200px; height:200px;}

/*국내시공현황*/
#e_example01 .region_box > div{margin-left:30px;}
#e_example01 .region_box .map_tab_list{display:none;}

/*시공사례*/
.ex_list_box li{width:calc((100% - 30px)/2);}
.ex_list_box li:nth-child(3n+1){margin-left:30px;}
.ex_list_box li:nth-child(2n+1){margin-left:0px;}
.ex_list_box li .img_box{height:234px;}

/*온라인 견적*/
.calc_box .cont dd .radio_list li{width:calc((100% - 60px;)/3); margin-left:20px; margin-bottom:20px;}
.calc_box .cont dd .radio_list li:nth-child(4n+1){margin-left:25px;}
.calc_box .cont dd .radio_list li:nth-child(3n+1){margin-left:0;}

/*온라인 견적서 결과*/
.online_result_box{padding:30px 0; border-left-width:0; border-right-width:0;}

/*수익성분석표*/
.profit_search_box .border-box{padding:40px;}
.profit_search_box dl{padding-left:0; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed rgba(255,255,255,0.7);}
.profit_search_box dt{position:static; top:auto; left:auto; transform:inherit; margin-bottom:10px;}
.profit_search_box dd{margin-top:0; padding-top:0; border-top:0;}
.profit_search_box dd.radio_list li{margin-right:37px;}

/*나우협력사*/
#nowbiz_join li{width:calc((100% - 60px)/3); margin-left:30px;}
#nowbiz_join li .img_box img{width:90%;}

/*원격지원상담*/
#remote_remote01{word-break:keep-all;}
#remote_remote01 .border_wrap{padding:40px 50px;}
#remote_remote01 .top_box .img_box{margin-left:30px;}
#remote_remote01 .top_box .img_box img{height:165px;}
#remote_remote01 .btn_box{margin-top:30px;}

/*사이트맵*/
#utility_sitemap .site_list h2{width:180px;}
#utility_sitemap .site_list ul{padding-left:240px;}
#utility_sitemap .site_list li{width:100%; }
}

@media (max-width:767px) {

#sub-vis{height:60px; margin-top:60px;}
.sub-vis-box{line-height:60px; font-size:2.4rem; padding-top:0;}
.snb li{/*width:49.7%;*/}
.snb li a{padding:10px 15px 5px; font-size:1.5rem;}
#sub-tit{padding:85px 0 20px;}
#sub-tit .top_tit{font-size:2.6rem;}
#sub-content{margin-top:0px; font-size:1.6rem; min-height:auto; margin-bottom:50px;}

.tiny_txt.inline{margin-left:0;}
.mt_50{margin-top:30px;}
.mw_100 { width: 100%; margin-left: 0;}
.mw_100.first { margin-bottom: 10px;}



.s_TIT{font-size:2rem;}
.s_TIT:before{top:4px;}

.cont_tit{font-size:2.1rem; background-position:0 3px; background-size:21px auto; padding-left:30px; margin-bottom:10px;}
.ttop_txt{font-size:1.8rem;}
.ttop_txt.mo_pr{padding:0 20px;}

/*table mobile*/
table.m_block,
table.m_block thead,
table.m_block tbody,
table.m_block tr,
table.m_block th, 
table.m_block td{display:block; width:100%; text-align:left;}
table.m_block th, 
table.m_block td{padding:10px 2%; width:100%; box-sizing:border-box; border-left:0;}

/*table scroll*/
.table_scroll {position:relative;    overflow-x: auto;    width: 100%;}
.table_scroll:before{content:""; display:block; width:50px; height:50px;  position:absolute; top:10px; left:50%; margin-left: -28px; background:url(../../images/sub/scroll_ico.png) no-repeat; background-size:50px auto;}
.table_scroll.scrolled:before{display:none;}
.table_box { width: 200%;}
.table_box table{min-width:621px;}
.table_box table th{padding:10px; font-size:1.6rem;}
.table_box table td{word-break:break-all; padding:10px; font-size:1.6rem;}

.tel_selc input { width: 93px; }

/*회사소개*/
#about_company .top_box .txt_box{padding:25px;}
#about_company .top_box .txt_box .logo img{height:28px;}
#about_company .top_box .txt_box .txt{font-size:2rem; word-break:keep-all; margin-top:10px;}
#about_company .top_box .txt_box .txt br{display:none;}
#about_company .info_box{padding:40px 0;}
#about_company .info_box .cate_box{margin-bottom:30px;}
#about_company .info_box .cate_box .tit{font-size:2.3rem;}
#about_company .info_box .cate_box li{width:50%; font-size:1.6rem; margin-bottom:20px;}
#about_company .info_box .cate_box li .icon_box span{width:100px; height:100px; line-height:80px; border-width:5px;}
#about_company .info_box .cate_box li .icon_box span img{height:40px; line-height:80px;}
#about_company .info_box .cate_box li .txt_box{margin-top:10px;}
#about_company .info_box dl{display:block; margin-top:10px;}
#about_company .info_box dl:first-child{margin-top:0;}
#about_company .info_box dt{position:static; top:auto; left:auto; display:block; width:100%; font-size:1.6rem; padding:10px 0; border-radius:5px 5px 0 0;}
#about_company .info_box dd{display:block; font-size:1.6rem; margin-left:0; padding:10px 15px; border-radius:0 0 5px 5px ; text-align:center; word-break:keep-all;}
#about_company .info_box dd .gubun{display:block; font-size:0;}
#about_company .info_box table th, #about_company .info_box table td{padding:8px 15px; font-size:1.6rem;}
#about_company .info_box table th{padding:8px 15px;margin-top:10px;}
#about_company .info_box table tr.first th:first-child{margin-top:0;}
#about_company .video_box{margin-top:40px;}
#about_company .video_box .tit{font-size:2.3rem; margin-bottom:20px;}
#about_company .video_box li{width:100%; margin-left:0; margin-top:30px; padding:15px;}
#about_company .video_box li:first-child{margin-top:0;}
#about_company .video_box li .y_tit{margin-top:5px; font-size:1.8rem;}

/*인사말*/
#about_greeting .ag_cont_list{margin:40px 0;}
#about_greeting .ag_cont_list li .num{margin:10px;}
#about_greeting .ag_cont_list li .img_box{height:100px;}
#about_greeting .ag_cont_list li .txt_box .tit{font-size:1.8rem; padding:15px 0; width:100%; margin-top:0; box-sizing:border-box;}
#about_greeting .ag_cont_list li .txt_box .txt{font-size:1.6rem; padding-left:0;}
.gray_bg{padding:40px 0;}
.greeting_txt{font-size:1.8rem;}
.greeting_txt .top p em{line-height:1.3em;}

/*연혁*/
.history_Tab_Form dl dt{font-size:2.3rem;}
.history_Tab_Form dl dd{font-size:1.6rem;}
.history_Tab_Form dl dd li .dept li{font-size:1.5rem;}
.history_Tab_Form dl dd.h_img_box img{height:auto; max-width:100%;}
.history_Tab_Form dl dd.h_img_box.diy01 img{height:130px; }

/*인증서*/
#about_certification li{width:100%; margin-left:0;}
#about_certification li:nth-child(4n+1){margin-left:0px;}
#about_certification li .img_box{text-align:center;}

/*오시는길*/
#about_direction .map_txt{padding:3rem;}
#about_direction #map{height:300px;}
#about_direction .map_info{padding:20px;}
#about_direction .map_info dl{float:none; width:100%; border-left:0; text-align:left; padding:0; margin-top:15px; padding-top:15px; border-top:1px dashed #fff;}
#about_direction .map_info dl:first-child{margin-top:0; padding-top:0; border-top:0; width:100%;}
#about_direction .map_info dt{font-size:1.8rem;}
#about_direction .map_info dd{line-height:1.3em;}


/*사업분야*/
.busi_cont .bg_color{padding:30px 0;}
.busi_cont .txt_box{margin-bottom:10px;}
.busi_cont .busi_img_slide .b_item{padding:0;}
.busi_cont .slide_box .LR_btn li span{width:45px; height:45px; line-height:45px;}
.busi_cont .slide_box .LR_btn li i{font-size:2.5rem; line-height:45px;}



/*국내시공현황*/
#e_example01 .whole_cont{height:auto; padding:25px 0;}
#e_example01 .whole_cont p{font-size:2rem;}
#e_example01 .whole_cont .num{font-size:2.5rem;}
#e_example01 .whole_cont .num:after{height:10px;}
#e_example01 .region_box{margin-top:30px;}
#e_example01 .region_box > div{display:block; margin-left:0px; }
#e_example01 .rb_list.right_box{margin-top:20px;}
#e_example01 .rb_list li{width:100%; margin-top:20px;}




/*시공사례*/
.ex_list_box li{width:100%; margin-left:0; margin-bottom:30px;}
.ex_list_box li:nth-child(3n+1){margin-left:0;}
.ex_list_box li .ex_cate span{line-height:40px;}
.ex_list_box li .img_box{height:208px;}
.ex_list_box li .txt_box{padding:15px 0;}
.ex_list_box li .txt_box .size{font-size:1.6rem;}
.ex_list_box li .txt_box .tit{font-size:2rem;}

.ex_view_box .top_cont{padding-top:40px;}
.ex_view_box .top_cont:before{height:130%;}
.ex_view_box.no-img .top_cont{padding:40px 0;}
.ex_view_box .tit{margin-top:20px; font-size:2.3rem;}
.ex_view_box .info_box, .ex_view_box .txt{margin-top:20px;}
.ex_view_box .info_box .bg_color{display:block; text-align:left;}
.ex_view_box .info_box p{display:block;}
.ex_view_box .info_box p:first-child{margin-right:0; padding-right:0;}
.ex_view_box .info_box p:first-child:after{display:none;}
.ex_view_box .content_box .c_img{margin-top:40px;}

/*T_PARA볼트*/
#technology_tbolt .top_boder_box{padding:15px; border-width:2px; }
#technology_tbolt .order_box .txt_box{padding:12px 10px 8px;}
#technology_tbolt .order_box .txt_box .num{line-height:50px;}
#technology_tbolt .top_boder_box .img_box img{height:auto; width:100%;}
#technology_tbolt .top_boder_box .tit{font-size:2.3rem;}
#technology_tbolt .top_boder_box .txt_box{margin-top:20px;}
#technology_tbolt .top_boder_box .txt{margin-top:15px; font-size:1.6rem;}
#technology_tbolt .top_boder_box .patent{margin-top:15px; text-align:left; font-size:1.6rem;}
#technology_tbolt .top_boder_box .patent br{display:block;}

#technology_tbolt .bg_box{padding-bottom:20px;}
#technology_tbolt .bg_box .tit{font-size:2.3rem; margin-bottom:0px;}
#technology_tbolt .bg_box .youtube_box iframe{height:180px;}
#technology_tbolt .order_box{margin-top:20px;}
#technology_tbolt .bg_box.certify{padding-bottom:50px;}
#technology_tbolt .bg_box.certify .txt_box .txt{text-align:center;}
#technology_tbolt .bg_box.certify .txt_box .txt p{font-size:1.6rem;}
#technology_tbolt .bg_box.certify .txt_box a{font-size:1.4rem;}

/*제작공정*/
#technology_order .to_box1 li{width:100%; margin-left:0;}
#technology_order .to_box1 li .txt_box{padding:12px 10px 8px;}
#technology_order .to_box1 li .txt_box span.num{line-height:53px;}

#technology_order .to_box2{margin-top:20px; padding:40px 0 10px;}
#technology_order .to_box2 ul{text-align:left;}
#technology_order .to_box2 li{width:100%; margin-left:0px; margin-bottom:20px;}
#technology_order .to_box2 li > div{display:inline-block; vertical-align:middle;}
#technology_order .to_box2 li .img_box{width:150px; height:150px; border-width:5px;}
#technology_order .to_box2 li .txt_box{margin-top:0; font-size:2rem; text-align:left; margin-left:28px; position:relative; z-index:1; }
#technology_order .to_box2 li i{display:none;}
#technology_order .to_box2 li .txt_box .num span{font-size:1.4rem; padding:5px 10px 1px;}

/*온라인 견적*/
.sub-tab-list{margin-bottom:30px;}
.sub-tab-list li{display:block; width:100%;}
.sub-tab-list li a{padding:10px 0; font-size:1.6rem;}

.calc_box .top_txt{word-break:keep-all;}
.calc_box .cont select{width:100%;}
.calc_box .cont{padding:15px 15px 20px;}
.calc_box .cont dl{padding:20px 0;}
.calc_box .cont dt{position:static; top:auto; left:auto; transform:inherit; margin-bottom:7px; font-size:1.7rem; font-weight:600;}
.calc_box .cont dd{margin-left:0;}
.calc_box .cont dd .radio_list li{width:calc((100% - 10px)/2); margin-left:10px; margin-bottom:10px;}
.calc_box .cont dd .radio_list li:nth-child(3n+1){margin-left:10px;}
.calc_box .cont dd .radio_list li:nth-child(2n+1){margin-left:0px;}
.calc_box .cont .more_info_box{padding:20px;}
.calc_box .cont .more_info_box li{width:100%; display:block; margin-left:0; margin-top:20px;}
.calc_box .cont .more_info_box li:first-child{margin-top:0;}
.calc_box .cont .more_info_box li .tit{font-weight:600;}
.calc_box .notice_box{padding:20px;}

.yellow_btn{margin-top:20px;}
.yellow_btn a{font-size:1.7rem;}

.calc_result_box .total em{display:block; margin-left:0;}
.calc_result_box .notice_box{font-size:1.8rem;}
.calc_result_box .notice_box p{margin-top:10px;}

/*온라인 견적서 결과*/
.online_result_box .tit_box{font-size:2.3rem; line-height:1.4em;}
.online_result_box .tit_box img{height:24px;}

.online_result_box .table_box table{min-width:900px;}
.online_result_box .bg_notice_box{padding:20px;}

/*수익성분석표*/
.profit_search_box{padding:10px;}
.profit_search_box .post_num{line-height:40px;}
.profit_search_box .border-box{padding:20px;}
.profit_search_box dl{margin-bottom:20px; padding-bottom:20px;}
.profit_search_box dd.radio_list li{display:block; margin-top:10px;}
.profit_search_box dd.radio_list li:first-child{margin-top:0;}
.profit_search_box dd.radio_list label{line-height:40px;}
.profit_search_box dd label span{width:40px; height:40px; background-size:40px auto;}
.profit_search_box .btn{margin-top:20px;}
.profit_search_box .btn a{height:40px; line-height:45px; font-size:1.8rem;}
.profit_result_box{margin-top:40px;}
.profit_result_box .right_txt{position:relative;text-align:left; word-break:keep-all; font-size:1.4rem; margin-top:5px; padding-left:17px;}
.profit_result_box .right_txt span{position:absolute; top:0; left:0;}
.profit_result_box table.m_block thead{display:none;}
.profit_result_box td{position:relative;}
.profit_result_box td::before{display:inline-block; width:116px; font-weight:500; margin-right:20px;}
.profit_result_box td:nth-child(1)::before{content:"구분";}
.profit_result_box td:nth-child(2)::before{content:"발전량(kwh)";}
.profit_result_box td:nth-child(3)::before{content:"가중치";}
.profit_result_box td:nth-child(4)::before{content:"REC가격";}
.profit_result_box td:nth-child(5)::before{content:"SMP가격";}
.profit_result_box td:nth-child(6)::before{content:"연간 매출액";}
.profit_result_box td:nth-child(7)::before{content:"관리비 0.04%";}
.profit_result_box td:nth-child(8)::before{content:"누출매출액";}
.profit_result_box td::after{content:""; display:block; width:1px; height:15px; background:#ccc; position:absolute; top:16px; left:123px;}
.profit_result_box .center_boreder_box{padding:10px; font-size:1.6rem; margin-top:20px;}

/*나우협력사*/
#nowbiz_join li{width:100%; margin-left:0; margin-top:30px;}
#nowbiz_join li:first-child{margin-top:0;}

/*원격지원상담*/
#remote_remote01 .border_wrap{border-width:2px; padding:25px 20px; font-size:1.6rem;}
#remote_remote01 .top_box{flex-direction:column; align-items:flex-start;}
#remote_remote01 .top_box .img_box{margin-left:0; text-align:center; width:100%; margin-bottom:15px;}
#remote_remote01 .top_box .img_box img{height:140px;}
#remote_remote01 .top_box .txt_box .tit{font-size:2.3rem;}
#remote_remote01 .top_box .txt_box .txt{font-size:1.6rem;}
#remote_remote01 .top_box .txt_box .dot_list{margin-top:15px;}
#remote_remote01 .btn_box a{width:100%; max-width:380px; box-sizing:border-box;}
#remote_remote01 .btn_box a br{display:block;}
#remote_remote01 .info_box{margin-top:40px; padding-top:30px;}
#remote_remote01 .info_box .dot_list{margin-left:0; font-size:1.6rem;}

/*sitemap*/
#utility_sitemap ul li{width:100%; margin:0;}

}