/*--------------------------------------------------------------
# 메인 탑 검색바
--------------------------------------------------------------*/

.mainTypingBox{
	width:100%;
	position:relative;
	z-index:800;
}

.seoBarWrap{
	position:relative;
	max-width:1300px;
	margin:0 auto;
}

.mainTypingBox form{
	position:relative;
	margin:0 auto;
	/* max-width:1300px; */
}

.mainTypingBox input {
    text-align: center;
    width: 100%;
	height: 70px;
    border: 1px solid #ddd;
    font-size: 20px;
    color: #222222;
    font-weight: 400;
    letter-spacing: 0px;
    font-family: Gmarket Sans;
	z-index:900;
}

.mainTypingBox input::placeholder{
	color: #222222;
	font-size: 20px;
	font-weight: 400;
}

.mainTypingBox i {
	position: absolute;
	width: 2px;
	height: 80%;
	background-color: #222;
	left: 20px;
	top: 10%;
	animation-name: blink;
	animation-duration: 1200ms;
	animation-iteration-count: infinite;
	opacity: 1;
}

.mainTypingBox input:focus + i {
	display: none;
}

@keyframes blink {
	from { opacity: 1; }
	to { opacity: 0; }
}

.go_seo{
	text-align:center;
	border:none;
	position:absolute;
	right: 2px;
    top: 2px;
    width: 66px;
    height: 66px;
	background-color:#fff;
	cursor:pointer;
	z-index:1000;
}

.go_seo img{
	height: 26px;
	max-width:100%;
	display:inline-block;
}


/* ====================================== 
	메인 비주얼
====================================== */

.mainWrap{
	position:relative;
	width: 100%;
}

.mainV_WRAP{
	position:relative;
	width: 100%;
	display:block;
	margin-top: 110px;
}

.pc_visual{
	position:relative;
	width: 100%;
	height: 550px;
	display:block;
}
.Mobile_visual{
	display:none;
}

.container{
  width: 100% !important;
}
.mainContainer{
  display: block;
  width: 100%;
}


@media (max-width: 1024px) {
	
	.seoBarWrap{
		padding-left: 25px;
		padding-right: 25px;
	}
	.mainTypingBox form {
		position: relative;
		margin: 0 auto;
		max-width: 1300px;
	}
	.mainTypingBox i{
		left: 10px;
	}
		
	#topCon{
		top: 65px;
	}

	/*--- 상단 레드카드변화 시작 ----*/

	.transCardLine1024{
		display: flex;
		position: absolute;
		top: 10px;
		left: 0;
		right: 0;
		width: 100%;
		height: 55px;
		margin: 0 auto;
		padding-left: 25px;
		padding-right: 25px;
		/* box-shadow: 0px 10px 40px #bbbbbb; */
		z-index: 9;
	}

	.transG {
	  position: relative;
	  background-color: #f04f54;
	  display: inline-block;
	  width: 75px;
	  transition:0.5s;
		-webkit-transition:0.5s;
		-moz-transition:0.5s;
	}

	.transCardEnable {
	  background-color: #ed3b41;
	  width: 100%;
	  padding-left: 15px;
	  transition:0.5s;
		-webkit-transition:0.5s;
		-moz-transition:0.5s;
	}

	.transCardTextLong1024{
	  text-align: left;
	  font-weight: bold;
	  font-size: 1.1em;
	  color: white !important;
	  margin-top: 18px;
	}

	.trTxtG {
	  color: ()
	}

	.transCardText1024{
	  text-align: center;
	  margin-top: 18px;
	  font-size: 1.1em;
	  font-weight: bold;
	  color: white !important;
	}

}

