
.container {max-width: 1400px;}

.board-align {justify-content: space-between;}


/* mobile */
@media (min-width: 1px) and (max-width: 1089px) {

	.fixed-header {display:none;}
	.login{display:block}
	.mpage{display:block;}
	.spage{overflow-x:auto;white-space: nowrap;}

	.fixed-top {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
		background-color:#fff;
		border-bottom:1px solid rgba(255, 255, 255, 0.2);
	}
	
}

/* desktop */
@media (min-width: 1090px) {

	.fixed-header {display:block;}
	.login{display:none}
	.mpage{display:none;}


	/* header */
	.fixed-header {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
	}
	.top-line { background:#333333; }
	.fixed-top {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
		border-bottom:1px solid rgba(255, 255, 255, 0.2);
	}
	.ety-main {
		margin:0;
	}


}

.dp-none {display:none;}

.footer h2{margin:0 0 20px; 0}


.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-group-first{
	padding: 50px 0px 50px 20px;
    background: #4c4f6f;
    font-size: 20px;
	color:#fff;
    font-weight: bold;
    border-top: 3px solid #313450;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.carousel-item a{color:#fff;}

/* 네비게이션 수정 */
.dropdown-menu {
    border-radius: 0px;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 7px 15px;
    clear: both;
    font-weight: 600;
    color: #888;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 14px;
}
.dropdown-item:hover {
	background:#f5f5f5;
}

.color-gray{color:#666}
.color-red{color:#ff0000}


.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f19 {font-size: 19px;}
.f20 {font-size: 20px;}

/* pages */
.info-2 i{font-size:20px;}
table th, table td{ font-family: 'S-CoreDream-4Regular';font-size: 14px;}


#bo_v_sns li span{display:none;}
#bo_v_sns {display:none;position:absolute;top:-50px;right:0px;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1}


.bg_maingallery {background-color:#F9F9F9;}


/* 우수기술기업 */
.exellent { position:relative; width:100%; display:flex; flex-direction:column;  padding:100px 0 80px;  margin:0;}
.exellent .exellent_title{display:flex; flex-direction:column; text-align: center;}
.exellent .exellent_title .tit_01{font-size:28px; color:#E88F2A; margin:0;}
.exellent .exellent_title .tit_02{font-size:50px; color:#333;}
.exellent_certified {display:flex; flex-direction:column; text-align: center;}
.exellent_certified .certified_img {z-index:10 ;}
.exellent_certified .certified_img img {max-width: 100%;}
.exellent_certified .certified_txt {font-size:20px; color:#555; letter-spacing:-0.5px;}
.exellent .exellent-text {position:absolute; display:block; width:100%; top:50%; left:0; overflow:hidden;}
.exellent .exellent-text span{
	font-size:100px;
	color:#e9e9e9;
	letter-spacing:1px;
	white-space: nowrap;
	display: inline-block;
  	animation: text-to-left 20s linear infinite;
}

@keyframes text-to-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* 모바일기기 + 태블릿 (우수기술기업)*/
@media only screen and (min-width: 321px) and (max-width: 768px){
	.exellent {padding:60px 0 60px; }
	.exellent .exellent_title .tit_01{font-size:20px; }
	.exellent .exellent_title .tit_02{font-size:40px; }
	.exellent_certified .certified_img {padding:0 20px;}
	.exellent_certified .certified_txt {font-size:16px; color:#555; padding-top:20px; margin:0;}
	.exellent .exellent-text {top:50%; }
	.exellent .exellent-text span{
		font-size:60px;
		color:#e9e9e9;
		letter-spacing:1px;
		white-space: nowrap;
		display: inline-block;
		animation: text-to-left 20s linear infinite;
	}
}

/* 태블릿 (우수기술기업) */
@media only screen and (min-width: 769px) and (max-width: 1200px){
}


/* 면허안내 시공분야 */
.business {position: relative; width:100%; height:1280px; text-align:center; padding:160px 0 0; background-color:#0A0A0A; background-image:url(../img/main/bg_field.png) !important;
	background-repeat:no-repeat !important;background-position:center top !important; background-size:contain; isolation: isolate;}
.business::before{content:""; position:absolute; top:0; left:0; width:380px; height:300px; display:block; background-image:url(../img/main/bg_obj01.png) !important;
	background-repeat:no-repeat !important;background-position:center top !important; background-size:contain; z-index: -1;}
.business::after{content:""; position:absolute; bottom:0; right:0; width:320px; height:360px; display:block; background-image:url(../img/main/bg_obj02.png) !important;
	background-repeat:no-repeat !important;background-position:center top !important; background-size:contain; z-index: -1;}
.business .license{color:#fff; }
.business .license .license_tit{font-size:32px;}
.business .license .license_txt{font-size:18px; padding:30px 0 0; margin:0 auto;}
.business .license .license_txt > span{display:block;}
.business .license .license_txt > span .mo_block{display:inline; font-style:normal;}
.business .license .license_btn{font-size:18px; padding:6px 26px; color:#fff; margin-top:30px; background-color:transparent; border:2px solid rgba(255, 255, 255, 0.4); border-radius:50px;}
.business .field {position: relative; padding:80px 0 0 ;}
.business .field .img_field_pc {display:block;}
.business .field .img_field_ta {display:none;}
.business .field .img_field_mo {display:none;}
.business .field .field_img img {max-width:100%;}

/* 모바일기기 + 태블릿 (면허안내 시공분야) */
@media only screen and (min-width: 321px) and (max-width: 768px){
	.business {position: relative; height:100%;padding:80px 0 60px; background-position:left -920px top !important; background-size:cover; }
	.business::before{content:""; position:absolute; top:0; left:0; width:150px; height:118px; background-position:center top !important; background-size:cover; }
	.business::after{content:""; position:absolute; bottom:0; right:0; width:150px; height:170px; background-position:center top !important; background-size:cover; }
	.business .license {padding:0 40px;}
	.business .license .license_tit{font-size:24px; line-height: 1.3; }
	.business .license .license_tit span {display:block;}
	.business .license .license_txt{font-size:15px; padding:20px 0 0; }
	.business .license .license_txt > span{display:block;}
	.business .license .license_txt > span .mo_block{display:block;}
	.business .license .license_btn{font-size:16px; padding:6px 26px;  margin-top:20px;}
	.business .field {position: relative; padding:60px 0 0 ;}
	.business .field .img_field_pc {display:none;}
	.business .field .img_field_ta {display:none;}
	.business .field .img_field_mo {display:block; padding:0 30px;}
}

/* 태블릿 (면허안내 시공분야) */
@media only screen and (min-width: 769px) and (max-width: 1200px){
	.business {position: relative; height:100%;padding:80px 0 60px; background-position:left -920px top !important; background-size:cover; }
	.business::before{content:""; position:absolute; top:0; left:0; width:150px; height:118px; background-position:center top !important; background-size:cover; }
	.business::after{content:""; position:absolute; bottom:0; right:0; width:150px; height:170px; background-position:center top !important; background-size:cover; }
	.business .license {padding:0 40px;}
	.business .license .license_tit{font-size:24px; line-height: 1.2; }
	.business .license .license_tit span {display:inline;}
	.business .license .license_txt{font-size:15px; padding:20px 0 0; }
	.business .license .license_txt > span{display:inline;}
	.business .license .license_btn{font-size:16px; padding:6px 26px;  margin-top:20px;}
	.business .field {position: relative; padding:60px 0 0 ;}

	.business .field .img_field_pc {display:none;}
	.business .field .img_field_ta {display:block; padding:0 40px;}
	.business .field .img_field_mo {display:none;}
}


/* 문의하기 */
.contact_tit {font-size:26px; color:#fff; margin-bottom: 40px;}
.contact_map {height:680px;}
.contact-form {padding:60px 100px 60px 60px; background-color:#313131;}
.btn-contact {color:#fff; background-color:#F05526; padding:16px 18px; line-height: 1; font-size:18px; border:0; border-radius:8px;}
.btn_privacy {color:#F05526; text-decoration:underline;}
 
@media only screen and (min-width: 321px) and (max-width: 768px){
	.contact_tit {margin-bottom:20px;}
	.contact_map {height:500px;}
	.contact-form {padding:50px 30px;}
}

/* footer */
.footer .footer-logo {font-size:38px; color:#fff; padding:40px 0 0;}
.footer .footer-txt {font-size:16px; color:#fff; padding:10px 0 0;}
.footer .footer-info { padding:20px 0 40px;}
.footer .footer-info li { font-size:15px; padding:5px 0;}
.footer .footer-info li span{display:inline-block; color:#999;  padding-right:5px;}

@media only screen and (min-width: 321px) and (max-width: 768px){
	.footer .footer-logo {font-size:30px;  padding:20px 0 0;}
	.footer .footer-txt {font-size:16px; padding:10px 10px 0;}
	.footer .footer-txt span{display:block;}
	.footer .footer-info li { font-size:14px; }
	.footer .footer-info li span{padding-right:2px;}		
}


/* 회사소개 */
.top-about{padding:20px 0 60px; text-align: center; border-bottom:1px solid #eee;}
.top-about .top-aboutimg {padding:0 0 30px;}
.top-about .top-abouttxt {width:600px; font-size:20px; color:#333; margin:0 auto;}
.top-about .top-abouttxt span{display: block;}

.field-about {text-align: center; padding:60px 0;}
.field-about .field-abouttit {font-size: 24px; color:#DE8405; margin:0;}
.field-about .field-aboutimg {padding:40px 0 0;}
.field-about .field-aboutimg .field-aboutpc{display:block; margin:0;}
.field-about .field-aboutimg .field-aboutta{display:none; margin:0;}
.field-about .field-aboutimg .field-aboutmo{display:none; margin:0;}

.info-about {display:flex; padding:40px 0 60px;}
.info-about .info-aboutimg {width:50%; height:578px; background-color: #E8E8E8; text-align: center; padding:20px 0 0;}
.info-about .info-abouttxt {width:50%; height:578px; background-color: #3A3A3A; padding:60px;}
.info-about .infotxt {padding:20px 0;}
.info-about .infotxt .type-tit {font-size:26px; color:#DE8405;}
.info-about .infotxt .type-subtit {font-size:17px; color:#fff;}
.info-about .infotxt ul li {font-size:17px; color:#fff;}

.map-about {text-align: center; padding:60px 0;}
.map-about .map-abouttit {font-size: 24px; color:#DE8405; margin:0;}
.map-about .map-abouttxt {font-size: 18px; color:#333; padding:10px 0; margin:0;}
.map-about .map-field {padding:20px 0 40px; height:480px;}

/* 모바일기기 + 태블릿 (회사소개) */
@media only screen and (min-width: 321px) and (max-width: 768px){
	.top-about{padding:10px 0 40px;}
	.top-about .top-aboutimg {padding:0 0 40px;}
	.top-about .top-abouttxt {width:100%; font-size:18px; padding:20px;}

	.field-about .field-aboutimg {padding:20px 0 0;}
	.field-about .field-aboutimg .field-aboutpc{display:none;}
	.field-about .field-aboutimg .field-aboutta{display:none; }
	.field-about .field-aboutimg .field-aboutmo{display:block; }

	.info-about {display:flex; flex-direction:column; padding:30px 0 40px;}
	.info-about .info-aboutimg {width:100%; height:auto; background-color: #E8E8E8; text-align: center; padding:20px 0 10px;}
	.info-about .info-abouttxt {width:100%; height:auto; background-color: #3A3A3A; padding:20px;}
	.info-about .infotxt {padding:20px 20px;}
	.info-about .infotxt .type-tit {font-size:22px; }
	.info-about .infotxt .type-subtit {font-size:16px;}
	.info-about .infotxt ul li {font-size:16px;}

	.map-about {padding:40px 0 0;}
	.map-about .map-abouttit {font-size: 22px;}
	.map-about .map-abouttxt {font-size: 16px; }
	.map-about .map-field {padding:20px 0 0; height:480px;}
}

/* 태블릿 (회사소개) */
@media only screen and (min-width: 769px) and (max-width: 960px){
	.top-about{padding:10px 0 40px;}
	.top-about .top-aboutimg {padding:0 0 40px;}
	.top-about .top-abouttxt {width:100%; font-size:18px; padding:20px;}

	.field-about .field-aboutimg {padding:20px 0 0;}
	.field-about .field-aboutimg .field-aboutpc{display:none;}
	.field-about .field-aboutimg .field-aboutta{display:block; }
	.field-about .field-aboutimg .field-aboutmo{display:none; }

	.info-about {display:flex; flex-direction:column; padding:30px 0 40px;}
	.info-about .info-aboutimg {width:100%; height:auto; background-color: #E8E8E8; text-align: center; padding:20px 0 10px;}
	.info-about .info-abouttxt {width:100%; height:auto; background-color: #3A3A3A; padding:20px;}
	.info-about .infotxt {padding:20px 20px;}
	.info-about .infotxt .type-tit {font-size:22px; }
	.info-about .infotxt .type-subtit {font-size:16px;}
	.info-about .infotxt ul li {font-size:16px;}

	.map-about {padding:40px 0 0;}
	.map-about .map-abouttit {font-size: 22px;}
	.map-about .map-abouttxt {font-size: 16px; }
	.map-about .map-field {padding:20px 0 0; height:480px;}
}

/* 관련법령 */
.laws {padding:0}
.laws .center-heading > h2 {font-size:30px;}
.laws section.law-sec {padding: 40px 0; border-bottom:1px solid #eee;}
.laws section.law-sec > h3{font-size:20px; color:#B11A1A; letter-spacing: -0.5px;}
.laws section.law-sec ul{padding:10px 10px; margin:0; }
.laws section.law-sec ul li{letter-spacing: -0.1px;}
.laws section.law-sec ul li ul{padding:12px 10px; margin:0; }
.laws section.law-sec ul li ul li ul li{color:#555; padding:2px 0;}


/* 태블릿 (관련법령) */
@media only screen and (min-width: 321px) and (max-width: 960px){
	.laws {padding:0 20px}
	.laws .center-heading > h2 {font-size:24px; margin-bottom:20px;}
	.laws section.law-sec {padding: 40px 0 20px; }
	.laws section.law-sec > h3{font-size:18px; }
	.laws section.law-sec ul{padding:10px 5px; margin:0; }
	.laws section.law-sec ul li ul{padding:12px 10px; margin:0; }
	.laws section.law-sec ul li ul li ul li{padding:2px 0;}
}
@media only screen and (min-width: 961px) and (max-width: 1399px){
	.laws {padding:0 20px}
	.laws section.law-sec {padding: 40px 0; }
	.laws section.law-sec > h3{font-size:20px; }
	.laws section.law-sec ul{padding:10px 10px; }
	.laws section.law-sec ul li ul{padding:12px 10px; }

}


/* 개인정보처리방침 */
.privacy {padding:0}
.privacy .center-heading > h2 {font-size:24px;}
.privacy section.privacy-sec {padding: 40px 0; border-bottom:1px solid #eee;}
.privacy section.privacy-sec > h3{font-size:18px; color:#222; letter-spacing: -0.5px;}
.privacy section.privacy-sec ul{padding:10px 10px; margin:0; }
.privacy section.privacy-sec ul li{letter-spacing: -0.1px; padding-top:20px;}
.privacy section.privacy-sec ul li ul{padding:12px 10px; margin:0; }
.privacy section.privacy-sec ul li ul li ul li{color:#555; padding:2px 0;}

/* 태블릿 (관련법령) */
@media only screen and (min-width: 321px) and (max-width: 960px){
	.privacy {padding:0 20px}
	.privacy .center-heading > h2 {font-size:24px; margin-bottom:20px;}
	.privacy section.privacy-sec {padding: 40px 0 20px; }
	.privacy section.privacy-sec > h3{font-size:18px; }
	.privacy section.privacy-sec ul{padding:10px 5px; margin:0; }
	.privacy section.privacy-sec ul li ul{padding:12px 10px; margin:0; }
	.privacy section.privacy-sec ul li ul li ul li{padding:2px 0;}
}
@media only screen and (min-width: 961px) and (max-width: 1399px){
	.privacy {padding:0 20px}
	.privacy section.privacy-sec {padding: 40px 0; }
	.privacy section.privacy-sec > h3{font-size:20px; }
	.privacy section.privacy-sec ul{padding:10px 10px; }
	.privacy section.privacy-sec ul li ul{padding:12px 10px; }

}