@charset "utf-8";
@import url("../xboard/skin/default_/style.css");






label.ra_style {  position:relative; display:inline-block; line-height:35px; vertical-align:top; cursor:pointer; margin-right:6px; }
label.ra_style input[type=radio] { opacity:0; margin-right:5px; width:20px; }
label.ra_style span {-webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position:absolute; left:0; top:8px; width:20px; height:20px;  transition: all 0.15s ease-out 0s;
  box-sizing:border-box;
  border:1px solid #dce0e5;
  box-sizing:border-box;
  background: #fff;
  color: #fff;
  overflow:hidden;
  cursor: pointer;
  display: inline-block;
  outline: none;
  border-radius:50%;
  
  z-index: 1; }

label.ra_style input[type=radio]:checked + span { border:6px solid #169fff; }

label.ck_style { position:relative; display:inline-block; line-height:37px; vertical-align:top; cursor:pointer; font-size:14px; margin:0 15px 0 0; }
label.ck_style input[type=checkbox] { opacity:0; margin-right:10px; }
label.ck_style span { -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position:absolute; left:0px; top:8px; width:21px; height:21px;  transition: all 0.15s ease-out 0s;
  background:#eff6ff;
  border:1px solid #BBC1E1;
  box-sizing:border-box;
  background: #fff;
  color: #fff;
  overflow:hidden;
  cursor: pointer;
  display: inline-block;
  outline: none;
  z-index: 5; border-radius:5px; }

label.ck_style input[type=checkbox]:checked + span { background:#275EFE; border:1px solid #275EFE; }

label.ck_style input[type=checkbox] + span::before { content:""; display:block; width:0px; height:0px; border:2px solid transparent; border-right:2px solid #fff; border-bottom:2px solid #fff; position:absolute; left:5px; top:1px; transform:rotate(45deg); opacity:0; transition:all 0.4s; }
label.ck_style input[type=checkbox]:checked + span::before { opacity:1; width:4px; height:8px;}

/*리스트*/
#cooper_list_box { display:flex;  flex-wrap:wrap; }
#cooper_list_box .cooper_item {  width:calc((100% / 4) - 20px); box-sizing:border-box; margin:0 10px 25px; border-radius:8px; border:1px solid #ddd; background:#fff; overflow:hidden; box-shadow:0px 1px 4px rgba(0,0,0,0.12); }
#cooper_list_box .cooper_item a { display:block; box-sizing:border-box; position:relative; width:100%; height:100%; padding:0 0 70px 0; }
#cooper_list_box .cooper_item a:hover { background:#f9f9f9; }
#cooper_list_box .cooper_item .cor_pic { width:100%; position:relative; }
#cooper_list_box .cooper_item .cor_pic img { display:block; width:100%; height:200px; opacity:0; }
#cooper_list_box .cooper_item .cor_txtbox { border-top:1px solid #ddd; }
#cooper_list_box .cooper_item .cor_txtbox dl { padding:10px 15px 0; }
#cooper_list_box .cooper_item .cor_txtbox dl dt { font-weight:500; font-size:18px; color:#333; line-height:30px; text-decoration:none !important;}
#cooper_list_box .cooper_item .cor_txtbox dl dd { margin:5px 0; font-size:15px; color:#999; font-weight:400; padding:0 0 0 30px; position:relative;  }
#cooper_list_box .cooper_item .cor_txtbox dl dd::before { content:""; display:block; width:23px; height:23px; background:url(./img/cor_ad.png) left top no-repeat; position:absolute; left:0; top:0; }

#cooper_list_box .cooper_item .cor_txtbox .cor_per { padding:0 15px 0; font-size:14px; color:#444; font-weight:400;}
#cooper_list_box .cooper_item .cor_txtbox .cor_tel { border-top:1px solid #ddd; line-height:35px; text-align:right; position:absolute; left:0; bottom:0; width:100%; padding:0 15px 0; box-sizing:border-box; font-size:15px; color:#999;}
#cooper_list_box .cooper_item .cor_txtbox .cor_tel::before { content:""; display:inline-block; vertical-align:top; width:17px; height:18px; background:url(./img/cor_tel.png) left top no-repeat; margin:9px 8px 0 0; }

.cooper_none { width:100%; border:1px solid #ddd; border-radius:10px; text-align:center; line-height:30px; font-size:18px; padding:15px 10px; margin:10px 0; }

#cooper_list_box .cooper_item a:hover { text-decoration:none !important; }


#cooper_list_box .cooper_item .cor_pic .hover {
	 z-index:1;
	 position:absolute;
	 top:0;
	 left:0;
	 background-color:rgba(0,0,0,0.5);
	 width:100%;
	 height:100%;
	 color:#efefef;
	 text-align:center;
	 box-sizing:border-box;
	 opacity:0;
	 transition:opacity .3s ease-out;
	 -webkit-transition:opacity .3s ease-out;
	 -moz-transition:opacity .3s ease-out;
}

#cooper_list_box .cooper_item .cor_pic .hover .line1 {
	border-radius:10px;
	 position:absolute;
	 top:5%;
	 left:5%;
	 width:90%;
	 height:90%;
	 border-top:1px solid #efefef;
	 border-bottom:1px solid #efefef;
	opacity:0;
	 transform:scale(0,1);
	 -webkit-transform:scale(0,1);
	 -moz-transform:scale(0,1);
	 transition:transform.4s ease-out .2s,opacity .4s ease-out;
	 -webkit-transition:-webkit-transform .4s ease-out .2s,opacity .4s ease-out;
	 -moz-transition:-moz-transform .4s ease-out .2s,opacity .4s ease-out;
	box-sizing:border-box;
	background:none;
}
#cooper_list_box .cooper_item .cor_pic .hover .line2 {
	border-radius:10px;
	 position:absolute;
	 top:5%;
	 left:5%;
	 width:90%;
	 height:90%;
	 border-left:1px solid #efefef;
	 border-right:1px solid #efefef;
	opacity:0;
	transform:scale(1,0);
	 -webkit-transform:scale(1,0);
	 -moz-transform:scale(1,0);
	transition:transform.4s ease-out .2s,opacity .4s ease-out;
	 -webkit-transition:-webkit-transform .4s ease-out .2s,opacity .4s ease-out;
	 -moz-transition:-moz-transform .4s ease-out .2s,opacity .4s ease-out;
	box-sizing:border-box;
	background:none;
}
#cooper_list_box .cooper_item .cor_pic .hover .sub_tit{
	 color:#fff;
	 font-size:20px;
	 font-weight:500;
	 transform:translate3d(0,-10px,0);
	 -webkit-transform:translate3d(0,-10px,0);
	 -moz-transform:translate3d(0,-10px,0);
	 opacity:0;
	 transition:transform .5s ease-out .2s,opacity .5s ease-out .3s;
	  -webkit-transition:-webkit-transform .5s ease-out .2s,opacity .5s ease-out .3s;
	 -moz-transition:-moz-transform .5s ease-out .2s,opacity .5s ease-out .3s;
	 display:flex; align-items:center;
	 position:absolute; left:0; top:0; width:100%; height:100%; justify-content:center;
}
#cooper_list_box .cooper_item:hover .cor_pic .hover{
	 opacity:1;
}
#cooper_list_box .cooper_item:hover .cor_pic .hover .sub_tit{
	 opacity:1;
	 transform:translate3d(0,0,0);
	 -webkit-transform:translate3d(0,0,0);
	 -moz-transform:translate3d(0,0,0);
}
#cooper_list_box .cooper_item:hover .cor_pic .line1{
	 transform:scale(1,1);
	 -webkit-transform:scale(1,1);
	 -moz-transform:scale(1,1);
	 opacity:1;
}
#cooper_list_box .cooper_item:hover .cor_pic .line2{
	 transform:scale(1,1);
	 -webkit-transform:scale(1,1);
	 -moz-transform:scale(1,1);
	 opacity:1;
}









