@import url( "https://fonts.googleapis.com/earlyaccess/notosanskr.css" );
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

.clearfix:before,
.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix {zoom:1;}

.combPattern {
	width:100%;
 	height:100%;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAASklEQVQoU4XQ2w2AMAxD0ZuZYP8JykxURkoFNI/8+siRbMABXOSnfFgBFD0IOCu4kD5m8INUHcENRTBEf5iiNyyRwxY5vLVTN/oE0rsTcBhfnLwAAAAASUVORK5CYII=) repeat;
	background-size:4px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.4;
}
.dottPattern {

    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQYV2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXQdISfAAAAAElFTkSuQmCC) repeat;
    //background-size: 5px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
}
.crossPatternGray {

    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAIUlEQVQoU2M8duzYZgYiACNIoZWVlS8htaMK8YYQ0cEDADGeJxCGAizBAAAAAElFTkSuQmCC) repeat;
        background-size: auto;
    //background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQYV2NkQALHjh3bzAjjgzhWVla+YAEYB8RmROaABADg4Q8KGbr8XAAAAABJRU5ErkJggg==) repeat;
    background-size: 7px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.2;
}

.blackFilm {
	width:100%;
	height:100%;
	background-color:black;
	opacity:0.5;
	position:absolute;
	top:0;
	left:0;
}
.wrap1600 {
	max-width:1600px;
	width:100%;
	height:100%;
	margin:0 auto;
}

.wrap1500 {
	max-width:1500px;
	width:100%;
	height:100%;
	margin:0 auto;
}

.wrap1400 {
	max-width:1400px;
	width:100%;
	height:100%;
	margin:0 auto;
}

.wrap1300 {
	max-width:1300px;
	width:100%;
	height:100%;
	margin:0 auto;
}
.wrap1200 {
	max-width:1200px;
	width:100%;
	height:100%;
	margin:0 auto;
}
.wrap1100 {
	max-width:1100px;
	width:100%;
	height:100%;
	margin:0 auto;
}
.wrap1000 {
	max-width:1000px;
	width:100%;
	height:100%;
	margin:0 auto;
}

.wrap900 {
	max-width:900px;
	width:100%;
	height:100%;
	margin:0 auto;
}

.wrap865 {
	max-width:865px;
	width:100%;
	height:100%;
	margin:0 auto;
}


.wrap800 {
	max-width:800px;
	width:100%;
	height:100%;
	margin:0 auto;
}

.fontWhite {color:white !important;}
.fontGray {color:#5d5d5d !important;}
.fontBlack { color:black !important;}

.vertCent {
	/* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}

.pc_hide {display:none;}

.paddingTopForHeader {padding:10px;padding-top:175px !important;}
@media all and (max-width:990px) {
	.paddingTopForHeader {padding-top:100px !important;}
}

legend {display:none;}

* { margin:0; padding:0; }
html {overflow-x:hidden;}
body {
	font-family: "Noto Sans KR", sans-serif;
	//font-family: "Nanum Gothic", sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
ul { list-style:none;}
a {text-decoration:none !important; color:inherit; outline:none;}
a:hover {color:inherit;}
img {border:0px;outline: none;}
ul, ol, p{margin-bottom:0;}
p {
	word-break:keep-all;
}
*:focus { outline: none; }


/*고스트 업 스타일*/


.ghost {
	
	transition:all 0.7s ease-in-out;
	-webkit-transition:all 0.7s ease-in-out;
	-moz-transition:all 0.7s ease-in-out;
}

.ghostLock {
	transform:translateY(80px);
	opacity:0;
	
}

/*탑헤더 스타일*/
div.topBar {
	width:100%;
	height:40px;
	line-height:40px;
	background:#015090;
	position:relative;
	color:white !important;
}

div.topBar .wrap1200 {
	position:relative;
}

div.topBar .leftText {
	
	opacity:0.6;
	font-size:12px;
}

div.topBar .leftText .slogan {
	letter-spacing:1px;
	font-weight:600;
}

div.topBar .leftText .vertDash {
	font-size:10px;
	
}

div.topBar .leftText .tel {
	letter-spacing:1px;
}

div.topBar .rightText {
	font-size:12px;
	position:absolute;
	top:0;
	right:35px;
	opacity:0.6;
}

div.topBar .rightText span {
	display:inline-block;
	width:80px;
	cursor:pointer;
}

/*헤더스타일*/
header#mainHeader {
	width:100%;
	background:white;
	z-index:999;
	position:absolute;
	background:rgba(255, 255, 255, 1);
	//border-bottom:1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 2px 2px 7px -5px rgba(0,0,0,0.7);
}

header#mainHeader.fixed {
	box-shadow:2px 2px 7px -5px rgba(0,0,0,0.7);
	position:fixed;
	top:-155px;
	
	//background:#015090 !important;
	background:rgba(255,255,255,0.8) !important;
	
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
}



