@charset "utf-8";

/*-------------------------------------------------------*/
/* 공통
/*-------------------------------------------------------*/
.at-body,
.at-footer-mask { background:#f5f5f5; }
.wide-container { max-width:100% !important; }
@media all and (max-width:991px) {
	.at-body,
	.at-footer-mask { background:#fff; }
}
.section { padding:30px 0; }
.section a { color: #000; cursor: pointer; text-decoration: none; }
.section a:hover, 
.section a:focus, 
.section a:active { color: crimson; text-decoration: none; }
.section h1, 
.section h2, 
.section h3, 
.section h4, 
.section h5, 
.section h1 a, 
.section h2 a, 
.section h3 a, 
.section h4 a, 
.section h5 a { font-family: 'Nanum Gothic', sans-serif; }

/*-------------------------------------------------------*/
/* 레이아웃
/*-------------------------------------------------------*/
.op-tbl, .op-tbl2, .op-tbl3{ display:table; width:100%; height:100%; table-layout:fixed; margin:0; border-collapse: collapse; background:#fff; }
.op-cell { display:table-cell; vertical-align:top;  }


@media all and (max-width:1200px) { /*모바일*/
	.responsive .op-tbl2 { display:none; background:none; }
	.responsive .op-tbl3 { display:block; background:none; }
	.responsive .op-cell2 { display:block; float: left;width:50%; padding:10px;}
	.responsive .op-cell { display:block;}

}

@media all and (min-width:1200px) { /*일반*/
	.responsive .op-tbl2 { display:block; background:none; }
	.responsive .op-tbl3 { display:none; background:none; }
	.responsive .op-cell2 { display:table-cell; vertical-align:top; height:100%;  padding:0 10px; width:285px;}

}