/*보기*/
#cor_view_box { }
#cor_view_box .cor_infobox { display:flex; align-items:flex-start; flex-wrap:wrap; justify-content:space-between; padding-bottom:30px; }
#cor_view_box .cor_infobox .pic { width:600px; box-sizing:border-box; border-radius:10px; border:1px solid #ddd; overflow:hidden; }
#cor_view_box .cor_infobox .pic img { width:100%; display:block; margin:0 auto 0; }
#cor_view_box .cor_infobox .txtbox { width:calc(100% - 650px); }

#cor_view_box .cor_infobox .txtbox p.tit { font-weight:500; color:#333; font-size:24px; line-height:30px; padding:25px 0; border-bottom:5px solid #ddd; margin-bottom:15px; }
#cor_view_box .cor_infobox .txtbox dl { }
#cor_view_box .cor_infobox .txtbox dl::after { content:""; display:block; clear:both; }
#cor_view_box .cor_infobox .txtbox dl dt { float:left; font-size:18px; padding:0 15px 0 25px; color:#333; font-weight:500; background:url(../data_files/skin/skin_res_1/images/sub/h5_dot.png) left 15px no-repeat; line-height:37px; }
#cor_view_box .cor_infobox .txtbox dl dd {  line-height:37px; width:calc(100% - 150px); float:right;  font-size:16px; color:#444; }

