/*
여기에 자신의 CSS를 추가할 수 있습니다.

도움 아이콘을 클릭하면 더 알아볼 수 있습니다.
*/
/* 메인박스 */
.CLSD1 {
	display: block;
	position: relative;
	left: 0;
	top: 0;
	border: 2px solid #c4c4c4;
	height: 550px;
	width: 100%;
	max-width: 424px;
}

.CLSD11 {
	display: none;
	position: relative;
	left: 0;
	top: 0;
	border: 2px solid #c4c4c4;
	width: 100%;
	height: 550px;
	max-width: 424px;
}

.CLSD12 {
	display: none;
	position: relative;
	left: 0;
	top: 0;
	border: 2px solid #c4c4c4;
	width: 100%;
	height: 550px;
	max-width: 424px;
}

/* 첫번째행을 만드는 박스 */
.CLSD2 {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 4%;
	border-bottom: 1px solid #c4c4c4;
}

/* 첫번째행 첬번째열을 만드는 박스 */
.CLSD21 {
	position: absolute;
	left: 0;
	top: 0;
	background: #E6E6E8;
	text-align: center;
	width: 18%;
	height: 100%;
}

/* 첫번째행 두번째열을 만드는 박스 */
.CLSD22 {
	position: absolute;
	left: 18%;
	top: 0;
	background: #E6E6E8;
	text-align: center;
	border-left: 1px solid #c4c4c4;
	width: 34%;
	height: 100%;
}

/* 첫번째행 세번째열을 만드는 박스 */
.CLSD23 {
	position: absolute;
	left: 52%;
	top: 0;
	background: #E6E6E8;
	text-align: center;
	border-left: 1px solid #c4c4c4;
	width: 21%;
	height: 100%;
}

/* 첫번째행 네번째열을 만드는 박스 */
.CLSD24 {
	position: absolute;
	left: 73%;
	top: 0;
	background: #E6E6E8;
	text-align: center;
	border-left: 1px solid #c4c4c4;
	width: 27%;
	height: 100%;
}

/* 두번째행을 만드는 박스 */
.CLSD3 {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 18%;
	border-bottom: 1px solid #c4c4c4;
}

/* 두번째행을 첫번째열을 만드는 박스 */
.CLSD31 {
	position: absolute;
	left: 0;
	top: 0;
	width: 18%;
	height: 100%;
}

/* 두번째행을 두번째열을 만드는 박스 */
.CLSD32 {
	position: absolute;
	left: 18%;
	top: 0;
	border-left: 1px solid #c4c4c4;
	width: 34%;
	height: 100%;
}

/* 두번째행 세번째열을 만드는 박스 */
.CLSD33 {
	position: absolute;
	left: 52%;
	top: 0;
	border-left: 1px solid #c4c4c4;
	width: 21%;
	height: 100%;
}

/* 두번째해 네번째열을 만드는 박스 */
.CLSD34 {
	position: absolute;
	left: 73%;
	top: 0;
	border-left: 1px solid #c4c4c4;
	width: 26%;
	height: 100%;
}

/* 세번째행 만드는 박스 */
.CLSD4 {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 29%;
	border-bottom: 1px solid #c4c4c4;
}

/* 세번째행 첫번째열 박스 */
.CLSD41 {
	position: absolute;
	top: 0;
	left: 0;
	width: 18%;
	height: 100%;
}

/* 세번째행 두번째열 박스 */
.CLSD42 {
	position: absolute;
	top: 0;
	left: 18%;
	border-left: 1px solid #c4c4c4;
	width: 34%;
	height: 100%;
}

/* 세번째행 세번째의 박스 */
.CLSD43 {
	position: absolute;
	top: 0;
	left: 52%;
	border-left: 1px solid #c4c4c4;
	width: 21%;
	height: 100%;
}

/* 세번째행 네번째열 박스 */
.CLSD44 {
	position: absolute;
	left: 73%;
	top: 0;
	border-left: 1px solid #c4c4c4;
	width: 26%;
	height: 100%;
}

/* 네번째행 박스 */
.CLSD5 {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 18%;
	border-bottom: 1px solid #c4c4c4;
}

/* 네번째행 첫번째 박스 */
.CLSD51 {
	position: absolute;
	left: 0;
	top: 0;
	width: 18%;
	height: 100%;
}

