/* 공통 */
.pop { z-index: 100; }
.wrap-messenger-tooltip { position: absolute; top: -25px; width: 142px; height: 32px; background-color: #3e3a3a; border-radius: 8px; box-sizing: border-box; padding: 8px 16px; }
.wrap-messenger-tooltip .tooltip-title { font-size: 12px; font-weight: bold; color: #fff; vertical-align: 2px; }
.wrap-messenger-tooltip .arrow-down { position: absolute; bottom: 1px; left: 0; right: 0; margin: 0 auto; }
.wrap-messenger-tooltip .arrow-down:after,
.wrap-messenger-tooltip .arrow-down:before { border-top: 10px solid #3e3a3a; border-left: 8px solid transparent; border-right: 8px solid transparent; margin-left: -10px; position: absolute; bottom: -10px; content: ''; left: 30%; }
.wrap-messenger-tooltip .arrow-down:before { bottom: -11px; margin-left: -10px; }
/* -end- 공통 */

/* 메인 */
.sectionWrap .diData li a { display: block; height: 100%; }
.wordWrap li .accodion-content { max-height: none; }
/* 메인 */

/* 로그인 */
.joinWrap .alertList { display: none; }
/* -end- 로그인 */

/* 회원가입 */
.join-step2 .alertList { display: block; }
.join-step2 .email-check { display: none; }
.join-step2 .email-available { display: none; }
.join-step2 .password-check { display: none; }
/* -end- 회원가입 */

/* 주사제 배합금기 결과 */
.searchResult li input[type="checkbox"] + label em { color: #000; }
.injection_info_pt {padding-top: 12.1vw;}
.injection-solution-result .description, .injection_info .description { width:100%; padding:20px; font-size:13px; margin:0 auto; border:1px solid #c7c7c7; border-radius: 3px; background: #f7f7f7;}
.injection-solution-result .description ul li, .injection_info .description ul li {width:100%; height:40px; text-align: left; line-height: 40px;}

.injection-solution-result .notice { width:100%; font-size:12px; padding-bottom: 10vw; box-sizing: border-box; }
.injection-solution-result .notice ul li {width:100%; height:auto; text-align: left;color: #666666; font-size: 4.37vw; line-height:7.81vw ;}
.injection-solution-result .notice ul li  button{position: relative; top: -3px;}
.injection-solution-result .notice ul li span.fw500{color: #000000;}

.injection-solution-result .list { width: 100%; }
.injection-solution-result .list > div {width:100%;}
.injection-solution-result .list > div h4 {width:100%;font-size: 5vw;font-weight: 500;text-align: left;color: #000;letter-spacing: 0;padding-left: 3vw;line-height: 1;border-left: 0.7vw solid #540bff;margin-bottom: 5vw;}

.injection-solution-result table {width:100%; margin: 0 0 9.37vw 0; font-size:12px; }
.injection-solution-result table th {background: #f6fbff;color:#494949;padding:3.8vw 0;border: 1px solid #ccc;border-top: 1px solid #540bff;color: #333;font-weight: 500;font-size: 4.37vw;}
.injection-solution-result table td {background:#fff;color: #555555;padding:5px;text-align:center;border: 1px solid #ccc;line-height:20px;letter-spacing: 0;text-align: center;font-size: 4vw;padding: 4.3vw;padding-left: 4vw;}
.injection-solution-result table td:first-child{ text-align: left;}
.injection-solution-result table tbody td a { text-decoration: underline;color: #ce171f; font-size: 4vw;}
/* -end- 주사제 배합금기 결과 */

/* 버튼 */
button.icon_c {width: 5.31vw;height: 5.31vw;background: #04B404;border:none;outline:none;border-radius: 3px;color: #fff;font-size: 3.28vw;font-weight: 700;border-radius: 50%;}
button.icon_u {width: 5.31vw;height: 5.31vw;background: #f0b709;border:none;outline:none;border-radius: 3px;color: #fff;font-size: 3.28vw;font-weight: 700;border-radius: 50%;}
button.icon_i {width: 5.31vw;height: 5.31vw;background: #ce171f;border:none;outline:none;border-radius: 3px;color: #fff;font-size: 3.28vw;font-weight: 700;border-radius: 50%;}
button.icon_x {width: 5.31vw;height: 5.31vw;background: #c1c1c1;border:none;outline:none;border-radius: 3px;color: #fff;font-size: 3.28vw;font-weight: 700;border-radius: 50%;}
/* -end- 버튼 */

/* 상호작용 */
.material-result li a { width: 90%; }
.material-result li p.text-name,
.material-result li p.text-material,
.material-result li em.text-material-en { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/* -end- 상호작용 */

/* 의약품 상세 페이지 */
.swiper-tab-content .swiper-wrapper .swiper-slide > table.data-table tbody td:first-of-type { border-left: 1px solid #c7c7c7; }
/* -end- 의약품 상세 페이지 */

/* 관심의약품 */
section.tabArea.att { margin-top: 60px; }
/* -end- 관심의약품 */

/* 비급여 */
.selRegion > li.variationsRadio label input[type="radio"] ~ span { padding: 0; }
/* -end- 비급여 */

/* 편의점상비약 */
header.sub .btn-report { position: absolute; top: 0; right: 8px; display: inline-block; padding: 6px 18px; font-size: 14px; color: #540bff; border: 1px solid #540bff; border-radius: 40px; }
header.sub .btn-search { position: absolute; top: 0; right: 23px; font-size: 30px; color: #807f7f; cursor: pointer; }
main.convenience-stores { height: 297px; background: rgba(0, 0, 0, 0.3) url("../images/bg-convenience-stores.jpg") center no-repeat; background-size: cover; }
section.wrap-search-location { position: fixed; top: 0; left: 100%; width: 100%; height: 100vh; margin: 0; padding: 0; background: #fff; z-index: 1000; }
section.wrap-search-location header { position: absolute; top: 0; width: 100%; height: 60px; padding: 10px 0 0 60px; box-sizing: border-box; background: #fff; border-bottom: 1px solid #e2e2e2; }
section.wrap-search-location header .keyword-search-location { width: 80%; font-size: 14px; color: #807f7f; border: 0; }
section.wrap-search-location header .back-map { position: absolute; top: 20px; left: 23px; width: 12px; height: 24px; background: url("../images/bullet-left.png") 0 0 no-repeat; }
section.wrap-search-location header .btn-search-location { position: absolute; top: 16px; right: 16px; font-size: 30px; color: #807f7f; cursor: pointer; }
section.wrap-search-location .location-list { padding: 60px 23px 40px; height: 100vh; overflow-y: auto; box-sizing: border-box; }
section.wrap-search-location .location-list .desc-search,
section.wrap-search-location .location-list .no-location { height: 100vh; padding-top: 200px; font-size: 16px; color: #807f7f; text-align: center; box-sizing: border-box; }
section.wrap-search-location .location-list .no-location { display: none; }
section.wrap-search-location .location-list .location-detail { display: flex; padding: 16px 0; border-bottom: 1px solid #f5f5f5; cursor: pointer; }
section.wrap-search-location .location-list .location-detail .icon-location { margin-right: 16px; color: #b4b4b4; }
section.wrap-search-location .location-list .location-detail .wrap-place-address { display: inline-block; }
section.wrap-search-location .location-list .location-detail .place-name { display: block; margin-bottom: 8px; font-weight: bold; font-size: 16px; color: #000; }
section.wrap-search-location .location-list .location-detail .place-name .highlight { color: #540bff; }
section.wrap-search-location .location-list .location-detail .address-name { display: block; font-size: 12px; color: #807f7f; }
section.wrap-search-location .location-list .location-detail:last-of-type { margin-bottom: 0; }
section.main.convenience-stores { padding-top: 40px; }
section.main.convenience-stores #map { width: 100%; margin: 0 auto; }
section.main.convenience-stores #map .bg-loading { display: none; position: absolute; top: 20px; width: 100%; max-width: 600px; height: 100%; max-height: 900px; background-color: rgba(0, 0, 0, 0.3); z-index: 100; }
section.main.convenience-stores #map .bg-loading img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100%; max-width: 50px; }
section.main.convenience-stores #map #cvs-info { display: none; position: absolute; bottom: 0; padding: 32px 24px 40px; background-color: #fff; width: 100%; min-height: 160px; box-sizing: border-box; border-top-left-radius: 15px; border-top-right-radius: 15px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2); z-index: 1000000000; }
section.main.convenience-stores #map #cvs-info .cvs-info-close { position: absolute; top: 10px; right: 10px; }
section.main.convenience-stores #map #cvs-info .cvs-name { margin-bottom: 16px; padding-bottom: 16px; font-size: 16px; font-weight: bold; color: #000; border-bottom: 1px solid #000; }
section.main.convenience-stores #map #cvs-info .cvs-address { margin-bottom: 8px; font-size: 14px; color: #000; }
section.main.convenience-stores #map #cvs-info .cvs-phone-no { font-size: 14px; color: #000; }
section.main.convenience-stores #map #cvs-info .wrap-btn-route { margin-top: 16px; text-align: right; }
section.main.convenience-stores #map #cvs-info .cvs-route img { width: 100%; max-width: 44px; border-radius: 10px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18), 0 1px 10px 0 rgba(0, 0, 0, 0.1); }
section.main.convenience-stores #map #cvs-info .kakao-route { margin-right: 24px; }
/* section.main.convenience-stores #map #cvs-info .cvs-route { display: inline-block; background-color: #540bff; box-sizing: border-box; border-radius: 40px; padding: 6px 32px; font-size: 14px; line-height: 24px; color: #fff; }
section.main.convenience-stores #map #cvs-info .naver-map-route { margin: 0 5px; } */
section.main.convenience-stores #map .wrap-store-info { display: flex; align-items: center; border: 1px solid #540bff; border-radius: 40px; box-sizing: border-box; padding: 5px 15px 5px 5px; width: 200px;  background-color: #fff; }
section.main.convenience-stores #map .wrap-store-info .wrap-icon { margin-right: 10px; background-color: #540bff; border-radius: 36px; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center }
section.main.convenience-stores #map .wrap-store-info .wrap-icon .icon-location { color: #fff; }
section.main.convenience-stores #map .wrap-store-info .cvs-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; width: 80%; text-align: center; }
section.main.convenience-stores #map .wrap-store-info .arrow-down { position: absolute; bottom: 1px; left: 0; right: 0; margin: 0 auto; }
section.main.convenience-stores #map .wrap-store-info .arrow-down:after,
section.main.convenience-stores #map .wrap-store-info .arrow-down:before { border-top: 10px solid white; border-left: 10px solid transparent; border-right: 10px solid transparent; margin-left: -10px; position: absolute; bottom: -10px; content: ''; left: 50%; }
section.main.convenience-stores #map .wrap-store-info .arrow-down:before { border-right: 10px solid transparent; border-top: 10px solid; border-left: 10px solid transparent; border-top-color: #540bff; bottom: -11px; margin-left: -10px; }
section.main.convenience-stores #map .pos-notice { display: none; position: absolute; left: 0; right: 0; bottom: 40px; z-index: 100; margin: 0 auto; box-sizing: border-box; width: 90%; max-width: 270px; height: 32px; }
section.main.convenience-stores #map .pos-notice .wrap-notice { display: flex; justify-content: space-between; align-items: center; padding: 6px 24px; box-sizing: border-box; width: 100%; height: 100%; border-radius: 10px; background-color: rgba(0, 0, 0, 0.7); }
section.main.convenience-stores #map .pos-notice .wrap-notice .notice { font-size: 12px; color: #fff; /*letter-spacing: -1px;*/ width: 100%; text-align: center; }
section.main.convenience-stores #map .wrap-my-location { display: none; position: absolute; bottom: 23px; right: 23px; z-index: 10; width: 40px; height: 40px; background: #fff; box-sizing: border-box; border-radius: 8px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.14); text-align: center; }
section.main.convenience-stores #map .wrap-my-location .btn-my-location { line-height: 1.65; color: #540bff; cursor: pointer; }
/* section.main.convenience-stores #map .pos-notice .wrap-notice .notice-close { width: 24px; height: 24px; color: #fff; }
section.main.convenience-stores #map .pos-notice .wrap-notice .notice-close .material-icons { vertical-align: -10px; } */
section.main.convenience-stores iframe { border: 0; width: 100%; height: 4150px; margin: 0 auto; display: block; }
/* -end- 편의점상비약 */

/* 게시판 */
header.sub a.prev-page { position: absolute; top: 0; left: 23px; width: 12px; height: 24px; background: url("../images/bullet-left.png") 0 0 no-repeat; }
.listDetail li.listContent img { max-width: 100%; }
.board-detail li { overflow: hidden; padding: 23px 0; border-bottom: 1px solid #e0e0e0; box-sizing: border-box; }
.board-detail li.board-title { font-size: 14px; }
.board-detail li.board-title .ld-title { margin-bottom: 12px; font-weight: bold; line-height: 23px; }
.board-detail li.board-title em { color: #807f7f; }
.board-detail li.board-content { padding: 40px 0; }
.board-detail li.board-content img { max-width: 100%; }
.board-detail li.wrap-board-file { margin: 8px 0; padding: 8px 0; background-color: #f5f5f5; border: 0; }
/* .board-detail li.wrap-board-file .board-files-detail {  } */
.board-detail li.wrap-board-file .board-files-detail li { border: 0; padding: 8px; font-size: 14px; color: #3e3939; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.board-detail li.wrap-board-file .board-files-detail li .icon-file { width: 16px; height: 16px; }
.board-detail li.wrap-board-file .board-files-detail li > a { margin-left: 4px; }
.board-detail li.wrap-board-file .board-files-detail li > a:active { text-decoration: underline; }
/* -end- 게시판 */

/* mydi */
.bg-loading { display: none; position: fixed; top: 45%; left: 0; right: 0; z-index: 100; margin: 0 auto; text-align: center; }
.bg-loading img { width: 50px; height: 50px; }
.pop .btn-confirm { color: #fff; background-color: #000; }
.pop .btn-cancel { border: 1px solid #000; }
/* -end- mydi */

/* 약꿍이센터 */
.wrap-view-more { margin-top: 20px; width: 100%; text-align: center; }
.wrap-view-more .view-more { display: inline-block; position: relative; height: auto; padding: 0 20px; margin: 0 1px 20px 0; color: #540bff; font-size: 14px; line-height: 33px; background: transparent; border: 1px solid #540bff; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; box-sizing: border-box; }
/* -end- 약꿍이센터 */

/* 복약지도 */
.box-categories { margin-top: 50px; }
.box-categories .category { display: inline-block; position: relative; height: auto; padding: 0 20px; margin: 0 1px 20px 0; color: #540bff; font-size: 14px; line-height: 33px; background: transparent; border: 1px solid #540bff; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; box-sizing: border-box; cursor: pointer; }
.box-categories .category:first-of-type { margin-left: 0; }
.box-categories .category.selected { color: #fff; background-color: #540bff; }
.wrap-youtube-player { width: 95%; max-width: 400px; height: 95%; max-height: 300px; padding: 42px 0 0; background: none; }
.wrap-youtube-player .close-pop { position: absolute; top: 0; right: 0; }
.wrap-youtube-player .close-pop .material-icons { font-size: 36px; font-weight: bold; color: #fff; cursor: pointer; }
.wrap-youtube-player .youtube-player { width: 100%; max-width: 600px; height: 100%; max-height: 400px; border: 0; }
.body-no-scroll { overflow: hidden; }
/* -end- 복약지도 */

/* 주사제배합 유료 설명 */
.wrap-new-injection { margin-top: 40px; }
.wrap-new-injection .new-injection-title { margin-bottom: 8px; font-size: 20px; font-weight: 800; color: #000; }
.wrap-new-injection .wrap-new-injection-desc { width: 100%; font-size: 14px; font-weight: normal; line-height: 20px; }
.wrap-new-injection .wrap-new-injection-desc .new-injection-subtitle { margin-bottom: 24px; color: #000; }
.wrap-new-injection .wrap-new-injection-desc .new-injection-subtitle strong { font-weight: bold; }
.wrap-new-injection .wrap-new-injection-desc .new-injection-desc { color: #000; }
.wrap-new-injection .wrap-new-injection-desc .new-injection-desc strong { font-weight: bold; }
.wrap-new-injection .wrap-new-injection-desc .new-injection-desc .pc-only { color: #540bff; }
.wrap-new-injection .wrap-new-injection-desc .new-injection-desc .apply { color: #f0144e; }
.wrap-new-injection .wrap-new-injection-desc-img { margin-top: 40px; }
.wrap-new-injection .wrap-new-injection-desc-img .new-injection-desc-img { width: 100%; max-width: 600px; margin-bottom: 16px; }
.wrap-new-injection .wrap-new-injection-desc-img .new-injection-desc-img:last-of-type { margin-bottom: 44px; }
.wrap-new-injection-apply { width: 100%; height: 56px; }
.wrap-new-injection-apply .new-injection-apply { display: flex; justify-content: center; align-items: center; width: 100%; height: 56px; background-color: #f0144e; border-radius: 500px; font-size: 16px; color: #fff; }
/* -end- 주사제배합 유료 설명 */


/*약관 3번 테이블*/
.serviceTable {border-collapse:collapse; border-spacing:0; }

.serviceTable td { border-width:1px; font-size:14px; overflow:hidden; padding:10px 5px; word-break:normal; width:60px; text-align:center;}

.serviceTable th { border-width:1px; font-size:14px; font-weight:normal; overflow:hidden; padding:10px 5px; word-break:normal; }

.serviceTable.serviceTable-0pky { text-align:left; vertical-align:top; }

.serviceTable.serviceTable-0lax { text-align:left; vertical-align: top; }

.serviceMarketTb { border-collapse:collapse; border-spacing:0; }

.serviceMarketTb td { width:165px; text-align:center; font-size:14px; font-weight:normal; word-break:normal; overflow:hidden; padding:10px 5px;}

.serviceMarketTb th { font-size:14px; font-weight:normal; word-break:normal; overflow:hidden; padding:10px 5px;}
/* -end- 약관 3번 테이블


/*마케팅수집 동의약관*/
.marketInfoTable { border-collapse:collapse; border-spacing:0; }

.marketInfoTable td { border-width:1px; font-weight:normal; overflow:hidden; padding:10px 5px; word-break:normal; height:142px; text-align:center;}

.marketInfoTable th { width: 274px; }

.marketInfoTable.marketInfoTable-0lax{text-align:left; vertical-align:top }
/*-end- 마케팅수집 동의약관*/