@media (max-width: 768px) {
	.mainV_WRAP {
		margin-top: 70px;
	}
	.seoBarWrap {
		padding-left: 20px;
		padding-right: 20px;
	}

	.mainTypingBox input {
		height: 50px;
		padding-right: 40px;
		padding-left: 15px;
		padding-bottom: 1px;
		font-size: 12px;
	}
	.mainTypingBox input::placeholder{
		text-align:left;
		color: #222222;
		font-size: 10px;
		font-weight: 400;
	}
	.mainTypingBox i {
		position: absolute;
		width: 2px;
		height: 60%;
		background-color: #222;
		left: 11px;
		top: 18%;
		animation-name: blink;
		animation-duration: 1200ms;
		animation-iteration-count: infinite;
		opacity: 1;
	}
	.go_seo {
		width: 40px;
		height: 40px;
		right: 0px;
		top: 5px;
		background-color: inherit;
	}
	.go_seo img {
		height: 20px;
	}
		
	#topCon{
		top: 75px;
	}

	/*--- 상단 레드카드변화 시작 ----*/

	h1{
	  font-size: 1.1em;
	  font-weight: bold;
	}

	.transCardLine1024{
	  display: flex;
	  position: absolute;
	  top: 20px;
	  left: 0;
	  right: 0;
	  width: 100%;
	  height: 55px;
	  margin: 0 auto;
	  padding-left: 20px;
	  padding-right: 20px;
	  /* box-shadow: 0px 10px 40px #bbbbbb; */
	  z-index: 9;
	}

	.transG {
	  position: relative;
	  background-color: #f04f54;
	  display: inline-block;
	  width: 75px;
	  transition:0.5s;
		-webkit-transition:0.5s;
		-moz-transition:0.5s;
	}

	.transCardEnable {
	  background-color: #ed3b41;
	  width: 100%;
	  padding-left: 15px;
	  transition:0.5s;
		-webkit-transition:0.5s;
		-moz-transition:0.5s;
	}

	.transCardTextLong1024{
	  text-align: left;
	  font-weight: bold;
	  font-size: 1.1em;
	  color: white !important;
	  margin-top: 18px;
	}

	.trTxtG {
	  color: ()
	}

	.transCardText1024{
	  text-align: center;
	  margin-top: 18px;
	  font-size: 1.1em;
	  font-weight: bold;
	  color: white !important;
	}

}

@media (max-width: 700px) {
	.Mobile_visual {
		display:block;
		max-width: 700px;
		width: 100%;
		/* padding: 1rem; */
	}
	.pc_visual{
		display:none;
	}
	
	.seoBarWrap {
		padding-left: 2.5%;
		padding-right: 2.5%;
	}
	
		
}

@media (max-width: 450px) {
	.mainTypingBox i {
		left: 9px;
	}
	
}

/*--------------------------------------------------------------
# 메인 블로그 리스트
--------------------------------------------------------------*/

.mainBlogWrap{
	width: 100%;
    position: relative;
	padding-top: 80px;
    padding-bottom: 80px;
}

.mbSideBox{
	max-width: 1340px;
	padding-left:20px;
	padding-right:20px;
    margin: 0 auto;
}

.mbTitle{
	text-align:center;
}

.mbTitle h2{
	font-size: 40px;
	font-weight:900;
	font-family: 'Gmarket Sans';
}

.mbTitle span{
	display:block;
	font-weight:300;
	font-size:17px;
	font-family: 'Gmarket Sans';
	margin-top:14px;
}

.mb_contentBox{
	width:100%;
	position: relative;
	/* padding-top: 54px; */
	overflow:hidden;
}

.mdContentItem{
	width:100%;
	position: relative;
}

.mdContentImg{
	width:100%;
	position: relative;
	overflow:hidden;
	padding-bottom:68%;
	z-index:500;
}

.mdContentImg img{
	width:100%;
	height:100%;
	position: absolute;
	left:0px;
	top:0px;
	z-index:600;
}

/* .mdContentItem:hover .mdDimBox{ */
	/* opacity: 1; */
/* } */

.mdContentItem:hover .mdBlogTitle{
	/* text-decoration:underline; */
	color:#212121;
}

#mdDimBox{
	opacity: 0;
	background-color:rgba(0,0,0,0.8);
	width:100%;
	height:100%;
	position: absolute;
	overflow:hidden;
	z-index:700;
	transition:all 0.3s;
}

#mdDimBox_01{
	opacity: 0;
	background-color:rgba(0,0,0,0.8);
	width:100%;
	height:100%;
	position: absolute;
	overflow:hidden;
	z-index:700;
	transition:all 0.3s;
}