/* 네번째행 두번째 박스 */
.CLSD52 {
	position: absolute;
	left: 18%;
	top: 0;
	border-left: 1px solid #c4c4c4;
	width: 34%;
	height: 100%;
}

/* 네번째행 세번째 박스 */
.CLSD53 {
	position: absolute;
	left: 52%;
	top: 0;
	border-left: 1px solid #c4c4c4;
	width: 21%;
	height: 100%;
}

/* 네번째행 네번째열 박스 */
.CLSD54 {
	position: absolute;
	left: 73%;
	top: 0;
	border-left: 1px solid #c4c4c4;
	width: 26%;
	height: 100%;
}

/* 다섯번째행 박스 */
.CLSD6 {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 13%;
	border-bottom: 1px solid #c4c4c4;
}

/* 다섯번째행 첫번째열 박스 */
.CLSD61 {
	position: absolute;
	left: 0;
	top: 0;
	width: 18%;
	height: 100%;
}

/* 다섯번째행 두번째열 박스 */
.CLSD62 {
	position: absolute;
	left: 18%;
	top: 0;
	border-left: 1px solid #c4c4c4;
	width: 34%;
	height: 100%;
}

/* 다섯번째행 세번째열 박스 */
.CLSD63 {
	position: absolute;
	left: 52%;
	top: 0;
	border-left: 1px solid #c4c4c4;
	width: 21%;
	height: 100%;
}

/* 다섯번째행 네번째열 박스 */
.CLSD64 {
	position: absolute;
	left: 73%;
	top: 0;
	border-left: 1px solid #c4c4c4;
	width: 26%;
	height: 100%;
}

/* 여섯번째행 박스 */
.CLSD7 {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 13%;
	border-bottom: 1px solid #c4c4c4;
}

/* 여섯번째행 첫번째열 박스 */
.CLSD71 {
	position: absolute;
	left: 0;
	top: 0;
	width: 18%;
	height: 100%;
}

/* 여섯번째행 두번째열 박스 */
.CLSD72 {
	position: absolute;
	left: 18%;
	top: 0;
	border-left: 1px solid #c4c4c4;
	width: 34%;
	height: 100%;
}

/* 여섯번째행 세번째열 박스 */
.CLSD73 {
	position: absolute;
	left: 52%;
	top: 0;
	border-left: 1px solid #c4c4c4;
	width: 21%;
	height: 100%;
}

/* 여섯번째행 네번째열 박스 */
.CLSD74 {
	position: absolute;
	left: 73%;
	top: 0;
	border-left: 1px solid #c4c4c4;
	width: 26%;
	height: 100%;
}

/* 일곱번째행 박스 */
.CLSD8 {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 5%;
}

/* 일곱번째행 첫번째열 박스 */
.CLSD81 {
	position: absolute;
	left: 0;
	top: 0;
	width: 18%;
	height: 100%;
	background: yellow;
}

/* 일곱번째행 두번째열 박스 */
.CLSD82 {
	position: absolute;
	left: 18%;
	top: 0;
	border-left: 1px solid #c4c4c4;
	width: 34%;
	height: 100%;
}

/* 일곱번째행 세번째열 박스 */
.CLSD83 {
	position: absolute;
	left: 52%;
	top: 0;
	border-left: 1px solid #c4c4c4;
	width: 21%;
	height: 100%;
}

/* 일곱번째행 네번째열 박스 */
.CLSD84 {
	position: absolute;
	left: 73%;
	top: 0;
	width: 26%;
	height: 100%;
	border-left: 1px solid #c4c4c4;
}









/* 상단 메인 배너 박스 */
.IMGN1 {
	position: absolute;
	left: 50%;
	top: 0;
	width: 1920px;
	height: 390px;
	margin-left: -960px;
}

/* 메인 매너 상담신청 박스 */
.IMGN2 {
	position: absolute;
	cursor: pointer;
	left: 50%;
	top: 240px;
	width: 150px;
	height: 45px;
}

/* 빠른 상담 신청 박스 박스 */
.IMGN3 {
	position: absolute;
	background: #F7F7F7;
	left: 50%;
	top: 50%;
	width: 500px;
	height: 400px;
	margin-left: -250px;
	margin-top: -200px;
	border-radius: 10px;
	border: 1px solid #c4c4c4;
}

