
/* =========================================================================================
 * 서브페이지 공통스타일
 * =========================================================================================*/

.sub-page {
   width: 100%;
   color: #5D5D5D;
   font-size: 17px;
   line-height: 24px;
   letter-spacing: -0.4px;
   word-break: keep-all;
   background:#FFFFFF;
}

.sub-page h3 {
   color: #000000;
   font-size: 36px;
   line-height: 44px;
   font-weight: 500;
   padding-bottom: 10px;
}
.sub-page h4 {
   color: #000000;
   font-size: 24px;
   line-height: 32px;
   font-weight: 500;
   padding-bottom: 15px;
}
.sub-page h5 {
   color: #000000;
   font-size: 20px;
   line-height: 28px;
   font-weight: 500;
   padding-bottom: 10px;
}
.sub-page p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  padding-bottom: 30px;
}


	@media screen and (max-width: 1280px) {

		.sub-page h3 {
		   font-size: 34px;
		   line-height: 42px;
		   padding-bottom: 10px;
		}

	}

	@media screen and (max-width: 1024px) {

		.sub-page {
		   font-size: 14px;
		   line-height: 22px;
		}
		
		.sub-page h3 {
		   font-size: 24px;
		   line-height: 32px;
		   padding-bottom: 5px;
		}

		.sub-page h4 {
		   font-size: 20px;
		   line-height: 30px;
		   padding-bottom: 10px;
		}

		.sub-page h5 {
		   font-size: 18px;
		   line-height: 26px;
		   padding-bottom: 10px;
		}

		.sub-page p {
		  font-size: 14px;
		  line-height: 22px;
		  font-weight: 400;
		  padding-bottom: 20px;
		}
	}

	@media screen and (max-width: 768px) {
	
		.sub-page h3 {
		   font-size: 20px;
		   line-height: 28px;
		}
		.sub-page h4 {
		   font-size: 17px;
		   line-height: 26px;
		}
		.sub-page h5 {
		   font-size: 16px;
		   line-height: 24px;
		}
		.sub-page h6 {
		   font-size: 15px;
		   line-height: 24px;
		}
	}


/* =========================================================================================
 * 섹션 스타일
 * =========================================================================================*/

.sub-page section {
   padding: 100px 20px;
}
.first-section {
   padding-top: 0 !important;
}
.no-padding {
   padding: 0 !important;
}


/* 섹션 타이틀 스타일 */
.section-info {
   width: 100%;
   text-align: center;
}
.section-info h4 {
   font-size: 32px;
   line-height: 42px;
   font-weight: 500;
   padding-bottom: 10px;
}
.section-info p {
   font-size: 90%;
   line-height: normal;
   padding-bottom: 40px;
}


	@media screen and (max-width: 1024px) {

		.sub-page section {
			padding: 80px 20px;
		}

		/* 섹션 타이틀 스타일 */
		.section-info h4 {
		   font-size: 24px;
		   line-height: 32px;
		}
		.section-info p {
		   padding-bottom: 30px;
		}
	}

	@media screen and (max-width: 768px) {

		.sub-page section {
		   padding: 60px 20px;
		}

		/* 섹션 타이틀 스타일 */
		.section-info h4 {
		   font-size: 20px;
		   line-height: 28px;
		}
	}

	@media screen and (max-width: 480px) {

		.sub-page section {
		   padding: 40px 20px;
		}
	}


/* =========================================================================================
 * 본문 스타일
 * =========================================================================================*/

.content-style1 {
   width: 100%;
   text-align: center;
}
.content-style1 h4 {
   font-size: 30px;
   line-height: 50px;
   color: #000000;
   font-weight: 300;
   padding-bottom: 30px;
}
.content-style1 p {
   width: 70%;
   line-height: 30px;
   margin: 0 auto;
   padding-bottom: 0;
}


	@media screen and (max-width: 1024px) {

		.content-style1 h4 {
		   font-size: 22px !important;
		   line-height: 30px !important;
		   padding-bottom: 20px;
		}
		.content-style1 p {
		   width: 90%;
		}
	}

	@media screen and (max-width: 768px) {

		.content-style1 h4 {
		   font-size: 20px !important;
		   line-height: 28px !important;
		   padding-bottom: 20px;
		}
		.content-style1 p {
		   width: 100%;
		   text-align: left;
		}
	}


/* =========================================================================================
 * 배경 및 기타
 * =========================================================================================*/