#mdDimBox_02{
	opacity: 0;
	background-color:rgba(0,0,0,0.7);
	width:100%;
	height:100%;
	position: absolute;
	overflow:hidden;
	z-index:700;
	transition:all 0.3s;
}

#mdDimBox_03{
	opacity: 0;
	background-color:rgba(0,0,0,0.7);
	width:100%;
	height:100%;
	position: absolute;
	overflow:hidden;
	z-index:700;
	transition:all 0.3s;
}

.mdDim{
	width:100%;
	height:100%;
	position: absolute;
	overflow:hidden;
	z-index:700;
	display:table;
}

.mdDimInner{
	text-align:center;
	width:100%;
	display:table-cell;
	vertical-align:middle;
}

.mdDimInner ul{
	width:100%;
	text-align:center;
}

.mdDimInner ul li{
	display:inline-block;
	z-index:1000;
	cursor:pointer;
	margin:0px 14px 0px 14px;
}

.mdDimInner ul li img{
	position:relative!important;
	max-width:100%;
	height:20px;
	width:auto!important;
	z-index:1000;
}

.share_close{
	cursor:pointer;
	/* position: absolute; */
	z-index:1000;
}

.share_close img{
	position: absolute;
	left: inherit!important;
    top: 15px!important;
    right: 15px!important;
    z-index: 1000;
    width: 15px;
    height: 15px;
}

.mdBlogTextBox{
	width:100%;
	position:relative;
	padding-top:34px;
}

.mdBlogTopItemBox{
	display:flex;
	width:100%;
	position:relative;
	text-align:left;
	margin-bottom:20px;
}

.mdHash{
	height:29px;
	display:inline-block;
	border:1px solid #ddd;
	border-radius:30px;
	font-size:13px;
	font-family: 'Gmarket Sans';
	font-weight:500;
	padding: 8px 15px 2px 15px;
	margin-right:6px;
}

.mdNew{
	display:inline-block;
	background-color:#ff7820;
	border-radius:30px;
	font-size:13px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:700;
	color:#fff;
	height:29px;
	padding:5px 10px 2px 10px;
}

.mdHot{
	display:inline-block;
	background-color:#ec393c;
	border-radius:30px;
	font-size:13px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:700;
	color:#fff;
	height:29px;
	padding: 5px 15px 2px 15px;
}

.mdCircle{
	border-radius:50%;
	width:29px;
	height:29px;
	position: absolute;
	right:0px;
	transition:all 0.3s;
	cursor:pointer;
	background: url(../img/share_normal.png)top no-repeat;
	background-size: 29px;
	background-color:#eeeeee;
}

.mdCircle:hover{
	background: url(../img/share_hover.png)top no-repeat;
	background-size: 29px;
	background-color:#222222;
	transition:all 0.3s;
}

.mdBlogTitle {
	text-align:left;
    display: block;
    display: -webkit-box;
    margin: 0 0 20px;
    height: 65px;
    overflow: hidden;
    line-height: 34px;
    letter-spacing: -.3px;
    white-space: normal;
    font-family: 'Gmarket Sans';
    font-size: 24px;
    font-weight: 900;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	cursor:pointer;
	color:#212121!important;
}

.mdBlogSubTitle{
	display: block;
    display: -webkit-box;
    margin: 0 0 0px;
    height: 84px;
    overflow: hidden;
    line-height: 30px;
    letter-spacing: -.3px;
    white-space: normal;
	font-family: 'Noto Sans KR', sans-serif;
    font-size: 15px;
    font-weight: 300;
	color:#777;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	text-align:left;
}

.md_by_dayBox{
	display:flex;
	width:100%;
	position: relative;
	padding-top:36px;
}

.md_by{
	color:#888;
	font-size:12px;
	font-weight:300;
}

.md_by span{
	font-size:13px;
	color:#212121;
	font-weight: 400;
	margin-left:6px;
}

.md_Void{
	position: relative;
	top: 1px;
	width:1px;
	height:10px;
	background-color:#ddd;
	margin-left:20px;
	margin-right:20px;
}

.md_day{
	color:#888;
	font-size:12px;
	font-weight:300;
}

