@charset "utf-8";
.more, .prev_btn, .next_btn {
	cursor:pointer;
}
/* CSS Document */
.bback-opa {
/*
	background-color:#000;
	opacity:0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); 
*/
}
.reco-ramdom {
	display:inline-block;
	width:117px;
	height:117px;
	overflow:hidden;
}

#main_slide{
	position:relative;
	overflow:auto;
	float:left;
	width:100%;
	height:auto;
	margin-bottom:40px;
	margin:0 auto;	
	border:1px solid #ff0000;
}

.two_column{
	max-width:924px;
	width:100%;
	height:140px;
	margin:0 auto;	
	margin-top:35px;
}


.column_box{
	float:left;
	height:140px;
	margin-left:30px;
	width:45%;
	display:table;
}

.column_box img{
}

.column_text{
	display:table-cell;
	padding-left:10px;
	max-width:260px;
	height:140px;
	width:100%;
	vertical-align:top;
}

.column_text h4{
	margin:0;
	color:rgb(52,173,201);
	font-size:15pt;
}

.column_text h3{
	padding-top:10px;
	/*font-size:1.0em;*/
	font-size:12pt;
	/*font-weight:600;*/
}

.column_text p{
	padding-top:10px;	
	line-height:1.3em;
	max-height:76px;
	overflow-y:hidden;
}

a.more img{
	position:relative;
	margin-top:10px;
	/*border:1px solid #e4e4e4;*/

}

#recommend{
	margin:0 auto;	
	margin-top:105px;
	max-width:924px;
}
		
h3.reco_title,h3.spe_title{
	margin:0 auto;
	padding-top:5px;
	font-weight:bold;
	font-size:1em;
	text-align:center;
	width:136px;
	height:25px;
	border-top-right-radius:13px;
	border-bottom-left-radius:13px;
}

h3.reco_title a,h3.spe_title a{
	color:rgb(255,255,255);
}

h3.reco_title{
	background-color:rgb(74,185,87);
}

h3.spe_title{
	margin-top:95px;
	background-color:rgb(109,45,122);
}

.reco_table{
	margin:0 auto;	
	margin-top:40px;
	max-width:865px;
	width:99%;
	display:table;	
	border:1px solid rgb(167,167,167);
	
}
.reco_table #reco_Img{
	position:absolute;
	display:table-cell;
}

#reco_container{ position:relative;
	min-width:520px;
	float:right;
	z-index:1;		
}

.col_tab{
	display:table;
	float:left;
	width:160px;
	height:366px;
	background-color:rgb(230,230,230);	
}

.tab1{
	position:relative;
	display:table;
	margin: 0 auto;
	margin-top:27px;
	cursor:pointer;
}

.tab1 h4{
	text-align:center;
}

.tab1 img{
	margin-top:12px;
	border-radius:500px;
}
.reco_arrow {
	width:24px;
	height:44px;
	background:url("../images/arrow.png") no-repeat;
	right:0px;
	position:absolute;
	top:45%;
	left:100%;
}
.reco_tab{
	max-width:340px;
	float:right;
	display:table;
}

.reco_tab img{
	float:left;
}
.reco_box{
	padding-left:15px;
}
.reco_title{
	margin-top:130px;
}


.reco_txt{
	width:100%;
	margin-top:10px;
}
.reco_tab h4{
 	 text-decoration:underline;
}

.reco_tab h2{
	font-size:1.3em;
	font-weight:500;
}

.reco_tab img{
	float:right;
}
.reco_tab span{
	float:right;
	border:1px solid #e4e4e4;
}
#special{
	max-width:924px;
}

.sp_news{
	margin:0 auto;
	margin-top:40px;
	max-width:865px;
	width:99%;
	height:137px;
	border:1px solid rgb(167,167,167);
	/*background-image:url(../images/sp_img.png);*/
	background-repeat:no-repeat;
	background-position:center;
	display:table;
	
}

.sp_text{
	float:left;
	width:55%;
	display:table-cell;
}

.sp_text h4{
	margin:40px 0 0 40px;
 	text-decoration:underline;
}