/* 문단색상 화이트 */
.white h2, .white h4, .white h3, .white h4, .white h5, .white p, .white a {
	color: #FFFFFF !important;
}


/* 라인 */
hr {
   border:  0;
   border-bottom: 1px solid rgba(210, 215, 217, 0.75);
   margin: 0;
}

/* 정렬 및 여백 */
.txt-left {
   text-align: left;
}
.txt-center {
   text-align: center;
}
.txt-right {
   text-align: right;
}
.pdT10 {
   padding-top: 10px !important;
}
.pdT20 {
   padding-top: 20px !important;
}
.pdT30 {
   padding-top: 30px !important;
}
.pdB30 {
   padding-bottom: 30px !important;
}
.pdB40 {
   padding-bottom: 40px !important;
}
.p-bottom {
   margin-bottom: 25px !important;
}
.sm-bottom {
   margin-bottom: 30px !important;
}
.md-bottom {
   margin-bottom: 50px !important;
}
.lg-bottom {
   margin-bottom: 120px !important;
}

.mt20 {
   margin-top: 20px !important;
}
.mb10 {
   margin-bottom: 10px !important;
}
.mb20 {
   margin-bottom: 20px !important;
}
.mb30 {
   margin-bottom: 30px !important;
}
.mb40 {
   margin-bottom: 40px !important;
}
.mb50 {
   margin-bottom: 50px !important;
}
.mb60 {
   margin-bottom: 60px !important;
}
.mb70 {
   margin-bottom: 70px !important;
}

.columns2 {
   columns: 2;
}
.columns3 {
   columns: 3;
}


/* 폰트 포인트 컬러 */
.fc-brown {color: #876340;
   font-weight: 400;
}
.fc-blue {color: #00529B;
   font-weight: 500;
}


/* 배경컬러 */
.bg-gray {
   background: #F5F5F5;
}
.bg-green {
   background: #dcece9;
}
.bg-blue {
   background: #1d3f90;
}
.bg-navy {
   background: #0f307d;
}


/* 배경이미지 */
.bg-img1 {
   background: url('../../../img/_designcoco/images/background-img1.jpg') center top no-repeat;
   width: 100%;
   background-size: 100%;
   background-attachment: fixed;
}
.bg-img2 {
   background: url('../../../img/_designcoco/images/background-img2.jpg') center top no-repeat;
   width: 100%;
   background-size: 100%;
   background-attachment: fixed;
}
.bg-img3 {
   background: url('../../../img/_designcoco/images/background-img3.jpg') center top no-repeat;
   width: 100%;
   background-size: 100%;
   background-attachment: fixed;
}
.bg-img4 {
   background: url('../../../img/_designcoco/images/background-img4.jpg') center top no-repeat;
   width: 100%;
   background-size: 100%;
   background-attachment: fixed;
}


	@media screen and (max-width: 1024px) {
		

		/* 정렬 및 여백 */
		.sm-bottom {
		   margin-bottom: 20px !important;
		}
		.md-bottom {
		   margin-bottom: 30px !important;
		}

		/* 배경이미지 */
		.bg-img1 {
		   background-attachment: scroll;
		   background-size: cover;
		}
		.bg-img2 {
		   background-attachment: scroll;
		   background-size: cover;
		}
		.bg-img3 {
		   background-attachment: scroll;
		   background-size: cover;
		}
		.bg-img4 {
		   background-attachment: scroll;
		   background-size: cover;
		}
	}


/* =========================================================================================
 * 버튼 스타일
 * =========================================================================================*/

a.btn-style1 {
  display: inline-block;
  color: #FFFFFF;
  background: #1D3F90;
  padding: 10px 30px;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  border-radius: 100px;
 }

 a.btn-style2 {
  display: inline-block;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  padding: 10px 30px;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
 }

 a.btn-style3 {
  display: inline-block;
  color: #FFFFFF;
  background: #1D3F90;
  padding: 6px 25px;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  border-radius: 100px;
 }


	@media screen and (max-width: 1024px) {

		a.btn-style1 {
		  padding: 8px 25px;
		  font-size: 13px;
		}
	}

	@media screen and (max-width: 768px) {

		.columns2 {
		   columns: 1;
		}
	}


/* =========================================================================================
 * 서브메뉴 및 상단이미지
 * =========================================================================================*/

