@charset "utf-8";
/* CSS Document */

  /* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
¦¢                                                                                                                   ¦¢
¦¢ * File Name: original_v.css                                                                               ¦¢
¦¢ * Description: board2_v.php¸¦ »ç¿ëÇÏ´Â ÆäÀÌÁö style ÁöÁ¤                                    ¦¢
¦¢ * Update: 2020-12-28                                                                                    ¦¢
¦¢                                                                                                                   ¦¢
  ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */

/* float ÃʱâÈ­ */
.info:after, .list dl:after{ content:''; display:block; clear:both; height:0; visibility:hidden; }

.original-view{
	position:relative;
	margin:0 auto;
	
}

.original-title{
	font-size:35px;
	color:#000;
	font-weight:700;
	margin-bottom:30px;
	padding-bottom: 20px;
	font-family: 'GmarketSansMedium';
	border-bottom: 1px solid #000;
}

.original-detail{
	padding-top:20px;
	clear:both;
}

.original-detail:after{
	content:'';
	display:block;
	clear:both;
}

.original-thumbnail{
	float:left;
	width:45%;
	text-align:center;
	max-height: 500px;
	overflow: hidden;
	position:relative;
}

.original-thumbnail img{
	border:1px solid #eee;	
}

.original-thumbnail i{
    position: absolute;
    z-index: 9999;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    font-size: 25px;
    background-color: #fff;
    padding: 5px;
    border-radius: 3px;
}


.original-information{
	float:right;
	width:50%;
}

.original-information dl dt,
.original-information dl dd{
	font-size:1.2em;
	line-height: 45px;
}

.original-information dl dt{
	float: left;
	width:15%;
	font-weight:500;	
}

.original-information dl dd{
	float: right;
	width:85%;
	
}

.original-information .btn-default{
	margin-top:10px;
	max-width:100%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	
}

.original-content{
	line-height:1.5;
	font-size:1.2em;
	margin-top:70px;
}

.original-content img{
	max-width:100%;
}


.original-button .btn-list {
	display: inline-block; padding:0 20px; line-height: 50px;text-align: center;color: #fff;font-size: 18px; margin-right: 5px; background: #333;
}

.bottomBtn { margin-top:50px; text-align: right;}

.proDetail { border:1px solid #000; padding:25px; margin-top:-1px;  min-height: 300px;}
.proDetail.no p{padding-top:8%}
.proDetail.no{text-align:center;}
.originalItems { overflow: hidden;display:grid;}

.mapDiv1{
  padding: 0 20px;
  margin-bottom: 30px;
  text-webkit-center;
}

.original-button{
    margin-top: 30px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align:right;
}

.original-button a{
    display:inline-block;
    padding:0 20px;
    line-height:50px;
    text-align:center;
    font-size: 18px;
    background:#419641;	
    color:#fff;
	margin-right: 5px;
    
}

.original-button a.btn-buy {
	background: #db0000;
}

@media all and (max-width: 768px) {
	.original-thumbnail{
		float:none;
		clear:both;
		width:initial;
	}
	
	.original-information{
		float:none;
		clear:both;
		width:initial;
		margin-top:20px;
	}
	

}

.originalInfoTitle { display: inline-block; font-weight:500; height: 50px; line-height: 50px; border:1px solid #000; border-bottom-color:  #fff; padding:0 30px; }

.mapDiv1{position:relative;}
.mapDiv1 iframe{position:relative; left:0; top:0; width: 100%;}
.mapDiv1 .root_daum_roughmap{left:0; top:0; width: 100%; height: 100%;}

.original-content .info-img-wrap{ width:60%; margin:0 auto; }
.original-content .info-img-wrap .original-thumbnail{ width:100%; text-align:center; position:relative; }
.original-content .info-img-wrap .original-thumbnail .clearfix{ max-width:100%; }
.original-content .info-img-wrap .original-thumbnail img{  z-index:1; }
.original-content .info-img-wrap .info-img-big{ width:100%; overflow:hidden; }
.original-content .info-img-wrap .info-img-big .slick-arrow{ width:44px; height:44px; z-index:1; }
.original-content .info-img-wrap .info-img-big .slick-prev{ background:url('../../../images/sub/arrow01_prev.png') no-repeat center center; left:10px; }
.original-content .info-img-wrap .info-img-big .slick-next{ background:url('../../../images/sub/arrow01_next.png') no-repeat center center; right:10px; }
.original-content .info-img-wrap .info-img-small{ width:100%; }
.original-content .info-img-wrap .info-img-small .slick-list.draggable{ padding:0 !important; }
.original-content .info-img-wrap .info-img-small .info-img-3{ float:left; width:33.333% !important; height:100px; filter:grayscale(.9); -ms-filter:grayscale(.9); -webkit-fileter:grayscale(.9); transition:.1s; overflow:hidden; }
.original-content .info-img-wrap .info-img-small .info-img-3.slick-current{ border:3px solid #313131; filter:none; -ms-filter:none; -webkit-fileter:none; transition:.1s; }
.original-content .info-img-wrap .info-img-small .info-img-3.on{ border:3px solid #313131; filter:none; -ms-filter:none; -webkit-fileter:none; transition:.1s; }
.original-content .info-img-wrap .info-img-small .info-img-3 img{ width:100%; height:100%; }

@media(max-width: 1000px){
	.original-information dl dt{ width:100%; float: none; }
	.original-information dl dd{ width:100%; float: none;}
	.original-information dl { margin-bottom: 10px;}
	.original-information dl dt,
	.original-information dl dd{
		font-size:1.1em;
		height: 30px;
		line-height: 30px;
	}

}

@media(max-width: 768px){
	.original-information dl dt{ width:15%; float: left; }
	.original-information dl dd{ width:85%; float: right;}
	.original-information dl { margin-bottom: 20px;}
	.original-information dl dt,
	.original-information dl dd{
		font-size:1.1em;
		height: 40px;
		line-height: 40px;
	}

}

@media(max-width: 600px){
	.original-information dl dt{ width:100%; float: none; }
	.original-information dl dd{ width:100%; float: none;}
	.original-information dl { margin-bottom: 10px;}
	.original-information dl dt,
	.original-information dl dd{
		font-size:1.1em;
		height: auto;
	}
.original-thumbnail img{width:-webkit-fill-available;}
}

@media(max-width: 500px){
	.original-button a{
		display:block;
		padding:0 0;
		width:100%;
		text-align:center;
		margin: 5px 0;
    
}

}