@charset "utf-8";

/* ******************* bootstrap modify ******************* */
ul,ol,li,dl,dt,dd {list-style:none; padding:0; margin:0;}


/* ******************** 공용 ******************** */
/* table style */
.tableMode {display:table; clear:both; float:none; width:100%; max-width:100%; padding:0; margin:0; border-bottom:0;}
.tableMode>* {display:table-cell; float:none; padding:10px;}
.tableMode>*:first-child {border-left:0;}
.tableMode .middle {vertical-align:middle;}

.c_acc {color:#123c5e !important;} /* 강조색상 : 코발트블루 */
.c_sub1 {color:#dfa76e !important;} /* 보조색상1 : 골드 */
.c_sub2 {color:#82c6fe !important;} /* 보조색상2 : 하늘색 */

.dash li {padding-left:20px; background:url(../images/common/dash.jpg) no-repeat 0 11px;}


/* 테이블 */
table.typeA caption{display:none;}
table.typeA {display:table; table-layout:fixed; margin: -1px; margin-top:30px; width:100%; border:1px solid #ddd; border-collapse:separate; border-collapse:collapse; text-align:left;}
table.typeA tr:first-child {border-top:2px solid #186499;}
table.typeA th, table td {padding:20px 30px; border:1px solid #ddd; color:#555;  font-size:16px; font-weight:300; word-wrap:break-word; word-break:keep-all;}
table.typeA th {width:20%; background:#f8f8f8; color:#333; font-weight:400;}


/* 페이지 준비중 */
.page_ready {text-align:center;}
.page_ready h4 {margin:40px 0; font-size:36px; color:#1a619a; font-weight:300;}


/* ************************ 데스크탑 (992~) ************************ */
@media screen and (min-width: 992px), print {

	/* 기본 */
	
	/******** 회사소개 ********/
	/* 대표인사말 */
	.greeting_tit>* {text-align:center;}
	.greeting_tit p {margin-bottom:80px; font-size:24px; color:#666; font-weight:300;}
	.greeting_tit p::before,
	.greeting_tit p::after {display:block; content:""; clear:both; height:22px;}
	.greeting_tit p::before {margin-bottom:40px; background:url(../images/company/quotes_before.png) no-repeat center;}
	.greeting_tit p::after {margin-top:40px; background:url(../images/company/quotes_after.png) no-repeat center;}
	
	.greeting_txt {padding-right:100px;}
	.greeting_txt * {font-weight:300; line-height:1.6;}
	.greeting_txt h4 {font-size:20px; color:#000;}
	.greeting_txt h4::after {display:block; content:""; clear:both; margin:45px 0; width:100px; height:2px; background:#ddd;}
	
	.greeting_txt p {color:#666; margin-bottom:30px;}
	.greeting_txt p span {color:#0063d3;}
	.greeting_txt .sign {color:#555;}
	.greeting_txt .sign span {margin-left:10px;}
	
	/* 회사연혁 */
	.history_wrap {margin:100px 0; padding-bottom:100px; border-bottom:1px solid #ddd;}
	.history_wrap:last-child {border-bottom:0; padding-bottom:0;}
	.history_wrap .history_tit p:first-child {font-size:20px; text-transform:uppercase;}
	.history_wrap .history_tit p:last-child {font-size:30px; font-weight:300;}
	.history_wrap .history_con_wrap {margin-top:40px;}
	.history_con_wrap .history_con {margin-bottom:80px; overflow:hidden;}
	.history_con_wrap .history_con:last-child {margin-bottom:0;}
	.history_con_wrap .history_con>div:first-child {padding:8px 20px; text-align:center; font-size:18px; background:#97c933; color:#fff; border-radius:30px;}
	.history_con_wrap .history_con>div:last-child {padding-left:30px;}
	.history_con_wrap .history_con>div:last-child dl {line-height:2.5;}
	.history_con_wrap .history_con>div:last-child dl dt {float:left; margin-right:20px; color:#333;}
	.history_con_wrap .history_con>div:last-child dl dd {color:#555; font-weight:300;}
	
	/* 인증서 */
	
	.patent .wrap li {float:left; width:33.333%; padding:10px; height:500px; text-align:center;}
	.patent .wrap li>div {
		position:relative; border:1px solid #ddd; height:100%;
		transition:all .1s linear;	-webkit-transition:all .1s linear; -moz-transition:all .1s linear;
	}
	.patent .wrap li>div:hover {border-color:#000;}
	.patent .wrap li>div>p {position:absolute; width:100%; left:0; bottom:0; background:rgba(255,255,255,.9); padding:20px; line-height:1.4;}
	.patent .wrap .img {display:block; width:100%; height:400px; padding:10px; background:#fff; cursor:pointer;}
	.patent .wrap .img img {height:100%;}
	
	.imgPop2 .head {margin:50px 0 10px 0; padding-left:30px; background:url(../images/business/icon_photo.jpg) no-repeat 0 7px;}
	.imgPop2 .head span {margin-right:10px; vertical-align:middle; line-height:1;}
	.imgPop2 .head img {display:block;}
	.imgPop2 .head p {font-size:20px; font-weight:400; color:#000;}
	.imgPop2 .head p span {padding-left:20px; font-size:14px; color:#888;}

	.imgPop2>ul {overflow:hidden; background:#f5f5f5; border:1px solid #eee; padding:10px;}
	.imgPop2>ul>li {padding:10px;}
	.imgPop2>ul>li div {padding:10px; background:#fff; border:1px solid #eee;transition:all .1s linear;	-webkit-transition:all .1s linear; -moz-transition:all .1s linear;}
	.imgPop2>ul>li div:hover {border-color:#000;}
	.imgPop2>ul>li a {cursor:pointer;}
	.imgPop2>ul>li p {font-size:14px; text-align:center; padding:10px;}
	
	/* 조직도 */
	.organization {text-align:center;}
	.organization .wrap p {padding:30px 0 100px;}
	
	
	/*찾아오시는 길 */
	.location_tit {margin-bottom:60px;}
	.location_tit h4 {margin-bottom:15px; font-size:20px; font-weight:300; color:#000;}
	.location_tit h4 i {
		display:inline-block; width:27px; height:27px; margin-right:10px; border-radius:50%; vertical-align:text-bottom;
		background:url(../images/company/m_icon_map.png) no-repeat center #195e97; background-size:11px;
	}
	.location_tit p {color:#999; text-transform:uppercase; letter-spacing:0; font-weight:300;}
	
	
	/******** 설치공정 ********/
	/* 상단바 고정 */
	.process_bar {position:absolute; top:560px; left:0; width:100%; z-index:1000;}
	.process_con {margin-top:60px; padding-top:60px;}
	.process_bar.on {position:fixed; top:0; left:0; width:100%; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.3) !important; }
	.process_bar.on .snb {margin:0 auto !important;}
	.process_wrap {margin-top:80px;}
	.process_wrap h4 {padding-left:30px; font-size:30px; color:#000; font-weight:300; background:url(../images/process/icon_process.png) no-repeat 0;}
	
	
}



/* ************************ 태블릿 이하(0~991) ************************ */
@media screen and (max-width: 991px) {

	/* 기본 */
	/* 테이블 */
	table caption{display:none;}
	table.typeA{display:table;table-layout:fixed; margin-top:10px; width:100%; border-collapse:separate;border-collapse:collapse; text-align:left;}
	table.typeA tr:first-child {border-top:2px solid #186499;}
	table.typeA th, table.typeA td {padding:12px 15px; border:1px solid #ddd; font-size:14px; color:#555; word-wrap:break-word; word-break:keep-all;}
	table.typeA th {background:#f8f8f9; color:#333; font-weight:400; width:120px;}
	
	.tableMsg {
		margin-bottom:20px; padding-left:20px; font-size:16px; line-height:1.2; padding-bottom:10px; color:#3689de;
		background:url(../images/common/icon_tip.png) no-repeat left 2px; background-size:15px;
	}
	.tableMsg::after{content:"표의 내용이 모두 보이지 않을 경우 좌,우측으로 드래그하세요.";}
	.tblWrap {width:100%; overflow-x:scroll;}
	.tblWrap .typeA {width:991px;}
	
	/* 페이지 준비중 */
	.page_ready h4 {margin:20px 0; font-size:20px;}
	.page_ready img {width:80px;}

	
	/******** 회사소개 ********/
	/* 대표인사말 */
	.greeting_tit>* {text-align:center;}
	.greeting_tit p {margin-bottom:40px; font-size:20px; color:#666; font-weight:300;}
	.greeting_tit p::before,
	.greeting_tit p::after {display:block; content:""; clear:both; height:22px;}
	.greeting_tit p::before {margin-bottom:20px; background:url(../images/company/quotes_before.png) no-repeat center;}
	.greeting_tit p::after {margin-top:20px; background:url(../images/company/quotes_after.png) no-repeat center;}
	
	.greeting_con>div:last-child>div.img {height:300px !important;}
	.greeting_txt {margin-bottom:30px;}
	.greeting_txt * {font-weight:300; line-height:1.6;}
	.greeting_txt h4 {font-size:18px; color:#000;}
	.greeting_txt h4::after {display:block; content:""; clear:both; margin:25px 0; width:100px; height:2px; background:#ddd;}
	
	.greeting_txt p {color:#666; margin-bottom:20px;}
	.greeting_txt p span {color:#0063d3;}
	.greeting_txt .sign {color:#555;}
	.greeting_txt .sign span {margin-left:10px;}
	
	/* 회사연혁 */
	.history_wrap {margin:30px 0; padding-bottom:30px; border-bottom:1px solid #ddd;}
	.history_wrap>div {min-height:auto !important;}
	.history_wrap:last-child {border-bottom:0; padding-bottom:0;}
	.history_wrap .history_tit p:first-child {font-size:14px; text-transform:uppercase;}
	.history_wrap .history_tit p:last-child {font-size:20px; font-weight:400;}
	.history_wrap .history_con_wrap {margin-top:20px;}
	.history_con_wrap .history_con {margin-bottom:30px; overflow:hidden;}
	.history_con_wrap .history_con:last-child {margin-bottom:0;}
	.history_con_wrap .history_con>div:first-child {margin-bottom:20px; padding:8px 20px; text-align:center; font-size:18px; background:#97c933; color:#fff; border-radius:30px;}
	.history_con_wrap .history_con>div:last-child dl {display:table;}
	.history_con_wrap .history_con>div:last-child dl>* {display:table-cell;}
	.history_con_wrap .history_con>div:last-child dl dt {color:#333; padding:10px 20px 10px 0; font-weight:400;}
	.history_con_wrap .history_con>div:last-child dl dd {color:#555; font-weight:300;}
	
	/* 조직도 */
	.organization {text-align:center;}
	.organization .wrap p {padding:30px 0 50px;}
	.organization .wrap img {max-width:100%;}
	
	/* 인증서 */
	.patent .wrap li {float:left; width:50%; padding:5px; margin-bottom:10px; text-align:center;}
	.patent .wrap li:nth-child(2n+1) {clear:both;}
	.patent .wrap li>div:hover {border-color:#000;}
	.patent .wrap li>div>p {padding:5px 0; font-size:14px; line-height:1.4; color:#000; font-weight:400;}
	.patent .wrap .img {display:block; width:100%; height:170px; padding:10px; background:#fff; border:1px solid #ddd;}
	.patent .wrap .img img {height:100%;}
	
	.imgPop2 .head {margin:50px 0 10px 0; padding-left:30px; background:url(../images/business/icon_photo.jpg) no-repeat 0 4px;}
	.imgPop2 .head span {display:block; padding:0}
	.imgPop2 .head img {display:block;}
	.imgPop2 .head p {font-size:20px; font-weight:400; color:#000; line-height:1.4;}
	.imgPop2 .head p span {font-size:14px; color:#888;}

	.imgPop2>ul {overflow:hidden;}
	.imgPop2>ul>li {padding-bottom:10px;}
	.imgPop2>ul>li div {padding:10px; background:#fff; border:1px solid #ddd;transition:all .1s linear;	-webkit-transition:all .1s linear; -moz-transition:all .1s linear;}
	.imgPop2>ul>li div:hover {border-color:#000;}
	.imgPop2>ul>li a {cursor:pointer;}
	.imgPop2>ul>li p {font-size:14px; text-align:center; padding:10px;}
	
	/*찾아오시는 길 */
	.location_tit {margin-bottom:30px;}
	.location_tit h4 {margin-bottom:15px; font-size:18px; font-weight:300; color:#000;}
	.location_tit h4 i {
		display:inline-block; width:27px; height:27px; margin-right:10px; border-radius:50%; vertical-align:text-bottom;
		background:url(../images/company/m_icon_map.png) no-repeat center #195e97; background-size:11px;
	}
	.location_tit p {color:#999; text-transform:uppercase; letter-spacing:0; font-weight:300;}
	.location_tit p a {color:#999;}
	
	/******** 설치공정 ********/
	.name_pd {height:40px;}
	.process_wrap h4 {margin-bottom:10px; padding-left:30px; font-size:20px; color:#000; font-weight:300; background:url(../images/process/icon_process.png) no-repeat 0;}
	
	
}