#dimodePage .page-actions { position:absolute; }

#main-icon a { display: inline-block; background: #282222; color: #45BBC9; padding: 11px 0; text-decoration: none; font-size: 22px !important; margin:0 15px 50px; width:217px; }
#main-icon a:hover { background: #337ab7 !important; color: #fff; transition: .3s all !important; text-decoration: none; }

#main-icon2 a { display: inline-block; background: #282222; color: #45BBC9; padding: 11px 30px; text-decoration: none; font-size: 22px !important; margin:0 15px 50px; width:217px; }
#main-icon2 a:hover { background: #337ab7 !important; color: #fff; transition: .3s all !important; text-decoration: none; }

.p-1, .p-1 .tv_top_box { padding-right:0; }
.p-2, .p-2 .tv_top_box { padding-left:0; }
.tv_top_box { position:relative; background:#000; overflow:hidden; }
.tv_top_box .box-desc { position:absolute; top:77%; left:0; width:100%; text-align:right; transform: translate(0, -50%); }
.tv_top_box .box-desc h2 { color:#fff; margin:0; font-size:35px; font-weight:300; padding:0 30px; text-align:center;     font-family: 'NanumSquare', sans-serif; display:none; }
.title-image { height:245px; opacity:.8; width:100%; }
.m-b { margin-bottom:15px; }
.tv_top_box:hover img { transform:scale(1.2); transition:.3s all; opacity:1; }

@media (min-width:1200px) and (max-width:1500px) {
	#main-icon a { width:180px; }
	#main-icon a { margin:0 5px 50px; }
}


@media (min-width:993px) and (max-width:1199px) {
	.tv_top_box .box-desc h2 { font-size:30px; }
}

@media (min-width:768px) and (max-width:992px) {
	.tv_top_box { margin-bottom:15px; }
	.p-1, .p-1 .tv_top_box { padding:0 15px; }
	.p-2, .p-2 .tv_top_box { padding:0 15px; }
	.tv_top_box .box-desc h2 { font-size:30px; }
  #main-icon2 a { margin:5px 15px; width:240px; }
  #main-icon2 { margin-bottom:15px; }
}

@media (max-width: 767px) {
	.tv_top_box { margin-bottom:15px; }
	.p-1, .p-1 .tv_top_box { padding:0 15px; }
	.p-2, .p-2 .tv_top_box { padding:0 15px; }
	.tv_top_box .box-desc h2 { font-size:20px; }
	#main-slide { margin:95px 0 15px; }
	.title-image { height:160px; }
	.swiper-pagination { bottom:5px!important; }
	#main-icon { margin-bottom:20px; }
	#main-icon a { margin:10px 0; }
	#main-icon2 a { display: inline-block; background: #282222; color: #45BBC9; padding: 10px 0; text-decoration: none; font-size: 16px !important; margin: 0 2px 10px; width: 135px; font-weight:bold; }    
	#main-icon2 > a:nth-child(1) { width:30%; }
	#main-icon2 > a:nth-child(2) { width:30%; }
	#main-icon2 > a:nth-child(3) { width:30%; }
	#main-icon2 > a:nth-child(4) { width:30%; }
	#main-icon2 > a:nth-child(5) { width:30%; }
	#main-icon2 > a:nth-child(6) { width:30%; }
	#main-icon2 { margin:5px 0 10px; }
}