/*------------------------------------
	메인
------------------------------------*/
.Main .basic-bs .basic-bs-main{padding-bottom:0; position:inherit; margin-bottom:0;}
.Main .basic-bs.basic-bs-wrap.container.content{margin-top:0;}
.Main .navbar.fixed{position:relative;}

.Main .basic-bs.basic-bs-wrap.container{width:100%; max-width:100%; }
.Main .basic-bs.basic-bs-wrap.container .row{border-right:1px solid #e6e6e6;}

/* 메인 랩 */
.main_content{background:url(/img/bg_main.gif) center top repeat; overflow:hidden; margin:0; padding:0; font-family:"Noto Sans R", "Nanum Gothic", "Malgun Gothic" , verdana}
.main_content:after{ content:""; display:block; clear:both; }
.main_content .container{margin:0 auto; overflow:hidden; background:#fff;}
.Main .basic-bs-main.col-md-12{padding:0;}
.main_content .m_left{width:50%; float:left; overflow:hidden;}
.main_content .m_right{width:50%; float:right; overflow:hidden;}
.main_content .m_left > div, .main_content .m_right > div{padding:35px 30px 20px  30px; position:relative;}
.main_content .m_left > div:hover{cursor:pointer;}
.main_content h2{font:400 20px "Godo", Malgun Gothic; color:#454545; padding:0 0 10px 0; }
.main_content a.btn_go{border-radius:100em; min-width:94px; padding:7px 13px 0px; font:normal 13px "Noto Sans R", Malgun Gothic; border:1px solid #d0d0d0; color:#999; position:absolute; right:30px; top:33px;}
.main_content a.btn_go:after{content:''; font:normal 13px "FontAwesome"; margin-left:10px; float:right;}

/************
지사
*************/
.main_content .m_left > div.m_tel{padding-top:30px; padding-bottom:28px;}
.main_content .m_tel{float:left; width:50%; border-left:1px solid #e6e6e6; }
.main_content .m_tel p.mobile{display:none;}
.main_content .m_tel p{font:bold 30px  "Noto Sans B", Malgun Gothic; color:#1c1c1c; letter-spacing:-0.025em; margin:0 0 0 0; padding:10px 0 0 0;}
.main_content .m_tel i{width:26px; height:26px; line-height:26px; border-radius:100em; background:#d84c14; margin-right:8px; display:inline-block; text-align:center;  color:#fff; font-size:13px; float:left; margin-top:5px;}
.main_content .m_tel.type_2{border:1px solid #f2f2f2; border-width:0 1px;}
.main_content .m_tel.type_2 p{letter-spacing:-0.05em;}
.main_content .m_tel.type_2 i{background:#7a1198;}
.main_content .m_tel a.btn_go:after{content:'';}
.main_content .m_tel a.btn_go{top:25px;}
/***************
블로그
****************/
.main_content .m_blog{background:url(/img/m_icon03.png) 80% bottom  no-repeat #d0e89b; border:1px solid #d1cbcb; overflow:hidden; clear:both;}
.main_content .m_blog > div{width:50%; float:left; margin-right:10%;}
.main_content .m_blog a.btn_go{background:#d2e5a8; color:#638d06; border-color:#638d06;}
.main_content .m_blog p{font-size:13px; color:#656464;}
.main_content .m_blog p span{display:block;}

/******************
아이콘배너
******************/
.main_content .m_left > div.m_banner{padding-bottom:105px;}
.m_banner{float:left; width:50%; border-left:1px solid #e6e6e6; background:url(/img/m_icon01.png) no-repeat 80% 135px;}
.m_banner a.btn_go{border-color:#d84c14; color:#d84c14;}
.m_banner p{color:#777; font-size:13px; width:70%; letter-spacing:-0.025em;}
.m_banner.type_2{border:1px solid #f2f2f2; border-width:0 1px; background-image:url(/img/m_icon02.png);}

/********************
포트폴리오
*********************/
.m_po a.btn_go{background:#d84c14; color:#fff; border-color:#d84c14;}
.m_po ul{margin-top:10px;}

/* ############### 태블릿 반응형 ############### */
@media (max-width:1200px) {
	/*지사*/
	.main_content .m_tel p{font-size:25px; padding:5px 0; letter-spacing:0; }	
	.main_content .m_tel i{margin-top:0;}
	/*아이콘배너*/
	.m_banner p{width:100%;}
	.main_content .m_left > div.m_banner{padding-bottom:80px;}
}

@media (max-width:999px) {
	.main_content h2{font-size:18px;}
	.main_content .m_left{width:100%; float:none; clear:both;}
	.main_content .m_right{width:100%; float:none; clear:both;}
	.main_content .m_left > div, .main_content .m_right > div{padding:20px 15px !important;}
	.main_content .m_left > div{border:none;}
	.Main .basic-bs.basic-bs-wrap.container .row{border-left:1px solid #e6e6e6;}
	.main_content .m_left a.btn_go{display:none;}
	.main_content .m_left a.btn_go:after{float:none;}
	.main_content .m_right a.btn_go{top:15px; right:10px; border-radius:0;}
	/*지사*/
	.main_content .m_left .m_tel  a.btn_go{display:inline-block; position:relative; right:auto; top:auto; border-radius:0;}
	.main_content .m_tel p{font-size:23px; white-space:nowrap;}	
	.main_content .m_tel i{margin-right:3px; margin-top:0px;}
	.main_content .m_tel p.mobile{display:block;}
	.main_content .m_tel p.pc{display:none;}
	.main_content .m_tel p.mobile i{display:none;}
	@media screen and (-webkit-min-device-pixel-ratio:0){
		.main_content a.btn_go{padding:5px 10px 4px;}
		.main_content .m_tel i{margin-top:4px}
		.main_content .m_left .m_tel  a.btn_go{margin-top:5px;}
	} /* 크롬 + 사파리*/

	/*블로그*/
	.main_content .m_blog{ background-size:110px auto; background-position:right bottom;}
	.main_content .m_blog > div{width:70%;}
	/*아이콘 배너*/
	.main_content .m_left > div.m_banner{float:none; width:100%; border-bottom:1px solid #eee; background-position:85% 80%; background-size:65px auto}
	.m_banner p{width:70%;}
	.m_po > ul > li{ width:100% !important; }
/* ######## 모바일 가로 모드 ############ */
@media(orientation:landscape) { 

} 

}