.all_blogContentBox{
	display:table;
	width:100%;
	height:160px;
	position: relative;
	margin-top:70px;
	text-align:right;
	padding-right:50px;
	background: url(../img/allblog_link.png)top no-repeat;
	background-position: left;
	background-size: cover;
	background-color:#f6f7f2;
}

.all_blogText{
	display:table-cell;
	vertical-align:middle;
}

.all_blogText:hover .movea{
	right:-20px;
	transition:all 0.3s;
}

.all_blogText a{
	font-family: 'Gmarket Sans';
	font-size:28px;
	font-weight:400;
	color:#212121;
	cursor:pointer;
}

.all_blogText a span{
	font-family: 'Gmarket Sans';
	font-size:27px;
	color:#212121;
	font-weight:900;
}

.movea{
	position: relative;
	right:0px;
	transition:all 0.3s;
}

.all_blogText a img{
	width: 81px;
	max-width:100%;
	position: relative;
	margin-left:20px;
	transition:all 0.3s;
}

.all_blogText a:hover{
	text-decoration:none;
	color:#212121;
}

@media (max-width: 991px){
	.mainBlogWrap{
		padding-top: 110px;
	}
	.mb_contentBox {
		padding-top: 34px;
	}
	.mdContentItem{
		margin-bottom:50px;
	}
	.all_blogContentBox{
		margin-top: 20px;
	}
}

@media (max-width: 767px){
	.mainBlogWrap{
		padding-top:80px;
		padding-bottom: 0px;
	}
	.mbSideBox{
		padding-left: 14px;
		padding-right: 14px;
	}
	.mbTitle h2{
		font-size: 24px;
	}
	.mbTitle span {
		font-size: 14px;
		margin-top: 10px;
	}
	.mb_contentBox{
		padding-top:20px;
	}
	.mdContentItem {
		margin-bottom: 30px;
	}
	.mdBlogTextBox {
		padding-top: 20px;
	}
	.mdBlogTopItemBox{
		margin-bottom:10px;
	}
	.mdHash {
		height: 29px;
		font-size: 10px;
		padding: 7px 8px 7px 8px;
		margin-right: 6px;
	}
	.mdNew {
		font-size: 11px;
		color: #fff;
		height: 29px;
		padding: 7px 8px 7px 8px;
	}
	.mdHot {
		font-size: 11px;
		color: #fff;
		height: 29px;
		padding: 7px 8px 7px 8px;
	}
	.mdCircle {
		border-radius: 50%;
		width: 29px;
		height: 29px;
		/* background-color: #222; */
		position: absolute;
		right: 0px;
		top:-2px;
		transition: all 0.3s;
		cursor: pointer;
	}
	.mdBlogTitle {
		white-space: inherit;
		-webkit-line-clamp: inherit;
		-webkit-box-orient: inherit;
		height: auto;
		line-height: 26px;
		font-size: 17px;
		margin: 0 0 10px;
	}
	.mdBlogSubTitle{
		-webkit-line-clamp: 2;
		font-size: 13.5px;
		line-height: 22px;
		height: 46px;
	}
	.md_by_dayBox{
		padding-top:16px;
	}
	.all_blogContentBox {
		height: 110px;
		margin-top: 0px;
		padding-right:20px;
		padding-left:20px;
	}
	.all_blogText a{
		font-size:16px;
	}
	.all_blogText a span{
		font-size:16px;
	}
	.all_blogText a img {
		width: 39.5px;
		margin-left: 10px;
	}

}



/*------------------
# seo 인트로
-------------------*/

.seo_introWrap{
	width:100%;
	position:relative;
	padding-left:80px;
	padding-right:80px;
	padding-top:252px;
	padding-bottom:252px;
	background-color:#fff;
}

.seo_introBox{
	width:100%; 
	max-width: 1380px;
    position: relative;
    margin: 0 auto;
	padding-left:10px;
	padding-right:10px;
	overflow:hidden;
}

.seoBigImgBox{
	display:table;
	position: relative;
	width:100%;
	height: 100%;
	text-align:center;
}

.seoBigImgInner{
	display:table-cell;
	vertical-align:middle;
	position: relative;
	text-align:center;
}

.seoBigImgBox img{
	display:inline-block;
	max-width:100%;
}