/* 화면 전체 불투명 박스 */
.IMGN4 {
	display: none;
	z-index: 1000;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
}

.IMGN5 {
	font-size: 10px;
	position: absolute;
	background: #f7f7f7;
	left: 50%;
	top: 50%;
	width: 400px;
	height: 360px;
	margin-left: -200px;
	margin-top: -180px;
}

/* 팝업 창 닫기 박스 */
.IMGN6 {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	width: 21px;
	height: 25px;
}

/* 게시판 메인 박스 */
.IMGN7 {
	position: relative;
	left: 0;
	top: 0;
	width: 1000px;
	height: 630PX;
	margin-top: -25px;
	background: #ffffff;
	border-top: 2px solid #8AB22B;
	border-bottom: 2px solid #c4c4c4;
}

/* 게시판 첫번째 행 박스 */
.IMGN8 {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 40px;
}

/*게시판 첫번째 행 제목 열 */
.IMGN9 {
	position: absolute;
	left: 0;
	top: 0;
	width: 620px;
	height: 100%;
}

.IMGN901 {
	position: absolute;
	color: #2992E5;
	font-size: 20px;
	font-weight: 900;
}

/*게시판 두번째 행 제목 열 */
.IMGN10 {
	position: absolute;
	background: #F5F5F5;
	border-left: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	border-top: 1px solid #c4c4c4;
	left: 620px;
	top: 0;
	width: 206px;
	height: 100%;
}

/*게시판 공지사항 변화 박스*/
.IMGN11 {
	position: absolute;
	background: #F5F5F5;
	border-bottom: 1px solid #c4c4c4;
	border-top: 1px solid #c4c4c4;
	text-align: center;
	font-size: 12px;
	left: 826px;
	width: 87px;
	height: 100%;
}

/*게시판 문의게시판 변화 박스*/
.IMGN12 {
	position: absolute;
	border-left: 1px solid #c4c4c4;
	border-top: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
	text-align: center;
	font-size: 12px;
	left: 913px;
	width: 85px;
	height: 100%;
}

/* 게시판 두번째 행 박스 */
.IMGN13 {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 460px;
}

.IMGN14 {
	position: absolute;
	left: 0;
	top: 0;
	width: 620px;
	height: 100%;
}

/* 게시판 두번째 행 두번째 열 박스 */
.IMGN15 {
	position: absolute;
	border-left: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
	font-size: 14px;
	left: 620px;
	top: 0;
	width: 378px;
	height: 100%;
}

/* 정렬  */
.IMGN16 {
	top: 0;
	margin-top: 10px;
}

/* 공지/tip 게시판 속성  */
.IMGN18 {
	display: none;
	position: absolute;
	border-left: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
	font-size: 14px;
	left: 620px;
	top: 0;
	width: 378px;
	height: 100%;
}

/* 유용한 이야기 첫번째 행  */
.IMGN19 {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 185px;
}

/*유용한 이야기 첫번째 행 첫번째 열 */
.IMGN20 {
	position: absolute;
	left: 11px;
	top: 0;
	width: 165px;
	height: 185px;
}

/*유용한 이야기 첫번째 행 두번째 열 */
.IMGN21 {
	position: absolute;
	left: 187px;
	top: 0;
	width: 245px;
	height: 185px;
	cursor: pointer;
	overflow: hidden;
}

/*유용한 이야기 첫번째 행 세번째 열 */
.IMGN22 {
	position: absolute;
	left: 444px;
	top: 0;
	width: 165px;
	height: 185px;
	cursor: pointer;
	overflow: hidden;
}

/*요금 계산기 사용법 텍스트 박스*/
.IMGN23 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 245px;
	height: 50px;
	background: rgba(0,0,0,0.5);
}

/*요금 계산기 사용법 텍스트 */
.IMGN24 {
	position: absolute;
	top: 10px;
	width: 245px;
	color: white;
	text-align: center;
}

/*유용한 이야기들 텍스트 박스  */
.IMGN241 {
	position: absolute;
	top: 10px;
	width: 100%;
	color: white;
	text-align: center;
}

/*유용한 이야기들 제목 텍스트 박스*/
.IMGN242 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background: rgba(0,0,0,0.5);
}

/*유용한 이야기 두번째행 빈줄 */
.IMGN25 {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 10px;
}