#cor_view_box ul.button li { background:#f2f2f2; }
#cor_view_box ul.button li a { color:#555; }
.view_map { margin:30px 0; width:100%; position:relative;  }
#map { width:100%; height: 322px;}
.zoom-control {
	position: absolute;
	right: 20px;
	top: 50%;
	 transform:translateY(-50%);
	z-index: 11;
	width:34px; height:65px;
	border:1px solid #ddd; overflow:hidden;
	border-radius:5px;
	box-shadow:2px 2px 6px rgba(0,0,0,0.15);
}

.zoom-btn {
	width: 100%;
	height: 32px;
	text-align: center;
	line-height: 30px;
	text-indent:-99999px;
	cursor:pointer;
}

#zoomIn { height:32px; box-sizing:border-box; border-bottom:1px solid #ddd; background:#fff url(./images/k_ic1.png) center center no-repeat;}
#zoomOut { height:31px; background:#fff url(./images/k_ic2.png) center center no-repeat;}


@media all and (max-width:1024px) {
	
#cooper_list_box .cooper_item {  width:calc((100% / 2) - 20px); }
/*보기*/
#cor_view_box { }
#cor_view_box .cor_infobox { display:block;  padding-bottom:30px; }
#cor_view_box .cor_infobox .pic { width:100%; max-width:600px; margin:0 auto 30px;}
#cor_view_box .cor_infobox .pic img { width:100%; display:block; margin:0 auto 0; }
#cor_view_box .cor_infobox .txtbox { width:100%; }

#cor_view_box .cor_infobox .txtbox p.tit { font-weight:500; color:#333; font-size:24px; line-height:30px; padding:15px 0; border-bottom:5px solid #ddd; margin-bottom:15px; }
#cor_view_box .cor_infobox .txtbox dl { }
#cor_view_box .cor_infobox .txtbox dl::after { content:""; display:block; clear:both; }
#cor_view_box .cor_infobox .txtbox dl dt { float:left; font-size:18px; padding:0 15px 0 25px; color:#333; font-weight:500; background:url(../data_files/skin/skin_res_1/images/sub/h5_dot.png) left 15px no-repeat; line-height:37px; }
#cor_view_box .cor_infobox .txtbox dl dd {  line-height:37px; width:calc(100% - 150px); float:right;  font-size:16px; color:#444; }

#cor_view_box ul.button li { background:#f2f2f2; }
#cor_view_box ul.button li a { color:#555; }


}

@media all and (max-width:600px) {
#cooper_list_box .cooper_item {  width:100%; margin:0 0px 25px;}

}