header#mainHeader.up {
	top:0;
}

header#mainHeader.fixed nav#topNav ul li > a {
	
}

header#mainHeader.fixed nav#topNav ul li > a:hover {
	//color:white;
}

header#mainHeader.fixed div#logoNavSec div#topLogo {
	color:#7d7d7d;
}

header#mainHeader.fixed div#gnbbg {
	background-color:rgba(255,255,255,0.95) !important;
	box-shadow:2px 2px 7px -5px rgba(0,0,0,0.7);
}

header#mainHeader.fixed nav#topNav ul li a {
	//color:white;
}

header#mainHeader.fixed nav#topNav ul li > a:hover{
	//opacity:0.7;
} 


header#mainHeader.fixed nav#topNav ul li dl dd a {
	color:black;
}



/*네비게이션 스타일*/
div#logoNavSec {
	position:relative;
	height:110px;
	line-height:85px;
}

/*메인 로고영역*/
div#logoNavSec div#topLogo {
	float:left;
	width:580px;
	height:100%;
	line-height:110px;
	text-align:left;
	color:#7d7d7d;
	font-size:13px;
	font-family: "Nanum Gothic", sans-serif;
	letter-spacing:2px;
}

div#logoNavSec .topFarmLogo{
	display:block;
	
	position:absolute;
	top:40px;
	right:0;
}

/*메뉴*/
nav#topNav {
	float:left;
	width:calc(100% - 580px);
	height:110px;
	position:relative;
}




nav#topNav ul {
	width:100%;
	height:auto;
	position:relative;
	margin:0 auto;
	z-index:99;
}

nav#topNav ul li {
	height:auto;
	position:relative;
	cursor:pointer;
	
	width:calc(99%/3);
	float:left;
}

@media all and (max-width:1600px) {
	div#logoNavSec div#topLogo {
		width:200px;
	}
	
	nav#topNav {
		width:calc(100% - 200px);
	}
	
	
}

@media all and (max-width:1300px) {
	div#logoNavSec div#topLogo {
		width:20%;
	}
	
	nav#topNav {
		width:80%;
	}
}

/* nav#topNav ul li:first-child::before { */
/* 	content:""; */
/* 	display:block; */
/* 	width:1px; */
/* 	height:18px; */
/* 	background:#ebebeb; */
/* 	position:absolute; */
/* 	left:0; */
/* 	top:28px; */
/* } */

/* nav#topNav ul li:after { */
/* 	content:""; */
/* 	display:block; */
/* 	width:1px; */
/* 	height:18px; */
/* 	background:#ebebeb; */
/* 	position:absolute; */
/* 	right:0; */
/* 	top:28px; */
/* } */



nav#topNav ul li > a {
	display:block;
	position:relative;
	width:100%;
	height:110px;
	line-height:110px;
	color:black;
	font-family: "Nanum Gothic", sans-serif;
	font-size:16px;
	font-weight:600;
	letter-spacing:0px;
	text-decoration:none;
	text-align:center;
	outline:none;
	
	transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	
}




