@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2018-01-16
******************************************************** */


/* ******************  매물정보검색 ********************** */
.sale-search-left {float:left; border:1px solid #D9D9D9; border-right: 0; height:412px; width:673px; padding:30px 50px;}
.sale-search-tit {text-align: center;}
.sale-search-tit h3 {font-size:20px; letter-spacing: -0.5px; color:#474747; font-weight: 300;}
.sale-search-tit h3 strong{font-weight: 500;}
.sale-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;}

/* 서브 매물정보 검색 */
#subInfo{}

.sale-search-info ul li {float:left; width:25%; }
.sale-search-info .tit {position:relative; font-size:16.5px; letter-spacing: -0.25px; color:#3d4050; font-weight: 500; padding-bottom: 20px; margin-bottom: 20px; }
.sale-search-info .tit::after {content:""; position:absolute; width:130px; height:1px; background-color:#EEEEEE; bottom:0; left:0;}
.sale-search-info label {display:block; font-size:14px; line-height: 32px; letter-spacing: -0.5px; color:#6a6a6a; font-weight: 300;}
.sale-search-info label input {border:1px solid #707070; margin-right:10px}
.sale-search-btn {text-align:center; margin-top: 15px;}
.sale-search-btn a {display:inline-block; width:124px; height:50px; font-size:20px; color:#fff; font-weight: 300; background-color:#4A4B52; line-height: 50px;}

.sale-search-right {float:right;}

.sale-drugstore-tit {margin-top: 55px; margin-bottom: 25px;}
.sale-drugstore-tit h3 {float:left; font-size:20px; letter-spacing: -0.5px; color:#3d4050; font-weight: 500;}
.sale-drugstore-tit a {float:right; display:inline-block; width:142px; height:48px; border:1px solid #5A5B61; text-align:center; font-size:16px; line-height: 48px; letter-spacing: -0.5px; color:#4a4b52; font-weight: 500;}
.sale-drugstore-tit a i {margin-left: 10px;}

.tax-txt-list {margin-bottom: 30px;}
.tax-txt-list > p {margin-top: 5px; position:relative; padding-left: 10px; font-size:14px; line-height: 1.6; letter-spacing: -0.5px; color:#7d7d7d; font-weight: 300; }
.tax-txt-list > p:first-child{margin-top: 0;}
.tax-txt-list > p::before {content:"-"; position:absolute; left:0; top:0;}
.tax-txt-list > p > span {color:#000000}

/* 메인 및 서브 약국매물정보 */
.sale-drugstore-info{padding-top: 40px;}
.sale-drugstore-table table, .sale-drugstore-table table thead tr, .sale-drugstore-table table thead th, .sale-drugstore-table table tbody tr, .sale-drugstore-table table tbody, .sale-drugstore-table table tbody td{display: block;}
.sale-drugstore-table table {width:100%; border-bottom: 1px solid #333333; border-top: 1px solid #333333; table-layout: fixed; overflow: hidden;}

.sale-drugstore-table table tbody tr{border-top: 1px solid #333333; background-color: #fff;}
.sale-drugstore-table table tbody tr:nth-child(2n+1) {background-color:#F2F2F2}
.sale-drugstore-table table tbody td {/* padding: 7.5px 3%; */ padding: 5px 3% 3px 3%; font-size:13px; color:#333; text-align:left;}
.sale-drugstore-table table tbody td:first-child{padding-top:15px}
.sale-drugstore-table table tbody td:last-child{padding-bottom: 15px;}
.sale-drugstore-table table tbody td:nth-child(3){display: inline-block; margin-right: 6%; padding: 7.5px 0 7.5px 3%; padding-top: 5px; padding-bottom: 3px;}
.sale-drugstore-table table tbody td:nth-child(4){display: inline-block; padding: 7.5px 0; padding-top: 5px; padding-bottom: 3px;}
.sale-drugstore-table table tbody td:nth-child(6){padding-top: 5px; padding-bottom: 3px;}
.sale-drugstore-table table tbody td:nth-child(7){padding-top: 5px;}

.sale-drugstore-table table tbody td span.td-tit{display: inline-block; margin-right: 8px; color: #adadad;}

.sale-drugstore-table table tbody td.type span {display:inline-block; min-width:30px; padding:0 5px; height:21px; line-height: 21px; font-size:13px; color:#fff; text-align: center;}
.sale-drugstore-table table tbody td.type .rental {background-color:#858585}
.sale-drugstore-table table tbody td.type .rental2 {background-color:#054C96}
.sale-drugstore-table table tbody td.type .trade {background-color:#FF053A}

.sale-drugstore-table table tbody td.info {text-align:left; vertical-align: middle; }
.sale-drugstore-table table tbody td .tit {font-size:15px; font-weight: 500; line-height: 1.5; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom: 0;}
.sale-drugstore-table table tbody td.info .location {font-size:12px; line-height: 1.5; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:5px 0;}

.sale-drugstore-table table tbody td.info .price {display: inline-block; font-size:13px; line-height: 1; width: calc(100% - 60px); /* width: 100%; */ height: 13px; color:#333; font-weight: 400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sale-drugstore-table table tbody td .date-txt{display: inline-block; font-size:13px; line-height: 1; width: calc(100% - 60px); /* width: 100%; */ height: 13px; color:#333; font-weight: 400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sale-drugstore-table table tbody td.info .price span {display:inline-block; width:15px; height:15px; text-align:center; margin-right:5px; line-height: 15px;}
.sale-drugstore-table table tbody td.info .price span.deposit {font-size:13px; font-weight: 600; color:#333; border:1px solid #333;}
.sale-drugstore-table table tbody td.info .price span.month {font-size:13px; color:#fff; font-weight: 600; background-color:#FF8A00; border:1px solid #FF8A00}
.sale-drugstore-table table tbody td.date .today {display:inline-block; width:45px; height:20px; text-align:center; line-height: 20px; background-color:#FFC80B; border-radius:5px; font-size:12px; letter-spacing: -0.25px; color:#fff;}


/* 결제내역 추가 css */
.sale-drugstore-table.view-css table tbody td:nth-child(2) {margin-right: 0; padding: 7.5px 3%; width: 94%;}
.sale-drugstore-table.view-css table tbody td:nth-child(3) {padding: 7.5px 3%; padding-top: 5px; padding-bottom: 3px;}
.sale-drugstore-table.view-css table tbody td:nth-child(4) {padding: 7.5px 3%; padding-top: 5px; padding-bottom: 3px;}
/* .sale-drugstore-table.view-css table tbody td.info .price {overflow: visible; text-overflow: initial; white-space: normal;}
.sale-drugstore-table.view-css table tbody td:nth-child(2) {margin-right: 0; padding: 7.5px 3%}
.sale-drugstore-table.view-css table tbody td:nth-child(3) {padding: 7.5px 3%;}
.sale-drugstore-table.view-css table tbody td:nth-child(5){padding-top: 7.5px; padding-bottom: 7.5px;}
.sale-drugstore-table.view-css table tbody td:nth-child(6){padding-top: 7.5px;} */


.sale-txt p {text-align:center; font-size:11px; letter-spacing: -0.2px; color:#3d3d3d; font-weight: 300; -ms-word-break: keep-all; word-break: keep-all; line-height: 1.4; padding-top:5px;}

.join-tit {margin-top: 40px; padding-bottom: 35px;}
.join-tit h3 {font-size:20px; letter-spacing: -0.5px; color:#3d4050; font-weight: 500;}
.join-tit p {font-size:13px; line-height: 20px; letter-spacing: -0.5px; color:#7d7d7d; font-weight: 300; margin-top: 20px; -ms-word-break: keep-all;
word-break: keep-all;}

.file-attach-bx {display:inline-block; vertical-align: middle; margin-top: 5px;}
.file-attach-bx label { display: inline-block; padding: .45em .75em; color: #464646; font-size: 13px; letter-spacing: -0.75px; line-height: normal; vertical-align: middle; cursor: pointer; border: 1px solid #464646; } 
.file-attach-bx label i{font-size: 18px;}
.file-attach-bx input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.upload-name {border:0; background-color:#fff; padding: .45em .75em; font-size:15px; letter-spacing: -0.75px; color:#464646;} 

.med-tit {font-size:15px; letter-spacing: -0.75px; color:#000; margin:10px 0;}

.add-btn {display:inline-block; font-size:15px; letter-spacing: -0.75px; color:#000; font-weight: 500; margin-left: 30px;}
.add-btn img {margin-right:7px}

.sale-btn {text-align:center; margin:30px 0;}
.sale-btn a {display:inline-block; width:142px; height:48px; line-height: 48px; border:1px solid #5A5B61; font-size:16px; letter-spacing: -0.5px; color:#4a4b52; font-weight: 500;}

.sale-list-content {padding:0}
.sale-list-content .sale-drugstore-tit {margin-top: 0;}


#subCustomer{margin-top: 45px; margin-bottom: 25px;}

/* -------- 회사소개 :: 오시는길 -------- */
#mapWrapper{overflow:hidden; position:relative; width:100%; margin:0px auto; height:500px; border:1px solid #ddd;}
#mapWrapper #mapCon{position:absolute; top:50%; left:50%; width:1200px; height:500px; margin-left:-600px; margin-top:-250px;}   
    /* width, height : 지도의 가로,세로값과 동일 , margin-left: 지도가로의 반값, margin-top: 지도세로의 반값 */
.map-tbl-con{margin-bottom:70px;}
.map-tbl{width:100%;}
.map-tbl th,.map-tbl td{padding:20px 2%; letter-spacing:-0.3px; font-size:15px;}
.map-tbl th{width:110px; border-bottom:1px solid #000; color:#1e1e1e; text-align:left; font-weight:600; }
.map-tbl td{border-bottom:1px solid #d8d8d8; color:#5b5b5b; font-weight:400; line-height:14px;}
.location-list > li{margin-bottom:30px;}
.location-list > li > dl > dt{border-bottom:1px solid #ddd;}
.location-list > li > dl > dt span{position:relative; display:inline-block; top:1px; border-bottom:1px solid #333; font-size:18px; font-weight:500; padding-bottom:6px; color:#333;}
.location-list > li > dl > dt span i{vertical-align:middle; font-size:22px; }
.location-list > li > dl > dd{padding-top:15px; color:#333; font-size:15px; line-height:22px; word-break:keep-all;}
.location-list > li > dl > dd .bus-info{display:block; position:relative; margin-bottom:5px; padding-left:40px;}
.location-list > li > dl > dd .train-info{display:block; position:relative; margin-bottom:5px; padding-left:25px;}
.location-list > li > dl > dd em{position:absolute; top:0px; left:0px; color:#fff; padding:1px 5px; border-radius:2px; margin-right:5px; font-size:12px;}
.location-list > li > dl > dd .train-info em{top:2px; padding:0; width:20px; height:20px; border-radius:20px; text-align:center;}
.location-list > li > dl > dd .car-come {display:block; color:#b75353; font-weight:600;}
.location {padding:40px 0;}
.location h3 {font-size:30px; letter-spacing: -0.5px; color:#474747; font-weight: 600; text-align:center;}
.location p {font-size:14px; letter-spacing: -0.25px; color:#989898; font-weight: 300; margin-top: 10px; margin-bottom: 30px; text-align:center;}

/* 서브공통 :: 탭디자인 02*/
.cm-tab-container {text-align:center;}
.sub-cm-tab-list02{display:inline-block; height:63px; border-bottom:1px solid #ddd;}
.sub-cm-tab-list02 ul{overflow:hidden;}
.sub-cm-tab-list02 ul li{float:left; border-left:1px solid #ddd; }
.sub-cm-tab-list02 ul li:first-child{border-left:0;}
.sub-cm-tab-list02 ul li a{
    display:block; height:61px; line-height:61px; padding:0 22px; min-width:355px; text-align:center; border-bottom:2px solid #fff; font-size:14.5px; font-weight:600; letter-spacing:-0.3px;
    -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s
}
.sub-cm-tab-list02 ul li a:hover, .sub-cm-tab-list02 ul li.selected a{color:#5c69b4; border-bottom-color:#5c69b4}

.sub-cm-tab-list02.list-4tab {display:block;}
.sub-cm-tab-list02.list-4tab ul li {width:calc(25% - 1px);}
.sub-cm-tab-list02.list-4tab ul li a {min-width:0;}

/* 190218 :: 추가작업 :: DH */
.sub-caption {display:inline-block; vertical-align: middle; font-size:13px; letter-spacing: -0.5px; color:#ff3800;}
.sub-caption-bx {display:block; font-size:13px; line-height: 17px; letter-spacing: -0.5px; color:#ff3800; font-weight: 300; margin-top: 5px;}

.mypage-point {position:relative;}
.mypage-txt-bx {display: inline-block; margin-top: 10px; margin-left: 5px; /* width: calc(100% - 30px); */ padding:10px 15px; background-color:#FFD958; box-shadow:5px 5px 6px rgba(0, 0, 0, 0.11);}
.mypage-txt-bx p {font-size:13px; line-height: 1.4; letter-spacing: -0.5px; color:#000000; -ms-word-break: keep-all;
word-break: keep-all;}
.mypage-txt-bx p  span {color:#cc3333;}
.mypage-txt-bx p  span i{font-size: 18px;}

/* 190227 :: 추가작업 :: DH */
.tax-content .sale-drugstore-table th {height:68px;}
.tax-content .sale-drugstore-table td {height:48px;}
.tax-btn a {display:inline-block; width:60px; height:40px; text-align:center; line-height: 40px; border-radius:10px; font-size:13px; letter-spacing: -0.75px; color:#fff;}
.tax-btn a.style01 {background-color:#35A512;}
.tax-btn a.style02 {background-color:#616161;}


/* 190621 :: 수정사항 NH */
.register-content .join-form-con .join-form-tbl textarea {font-size: 14px;}

/* ******** 190808 수정 EB ******** */
.btn-under-addtxt{padding-top: 15px; font-size: 15px; line-height: 1.4; letter-spacing: -0.5px; color:#cf0505; font-weight: 400; -ms-word-break: keep-all;
word-break: keep-all;}

/* ************ 200122 EB 추가 css ************ */	
.certifi-list-style03 {margin-bottom:30px;}
.certifi-list-style03 > ul {overflow:auto;margin: 0;list-style-type: none;background:#F0F2F5; padding:10px 10px 0;}
.certifi-list-style03 > ul li { float: left; width: auto; height:90px; margin: 0 10px 10px 0; list-style-type: none; }
.certifi-list-style03 > ul li:last-of-type {margin-right:0;}
.certifi-list-style03 > ul li a { display: block;  position: relative; }
.certifi-list-style03 > ul li a:hover {filter:brightness(120%);}
.certifi-list-style03 .gallery-img-thumb { position: relative;overflow: hidden;height: 90px;padding-top: 0; border: none;}
.certifi-list-style03 > ul li img { position: relative;left: 0; top: 0; width: auto;height: 90px;max-width:100%; }
.certifi-list-style03 > ul li .gallery-tit {display:block; height:48px; font-size:18px; line-height: 48px; letter-spacing: -1px; color:#000000; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.certifi-list-style03 > ul li .img-over-thum {position:absolute; opacity:0;filter:Alpha(opacity=0); width:100%; height:100%; left:0; top:0; background-color:rgba(0, 0, 0, 0.5); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.certifi-list-style03 > ul li .img-over-thum span { position:absolute; left:32%; bottom:-45px; width:35%; height:45px; font-size:15px; line-height: 45px; letter-spacing: -1px; color:#fff;  background-color:rgba(0, 0, 0, 0.3); border:1px solid rgba(255, 255, 255, 0.3); border-bottom: 0; text-align:center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.certifi-list-style03 > ul li .img-over-thum span i {vertical-align: middle; color:#fff; display:inline-block; margin-left: 0px;}

/* 상세설명 텍스트 (대체) */
.editor-con-inner{padding:0 0 20px;margin-bottom:10px;}
.editor-con-inner .editor-con-tit { display: block; margin-bottom: 14px; font-size: 16px; letter-spacing: -0.75px; color: #333; font-weight: 600; text-align: left; background: none; line-height: 1.4; }
.editor-con-inner .editor-con-txt { background:#F0F2F5; border-radius:10px; padding:18px 20px; font-size:14px !important; line-height:1.7; font-weight:300; }

.w-50{width: 50px !important;}
.w-60{width: 60px !important;}
.w-70{width: 70px !important;}
.w-80{width: 80px !important;}


/* 상세설명 하단 : 보증 정보 및 버튼 (추가 및 대체) */
.bbs-view-bottom { width:100%; }
.bbs-view-bottom:after { clear:both;content:'';display:block;}
.sale-view-point { font-size: 11px;line-height: 1.6;letter-spacing: -0.04em; color: #7098DB; padding: 0; border: none; text-align: left; float:left;width:calc(100% - 100px);margin-bottom:20px;}

.buttons {padding:20px 0;float:none;}
.buttons * {display:inline-block;}
.buttons a,
.buttons button {background:#49566C;border:none;color:#FFF;padding:14px 24px;border-radius:5px;line-height:1;font-size:14px;margin-bottom:5px;}
.buttons .btn-style01 {padding:14px 0;width:100%;text-align:center;}
.buttons .btn-style02 {background-color:#999;}
.buttons .btn-style03 {background-color:crimson;}
.buttons a:hover,
.buttons button:hover {filter:brightness(120%);}
.sale-view-content .sale-txt {margin:0;color:#7098DB;font-size:12px;letter-spacing:-0.02em;}



/* 공유하기 (대체) */
.view-sns-wrapper { position: relative;margin:0;float:right;width:100px;}
.view-sns-list { position: relative;  bottom: auto; right: auto;float:none;padding:0;white-space: nowrap;}
.view-sns-list li { display:inline-block; margin-left: 3px; float:none;}
.view-sns-list li:first-of-type {margin-left:0;}
.view-sns-list li button {display: block;height: 30px;border-radius:6px;}
.view-sns-list img { height: 30px !important; border-radius:6px;}

.kakao-online-btn{position: fixed; left: 0; bottom: 0; display: block; width: calc(100% + 30px); height: 60px; background-color: #ffcc00; text-align: center; z-index: 10;}
.kakao-online-btn i{display: inline-block; vertical-align: middle; font-size: 24px; line-height: 60px; color: #381e1f;}
.kakao-online-btn span{margin-left: 10px; margin-right: 15px; display: inline-block; vertical-align: middle; line-height: 60px; font-size: 16px; color: #381e1f;}


/* Header :: 검색버튼 */
.view-sns-box{position:relative; float:left; z-index:101;}
.view-sns-box i{font-size:17px; letter-spacing:-0.15px; color:#333;}
.view-sns-open-btn{width:30px; height:30px;}
.view-sns-inner{
	overflow:hidden; position:absolute; top:0px; right:0; width:200px; opacity:0;filter:Alpha(opacity=0); visibility:hidden;
	-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s
}	
.view-sns-inner .view-sns-inner-box{overflow:hidden; height:30px; border:1px solid #333; background-color: #fff; padding-right:60px;}
.view-sns-inner .view-sns-word{height:30px; width:100%; vertical-align:top; background-color:transparent; border:0; color:#333; font-size:11px; font-weight:300; text-indent:10px;}
.view-sns-inner .view-sns-word::placeholder{color:#333;}
.view-sns-inner .view-sns-btn{position:absolute; top:0px; right:31px; width:30px; height:32px; background-color:#1dabe7; color:#fff;}
.view-sns-inner .view-sns-btn i{font-size:17px; color: #fff;}
.view-sns-inner .view-sns-close-btn{position:absolute; top:1px; right:1px; width:30px; height:30px; background-color:#333; color:#fff; border:1px solid #333;}
.view-sns-inner .view-sns-close-btn i{color:#fff;}
.view-sns-box.open .view-sns-inner{display:block;}
/* 검색 open */
.view-sns-box.open .view-sns-inner{visibility:visible; opacity:1.0;filter:Alpha(opacity=100); -webkit-transition:visibility 0.5s, opacity 0.5s;	-moz-transition:visibility 0.5s, opacity 0.5s;-o-transition:visibility 0.5s, opacity 0.5s;-ms-transition:visibility 0.5s, opacity 0.5s;	transition:visibility 0.5s, opacity 0.5s;}



/* custom select (공통)  */
.select-custom {position:relative;display:block;padding-right:38px;background:#edeef0;border-radius:5px;}
.select-custom select {  display: none; /*hide original SELECT element:*/ }
.select-selected {  background-color:#edeef0;color:#333;font-size:15px;border-radius:5px;}
.select-selected:after { position: absolute; content: ""; top: 13px; right: 15px; border: solid #2f6ed9; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.select-items div,
.select-selected { color: #333; font-size:16px;padding: 10px 16px; cursor:pointer; user-select: none;}
.select-items { position: absolute;border:2px solid #b7bdc7;background-color: #FFF; top: 110%;	left: 0; right: 0; width:calc(100% - 4px);z-index: 99999999; }
.select-hide { display: none;}
.select-items div:hover, 
.same-as-selected {  background-color: rgba(0, 0, 0, 0.05);}
.select-options {  display: none;  position: absolute;  top: 100%;  right: 0;  left: 0;  z-index: 999;  margin: 0;  padding: 0;  list-style: none;  background-color: #209dac;}
.select-options li {  margin: 0;  padding: 12px 0;  text-indent: 15px;  border-top: 1px solid #1c8a97;  -moz-transition: all 0.15s ease-in;  -o-transition: all 0.15s ease-in;  -webkit-transition: all 0.15s ease-in;  transition: all 0.15s ease-in;}
.select-options li:hover {  color: #24b1c2;  background: #fff;}
.select-options li[rel="hide"] { display: none; }


/* custom checkbox (공통)*/
.check-custom { display: block; position: relative; cursor: pointer;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.check-custom input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.check-custom .checkmark { position: absolute; top: -10px; left: 0; height: 18px; width: 18px; background-color: #FFF;border:1px solid #CCC;}
.check-custom:hover input ~ .checkmark { background-color: #E0EBFF;}
.check-custom input:checked ~ .checkmark { background-color: #2f6ed9;border-color:#2f6ed9;}
.check-custom .checkmark:after { content: ""; position: absolute; display: none;}
.check-custom input:checked ~ .checkmark:after { display: block;}
.check-custom input[type=checkbox] + .checkmark:after { left: 6px; top: 2px; width: 4px; height: 8px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}


/* custom radiobutton (checkbox +라디오 버튼 부분 추가됨)*/
.check-custom input[type=radio] + .checkmark {border-radius:50%;}
.check-custom input[type=radio] + .checkmark:after { top: 4px;left: 4px;width: 10px;height: 10px;border-radius: 50%;background: white; }