/*nav*/
.navbar-brand {padding:0 15px;line-height:100%;}
.navbar-brand img {width:100px;height:auto;}
.navbar-toggler-icon {color:#fefefe;}
button.navbar-toggler, button.navbar-toggler:focus{outline:none;border:none;background:none;}
.navbar-nav a {color:#fff;text-align:center;font-size:1.1em;}
.dropdown-menu {border-radius:0px;padding:0;color:#fff;background:#181818;top:97%;border:none!important;}
.dropdown-item {display:block;width:100%;padding:15px 20px;clear:both;font-weight:400;color:#fff!important;text-align:center;white-space:nowrap;background-color:transparent;border:0;}
.nav-item:hover {background:#181818;}
.dropdown-item:hover {background:#221e1f;}



/* 모바일기기 */
@media only screen and (max-width:320px) {
	.navbar-brand {font-size:25px; font-weight:bold;}
	.navbar-nav li {padding:5px 10px;}
}

/* 모바일기기 + 태블릿 */
@media only screen and (min-width:321px) and (max-width:768px){
	.navbar-brand {font-size:25px; font-weight:bold;}
	.navbar-nav li {padding:5px 10px;}
}

/* 태블릿 */
@media only screen and (min-width:769px) and (max-width:1200px){
	.navbar-brand {font-size:25px; font-weight:bold;}
	.navbar-nav li {padding:10px 15px;}
}

/* 데스크탑 */
@media only screen and (min-width:1201px) {
	.navbar-brand {font-size:25px; font-weight:bold;}
	.navbar-nav li {padding:10px 15px;}
}

/*#main-img*/
#main-img {
	position: relative;
	margin-top: -50px;
}
.main-m-img {
	display: none;
}
 @-webkit-keyframes typing {
from {
width: 0;
}
}
@keyframes typing {
from {
width: 0;
}
}
.main-txt {
	color: #fff;
	z-index: 10;
}
.main-title {
	position: absolute;
	top: 60%;
	left: 70%;
	font: 2.7em 'NanumBrush';
    width: calc(0.55em * 14);
	width: 31ch;
	white-space: nowrap;
	overflow: hidden;
	-webkit-animation: typing 3s steps(31, end);
	animation: typing 3s steps(31, end);
}	 
.main-sub-title {
	position: absolute;
	top: 72%;
	left: 80%;
	font-size: 1em;
	-webkit-animation: fadeInRight 5s ease-out;
	animation: fadeInRight 5s ease-out;
}
@-webkit-keyframes fadeInRight {
 from {
 opacity: 0;
 transform: translate3d(100%, 0, 0);
}
to {
	opacity: 1;
	transform: none;
}
}
@keyframes fadeInRight {
 from {
 opacity: 0;
 transform: translate3d(100%, 0, 0);
}
to {
	opacity: 1;
	transform: none;
}
}

 @media only screen and (min-width:992px) and (max-width:1400px){
.main-title {
	position: absolute;
	top: 55%;
	left: 65%;
	font: 2.5em 'NanumBrush';
    width: calc(0.55em * 14);
	width: 31ch;
	white-space: nowrap;
	overflow: hidden;
	-webkit-animation: typing 3s steps(31, end);
	animation: typing 3s steps(31, end);
}	 
.main-sub-title {
	position: absolute;
	top: 72%;
	left: 80%;
	font-size: 1em;
	-webkit-animation: fadeInRight 5s ease-out;
	animation: fadeInRight 5s ease-out;
}

 }
 @media screen and (max-width: 991px) {
.main-title,
.main-sub-title {
	display: none;
 }
 }
#main-icon {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: -7px;
}
dl, dd, dt {margin-bottom: 0!important;}
.icon {
	display: inline-block;
	width: 24%;
	text-align: center;
	color: #666;
}
.icon dt {
	font-size: 3.3em;
	padding-top: 25px;
}
.icon dd {
	font-size: 1em;
	padding-top: 10px;
	padding-bottom: 25px;
}
.icon:hover {
	color: #333;
}

@media only screen and (max-width: 991px) {
.icon dt {
	font-size: 2em;
}
.main-m-img {
	display: block;
}

.main-pc-img {
	display: none;
}
}

.section-title-bar {display:block; width:25px; height:3px; background:#333; margin-bottom:7px;}
.more a {float:right;background:url(img/more_btn.jpg) no-repeat;width:20px;height:20px;text-indent:-999px;overflow:hidden;display:inline-block}


/*sub nav*/
.sub-nav {width:100%; height:50px; background:#f4f4f4; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.sub-navbar {display:inline-block; float:left; *zoom:1; padding-left:0; margin-left:0;}
.sub-navbar li {display:block; float:left; height:48px; padding:15px 25px; position:relative;}
.sub-navbar > li {border-left:1px solid #ccc;}
.sub-navbar > li:last-child {border-right:1px solid #ccc;}
.sub-navbar li ul {display:none; position:absolute; top:100%; left:-1px; width:101.5%; background:#f4f4f4; border:1px solid #ccc; border-top:none; z-index:100;}
/*.sub-navbar > li > a > .arrow:before {margin-left:15px; display:inline; font-size:16px; font-family:FontAwesome; height:auto; content:"\f107"; font-weight:300; text-shadow:none; width:10px;}*/
.arrow {margin-left: 10px;}
.sub-navbar li ul li a:hover {color:#666;}

@media only screen and (max-width:320px) {
	.sub-navbar li {padding:15px 10px;}
}


/*company-info*/
.ceo-coment {padding:0 10px; line-height:160%; white-space:normal; word-break:normal;}
.ceo-coment .strong {font-size:1.1em; font-weight:600;}
.ceo-sign {float:right; margin:50px 20px 50px 0; font-size:1.1em; font-weight:600;}
.company-info {width:90%; min-width:320px; margin:55px auto; border:1px solid #ccc; background: rgb(68,60,62);
background: linear-gradient(133deg, rgba(68,60,62,1) 0%, rgba(34,30,31,1) 25%, rgba(73,67,69,1) 75%, rgba(34,30,31,1) 100%);
background: -moz-linear-gradient(133deg, rgba(68,60,62,1) 0%, rgba(34,30,31,1) 25%, rgba(73,67,69,1) 75%, rgba(34,30,31,1) 100%);
background: -webkit-linear-gradient(133deg, rgba(68,60,62,1) 0%, rgba(34,30,31,1) 25%, rgba(73,67,69,1) 75%, rgba(34,30,31,1) 100%);}
.company-info p {color:#fff;}
.company-info .table-list {width:20%; padding:2.1% 2%; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center;}
.company-info .table-cont {width:60%; padding:2% 0 2% 7%; border-bottom:1px solid #ccc;}

/*organization*/
.org {margin: 0px auto; text-align: center;}
.org_img {max-width: 820px;}
/*history*/

/*map*/

/*사업영역*/
.business_area1, .business_area2 {margin: 0px auto;}
/*.m_business_area {display: none;}
.business_area1 dl {margin-top: 20px;}
.business_area2 dl {margin-top: 30px; margin-bottom: 55px;}
.business_area1 dl, .business_area2 dl {float: left; margin-left: 15px; margin-right: 15px; width: 300px; height: 350px; padding: 55px 15px 0 15px;}*/
.business_area1 p, .business_area2 p {color: #fff; text-align: center; line-height: 160%;}
.b_area {padding: 15% 10% 20% 10%; margin-bottom: 35px;}
.b_area_title {font-size: 1.07em; font-weight: 600; padding-bottom: 5%; border-bottom: 1px solid #fff;}   
.b_area_txt {padding-top: 10%;}
.b_area1 {background: url(../img/ba1.png) center no-repeat;}
.b_area2 {background: url(../img/ba2.png) center no-repeat;}
.b_area3 {background: url(../img/ba3.png) center no-repeat;}
.b_area4 {background: url(../img/ba4.png) center no-repeat;}

/*실적*/
.tabs {margin-top:25px; margin-bottom:35px;}
.tabs ul {width:100%; height:40px; border-bottom:1px solid #333; margin:15px auto 0 auto;}
.tabs ul li {float:left; padding:8px 15px;}
.tabs ul li.active {display:block; background:#333;}
.tabs ul li.active a {color:#fff; font-weight:600;}
.tabs table {width:100%; margin:25px auto; border:1px solid #ccc;}
.tabs table td p {line-height:160%;}
.tabs table tr td:first-child {border-right:1px solid #ccc; text-align:center; padding:1.5% 1%;}
.tabs table td .b-bt {border-bottom:1px solid #ccc;}
.tabs table tr td:last-child {padding:1.5% 1% 1.5% 2%;}
#tab-select {display:none;}

@media screen and (min-width:200px) and (max-width:768px) {
#tab-nav {display:none;}
#tab-select {display:block; width:100%; height:35px; margin:0 auto; padding-left:2%; font-size:0.85em;}
.tabs select{-webkit-appearance: none;/* 화살표 없애기 for chrome*/ -moz-appearance: none;/* 화살표 없애기 for firefox*/ appearance: none;/* 화살표 없애기 공통*/}
.tabs select::-ms-expand {display: none;/* 화살표 없애기 for IE10, 11*/}
.tabs table {font-size:0.85em;}
.tabs table td {padding: 1%;}	

}


/*견적*/
.form_table {width:95%; min-width:320px; border-collapse: collapse; margin-bottom:25px;}
.form_table th {padding:1% 2%; border:1px solid #ccc; background:#f4f4f4; text-align:center; vertical-align:middle;}
.form_table th label {margin-bottom: 0!important;}
.form_table td {padding:1% 2%; border:1px solid #dfdfdf; color:#666;}
.form_table tr:last-child td {border:none;}
.form_table .ipt {height:95%; width:90%; border:none; outline:none;}
.form_table .ipt::-webkit-input-placeholder, .form_table textarea::-webkit-input-placeholder {color:#999; font-size:0.85em;}
.form_table textarea {height:97%; width:97%; border:none; outline:none;}
.btn_submit {border-radius:2px; background:#333; border:1px solid #333; padding:10px 20px; font-weight:600; color:#fff;}

/*recurit*/
.employee_table {width:100%; text-align:center; color:#666; margin-bottom:20px;}
.employee_table td {width: 33%; padding:1%;}
.employee_icon img {max-width:150px; height:auto;}
.employee p {font-size:1.15em; font-weight:600; padding-top:10px; padding-bottom:25px;}
.requir-title {font-size:1.3em; font-weight:600;}
.requir-title i {margin-right:15px;}
.requir-title {font-size:1.3em; font-weight:600; margin:15px 0;}
.requir-table-1, .requir-table-2, .requir-table-3 {width:100%; margin:15px auto 30px auto; border:1px solid #ccc;}
.requir-table-1 .table-list, .requir-table-2 .table-list, .requir-table-3 .table-list {width:15%; padding:1% 2%; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center; vertical-align:middle;}
.requir-table-1 .table-cont, .requir-table-2 .table-cont, .requir-table-3 .table-cont {padding:1% 0 1% 1.5%; border-bottom:1px solid #ccc; line-height:160%; vertical-align:middle;}
.caution {font-size:0.9em; color:#666; line-height:120%; padding-left:10px;}

.notice-coment {width:100%; margin:15px auto 30px auto; border:1px solid #ccc; padding:1.2%;}
.notice-coment li {line-height:160%;}
.notice-coment li:first-child {color:#f60; font-weight:500;}

#popup {width:45%; height:auto; background:#fefefe; border:1px solid #ccc; position:absolute; top:55%; padding:1.3%;}
.law li:first-child {padding:0 0 10px 5px; font-weight:600;}
.law li {padding:5px 10px; font-size:0.95em;}
.popclose {padding:10px 0 0 0; font-weight:600; font-size:0.95em; float:right; cursor:pointer;}
.popread {padding-left:5%; font-size:0.7em; color:#2E64FE;}

@media screen and (min-width:200px) and (max-width:768px) {
	.employee p {font-size:1em; font-weight:600; padding-top:10px; padding-bottom:25px;}
	#popup {width:90%;}
}


/*footer*/
#ft_tail {width:100%;display:inline-block;background:#fff;padding:40px 0px;border-top:1px solid #e1e1e1;}
#ft_tail .footer {width:100%;max-width:1200px;margin:0 auto;}
#ft_tail .ft_wrapper .ft_first {width:20%;text-align:center;float:left;}
#ft_tail .ft_wrapper .ft_first img {width:120px;}
#ft_tail .ft_wrapper .ft_second {width:80%;float:left;text-align:left;position:relative;}
#ft_tail .ft_wrapper .ft_second .ft_wrap {display:flex;}
#ft_tail .ft_wrapper .ft_second h1 {font-size:16px;letter-spacing:0.8px;font-weight:600;color:#999;display:inline-block;vertical-align:top;margin-bottom:20px;line-height:24px;}
#ft_tail .ft_wrapper .ft_second h2 {font-size:14px;letter-spacing:-0.7px;font-weight:350;color:#b9b9b9;display:inline-block;margin-left:30px;line-height:24px;}

#tail_tnb li, #tail_sns li {display:inline-block;}
#tail_tnb li.sns_btn {margin-left:10px;}

@media all and (max-width:1024px) {
/* footer */
#ft_tail {width:100%;display:inline-block;text-align:center;background:#fff;padding:40px 0px;border-top:1px solid #e1e1e1;}
#ft_tail .ft_wrapper {display:inline-block;}
#ft_tail .ft_wrapper .ft_first {width:100%;float:inherit;text-align:center;}
#ft_tail .ft_wrapper .ft_second {width:100%;float:inherit;text-align:center;position:relative;padding:20px 0;}
#ft_tail .ft_wrapper .ft_second .ft_wrap {display:block;}
#ft_tail .ft_wrapper .ft_second h1 {font-size:16px;letter-spacing:0.8px;font-weight:600;color:#999;display:block;vertical-align:top;margin:20px 0px;line-height:24px;}
#ft_tail .ft_wrapper .ft_second h2 {font-size:14px;letter-spacing:-1px;font-weight:350;padding:0px 15px;color:#b9b9b9;display:inline-block;margin-left:0px;line-height:24px;}
	
}