nav#topNav ul li > a.thirdA {
	letter-spacing:1px;
}

nav#topNav ul li > a:before {
	content:"";
	display:block;
	width:100%;
	height:30px;
	background:#015090;
	border-radius:7px;
	position:absolute;
	top:0;bottom:0;
	left:0;right:0;
	margin:auto;
	top:3px;
	z-index:-1;
	opacity:0;
	
	transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
}

nav#topNav ul li > a.thirdA:before {
	width:140px;
}


nav#topNav ul li > a:hover {
	color:#a89583;
	//border-bottom:2px solid #f5b48a;
}


nav#topNav ul li > a:hover:before{
	
}


nav#topNav ul li dl {
	width:100%;
	height:0px;
	position:absolute;
	z-index:99;
	overflow:hidden;
	padding-top:0;
	margin:0;
	opacity:0.8;
	
	margin-top:5px;
	
	
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
}

nav#topNav ul li dl:hover {
	opacity:1;
}

nav#topNav ul li dl::before {
	content:"";
	display:none;
	width:100px;
	height:1px;
	background:#ebebeb;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	top:0px;
	opacity:0.4;
}

nav#topNav ul li dl.slideDown {
	height:400px;
	padding-top:10px;
	
	
}
nav#topNav ul li:last-child dl {
	
	border-right:1px dashed #ebebeb;
}

nav#topNav ul li dl dt {
	width:100%;
	padding:11px 0;
	text-align:center;
	position:relative;
}


nav#topNav ul li dl dt {
	//font-family: 'NanumSquare', sans-serif;
	color:#2973a4;
	margin-bottom:12px;
	font-size:16px;
	font-weight:500;
	line-height:22px;
}

nav#topNav ul li dl dt span {
	position:relative;
}


nav#topNav ul li dl dt span::before {
	display:block;
	content:"";
	width:20px;
	height:14px;
	background:url("../img/quot01.png") no-repeat center;
	position:absolute;
	left:-24px;
	top:-5px;
	
	opacity:0;
	
	transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
}

nav#topNav ul li dl dt span::after {
	display:block;
	content:"";
	width:20px;
	height:14px;
	background:url("../img/quot02.png") no-repeat center;
	position:absolute;
	right:-23px;
	top:0;
	bottom:0;
	margin:auto;
	bottom:-12px;
	
	opacity:0;
	
	transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
}

nav#topNav ul li dl:hover dt span::before { 
	opacity:1; 
}

nav#topNav ul li dl:hover dt span::after { 
	opacity:1;
}

nav#topNav ul li dl dd {
	width:100%;
	padding:11px 0;
	text-align:center;
	position:relative;
	
}

nav#topNav ul li dl dd::after {
	content:"";
	dispaly:block;
	width:0;
	height:2px;
	background:#015090;
	position:absolute;
	left:0;right:0;
	margin:auto;
	bottom:0;
	
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
}

nav#topNav ul li dl dd:hover::after{
	width:60%;
}

nav#topNav ul li dl dd a {
	display:block;
	width:100%;
	height:100%;
	//font-family: "Nanum Gothic", sans-serif;
	font-size:15px;
	font-weight:400;
	color:white;
	text-decoration:none;
	opacity:0.7;
}

nav#topNav ul li dl dd:hover a {
	//color:#015090;
	font-weight:500;
	opacity:0.9;
}



/*세부카테고리 하단슬라이드 배경*/
div#gnbbg {
	position:absolute;
	top:85px;
	//left:-665px;
	width:100vw;
	height:0;
	z-index:9;
	
	background-color:rgba(255,255,255,0);
	
	
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
}


div#gnbbg.slideDown {
	height:200px;
	
}





.sec img {
	max-width:96%;
}



section#mainSection {
	padding-top:110px;
}


/*우측 퀵메뉴 스타일*/