/* 서브메뉴 */
.submenu {
   width: 100%;
   text-align: center;
   font-size: 0;
   line-height: 0;
   background: #0081CC;
}
.submenu ul {
   width: 100%;
   margin: 0 auto;
   padding: 18px 0;
}
.submenu li {
   font-size: 17px;
   line-height: 22px;
   padding: 0 25px;
   display: inline-block;
   vertical-align: middle;
}
.submenu li a {
   padding: 2px;
   display: table-cell;
   vertical-align: middle;
   color: rgba(255,255,255,0.7);
}
.submenu li a:hover {
   color: #FFFFFF;
   font-weight: 500;
}
.submenu li a.active {
   color: #FFFFFF;
   font-weight: 500;
   border-bottom: 2px solid #FFFFFF;
}


/* 상단이미지 */
.sub-top {
   text-align: center;
   width: 100%;
   background-size: cover !important;
   display: table;
}

.top-img1 {background: url('../images/sub_top_01.jpg') center no-repeat;}
.top-img2 {background: url('../images/sub_top_02.jpg') center no-repeat;}
.top-img3 {background: url('../images/sub_top_03.jpg') center no-repeat;}
.top-img4 {background: url('../images/sub_top_04.jpg') center no-repeat;}
.top-img5 {background: url('../images/sub_top_05.jpg') center no-repeat;}
.top-img6 {background: url('../images/sub_top_06.jpg') center no-repeat;}


/* 상단이미지 슬로건 */
.slogan-box {
   width: 100%;
   height: 450px;
   display: table-cell;
   vertical-align: middle;
   padding-top: 90px;
}
.slogan-box h2 {
   font-size: 36px;
   font-weight: 800;
   color: #FFFFFF;
   padding-bottom: 10px;
}
.slogan-box p {
   color: #EEE;
   font-size: 15px;
   line-height: 22px;
}


	@media screen and (max-width: 1280px) {

		/* 서브메뉴 */
		.submenu li {
		   font-size: 15px;
		   line-height: 22px;
		   padding: 0 15px;
		}

		/* 상단이미지 슬로건 */
		.slogan-box {
		   height: 360px;
		}
	}

	@media screen and (max-width: 1024px) {

		/* 서브메뉴 */
		.submenu ul {
		   padding: 12px 0;
		}
		.submenu li {
		   padding: 0 15px;
		   font-size: 14px;
		   line-height: 20px;
		}

		/* 상단이미지 슬로건 */
		.slogan-box {
		   height: 300px;
		}
		.slogan-box h2 {
		   font-size: 28px;
		   line-height: 34px;
		   padding-bottom: 10px;
		}

		.slogan-box p {
		   font-size: 12px;
		   line-height: 16px;
		}
	}

	@media screen and (max-width: 768px) {

		/* 서브메뉴 */
		.submenu ul {
		   padding: 8px !important;
		}
		.submenu li {
		   font-size: 13px;
		   line-height: 18px;
		   padding: 4px 10px;
		}
		.submenu li a {
		   padding: 0;
		}
		.submenu li a.active {
		   border-bottom: 1px solid #FFFFFF;
		}

		/* 상단이미지 슬로건 */
		.slogan-box {
		   height: 260px;
		   padding-left: 30px;
		   padding-right: 30px;
		}
		.slogan-box h2 {
		   font-size: 22px;
		   line-height: 28px;
		   padding-bottom: 10px;
		}
	}


/* =========================================================================================
 * 페이지 타이틀
 * =========================================================================================*/

.title-box {
   padding: 100px 0;
   text-align: center;
}
.title-box h3 {
   width: 100%;
   display: block;
}
.title-box p {
   font-size: 13px !important;
   padding-bottom: 0;
}
.title-box .navi {
   width: 100%;
   display: block;
   color: #888888;
}
.arrow-pd {
   padding: 0 4px;
}


	@media screen and (max-width: 1280px) {

		.title-box {
		   padding: 80px 0;
		}
	}

	@media screen and (max-width: 1024px) {

		.title-box {
		   padding: 60px 0;
		}
	}


	@media screen and (max-width: 768px) {

		.title-box {
		   padding: 30px 0;
		}
		.title-box p {
		   font-size: 12px !important;
		}
	}


/* =========================================================================================
 * 회사소개
 * =========================================================================================*/

/* 회사소개 이미지 */
.img-fit {
   line-height: 0;
}
.img-fit img {
   width: 100%;
   height: auto;
}


