@charset "utf-8";

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsDrvev4WAjW489CRDHIkJ90.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsCGXDOnx9ptx3UTSPTrfsgk.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsAZ98xO_Wnt-JIem4AuLGfs.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsE1G989qbVg6RT5ly5jB8V8.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsJ84zb0nVte6liF9gGtpo1Y.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsD86pq2NkPzVgw_9lpT6RGI.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsDAdhzWOYhqHvOZMRGaEyPo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
	font-family: NotoSans;
	src: url(./fonts/notokr-regular.eot);
	src: url(./fonts/notokr-regular.woff)
		format('woff');
}

html,
body {
	width:100%;
	height:100%;
	padding:0;
	margin:0 auto;
	min-width:1000px;
	max-width:1920px;
}

body {
	font-family: /* "Roboto Condensed", */ "NotoSans", 돋움, Dotum, Arial, Helvetica, sans-serif;
	color:#454545;
	background-color:#273849;
}

body, button, input, select, table, textarea {
	font-family: /* "Roboto Condensed",  */"NotoSans", 돋움, Dotum, Arial, Helvetica, sans-serif;
	color:#454545;
}

button,
input[type=submit] {
	-webkit-appearance: none;
}

div {margin:0 auto;}

a[href] {color: inherit;text-decoration: none;}

ul, ol, dl {
	padding:0;
	margin: 0;
	list-style: none;
}

.clear:AFTER {
	content: " ";
	display: block;
	clear: both;
	*zoom: 1;
}
.fl {float: left;}
.fr {float: right;}

.content-wrap {
	width:980px;
	position: relative;
}

.content-wrap:AFTER {
	content: " ";
	display: block;
	clear: both;
	*zoom: 1;
	line-height: normal;
}


