@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2018-01-16
******************************************************** */

/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; height:auto; width:100%;}
#mainVisual .slick-track,
#mainVisual .slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
#mainVisual .main-visual-list-con, 
#mainVisual .main-visual-con, 
#mainVisual .slick-list,  
#mainVisual .slick-track, 
.main-visual-item{
	width: 100%;
}
.main-visual-item img{width: 100%;}

/* 메인 비주얼 :: 버튼 */
#mainVisual .slick-dots{position:absolute; width:100%; text-align:center; bottom:20px;}
#mainVisual .slick-dots li{display:inline-block; margin:0 5px;}
#mainVisual .slick-dots li button{
	cursor:pointer; margin:0px; padding:0px; background:none; font-size:0; width:12px; height:12px; background-color:#fff; 
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
}
#mainVisual .slick-dots li.slick-active button{background-color:#000;}		/* 버튼 active */

/* 메인 비주얼 :: 화살표 */
#mainVisual .slick-arrow{	position:absolute; width:61px; height:61px; top:50%; margin-top:-30px; cursor:pointer; border:0; cursor:pointer; z-index:9; font-size:0;}
#mainVisual .slick-arrow.slick-prev{left:210px; background:url("/kr/images/main/main_visual_prev.png") no-repeat}
#mainVisual .slick-arrow.slick-next{right:210px; background:url("/kr/images/main/main_visual_next.png") no-repeat}


/* ******************  메인 컨텐츠 ********************** */
#mainContent { overflow:hidden; min-height:500px; padding-top: 20px;/* padding-top: 45px; */ padding-bottom: 45px;}