/* 주요현황 */
.feature ul {
   width: 100%;
}
.feature li {
   color: #333333;
   width: 20%;
   padding: 25px 0;
   float: left;
   border-right: 1px solid rgba(255,255,255,0.2);
}
.feature li:first-child {
   border-left: 1px solid rgba(255,255,255,0.2);
}
.feature li .img {
   line-height: 0;
   padding-bottom: 20px;
}
.feature li .txt h5 {
   color: #000000;
   padding-bottom: 10px;
}
.feature li .txt p {
   color: #666666;
   padding-bottom: 0;
}


/* CI소개 */
.ci-txt {
   padding-left: 30px !important;
}


/* 테이블 스타일 */
.table table {
   width: 100%;
   text-align: center;
   border-top: 1px solid #000000;
}
.table td {
   padding: 10px 5px;
   border: 1px solid #DDDDDD;
   border-top: 0;
}
.bc-gray {
   color: #000000;
   background: #F5F5F5;
}
.box_overflow {
   width: 100%;
   overflow-x: auto;
   overflow-y: hidden;
}
.table_guide {
   display: none;
}


	@media screen and (max-width: 1024px) {
	
		/* 주요현황 */
		.feature li:first-child {
		   border-left: 0;
		}
		.feature li:last-child {
		   border-right: 0;
		}
	}

	@media screen and (max-width: 768px) {

		/* 주요현황 */
		.feature li .img img {
		   width: 40px;
		}

		/* CI소개 */
		.ci-txt {
		   padding-left: 0 !important;
		}
	}

	@media screen and (max-width: 480px) {
		
		/* 주요현황 */
		.feature li {
		   width: 50%;
		   margin-bottom: 5px;
		   border-right: 0;
		}
		.feature li:first-child {
		   border-left: 0;
		}

		/* 테이블 스타일 */
		.table_guide {
		   width: 100%;
		   display: block;
		   position: fixed;
		   text-align: center;
		}
		.table table {
		   margin-top: 30px;
		}
	}


/* =========================================================================================
 * CEO 인사말
 * =========================================================================================*/

.ceo .tit-sm {
   font-size: 16px;
   line-height: 24px;
   color: #00a1e4;
   letter-spacing: 5px;
   font-weight: 600;
   padding-bottom: 10px;
}
.ceo .tit {
   font-size: 30px;
   line-height: 40px;
   color: #1E1E1E;
   padding-bottom: 20px;
}
.ceo-txt {
   float: left;
   width: 50%;
   line-height: 170%;
   vertical-align: top;
}
.ceo_sign {
   display: block;
   padding-top: 30px;
   font-size: 92%;
   color: #888888;
}
.ceo_sign img {
   padding-left: 10px;
}
.ceo_sign .txt {
   vertical-align: top;
}
.ceo_sign .name {
   vertical-align: top;
}
.img-left {
   float: left;
   width: 50%;
   vertical-align: top;
   padding-right: 50px;
}
.img-left img {
   width: 100%;
}
.img-right {
   float: left;
   width: 50%;
   vertical-align: top;
   padding-left: 50px;
}
.img-right img {
   width: 100%;
}


	@media screen and (max-width: 1024px) {

		.ceo .tit-sm {
		   font-size: 16px;
		   line-height: 24px;
		}
		.ceo .tit {
		   font-size: 24px;
		   line-height: 32px;
		}
		.ceo-txt {
		   font-size: 15px;
		   line-height: 24px;
		}
	}

	@media screen and (max-width: 768px) {
	
		.ceo .tit-sm {
		   font-size: 13px;
		   line-height: 20px;
		}
		.ceo .tit {
		   font-size: 20px;
		   line-height: 28px;
		}
	}

	@media screen and (max-width: 480px) {

		.ceo .tit-sm {
		   padding: 10px 0;
		}
		.img-left {
		   width: 100%;
		   padding-right: 0px;
		}
		.img-right {
		   width: 100%;
		   padding-top: 10px;
		   padding-left: 0px;
		}
		.ceo-txt {
		   float: left;
		   width: 100%;
		   line-height: 150%;
		}
		.ceo_sign {
		   display: block;
		   padding-top: 30px;
		   font-size: 92%;
		   color: #888888;
		}
		.ceo_sign img {
		   padding-left: 10px;
		}
	}


/* =========================================================================================
 * 회사연혁
 * =========================================================================================*/

