@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; }



.data-view{

	position:relative;

	margin:0 auto;

	

}



.data-title{

	font-size:35px;

	color:#000;

	font-weight:700;

	margin-bottom:30px;

	padding-bottom: 20px;

	font-family: 'GmarketSansMedium';

	border-bottom: 1px solid #000;

}



.data-detail{

	padding-top:20px;

	clear:both;

}



.data-detail .lSSlideOuter {width:30%;display:inline-block;}



.data-detail:after{

	content:'';

	display:block;

	clear:both;

}



.data-thumbnail{

	float:left;

	width:100%;

	text-align:center;

	max-height: 500px;

	overflow: hidden;

	border:1px solid #ddd;

} 

.ico_sns{display: inline-block;width: 33px;height: 33px;font-size: 0;text-indent: -999em;border: 1px solid #000;background:#000;border-radius: 50%;background-repeat: no-repeat;background-position: 50% 50%;vertical-align: middle;transition: background .25s ease;}    

.ico_sns.facebook{background-image: url('/images/sns-f.png');}

.ico_sns.twitter{background-image: url('/images/sns-t.png');}

.ico_print i{ margin-left: 6px;position: relative;color: #fff;font-size:19px;}



.data-thumbnail img{

	width:100%;
	border:1px solid #eee;
  max-height: 500px;
  object-fit:contain;
}

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

/*
.data-thumbnail .img-box::after {
	content: "dfsdfsd";
	position: absolute;
	right:10px;
	bottom:10px;
}
*/




.data_link{

 float:right;

 width:100%;

 margin-top:20px;

}



.data_link a{display:inline-block;margin-right:10px;}

.data-information{

	float:right;

	width:68%;

	}



.data-information dl dt,

.data-information dl dd{

	font-size:1.2em;

	line-height: 45px;

}



.data-information dl dt{

	float: left;

	width:15%;

	font-weight:500;	

}



.data-information dl dd{

	float: right;

	width:85%;

	

}





.data-information  table{width:100%;}

.data-information  table th, .board-style01 table td{ border:1px solid #ddd; border-right:none; border-left:none; padding:15px 10px; }

.data-information  table th{ width:140px; font-weight:500; background:#f8f8f8; }

.data-information  table td input{ width:100%; border:1px solid #ddd; border-radius:3px; padding:10px; }

.data-information  table td input:focus{ border:1px solid #555; outline:none; }

.data-information  table td input#title{ width:100%; }

.data-information  table td .btn-group label{ float:left; width:70px; text-align:center; border:1px solid #ddd; border-top-left-radius:3px; border-bottom-left-radius:3px; padding:7px 10px; position:relative; cursor:pointer; }

.data-information  table td .btn-group label+label{ border-left:none; border-radius:0; border-top-right-radius:3px; border-bottom-right-radius:3px; }

.data-information  table td .btn-group label.active{ color:#fff; background:#555; border:1px solid #555; }

.data-information  table td .btn-group label input[type="radio"]{ position:absolute; top:0; left:0; visibility:hidden; }





.related_data{margin-top: 80px;display: inline-block;float: left;width:100%;position:relative}
.related_data h3{margin-bottom:5px;}



.data-information .btn-default{

	margin-top:10px;

	max-width:100%;

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

	

}



.data-content{

	line-height:1.5;

	font-size:1.2em;

	margin-top:70px;

}



.data-content img{

	max-width:100%;

}





.data-button .btn-list {

	display: inline-block; padding:0 20px; line-height: 50px;text-align: center;color: #000;font-size: 18px; margin-right: 5px; background: #fff;border:1px solid #000

}



.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;}

.dataItems { overflow: hidden;display:grid;}

.swiper-pagination2{margin-top:10px;}
.swiper-slide .title{font-size:13pt;}

.mapDiv1{

  padding: 0 20px;

  margin-bottom: 30px;

  text-webkit-center;

}



.data-button{

    margin-top: 70px;

    max-width: 100%;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    text-align:center;

}



.data-button a{

    display:inline-block;

    padding:0 20px;

    line-height:50px;

    text-align:center;

    font-size: 18px;

    background:#419641;	

    color:#fff;

	margin-right: 5px;

    

}



.swiper-button-prev, .swiper-button-next{top:45% !important;}

.related_data_area{position:relative}



.data-button a.btn-buy {

	background: #db0000;

}



.swiper-pagination2{text-align:center;}

.swiper-slide ul li{text-align:center;}

.swiper-slide ul li img{height:270px;width:100%;}



@media all and (max-width: 768px) {

	.data-thumbnail{

		float:none;

		clear:both;

		width:initial;

	}

	

	.data-information{

		float:none;

		clear:both;

		width:initial;

		margin-top:20px;

	}

	



}



.dataInfoTitle { 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%;}



.data-content .info-img-wrap{ width:60%; margin:0 auto; }

.data-content .info-img-wrap .data-thumbnail{ width:100%; text-align:center; position:relative; }

.data-content .info-img-wrap .data-thumbnail .clearfix{ max-width:100%; }

.data-content .info-img-wrap .data-thumbnail img{  z-index:1; }

.data-content .info-img-wrap .info-img-big{ width:100%; overflow:hidden; }

.data-content .info-img-wrap .info-img-big .slick-arrow{ width:44px; height:44px; z-index:1; }

.data-content .info-img-wrap .info-img-big .slick-prev{ background:url('../../../images/sub/arrow01_prev.png') no-repeat center center; left:10px; }

.data-content .info-img-wrap .info-img-big .slick-next{ background:url('../../../images/sub/arrow01_next.png') no-repeat center center; right:10px; }

.data-content .info-img-wrap .info-img-small{ width:100%; }

.data-content .info-img-wrap .info-img-small .slick-list.draggable{ padding:0 !important; }

.data-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; }

.data-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; }

.data-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; }

.data-content .info-img-wrap .info-img-small .info-img-3 img{ width:100%; height:100%; }



@media(max-width: 1000px){

	.data-information dl dt{ width:100%; float: none; }

	.data-information dl dd{ width:100%; float: none;}

	.data-information dl { margin-bottom: 10px;}

	.data-information dl dt,

	.data-information dl dd{

		font-size:1.1em;

		height: 30px;

		line-height: 30px;

	}

.data-detail .lSSlideOuter{width:48%;}

.data-information{width:50%}

}



@media(max-width: 768px){
	.data-information{width:98%}

	.data-information dl dt{ width:15%; float: left; }

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

	.data-information dl { margin-bottom: 20px;}

	.data-information dl dt,

	.data-information dl dd{

		font-size:1.1em;

		height: 40px;

		line-height: 40px;

	}

 .data-detail .lSSlideOuter{width:100%;}

}



@media(max-width: 600px){

	.data-information dl dt{ width:100%; float: none; }

	.data-information dl dd{ width:100%; float: none;}

	.data-information dl { margin-bottom: 10px;}

	.data-information dl dt,

	.data-information dl dd{

		font-size:1.1em;

		height: auto;

	}

.data-information{width:100%}

}



@media(max-width: 500px){

	.data-button a{

		display:block;

		padding:0 0;

		width:100%;

		text-align:center;

		margin: 5px 0;

    

}



}