.sp_text h2{
	margin:13px 0 0 40px;
	font-size:1.3em;
	font-weight:500
}
.img_text
{
	margin-left:8%;
	float:left;
	width:176px;
	height:100%;
	top:0px;
	position:relative;
}
.img_text .sp_more {
	position:absolute;
	top:45%;
	left:25%;
	cursor:pointer;
}
.news_text{
	line-height:1.6em;
	width:37%;
	padding-right:5px;
	padding-left:5px;
	display:table-cell;
}

#bgf_last_column{
	max-width:924px;
}

.last_title{
	margin:0 auto;
	margin-top:110px;
	height:66px;
	max-width:865px;
	background-image:url(../images/last_title.png);
	background-position:center;
}

#multi_wrap{
	max-width:924px;
	max-width:865px;
	width:100%;
	margin:46px auto;
}
#multi_wrap .btnSet{
	position:absolute;
	max-width:865px;
	width:100%;
	margin:0 auto;
	margin-top:100px;
	
}
.prev_btn{
	
}

.next_btn{
	float:right;
}
.last_vol {
	width:100%;
	height:100%;
	margin:0 auto;
	display:table;	
}
.last_vol img{
	padding:0px;
	max-width:180px;
	width:100%;
	
}
.last_vol ul { text-align:center;}
.last_vol li {
	position:relative;
	margin:0 10px;
	height:100%;
	display:inline-block;
	text-align:center;
	border-radius:50%;
	overflow:hidden;
	cursor:pointer;
}
.last_vol .slide-out { text-align:center;}

.last_vol .slide-out { text-align:center;}
.slide-out div {
	position:relative;
	margin:0 10px;

	text-align:center;
	/*border-radius:600px;*/
	overflow:hidden;
	cursor:pointer;
	float:left;
}
.slide-out span {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:0;
	top:0;
	font-size:1.7em;
	color:white;
	font-weight:bold;
	text-align:center;
	padding-top:50%;
	background-color:rgba(0,0,0,0.3);
	:root background: url("images/black-20-percent-opacity.png")\9;
	cursor:pointer;
}


@media screen and (max-width:769px) {

.two_column{
	margin-top:0px;
	
}
.column_box{
	width:90%;
	margin-top:30px;	
}
.column_text{
	padding-left:10px;
	height:140px;
}

/*추천기사*/

.reco_arrow {
	background:url("../images/arrow3.png") no-repeat;
	width:44px;
	height:24px;
	top:100%;
	left:45%;
	
}
#reco_container{ position:relative;
	min-width:0px;
	float:right;
	z-index:1;		
}

.tab1{
	margin-top:20px;
	width:49%;
	float:left;
}

.tab1 h4{
	text-align:center;
}

.tab1 img{
	width:40px;
	margin-top:-25px;
	display:none;	
}
.col_tab{
	float:left;
	width:100%;
	margin-left:0;
	height:60px;
	background-color:rgb(230,230,230);	
}
.reco_tab{
	max-width:100%;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:15px;
	float:left;
}
.reco_table #reco_Img{
	display:none;
}

.reco_tab img{
	float:left;
}
.reco_tab span{
	float:left;
}	
.sp_news{	
	background-image:none;
}
.img_text {
	display:none;
}
.sp_text{
	float:left;
	width:80%;
	display:table;
	padding:15px;
}

.sp_text h4{
	margin-left:5px;
	margin-top:15px;
}

.sp_text h2{
	margin-left:5px;
}

.news_text{
	line-height:1.6em;
	width:60%;
	padding-right:5px;
	padding-left:5px;
	display:table-cell;
}


}


/* Mobile view */
@media screen and (max-width:480px) {
#multi_wrap .btnSet{
	margin-top:45px;
}
.reco_arrow {
	display:none;
}

.column_box{
	width:95%;
	margin-top:30px;
	margin-left:5px;
	font-size:0.8em;	
	
}
.column_text{
	padding-left:10px;
	height:140px;
}
.col_tab{
	height:50px;
}

#recommend{
	margin:0 auto;	
	margin-top:50px;
	max-width:924px;
}	

.reco_table #reco_Img{
	display:none;
}

.tab1 img{
	display:none;	
}
.reco_tab{
	margin-left:0px;
	width:100%;
	float:left;
	font-size:0.8em;
}

.reco_tab img{
	float:left;
}
.reco_tab span{
	float:left;
}
.reco_txt{
	width:80%;
}



}