@charset "utf-8";

/* background fixed 사용시 버그 대응용 * 한 번 스크롤로 페이지 전체 넘김을 할 때는 html스타일에서 height속성 제거하기 */
/* html {overflow: hidden; height: 100%;} */
/* body {overflow: auto; height: 100%;} */

/* ******************** 공용 ******************** */
a:link {color:#666;}
a:visited {color:#666;}
a:hover {color:#000;}
a:active {color:#000;}
#gotop {z-index:2000; position:fixed; display:none; width:35px; height:35px; right:20px; border-radius:3px; bottom:40px;}
body {font-family:'NotoSansKR' !important; font-size:16px; line-height:1.6; font-weight:300; color:#666; word-break:keep-all;}



/* ******************** 데스크탑 (992~) ******************** */
@media screen and (min-width: 992px), print{
	
	.mobile {display:none !important;}	
	
	/*header::완료*/
	
	header .wrap {width:1200px; margin:0 auto; overflow:hidden; padding:20px 0;}
	header .wrap>div {vertical-align:top;}
	header .wrap>div.head h1 {float:left;}
	header .wrap>div.head h1 a {display:inline-block;}
	header .wrap>div.head h1 a img {display:block; height:100%;}


	header .wrap>div.side>* {float:right; padding-top:15px;}
	header .wrap>div.side>ul li {float:left; display:inline-block;}
	header .wrap>div.side>ul li+li {margin-left:20px;}
	header .wrap>div.side>ul li a {display:inline-block; font-size:13px; font-weight:300; color:#999; line-height:1;}
	header .wrap>div.side>ul li.blog a span {
		background:#2db400 url(../images/main/blog.png)15px center no-repeat; padding:10px 30px 10px 55px; border-radius:25px;
		color:#fff; font-weight:500; font-size:15px;
	}
	header .wrap>div.side>ul li.kakao a span {
		background:#f9cd00 url(../images/main/kakao.png)15px center no-repeat; padding:10px 30px 10px 55px; border-radius:25px;
		color:#6b3c00; font-weight:500; font-size:15px;
	}
	
	form.searchBox_mo {display:none !important;}
	
	/*gnb::완료*/
	nav.mobile {visibility:hidden;}
	nav.pc {z-index:999; visibility:hidden; position:absolute; display:block; width:100%; overflow:hidden; background:#fff; border-top:1px solid #ececec; box-shadow:0 5px 5px rgba(0,0,0,.1);}
	nav.pc .navbg {position:absolute; left:0; top:0; width:100%; height:100%;}
	nav.pc .navbg .dep1 {height:60px;}
	nav.pc .navbg .dep2 {height:100%; background-color:rgba(255,255,255,1); border-top:2px solid #b73a34;}
	nav.pc .gnb {position:relative; display:inline-block; width:100%;}
	
	nav.pc .gnb>ul {width:1200px; margin:0 auto; border-left:1px solid rgba(255,255,255,.2);}
	nav.pc .gnb>ul>li {position:relative; text-align:center; float:left; display:inline-block; padding:0 63px;}
	nav.pc .gnb>ul>li>a {display:inline-block; width:100%; font-size:18px; font-family:"NotoSansKR"; font-weight:400; line-height:60px; color:#000; letter-spacing:-1px; border-top:1px solid transparent;}
	nav.pc .gnb>ul>li>a:hover {color:#d32f27;}
	nav.pc .gnb>ul>li.on>a {color:#d32f27;}
	nav.pc .gnb>ul>li>ul {position:absolute; top:60px; left:0; width:100% !important; padding:40px 0; padding-left:64px;}
	nav.pc .gnb>ul>li>ul>li+li {margin-top:5px;}
	nav.pc .gnb>ul>li>ul>li a {display:inline-block; width:100%; color:#333; font-size:15px; letter-spacing:0; text-align:left; position:relative; line-height:1.4;}
	nav.pc .gnb>ul>li>ul>li.on a,
	nav.pc .gnb>ul>li>ul>li a:hover {color:#d32f27;}
	
	/*서브 상단 배경::*/
	[class*="subTop"] {position:relative; max-width:100% !important; height:250px; overflow:hidden; background-color:#000;}
	/* [class*="subTop"] .cover {position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.8);} */
	[class*="subTop"] .subTit {padding:82px 0; text-align:center;}
	[class*="subTop"] .subTit h2 {
		position:relative; z-index:9; color:#fff; font-size:36px; font-weight:400; letter-spacing:-1px; font-family:'NanumSquare';
		line-height:1.2;
	}
	[class*="subTop"] {
		background-repeat:no-repeat;
		background-position:center;
		background-size:cover;
	}
	[class*="subTop"].company {background-image:url(../images/common/sub-company.jpg);}
	[class*="subTop"].product {background-image:url(../images/common/sub-product.jpg);}
	[class*="subTop"].manage {background-image:url(../images/common/sub-manage.jpg);}
	[class*="subTop"].rental {background-image:url(../images/common/sub-rental.jpg);}
	[class*="subTop"].install {background-image:url(../images/common/sub-install.jpg);}
	[class*="subTop"].customer {background-image:url(../images/common/sub-customer.jpg);}
	
	/*lnb::*/
	.lnb {
		z-index:700; position:absolute; margin:0; padding:0; width:100%;
		background:#fff; box-shadow:0px 5px 5px rgba(0,0,0,.07);
	}
	.lnb .wrap {width:1200px; margin:0 auto; display:block;}
	.lnb .wrap>* {display:table-cell; float:none; vertical-align:top;}
	.lnb .wrap p {padding:20px 60px; font-size:18px; line-height:1; letter-spacing:-1px; color:#fff; font-weight:400; background:#d32f27; word-break:keep-all;}
	.lnb .wrap>ul {padding:12px 0; min-height:60px;}
	.lnb .wrap>ul li {position:relative; float:left; padding:0 10px;}
	.lnb .wrap>ul li:after {content:""; position:absolute; top:14px; right:0; display:block; width:1px; height:12px; background:#b6b6b6;}
	.lnb .wrap>ul li:last-child:after {display:none;}
	.lnb .wrap>ul li a {display:block; padding:10px; font-size:16px; color:#010101; font-weight:300; position:relative; line-height:1; word-break:keep-all;}
	.lnb .wrap>ul li.on a {color:#b73a34; position:relative;}
	.lnb .wrap>ul li+li a:before {
		
	}
	
	.lnb.fixOn {position:fixed !important; z-index:700 !important; top:0 !important; box-shadow:0 3px 3px rgba(0,0,0,.07);}
	
	
	/*컨텐츠::*/
	.contents_box {width:1200px; margin:0 auto; }
	.contents_box .contents {padding:138px 0 100px;}
	.contents_box .contents>.title {overflow:hidden; padding-bottom:45px;}
	.contents_box .contents>.title h3 {float:left; font-size:36px; color:#000; letter-spacing:-2px; font-weight:700; position:relative; padding-right:50px;}
	.contents_box .contents>.title h3:before {
		content:''; display:block; width:26px; height:3px;
		position:absolute; top:50%; right:0; margin-top:-1.5px; 
		background:#000;
	}
	.contents_box .contents .title .location {float:right; overflow:hidden;}
	.contents_box .contents .title .location>span {float:left; color:#999; font-size:16px; font-weight:300;}
	.contents_box .contents .title .location>span+span {padding-left:40px; position:relative;}
	.contents_box .contents .title .location>span+span:before {
		content:''; display:block; width:5px; height:1px;
		position:absolute; top:50%; left:17.5px; margin-top:-.5px;
		background:#999;
	}
	
	.contents_box .contents .inner {overflow:hidden;}
	
	/* footer */
	footer {background:#f7f7f7; padding:50px 0 !important;}
	footer .wrap {width:1200px; margin:0 auto; overflow:hidden;}
	footer .wrap>div {float:left;}
	footer .footer_logo {padding-right:60px; }
	footer .address {}
	footer .address ul {overflow:hidden;}
	footer .address ul li {float:left; padding-right:20px;}
	footer .address ul li {font-size:14px; color:#666; font-weight:300; line-height:1.6;}
	footer .address p.copy {font-size:14px; color:#666; line-height:1.6; letter-spacing:-.25px; font-weight:300;}
	
}




/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	
	/* body {overflow-x:hidden;} */
	/* body.mainType {margin-top:55px;} */
	
	header {width:100%; height:55px;}
	header .head {z-index:100; position:absolute; left:0; top:0; width:100%; height:55px; overflow:hidden; line-height:1; background-color:#fff; box-shadow:0 5px 5px rgba(0,0,0,.1);}
	body.mainType header .head {top:50px;}
	header .head a.mobile {position:absolute; top:0; background-size:17px; width:45px; height:55px; background-repeat:no-repeat; background-position:center; cursor:pointer;}
	header .head a.right {
		border-left:1px solid #eee;
		right:0;
	}
	header .head a.left {
		border-right:1px solid #eee;
		left:0;
	}
	header .head .gnbView {background-image:url(../images/common/icon_allmenu_000.png);}
	header .head .gnbView img {height:15px;}
	header .head .search {background-image:url(../images/common/i_search_total.png); right:45px !important;}
	header .head .login {background-image:url(../images/common/icon_login.png);}
	header .head .logout {background-image:url(../images/common/icon_login.png);}
	header .head h1 {display:block; text-align:center;}
	header .head h1 a {display:inline-block; width:100%; padding-top:15px;}
	header .head h1 a img {height:25px;}
	
	.headSearch {display:none;}

	
	.lnb.pc,
	header .side.pc {display:none;}

	
	/*gnb*/
	nav.pc {display:none;}
	nav.mobile {z-index:9999; position:fixed; top:0; width:80%; height:100%; overflow:hidden; box-shadow:0 !important; background-color:#fff;}
	nav.mobile .closeWrap {position:relative; height:55px; background-color:#d32f27; color:#fff; box-shadow:0 3px 5px rgba(0,0,0,.1);}
	nav.mobile .closeWrap .gnbClose {display:block; width:45px; height:55px; background:url(../images/common/icon_x.png) no-repeat center; background-size:17px; border-left:1px solid rgba(255,255,255,.1); float:right;}
	nav.mobile .closeWrap aside a {float:left; display:inline-block; padding:0 20px; color:#fff; font-size:12px; letter-spacing:0; height:55px; line-height:55px;}
	nav.mobile .closeWrap aside a.second {padding-left:0;}
	.gnbCover {z-index:9998; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.5);}

	nav.mobile .gnb {position:relative; width:100%; height:100%; overflow-y:auto; text-align:left !important;}
	nav.mobile .gnb * {width:100% !important;}
	nav.mobile .gnb>ul>li {clear:both; position:relative;}
	nav.mobile .gnb>ul>li>a {display:block; padding:12px 20px; font-size:16px; font-weight:400; color:#000; border-bottom:1px solid #e4e4e4; background:#f5f5f5;}
	/* nav.mobile .gnb>ul>li>a:hover {color:#00ab85;} */
	/* nav.mobile .gnb>ul>li.on>a {border-top:1px solid #e4e4e4;} */
	nav.mobile .gnb>ul>li>ul {display:none;}
	nav.mobile .gnb>ul>li>ul>li {position:relative;}
	nav.mobile .gnb>ul>li>ul>li a {
		display:block; padding:8px 20px 8px 35px; font-size:15px; color:#000; letter-spacing:-.5px; border-bottom:1px solid #f5f5f5;
		position:relative;
	}
	nav.mobile .gnb>ul>li>ul>li a:before {
		position:absolute; top:19px; left:25px;
		display:block; content:"";
		width:3px; height:3px; background:transparent;
	}
	nav.mobile .gnb>ul>li>ul>li a:hover:before,
	nav.mobile .gnb>ul>li>ul>li.on a:before {background:#d32f27;}
	nav.mobile .gnb>ul>li>ul>li.on a {color:#d32f27;}
	
	/* gnb::전화 */
	nav.mobile .callWrap {overflow:hidden;}
	nav.mobile .callWrap a {
		float:left; width:50%; padding:0px 20px 0 60px; font-size:16px; color:#fff; line-height:55px; font-weight:400;
		background:#122a7c url(../images/common/call_fff.png)20px /25px 25px no-repeat;
	}
	nav.mobile .callWrap a+a {background:#000 url(../images/common/call_fff.png)20px / 25px 25px no-repeat;}
	
	.headerH {height:0 ! important;}
	/*서브 상단 배경*/
	[class*="subTop"] {display:none;}
	
	
	/*컨텐츠*/
	.contents_box {width:100%; margin:0 auto; max-width:100%;}
	.contents_box .contents {padding:0 0 30px;}
	.contents_box .contents>.title {padding:15px 20px; position:relative; border-bottom:1px solid #eee; background-color:#d32f27;}
	.contents_box .contents>.title h3 {font-size:18px; color:#fff !important; letter-spacing:-1px; font-weight:400; position:relative;}
	.contents_box .contents>.title span {display:none;}
	.contents_box .contents .title .location {display:none;}
	
	.contents_box .contents .inner {overflow:hidden; padding:20px 20px 0;}
	
	
	
	/* footer */
	footer {background:#f7f7f7;}
	footer .wrap {width:100%; padding:0 20px;}
	footer .wrap>div {text-align:center;}
	footer .footer_logo {width:100%; padding:30px 0;}
	footer .address {padding-bottom:30px;}
	footer .address ul {text-align:center;}
	footer .address ul li {display:inline-block; padding-right:10px;}
	footer .address ul li {font-size:14px; color:#666; font-weight:300; line-height:1.6;}
	footer .address p.copy {font-size:14px; color:#666; line-height:1.6; letter-spacing:-.25px; font-weight:300;}
	
	footer .telWrap {overflow:hidden;}
	footer .telWrap a {float:left; width:100%; padding:20px 10px 20px 30%;  font-weight:400; line-height:1; background:#d32f27;}
	footer .telWrap a+a {background:#000;}
	footer .telWrap a img {width:30px;}
	footer .telWrap a div {display:inline-block;}
	footer .telWrap a span {font-size:24px; color:#fff; padding:0 10px; position:relative;line-height:1; vertical-align:middle;}
	footer .telWrap a span+span:before {content:'';display:block; height:50%; width:2px; position:absolute; left:-1px; top:11px; background:#fff;}
	
}





/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width:767px) {
	.pc {display:none !important;}
	
	nav.mobile {width:100%;}
	nav.mobile .callWrap a {width:100%;}
	
	/* footer */
	footer .telWrap a {width:100%; text-align:center; padding:20px 10px;}
	footer .telWrap a img {width:45px;}
	footer .telWrap a div {display:inline-block; vertical-align:middle; padding-left:10px;}
	footer .telWrap a span {display:block; line-height:1.4; text-align:left;}
	footer .telWrap a span+span:before {display:none;}
	
}

/* ************************ 작은 모바일 (0~400) ************************ */
@media screen and (max-width:400px) {
	
	nav.mobile .closeWrap aside a {padding:0 0 0 20px;}
	nav.mobile .closeWrap aside a.second {padding-left:20px;}
	
	
}