.history-wrap {
   padding-bottom: 30px;
}
.year-box {
   text-align: center;
}
.year-box .tit-year {
   display: inline-block;
   background: #396eb3;
   margin: 0 auto;
   padding: 10px 30px;
   font-size: 19px;
   color: #FFFFFF;
   border-radius: 3px;
}
.history-box {
   display: table;
   width: 100%;
   position: relative;
   background: url('../images/history_line.gif') center repeat-y;
   padding-bottom: 80px;
}
.history-box .his-list {
   width: 100%;
   display: block;
   padding-top: 50px;
}
.history-box .his-list:after {
   content: "";
   display: block;
   clear: both;
}
.his-left {
   width: 100%;
   float: left;
   text-align: right;
   padding-right: 49.2%;
}
.his-left dt {
   float: right !important;
}
.his-right {
   width: 100%;
   float: right;
   padding-left: 49.2%;
}
.his-round {
   display: inline-block;
   border: 5px solid #396eb3;
   width: 20px;
   height: 20px;
   border-radius: 50px;
}
.his-arrow {
   display: inline-block;
   width: 6%;
   vertical-align: top;
}
.his-txt .his-year {
   display: block;
   color: #161e36;
   font-size: 22px;
   font-weight: 500;
   padding-bottom: 15px;
}
.his-txt {
   display: inline-block;
   width: 93%;
   vertical-align: top;
}
.his-txt dl {
   width: 100%;
   position: relative;
}
.his-txt dt {
   width: 100%;
   color: #000000;
   padding-top: 15px;
   padding-bottom: 5px;
}
.his-txt dt:first-child {
   padding-top: 0;
}
.his-txt dd {
   width: 100%;
   font-size: 90%;
}


	@media screen and (max-width: 1024px) {

		.his-left {
		   padding-right: 49%;
		}
		.his-right {
		   padding-left: 49%;
		}
	}

	@media screen and (max-width: 768px) {

		.year-box {
		   text-align: left;
		}
		.year-box .tit-year {
		   padding: 8px 24px;
		   font-size: 16px;
		}
		.history-box {
		   background: none;
		   padding-bottom: 50px;
		}
		.history-box:last-child {
		   padding-bottom: 0;
		}
		.history-box .his-list {
		   width: 100%;
		   display: block;
		   padding: 20px 0;
		   border-bottom: 1px solid #DDDDDD;
		}
		.his-left {
		   text-align: left;
		   padding-right: 0%;
		}
		.his-left dt {
		   float: left !important;
		}
		.his-right {
		   padding-left: 0%;
		}
		.his-arrow {
		   display: none;
		}
		.his-txt .his-year {
		   font-size: 17px;
		}
		.his-txt {
		   width: 100%;
		}
	}


/* =========================================================================================
 * 비전과 가치
 * =========================================================================================*/

.icon-box-type3 ul li {
   padding: 20px 10px;
}
.icon-box-type3 ul li h4 {
   padding-bottom: 5px;
}
.icon-box-type3 ul li p {
   padding-bottom: 0;
}
.icon-box-type3 ul li .icon {
   width: 24%;
   display: table-cell;
   vertical-align: middle;
}
.icon-box-type3 ul li .txt {
   display: table-cell;
   vertical-align: middle;
}


	@media screen and (max-width: 1024px) {

		.icon-box-type3 ul li .icon {
		   width: 20%;
		   vertical-align: top;
		}
		.icon-box-type3 ul li .icon img {
		   width: 80%;
		}
		.icon-box-type3 ul li .txt {
		   vertical-align: top;
		}
	}

	@media screen and (max-width: 768px) {

		.icon-box-type3 ul li .icon {
		   width: 12%;
		}
	}

	@media screen and (max-width: 480px) {

		.icon-box-type3 ul li .icon {
		   width: 16%;
		}
	}


/* =========================================================================================
 * 홍보영상
 * =========================================================================================*/

.promotion {
   width: 85%;
   margin: 0 auto;
   padding-bottom: 30px;
}
.promotion .movie {
   position: relative;
   width: 100%;
   padding-bottom:  56.25%;
   text-align: left;
   box-shadow: 20px 20px 35px rgba(0,0,0,0.2);
}
.promotion .movie iframe {
   position:  absolute;
   width: 100%;
   height: 100%;
 }


/* =========================================================================================
 * 오시는 길
 * =========================================================================================*/

