/* ************************************** *
 * common layout
 * ************************************** */
 /*공통*/
 /* 리스트 */
 .bu-list > li{ padding-left: 20px; margin-bottom: 10px; background:url('image/bu-list.png') no-repeat; background-position: left 9px; font-size: 17px; color: #333; line-height: 1.6em;}
 .bu-list > li > ul { padding-top: 7px;}
 .bu-list > li > ul > li { padding-left: 15px; margin-bottom: 5px; background:url('image/bu_list02.png') no-repeat; background-position: left 8px; font-size: 15px; color: #444; line-height: 1.6em;}
.bu-list > li > a{color: #fff; background: #b49a67; padding: 5px; font-size: 14px;}
 /*테이블*/
/* .tbl-top{width:100%; border-top:2px solid #333;} */
.tbl-top .top-table{background: #f6f6f6 !important;}
.tbl-top .tbl-left{text-align: left; line-height: 22px; padding: 15px;}
.tbl-top .tit-img{margin-top:30px;}
.tbl-top td,th{font-size: 15px; padding: 10px; text-align: center; border:1px solid #ccc; letter-spacing: -1.5px;}
.tbl-top td {color:#666; background: #fff; line-height: 22px;}
.tbl-top p{margin-top: 10px;}
.tbl-top td span{font-size: 13px; color:#666;}
.tbl-top th{background: #fafafa; height: 25px;     line-height: 20px;}
.tbl-top td input{border: 1px solid #ececec; color:#666; padding: 0 10px; box-sizing: border-box; height: 35px;}
.tbl-top td .required{width: 100%;}
.tbl-top td .wd_phone{width: 30.77%;}
.tbl-top td .wd_small{width: 30.77%;}
.tbl-top td .input_select{width: 29.33%; background: url(image/select_arrow.png) no-repeat 90% 60%; padding: 0 5px; border: 1px solid #ececec; color:#666; height: 36px;}
.tbl-top .condition-btn{padding: 5px 13px;}
.tbl-top .condition-btn button{width: 39.55px; line-height: 30px; float:left; border: 1px solid #ccc; text-align: center; margin: 0 3px; cursor:auto; font-size: 14px;}
.tbl-top .condition-btn .on{background: #333; color:#fff; border: 1px solid #333;}
.tbl-top td .required{width: 100%; padding: 4px; min-width: 80px;}
.tbl-top td .wd_phone{width: 30.77%; min-width: 80px;}
.tbl-top td .wd_small{width: 31.77%; min-width: 80px;}
.tbl-top td .input_select{width: 29.33%; min-width: 70px; height: 35px; background: url(image/select_arrow.png) no-repeat 90% 60%; padding: 0 5px; border: 1px solid #ececec; color:#666;}
.c-red{color: #ff3200 !important; font-size: 16px !important;}


/* ************************************** *
 * content
 * ************************************** */
/* 인사말 */
.greeting-content{width: 100%; overflow: hidden;}
.greeting-content .greeting-img{width: 48%; float: left;}
.greeting-content .greeting-txt{width: 52%; float: left; box-sizing: border-box; padding: 57px 0;}
.greeting-content .greeting-txt .txt-top{padding-bottom: 50px;}
.greeting-content .greeting-txt .txt-top h4{font-size: 38px; font-weight: 600; color: #1e63b3; font-family: 'Ubuntu', serif !important;}
.greeting-content .greeting-txt .txt-top p{font-size: 27px; line-height: 40px; padding-top: 10px;}
.greeting-content .greeting-txt .txt-bottom{}
.greeting-content .greeting-txt .txt-bottom p{line-height: 30px; letter-spacing: -1.5px;}
.greeting-content .greeting-txt .txt-bottom p:nth-child(2){padding-top: 50px; font-size: 18px; font-family: 'Nanum Myeongjo', sans-serif !important; font-weight: 600;}
/*조직도*/
.organization-content{width: 100%; overflow: hidden;}
.organization-content .organization-pc{}
.organization-content .organization-m{display: none;}
.organization-content .organization-pc img{width: 100%;}

/*등록현황*/
.status-content {width: 100%; overflow: hidden;}
.status-content li{float: left; width: 23%; margin: 0 1% 2%;}
.status-content li .certi-box {border: solid 1px #ccc; text-align: center;}
.status-content li .img-box {width: 100%;height: auto;}
.status-content li .img-box img{width: 100%;}
/* .status-content li p {padding: 15px 5%; border-top: solid 1px #ccc; background: #efefef; font-size: 14px; color: #222;} */
.status-content li p {padding: 0 5%; border-top: solid 1px #ccc; background: #efefef; font-size: 14px; color: #222; min-height: 50px; display: flex; align-items: center; justify-content: center;}

/*환경컨설팅공통*/
.content-common-layout { position: relative; padding-bottom: 40px;}
.content-common-layout h3 { position: absolute; top: 0; left: 0; width: 270px; padding: 50px 0 0 30px; border-top: solid 1px #1e63b3; font-family: 'Montserrat', 'Noto Sans KR', sans-serif !important; font-size: 27px; font-weight: 500; color: #111; letter-spacing: -0.075em; line-height: 1.3em; text-transform: uppercase;}
.content-common-layout .layout-in { margin-left: 300px; padding-top: 50px; border-top: solid 1px #d8d8d8;}
.content-common-layout .layout-in h4 { margin: 50px 0 20px; font-weight: bold; font-size: 20px; color: #1e63b3;}
.content-common-layout .layout-in p { padding-bottom: 20px; font-size: 17px; color: #333; letter-spacing: -0.05em; line-height: 1.7em;}
.content-common-layout .layout-img{padding-top: 30px;}
.content-common-layout .layout-in .more{width: 838px; margin: 0 22px; height: 50px; background: #5d452b;}
.content-common-layout .layout-in .more a{color: #fff; width: 100%; text-align: center; display: inline-block; line-height: 50px;}

/*정부지원사업*/
.result-pc{display: block;}
.result-m{display: none;}

/* 회사연혁 */
.his-month {
    font-weight: bold; font-size: 20px; color: #1e63b3; margin-bottom: 10px;
}

/*lightGallery*/
.small {
  font-size: 11px;
  color: #999;
  display: block;
  margin-top: -10px
}

.cont {
  text-align: center;
}

.page-head {
  padding: 60px 0;
  text-align: center;
}

.page-head .lead {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 50px;
  margin-top: 0;
}


.btn-lg {
  border-radius: 2px;
  font-size: 18px;
  line-height: 1.33333;
  padding: 10px 16px;
}

.btn-primary:hover {
  background-color: #fff;
  color: #152836;
}

.btn-primary {
  background-color: #152836;
  border-color: #0e1a24;
  color: #ffffff;
}

.btn-primary {
  border-color: #eeeeee;
  color: #eeeeee;
  transition: color 0.1s ease 0s, background-color 0.15s ease 0s;
}

.page-head h1 {
  font-size: 42px;
  margin: 0 0 20px;
  color: #FFF;
  position: relative;
  display: inline-block;
}

.page-head h1 .version {
  bottom: 0;
  color: #ddd;
  font-size: 11px;
  font-style: italic;
  position: absolute;
  width: 58px;
  right: -58px;
}

.demo-gallery > ul {
  margin-bottom: 0;
  padding-left: 15px;
}

.demo-gallery > ul > li {
  margin-bottom: 15px;
  width: 180px;
  display: inline-block;
  margin-right: 15px;
  list-style: outside none none;
}

.demo-gallery > ul > li a {
  border: 3px solid #FFF;
  border-radius: 3px;
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}

.demo-gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}

.demo-gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
  opacity: 1;
}

.demo-gallery > ul > li a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}

.demo-gallery > ul > li a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.demo-gallery > ul > li a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}

.demo-gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
  opacity: 1;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .video .demo-gallery-poster img {
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  opacity: 0.8;
  width: 48px;
}

.demo-gallery.dark > ul > li a {
  border: 3px solid #04070a;
}

/*오시는 길*/
.location-map{width: 100%; overflow: hidden;}
.location-map iframe{height: 600px !important;}
.tab .tab-nav { display: table; margin: 0 auto 80px;}
.tab .tab-nav li { position: relative; float:left; margin:0 8px;}
.tab .tab-nav button { display: inline-block; padding: 10px 30px; border-radius: 30px; font-family: 'CoreGTE', sans-serif !important; background: #ececec; font-size: 17px; color: #333;}
.tab .tab-nav button:hover,
.tab .tab-nav li.on button { background: #1e63b3; color: #fff;}
.tab .tab-con { z-index:1; width:100%;}
.tab .tab-con > li { display:none;}
.tab .tab-con > li.on { display:block;}
.tab .tab-con p {font-size: 17px; color: #444;}
.location .map-top { margin-bottom: 40px; font-size: 17px; }
.location .map-top dl { margin-top: 15px;}
.location .map-top dt { float: left; width: 10%; line-height: 30px; font-family: 'Montserrat', sans-serif !important; font-weight: 500; font-size: 17px; color: #1e63b3;}
.location .map-top dd { float: left; width: 90%; line-height: 30px; font-family: 'Montserrat', sans-serif !important; font-weight: 500; font-size: 17px; color: #222;}
.location .btn-map { margin-top: 40px; text-align: center;}
.location .loca-way { margin-top: 80px;}
.location .loca-way li { padding-left: 120px; margin-bottom: 60px;}
.location .loca-way li:nth-of-type(1) {height:90px; background: url('image/ico-loca01.gif') no-repeat left top;}
.location .loca-way li:nth-of-type(2) {height:90px; background: url('image/ico-loca03.gif') no-repeat left top;}
.location .loca-way li h4 { margin-bottom: 15px; font-weight: bold; font-size: 17px; color: #111;}
.location .loca-way li h4 span { font-weight: normal; color: #999;}
.location .loca-way li p { font-size: 15px; margin-bottom: 5px; color: #444; letter-spacing: -0.05em;}
.location .loca-way li p strong { padding-right: 10px;}
.location .loca-way li i { display: inline-block; width: 18px; height: 18px; line-height: 18px; margin: 3px 5px 0 0; border-radius: 50%; font-family: 'Montserrat', sans-serif !important; font-size: 12px; font-weight: 700; font-style: normal; text-align: center; color: #fff;}
.location .loca-way .circle-green { background: #12aa58;}
.location .loca-way .circle-olive { background: #606d00;}
.location .loca-way .txt-green { color: #12aa58;}
.location .loca-way .txt-olive { color: #606d00;}
.location .loca-way .txt-yellow-green { color: #80bc00;}
/* ////////////////////////////////////////////////// notebook & tablet & mobile */
@media all and (max-width:1200px) {
    /*공통*/
    /*테이블*/
    .div-tbl{width: 95%;}

    /*인사말*/
    .greeting-content .greeting-img{width: 100%; text-align: center;}
    .greeting-content .greeting-img img{width: 513px;}
    .greeting-content .greeting-txt{width: 100%; text-align: center;}
    .content-common-layout .layout-img img{width: 100%;}
    .content-common-layout .layout-img02 img{width: 100%;}
    .content-common-layout .layout-in .more{width: 95%;}





}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
    /*테이블*/
    .div-tbl{width: 95%; padding-top: 20px; overflow-x: scroll;}
    .tbl-top td, th{font-size: 14px;}
    /*인사말*/
    .greeting-content .greeting-img{width: 100%; text-align: center;}
    .greeting-content .greeting-img img{width: 513px;}
    .greeting-content .greeting-txt{width: 100%; padding: 35px 0;text-align: center;}
    .greeting-content .greeting-txt .txt-top{padding-bottom: 30px;}
    .greeting-content .greeting-txt .txt-top h4{font-size: 30px;}
    .greeting-content .greeting-txt .txt-top p{font-size: 18px; line-height: 25px;}
    .greeting-content .greeting-txt .txt-bottom p:nth-child(2){font-size: 16px; padding-top: 30px;}
    /*조직도*/
    .organization-content .organization-pc{display: none;}
    .organization-content .organization-m{display: block; text-align: center;}
    .organization-content .organization-m img{width: 573px; margin: 0 auto;}
    /*등록현황*/
    /*환견컨설팅*/
    .status-content li{float: left; width: 31.33%; margin: 0 1% 2%;}
    .content-common-layout h3 { position: static; width: 100%; padding: 50px 0 0 0; border-top: solid 1px #d8d8d8;}
    .content-common-layout .layout-in { margin-left: 0; padding-top: 35px; border-top: 0;}
    .content-common-layout .layout-img img{width: 100%;}
    .content-common-layout .layout-img02 img{width: 100%;}
    .content-common-layout .layout-in .more{width: 100%; margin: 20px auto;}
    .content-common-layout .layout-in .more a{font-size: 14px;}

    /*정부지원사업*/
    .result-pc{display: none;}
    .result-m{display: block;}

    /*오시는길*/
    .location-map iframe{height: 300px !important;}
    .tab .tab-nav button{width: 100%; height: 44px;line-height: 25px; font-size: 12px;}
    .tab .tab-nav button:hover, .tab .tab-nav li.on button{width: 100%; height: 44px;line-height: 25px; font-size: 12px;}
    .location .map-top dt{width:20%; font-size: 14px;}
    .location .map-top dd{width:80%; font-size: 14px;}
    .location .map-top{font-size: 15px;}
    .location .btn-map img{width: 130px;}
    .location .loca-way li{padding-left: 80px;
    margin-bottom: 40px;
    background-size: 60px !important;}
    .location .loca-way li h4{margin-bottom: 10px;
    font-size: 15px;}
    .location .loca-way li p {
    font-size: 13px;margin-bottom: 5px; line-height: 18px;}




}

/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
    .con-pc{display: none ;}
    .con-m{display: block;}
    /*리스트*/
    .bu-list > li { padding-left: 15px; margin-bottom: 5px; background-position: left 7px; font-size: 14px;}
    .bu-list > li > ul { padding-top: 5px;}
    .bu-list > li > ul > li { margin-bottom: 3px; font-size: 12px;}
    .ol-list > li { margin-bottom: 5px; font-size: 14px; background-position: left 5px !important;}
    /*테이블*/
    .div-tbl{width: 90%; padding-top: 20px; overflow-x: scroll;}
    .tbl-top td, th{font-size: 14px;}
    /*인사말*/
    .greeting-content .greeting-img{width: 100%;}
    .greeting-content .greeting-img img{width: 100%;}
    .greeting-content .greeting-txt{width: 100%; padding: 35px 0;}
    .greeting-content .greeting-txt .txt-top{padding-bottom: 30px;}
    .greeting-content .greeting-txt .txt-top h4{font-size: 30px;}
    .greeting-content .greeting-txt .txt-top p{font-size: 18px; line-height: 25px;}
    .greeting-content .greeting-txt .txt-bottom p:nth-child(2){font-size: 16px; padding-top: 30px;}
    /*조직도*/
    .organization-content .organization-pc{display: none;}
    .organization-content .organization-m{display: block;}
    .organization-content .organization-m img{width: 100%;}
    /*등록현황*/
    .status-content li{float: left; width: 48%; margin: 0 1% 2%;}
    /*환경컨설팅*/
    .content-common-layout { margin-top: 50px;}
    .content-common-layout h3 { font-size: 22px; padding: 35px 0 0 0;}
    .content-common-layout .layout-in { padding-top: 25px;}
    .content-common-layout .layout-in h4 { margin: 35px 0 13px; font-size: 16px;}
    .content-common-layout .layout-in p { padding-bottom: 15px; font-size: 14px; line-height: 1.6em;}
    .content-common-layout .layout-img img{width: 100%;}
    .content-common-layout .layout-img02 img{width: 100%;}
    .content-common-layout .layout-in .more{width: 100%; margin: 20px auto;}
    .content-common-layout .layout-in .more a{font-size: 14px;}
    /*오시는길*/
    .location-map iframe{height: 300px !important;}
    .tab .tab-nav button{width: 100%; height: 44px;line-height: 25px; font-size: 13px;}
    .tab .tab-nav button:hover, .tab .tab-nav li.on button{width: 100%; height: 44px;line-height: 25px; font-size: 12px;}
    .location .map-top dt{width:20%; font-size: 14px;}
    .location .map-top dd{width:80%; font-size: 14px;}
    .location .map-top{font-size: 15px;}
    .location .btn-map img{width: 130px;}
    .location .loca-way li{padding-left: 80px;margin-bottom: 40px; background-size: 60px !important;}
    .location .loca-way li h4{margin-bottom: 10px;font-size: 15px;}
    .location .loca-way li p { font-size: 13px;margin-bottom: 5px; line-height: 18px;}


}