.mob_hide {display:none;}
.mob_up_inline {display:inline !important;}
.mob_up_block {display:block !important;}

/*네비게이션 스타일*/
header#mainHeader {
	position:absolute;
	//background:#015090 !important;
	height:55px;
	background:white;
}



/*네비게이션 스타일*/
div#logoNavSec {
	height:55px;
	line-height:55px;
}
/*모바일 로고*/
div#logoNavSec div#topLogo {
	width:100%;
	height:55px;
	line-height:56px;
	text-align:center;
	padding-left:15px;
}

div#logoNavSec div#topLogo img {
	max-width:130px;
	width:30%;
}

div#logoNavSec div#topLogo img#colorLogo {
	//display:none;
}

div#logoNavSec div#topLogo img#whiteLogo {
	//display:inline !important;
}

div#logoNavSec div.topFarmLogo {
	top:0;
	text-align:right;
	padding-right:15px;
}

div#logoNavSec div.topFarmLogo img {
	max-width:60%;
}

.topBar {
	display:none;
}

div#logoNavSec .topFarmLogo {
	display:none;
}


/*햄버거 버튼 스타일*/

div#mNavBTN {
	display:block !important;
	width:55px;
	height:55px; 
	padding:22px 17px 19px; 
	box-sizing:border-box;
	position:absolute;
	z-index:9999;
	cursor:pointer;
}

div#mNavBTN > span.barTRIO {
	 display:block;
	 width:22px;
	 height:1px;
	 margin:auto;
	 background-color:black;
}

header#mainHeader.fixed div#mNavBTN > span.barTRIO {
	background:black;
}

div#mNavBTN > span:nth-child(1){margin-bottom:5px;}
div#mNavBTN > span:nth-child(2){margin-bottom:5px;}
div#mNavBTN > span:nth-child(3){}

div#mNavCall {
	display:block !important;
	width:55px;
	height:55px;
	position:absolute;
	right:0;
	
	text-align:center;
}

div#mNavCall img {
	width:16px;
}



/*메뉴*/
nav#topNav {
	display:none;
}










/*모바일 네비게이션 기본스타일*/
div#mobNav {
	 display:block !important;
	 width:260px;
	 height:100% !important;
	 background-color:rgba(255, 255, 255, 1);
	
	 position:fixed !important;
	 top:0;
	 left:-260px;
	 z-index:99999;
	 
	 transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
}

div#mobNav.on {
	transform:translateX(260px);
}

div#mNavBack {
	/*추가*/
	 width:100%;
	 height:100%;
	 background-color:rgba(0, 0, 0, 0.8);
	 position:fixed;
	 top:0;
	 left:0;
	 //opacity:0;
	 display:none;
	 z-index:9999;
	
	
}

/*모바일 네비게이션 세부 스타일*/
div#mobNavHead {
	text-align:center;
	border-bottom:1px solid #ebebeb;
}

div#mobNavHead ul li {
	width:calc(100%/3);
	height:80px;
	float:left;
	
	position:relative;
}

div#mobNavHead ul li:nth-child(1) {
	background:#0e518a;
}

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

div#mobNavHead ul li:nth-child(3) {
	color:#0e518a !important;
}

div#mobNavHead ul li img {
	position:absolute;
	left:0;right:0;
	top:0;bottom:0;
	margin:auto;
	max-width:100%;
	bottom:9px;
}
div#mobNavHead ul li:first-child img {
	width:18px;
}

div#mobNavHead ul li:nth-child(2) img {
	width:23px;
}

div#mobNavHead ul li:nth-child(3) img {
	//transform:translate(5px, 3px);
	width:25px;
}

div#mobNavHead ul li p {
	font-family:"Nanum Gothic", sans-serif;
	font-size:12px;
	color:white;
	
	width:100%;
	position:absolute;
	bottom:10px;
	text-align:center;
}

div#mobNavHead ul li:nth-child(3) p {
	color:#0e518a !important;
}


div#mobNavBody {

}

div#mobNavBody ul li {
	font-family:"Nanum Gothic", sans-serif;
	font-size:14px;
	font-weight:500;
	border-bottom:1px solid #ebebeb;
	color:#2b2b2b;
}

div#mobNavBody ul li a {
	display:block;
	width:100%;
	height:100%;
	padding:10px 25px;
	background:url("../img/moreIcon.png") no-repeat 92% 52%;
	background-size:15px;
}