/*유용한 이야기 세번째 행 */
.IMGN26 {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 185px;
}

/*유용한 이야기 세번째 행 첫번째 열 */
.IMGN27 {
	position: absolute;
	left: 11px;
	top: 0;
	width: 295px;
	height: 185px;
	cursor: pointer;
	overflow: hidden;
}

/*유용한 이야기 세번째 행 첫번째 열 */
.IMGN28 {
	position: absolute;
	left: 315px;
	top: 0;
	width: 295px;
	height: 185px;
	cursor: pointer;
	overflow: hidden;
}

/*모바일 메인 박스 */
.MIMGN1 {
	display: none;
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 600px;
	border-bottom: 1px solid #c4c4c4;
	background: black;
}

.MIMGN2 {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
}

.MIMGN3 {
	display: none;
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 600px;
	border-top: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	background: #ffffff;
}

.MIMGN4 {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 50px;
}

.MIMGN5 {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 50%;
	font-size: 110%;
	color: #c4c4c4;
	background: #F5F5F5;
	border-bottom: 1px solid #c4c4c4;
}

.MIMGN6 {
	position: absolute;
	left: 50%;
	top: 0;
	width: 50%;
	height: 100%;
	border-left: 1px solid #c4c4c4;
	font-size: 110%;
	font-weight: 900;
}

/*게시판 두번째 행 박스 */
.MIMGN7 {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.MIMGN8 {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.MIMGN9 {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.MIMGN10 {
	position: absolute;
	left: 0;
	top: 30%;
	width: 100%;
	text-align: center;
}

.contact1 {
	height: 10px;
}

.MIMGN201 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: rgba(0,0,0,0.5);
}

.MTOTB1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.MTOTB2 {
	position: relative;
	display: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 50px;
}

.MTOTB3 {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100px;
	background: black;
}

/* 배너,메뉴 반응형 미디어 쿼리 */
@media(max-width:800px) {
	.IMGN17 {
		display: none;
	}
	
	div.MCAGN1 {
		display: block;
	}
	
	div.MIDGN1 {
		display: none;
	}
	
	div.MIDGN6 {
		display: block;
	}
	
	.GIMGN1 {
		display: none;
	}
	
	div.MGIMGN3 {
		display: block;
	}
	
	div.MGIMGN1 {
		display: block;
	}
	
	div.MIMGN3 {
		display: block;
	}
	
	.IMGN7 {
		display: none;
	}
	
	div.MUNGN9 {
		display: block;
	}
	
	div.MCAGN2 {
		display: block;
	}
	
	div.MTOTB2 {
		display: block;
	}
  div.MIMGN3 {
		font-size: 13px;
	} 
}

.MSORT {
	margin-top: 9px;
}


/*
* Customize 'Connect with:' label
*/
.wp-social-login-connect-with {
	text-align: center;
	font-size: 16px;
	margin-bottom: 5px; 
}
 
.wp-social-login-provider-list { 
	text-align: center;
	margin-bottom: 15px; 
}
 
/*
* Customize the providers buttons
*/
.wp-social-login-provider, .wp-social-login-provider:hover { 
	display: inline-block;
	height: 68px;
	width: 205px; 
	margin: 5px; 
	color: transparent; /* this will hide the providers names */
}
 
/*
* Set the providers buttons urls.
*
* Note: change these urls with yours
*/
.wp-social-login-provider-url {
    background-image: url( "http://izerocom1.cafe24.com/wp-content/uploads/2017/10/naver.gif" );
	z-index:40;
}

.MDECO {
			position: absolute;
			width: 100%;
			height: 100%;
			border-top: 2px solid #ffffff;
			border-bottom: 2px solid #888888;
			border-right:2px solid #888888;
			border-left:2px solid #ffffff;
			box-sizing:border-box;
			
		}
        .MDECO:hover{
			border-top: 1px solid #888888;
			border-bottom: 2px solid #ffffff;
			border-right:2px solid #ffffff;
			border-left:2px solid #888888;
		}
		#ray_sortbox8{
			border-top: 1px solid #888888;
			border-bottom: 2px solid #ffffff;
			border-right:2px solid #ffffff;
			border-left:2px solid #888888;
			
		}
#mray_sortbox8 {
	border-top: 1px solid #888888;
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-left: 2px solid #888888;
}