.map .map_img {height: 450px;
   border: 1px solid #DDDDDD;
}
ul.address {border-top: 1px solid #DDDDDD;
   padding-bottom: 0 !important;
}
.address li {width: 100%;
   display: table;
   position: relative;
   border-bottom: 1px solid #DDDDDD;
}
.address li .tit {color: #000000;
   background: #F5F5F5;
   width: 20%;
   display: table-cell;
   vertical-align: middle;
   padding: 20px 30px;
 }
.address li .tit i {color: #001f60;
   font-size: 135%;
   font-weight: 500;
 margin-right: 15px;
   vertical-align: middle;
}
.address li .txt {width: 80%;
   display: table-cell;
   vertical-align: middle;
   padding: 20px;
}


	@media screen and (max-width: 768px) {

		.map .map_img {
		   height: 300px;
		}
		.address li .tit {
		   width: 25%;
		   padding: 15px;
 		}
		.address li .txt {
		   width: 72%;
		   padding: 15px;
		}
	}

	@media screen and (max-width: 480px) {

		/* 오시는 길 */
		.map .map_img {
		   height: 250px;
		}
		.address li {
		   padding: 15px;
		}
		.address li .tit {
		   width: 100%;
		   display: inline-block;
		   background: #FFFFFF;
		   padding: 0;
		   padding-bottom: 5px;
		}
		.address li .tit i {
		   margin-right: 7px;
		}
		.address li .txt {
		   width: 100%;
		   display: inline-block;
		   padding: 0;
		}
	}


/* =========================================================================================
 * 사업분야1
 * =========================================================================================*/

/* 2칸 배너 스타일1 */
.box-type1 ul li {
   padding: 35px;
   border: 1px solid #DDDDDD;
   background: #F5F5F5;
   margin-right: -1px;
   margin-bottom: -1px;
}
.box-type1 ul li p {
   padding-bottom: 0;
}


/* 2칸 배너 스타일2 */
.box-type2 ul li .box {
   height: 160px;
   padding: 35px;
   border: 1px solid #DDDDDD;
   background: #F5F5F5;
   margin-bottom: 30px;
}


/* 3칸 배너 스타일1 */
.box-type3 ul li {
   padding: 35px;
   border: 1px solid #DDDDDD;
   background: #F5F5F5;
   margin-right: -1px;
   margin-bottom: -1px;
}
.box-type3 ul li p {
   padding-bottom: 0;
}


/* 3칸 배너 스타일2 */
.box-type4 ul li .box {
   height: 230px;
   padding: 35px;
   border: 1px solid #DDDDDD;
   background: #F5F5F5;
   margin-bottom: 30px;
}


/* 4칸 배너 */
.box-type5 ul li {
   padding: 35px;
   background: #FFFFFF;
   border: 1px solid #D5D5D5;
   margin-right: -1px;
   margin-bottom: -1px;
}
.box-type5 ul li p {
   padding-bottom: 0;
   font-size: 90%;
   line-height: normal;
}


/* 아이콘박스 3칸 */
.icon-box-type1 ul li {
   padding: 35px;
   border: 1px solid #FFFFFF;
   margin-right: -1px;
   margin-bottom: -1px;
}

.icon-box-type1 ul li .icon {
   background: #FFFFFF;
   font-size: 150%;
   border-radius: 100px;
   width: 60px;
   height: 60px;
   display: inline-block;
   margin-bottom: 10px;
   text-align: center;
}
.icon-box-type1 ul li i {
   color: #555555;
   line-height: 60px;
}

.icon-box-type1 ul li p {
   padding-bottom: 0;
   font-size: 85%;
   line-height: normal;
}