.container {background-color: #ffffff;}

/** ++상단 메뉴 **/
.tnb-wrap {
	background-color: #273849;
	height:36px;
	line-height:36px;
	color:#ffffff;
}

.tnb-wrap li {
	margin-left:20px;
	float:left;
}

.tnb-wrap ul {float: right;}
/** --상단 메뉴 **/

/** ++전역 메뉴 **/
.gnb-wrap {
	height: 72px;
	background-color:#ffffff;
}


.gnb-wrap .logo-holder {
	float: left;
	margin:0;
	padding:0;
	padding-top:8px;
	line-height: normal;
}

.gnb-wrap .logo-holder img {
    vertical-align: middle;
}

.gnb-wrap .gnb-holder {
	font-size:12pt;
	font-weight: bold;
	float: right;
}

.gnb-wrap .gnb-holder li {
	float:left;
	position: relative;
}

/** ++++깊이 1 GNB **/
.gnb-wrap .gnb-holder.depth1 {
	
}
.gnb-wrap .gnb-holder.depth1>li {
	padding-top:17px;
	margin-left:20px;
	text-align: center;
	/* height: 65px; */
}
.gnb-wrap .gnb-holder.depth1>li span {
	font-size: 10pt;
	font-weight: normal;
}
.gnb-wrap .gnb-holder.depth1>li a {
	padding-bottom: 20px;
}
/** ----깊이 1 GNB **/

/** ++++깊이 2 GNB **/
.gnb-wrap .gnb-holder .gnb-depth2-holder {
	height:0;
	overflow:hidden;
	position: absolute;
	z-index: 10;
	top:62px;
	/* background-image: url("../images/bg_bng_depth2.png");
	background-repeat: no-repeat;
	background-position: center 10px; */
}
.gnb-wrap .gnb-holder li:HOVER .gnb-depth2-holder {
	height:auto;
    padding-top: 10px;
}
.gnb-wrap .gnb-holder .depth2 {
	padding: 20px 30px;
	line-height: 25px;
	background-color:#273849;
	font-size:11pt;
}

.gnb-wrap .gnb-holder .depth2>li {
	width:160px;
	padding:0 15px;
	/* color: #004995; */
	color: #ffffff;
}
.gnb-wrap .gnb-holder .depth2>li.border-cell{
    height: 100px;
    background: #dddddd;
    width: 1px;
    padding: 0;
    margin-top: 30px;
}
/** ----깊이 2 GNB **/

/** ++++깊이 3 GNB **/
.gnb-wrap .gnb-holder .depth3 {
	font-size: 10pt;
	font-weight: normal;
}

.gnb-wrap .gnb-holder .depth3 li {
	margin-left:5px;
	float: none;
	color: #dddddd;
	transition: 0.3s color ease-in;
	-o-transition: 0.3s color ease-in;
	-moz-transition: 0.3s color ease-in;
	-webkit-transition: 0.3s color ease-in;
}
.gnb-wrap .gnb-holder .depth3 li:HOVER {
	color:#ffffff;
}
/** ----깊이 3 GNB **/


/** ++++깊이 3 없는 깊이 2 GNB **/
.gnb-wrap .gnb-holder .depth-single {
	padding: 20px 30px;
	font-size: 10pt;
	line-height: 25px;
	font-weight: normal;
    background-color:#273849;
}

.gnb-wrap .gnb-holder .depth-single li {
	margin-left:5px;
	float: none;
	color: #dddddd;
	transition: 0.3s color ease-in;
	-o-transition: 0.3s color ease-in;
	-moz-transition: 0.3s color ease-in;
	-webkit-transition: 0.3s color ease-in;
}
.gnb-wrap .gnb-holder .depth-single li:HOVER {
	color:#ffffff;
}
/** ----깊이 3 없는 깊이 2 GNB **/
/** --전역 메뉴 **/



/** 시공점 종류 **/
.branch-wrap {
	background-color:#ffffff;
}



/** **/

.sub-wrap .sub-image {
	height:190px;
	background-color:#004995;
	background-image: url("../images/img_sub_slide.jpg");
	background-position: center;
	background-repeat: no-repeat;
}
.sub-wrap .sub-image h1 {
	color: #ffffff;
	margin: 0;
	padding: 0;
	font-size:27pt;
	padding-top:125px;
}

.sub-wrap .lnb-wrap {
	width:145px;
	float:left;
	margin-bottom:20px;
}
.sub-wrap .lnb-wrap h2 {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	font-size:22pt;
	font-weight: normal;
	color: #004995;
}

.sub-wrap .lnb-wrap dl{}
.sub-wrap .lnb-wrap dt{
	color: #004995;
	font-weight: bold;
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	padding:7px 10px;
	margin: 9px 0;
	font-size:12pt;
}
.sub-wrap .lnb-wrap dd {
	color:#8b8d8b;
	margin: 0;
	padding: 6px 0;
	padding-left: 20px;
	font-size:11pt;
	transition: color 0.2s ease;
	-o-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
	-webkit-transition: color 0.2s ease;
}
.sub-wrap .lnb-wrap dd a {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQYV2P4////fwAJ+wP9BUNFygAAAABJRU5ErkJggg==);
    background-repeat: repeat-x;
    background-position: center left;
    transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}
.sub-wrap .lnb-wrap dd span {
    background-color:#ffffff;
    padding-right: 7px;
}

.sub-wrap .lnb-wrap dd:HOVER a,
.sub-wrap .lnb-wrap dd.active a {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQYV2Ng8Jj6HwADBgHdU52J9AAAAABJRU5ErkJggg==);
	color:#454545;
}

.sub-wrap .lnb-wrap dl a{
	display: block;
	height: 100%;
}

.sub-wrap .sub-content-wrap {
	width: 810px;
	min-height: 450px;
	float: right;
}










/** 푸터 **/
.footer-wrap {
	height:100px;
	background-color:#273849;
}

.footer-wrap .content-wrap {
	height: 100%;
	text-align: right;
	background-image: url("../images/img_logo_footer.png");
	background-repeat: no-repeat;
	background-position: left center;
	color:#ffffff;
}

.footer-wrap .content-wrap .repelguard-info {
	padding-top:23px;
}