@charset "UTF-8";
/* 나눔스퀘어*/
@font-face { font-family: 'NS'; src: url("../font/NanumSquare_acL.otf"); src: url("../font/NanumSquare_acL.otf") format("opentype"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'NS'; src: url("../font/NanumSquare_acR.otf"); src: url("../font/NanumSquare_acR.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'NS'; src: url("../font/NanumSquare_acB.otf"); src: url("../font/NanumSquare_acB.otf") format("opentype"); font-weight: bold; font-style: normal; }

@font-face { font-family: 'NS'; src: url("../font/NanumSquare_acEB.otf"); src: url("../font/NanumSquare_acEB.otf") format("opentype"); font-weight: 800; font-style: normal; }

/* 나눔바른고딕*/
@font-face { font-family: 'NBG'; src: url("../font/NanumBarunGothicL.otf"); src: url("../font/NanumBarunGothicL.otf") format("opentype"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'NBG'; src: url("../font/NanumBarunGothic.otf"); src: url("../font/NanumBarunGothic.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'NBG'; src: url("../font/NanumBarunGothicB.otf"); src: url("../font/NanumBarunGothicB.otf") format("opentype"); font-weight: bold; font-style: normal; }

.unorder-list li { margin-bottom: 5px; }

.unorder-list li:last-child { margin-bottom: 10px; }

.unorder-list li:nth-child(1):before { content: "1 시간 : "; padding-right: 20px; }

.unorder-list li:nth-child(2):before { content: "2 시간 : "; padding-right: 20px; }

.unorder-list li:nth-child(3) { font-weight: bold; }

.unorder-list li:nth-child(3):before { content: "3 시간 : "; padding-right: 20px; }

.unorder-list li:nth-child(4):before { content: "4 시간 : "; padding-right: 20px; }

/* reset.css */
html, body { width: 100%; height: 100%; }

body { margin: 0 auto; color: #000000; font-family: "NS"; font-size: 16px; font-weight: normal; background: #fff; }

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, fieldset, input, select, textarea, button { margin: 0; padding: 0; font-weight: normal; }

input, textarea, select { vertical-align: middle; outline: none; }

a, a:link, a:visited, a:active, a:hover, a:focus { color: inherit; text-decoration: none; }

ul, ol { overflow: hidden; list-style: none; }

fieldset, img { border: 0; }

img { width: auto; vertical-align: top; }

table { border-collapse: collapse; border-spacing: 0; width: 100%; }

legend { padding: 0; }

legend span, caption span { position: absolute; left: -9999px; }

hr { overflow: visible; margin-top: 45px; color: #ccc; text-align: center; border: none; border-top: 1px solid #ccc; }

hr:after { content: '§ § §'; position: relative; top: -15px; padding: 0 5px; font-size: 12px; background: #fff; }

em { font-style: normal; }

button { position: relative; color: #000; border: none; cursor: pointer; }

button:focus { outline: 1; }

button span { display: block; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; text-align: center; }

/* placeholder color */
::-webkit-input-placeholder { color: #bebebe; font-family: 'NS'; font-size: 14px; font-weight: normal; }

:-moz-placeholder { /* Firefox 18- */ color: #bebebe; font-family: 'NS'; font-size: 14px; font-weight: normal; }

::-moz-placeholder { /* Firefox 19+ */ color: #bebebe; font-family: 'NS'; font-size: 14px; font-weight: normal; }

/* input type=number 증가버튼 숨김 */
/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Firefox */
input[type=number] { -moz-appearance: textfield; }

/* input search X clear */
input::-ms-clear, input::-ms-reveal { display: none; width: 0; height: 0; }

input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration { display: none; }

input[type=text] { -webkit-appearance: none; -webkit-border-radius: 0; }

.unorder-list li { margin-bottom: 5px; }

.unorder-list li:last-child { margin-bottom: 10px; }

.unorder-list li:nth-child(1):before { content: "1 시간 : "; padding-right: 20px; }

.unorder-list li:nth-child(2):before { content: "2 시간 : "; padding-right: 20px; }

.unorder-list li:nth-child(3) { font-weight: bold; }

.unorder-list li:nth-child(3):before { content: "3 시간 : "; padding-right: 20px; }

.unorder-list li:nth-child(4):before { content: "4 시간 : "; padding-right: 20px; }

/* Link button */
.btnLink { display: block; width: 100%; color: #1d1d1d; text-align: center; line-height: 56px; background: #ffffff; border: 1px solid #1d1d1d; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; }

/* Form button */
button[type=button] { display: block; font-family: 'NS'; font-size: 16px; background: transparent; }

button[type=button].btnNext { width: 100%; margin-top: 75px; color: #ffffff; text-align: center; line-height: 56px; background: #540bff; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; }

button[type=button].btnNext:disabled { background: #e2e2e2; }

button[type=button].confirm { width: 130px; margin: 23px auto 0; color: #ffffff; line-height: 31px; background: #540bff; border: 1px solid #540bff; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; }

button[type=button].confirm:disabled { color: #1d1d1d; background: #ffffff; border: 1px solid #1d1d1d; }

button[type=button].popConfirm { width: 105px; line-height: 33px; color: #ffffff; background: #000000; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; }

button[type=button].btnLogin { width: 100%; margin: 23px auto 0; color: #ffffff; line-height: 54px; background: #540bff; border: 1px solid #540bff; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; }

button[type=button].btnLogin:disabled { color: #1d1d1d; background: #ffffff; border: 1px solid #1d1d1d; }

button[type=button].plus { display: inline-block; width: 29px; height: 29px; background: url("../images/ico-circle-plus.png") center no-repeat; }

.unorder-list li { margin-bottom: 5px; }

.unorder-list li:last-child { margin-bottom: 10px; }

.unorder-list li:nth-child(1):before { content: "1 시간 : "; padding-right: 20px; }

.unorder-list li:nth-child(2):before { content: "2 시간 : "; padding-right: 20px; }

.unorder-list li:nth-child(3) { font-weight: bold; }

.unorder-list li:nth-child(3):before { content: "3 시간 : "; padding-right: 20px; }

.unorder-list li:nth-child(4):before { content: "4 시간 : "; padding-right: 20px; }

/* ---------- 컨텐츠 ---------- */
#wrap { position: relative; width: 100%; min-width: 360px; max-width: 414px; padding-bottom: 130px; margin: 0 auto 70px; box-sizing: border-box; }

#wrap.main { padding-bottom: 0; }

header.main { position: absolute; top: 30px; left: 23px; z-index: 5; background: transparent; }

header.main h1 { display: inline-block; width: 100%; line-height: 1; }

header.main h1 a { display: inline-block; width: 120px; }
header.main h1 a img { width: 100%; }

header.main button[type=button].localPrev { width: 12px; height: 24px; background: transparent url("../images/bullet-left.png") 0 0 no-repeat; }

header.main button[type=button].localPrev span { position: absolute; left: -9999px; }

header.sub { position: fixed; top: 0; left: 50%; z-index: 3; transform: translateX(-50%); width: 100%; min-width: 360px; max-width: 414px; height: 40px; padding-top: 20px; background: #ffffff; /* 팝업레이어 검색영역 추가 */ }

header.sub .subHeadline { position: relative; }

header.sub .subHeadline h1 { font-size: 25px; text-align: center; }

header.sub .subHeadline h1 em { color: #540bff; font-weight: 800; }

header.sub .subHeadline h1 span { display: inline-block; }

header.sub .subHeadline h1 .pHeadline { font-size: 25px; transition: all 0s; }

header.sub .subHeadline h1 .mHeadline { font-size: 0; transition: all 0s; }

header.sub .subHeadline h1.on .pHeadline { font-size: 0; transition: all 0s; }

header.sub .subHeadline h1.on .mHeadline { font-size: 16px !important; transition: all 0s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 75%; }

header.sub button.prev { position: absolute; top: 0; left: 23px; width: 12px; height: 24px; background: url("../images/bullet-left.png") 0 0 no-repeat; }

header.sub.pSearch { height: 135px; }

header.sub.pSearch .sectionWrap { padding: 0 23px; }

header.sub.pSearch .sectionWrap .field.sub { margin-top: 40px; }

footer { width: 100%; min-width: 360px; max-width: 414px; margin: 0 auto; padding: 55px 23px 143px; text-align: left; background: #f8f8f7; box-sizing: border-box; }

footer h1 { padding-bottom: 20px; color: #333333; font-family: 'NS'; font-size: 19px; font-weight: 800; border-bottom: 1px solid #333333; }

footer .corp { overflow: hidden; margin-top: 20px; }

footer .corp dt { float: left; padding-bottom: 5px; margin-right: 15px; color: #666666; font-family: 'NS'; font-size: 14px; font-weight: bold; }

footer .corp dd { padding-bottom: 20px; color: #333333; font-family: 'NS'; font-size: 14px; font-weight: 300; }

footer .corp dd:last-of-type { padding-bottom: 0; }

footer .snsList { overflow: hidden; margin-top: 30px; }

footer .snsList li { float: left; margin-right: 30px; }

footer .termList { overflow: hidden; margin-top: 32px; }

footer .termList li { float: left; padding-right: 9px; font-family: 'NS'; font-size: 14px; font-weight: bold; }

footer .termList li:after { content: '|'; padding-left: 9px; font-weight: 300; }

footer .termList li.emphasis { color: #ffffff; }

footer .termList li:last-of-type:after { content: ''; }

footer .family { margin-top: 10px; }

footer .family .famTitle { padding-bottom: 10px; font-family: 'NS'; font-size: 14px; font-weight: bold; }

footer .family .famItem a { font-size: 13px; }

footer .copyright { margin-top: 35px; font-family: 'NS'; font-size: 14px; font-weight: 300; line-height: 1; }

footer .copyright em { font-family: 'NS'; font-weight: bold; }

.gnb { position: fixed; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 10; width: 100%; min-width: 360px; max-width: 414px; height: 99px; background: transparent; }

.gnb .find { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 56px; height: 56px; background: #540bff url("../images/ico-find.png") center no-repeat; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; }

.gnb .find.close { background: #540bff url("../images/find-close.png") center no-repeat; }

.gnb .gnbList { width: 100%; height: 100%; background: url("../images/gnb_bg.png") 0 0 no-repeat; background-size: 100%; }

.gnb .gnbList li { float: left; width: calc(100% / 5); height: 56px; padding-top: 35px; text-align: center; }

.gnb .gnbList li em { display: block; padding-top: 10px; font-size: 14px; letter-spacing: -1px; }

.gnb .gnbList li:nth-child(3) { -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1); }

.searchCate { position: fixed; bottom: -267px; z-index: 9; width: 100%; min-width: 360px; max-width: 414px; height: 267px; background-color: rgba(0, 0, 0, 0.75); border-top-left-radius: 20px; border-top-right-radius: 20px; transition: all .5s; }

.searchCate.on { bottom: 0; transition: all .5s; }

.searchCate .cateWrap { position: relative; padding-top: 50px; color: #ffffff; font-size: 15px; text-align: center; }

.searchCate .cateWrap > p { margin-bottom: 35px; }

.searchCate .cateWrap .barCode { display: inline-block; padding-left: 25px; color: #ffffff; font-family: 'NS'; font-size: 15px; background: url("../images/ico-barcode.png") 0 2px no-repeat; }

.searchCate .cateWrap .diCode { padding-left: 25px; background: url("../images/ico-medi.png") 0 center no-repeat; }

main { position: relative; width: 100%; padding: 137px 23px 0; box-sizing: border-box; }

main .mainTitle { color: #ffffff; font-size: 36px; font-weight: 300; line-height: 42px; }

main .mainTitle em { display: inline-block; font-weight: 800; }

main .smTitle { color: #ffffff; font-size: 31px; font-weight: 300; line-height: 42px; }

main .smTitle em { display: inline-block; font-weight: 800; }

main .di_1, main .di_2 { color: #ffffff; font-size: 18px; font-weight: 300; line-height: 23px; }

main .di_1 .num, main .di_2 .num { font-size: 24px; font-weight: bold; border-bottom: 1px solid #ffffff; }

main .di_1 strong, main .di_2 strong { font-weight: bold; }

main .di_1 { padding-top: 15px; }

main .di_2 { padding-top: 9px; }

main.main { height: 373px; background-image: linear-gradient(135deg, #d43f8d, #0250c5 100%); }

main.medicine { height: 320px; background: url("../images/bg-medicine.png") center no-repeat; background-size: cover; }

main.injection { height: 297px; background: url("../images/bg-injection.png") center no-repeat; background-size: cover; }

main.price { height: 297px; background: url("../images/bg-price.png") center no-repeat; background-size: cover; }

main.center { height: 297px; background: url("../images/bg-center.png") center no-repeat; background-size: cover; }

main.nonPayment { height: 297px; background: url("../images/bg-nonpayment.png") center no-repeat; background-size: cover; }

main.guidance { height: 297px; background: rgba(0, 0, 0, 0.3) url("../images/bg-guidance.png") center no-repeat; background-size: cover; }

main.bioBig { height: 297px; background: rgba(0, 0, 0, 0.3) url("../images/bg-biobig.png") center no-repeat; background-size: cover; }

main .visuMask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); }

section { width: 100%; padding: 0 23px; box-sizing: border-box; }

section h2 { font-size: 20px; font-weight: 800; }

section.main { padding: 0; background: #ffffff; }

section.main .sectionWrap { padding: 0 23px; box-sizing: border-box; }

section.main .sectionWrap .field { width: calc(100% - 46px); }

section.main .sectionWrap .field.sub { width: 100%; }

section.main .sectionWrap .field.sub .searchWrap { border: 1px solid #e0e0e0; box-shadow: none; }

section.main .sectionWrap .bioCaption { margin-top: 40px; padding: 22px 0; font-size: 14px; font-weight: bold; line-height: 23px; border-top: 1px solid #540bff; border-bottom: 1px solid #e0e0e0; }

section.main .blank { display: block; height: 15px; margin: 45px 0; background: #f5f5f5; }

section.main > .medicineImg { margin: 40px 0 25px; }

section.main > .medicineImg img { width: 100%; }

section.curiosity { margin-top: 40px; padding: 40px 23px; font-size: 15px; font-weight: bold; line-height: 23px; background: #f5f5f5; }

.searchWrap { position: relative; width: 100%; height: 55px; padding: 0 23px; background: #ffffff; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; box-sizing: border-box; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }

.searchWrap select { float: left; width: 85px; height: 55px; padding: 0; padding-right: 24px; background-color: transparent; border: 0; text-overflow: ellipsis; }

.searchWrap input[type=search] { width: 100%; height: 55px; padding: 0 20px 0 0; line-height: 55px; background: transparent; border: 0; border-radius: none; }

.searchWrap input[type=search].inj { width: 100%; padding-left: 0; }

.searchWrap input[type=search].inj2 { width: calc(100% - 85px); padding-left: 5px; letter-spacing: -1px; }

.searchWrap button.btnSearch { position: absolute; top: 15px; right: 15px; width: 22px; height: 24px; background: url("../images/ico-search.png") 0 0 no-repeat; }

.searchWrap button.btnSearch em { position: absolute; left: -9999px; }

.cameraBarcode { position: absolute; top: 16px; right: 23px; z-index: 1; width: 30px; height: 22px; background: url("../images/ico-camera-barcode.png") 0 0 no-repeat; }

.sectionWrap { position: relative; width: 100%; box-sizing: border-box; }

.sectionWrap .field { position: absolute; top: -28px; width: 100%; }

.sectionWrap .field.sub { position: relative; top: 0; margin-top: 80px; width: 100%; }

.sectionWrap .field.sub.medication { margin-top: 0; margin-bottom: 25px; }

.sectionWrap .moreMedi { margin-bottom: 30px; font-size: 15px; font-weight: bold; }

.sectionWrap .recTitle { padding-top: 70px; font-size: 15px; font-weight: bold; }

.sectionWrap .recTitle.pt0 { padding-top: 0; }

.sectionWrap .recTitle button.toggle, .sectionWrap .recTitle button.myToggle, .sectionWrap .recTitle button.recToggle { width: 20px; height: 10px; margin-left: 10px; background: url("../images/ac-up.png") center no-repeat; }

.sectionWrap .recTitle button.toggle.hide, .sectionWrap .recTitle button.myToggle.hide, .sectionWrap .recTitle button.recToggle.hide { background: url("../images/ac-down.png") center no-repeat; }

.sectionWrap > h2 { margin-bottom: 20px; }

.sectionWrap > h2.mypage { margin-bottom: 30px; font-size: 16px; }

.sectionWrap > h2.bio { padding-bottom: 15px; margin-bottom: 40px; font-size: 16px; font-weight: bold; line-height: 1; border-bottom: 1px solid #000000; }

.sectionWrap > h2.talk { font-size: 16px; font-weight: 800; }

.sectionWrap > h3.bio { color: #540bff; font-size: 15px; font-weight: bold; line-height: 1; }

.sectionWrap > h3.bio.lineH { line-height: 20px; }

.sectionWrap .viewMore { position: absolute; top: 2px; right: 23px; font-size: 15px; }

.sectionWrap .diData li { position: relative; float: left; width: calc(100% / 2 - 3.5px); height: 180px; padding: 22px; margin-bottom: 7px; color: #818080; font-size: 14px; line-height: 19px; border: 1px solid #d8d8d8; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; box-sizing: border-box; }

.sectionWrap .diData li a.area { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.sectionWrap .diData li:nth-child(even) { float: right; }

.sectionWrap .diData li:nth-child(1) { background: url("../images/di-data-bg01.png") 80% bottom no-repeat; }

.sectionWrap .diData li:nth-child(2) { background: url("../images/di-data-bg02.png") 80% bottom no-repeat; }

.sectionWrap .diData li:nth-child(3) { background: url("../images/di-data-bg03.png") 80% bottom no-repeat; }

.sectionWrap .diData li:nth-child(4) { background: url("../images/di-data-bg04.png") 80% bottom no-repeat; }

.sectionWrap .diData li h3 { padding-bottom: 7px; color: #000000; font-size: 17px; font-weight: 800; }

.sectionWrap .diData.medPrice { margin-top: 70px; margin-bottom: 25px; }

.sectionWrap .diData.medPrice li { height: 140px; margin-bottom: 0; }

.sectionWrap .diData.medPrice li a { display: block; height: 100%; }

.sectionWrap .diData.medPrice li:nth-child(1) { background: url("../images/ico-map.png") 80% 85% no-repeat; }

.sectionWrap .diData.medPrice li:nth-child(2) { float: right; background: url("../images/ico-building.png") 80% 85% no-repeat; }

.sectionWrap .cateList li { float: left; width: calc(100% / 4); text-align: center; }

.sectionWrap .cateList li em { display: block; padding-top: 23px; font-size: 14px; letter-spacing: -1px; }

.sectionWrap .ch { width: 100%; }

.sectionWrap .ch img { width: 100% !important; }

.sectionWrap .newsList { border-top: 1px solid #000000; }

.sectionWrap .newsList li { padding: 20px 0; font-size: 15px; border-bottom: 1px solid #d8d8d8; }

.sectionWrap .newsList li .newsTitle { padding-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }

.sectionWrap .newsList li .date { color: #807f7f; }

.sectionWrap.sub { margin: 50px 0; }

.sectionWrap.sub h2 { font-size: 15px; font-weight: bold; }

.sectionWrap.sub .injBox { overflow: hidden; position: relative; width: 100%; padding: 20px 23px 20px; border: 1px solid #807f7f; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; box-sizing: border-box; }

.sectionWrap.sub .injBox .default { padding: 20px 0; text-align: center; }

.sectionWrap.sub .injBox .default p { padding-top: 20px; font-size: 15px; font-weight: bold; }

.sectionWrap.sub .injBox .injList { width: 100%; }

.sectionWrap.sub .injBox .injList li { position: relative; padding: 20px 20px 20px 0; font-size: 14px; border-bottom: 1px solid #e0e0e0; box-sizing: border-box; }

.sectionWrap.sub .injBox .injList li p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 95%; }

.sectionWrap.sub .injBox .injList li p.engName { margin-top: 7px; color: #807f7f; font-weight: normal; }

.sectionWrap.sub .injBox .injList li .del { display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 12px; height: 12px; background: url("../images/btns-s-close.png") center no-repeat; cursor: pointer; }

.sectionWrap.sub .injBox .injList li:last-of-type { padding-right: 0; padding-bottom: 0; text-align: center; border-bottom: 0; }

.sectionWrap.sub .injBox a.plus { display: inline-block; width: 29px; height: 29px; background: url("../images/ico-circle-plus.png") center no-repeat; }

.sectionWrap.sub .seLimited { margin-top: 13px; color: #f0144e; font-size: 14px; text-align: center; }

.sectionWrap.sub .rotation { display: block; margin: 30px 0; text-align: center; }

.sectionWrap.myPage { margin-top: 130px; }

.sectionWrap.myPage h1 { margin-bottom: 34px; font-size: 25px; }

.sectionWrap.myPage h1 em { color: #540bff; font-weight: 800; }

.sectionWrap.myPage > .login { margin-bottom: 40px; font-size: 16px; }

.sectionWrap.myPage > .login span { display: block; }

.sectionWrap.myPage > .login span a { color: #540bff; font-weight: 800; }

.sectionWrap.myPage ul.attention li { float: left; width: calc(100% / 2); text-align: center; border-right: 1px solid #000000; box-sizing: border-box; }

.sectionWrap.myPage ul.attention li:last-of-type { border-right: 0; }

.sectionWrap.myPage ul.attention li span { display: block; margin-top: 16px; font-size: 14px; }

.sectionWrap .center { overflow: hidden; }

.sectionWrap .center a.mTalk { display: block; float: left; width: 93px; height: 42px; font-size: 14px; text-align: right; line-height: 42px; background: url("../images/ico-center.png") left 0 no-repeat; }

.sectionWrap .center .centerGuide { float: right; color: #540bff; font-size: 15px; font-weight: 800; line-height: 1.5; }

.sectionWrap .centerItem li { margin-top: 40px; background: url("../images/bullet-right-s.png") right 0 no-repeat; background-size: 9px 18px; }

.sectionWrap .centerItem li:first-of-type { margin-top: 0; }

.sectionWrap .centerItem li a { display: block; font-size: 16px; font-weight: 800; }

section.joinWrap { padding-top: 90px; padding-bottom: 40px; }

section.joinWrap h1 { font-size: 25px; font-weight: 800; text-align: center; }

section.joinWrap .memberClassfy { margin-top: 110px; }

section.joinWrap .memberClassfy li { margin-bottom: 7px; }

section.joinWrap .memberClassfy li:last-of-type { margin-bottom: 0; }

section.joinWrap .checkList { margin: 80px 0 0; }

section.joinWrap .checkList li { position: relative; margin: 15px 0; font-size: 15px; font-weight: bold; }

section.joinWrap .checkList li em { color: #540bff; }

section.joinWrap .dotWrap { padding: 40px 0 30px; text-align: center; }

section.joinWrap .dotWrap .dotList { display: inline-block; }

section.joinWrap .dotWrap .dotList li { float: left; width: 10px; height: 10px; margin-right: 10px; background: #e2e2e2; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }

section.joinWrap .dotWrap .dotList li:last-of-type { margin-right: 0; }

section.joinWrap .dotWrap .dotList li.on { background: #af8dfd; }

section.joinWrap .btnSet { margin-top: 95px; }

section.joinWrap .btnSet .set { overflow: hidden; width: 100%; height: 23px; font-size: 15px; }

section.joinWrap .btnSet .set li { position: relative; float: left; }

section.joinWrap .btnSet .set li input[type=checkbox] { margin-right: 10px; }

section.joinWrap .btnSet .set li:last-of-type { float: right; }

section.joinWrap .btnSet .set li:last-of-type button { color: #000000; font-size: 15px; letter-spacing: -1px; background: transparent; }

section.joinWrap .btnSet a.btnLink { margin-top: 10px; }

section.tabArea { padding: 0; margin-top: 30px; }

section.tabArea.att { margin-top: 120px; }

section.listWrap { margin-top: 120px; }

section.listWrap a.goList { display: block; width: 130px; height: 33px; margin-top: 40px; margin-left: 50%; color: #ffffff; font-size: 16px; text-align: center; line-height: 33px; background: #000000; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; transform: translateX(-50%); }

.formEle { margin-top: 55px; }

.formEle label { display: block; font-size: 16px; font-weight: 800; margin-bottom: 15px; }

.formEle label:after { content: '*'; color: #d82626; }

.formEle label.mt { margin-top: 30px; }

.formEle label.none:after { content: ''; }

.formEle .el { position: relative; margin-top: 30px; }

.formEle .el .certify { display: none; position: relative; margin-top: 30px; }

.formEle .el button[type=button].btnCertify { width: 129px; height: 33px; padding: 0 15px; margin: 30px auto 0; color: #ffffff; font-size: 16px; line-height: 33px; background: #540bff; border: 1px solid #540bff; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; box-sizing: border-box; }

.formEle .el button[type=button].btnCertify:disabled { color: #000000; background: #ffffff; border: 1px solid #000000; }

.formEle .el > .gender li { float: left; width: calc((100% - 20px) / 3); margin-left: 10px; box-sizing: border-box; }

.formEle .el > .gender li:first-of-type { margin-left: 0; }

.formEle .el > .gender li span { height: 30px; font-size: 15px; line-height: 30px; }

.formEle .el > .gender li input[type="radio"]:checked ~ span { color: #ffffff; font-size: 15px; font-weight: 800; line-height: 30px; background: #540bff; border: 1px solid #540bff; transition: background-color 0.5s ease-in-out; }

.formEle .el .switchBox { position: absolute; top: -7px; right: 0; }

.formEle .el .switchBox input[type=checkbox].switch { display: block; position: relative; width: 51px; height: 33px; background-color: rgba(120, 120, 128, 0.16); border: 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; transition: 0.5s; outline: none; -webkit-appearance: none; }

.formEle .el .switchBox input[type=checkbox].switch:before { content: ""; position: absolute; top: -8px; left: -8px; width: 49px; height: 49px; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); transform: scale(0.6); transition: 0.5s; }

.formEle .el .switchBox input[type=checkbox].switch:checked { background-color: #540bff; }

.formEle .el .switchBox input[type=checkbox].switch:checked:before { left: 11px; }

.formEle .el .export li { position: relative; float: left; width: calc(100% / 4); }

.formEle .el .export li label { font-size: 15px; font-weight: normal; }

.formEle .el .marketing li { position: relative; height: 23px; margin: 15px 0; }

.formEle .el .marketing li input[type=checkbox] + label { padding-left: 0; font-size: 15px; font-weight: normal; }

.formEle .el .marketing li input[type=checkbox] + label span { left: unset; right: 0; }

.formEle .el .marketing li input[type=checkbox]:disabled + label { color: #bebebe; }

.formEle .el .marketing li input[type=checkbox]:disabled + label span { border: 1px solid #bebebe; }

.formEle .pwWrap { position: relative; overflow: hidden; width: 100%; }

.formEle .pwWrap button.pwToggle { position: absolute; top: 12px; right: 10px; width: 20px; height: 20px; background: url("../images/ico-eye.png") 0 0 no-repeat; }

.formEle .pwWrap button.pwToggle.on { background: url("../images/ico-eye-slash.png") 0 0 no-repeat; }

.wordWrap { overflow: hidden; padding-top: 70px; margin-bottom: 20px; }

.wordWrap.sub { padding-top: 45px; }

.wordWrap.pt0 { padding-top: 0; }

.wordWrap.mb0 { margin-bottom: 0; }

.wordWrap.mb40 { margin-bottom: 40px; }

.wordWrap li a { display: inline-block; padding: 15px 25px 15px 0; font-size: 16px; font-weight: bold; background: url("../images/ac-up.png") 100% center no-repeat; }

.wordWrap li a.my-keyword { padding: 0; font-size: 14px; font-weight: normal; background: none; }
.wordWrap li a.on { background: url("../images/ac-down.png") 100% center no-repeat; }

.wordWrap li .accodion-content { position: relative; width: 100%; max-height: 130px; margin: 20px 0 0; }

.wordWrap li .accodion-content button.delAll { position: absolute; top: -50px; right: 0; font-size: 14px; }

.wordWrap .empty { text-align: center; }

.wordWrap .empty p { margin-top: 15px; color: #807f7f; font-size: 15px; }

.medListWrap { position: relative; padding: 40px 23px 0; box-sizing: border-box; }

.medListWrap button.attDel { position: absolute; top: 0; right: 23px; font-size: 14px; }

.medListWrap button.del { width: 12px; height: 12px; margin-top: 50px; background: url("../images/btns-s-close.png") 0 0 no-repeat; }

.medListWrap > .medList li { position: relative; }

.medListWrap > .medList li:nth-child(1) { width: 150px; box-sizing: border-box; }

.medListWrap > .medList li:nth-child(2) { width: calc(100% - 162px); padding: 0 10px; box-sizing: border-box; }

.medListWrap > .medList li:last-of-type { width: 12px; padding: 0; }

.medListWrap > .injectionList { border-top: 1px solid #000000; }

.medListWrap > .injectionList li { position: relative; padding: 20px 25px 20px 0; font-size: 14px; font-weight: bold; border-bottom: 1px solid #e0e0e0; box-sizing: border-box; }

.medListWrap > .injectionList li button.del { position: absolute; top: 50%; right: 0; transform: translateY(-50%); margin-top: 0; }

.fnItem { overflow: hidden; margin-bottom: 30px; }

.fnItem button[type=button] { float: left; margin-left: 7px; height: 33px; padding: 0 10px; color: #000000; font-size: 14px; text-align: left; border: 1px solid #807f7f; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; }

.fnItem button[type=button]:first-of-type { margin-left: 0; }

.fnItem button[type=button] em { display: inline-block; width: 16px; height: 8px; padding-left: 10px; background: url("../images/bullet-select.png") center no-repeat; }

.sortWrap, .viewWrap { position: fixed; bottom: -500px; left: 50%; z-index: 11; transform: translateX(-50%); width: 100%; max-width: 414px; padding: 40px 23px 20px; background: #ffffff; border-top-left-radius: 20px; border-top-right-radius: 20px; box-sizing: border-box; transition: all .5s; }

.sortWrap.on, .viewWrap.on { bottom: 0; }

.sortWrap > h2, .viewWrap > h2 { padding-bottom: 20px; font-size: 16px; font-weight: bold; line-height: 1; }

.sortWrap .sortItem, .viewWrap .sortItem { border-top: 1px solid #000000; }

.sortWrap .sortItem li, .viewWrap .sortItem li { position: relative; border-bottom: 1px solid #e0e0e0; }

.sortWrap .sortItem li:last-of-type, .viewWrap .sortItem li:last-of-type { border-bottom: 0; }

.sortWrap .sortItem li input[type=radio], .viewWrap .sortItem li input[type=radio] { display: none; width: 22px; height: 22px; border: 1px solid #000000; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; box-sizing: border-box; }

.sortWrap .sortItem li input[type=radio] + label, .viewWrap .sortItem li input[type=radio] + label { display: block; padding: 15px 0 15px 0; font-size: 15px; }

.sortWrap .sortItem li input[type=radio] + label span, .viewWrap .sortItem li input[type=radio] + label span { display: inline-block; position: absolute; top: 15px; right: 0; left: unset; width: 22px; height: 22px; background-color: #ffffff; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; box-sizing: border-box; }

.sortWrap .sortItem li input[type=radio]:checked + label span, .viewWrap .sortItem li input[type=radio]:checked + label span { width: 22px; height: 22px; background: url("../images/ico_check_mark_w.png") center no-repeat; border: none; }

.sortWrap .sortItem li input[type=radio]:checked + label span:before, .viewWrap .sortItem li input[type=radio]:checked + label span:before { display: none; }

.medList { position: relative; width: 100%; margin-bottom: 30px; }

.medList:last-of-type { margin-bottom: 0; }

.medList.pri { padding-top: 30px; }

.medList li { float: left; }

.medList li:first-of-type { width: 45%; }

.medList li:first-of-type img { width: 100%; border-radius: 13px; }

.medList li:last-of-type { width: 55%; padding-left: 10px; box-sizing: border-box; }

.medList li .mediInfo { letter-spacing: -1px; }

.medList li .mediInfo dt { margin-bottom: 10px; font-size: 15px; font-weight: 800; line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }

.medList li .mediInfo dd { margin-bottom: 10px; color: #807f7f; font-size: 14px; line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }

.medList li .mediInfo dd:last-of-type { margin-bottom: 0; }

.medList li .boxWrap { overflow: hidden; width: 100%; min-height: 24px; margin-bottom: 10px; }

.medList li .boxWrap span { display: inline-block; padding: 0 10px; font-size: 12px; text-align: center; line-height: 22px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; }

.medList li .boxWrap span.classify_A { color: #540bff; border: 1px solid #540bff; }

.medList li .boxWrap span.classify_B { color: #f0144e; border: 1px solid #f0144e; }

.medList li .boxWrap span.pay_A { color: #41bfc1; border: 1px solid #41bfc1; }

.medList li .boxWrap span.pay_B { color: #ff705f; border: 1px solid #ff705f; }

.mediArea { position: relative; width: 100%; min-height: 133px; margin-top: 95px; background: linear-gradient(111deg, #7873f5 2%, #ec77ab 98%) center no-repeat; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; box-sizing: border-box; }

.mediArea.nonPay { min-height: 108px; }

.mediArea.nonPay .mediTitle { position: absolute; top: 50%; left: 0; transform: translateY(-50%); }

.mediArea .mediTitle { position: relative; padding: 25px 20px; color: #ffffff; font-size: 14px; font-weight: normal; }

.mediArea .mediTitle span { display: block; font-size: 20px; font-weight: 800; line-height: 30px; }

.mediArea .bookmark { position: absolute; top: 10px; right: 10px; width: 20px; height: 25px; background: url("../images/ico-bookmark-off.png") center no-repeat; }

.mediArea .bookmark.on { background: url("../images/ico-bookmark.png") center no-repeat; }

button.recommend { display: inline-block; position: relative; height: auto; padding: 0 20px; margin: 0 1px 10px 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; }
button.recommend.my { padding: 0 40px 0 20px; }

button.recommend.my em.del { display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 40px; height: 100%; background: url("../images/btns-s-close.png") center no-repeat; background-size: 12px 12px;  cursor: pointer; }

.searchResult li { position: relative; padding: 20px 0; font-size: 14px; font-weight: bold; border-bottom: 1px solid #e0e0e0; }

.searchResult li input[type=checkbox] + label { padding-left: 0; font-weight: bold; }

.searchResult li input[type=checkbox] + label em { display: block; width: 90%; color: #807f7f; font-weight: normal; word-break: break-all; }

.searchResult li input[type=checkbox] + label span { position: absolute; top: 50%; right: 0; left: unset; transform: translateY(-50%); }

.regInfo { margin: 70px 0; text-align: center; }

.regInfo p { margin-top: 20px; }

.myInfo { overflow: hidden; font-size: 15px; }

.myInfo dt { clear: both; float: left; width: 80px; font-weight: bold; }

.myInfo dd { float: right; width: calc(100% - 80px); margin-bottom: 20px; text-align: right; }

.myInfo dd:last-of-type { margin-bottom: 0; }

.txtButton { width: 100%; text-align: center; }

.txtButton button[type=button] { display: inline-block; font-size: 15px; }

.txtButton em { padding: 0 22px; }

.bannerWrap { width: 100%; }

.bannerWrap img { width: 100%; }

.listItem { border-top: 1px solid #000000; }

.listItem li { overflow: hidden; padding: 23px 0; border-bottom: 1px solid #e0e0e0; box-sizing: border-box; }

.listItem li span { float: left; display: block; width: calc(100% - 90px); font-size: 14px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: calc(100% - 90px); }

.listItem li em { float: right; display: block; width: 90px; color: #807f7f; font-size: 14px; text-align: right; }

.listDetail { border-top: 1px solid #000000; }

.listDetail li { overflow: hidden; padding: 23px 0; font-size: 14px; border-bottom: 1px solid #e0e0e0; box-sizing: border-box; }

.listDetail li .ldTitle { margin-bottom: 12px; font-weight: bold; line-height: 23px; }

.listDetail li > em { color: #807f7f; }

.listDetail li.listContent { min-height: 300px; padding: 40px 0; line-height: 23px; word-break: keep-all; }

.selRegion { margin-top: 40px; }

.selRegion:first-of-type { margin-top: 0; }

.selRegion > li { float: left; width: calc((100% - 20px) / 3); margin-left: 10px; margin-top: 10px; }

.selRegion > li:nth-child(3n + 1) { margin-left: 0; }

.selRegion > li:nth-child(-n + 3) { margin-top: 0; }

.selRegion > li.variationsRadio label input[type="radio"] { position: absolute; z-index: 1; opacity: 0; cursor: pointer; height: 0; width: 0; }

.selRegion > li.variationsRadio label input[type="radio"] ~ span { display: block; padding: 0 0 !important; color: #000000; font-size: 14px; font-weight: normal; text-align: center; line-height: 33px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; background-color: #ffffff; border: 1px solid #000000; cursor: pointer; }

.selRegion > li.variationsRadio label input[type="radio"]:checked ~ span { color: #540bff; font-size: 14px; font-weight: normal; line-height: 33px; background: #ffffff; border: 1px solid #540bff; transition: background-color 0.5s ease-in-out; }

.selRegion > li.variationsRadio label input[type="radio"]:disabled ~ span { color: #bebebe; border: 1px solid #bebebe; cursor: default; }

.selRegion > li.variationsCheck label input[type="checkbox"] { position: absolute; z-index: 1; opacity: 0; cursor: pointer; height: 0; width: 0; }

.selRegion > li.variationsCheck label input[type="checkbox"] ~ span { display: block; height: 33px; padding: 0 0 !important; color: #000000; font-size: 14px; font-weight: normal; text-align: center; line-height: 33px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; background-color: #ffffff; border: 1px solid #000000; cursor: pointer; }

.selRegion > li.variationsCheck label input[type="checkbox"]:checked ~ span { color: #540bff; font-weight: normal; border: 1px solid #540bff; transition: background-color 0.5s ease-in-out; }

.selRegion > li.variationsCheck label input[type="checkbox"]:disabled ~ span { color: #bebebe; border: 1px solid #bebebe; cursor: default; }

.regionList { margin-bottom: 20px; }

.regionList li { float: left; margin-right: 10px; margin-bottom: 10px; }

.regionList li button[type=button] { height: 33px; padding: 0 15px; color: #540bff; font-size: 14px; text-align: center; border: 1px solid #540bff; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; cursor: default; }

.regionList li button[type=button] em { display: inline-block; width: auto; height: 33px; line-height: 33px; }

.regionList li button[type=button] em:nth-child(2) { padding-left: 15px; margin-left: 5px; background: url("../images/bullet-right-ss.png") left center no-repeat; }

.lastUpdate { margin-bottom: 15px; color: #807f7f; font-size: 13px; text-align: right; }

.lastUpdate em { font-weight: bold; }

.table { width: 100%; border-top: 1px solid #000000; }

.table table thead { background: #f5f5f5; }

.table table tr { border-bottom: 1px solid #e0e0e0; }

.table table tr.lowest { background: #f2edff; }

.table table th, .table table td { border-right: 1px solid #e0e0e0; }

.table table th:last-of-type, .table table td:last-of-type { border-right: 0; }

.table table th { padding: 25px 0; font-size: 14px; }

.table table td { padding: 22px 5px; font-size: 13px; text-align: center; box-sizing: border-box; }

.table table td:nth-child(3) { text-align: right; letter-spacing: -1px; }

.table table td:nth-child(4) { letter-spacing: -1px; }

a.goList { display: block; width: 150px; height: 40px; margin-top: 40px; margin-left: 50%; color: #ffffff; font-size: 16px; text-align: center; line-height: 40px; background: #540bff; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; transform: translateX(-50%); }

.interactionInfo { margin: 25px 0; font-size: 15px; }

.interactionInfo em { display: inline-block; color: #540bff; font-size: 24px; font-weight: 800; line-height: 1; border-bottom: 1px solid #540bff; }

.intNoResult { padding: 100px 23px; font-size: 13px; text-align: center; box-sizing: border-box; }

.intNoResult p { margin-top: 30px; }

.interaction { margin-top: 123px; border-top: 1px solid #540bff; }

.interaction.except { margin-top: 40px; border-top: 0; }

.interaction .dataGuide { padding: 22px 0; font-size: 14px; font-weight: bold; line-height: 23px; border-bottom: 1px solid #e0e0e0; }

.interaction .interacTbl tr { border-bottom: 1px solid #000000; }

.interaction .interacTbl tr th, .interaction .interacTbl tr td { text-align: center; }

.interaction .interacTbl tr th:first-of-type, .interaction .interacTbl tr td:first-of-type { background: #ffffff; word-break: normal; }

.interaction .interacTbl tr th:last-of-type, .interaction .interacTbl tr td:last-of-type { background: #f4f4f4; word-break: normal; }

.interaction .interacTbl thead th { padding: 20px 0; font-size: 15px; font-weight: bold; line-height: 1; border-top: 1px solid #540bff; }

.interaction .interacTbl tbody td { padding: 16px 0; font-size: 14px; font-weight: bold; line-height: 23px; vertical-align: top; word-break: normal; }

.interaction .interacTbl tbody td em { display: block; color: #807f7f; font-weight: normal; }

.interaction .alert { padding: 30px 0; font-size: 14px; text-align: center; }

.interaction .alert em { display: inline-block; padding: 10px 0 10px 46px; background: url("../images/ico-alert.png") left top no-repeat; }

.interaction .alertGuide { padding: 26px 15px; font-size: 14px; text-align: center; line-height: 23px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; box-sizing: border-box; }

.interaction .taboo { padding: 30px 0; font-size: 14px; text-align: center; }

.interaction .taboo em { display: inline-block; padding: 10px 0 10px 46px; background: url("../images/ico-taboo.png") left top no-repeat; }

.thumbnail { width: 100%; padding: 0 23px; margin-top: 50px; box-sizing: border-box; }

.thumbnail li { margin-bottom: 40px; }

.thumbnail li:last-of-type { margin-bottom: 0; }

.thumbnail li .imgWrap { position: relative; }

.thumbnail li .thumbTitle { padding-top: 20px; font-size: 15px; font-weight: bold; }

.thumbnail li .playBtn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 68px; height: 68px; text-align: center; background: rgba(255, 255, 255, 0.4) url("../images/btn-play.png") 25px center no-repeat; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; }

.thumbnail img { width: 100%; }

dl.bioAnalysis { margin: 30px 0 40px; }

dl.bioAnalysis dt { clear: both; float: left; font-size: 14px; font-weight: bold; }

dl.bioAnalysis dd { margin-bottom: 15px; margin-left: 90px; font-size: 14px; }

dl.bioAnalysis dd:last-of-type { margin-bottom: 0; }

.graphZone { position: relative; overflow: hidden; margin-top: 30px; }

.graphZone img { max-width: 100%; }

.graphZone .widthBar { margin-bottom: 14px; }

.graphZone .widthBar:last-of-type { margin-bottom: 0; }

.graphZone .widthBar span { display: block; position: relative; width: 100%; height: 10px; margin-bottom: 8px; background: #f1f1f1; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }

.graphZone .widthBar span em { display: block; height: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }

.graphZone .widthBar .barTitle { font-size: 14px; }

.graphZone .widthBar .barTitle > em { color: #858585; font-size: 11px; }

.graphZone .donutChart { position: absolute; top: 42%; right: 0; transform: translateY(-50%); }

.graphZone .pieChart { float: right; }

.graphZone .chartArea { margin-top: 40px; }

.graphZone .chart { display: none; position: relative; width: 100%; height: 188px; margin-bottom: 20px; }

.graphZone .chart span { display: block; width: 100%; height: 1px; margin-bottom: 36px; background: #e0e0e0; }

.graphZone .chart span:last-of-type { margin-bottom: 0; }

.graphZone .chart ul.bar { position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; }

.graphZone .chart ul.bar li { position: relative; float: left; width: 17px; height: inherit; margin-left: calc((100% - 85px) / 6); }

.graphZone .chart ul.bar li em.stick { display: block; position: absolute; bottom: 0; width: inherit; height: 0; }

.graphZone .chart ul.bar li em.stick > .num { display: block; width: 34px; margin-top: -15px; margin-left: -10px; font-size: 10px; text-align: center; }

.graphZone ul.chartItem { float: left; }

.graphZone ul.chartItem li { margin-bottom: 10px; font-size: 14px; line-height: 1; letter-spacing: -1px; }

.graphZone ul.chartItem li:last-of-type { margin-bottom: 0; }

.graphZone ul.chartItem li span { display: inline-block; width: 10px; height: 10px; margin-right: 8px; }

.graphZone ul.chartItem.pie { position: absolute; top: 40%; left: 0; transform: translateY(-50%); }

.graphZone ul.selButton li { float: left; width: calc((100% - 20px) / 3); margin-left: 10px; margin-top: 10px; }

.graphZone ul.selButton li:nth-child(3n + 1) { margin-left: 0; }

.graphZone ul.selButton li:nth-child(-n + 3) { margin-top: 0; }

.graphZone ul.selButton li button[type=button] { width: 100%; height: 33px; border: 1px solid #000000; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; }

.graphZone ul.selButton li button[type=button].on { color: #540bff; border-color: #540bff; }

.graphZone .bar01 { background-color: #4a148c; }

.graphZone .bar02 { background-color: #6a1b9a; }

.graphZone .bar03 { background-color: #7b1fa2; }

.graphZone .bar04 { background-color: #8e24aa; }

.graphZone .bar05 { background-color: #9c27b0; }

.graphZone .bar06 { background-color: #ab47bc; }

.graphZone .bar07 { background-color: #ba68c8; }

.graphZone .bar08 { background-color: #ce93d8; }

.graphZone .bar09 { background-color: #e1bee7; }

.graphZone .bar10 { background-color: #f3e5f5; }

.graphZone .analysisTxt { clear: both; padding-top: 30px; color: #f0144e; font-size: 13px; word-break: keep-all; }

/* common */
.joinGuide { margin-top: 55px; font-size: 23px; font-weight: 300; line-height: 30px; }

.joinGuide .em { color: #540bff; font-weight: 800; }

.alertList { margin-top: 10px; }

.alertList p { color: #ef144e; font-size: 15px; text-align: center; }

.alertList p.alert { text-align: left; }

.error404 { position: relative; width: 100%; height: 100vh; }

.error404 .wrap404 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 23px; text-align: center; box-sizing: border-box; }

.error404 .strong { padding: 29px 0 10px; font-size: 15px; font-weight: bold; line-height: 1; }

.error404 .alertGuide { color: #807f7f; font-size: 14px; line-height: 23px; }

.error404 .btnGroup { margin-top: 100px; text-align: center; }

.error404 .btnGroup a { display: inline-block; width: 105px; height: 33px; margin: 0 4px; font-size: 15px; text-align: center; line-height: 33px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; box-sizing: border-box; }

.error404 .btnGroup a.cancel { border: 1px solid #000000; }

.error404 .btnGroup a.home { color: #ffffff; background: #000000; }

.moreList { position: relative; width: 100%; margin-top: 30px; }

.moreList button { width: 105px; margin-left: 50%; transform: translateX(-50%); color: #807f7f; font-size: 14px; line-height: 30px; border: #807f7f 1px solid; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; }

/* Side slide menu */
.sidebar { display: block; transition: .5s; position: fixed; top: 0; left: -150%; z-index: 15; width: 85%; height: 100%; background: #fff; }

.sidebar .sidemenuHeader { position: relative; padding: 0 23px; margin-top: 59px; }
.sidebar .sidemenuHeader a { display: block; width: 120px; }
.sidebar .sidemenuHeader a img { width: 100%; }

.sidebar .sidemenuHeader .sideClose { display: inline-block; position: absolute; top: 0; right: 23px; width: 21px; height: 21px; color: #000; background: transparent url("../images/btn-close.png") 0 0 no-repeat; background: cover; }

.sidebar .util { overflow: hidden; width: calc(100% - 46px); padding-bottom: 15px; margin: 37px 23px 0; }

.sidebar .util li { float: left; font-family: 'NS'; font-size: 14px; font-weight: bold; }

.sidebar .util li:after { content: '|'; margin-left: 24px; }

.sidebar .util li:last-of-type { margin-left: 24px; }

.sidebar .util li:last-of-type:after { content: ''; }

.sidebar .sub_accodion { margin-top: 20px; }

.sidebar .sub_accodion li { padding-left: 23px; font-family: 'NS'; font-size: 15px; font-weight: 800; line-height: 40px; }

.sidebar .sub_accodion li.sub_accodion { margin-top: 0; background: url("../images/ac-down.png") right 23px top 20px no-repeat; }

.sidebar .sub_accodion li.sub_accodion.on { font-weight: bold; background: url("../images/ac-up.png") right 23px top 20px no-repeat; }

.sidebar .sub_accodion li div > ul { margin-left: 16px; }

.sidebar .sub_accodion li div > ul li { padding-left: 0; line-height: 25px; color: #807f7f; font-family: 'NS'; font-size: 14px; font-weight: normal; }

.sidebar.active { left: 0; }

/* tab */
.tabs { position: relative; }

.tabs .tablist { overflow: hidden; width: calc(100% - 46px); padding: 0 23px; margin-bottom: 40px; }

.tabs .tablist li { float: left; width: calc(100% / 4); font-family: 'NS'; font-size: 16px; font-weight: 800; line-height: 48px; text-align: center; box-sizing: border-box; }

.tabs .tablist li a { display: block; box-sizing: border-box; }

.tabs .tablist li a[aria-selected=true] { color: #540bff; background: #fff; border-bottom: 2px solid #540bff; outline: none; }

.tabs .tablist li a[aria-selected=false] { padding-bottom: 2px; font-family: 'NS'; font-weight: normal; border-bottom: 1px solid #e0e0e0; }

.tabs.mediTabs .tablist { position: static; top: initial; left: initial; z-index: 0; background: #ffffff; }

.tabs.mediTabs .tablist li { width: calc(100% / 4); }

.tabs.mediTabs .tablist.fixed { position: fixed; top: 60px; left: 50%; transform: translateX(-50%); z-index: 9; max-width: 368px; }

.tabs.mediTabs .space { display: none; height: 90px; }

.tabs.attTabs .tablist { position: static; top: initial; left: initial; z-index: 0; background: #ffffff; }

.tabs.attTabs .tablist li { width: calc(100% / 2); }

.tabs.attTabs .tablist.fixed { position: fixed; top: 60px; left: 50%; transform: translateX(-50%); z-index: 11; max-width: 368px; }

.tabs.attTabs .space { display: none; height: 90px; }

.js-tabcontent .invisible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.js-tabcontent .medicineImg { margin-bottom: 40px; }

.js-tabcontent .medicineImg img { width: 100%; }

.js-tabcontent .frame { padding: 40px 23px; margin: 0 23px; border: 1px solid #807f7f; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; }

.js-tabcontent .frame table tbody tr { border-bottom: 1px solid #e0e0e0; }

.js-tabcontent .frame table tbody tr:first-of-type th, .js-tabcontent .frame table tbody tr:first-of-type td { padding-top: 0; }

.js-tabcontent .frame table tbody tr:last-of-type { border-bottom: none; }

.js-tabcontent .frame table tbody tr:last-of-type th, .js-tabcontent .frame table tbody tr:last-of-type td { padding-bottom: 0; }

.js-tabcontent .frame table tbody th { width: 80px; padding: 20px 0; font-size: 15px; font-weight: 800; text-align: left; vertical-align: top; }

.js-tabcontent .frame table tbody td { position: relative; width: calc(100% - 80px); padding: 20px 0; color: #807f7f; font-size: 14px; }

.js-tabcontent .frame table tbody td em.price { float: right; color: #000000; border-bottom: 1px solid #000000; }

.js-tabcontent .frame table tbody td em.price.nbd { border-bottom: 0; }

.js-tabcontent .frame table tbody td span { display: inline-block; position: absolute; right: 0; bottom: 5px; color: #807f7f; }

.js-tabcontent .frame table tbody td span.update { font-size: 11px; }

.js-tabcontent .frame table tbody td span.inquiry { font-size: 11px; }

.js-tabcontent .frame table tbody td span.inquiry a { display: inline-block; padding-top: 1px; padding-left: 3px; }

.js-tabcontent .frame table tbody td .btnReplace { display: inline-block; position: absolute; top: 16px; right: 0; padding: 0 7px; color: #540bff; font-size: 12px; line-height: 24px; letter-spacing: -3px; 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; }

.js-tabcontent .frame table tbody td .priceInfo { display: none; position: absolute; top: 54px; right: -7px; z-index: 10; height: 40px; background: url("../images/priceinfo.png") 0 0 no-repeat; border-radius: 8px; }

.js-tabcontent .frame table tbody td .priceInfo p { padding: 14px 10px 0; color: #ffffff; font-size: 14px; font-weight: 300; }

.js-tabcontent .frame table tbody.expert th { width: 100px; }

.js-tabcontent .frame table tbody.expert td { width: calc(100% - 100px); }

.js-tabcontent .frame table tbody.identify th { width: 100px; }

.js-tabcontent .frame table tbody.identify td { width: calc(100% - 100px); }

.js-tabcontent .frame table tbody.identify td img { max-width: 100%; }

.js-tabcontent .frame .unOrder li { padding-left: 15px; margin-bottom: 10px; font-size: 14px; line-height: 23px; background: url("../images/bullet-square.png") 0 7px no-repeat; }

.js-tabcontent .frame .unOrder li:last-of-type { margin-bottom: 0; }

.js-tabcontent[aria-hidden=true] { display: none; }

#tabs > #tab04 { padding-bottom: 200px; }

.tabSwiper { margin-top: 40px; }

.tabSwiper .swiper-tab-navi { padding: 0 23px; }

.tabSwiper .swiper-tab-navi .swiper-slide { width: 101px; color: #540bff; font-size: 14px; text-align: center; line-height: 31px; border: 1px solid #540bff; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; }

.tabSwiper .swiper-tab-navi .swiper-slide-thumb-active { color: #ffffff; background: #540bff; }

.swiper-tab-content .swiper-wrapper { margin-top: 40px; }

.swiper-tab-content .swiper-wrapper .swiper-slide { padding: 40px 23px; background: #f5f5f5; box-sizing: border-box; color: #807f7f; font-size: 13px; line-height: 1.6; }

.swiper-tab-content .swiper-wrapper .swiper-slide .subTitle { margin: 0; color: #000000; font-size: 15px; font-weight: bold; line-height: 1; }

.swiper-tab-content .swiper-wrapper .swiper-slide > h4 { padding-bottom: 15px; font-weight: normal; }

.swiper-tab-content .swiper-wrapper .swiper-slide > h5 { padding: 10px 0; font-size: inherit; font-weight: normal; }

.swiper-tab-content .swiper-wrapper .swiper-slide p { padding: 10px 0; }

.swiper-tab-content .swiper-wrapper .swiper-slide img { max-width: 100%; }

.swiper-tab-content .swiper-wrapper .swiper-slide > table { width: 100%; margin: 10px 0; border: 1px solid #c7c7c7; }

.swiper-tab-content .swiper-wrapper .swiper-slide > table tbody tr { border-bottom: 1px solid #c7c7c7; }

.swiper-tab-content .swiper-wrapper .swiper-slide > table tbody tr:first-of-type { background: #ebebeb; }

.swiper-tab-content .swiper-wrapper .swiper-slide > table tbody tr:last-of-type { border-bottom: 0; }

.swiper-tab-content .swiper-wrapper .swiper-slide > table tbody td { padding: 0 10px; font-size: 12px; border-left: 1px solid #c7c7c7; }

.swiper-tab-content .swiper-wrapper .swiper-slide > table tbody td:first-of-type { border-left: 0; }

/* accodion */
.accodion { overflow: hidden; }

.accodion li { border-bottom: 1px solid #000000; }

.accodion li a { display: block; padding: 15px 0; font-size: 16px; font-weight: bold; }

.accodion li .accodion-content { width: 100%; padding: 22px; margin-bottom: 23px; color: #807f7f; font-size: 15px; font-weight: normal; line-height: 22px; word-break: keep-all; background: #f4f4f4; box-sizing: border-box; }

.accodion.inverse .accodion-content { background: #ffffff; }

.variationsRadio label input[type="radio"] { position: absolute; z-index: 1; opacity: 0; cursor: pointer; height: 0; width: 0; }

.variationsRadio label input[type="radio"]:checked ~ span { color: #ffffff; font-size: 16px; font-weight: 800; line-height: 54px; background: #540bff; border: 1px solid #540bff; transition: background-color 0.5s ease-in-out; }

.variationsRadio label span { display: block; padding: 0 16px; color: #000000; font-size: 16px; font-weight: normal; text-align: center; line-height: 54px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; background-color: #ffffff; border: 1px solid #000000; }

.variationsCheck label input[type="checkbox"] { position: absolute; z-index: 1; opacity: 0; cursor: pointer; height: 0; width: 0; }

.variationsCheck label input[type="checkbox"]:checked ~ span { color: #d82626; font-weight: normal; border: 1px solid #d82626; transition: background-color 0.5s ease-in-out; }

.variationsCheck label span { display: block; height: 40px; padding: 0 20px; color: #b4b4b4; font-size: 15px; font-weight: normal; line-height: 40px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; background-color: #ffffff; border: 1px solid #b4b4b4; }

/* 레이어 팝업 */
.mask { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; background: rgba(0, 0, 0, 0.5); }

.pop { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 11; width: calc(100% - 60px); padding: 40px 23px; background: #ffffff; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; box-sizing: border-box; }

.pop .headline { font-size: 16px; font-weight: 800; text-align: center; }

.pop .popCont { margin-top: 15px; color: #807f7f; font-size: 15px; line-height: 22px; text-align: center; }

.pop .popConfirm { margin: 27px auto 0; }

.pop .btnGroup { margin-top: 28px; text-align: center; }

.pop .btnGroup > button[type=button] { display: inline-block !important; width: 105px; height: 33px; font-size: 15px; line-height: 33px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; box-sizing: border-box; }

.pop .btnGroup > button[type=button].btnCancel { border: 1px solid #000000; }

.pop .btnGroup > button[type=button].btnConfirm { color: #ffffff; background: #000000; }

.bigPop { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 7; padding: 40px 23px; background: #ffffff; }

.bigPop .bigPopWrap { padding-top: 109px; }

.bigPop .bigPopWrap h1 { font-size: 25px; font-weight: 800; text-align: center; }

.bigPop .bigPopWrap h1 em { font-weight: normal; }

.bigPop .bigPopWrap .guide { padding-bottom: 40px; margin-top: 71px; font-size: 16px; line-height: 22px; }

.bigPop .popClose { display: block; position: absolute; top: 60px; left: 23px; width: 21px; height: 21px; color: #000; background: transparent url("../images/btn-close.png") 0 0 no-repeat; }

/* 검색레이어 */
.searchPop { display: none; position: fixed; top: 0; bottom: 0; left: 50%; z-index: 11; transform: translateX(-50%); overflow: hidden; width: 100%; min-width: 360px; max-width: 414px; background: #ffffff; }

.searchPop .searchPopContent { position: relative; height: 100%; overflow-Y: auto; }

.searchPop .searchPopContent > section:last-of-type { padding-bottom: 50px; }

.searchPop .searchPopContent .btnNext { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); width: calc(100% - 46px); }

.searchPop .popClose { display: block; position: absolute; top: 3px; left: 23px; z-index: 5; width: 21px; height: 21px; color: #000; background: transparent url("../images/btn-close.png") 0 0 no-repeat; background: cover; }

.searchPop .pEmpty { padding-top: 180px; }

.event { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 20; width: 330px; height: auto; padding: 10px 10px 0 10px; background: #ffffff; box-sizing: border-box; }

.event img { width: 100%; }

.event ul.today li { float: left; padding: 20px 0; }

.event ul.today li:last-of-type { float: right; }

.event ul.today li > label { font-size: 14px; font-weight: normal; }

.event ul.today li > input[type=checkbox] { display: inline-block; width: 20px; height: 20px; margin-left: 6px; border: 2px solid #000000; border-radius: 0; box-sizing: border-box; }

.event ul.today li button[type=button] { width: 35px; height: 21px; color: #000000; font-size: 15px; font-weight: bold; text-align: right; }

/* 약관 */
.terms, .regulation, .pip { display: none; position: fixed; top: 0; bottom: 0; z-index: 10; width: 100%; min-width: 360px; max-width: 414px; background: #ffffff; }

.terms .termsHeader, .regulation .termsHeader, .pip .termsHeader { margin-top: 58px; }

.terms .termsHeader > h1, .regulation .termsHeader > h1, .pip .termsHeader > h1 { color: #540bff; font-size: 25px; font-weight: 800; text-align: center; }

.terms .popClose, .regulation .popClose, .pip .popClose { position: absolute; top: 58px; left: 23px; width: 21px; height: 21px; color: #000; background: transparent url("../images/btn-close.png") 0 0 no-repeat; }

.terms .termsWrap, .regulation .termsWrap, .pip .termsWrap { overflow-y: auto; width: 100%; height: 80%; padding: 65px 23px 0; margin-top: 20px; color: #807f7f; line-height: 23px; box-sizing: border-box; }

.terms .termsWrap ul.index, .regulation .termsWrap ul.index, .pip .termsWrap ul.index { margin-bottom: 30px; }

.terms .termsWrap ul.index li, .regulation .termsWrap ul.index li, .pip .termsWrap ul.index li { font-size: 15px; }

.terms .termsWrap > h2, .regulation .termsWrap > h2, .pip .termsWrap > h2 { margin-bottom: 30px; font-size: 15px; }

.terms .termsWrap .contWrap, .regulation .termsWrap .contWrap, .pip .termsWrap .contWrap { margin-bottom: 30px; font-size: 14px; }

.terms .termsWrap .contWrap h3, .regulation .termsWrap .contWrap h3, .pip .termsWrap .contWrap h3 { font-size: 15px; }

.terms .termsWrap .contWrap a, .regulation .termsWrap .contWrap a, .pip .termsWrap .contWrap a { color: #549ed3; text-decoration: underline; }

.terms .termsWrap .contWrap ol.orderList, .regulation .termsWrap .contWrap ol.orderList, .pip .termsWrap .contWrap ol.orderList { list-style-type: decimal; }

.terms .termsWrap .contWrap ol.orderList li, .regulation .termsWrap .contWrap ol.orderList li, .pip .termsWrap .contWrap ol.orderList li { padding-left: 5px; margin-left: 25px; }

.terms .termsWrap .contWrap ol.orderList li ol li, .regulation .termsWrap .contWrap ol.orderList li ol li, .pip .termsWrap .contWrap ol.orderList li ol li { padding-left: 0; margin-left: 0; }

.terms .termsWrap .contWrap ol.orderHi, .regulation .termsWrap .contWrap ol.orderHi, .pip .termsWrap .contWrap ol.orderHi { margin-left: 17px; }

.terms .termsWrap .contWrap ol.orderHi li, .regulation .termsWrap .contWrap ol.orderHi li, .pip .termsWrap .contWrap ol.orderHi li { margin-bottom: 5px; }

.terms .termsWrap .contWrap ol.orderHi li ul, .regulation .termsWrap .contWrap ol.orderHi li ul, .pip .termsWrap .contWrap ol.orderHi li ul { margin-top: 5px; margin-left: 15px; }

#pipp.pip { display: block; position: unset; }

#pipp.pip > .termsHeader button { display: none; }

.regulation .termsWrap > h2 { margin-bottom: 20px; color: #000000; font-weight: bold; }

.regulation .termsWrap .content { margin-bottom: 30px; font-size: 15px; }

.regulation .termsWrap .content strong { color: #540bff; font-size: 14px; }

.terms .privacy-change-table { width: 100%; }
.terms .privacy-change-table thead tr { background: #dcdcdc; }
.terms .privacy-change-table thead tr th { width: 33%; padding: 10px 5px; word-break: normal; border: 1px solid #000; }
.terms .privacy-change-table tbody tr td { text-align: center; padding: 10px 5px; word-break: keep-all; border: 1px solid #000; }

.terms .privacy-usage-accept-table { width: 100%; }
.terms .privacy-usage-accept-table thead tr { background: #dcdcdc; }
.terms .privacy-usage-accept-table thead tr th { width: 33%; padding: 10px 5px; word-break: normal; border: 1px solid #000; }
.terms .privacy-usage-accept-table tbody tr td { text-align: center; padding: 10px 5px; word-break: keep-all; border: 1px solid #000; }

/* swiper */
.biz { width: 100%; height: 180px; }

.biz .swiper-wrapper .swiper-slide { overflow: hidden; width: 180px; margin-left: 23px; background-color: #f4f4f4; -webkit-border-radius: 26px; -moz-border-radius: 26px; -ms-border-radius: 26px; border-radius: 26px; box-sizing: border-box; }
/* 메인 디아이 카드뉴스 contents 내 blur 영역 height 조정 */
.biz .swiper-wrapper .swiper-slide .content { position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; padding: 15px; color: #000000; font-size: 13px; font-weight: 300; line-height: 20px; background: rgba(255, 255, 255, 0.2); -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; box-sizing: border-box; }

.pharm { width: 100%; }

.pharm .swiper-wrapper .swiper-slide { width: 267px; }

.pharm .swiper-wrapper .swiper-slide .pharmacistWrap { padding: 25px; margin-left: 23px; background: #f4f4f4; -webkit-border-radius: 26px; -moz-border-radius: 26px; -ms-border-radius: 26px; border-radius: 26px; box-sizing: border-box; }

.pharm .swiper-wrapper .swiper-slide .pharmacistWrap .usr { overflow: hidden; }

.pharm .swiper-wrapper .swiper-slide .pharmacistWrap .usr .pic { float: left; width: 70px; height: 70px; background: #dddddd; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }

.pharm .swiper-wrapper .swiper-slide .pharmacistWrap .usr .usrName { display: inline-block; margin-left: 17px; font-size: 15px; font-weight: 800; line-height: 70px; }

.pharm .swiper-wrapper .swiper-slide .pharmacistWrap .usrProfile { margin-top: 18px; padding-bottom: 11px; font-size: 14px; font-weight: 800; border-bottom: 1px solid #e0e0e0; }

.pharm .swiper-wrapper .swiper-slide .pharmacistWrap .profile { overflow-y: auto; height: 150px; margin-top: 13px; }

.pharm .swiper-wrapper .swiper-slide .pharmacistWrap .profile li { float: unset; height: auto; padding: 0; margin-left: 0; margin-bottom: 7px; font-size: 14px; line-height: 1.4; word-break: keep-all; }

.pharm .swiper-wrapper .swiper-slide .pharmacistWrap .profile li:last-of-type { margin-bottom: 0; }

.str { display: block; padding: 0 23px; margin-top: 20px; color: #807f7f; font-size: 13px; font-weight: bold; line-height: 1.5; }

.str button.btnRegulation { display: inline-block; color: #f0144e; font-size: 13px; font-weight: bold; }

.unorder-list li { margin-bottom: 5px; }

.unorder-list li:last-child { margin-bottom: 10px; }

.unorder-list li:nth-child(1):before { content: "1 시간 : "; padding-right: 20px; }

.unorder-list li:nth-child(2):before { content: "2 시간 : "; padding-right: 20px; }

.unorder-list li:nth-child(3) { font-weight: bold; }

.unorder-list li:nth-child(3):before { content: "3 시간 : "; padding-right: 20px; }

.unorder-list li:nth-child(4):before { content: "4 시간 : "; padding-right: 20px; }

select { width: 100%; height: 43px; padding: 0 16px; color: #818080; font-family: 'NS'; font-size: 14px; font-weight: normal; background: #ffffff url("../images/bullet-select.png") no-repeat 95% 50%; border: none; border: 1px solid #d8d8d8; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type=text], input[type=number], input[type=password], input[type=search] { width: 100%; height: 46px; padding: 0 17px; line-height: 46px; font-size: 16px; border: 1px solid #e0e0e0; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; box-sizing: border-box; }

input[type=text]:disabled, input[type=number]:disabled, input[type=password]:disabled, input[type=search]:disabled { background: #ffffff; }

input[type=number] { background: transparent; }

textarea { padding: 10px; font-size: 16px; border: 1px solid #efefef; box-sizing: border-box; resize: none; -webkit-appearance: none; }

input[type=checkbox] { display: none; width: 22px; height: 22px; border: 1px solid #000000; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; box-sizing: border-box; }

input[type=checkbox] + label { padding-left: 30px; line-height: 23px; }

input[type=checkbox] + label span { display: inline-block; position: absolute; top: 0; left: 0; width: 22px; height: 22px; background-color: #ffffff; border: 1px solid #000000; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; box-sizing: border-box; }

input[type=checkbox]:checked + label span { width: 22px; height: 22px; background: #540bff url("../images/ico_check_mark.png") center no-repeat; border: none; }

input[type=checkbox]:disabled:checked + label span { width: 22px; height: 22px; background: #e0e0e0 url("../images/ico_check_mark.png") center no-repeat; border: none; }

input[type=radio] { display: none; width: 22px; height: 22px; border: 1px solid #000000; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; box-sizing: border-box; }

input[type=radio] + label { position: relative; padding-left: 30px; line-height: 23px; }

input[type=radio] + label span { display: inline-block; position: absolute; top: 0; left: 0; width: 22px; height: 22px; background-color: #ffffff; border: 1px solid #540bff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; box-sizing: border-box; }

input[type=radio]:checked + label span { position: absolute; top: 0; left: 0; width: 22px; height: 22px; background: #ffffff; border: 1px solid #540bff; }

input[type=radio]:checked + label span:before { content: ''; position: absolute; top: 3px; left: 3px; z-index: 1; width: 14px; height: 14px; background: #540bff; border-radius: 50%; }

.popup-accept-marketing { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 20; width: 100%; background: rgba(0, 0, 0, 0.5); }
.popup-accept-marketing .wrap-accept-marketing { width: 100%; max-width: 290px; padding: 27px 22px; border-radius: 20px; background: #fff; color: #000; box-sizing: border-box; }
.popup-accept-marketing .wrap-accept-marketing .marketing-title { font-size: 18px; font-weight: 800; }
.popup-accept-marketing .wrap-accept-marketing .marketing-desc { margin: 10px auto 20px; font-size: 14px; line-height: 1.56; text-align: center; }
.popup-accept-marketing .wrap-accept-marketing .wrap-desc-list { width: 100%; margin-bottom: 20px; padding-top: 20px; border-top: 1px solid #540bff; border-bottom: 1px solid #540bff; }
.popup-accept-marketing .wrap-accept-marketing .wrap-desc-list .wrap-desc { margin-bottom: 20px; }
.popup-accept-marketing .wrap-accept-marketing .wrap-desc-list .wrap-desc .desc-title { margin-bottom: 10px; font-size: 14px; font-weight: 800; }
.popup-accept-marketing .wrap-accept-marketing .wrap-desc-list .wrap-desc .desc-detail { font-size: 14px; }
.popup-accept-marketing .wrap-accept-marketing .wrap-desc-list .prev-desc { margin-top: 30px; width: 100%; font-size: 14px; font-weight: bold; color: #540bff; text-align: center; }
.popup-accept-marketing .wrap-accept-marketing .info-change-title { width: 100%; font-size: 14px; font-weight: normal; line-height: 1.43; text-align: center; }
.popup-accept-marketing .wrap-accept-marketing .info-change-desc { width: 100%; margin: 0 0 20px; font-size: 14px; line-height: 1.43; text-align: center; }
.popup-accept-marketing .wrap-accept-marketing .wrap-button { display: flex; justify-content: center; align-items: center; width: 100%; }
.popup-accept-marketing .wrap-accept-marketing .wrap-button .btn-not-accept { display: inline-block; padding: 8px 14px; border-radius: 30px; border: solid 2px #000; font-size: 15px; color: #000; box-sizing: border-box; }
.popup-accept-marketing .wrap-accept-marketing .wrap-button .btn-accept { display: inline-block; margin-left: 4px; padding: 8px 14px; border-radius: 30px; border: solid 2px #000; background-color: #000; font-size: 15px; color: #fff; box-sizing: border-box; }

/* oamg 관련모드 */
.wrap-tabmenu { display: flex; justify-content: center; align-items: center; margin: -30px auto 28px; }
.wrap-tabmenu .tabmenu { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 400px; }
.wrap-tabmenu .tabmenu .tabmenu-item { display: inline-block; width: 50%; max-width: 164px; padding: 14px 0; font-size: 16px; font-weight: bold; color: #000; border-bottom: 2px solid #c8c8cc; text-align: center; cursor: pointer; }
.wrap-tabmenu .tabmenu .tabmenu-item.active { border-bottom: 2px solid #540bff; }
#oa-mg-result { display: none; height: 100%; border: none; }
#oa-mg-result iframe { position: relative; width: 100%; height: 100%; min-height: 1200px; border: none; }
/* -둥- oamg 관련모드 */