/* 아이콘박스 4칸 */
.icon-box-type2 ul li {
   padding: 10px;
}
.icon-box-type2 ul li p {
   padding-bottom: 0;
   font-size: 85%;
   line-height: normal;
}
.icon-box-type2 ul li .box {
   height: 240px;
   padding: 30px;
   border: 1px solid #DDDDDD;
   background: #F5F5F5;
}
.icon-box-type2 ul li .box .icon {
   background: #666666;
   font-size: 150%;
   border-radius: 100px;
   width: 60px;
   height: 60px;
   display: inline-block;
   margin-bottom: 10px;
   text-align: center;
}
.icon-box-type2 ul li .box .icon i {
   color: #FFFFFF;
   line-height: 60px;
}


	@media screen and (max-width: 1024px) {

		/* 2칸 배너 스타일1 */
		.box-type1 ul li {
		   padding: 25px;
		}

		/* 2칸 배너  스타일2 */
		.box-type2 ul li {
		   padding: 0 5px;
		}
		.box-type2 ul li .box {
		   height: 135px;
		   padding: 25px;
		   margin-bottom: 10px;
		}

		/* 3칸 배너 스타일1 */
		.box-type3 ul li {
		   padding: 25px;
		}

		/* 3칸 배너 스타일2 */
		.box-type4 ul li {
		   padding: 0 5px;
		}
		.box-type4 ul li .box {
		   height: 200px;
		   padding: 25px;
		   margin-bottom: 10px;
		}

		/* 4칸 배너 */
		.box-type5 ul li {
		   padding: 25px;
		}

		/* 아이콘박스 3칸 */
		.icon-box-type1 ul li {
		   padding: 25px;
		}
		.icon-box-type1 ul li .icon {
		   font-size: 120%;
		   width: 40px;
		   height: 40px;
		}
		.icon-box-type1 ul li .icon i {
		   line-height: 40px;
		}

		/* 아이콘박스 4칸 */
		.icon-box-type2 ul li {
		   padding: 5px;
		}
		.icon-box-type2 ul li .box {
		   padding: 20px;
		   height: 160px;
		}
		.icon-box-type2 ul li .box .icon {
		   font-size: 120%;
		   width: 40px;
		   height: 40px;
		}
		.icon-box-type2 ul li .box .icon i {
		   line-height: 40px;
		}
	}

	@media screen and (max-width: 768px) {

		/* 2칸 배너  스타일2 */
		.box-type2 ul li .box {
		   height: 155px;
		}

		/* 3칸 배너 스타일2 */
		.box-type4 ul li .box {
		   height: auto;
		}
		.box-type4 ul li .box p {
		   padding-bottom: 0;
		}
		
		/* 아이콘박스 4칸 */
		.icon-box-type2 ul li .box {
		   height: auto;
		}
	}

	@media screen and (max-width: 480px) {

		/* 2칸 배너  스타일2 */
		.box-type2 ul li .box {
		   height: auto;
		}
		.box-type2 ul li .box p {
		   padding-bottom: 0;
		}
	}


/* =========================================================================================
 * 사업분야2
 * =========================================================================================*/

/* 리스트 */
ul.list-style1 li {
   padding: 5px 0 5px 12px;
   position: relative;
}

ul.list-style1 li:before {
   content: '';
   display: inline-block;
   width: 4px;
   height: 4px;
   background: #666666;
   left: 0;
   margin-top: 10px;
   border-radius: 50px;
   vertical-align:  top;
   position: absolute;
}

ul.list-style1 li:last-child {
   margin-bottom: 0;
}

ul.list-style2 li {
   padding: 25px 0 20px 25px;
   border-bottom: 1px solid #DDDDDD;
   position: relative;
}

ul.list-style2 li:before {
   content: '\f00c';
   font-family: 'FontAwesome';
   font-size: 15px;
   color: #0081cc;
   left: 0;
   vertical-align:  top;
   position: absolute;
}

ul.list-style2 li:last-child {
   margin-bottom: 0;
}


/* 이미지+설명글 */
.image.left {
   float: left;
   padding: 0 30px 20px 0;
}
.image.left, .image.right {
   max-width: 35%;
}
.image.left img, .image.right img {
   width: 100%;
}
.image.right {
   float: right;
   padding: 0 0 30px 20px;
}

.img-txt {
   padding: 15px 0;
}
.img-txt-box {
   background: #FFFFFF;
}


/* 포스트박스 */
.post-box .post-img {
   line-height: 0;
}
.post-box .post-img img {
   width: 100%;
}
.post-box .post-txt {
   background: #FFFFFF;
   padding: 30px;
}
.post-box .post-txt p {
   padding-bottom: 0;
}


	@media screen and (max-width: 1024px) {

		/* 포스트박스 */
		.post-box ul li {
		   padding: 10px;
		}
		.post-box .post-txt {
		   padding: 20px;
		}
	}

	@media screen and (max-width: 480px) {

		/* 리스트 */
		ul.list-style2 li:before {
		   font-size: 12px;
		}

		/* 이미지+설명글 */
		.image.left {
		   padding: 0 0 10px 0;
		}
		.image.left, .image.right {
		   max-width: 100%;
		}
		.image.right {
		   float: right;
		   padding: 0 0 10px 0;
		}
	}


