@charset "utf-8";


/*********** 컨텐츠 탑이미지 공통1 ***********/
.con_top{ position:relative; width:auto; max-width:50%; margin:0 0 0 auto;  padding: 2.2em  2.5em  2em  2.5em  ;  display:inline-block;  box-sizing:border-box;  text-align:; background:rgba(255,255,255,.7);  }
.con_top h2{ font-size:; }
.con_top h2 small{color:inherit;  font-weight:;  display:block;  }
.con_top h3{ font-size:; }
.con_top h3 small{color:inherit;  font-weight:;  display:block;  }
.con_top h4{ font-size:; }
.con_top h4 small{color:inherit;  font-weight:;  display:block;  }
.con_top h5{ font-size:; }
.con_top h5 small{color:inherit;  font-weight:;  display:block;  }
.con_top h6{  font-weight:300; letter-spacing:1px; text-transform:uppercase} 
.con_top p{ width:100%; word-break:keep-all; text-transform:uppercase} 
.con_top span{color:#304f94; }

.con_top2{ position:relative; padding: 2.5em  ;  box-sizing:border-box; text-align:;   background:#;  display:inline-block; margin:0 auto;}
.con_top2 h2{ font-size:; }
.con_top2 h2 small{color:inherit;  font-weight:;  display:block;  }
.con_top2 h3{ font-size:; }
.con_top2 h3 small{color:inherit;  font-weight:;  display:block;  }
.con_top2 h4{ font-size:; }
.con_top2 h4 small{color:inherit;  font-weight:;  display:block;  }
.con_top2 h5{ font-size:; }
.con_top2 h5 small{color:inherit;  font-weight:;  display:block;  }
.con_top2 h6{  font-weight:; text-transform:uppercase}
.con_top2 p{ width:60%; margin:0 auto; word-break:keep-all; }  
.con_top2 span{color:#304f94; }

@media screen and (max-width:576px){
.con_top{ max-width:100%; padding: 1.5em  1.5em  1em  1.5em  ; }
.con_top2{padding:2em 0 2em 0;  }
.con_top2 p{ width:90%; word-break:normal; } 
}




/*********** 컨텐츠 테이블 ***********/
.con_table{position:relative; box-sizing:border-box; padding-bottom:1em; overflow:auto; }
.con_table table{position:relative; width:100%;  background:#fff; border-top:2px solid #405a92;  border-collapse: collapse; box-sizing:border-box; min-width:700px;}
.con_table table caption{ display:none;}
.con_table table thead{width:100%; text-align:center; box-sizing:border-box; }
.con_table table thead tr{ border-bottom:1px solid #405a92 !important;  }
.con_table table thead th{ background:#f8faff;  padding:.4em; text-align:center; vertical-align:middle; color:;}
.con_table table thead th:last-child{border-right:none; }
.con_table table thead td{ text-align:left; }
.con_table table tfoot{width:100%; text-align:center; vertical-align:middle;  border-top:1px solid #677eb1; }
.con_table table tfoot tr{ border-bottom:1px solid #677eb1 !important;  }
.con_table table tfoot th{ background:#f8faff;  padding:.4em; text-align:center; vertical-align:middle; color:;}
.con_table table tfoot th:last-child{border-right:none; }
.con_table tr{ border-bottom:1px solid #677eb1;  }
.con_table th{background:#f8faff; text-align:center; padding:.4em; font-weight:400; border-right:1px solid #677eb1; color:;}
.con_table th:last-child{border-right:none; }
.con_table td{ text-align:center; padding:.4em; vertical-align:middle; border-right:1px solid #677eb1; word-break:keep-all; box-sizing:border-box; color:;}
.con_table td:last-child{border-right:none; }
.con_table td p{vertical-align:middle; display:block; padding:0 !important; margin:0!important; }
.con_table td.bright{border-right:1px solid #677eb1!important; }

@media screen and (max-width:576px){
.con_table tr,
.con_table th,
.con_table td{ font-size:1rem; padding:.6em; }
}


.con_table02{position:relative; box-sizing:border-box; padding-bottom:1em; overflow:auto}
.con_table02 table{position:relative; width:100%;  background:#fff; border-top:2px solid #444;  border-collapse: collapse; box-sizing:border-box; min-width:700px;}
.con_table02 table caption{ display:none;}
.con_table02 table thead{width:100%; text-align:center; box-sizing:border-box; }
.con_table02 table thead tr{ border-bottom:1px solid #777 !important;  }
.con_table02 table thead th{ background:#f9f9f9;  padding:.4em; text-align:center; vertical-align:middle; color:;}
.con_table02 table thead th:last-child{border-right:none; }
.con_table02 table thead td{ text-align:left; }
.con_table02 table tfoot{width:100%; text-align:center; vertical-align:middle;  border-top:1px solid #777; }
.con_table02 table tfoot tr{ border-bottom:1px solid #777 !important;  }
.con_table02 table tfoot th{ background:#f9f9f9;  padding:.4em; text-align:center; vertical-align:middle; color:;}
.con_table02 table tfoot th:last-child{border-right:none; }
.con_table02 tr{ border-bottom:1px solid #777;  }
.con_table02 th{background:#f9f9f9; text-align:center; padding:.4em; font-weight:400; border-right:1px solid #777; color:;}
.con_table02 th:last-child{border-right:none; }
.con_table02 td{ text-align:; padding:.4em; vertical-align:middle; border-right:1px solid #777; word-break:keep-all; box-sizing:border-box; color:;}
.con_table02 td:last-child{border-right:none; }
.con_table02 td p{vertical-align:middle; display:block; padding:0 !important; margin:0!important; }
.con_table02 td.bright{border-right:1px solid #777!important; }

@media screen and (max-width:576px){
.con_table02 tr,
.con_table02 th,
.con_table02 td{ font-size:1rem; padding:.6em; }
}









/*********** 컨텐츠 테이블 ***********/
.con_ul{position:relative; box-sizing:border-box; padding-bottom:1em;} 
.con_ul li{ position:relative; background:#f9f9f9; padding:.5em 1em .5em 2em; font-weight:400; border-bottom:2px solid #fff; }
.con_ul li:last-child{border-bottom:none; }
.con_ul li:before{ content:'\e622'; display:block; width:20px; position:absolute; left:1em; top:12px;  background:;  font-size:13px; font-family: 'themify';}
.con_ul li p{vertical-align:middle; display:block; padding:0 !important; margin:0!important; }


.con_ul02{position:relative; box-sizing:border-box; padding-bottom:1em;} 
.con_ul02 li{ position:relative; background:#fff; padding:.5em 1em .5em 2em; font-weight:400; border-bottom:1px solid #ccc; }
.con_ul02 li:last-child{border-bottom:none; }
.con_ul02 li:before{ content:'\e622'; display:block; width:20px; position:absolute; left:0; top:12px;  background:;  font-size:13px; font-family: 'themify';}
.con_ul02 li p{vertical-align:middle; display:block; padding:0 !important; margin:0!important; }







/*********** 컨텐츠 테이블 ***********/
.con_caution{position:relative; box-sizing:border-box; padding-bottom:1em;} 
.con_caution li{ position:relative; background:#fff; padding:.5em 1em .5em 2em; font-weight:400; }
.con_caution li:last-child{border-bottom:none; }
.con_caution li:before{ content:'\e622'; display:block; width:20px; position:absolute; left:1em; top:12px;  background:;  font-size:13px; font-family: 'themify';}
.con_caution li p{vertical-align:middle; display:block; padding:0 !important; margin:0!important; }







/************* 콘텐츠 탭 *************/
#sub_c_box {position:relative; margin:0 auto; }
#sub_c_box .mmenu_tap {position:relative; width: 100%; display:inline-block;  text-align: center;   }
#sub_c_box .mmenu_tap li {width: ; display:inline-block;  text-align: center;   padding:.4em 3em .5em 3em; font-size:1.3rem;	border:1px solid #555; 	background:#fff; cursor:pointer}
#sub_c_box .mmenu_tap li.mmenu_tap_last { }
#sub_c_box .mmenu_tap a {color:#444; font-size:1.2rem;}
#sub_c_box .mmenu_tap a:hover {color:#304f94;  }
#sub_c_box .mmenu_tap .tap_on {background:#304f94;  border:1px solid #304f94; left:-1px; top:-1px; color:#fff !important; }
#sub_c_box .mmenu_tap a .tap_on {color:#fff !important;}
#sub_c_box .mmenu_tap .tap_on  a {color:#fff !important;}
#sub_c_box .mmenu_tap .tap_on a:hover {color:#fff; }
#sub_c_box .mmenu_list {position:relative; }

@media screen and (max-width:576px){
#sub_c_box .mmenu_tap li {width: ; padding:.4em 1em .5em 1em; }
	
}












/* 인사말 */
#greeting{}
#greeting .greeting_wrap{ position: relative; }
#greeting .greeting_img{ width: 100%; background:#f6f6f6 url(../img/company/greeting_intro.jpg) center center; background-size:cover; display:table; vertical-align:middle; margin:0 auto; }
#greeting .greeting_img h4{ color:#222;   }
#greeting .greeting_img h4 span{ font-weight:;  }
#greeting .greeting_img h3 small{ color:inherit; font-size:inherit; display:block; margin-bottom:.4em; text-transform:uppercase}
#greeting .greeting_img h3{ color:#222;   }
#greeting .greeting_img h3 span{ font-weight:;  }
#greeting .greeting_img p{ color:#222; }
#greeting .greeting_black{ background : rgba(0,0,0,.0);  padding:6em 1em;}
#greeting .greeting_txt{ margin:0 auto; text-align: ; }
#greeting .greeting_txt h3{ color:#666; font-weight:600; text-align:center; margin-bottom:1.5em}
#greeting .greeting_txt h3 span{ font-size:120%; color:#304f94; font-weight:700; text-transform:uppercase; }
#greeting .greeting_txt p{ font-size:1.2rem; word-break:keep-all;}
#greeting .greeting_txt p.sign{ font-size:1.1rem; text-align:right; color:#222;}
#greeting .greeting_txt p.sign span{ font-weight:500; letter-spacing:1em; }

@media screen and (max-width:576px){
#greeting .greeting_black{  padding:3em 1em;}
#greeting .greeting_txt p{ font-size:inherit; word-break:normal;}
}












/* 오시는길 */
#location{}
#location:after{content:""; display:block; clear:both;}
#location .map{}
.location_txt {position:relative; width:100%; }
.location_txt h6{border-bottom:1px solid #ccc;}
.location_txt li a{ color:#304f94}

@media screen and (max-width:576px){
.location_txt li{ font-size:1rem}
}














/* 사업분야 */
#busi{ }
#busi:after{content:""; display:block; clear:both;}
#busi .busi_wrap{ }
#busi .busi_img{ position:relative; background: url(../img/busi/busi_img.jpg) center center; background-size:cover; display:table; vertical-align:middle;  		display:none;}
#busi .busi_img .con_top2 h2,
#busi .busi_img .con_top2 h3,
#busi .busi_img .con_top2 h4,
#busi .busi_img .con_top2 h5,
#busi .busi_img .con_top2 h6,
#busi .busi_img .con_top2 p{color:#fff;}
#busi .busi_black{ background:rgba(0,0,0,.5); }
#busi .busi_txt{position:relative; }


#busi .caution_info {  position:relative; border:1px solid #7f81ab; background:#fff}
#busi .safety_info {  position:relative; border:1px solid #73959f; background:#fff}























 
/************* inquiry *************/
.Estimate_area_sub .form .input_field input, 
.Estimate_area_sub .form .input_field textarea {
  width: 100%;
  height: 50px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #aaa !important;
  padding:  ;
  font-size: ;
  background: transparent;
  color: #333;
  margin-bottom: 5px;
  line-height:;
  background:#fff;
}

.Estimate_area_sub .form .input_field input::placeholder, 
.Estimate_area_sub .form .input_field textarea::placeholder {
  color: #333;
  font-weight: 400;
  font-size: ;
}

.Estimate_area_sub .form .input_field input:focus, 
.Estimate_area_sub .form .input_field textarea:focus {
  outline: none;
}

.Estimate_area_sub .form .input_field textarea {
  height: 150px;
}

.Estimate_area_sub .form .nice-select {
  font-size: ;
  height: 50px;
  line-height: 50px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
  background: transparent;
  border: 1px solid #aaa!important;
  background:#fff;
  margin-bottom: 5px;
  width: 100%;
  color: #333;
}

.Estimate_area_sub .form .nice-select .option {
  color: #000;
}

.Estimate_area_sub .form .boxed-btn3-line {
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 400;
}

.Estimate_area_sub .nice-select::after {
  content: "\e64b";
  display: block;
  height: 5px;
  margin-top: -5px;
  pointer-events: none;
  position: absolute;
  right: 30px;
  top: 4px;
  transition: all 0.15s ease-in-out;
  width: 5px;
  font-family: 'themify';
  color: #333;
  font-size: 14px;
}	

.Estimate_area_sub .protect{width:100%; color:#444; font-weight:400; margin-top:.5em; padding:1em 2em; background:#f6f6f6; text-align:left;  word-break:keep-all; box-sizing:border-box; font-size:; border:none;}
.Estimate_area_sub p{font-size:1.1rem  !important; color:#444 !important; font-weight:300; display:block; text-align:center;  word-break:keep-all; }


#inquiry_wrap .inquiry_wrap{text-align:left; width:100%; }
#inquiry_wrap .esti_table{position:relative; width:90%; color:#444; text-align:; margin:0 auto 1em  auto; border-collapse: collapse; }
#inquiry_wrap .esti_table p{font-size:1.1rem  !important; color:#444 !important; font-weight:300; display:block; text-align:center;  word-break:keep-all; }
#inquiry_wrap .esti_table p a{display:inline-block; color:#444; text-align:center; margin:0 auto; }
#inquiry_wrap .esti_table ul{position:relative; }
#inquiry_wrap .esti_table ul:after{content:""; display:block; clear:both;}
#inquiry_wrap .esti_table .sort li{text-align:left; font-size:; color:#444; font-weight:400; padding:0 0 .5em 0; margin:0px; line-height:2; display:inline-block;}
#inquiry_wrap .esti_table .sort li.left{width:49%; float:left;}
#inquiry_wrap .esti_table .sort li.right{width:49%; float:right;}
#inquiry_wrap .esti_table .sort li:after{content:"";  display:block; clear:both;}
#inquiry_wrap .esti_table .sort2 li{width:100%; text-align:left; font-size:; color:#444; font-weight:400; padding:0 0 .5em 0; margin:0px; line-height:2; }
#inquiry_wrap .esti_table .sort2 li:after{content:"";  display:block; clear:both;}
#inquiry_wrap .esti_table .mailto{ display:none ;}

#inquiry_wrap .i_name{	width:100%;	color:#444; border:1px solid #aaa}
#inquiry_wrap .i_etc {	width:100%; padding: .8em 1em; color:#444; border:none; border:1px solid #aaa}
#inquiry_wrap .i_checkbox, .radio{	width:18px;	height:18px; vertical-align:abmiddle ; border:1px solid #aaa}

#inquiry_wrap .select1{width:100%;	color:#444; border:1px solid #aaa}
/* SCROLL */
#inquiry_wrap ::-webkit-scrollbar { width: 10px; }
/* ?ㅽ겕濡ㅻ컮??width */
#inquiry_wrap ::-webkit-scrollbar-track { background:rgba(0,0,0,.8) }
/* ?ㅽ겕濡ㅻ컮???꾩껜 諛곌꼍??*/
#inquiry_wrap ::-webkit-scrollbar-thumb { background:#8a8a8a ;	border-radius:10px; /*background: linear-gradient(to bottom, #fff, #fff);*/}
/* ?ㅽ겕濡ㅻ컮 ??*/
#inquiry_wrap ::-webkit-scrollbar-button { display:none;}
/* ???꾨옒 踰꾪듉 (踰꾪듉 ?놁븷湲곕? ?? */
#inquiry_wrap scrollbar-face-color{ background:#8a8a8a ;}
#inquiry_wrap scrollbar-shadow-color{ background:rgba(0,0,0,.8)}
#inquiry_wrap scrollbar-highlight-color{ background:rgba(0,0,0,.8) }
#inquiry_wrap scrollar-3dlight-color{ background:rgba(0,0,0,.8) }
#inquiry_wrap scrollbar-darkshadow-color{ background:rgba(0,0,0,.8) }
#inquiry_wrap scrollbar-track-color{ background:#8a8a8a ;}
#inquiry_wrap scrollbar-arrow-color{ background:#8a8a8a ;}


@media screen and (max-width:576px){
#inquiry_wrap .esti_table .sort li.left{width:100%; float:none;}
#inquiry_wrap .esti_table .sort li.right{width:100%; float:none;}
#inquiry_wrap .esti_table p{font-size:1rem !important }
#inquiry_wrap .protect{font-size:1rem !important }
}


