@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; cursor: default; }

button[type=button].btnSave { width: 170px; color: #ffffff; text-align: center; background: #540bff; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; }

button[type=button].btnSave: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: 52px; color: #ffffff; background: #540bff; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; }

button[type=button].btnActive { 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].btnActive:disabled { color: #1d1d1d; background: #ffffff; border: 1px solid #1d1d1d; }

.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; }

/* Skip navigation  */
#skip_navi { position: relative; z-index: 100; }

#skip_navi a { position: absolute; top: -66px; left: 0; width: 100%; height: 64px; text-align: center; line-height: 64px; background: #fff; border-bottom: 1px solid #ccc; }

#skip_navi a:active, #skip_navi a:focus { zoom: 1; top: 0; text-decoration: underline; cursor: pointer; }

#skip_navi span { display: inline-block; font-size: 15px; color: #000; }

/* ---------- 컨텐츠 ---------- */
#wrap { position: relative; width: 100%; min-width: 1200px; max-width: 1920px; margin: 0 auto 120px; box-sizing: border-box; }

header.main, header.sub { position: fixed; top: 0; left: 0; z-index: 200; width: 100%; height: 122px; background: rgba(0, 0, 0, 0.1); transition: all .8s; }

header.main.on, header.sub.on { background: white; box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1); transition: all .8s; }

/* header.main.on .gnb h1, header.sub.on .gnb h1 { background: url("../images/logo-red.png") 0 0 no-repeat; } */
header.main.on .gnb h1, header.sub.on .gnb h1 { background: url("../images/new_logo_purple.png") 0 0 no-repeat; background-size: 104px 18px; }