div#pcRightNav {
	//display:block !important;	
	width:119px;
	height:auto;
	position:fixed !important;
	//top:95px;
	
	top : -webkit-calc(50% - 150px); /* for Chrome, Safari */
    top :    -moz-calc(50% - 150px); /* for Firefox */
    top :         calc(50% - 150px); /* for IE */
    
	right:0px;
	z-index:99999999;
	
}

@media all and (max-width:1280px){
	div#pcRightNav {display:none !important;}
}

div#pcRightNav.hang {
	top:156px;
}


div#pcRightNav ul {
}

div#pcRightNav ul li {
	height:119px;
	//border-bottom:1px solid #e3e3e3;
	cursor:pointer;
	position:relative;
	padding:22px 15px;
}


div#pcRightNav ul li a:hover {
	color:inherit !important;
	opacity:0.8;
}

div#pcRightNav ul li div {
	height:100%;
	position:relative;
	margin-bottom:4px;
	text-align:left;
}

div#pcRightNav ul li div img {
	width:16px;
	margin-bottom:10px;
}

div#pcRightNav ul li:nth-child(2) div img {
	width:23px;
	margin-bottom:12px;
}

div#pcRightNav ul li div p {
	color:white;
	line-height:18px;
}

div#pcRightNav ul li:nth-child(1) {
	background:#0e518a;
	margin-bottom:7px;
}



div#pcRightNav ul li:nth-child(2) {
	background:#111111;
}

div#pcRightNav ul li:nth-child(2) div img {
	left:6px;
}

div#pcRightNav ul li:nth-child(3) {
	color:white;
}

div#pcRightNav ul li:nth-child(4) {
}

div#pcRightNav ul li p {
	font-size:13px;
	font-weight:400;
	font-family:"Nanum Gothic", sans-serif;
	line-height:14px;
}

div#pcRightNav ul li:nth-child(2) p {
	font-size:14px;
}

div#rihgtTopBtn {
	height:33px;
	color:#ebebeb;
	opacity:0.4;
	text-align:left;
	cursor:pointer;
	line-height:29px;
	margin-top:9px;
	padding-left:15px;
	box-shadow: 2px 2px 7px -5px rgba(0,0,0,0.7);
}





/*메인 비주얼 */

div#mainVisSec {
	position:relative;
	box-shadow: 2px 2px 7px -5px rgba(0,0,0,0.7);
	background:url("../img/mainVisBack.png") no-repeat center fixed;
	background-size:cover !important;
	padding-bottom:0;
	padding-top:90px;
}


@media all and (max-width:1400px){
		
}

#mainVisSec img {
	position:relative;
	bottom:-100px;
}

.subMainVis img {
	bottom:-300px !important;
}

.subMainVis img {
	bottom:-200px !important;
}

div.sec {
	padding:7% 15px;
	text-align:center;
}

div.tit {
	margin-bottom:3%;
}


/*섹션 01 영역*/
div.sec01 {
	padding-top:180px;
	padding-bottom:150px;
}

.sub01_sec {
	padding-top:450px !important;
}
.sub02_sec {
	padding-top:450px !important;
}
.sub03_sec {
	padding-top:350px !important;
}


/*섹션 02 영역*/
div.sec02 {
	background:url("../img/sec02back.png") no-repeat center fixed;
	background-size:cover;
}
.sub01_sec02 {
	background:none !important;
	padding-top:0 !important;
}



/*상담신청 폼 스타일*/

div#askTit {
	padding:90px 15px;
	background: url("../img/titback3001.png") no-repeat center;
	background-size:cover;
	margin-top:6%;
	color:white;
	text-align:center;
	padding-top:120px;
}

div#askTit h2 {
	margin-bottom:5px;
}

div#askTit p {
	font-weight:100;
	letter-spacing:4px;
	text-align:center;
}



.telNum {
	padding-top:20px;
	padding-left:20px;
	font-size:18px;
	text-align:center;
}

.telNum span {
	font-size:20px;
	font-weight:600;
}

div#askSec {
}





div#askSec input.form-control {
	height:45px;
	//border-radius:0px;
}