div#mobNavBody ul li dl dd a {
	padding-left:33px;
}


div#mobNavFoot {
	padding-top:10px;
}


div#mobNavFoot ul.quickIcons {
	margin-bottom:10px;
}

div#mobNavFoot ul li a {
	display:block;
	width:100%;
	height:100%;
	padding:6px 15px;
	position:relative;
	
	font-family:"Nanum Gothic", sans-serif;
	font-size:13px;
	font-weight:500;
	color:#2b2b2b;
	
	padding-left:42px;
}



div#mobNavFoot ul.mob_login li a {
	padding:4px 20px;
}

div#mobNavFoot ul.mob_login li a i {
	margin-right:5px;
}




div#mobNavFoot ul.quickIcons li a span {
	display:block;
	position:absolute;
	top:6px;
	left:15px;
	
	width:20px;
	height:20px;
	
	text-align:center;
	line-height:20px;
	border-radius:50%;
}

div#mobNavFoot ul.quickIcons li.blogList a {
	
}

div#mobNavFoot ul.quickIcons li.blogList a span {
	
	background:#00c73c;
	color:white;
	
	font-weight:800;
	font-size:12px;
}

div#mobNavFoot ul.quickIcons li.quickList a span {
	background:#284b6d;
}

div#mobNavFoot ul.quickIcons li.quickList a span img {
	width:12px;
}

div#mobNavFoot ul.quickIcons li.ttList a span {
	background:#5ea4bb;
}

div#mobNavFoot ul.quickIcons li.ttList a span img {
	width:12px;
}

div#mobNavFoot ul.quickIcons li.telList a span img {
	width:18px;
}

div#telLoginSec {
	display:none;
}





/*우측 퀵메뉴*/



/*메인비주얼*/


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

div#mainVisSec {
	
	padding:7% 15px;
	padding-bottom:0;
	background-attachment:scroll !important;
}

div#mainVisSec img {
	bottom:-10vw !important;
}




div.sec {
	padding:8% 15px;
}

div.tit {
	margin-bottom:6%;
}
div.tit img {
	max-width:50%;
}


/*섹션 01 영역*/
div.sec01 {
	padding:9% 10px;
}

.sub01_sec {
	padding-top:20% !important;
}
.sub02_sec {
	padding-top:20% !important;
}
.sub03_sec {
	padding-top:20% !important;
}


/*상담신청 폼*/
.btmForm {position:relative;}

.btmForm ul li {
	float:none !important;
	width:100% !important;
}
.btmForm ul li label br {display:none;}
.btmForm ul li:first-child {
	text-align:center;
	height:auto !important;
	border-right:0;
}

.btmForm ul li:nth-child(3) .form-group{
	margin-right:0;
	margin-left:0;
}

.btnSec {
	display:block !important;
	height:70px;
}
.btnSec br {display:none;}


div#askBoxBack {
	padding:0;
}

div#askTit span.tit {
	font-size:20px;
	padding:10px 0;
}

div#askTit p.notice {
	font-size:14px;
	text-align:left;
	margin-bottom:5px;
}


div#askBox form {
	margin-top:6%;
}

div.form-group > div {
	margin-bottom:15px;
}

div#askBox form label {
	font-size:14px;
	font-family:"Nanum Gothic", sans-serif;
}

div#askBox form div.form-group > label {
	font-size:14px;
	font-family:"Nanum Gothic", sans-serif;
}

div#checkSec label {
	font-size:12px !important;
}

div#checkSec {
	margin-bottom:0 !important;
}

div#checkSec span {
	color:black;
	font-size:12px;
}

div#askBox form button {
	margin:10px auto;
	font-size:18px;
	max-width:300px;
	width:90%;
	height:60px;
}

div#askTit {
	padding:9% 15px;
}


/*footer style*/
div#footerSec {
	padding:9% 15px 8%;
	text-align:center;
}
div#footerSec h3 {
	font-size:12px;
}
div#companyinfo .footLogo {
	float:none;
	width:100%;
	margin-bottom:6%;
}

div#companyinfo .footLogo img {
	max-width:50%;
}

div#companyinfo ul {
	float:none;
	width:100%;
	margin-left:0;
}

footer img {
	max-width:96%;
}