@charset "utf-8";


/***** 마이페이지 *****/
.mypage-wrap .search-area {
   padding: 30px 15%;
   margin: 20px 0px 30px;
   background: #f8f8f8;
   border-radius: 5px;
}
.inputbox {
   display: flex;
   position: relative;
   width: 100%;
   height: 46px;
   padding: 0;
}
.inplabel {
   display: flex;
   width: 100%;
}
.inputbox .inplabel.icon-find input {
   padding-right: 75px;
}
.search-area .inputbox .btn-find {
   position: absolute;
   top: 50%;
   right: 12px;
   width: 24px;
   height: 24px;
   padding: 0;
   border: 0;
   background: url(../../images/sub/icon_search.png) no-repeat 50% 50%;
   transform: translateY(-50%);
}
.board-area .search_form button {
   position: absolute;
   right: 10px;
   top: 10px;
   overflow: hidden;
   width: 19px;
   height: 19px;
   
   text-indent: -100px;
   cursor: pointer;
}

.table-wrap .board.toggle-board td {
   padding: 0px 0px;
}
.toggle-board dl.toggle-list {
   text-align: left;
}
.toggle-board dl.toggle-list dt {
   width: 100%;
   padding: 18px 0px 18px 25px;
   background: url(../../images/sub/icon_arrow.png) no-repeat ;
   background-position: right 25px top 21px;
   cursor: pointer;
}
.toggle-board dl.toggle-list span.toggle-title {
   display: flex;
   align-items: center;
}
.toggle-board dl.toggle-list span.toggle-title img {

}
.toggle-board dl.toggle-list span.toggle-title a {
   display: inline-block;
   width: 85%;
   margin-left: 18px;
   font-size: 15px;
   color: #333;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}
.toggle-board dl.toggle-list .words {
   display: block;
   color: #5d6164;
   font-size: 14px;
   line-height: 22px;
   padding-left: 0px;
   overflow: hidden;
   white-space: normal;
}
.toggle-board dl.toggle-list .words a {
   color: #5d6164;
   font-size: 15px;
}
.toggle-board dl.toggle-list dd {
   padding: 30px 40px 50px;
   background: #f9f9f9 url(/kr/faq/images/bg_answer_top.gif) top repeat-x;
}
.toggle-board dl.toggle-list dt.open {
   background-position: right 25px top -26px;
}

/*** 제품 취급약국 ***/
.pharm-search-width {width:1100px;}
.pharm-wrap {display:flex;width:100%;margin:30px auto 0px;}
.pharm-map-box {width:calc(100% - 370px);box-sizing:border-box;margin-right:20px;}
.pharm-map-box h3 {font-size: 18px;font-weight: bold;line-height: 23px;letter-spacing: -0.5px;color: #222;margin: 0 0 15px;}
.pharm-map{width:100%;height:400px;box-sizing:border-box;border:1px solid #ddd;}
.pharm-search-wrap-box {width:350px;}
.pharm-search-wrap-box h3 {font-size: 18px;font-weight: bold;line-height: 23px;letter-spacing: -0.5px;color: #222;margin: 0 0 15px;}
.pharm-search-wrap {width:100%;height:400px;box-sizing:border-box;padding:20px;background: #ebf3ff;box-sizing:border-box;overflow:hidden;}
.pharm-area-box {width:100%;display:flex;align-items:center;justify-content:center;padding:20px; margin:30px 0 20px;border:5px solid #dedede;}
.pharm-area-box h3.address-title {width:90px;font-size: 16px;font-weight: bold;line-height: 23px;letter-spacing: -0.5px;color: #333;margin: 0 10px 0 0;}
.pharm-area-box select{box-sizing:border-box;height:40px;border:2px solid #f4f4f4;background-color:#f4f4f4;outline:none;font-size: 14px;color:#333;    margin-right: 7px;}
.pharm-area-box input{box-sizing:border-box;height:40px;border:2px solid #f4f4f4;padding:5px;background-color:#f4f4f4;outline:none;font-size: 14px;padding:0px 10px;    margin-right: 10px; color:#333;}
.pharm-area-box select:focus, .pharm-area-box input:focus {border:2px solid #3b78ce}
.pharm-area-box button {display: inline-block;width: 80px;height: 40px;background: #9a9a9a;border: 0;line-height: 40px;font-size: 15px;font-weight: bold;color: #fff;vertical-align: middle;}
.pharm-search-wrap ul {width:100%;margin-bottom:20px;padding:0;box-sizing:border-box;height:83%;overflow-y:auto;box-sizing:border-box;/*font-size: 0;*/}
.pharm-search-wrap ul li {display:block;width:100%;margin:0 0 12px;}
.pharm-search-wrap ul li label {font-size:14px;line-height:20px;word-break: break-all;}
.pharm-search-wrap ul li label > input {width:16px;height:16px;margin-right:5px;}
.pharm-search-wrap ul li label span.pd-name {display: inline-block;width:calc(100% - 27px);word-break: break-all;}
.input-size {width:calc(70% - 250px);}
input::placeholder {
    color: #333;
    font-size: 14px;
}
.pharm-search-wrap-box .search_form {
   float: none;
   display: block;
}
.pharm-search-wrap-box .search_form .search {
    position: relative;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    height: 40px;
    margin-bottom: 20px;
    background: #fff;
    vertical-align: top;
    font-size: 0 !important;
}
.pharm-search-wrap-box .search_form .search input[type="text"] {
    border: 1px solid #c5c5c5;
    color: #777;
    font-size: 13px;
    height: 40px;
    line-height: 39px;
    padding: 0 10px 0 10px;
    border-radius: 3px;
    margin-bottom: 0px;
}
.pharm-search-wrap-box .search_form button {
    position: absolute;
    right: 10px;
    top: 10px;
    overflow: hidden;
    width: 19px;
    height: 19px;
    background: url(../../images/sub/icon_search.png) no-repeat 50% 50%;
    text-indent: -100px;
    cursor: pointer;
}

.pharm-info-wrap {position: absolute;left: 0;bottom: 40px;width: 288px;height: 132px;margin-left: -144px;text-align: left;overflow: hidden;font-size: 12px;font-family: 'Malgun Gothic', dotum, '돋움', sans-serif;line-height: 1.5;}
.pharm-info-wrap * {padding: 0;margin: 0;}
.pharm-info-wrap .info {width: 286px;height: 120px;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
.pharm-info-wrap .info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
.pharm-info-wrap .info .title {padding: 5px 0 0 10px;height: 30px;background: #eee;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: bold;}
.pharm-info-wrap .info .close {position: absolute;top: 10px;right: 10px;color: #888;width: 17px;height: 17px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');}
.pharm-info-wrap .info .close:hover {cursor: pointer;}
.pharm-info-wrap .info .body {position: relative;overflow: hidden;}
.pharm-info-wrap .info .desc {position: relative;margin: 13px 0 0 13px;height: 75px;}
.pharm-info-wrap .desc .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pharm-info-wrap .desc .jibun {font-size: 11px;color: #888;margin-top: -2px;}
.pharm-info-wrap .info:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 0;width: 22px;height: 12px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
.pharm-info-wrap .info .link {color: #5085BB;}

.pharm-list-box {display:flex;width:100%;margin:30px auto 20px;gap:15px;}
.pharm-list-box table {border-top:1px solid #333;}
.pharm-list-box table th {font-size:14px;color:#333;font-weight:bold;padding:12px 12px;border-bottom:1px solid #eee;text-align:center;box-sizing:border-box;vertical-align: middle;line-height: 22px;word-break: break-all;}
.pharm-list-box table td {font-size:14px;color:#333;letter-spacing:-0.25px;padding:12px 12px;border-bottom:1px solid #eee;text-align:center;box-sizing:border-box;vertical-align: middle;line-height: 22px;word-break: break-all;}
.pharm-list-box table thead th {color:#333;background-color:#f5f5f5;}
.pharm-list-box table tbody th {font-weight:normal;}
.pharm-list-box table tbody th + td {text-align:left;}
.pharm-list-box table tbody th a {color:#333;font-size:14px;font-weight:normal;line-height: 20px;word-break: break-all;}
.pharm-list-box table tbody td a {color:#333;font-size:14px;font-weight:normal;line-height: 22px;word-break: break-all;}
.scrollInfo {
    display: none;
    font-size: 14px;
    color: #555;
}
.exMark {
    display: inline-block;
    width: 14px;
    height: 14px;
    font-size: 12px;
    border: 1px solid #555;
    border-radius: 50px;
    text-align: center;
}
.pharm-area-box.search_form {
    float: unset;
}
.pharm-result-wrap-box {width:350px;height: 400px;padding-top: 50px;}
.pharm-result-wrap {}
.pharm-result-wrap .pharm-name {font-size: 20px;font-weight: bold;margin-bottom: 20px;word-break: break-all; line-height: 28px;}
.pharm-result-wrap .pharm-address {height: 50px;font-size: 15px; line-height: 24px;margin-bottom: 20px;}
.sns-group2 {display: flex;align-items: center;}
.sns-icon, .sns-icon-img {
   width: 30px;
   height: 30px;
   display: inline-block;margin-right:10px;
}
.sns-group2 > span {font-size: 14px;width:calc(100% - 120px);text-align:center;}
.pharm-pd-title {display: block;padding: 60px 0px 15px;}
.pharm-pd-title .text span {display: block;font-size:18px;font-weight:bold;}
.sub-pd-list ul li .pd-Box .view_pd.pharmacy-view_pd {top:145px;}


@media screen and (max-width: 1140px) {

}


@media screen and (max-width: 1024px) {

}


@media screen and (max-width: 768px) {
    .pharm-search-width {width:100%;}
	.table-wrap .board.toggle-board tbody tr {
      border-bottom: 1px solid #dcdbdb;
      padding: 0px;
      display: block;
      overflow: hidden;
      position: relative;
  }
  .table-wrap .board.toggle-board td {
      display: block;
      line-height: 25px;
   }
   .toggle-board dl.toggle-list dt {
      padding: 18px 0px 18px 15px;
      background-position: right 15px top 21px;
   }
   .toggle-board dl.toggle-list dt.open {
      background-position: right 15px top -26px;
   }
   .toggle-board dl.toggle-list span.toggle-title a {
      width: 80%;
   }
   .pharm-wrap {
      flex-direction: column;
   }
   .pharm-map-box {
      width: 100%;
      margin-right: 0px;
   }
   .pharm-search-wrap-box {
      width: 100%;
      margin-top: 30px;
   }
   .pharm-search-wrap {
      height: auto;
   }
   .pharm-search-wrap ul {
      margin-bottom: 0px;
   }
   .pharm-search-wrap ul li {
      display: inline-block;
      width: calc(50% - 5px);
      padding-right: 10px;
   }
   .pharm-area-box {
      flex-direction: column;
      padding: 20px 5%;
   }
   .pharm-area-box h3.address-title {
      width: 100%;
      margin: 0 0px 10px 0;
      text-align: center;
   }
   .pharm-area-box select {
      width: 100% !important;
      max-width: 300px;
      margin-right: 0px;
      margin-bottom: 5px;
   }
   .pharm-area-box input {
      width: 100% !important;
      max-width: 300px;
      margin-right: 0px;
      margin-bottom: 5px;
   }
   .pharm-area-box button {
      width: 100%;
      max-width: 300px;
   }
   .pharm-list-box {
      width: 100%;
      overflow-x: scroll;
      margin: 10px auto 20px;
   }
   .pharm-list-box table {
      min-width: 715px;
   }
   .pharm-result-wrap-box {
      width: 100%;
      height: auto;
   }
   .pharm-result-wrap .pharm-address {
      height: auto;
   }
   .scrollInfo {
        display: block;
   }
}


@media (max-width: 480px) {
   .mypage-wrap .search-area {
      padding: 30px 10%;
   }
   .pharm-search-wrap ul li {
      display: block;
      width: 100%;
      padding-right: 0px;
   }
}