div#askSec select.form-control {
	height:45px;
	cursor:pointer;
	border:1px solid #ccc;
}

div#askSec input[type="tel"] {
	width:calc((100% - 35px)/3);
	height:45px;
	border-radius:4px;
	padding:6px 12px;
	border:1px solid #ccc;
}

div#askSec select#cellphone {
	width:calc((100% - 35px)/3);
	height:45px;
	border-radius:4px;
	padding:6px 12px;
	margin:0;
	border:1px solid #ccc;
}

div#askSec .dashBar {
	display:inline-block;
	width:15px;
	text-align:center;
	color:white;
}

div#askSec textarea#askCont {
	width:100%;
	border-radius:5px;
	border:1px solid #ccc;
	padding:7px;
}

div#checkSec {
	text-align:left;
	padding-top:5px;
	padding-left:3px;
}

div#checkSec label {
	cursor:pointer;
	padding-bottom:0 !important;
	font-size:14px !important;
}

div#checkSec span {
	color:white;
	cursor:pointer;
}

div#checkSec input#pinfOK {
	margin-top:0;
}

div#checkSec span:hover {
	opacity:0.6;
}

div#askBox form button {
	display:block;
	width:300px;
	height:80px;
	background-color:#1dbfd7;
	
	color:white;
	font-size:20px;
	letter-spacing:2px;
	border:0px;
	border-radius:10px;
	margin:20px auto 40px;
}

div#askBox form button:hover {
	opacity:0.8;
}




.btmForm {
	background:rgba(75,64,53,0.97);
	padding:35px 15px 15px;
	position:fixed;
	bottom:0;
	width:100%;
}

.btmForm ul li {
	float:left;
	
}

.btmForm ul li:first-child {
	width:230px;
	height:147px;
	border-right:1px solid rgba(255,255,255,0.2);
} 

.btmForm ul li:nth-child(2) {
	width:calc((100% - 230px)/12*5);
}

.btmForm ul li:nth-child(3) {
	width:calc((100% - 230px)/12*7);
}

.btmForm ul li label {
	color:white !important;
	font-weight:200;
	font-size:18px;
}

.btmForm .form-group {
	margin-bottom:5px;
}

.btmForm .form-group > div {
	padding-right:0;
	padding-left:0;
}

.btnSec {
	height:150px;
	padding:0 20px;
	
}

.btnSec button {
	width:100%;
	height:100%;
	background:#a72525;
	color:white;
	font-size:30px;
	border:0;
	border-radius:10px;
}

/*푸터 스타일*/


footer {
	width:100%;
	height:auto;
	position:relative;
	background-color:#212121;
}

div#footerSec {
	position:relative;
}
div#footerSec {
	
	padding:80px 10px 50px;
	font-size:12px;
	position:relative;
}


/*하단 회사정보 스타일*/
div#companyinfo {
	
}

div#companyinfo .footLogo {
	float:left;
	width:500px;
}

div#companyinfo ul {
	float:left;
	width:calc(100% - 500px);
}

div#companyinfo ul li p {
	
	//font-weight:300;
	//letter-spacing:0.4px;
}

div#companyinfo ul li p:nth-child(3) {
	margin-bottom:5px;
}

div#companyinfo ul li p span {
	padding:0 8px;
	opacity:0.6;
}

div#companyinfo ul li:nth-child(1) div {

}



div#footerSec h3 {
	color:#c3c3c3;
	font-size:14px;
	font-weight:400;
	letter-spacing:3px;
}

div#footerSec p {
	color:#807c7d;
}

div#footerSec dl {
	color:white;
}

div#footerSec dl dt {
	padding-top:3px;
	margin-bottom:10px;
}

div#footerSec dl dd {
	color:#807c7d;
	margin-bottom:6px;
}

div#footerSec dl dd a {
	color:#807c7d;
}

div#footerSec dl dd span {
	color:#c6c6c6;
	margin-right:6px;
}

div#footerSec dl dd img {
	margin-right:10px;
	opacity:0.6;
}