/* 공통 타이틀 */
.main-search-tit {text-align: center;}
.main-search-tit h3 {font-size:20px; letter-spacing: -0.5px; color:#474747; font-weight: 300;}
.main-search-tit h3 strong {font-weight: 500;}
.main-search-tit p{margin-top: 10px; font-size: 12px; line-height: 1.4; font-weight: 300; letter-spacing: -0.25px; color: #989898; -ms-word-break: keep-all; word-break: keep-all;}

/* 테마별 매물 찾기 */
.main-search-list{margin-top: 25px;}
.main-search-list ul{margin: -1%;}
.main-search-list li {float:left; width: calc(48% - 2px); margin: 1%; border:1px solid #C5C5C5;}
.main-search-list li a {display:block; height:0; padding-top: 63%; position:relative; overflow:hidden;}

.main-search-list li .main-search-img span {display:inline-block; position: absolute; margin: auto; top: 0; right: 0;left: 0;bottom: 0; overflow: hidden;}
.main-search-list li .main-search-img span img {width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.main-search-info {position:absolute; left:0; top: 50%; margin-top: -30px; text-align:center; z-index:9; width:100%;}
.main-search-info h3 {font-size:15px; letter-spacing: -0.55px; color:#fff; font-weight: 400; margin-bottom: 6px;}
.main-search-info p {position:relative; font-size:11px; letter-spacing: -0.3px; color:#fff; padding-bottom: 9px; margin-bottom: 7px;}
.main-search-info p::after {content:""; position:absolute; left:50%; margin-left: -25px; bottom:0; width:50px; height:1px; background-color:#D0D0D0}
.main-search-info span {display:inline-block; font-size:10px; letter-spacing: -0.55px; color:#ffc80b; font-weight: 300;}

/* 광고 배너존 */
#mainCustomer {margin-top: 40px;}
.main-recommend{}
.main-recommend > div{margin: 0 -0.25%;}
.main-recomment-inner{float:left; width: 100%; margin: 0 0.25%;}
.main-recomment-inner span{display:block; width: calc(100% - 2px); border:1px solid #C5C5C5; height:0; padding-top: 63%; position:relative; overflow:hidden;}
.main-recomment-inner img {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.main-recommend-slider .slick-dots {position:absolute; left:0; bottom:-20px; width:100%; text-align:center;} 
.main-recommend-slider .slick-dots li {display:inline-block; width:6px; height:6px; margin: 0 4px;}
.main-recommend-slider .slick-dots li button {font-size:0; border:0; width:6px; height:6px; border-radius:50%; background-color:#B8B8B8; cursor:pointer}
.main-recommend-slider .slick-dots li.slick-active button {background-color:#FF840B}

/* 매물정보검색 */
#mainInfo{margin-top: 40px;}
.main-info-con{margin-top: 25px; width: calc(100% - 40px); padding: 20px; border: 1px solid #c8c8c8; background-color: #f6f6f6;}
.main-info-con .sale-search-info ul li {float:left; width: 100%; margin-top: 30px;}
.main-info-con .sale-search-info ul li:first-child{margin-top: 0;}
.main-info-con .sale-search-info .tit {position:relative; font-size:14px; letter-spacing: -0.5px; color:#3d4050; font-weight: 500; padding-bottom: 12.5px; margin-bottom: 17px;}
.main-info-con .sale-search-info .tit::after {content:""; position:absolute; width:100%; height:1px; background-color:#eee; bottom:0; left:0;}
/* 선택구역 */
.main-info-con .sale-search-info .label-wrapper{margin: -7px -1%;}
.main-info-con .sale-search-info label {float: left; width: 31.33%; margin: 7px 1%; display:block; font-size:11px; line-height: 1.5; letter-spacing: -0.5px; color:#6a6a6a; font-weight: 300;}
.main-info-con .sale-search-info label:nth-child(3n+1){clear: both;}
.main-info-con .sale-search-info label span{display: inline-block; position: relative; padding-left: 20px; padding-right: 5px; -ms-word-break: break-word; word-break: break-word;}
.main-info-con .sale-search-info label input {position: absolute; top: -2px; left: 0; border:1px solid #707070; margin-right:0;}
.sale-search-btn.add-css {text-align:center; margin-top: 25px;}
.sale-search-btn.add-css a {display:inline-block; width:100%; height:48px; font-size:14px; color:#fff; font-weight: 300; background-color:#4a4b52; line-height: 48px;}

/* 약국매몰정보 */
#mainPharmacy{padding-top: 40px;}
.main-sale-drugstore{margin-top: 25px;}
.pharmacy-btn-con{margin-top: 25px;}
.pharmacy-btn-con > div{margin: 0 -1%;}
.pharmacy-btn-con > div button{float: left; width: 48%; height: 47px; margin: 0 1%; /* border: 1px solid #767676; */ border: 1px solid #46b6e8; background-color: #46b6e8; font-size: 14px; font-weight: 400; letter-spacing: -0.5px; color: #333;}
.pharmacy-btn-con > div button:first-child{background-color: #f68d1f; border-color: #f68d1f;}
.pharmacy-btn-con > div button i{margin-left: 5px; margin-top: -2px; font-size: 16px;}

/* 약국매몰정보 */
#mainEvery{padding-top: 40px;}
.main-every-con{margin-top: 25px;}
.main-every-wrapper{width: 90%; margin: 0 auto;}
.main-every-wrapper ul{}
.main-every-wrapper ul li{width: 50%; float: left;}
.main-every-wrapper ul li a{display: block;}
.main-every-wrapper ul li a .group{width: 62%; margin: 0 auto;}
.main-every-wrapper ul li a .img{width: 88%; margin: 0 auto;}
.main-every-wrapper ul li a .img span{display:block; width: calc(100% - 2px); border:1px solid #C5C5C5; height:0; padding-top: 100%; position:relative; overflow:hidden;}
.main-every-wrapper ul li a .img span em{display:inline-block; position: absolute; margin: auto; top: 0; right: 0;left: 0;bottom: 0; overflow: hidden;}
.main-every-wrapper ul li a .img span em img{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.main-every-wrapper ul li a .txt{margin-top: 15px; height: 75px; padding: 0 5px; text-align: center;}
.main-every-wrapper ul li a .txt p{width:100%; height:42px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; line-height: 1.5; font-weight: 400; letter-spacing: -0.3px; color: #333;}

.main-every-wrapper .slick-dots {position:absolute; left:0; bottom:0; width:100%; text-align:center;} 
.main-every-wrapper .slick-dots li {display:inline-block; width:6px; height:6px; margin: 0 4px; float: none;}
.main-every-wrapper .slick-dots li button {font-size:0; border:0; width:6px; height:6px; border-radius:50%; background-color:#B8B8B8; cursor:pointer}
.main-every-wrapper .slick-dots li.slick-active button {background-color:#FF840B}