/* =========================================================================================
 * 사업분야3
 * =========================================================================================*/

.work .img-left {
   float: left;
   width: 50%;
   vertical-align: top;
   padding-right: 50px;
}
.work .img-left img {
   width: 100%;
}
.work dl {
   width: 50%;
   float: left;
}
.work dt {
   color: #000000;
   font-weight: 500;
   font-size: 110%;
   padding-bottom: 5px;
}
.work dd {
   padding-bottom: 30px;
}
.work dd:last-child {
   padding-bottom: 0;
}
.work .p-type1 {
   width: 50%;
   float: left;
}


/* 탭메뉴 디자인 */
ul.tabs {border-bottom:1px solid #000; font-size: 0; margin:0; text-align: left;}
ul.tabs li {display:inline-block; margin: 0; margin-right:3px;}
ul.tabs li a {font-size: 14px; font-weight: 400; text-decoration: none; position: relative; padding:10px 40px; color:#999; border:1px solid #CCC; border-bottom-color:#000; display: inline-block; margin-bottom:-1px;}
ul.tabs li a:visited {color: #000;}
ul.tabs li a:hover {background:#FFF; color:#000;}
ul.tabs li.active a {color:#000; font-weight:500; border:1px solid #000; border-bottom-color:white;}
.tab_container {padding-top:70px;}


	@media all and (max-width: 1024px) {
	
		/* 탭메뉴 디자인 */
		.tab_container {
		   padding-top:50px;
		}
	}


	@media screen and (max-width: 768px) {

		.work .img-left {
		   width: 40%;
		   padding-right: 30px;
		}
		.work dl {
		   width: 60%;
		}
		.work .p-type1 {
		   width: 60%;
		}

		/* 탭메뉴 디자인 */
		.tab_container {padding-top:30px;}
		ul.tabs {border-bottom:0;}
		ul.tabs li {margin-right:1px;}
		ul.tabs li a {font-size:12px; padding:4px 15px; border-bottom-color:#CCC;}
		ul.tabs li.active a {border-bottom-color:#000;}
	}

	@media screen and (max-width: 480px) {

		.work .img-left {
		   width: 100%;
		   padding-right: 0;
		}
		.work dl {
		   width: 100%;
		   padding-top: 20px;
		}
		.work dt {
		   color: #000000;
		   font-weight: 500;
		   font-size: 110%;
		}
		.work dd {
		   padding-bottom: 30px;
		}
		.work dd:last-child {
		   padding-bottom: 0;
		}
		.work .p-type1 {
		   width: 100%;
		   padding-top: 20px;
		}

		/* 탭메뉴 디자인 */
		ul.tabs li a {padding:3px 10px;}
	}


/* =========================================================================================
 * 인증서 & 파트너
 * =========================================================================================*/

/* 인증서 */
.certificate li img {
   width: 100%;
   border: 1px solid #E0E0E0;
   margin-bottom: 5px;
}

/* 파트너 */
.partner li img {
   width: 100%;
   border: 1px solid #E0E0E0;
   margin-bottom: 5px;
}


	@media screen and (max-width: 480px) {

		/* 인증서 */
		.certificate li {
		   padding: 0 5px;
		}

		/* 파트너 */
		.partner li {
		   padding: 0 5px;
		}
	}


/* =========================================================================================
 * 개인정보취급방침
 * =========================================================================================*/

.dbp {   
   height:  180px;
   margin-top:  30px;
   line-height:  1.4em;
   color:  #666666;
}
.dbp a {   
   padding:  0 10px;
   color:  #000000;
   font-weight:  bold;
} 
.dbp_table th {   
   text-align: left;
   vertical-align: top;
   padding: 15px;
    border-bottom: 1px solid #DDDDDD;
   background: #F5F5F5;
 }
.dbp_table th p {
   font-size: 14px;
   font-weight: 400;
   color: #000000;
   padding-bottom: 0;
}
.dbp_table td {
   font-size: 90%;
   padding: 15px;
   border-bottom: 1px solid #DDDDDD;
}


	@media screen and (max-width: 480px) {

		.dbp_table {
		   width: 100%;		   
		}

		.dbp_table th {  
		   display: block;
		   width: 100%;
		   padding: 10px;
		}

		.dbp_table td {  
		   display: block;
		   width: 100%;
		}
	}