.seoBigTextBox{
	max-width:100%;
	width: 720px;
	text-align:left;
	position: relative;
	z-index:800;
	padding-left:60px;
	padding-top: 120px;
	padding-bottom: 120px;
}

.seoBigTextBox:hover .slc_Subtitle{
	text-decoration:underline;
}

.seoBigTextBox a{
	color:#222!important;
}

.sbCategory {
	display: inline-block;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Gmarket Sans';
    border: 1px solid #ddd;
    padding: 6px 12px 2px 12px;
    border-radius: 30px;
    margin: 0px 0px 14px 0px;
}


.slc_title{
	position: relative;
	text-align:left;
	font-family: 'Gmarket Sans';
	font-size:40px;
	font-weight:900;
	color:#212121;
}

.slc_title h2{
	font-family: 'Gmarket Sans';
	font-size:40px;
	font-weight:900;
	color:#212121;
	margin-bottom:0px;
	line-height:inherit;
}

.blogMore{
	position: absolute;
	top: 16px;
	right: 0px;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Gmarket Sans';
	cursor:pointer;
	color:#222;
	z-index:900;
}

.blogMore img{
	width: 16px;
	margin-left: 10px;
}

.blogMore:hover{
	color:#222;
	text-decoration:underline;
}

.sl_b_line{
	display:block;
	margin-top: 23px;
    width: 50px;
    height: 3px;
    background-color: #212121;
    margin-bottom: 36px;
}