header.main.on .gnb .gnbList li a, header.sub.on .gnb .gnbList li a { color: #000000; }

header.main.on .gnb .btnLogin, header.sub.on .gnb .btnLogin { border: 1px solid #540bff; }

footer { width: 100%; min-width: 1200px; background: #f8f8f7; }

footer .footerWrap { position: relative; width: 1200px; padding: 60px 0; margin: 0 auto; }

footer .footWrapper > li { float: left; }

footer .footWrapper > li:nth-child(1) { width: 200px; }

footer .footWrapper > li:nth-child(3) { float: right; }

footer .footWrapper > li h1 { display: inline-block; padding-bottom: 20px; color: #333333; font-size: 23px; font-weight: 800; }

footer .footWrapper > li dl.corp { overflow: hidden; }

footer .footWrapper > li dl.corp dt { float: left; padding-bottom: 5px; margin-right: 15px; color: #666666; font-size: 14px; font-weight: bold; }

footer .footWrapper > li dl.corp dt.clear { clear: left; }

footer .footWrapper > li dl.corp dd { float: left; width: 246px; padding-bottom: 13px; color: #333333; font-size: 14px; font-weight: 300; }

footer .footWrapper > li dl.corp dd:last-of-type { padding-bottom: 0; }

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

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

footer .footWrapper > li .groupInfo { text-align: right; }

footer .footWrapper > li .groupInfo .termList { text-align: right; }

footer .footWrapper > li .groupInfo .termList li { display: inline-block; margin-left: 9px; color: #333333; font-size: 14px; font-weight: bold; }

footer .footWrapper > li .groupInfo .termList li:before { content: '|'; padding-right: 9px; }

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

footer .footWrapper > li .groupInfo .termList li:first-of-type:before { content: ''; }

footer .footWrapper > li .groupInfo .snsList { margin-top: 20px; }

footer .footWrapper > li .groupInfo .snsList li { display: inline-block; margin-left: 30px; }

footer .footWrapper > li .groupInfo .snsList li a { display: block; width: 25px; height: 25px; }

footer .footWrapper > li .groupInfo .snsList li:nth-child(1) { background: url("../images/sns-new-instagram.png") 0 0 no-repeat; background-size: contain; }

footer .footWrapper > li .groupInfo .snsList li:nth-child(2) { background: url("../images/sns-new-facebook.png") 0 0 no-repeat; background-size: contain; }

footer .footWrapper > li .groupInfo .snsList li:nth-child(3) { background: url("../images/sns-new-blog.png") 0 0 no-repeat; background-size: contain; }

footer .footWrapper > li .groupInfo .snsList li:nth-child(4) { background: url("../images/sns-new-newsletter.png") 0 0 no-repeat; background-size: contain; }

footer .family { width: 329px; margin-top: 35px; }

.gnb { position: relative; width: 1200px; margin: 0 auto; }

/* .gnb h1 { float: left; width: 104px; height: 27px; margin: 25px 0 0; text-indent: -9999px; background: url("../images/logo.png") 0 0 no-repeat; } */
.gnb h1 { float: left; width: 104px; height: 18px; margin: 32px 0 0; text-indent: -9999px; background: url("../images/new_logo_white.png") 0 0 no-repeat; background-size: 104px 18px; }

.gnb .gnbList { margin-top: 34px; }

.gnb .gnbList li { float: left; color: #ffffff; line-height: 88px; }

.gnb .gnbList li.gnbMenuList { margin-left: 96px; }

.gnb .gnbList li.gnbMenuList ul > li { margin-right: 55px; font-size: 17px; font-weight: bold; }

.gnb .gnbList li.gnbMenuList ul > li:last-of-type { margin-right: 0; }

.gnb .gnbList li.gnbUtil { position: absolute; top: -48px; right: 0; }

.gnb .gnbList li.gnbUtil ul > li { margin-left: 20px; font-size: 15px; }

.gnb .gnbList li.gnbUtil ul > li:before { content: '|'; padding-right: 18px; }

.gnb .gnbList li.gnbUtil ul > li:first-of-type { margin-left: 0; }

.gnb .gnbList li.gnbUtil ul > li:first-of-type:before { content: ''; }

.gnb .btnLogin { padding: 8px 20px; border: 1px solid #ffffff; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; }

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

main .inWrap { position: absolute; top: 210px; left: 50%; transform: translateX(-50%); width: 1200px; }

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

main .di_1 { padding-top: 10px; color: #ffffff; font-size: 22px; line-height: 23px; }

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

main .di_1 strong { font-weight: 800; }

main .di_2 { padding-top: 25px; color: #ffffff; font-size: 44px; font-weight: 300; }

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

main.sub { position: relative; height: 419px; }

main.sub .subInWrap { position: absolute; top: 229px; left: 50%; transform: translateX(-50%); z-index: 3; width: 1200px; }

main.sub .subTitle { color: #ffffff; font-size: 38px; }

main.sub .subTitle em { font-weight: 800; }

main.sub .di_1 { padding-top: 25px; font-size: 19px; }

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

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

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

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

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

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

main.sub.bio { background: url("../images/bg-biobigdata.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: 1200px; margin: 0 auto; box-sizing: border-box; }

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

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

section.main > .sectionWrap { position: relative; width: 1200px; margin: 0 auto; box-sizing: border-box; }

section.main > .sectionWrap > h2 { margin-bottom: 30px; font-size: 23px; font-weight: 800; line-height: 1; }

section.main > .sectionWrap > h2.talk { margin-bottom: 25px; font-size: 16px; font-weight: 800; }

section.main > .sectionWrap .search { position: absolute; top: -35px; width: 100%; }

section.main > .sectionWrap input[type=search] { width: 100%; height: 65px; padding: 0 50px 0 22px; line-height: 65px; background: #ffffff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; }

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

section.main > .sectionWrap button.btnSearch em { position: absolute; left: -9999px; }

section.main > .sectionWrap .viewMore { position: absolute; top: 5px; right: 0; font-size: 15px; }

section.main > .sectionWrap .diData li { position: relative; float: left; width: 282px; height: 261px; padding: 30px; margin-left: 24px; color: #818080; font-size: 15px; 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; }

section.main > .sectionWrap .diData li:nth-child(1) { margin-left: 0; background: url("../images/di-data-bg01.png") 168px 117px no-repeat; }

section.main > .sectionWrap .diData li:nth-child(2) { background: url("../images/di-data-bg02.png") 131px 129px no-repeat; }

section.main > .sectionWrap .diData li:nth-child(3) { background: url("../images/di-data-bg03.png") 153px 129px no-repeat; }

section.main > .sectionWrap .diData li:nth-child(4) { background: url("../images/di-data-bg04.png") 124px 130px no-repeat; }

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

section.main > .sectionWrap .diData li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

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

section.main > .sectionWrap .cateList li em { display: inline-block; padding-top: 23px; font-size: 16px; }

section.main > .sectionWrap .ch { width: 100%; }

section.main > .sectionWrap .ch img { width: 100%; margin-top: -30px; }

section.main > .sectionWrap .newsList { border-top: 1px solid #000000; }
/* newsList 간 padding 수정 */
section.main > .sectionWrap .newsList li { clear: both; overflow: hidden; padding: 20px 0; font-size: 15px; border-bottom: 1px solid #d8d8d8; }

section.main > .sectionWrap .newsList li .newsTitle { float: left; width: 1100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 1100px; }

section.main > .sectionWrap .newsList li .date { display: block; float: right; width: 100px; color: #807f7f; }

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

section.sub { padding-top: 122px; }

section.sub .sectionWrap { margin-top: 90px; }

section.nonpayResult { padding-top: 150px; }

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

.sectionWrap h2.headline { margin-bottom: 70px; font-size: 33px; line-height: 1; }

.sectionWrap h2.headline em { color: #540bff; font-weight: 800; }

.sectionWrap h2.notice { margin: 80px 0 50px; font-size: 30px; font-weight: 800; }

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

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

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

.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.bio { padding-bottom: 15px; margin-bottom: 40px; font-size: 16px; font-weight: bold; line-height: 1; border-bottom: 1px solid #000000; }

.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 { width: 792px; margin: 70px auto 0; }

.sectionWrap .diData.medPrice li { width: 384px; height: 169px; }

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

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

.sectionWrap .diData.medPrice li:nth-child(2) { float: right; background: url("../images/ico-building.png") 93% 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; }
/* newsTitle padding-bottom 제거  */
.sectionWrap .newsList li .newsTitle { padding-bottom: 0px; 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 .center { text-align: center; }

.sectionWrap .center .centerTitle { display: inline-block; padding-top: 16px; font-size: 14px; }

.sectionWrap .center .centerGuide { padding-top: 23px; color: #540bff; font-size: 15px; font-weight: 800; }

.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; }

.sectionWrap .str { display: block; margin-top: 20px; color: #807f7f; font-size: 13px; font-weight: bold; }

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

.joinWrap { width: 588px; margin: 0 auto; }

.joinWrap > h2 { margin-top: 70px; font-size: 25px; font-weight: 800; text-align: center; }

.joinWrap > h2 em { font-weight: normal; }

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

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

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

.joinWrap .memberInfo { margin-top: 55px; }

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

.joinWrap .memberInfo > label:after { content: '*'; color: #d82626; }

.joinWrap .memberInfo > label.mt { margin-top: 30px; }

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

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

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

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

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

.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%; }

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

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

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

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

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

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

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

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

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

.myPage { width: 594px !important; padding-top: 130px; margin: 0 auto; }

.myPage > h2 { margin: 90px 0 50px; font-size: 33px !important; font-weight: normal !important; }

.myPage > h2 em { color: #540bff; font-weight: 800; }

.myPage > h2.info { margin-bottom: 90px; font-size: 25px !important; font-weight: 800 !important; text-align: center; }

.myPage .eMail { font-size: 16px; font-weight: 300; }

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

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

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

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

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

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

.myPageInfo { width: 594px; margin: 0 auto; }

.myPageInfo h3.mypage { margin-bottom: 30px; font-size: 17px; font-weight: 800; }

.myPageInfo .regInfo { margin: 70px 0; font-size: 14px; text-align: center; }

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

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

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

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

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

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

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

.myPageInfo .txtButton em { padding: 0 22px; }

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

.formEle.myI { margin-top: 0; }

.formEle.myI .el:first-of-type { margin-top: 0; }

.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 { position: absolute; top: 43px; right: 5px; padding: 0 15px; color: #ffffff; font-size: 13px; font-weight: 300; line-height: 25px; 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; }

.formEle input[type=text] { width: 100%; }

.formEle input[type=text].chk { width: 450px; }

.formEle button.confirm.overlap { position: absolute; top: 15px; right: 0; }

.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.sub { margin-bottom: 35px; border: 1px solid #e0e0e0; box-shadow: none; }

.searchWrap select { float: left; width: 110px; 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 25px 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% - 110px); padding-left: 25px; }

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

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

.wordWrap { width: 100%; padding: 56px 0 70px; text-align: center; }

.wordWrap li { display: inline-block; }

.wordWrap li:first-of-type { margin-right: 15px; font-size: 15px; font-weight: bold; line-height: 23px; border-bottom: 1px solid #540bff; }

.wordWrap button.recommend { display: inline-block; position: relative; height: auto; padding: 0 20px; margin: 0 3px 10px 0; color: #540bff; font-size: 14px; line-height: 34px; 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; }

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

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

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

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

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

.subWordWrap 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; }

.subWordWrap li a.my-keyword {padding: 0; font-size: 14px; font-weight: normal; background: none; }

.subWordWrap li a.on { background: url("../images/ac-down.png") 100% center no-repeat; }

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

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

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

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

.listUtil { position: relative; overflow: hidden; }

.listUtil .listCount { float: left; font-size: 14px; line-height: 33px; }

.listUtil .listCount em { color: #540bff; font-size: 17px; font-weight: 800; }

.listUtil .fnItem { float: right; }

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

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

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

.fnItem button[type=button].type { width: 27px; height: 27px; padding: 0; vertical-align: middle; border: 1px solid #707070; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

.fnItem button[type=button].Card { margin-left: 20px; background: url("../images/ico-cardlist.png") 0 0 no-repeat; }

.fnItem button[type=button].Card.on { background: url("../images/ico-cardlist-on.png"); }

.fnItem button[type=button].Table { background: url("../images/ico-chartlist.png") 0 0 no-repeat; }

.fnItem button[type=button].Table.on { background: url("../images/ico-chartlist-on.png"); }

.fnItem select { width: 100px; height: 31px; margin-left: 7px; background: transparent url("../images/bullet-select.png") no-repeat 90% 50%; border: 1px solid #000000; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; }

.typeTable { display: none; width: 100%; }

.typeTable.on { display: block; }

.typeTable thead { background: #f5f5f5; border-top: 1px solid #540bff; }

.typeTable thead tr th { padding: 27px 0; font-size: 15px; font-weight: bold; }

.typeTable tbody { border-top: 2px solid #000000; }

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

.typeTable tbody tr td { padding: 10px 0; font-size: 14px; line-height: 20px; text-align: center; border-left: 1px solid #e0e0e0; }

.typeTable tbody tr td:first-of-type { border-left: none; }

.typeTable tbody tr td img { width: 150px; height: 80px; border-radius: 13px; }

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

.medList li { float: left; width: 282px; height: 306px; margin-bottom: 50px; margin-left: 24px; }

.medList li:nth-child(4n + 1) { margin-left: 0; }

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

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

.medList li .mediInfo dt { margin-bottom: 15px; font-size: 16px; font-weight: bold; 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: 8px; }

.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 { overflow: hidden; width: 100%; height: 176px; 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; }

.mediArea.nonpay { margin-top: 90px; }

.mediArea.w900 { width: 900px; margin: 0 auto; }

.mediArea li { position: relative; float: left; height: inherit; }

.mediArea li:first-of-type img { padding: 17px; border-radius: 25px; }

.mediArea li:last-of-type { width: calc(100% - 304px); }

.mediArea li .mediTitle { position: absolute; top: 50%; left: 13px; transform: translateY(-50%); padding-right: 17px; color: #ffffff; font-size: 16px; font-weight: normal; }

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

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

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

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

.medListWrap.reduction { padding: 0; }

.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; }

.medListWrap .regInfo { width: 100%; margin: 150px 0; font-size: 14px; text-align: center; }

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

.thumbnail { width: 100%; margin-top: 70px; box-sizing: border-box; }

.thumbnail li { float: left; width: calc((100% - 48px) / 3); margin-left: 24px; margin-bottom: 40px; }

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

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

.thumbnail li .imgWrap { position: relative; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; }

.thumbnail li .thumbTitle { height: 40px; padding-top: 20px; font-size: 15px; font-weight: bold; line-height: 1.5em; }

.thumbnail li .playBtn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 68px; height: 68px; text-align: center; background: rgba(0, 0, 0, 0.1) 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%; }

.tblInterest { width: 100%; }

.tblInterest thead { background: #f5f5f5; border-top: 1px solid #540bff; border-bottom: 1px solid #000000; }

.tblInterest thead th { padding: 27px 0; font-size: 15px; font-weight: bold; }

.tblInterest tbody td { font-size: 14px; border-left: 1px solid #e0e0e0; }

.tblInterest tbody td button.del { width: 12px; height: 12px; margin: 0 auto; background: url("../images/btns-s-close.png") 0 0 no-repeat; }

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

.tblInterest tbody tr td { text-align: center; }

.tblInterest tbody tr td:first-of-type { width: 166px; padding: 10px 8px; border-left: 0; box-sizing: border-box; }

.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 #540bff; }

.listDetail li { position: relative; overflow: hidden; padding: 23px 0; font-size: 15px; border-bottom: 1px solid #000000; box-sizing: border-box; }

.listDetail li .ldTitle { width: calc(100% - 100px); font-weight: bold; line-height: 23px; }

.listDetail li em { position: absolute; top: 50%; right: 0; transform: translateY(-50%); color: #807f7f; font-size: 14px; }

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

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%); }

.pharmacist { display: flex; justify-content: center; }

.pharmacist li { width: 282px; height: 325px; padding: 25px; margin-left: 90px; background: #f4f4f4; -webkit-border-radius: 26px; -moz-border-radius: 26px; -ms-border-radius: 26px; border-radius: 26px; box-sizing: border-box; }

.pharmacist li:first-of-type { margin-left: 0; }

.pharmacist li .usr { overflow: hidden; }

.pharmacist li .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%; }

.pharmacist li .usr .usrName { display: inline-block; margin-left: 17px; font-size: 15px; font-weight: 800; line-height: 70px; }

.pharmacist li .usrProfile { margin-top: 18px; padding-bottom: 11px; font-size: 14px; font-weight: 800; border-bottom: 1px solid #e0e0e0; }

.pharmacist li .profile { overflow-y: auto; width: 100%; height: 150px; margin-top: 13px; }

.pharmacist li .profile li { float: unset; width: inherit; height: auto; padding: 0; margin-left: 0; margin-bottom: 8px; font-size: 14px; line-height: 1.2; word-break: keep-all; }

.mTalkWrap { margin-top: 70px; text-align: center; }

.mTalkWrap .mTalk { display: inline-block; margin: 0 auto; }

.mTalkWrap .mTalk li { display: inline-block; font-size: 14px; line-height: 57px; }

.mTalkWrap .mTalk li:first-of-type { margin-right: 15px; }

.mTalkWrap .mTalk li:first-of-type span { display: inline-block; padding-left: 15px; }

.mTalkWrap .mTalk li:last-of-type { margin-left: 75px; color: #540bff; font-size: 15px; font-weight: 800; }

.columnWrap { overflow: hidden; margin-top: 70px; }

.columnWrap .columnSel { float: left; width: 384px; }

.columnWrap .columnSel .btnRe { width: 100%; margin-top: 10px; font-size: 16px; line-height: 56px; border: 1px solid #000000; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; }

.columnWrap .columnList { float: right; width: calc(100% - (384px + 60px)); margin-bottom: 30px; }

.columnWrap .columnList .wordList { margin-bottom: 150px; }

.columnWrap .columnList .wordList:last-of-type { margin-bottom: 0; }

.columnWrap .columnList .wordList > h2 { padding-bottom: 20px; margin-bottom: 20px; font-size: 15px; font-weight: bold; line-height: 1; border-bottom: 1px solid #000000; }

.columnWrap .columnList .columnListWrap .wordList { margin-bottom: 40px; }

.columnWrap .columnList .columnListWrap .searchResult li { position: relative; margin-bottom: 20px; }

.columnWrap .columnList .columnListWrap .searchResult li:last-of-type { margin-bottom: 0; }

.columnWrap .viewResult { display: none; float: right; width: calc(100% - (384px + 60px)); }

.columnWrap .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; }

.columnWrap .injBox .default { padding: 80px 0; text-align: center; }

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

.columnWrap .injBox .injList { width: 100%; }

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

.columnWrap .injBox .injList li:last-of-type { padding-bottom: 0; border-bottom: 0; }

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

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

.columnWrap .injBox .injList li p em { display: block; padding-top: 7px; }

.columnWrap .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; }

.columnWrap .injBox .injList li:last-of-type { padding-right: 0; }

.columnWrap .injBox .variable { padding-top: 20px; margin: 25px 0; text-align: center; border-top: 1px solid #e0e0e0; }

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

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

.columnWrap .tip { margin-top: 25px; color: #f0144e; font-size: 14px; }

.selRegion { margin-top: 60px; }

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

.selRegion > li { float: left; width: 103px; margin-left: 10px; margin-top: 10px; }

.selRegion > li:nth-child(10n + 1) { margin-left: 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; box-sizing: border-box; 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 { position: absolute; margin-top: -50px; }

.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; }

.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: 14px; text-align: right; }

.lastUpdate.payment { margin-top: 70px; }

.lastUpdate em { font-weight: bold; }

.table { width: 100%; border-top: 2px solid #540bff; }

.table thead { background: #f5f5f5; border-bottom: 2px solid #000000; }

.table thead tr th { border-right: none; }

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

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

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

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

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

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

.table td:nth-child(4) { padding-right: 30px; text-align: right; }

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

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

.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; }

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

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

.interaction .dataGuide { padding: 22px 0; font-size: 15px; font-weight: bold; text-align: center; 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; }

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

.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: keep-all; }

.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; }

.interaction .blank { display: block; width: 100%; height: 15px; margin-top: 40px; background: #f5f5f5; }

.bioWrap { position: relative; overflow: hidden; width: 1200px; margin: 60px auto 0; }

.bioWrap.wrap { padding: 25px 0; border-top: 1px solid #540bff; border-bottom: 1px solid #e0e0e0; }

.bioWrap .bioCaption { float: left; padding: 22px 0; font-size: 14px; font-weight: bold; line-height: 23px; }

.bioWrap dl.bioAnalysis { float: right; }

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

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

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

.bioWrap > h2 { padding-bottom: 16px; margin-bottom: 15px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #000000; }

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

.bioWrap .graphZone.pie { margin-top: 50px; width: 480px; }

.bioWrap .graphZone.age { margin-top: 50px; width: 540px; }

.bioWrap .graphZone > h3 { padding-bottom: 30px; color: #540bff; font-size: 15px; font-weight: bold; }

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

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

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

.bioWrap .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; }

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

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

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

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

.bioWrap .graphZone .pieChart { float: right; }

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

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

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

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

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

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

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

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

.bioWrap .graphZone ul.chartItem { float: left; }

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

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

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

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

.bioWrap .graphZone ul.selButton li { float: left; width: 98px; margin-left: 10px; margin-top: 10px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

.bioWrap .graphWrap { overflow: hidden; }

.bioWrap .graphWrap .graphZone { float: left; width: 45%; }

.bioWrap .graphWrap .graphZone:last-of-type { float: right; }

.ask { width: 100%; padding: 45px 0; margin: 50px 0 -120px; font-size: 16px; font-weight: bold; line-height: 1; text-align: center; background: #eaeaea; }

.ask a { color: #f0144e; }

.btnGroup { text-align: center; }

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

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

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

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

.error404 .wrap404 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; 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; }

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

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

.alertList { margin-top: 11px; }

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

.alertList p.alc { text-align: center; }

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

button.recommend { 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; }

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; }

.pagination { position: relative; width: 100%; height: 47px; margin-top: 40px; }

.pagination ul { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; width: fit-content; }

.pagination ul li { float: left; }

.pagination ul li a { display: inline-block; min-width: 47px; height: 47px; padding: 0 10px; color: #807f7f; font-size: 16px; font-weight: bold; text-align: center; line-height: 47px; border: 1px solid transparent; box-sizing: border-box; }

.pagination ul li a.current, .pagination ul li a:hover { color: #d82626; border: 1px solid #d82626; box-sizing: border-box; }

.pagination ul li a.first { background: url("../images/arrow_left_double.png") center no-repeat; }

.pagination ul li a.prev { background: url("../images/arrow_left_single.png") center no-repeat; }

.pagination ul li a.next { background: url("../images/arrow_right_single.png") center no-repeat; }

.pagination ul li a.last { background: url("../images/arrow_right_double.png") center no-repeat; }

fieldset > .btnGroup { margin-top: 80px; text-align: center; }

fieldset > .btnGroup > button[type=button] { display: inline-block !important; width: 170px; height: 40px; font-size: 16px; font-weight: normal !important; line-height: 40px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; box-sizing: border-box; }

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

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

fieldset > .btnGroup button[type=reset] { width: 170px; height: 40px; font-size: 16px; line-height: 40px; background: transparent; border: 1px solid #000000; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; box-sizing: border-box; }

.moreList { position: relative; width: 100%; }

.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; }

/* tab */
section.tabArea { padding: 0; margin-top: 50px; }

section.tabArea.att .tablist li { width: calc(100% / 2); margin: 0; }

section.tabArea.w900 { width: 900px; margin: 50px auto 0; }

.tabs { position: relative; }

.tabs .tablist { overflow: hidden; width: 100%; margin-bottom: 45px; border-bottom: 1px solid #e0e0e0; }

.tabs .tablist li { float: left; width: 77px; margin-right: 32px; 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; cursor: pointer; }

.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] { font-family: 'NS'; font-weight: normal; }

.tabs .tablist.w900 li { width: calc(100% / 4); margin-right: 0; }

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

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

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

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

.tabs.noticeTabs .tablist { margin-bottom: 0; }

.tabs.noticeTabs .tablist li { width: calc(100% / 2); margin-right: 0; }

.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 img { width: 100%; margin-bottom: 40px; }

.js-tabcontent .frame { padding: 40px 40px; 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: 120px; 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% - 120px); 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; cursor: pointer; }

.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: 14px; right: 0; padding: 0 10px; color: #540bff; line-height: 28px; letter-spacing: -2px; 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: 120px; }

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

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

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

.js-tabcontent .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 .unOrder li:last-of-type { margin-bottom: 0; }

.js-tabcontent .medication { overflow: hidden; }

.js-tabcontent .medication img { float: left; width: 375px; height: 260px; }

.js-tabcontent .medication .unOrder { height: 260px; padding: 40px; margin-left: 392px; background: #f5f5f5; box-sizing: border-box; }

.js-tabcontent .medListWrap { padding-right: 0; padding-left: 0; }

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

.tabSwiper { margin-top: 40px; }

.tabSwiper .swiper-tab-navi .swiper-slide { width: 93px; margin-right: 5px !important; 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; cursor: pointer; }

.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: 14px; 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: 300; background: rgba(0, 0, 0, 0.5); }

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

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

.pop .headline em { font-weight: 300; }

.pop .popCont { margin-top: 40px; font-size: 15px; line-height: 23px; text-align: center; }

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

.pop .btnGroup { margin-top: 40px; 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; }

.scrollPop { display: none; position: fixed; top: 60px; bottom: 60px; left: 50%; transform: translateX(-50%); z-index: 350; width: 876px; height: calc(100% - 120px); padding: 50px; background: #ffffff; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; box-sizing: border-box; }

.scrollPop .popHeader { position: fixed; top: 50px; left: 0; z-index: 1; width: 100%; padding: 0 50px 30px; background: #ffffff; box-sizing: border-box; }

.scrollPop .popHeader h1 { font-size: 21px; font-weight: 800; }

.scrollPop .scrollPopWrap { position: relative; overflow-y: auto; height: 100%; padding-top: 55px; box-sizing: border-box; }

.scrollPop .scrollPopWrap::-webkit-scrollbar { width: 3px; }

.scrollPop .scrollPopWrap::-webkit-scrollbar-thumb { background: #5f5f5f; }

.scrollPop .scrollPopWrap::-webkit-scrollbar-track { background: #e0e0e0; }

.scrollPop .scrollPopWrap ul.index { margin-bottom: 30px; }

.scrollPop .scrollPopWrap ul.index li { font-size: 15px; line-height: 2; }

.scrollPop .scrollPopWrap .rule { width: 100%; }

.scrollPop .scrollPopWrap .rule h2 { padding-bottom: 20px; font-size: 15px; font-weight: bold; }

.scrollPop .scrollPopWrap .rule .content { margin-bottom: 30px; color: #807f7f; font-size: 15px; line-height: 1.5; word-break: keep-all; }

.scrollPop .scrollPopWrap .rule .content:last-of-type { margin-bottom: 0; }

.scrollPop .scrollPopWrap .rule .content h3 { padding-bottom: 10px; font-size: 15px; }

.scrollPop .scrollPopWrap .rule .content strong { color: #540bff; }

.scrollPop .scrollPopWrap .rule .content a { color: #549ed3; text-decoration: underline; }

.scrollPop .scrollPopWrap .rule .content ol.orderList { list-style-type: decimal; }

.scrollPop .scrollPopWrap .rule .content ol.orderList li { padding-left: 5px; margin-left: 25px; }

.scrollPop .scrollPopWrap .rule .content ol.orderList li ol li { padding-left: 0; margin-left: 0; }

.scrollPop .scrollPopWrap .rule .content ol.orderHi { margin-left: 17px; }

.scrollPop .scrollPopWrap .rule .content ol.orderHi li { margin-bottom: 5px; }

.scrollPop .scrollPopWrap .rule .content ol.orderHi li ul { margin-top: 5px; margin-left: 15px; }

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

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

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

/* 검색레이어 */
.searchPop { display: none; position: fixed; top: 50%; left: 50%; z-index: 11; transform: translate(-50%, -50%); overflow: hidden; width: 936px; height: 546px; padding: 50px 40px; background: #ffffff; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; box-sizing: border-box; }

.searchPop .searchPopContent { position: relative; height: 100%; }

.searchPop .searchPopContent > header { margin-bottom: 40px; }

.searchPop .searchPopContent > header h1 { margin-bottom: 30px; font-size: 21px; font-weight: 800; }

.searchPop .searchPopContent > header .searchWrap { border: 1px solid #e0e0e0; box-shadow: none; }

.searchPop .searchPopContent .resultWrap { position: relative; overflow-y: auto; height: 250px; }

.searchPop .searchPopContent .resultWrap::-webkit-scrollbar { width: 3px; }

.searchPop .searchPopContent .resultWrap::-webkit-scrollbar-thumb { background: #5f5f5f; }

.searchPop .searchPopContent .resultWrap::-webkit-scrollbar-track { background: #e0e0e0; }

.searchPop .searchPopContent .findWord > h2 { margin-bottom: 20px; font-size: 15px; font-weight: bold; line-height: 1; }

.searchPop .searchPopContent .findWord .recommend { margin-bottom: 10px; }

.searchPop .searchPopContent .btnNext { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 200px; height: 40px; color: #ffffff; font-size: 15px; font-weight: bold; line-height: 40px; background: #000000; border: 1px solid #000000; }

.searchPop .searchPopContent .btnNext:disabled { color: #000000; background: #ffffff; cursor: default; }

.searchPop .searchPopContent .searchResult li { position: relative; margin-bottom: 20px; }

.searchPop .searchPopContent .searchResult li:last-of-type { margin-bottom: 0; }

.searchPop .popClose { display: block; position: absolute; top: 0; right: 0; 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; }

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

.biz .swiper-wrapper .swiper-slide { width: 282px; 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; font-size: 15px; font-weight: 300; line-height: 21px; 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; }

.biz .swiper-wrapper .swiper-slide .content a { color: #666666; font-weight: bold; }

/* 이벤트 */
.event { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 400; 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; }

.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: 650px; padding: 50px 30px; border-radius: 20px; background: #fff; color: #000; }
.popup-accept-marketing .wrap-accept-marketing .marketing-title { font-size: 28px; font-weight: 800; }
.popup-accept-marketing .wrap-accept-marketing .marketing-desc { margin: 24px 0; font-size: 18px; line-height: 1.56; }
.popup-accept-marketing .wrap-accept-marketing .wrap-desc-list { width: 100%; margin-bottom: 24px; padding-top: 24px; border-top: 1px solid #540bff; border-bottom: 1px solid #540bff; }
.popup-accept-marketing .wrap-accept-marketing .wrap-desc-list .wrap-desc { margin-bottom: 24px; }
.popup-accept-marketing .wrap-accept-marketing .wrap-desc-list .wrap-desc .desc-title { margin-bottom: 10px; font-size: 18px; font-weight: 800; line-height: 1.56; }
.popup-accept-marketing .wrap-accept-marketing .wrap-desc-list .wrap-desc .desc-detail { font-size: 18px; }
.popup-accept-marketing .wrap-accept-marketing .wrap-desc-list .prev-desc { margin-top: 26px; width: 100%; font-size: 18px; font-weight: bold; line-height: 1.56; 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.57; text-align: center; }
.popup-accept-marketing .wrap-accept-marketing .info-change-desc { width: 100%; margin: 16px 0 50px; font-size: 14px; line-height: 1.57; text-align: center; color: #666; }
.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: 11px 31px; border-radius: 30px; border: solid 2px #000; font-size: 18px; color: #000; box-sizing: border-box; }
.popup-accept-marketing .wrap-accept-marketing .wrap-button .btn-accept { display: inline-block; margin-left: 30px; padding: 11px 56px; border-radius: 30px; border: solid 2px #000; background-color: #000; font-size: 18px; color: #fff; box-sizing: border-box; }

/* oamg 관련모드 */
.wrap-tabmenu { display: flex; justify-content: center; align-items: center; margin: -30px auto 25px; }
.wrap-tabmenu .tabmenu { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 1200px; }
.wrap-tabmenu .tabmenu .tabmenu-item { display: inline-block; width: 50%; max-width: 300px; padding: 22px 0; font-size: 24px; 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 관련모드 */