.slc_Subtitle{
	position: relative;
	/* display:inline-block; */
	text-align: left;
    font-family: 'Gmarket Sans';
    font-size: 26px;
    line-height: 36px;
    font-weight: 900;
	display: -webkit-box;
	overflow: hidden;
    color: #212121;
	height: 72px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.slc_Subtitle02{
	padding-top: 5px;
    font-size: 15px;
    font-weight: 300;
    color: #777;
    line-height: 28px;
    margin-bottom: 34px;
    padding-bottom: 0px;
	display: -webkit-box;
	overflow: hidden;
	height: 95px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.slc_new{
	line-height: 25px;
    width: 50px;
    top: -7px;
    position: absolute;
    right: -59px;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    font-family: 'Gmarket Sans';
    background-color: #ff791f;
    border-radius: 30px;
    text-align: center;
    height: 23px;
}


@media (max-width: 1500px){
	.seo_introWrap{
		padding-left: 40px;
		padding-right: 40px;
	}
	.seo_introBox{
		padding-left: 0px;
		padding-right: 0px;
	}
	
}

@media (max-width: 1300px){
	.seoBigTextBox{
		padding-top: 70px;
		padding-bottom: 70px;
		padding-left: 50px;
	}
	.slc_title h2 {
		font-size: 30px;
	}
	.sl_b_line {
		margin-top: 18px;
		width: 44px;
		height: 2px;
		margin-bottom: 26px;
	}
	.slc_Subtitle {
		font-size: 22px;
		height: 62px;
	}
}

@media (max-width: 991px){
	.seo_introWrap{
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 152px;
		padding-bottom: 152px;
	}
	.seoBigImgBox{
		height:auto;
		margin-bottom:60px;
	}
}

@media (max-width: 767px){
	.seo_introWrap {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.seoBigImgBox {
		margin-bottom: 40px;
	}
	.sbCategory{
		font-size: 12px;
		padding: 4px 10px 3px 10px;
		margin: 0px 0px 10px 0px;
	}
	.slc_title{
	    font-size: 22px;	
	}
	.slc_title h2{
	    font-size: 22px;	
	}
	.blogMore{
		top: 2px;
		font-size: 12px;
	}
	.sl_b_line {
		margin-top: 13px;
		width: 40px;
		height: 1px;
		margin-bottom: 16px;
	}
	.slc_Subtitle{
		width:100%;
		font-size: 16px;
		line-height: 24px;
	}
	.slc_Subtitle br{
		display:none;
	}
	.slc_new {
		line-height: 21px;
		width: 40px;
		top: -24px;
		right: 0px;
		color: #fff;
		font-size: 10px;
		height: 20px;
	}
	.slc_Subtitle02 {
		padding-top: 5px;
		font-size: 13px;
		line-height: 22px;
		/* padding-bottom: 24px; */
	}
}


/*------------------
# seo /테크니컬/콘텐츠/링크빌딩
-------------------*/

.seo_blogListWrap{
	width:100%;
	position:relative;
	padding-left:80px;
	padding-right:80px;
	padding-top:120px;
	padding-bottom:120px;
	background-color:#f2f2f2;
}

.seo_blogListBox{
	width:100%; 
	max-width: 1380px;
    position: relative;
    margin: 0 auto;
	padding-left:10px;
	padding-right:10px;
}

.blTitle{
	font-size: 40px;
	font-weight: bold;
	font-family: 'Gmarket Sans';
}

.blTitle span{
	font-size: 18px;
	color:#777;
	font-weight:300;
    margin-left: 20px;
}

.blTitle h2{
	font-size: 40px;
	font-weight: bold;
	font-family: 'Gmarket Sans';
	line-height:inherit;
	margin-bottom:0px;
}

.blTitle h2 span{
	font-size: 18px;
	color:#777;
	font-weight:300;
    margin-left: 20px;
}

.blItemBox{
	width:100%;
	position: relative;
	overflow: hidden;
	margin-top: 24px;
}

.blItem{
	width:100%;
	position:relative;
}

.bla a:hover{
	text-decoration:none!important;
}

.bla a:hover .bl_contentTitle{
	text-decoration:underline!important;
}

.bl_contentCategory{
	font-size:16px;
	font-weight: 300;
	color:#888;
	display: block;
	margin-bottom: 4px;
}

.bl_contentTitle{
	line-height:30px;
	font-size:22px;
	font-weight: bold;
	color:#212121;
	margin-bottom:30px;
	font-family: 'Gmarket Sans';
	display: block;
    display: -webkit-box;
    margin: 0 0 30px 0px;
    /* height: 60px; */
    overflow: hidden;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	white-space: normal;
}

.bl_day{
	display:flex;
	letter-spacing:0.5px;
	font-size:12px;
	font-weight: 300;
	color:#777;
}

.bld_void{
	width: 1px;
    height: 10px;
    background-color: #ddd;
    margin-left: 16px;
    margin-right: 16px;
    position: relative;
    top: 5px;
}

.bl_day span{
	display:inline-block;
	letter-spacing:0.5px;
	font-size:12px;
	font-weight: 500;
	color:#212121;
	margin-left:6px;
}

.bl_day b{
	display:inline-block;
	letter-spacing:0.5px;
	font-size:12px;
	font-weight: 300;
	color:#777;
}

.bl_ImgBox{
	width:100%;
	position: relative;
	overflow: hidden;
	padding-bottom:67%;
	margin-top: 20px;
	margin-bottom:20px;
}


.bl_ImgBox:after {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid rgba(0,0,0,.06);
    border-top-color: rgba(0, 0, 0, 0.06);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgba(0, 0, 0, 0.06);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgba(0, 0, 0, 0.06);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgba(0, 0, 0, 0.06);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    content: "";
}


.bl_ImgBox img{
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}


@media (max-width: 1500px){
	.seo_blogListWrap{
		padding-left: 40px;
		padding-right: 40px;
	}
	.seo_blogListBox{
		padding-left: 0px;
		padding-right: 0px;
	}	
}

@media (max-width: 991px){
	.seo_blogListWrap{
		padding-left: 20px;
		padding-right: 20px;
	}	
}

@media (max-width: 767px){
	.seo_blogListWrap{
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 80px;
		padding-bottom: 30px;
	}	
	.blTitle {
		font-size: 22px;
	}
	.blTitle span{
		display:block;
		font-size: 15px;
		margin-left: 0px;
	}
	.blTitle h2{
		font-size: 22px;
	}
	.blTitle h2 span{
		display:block;
		font-size: 15px;
		margin-left: 0px;
	}
	.bl_ImgBox{
		margin-top: 0px;
	}
	.bl_contentCategory {
		font-size: 12px;
	}
	.bl_contentTitle{
		line-height: 24px;
		font-size: 16px;
		margin: 0 0 24px 0px;
		height: auto;
		
		overflow: unset;
		-webkit-line-clamp: unset;
		-webkit-box-orient: unset;
		white-space: unset;
	}
	.bla{
		margin-bottom:50px;
	}
}

/*------------------
# 블로그 마케팅
-------------------*/

.seoBigImg{
	width: 100%;
    height: 100%;
    background-image: url(../img/in_interior.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.rl_row{
	margin-right: 0px!important;
    margin-left: 0px!important;
}
.rlpad0{
	padding: 0px !important;
}
.rlpad1{
	padding: 0px !important;
}

.blog_marketingWrap{
	width: 100%;
    position: relative;
    background-color: #fafbf5;
}

.blog_marketingBox{
	width: 100%;
    /* max-width: 1380px; */
    position: relative;
    margin: 0 auto;
    /* padding-left: 10px; */
    /* padding-right: 10px; */
    overflow: hidden;
}

@media (max-width: 1500px){
	.blog_marketingWrap{
		/* padding-left: 40px; */
		/* padding-right: 40px; */
		background-position-x: -30%;
	}
	.blog_marketingBox{
		padding-left: 0px;
		padding-right: 40px;
	}
}

@media (max-width: 1025px){
	.seoBigTextBox{
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

@media (max-width: 991px){
	.seoBigImg{
		height: 60vw;
		background-size: 100%;
	}
	
	.rlpad0{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.rlpad1{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	.blog_marketingWrap{
		padding-left: 0px;
		padding-right: 0px;
	}
	.blog_marketingBox{
		padding-left: 0px;
		padding-right: 0px;
	}
	.seoBigTextBox{
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.slc_Subtitle02{
		height: 100%;
	}
}

@media (max-width: 767px){
	.blog_marketingWrap{
		margin-top: 20px;
		padding-left: 0px;
		padding-right: 0px;
		/* padding-top: 80px; */
		/* padding-bottom: 80px; */
		background-image:none;
	}
	.seoBigTextBox {
		width: 100%;
		padding-left:14px;
		padding-right:14px;
		padding-top: 30px;
		padding-bottom: 50px;
	}
	.slc_Subtitle{
		height: 100%;
	}
	.slc_Subtitle02{
		margin-bottom: 15px;
	}
}


/* ====================================== 
	메인 클라이언트
====================================== */


.mainClientWrap{
	width: 100%;
    position: relative;
    padding-top: 150px;
	/* padding-bottom: 114px; */
}

.mcSideBox {
    padding: 20px;
    max-width: 1340px;
    margin: 0 auto;
    padding-right: 20px;
}



.mb_ClientBox_all_1920 {
    width: 100%;
    position: relative;
    margin-top: 40px;
    margin-bottom: 70px;
    display: block;
}
.mb_ClientBox_all_1920 img {
    width: 100%;
}

.mb_ClientBox_all_990 {
    width: 100%;
    position: relative;
    margin-top: 40px;
    margin-bottom: 70px;
    display: none;
}
.mb_ClientBox_all_990 img {
    width: 100%;
}

.mb_ClientBox_all_767 {
    width: 100%;
    position: relative;
    margin-top: 40px;
    margin-bottom: 70px;
    display: none;
}
.mb_ClientBox_all_767 img {
    width: 100%;
}

.mb_ClientBox_all_410 {
    width: 100%;
    position: relative;
    margin-top: 40px;
    margin-bottom: 70px;
    display: none;
}
.mb_ClientBox_all_410 img {
    width: 100%;
}

@media (max-width: 991px){
	.mb_ClientBox_all_1920{
		display:none;
	}
	.mb_ClientBox_all_990{
		display:block;
	}
}

@media (max-width: 767px){
	.mainClientWrap{
		padding-top: 50px;
	}
	.mcSideBox{
		padding-left:2.5%;
		padding-right:2.5%;
	}
	.mb_ClientBox_all_990{
		display:none;
	}
	.mb_ClientBox_all_767{
		display:block;
	}
}

@media (max-width: 410px){
	.mb_ClientBox_all_767{
		display:none;
	}
	.mb_ClientBox_all_410{
		display:block;
		margin-top: 30px;
		margin-bottom: 0px;
	}
}