@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');@font-face { font-family: 'GmarketSans'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: 500; font-style: normal; } 
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; } 


/* Gmarket bold 추가 */
@font-face { font-family: 'GmarketSans'; font-weight: 700; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot'); src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'),
url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'),
url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype"); font-display: swap; } 


/* Gmarket light 추가 */
@font-face { font-family: 'GmarketSans'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: 300; font-style: normal; } 


* { /*font-family: 'GmarketSansMedium';*/ } 
body {font-family: var(--font-kr);letter-spacing: -0.5px;}
a { color: #131322; text-decoration: underline; } 
a:hover,
a:active,
a:link { color: #131322; } 
.nav { background: #ffffff; } 
.btn:disabled,
.btn.disabled,
button:disabled,
button[disabled="disabled"],
fieldset:disabled .btn { background: #eeeeee !important; border-color: #cccccc !important; text-shadow: 1px 1px 0 #ffffff; box-shadow: none !important; color: #666666 !important; } 
.btn-shadow { box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.08) !important; } 
.bg-strong { background-color: #ebecfa; } 
.intro-bg { background: url("/resources/naviseo/images/common/intro.svg"); background-size: cover; background-position: center center; padding: 0; } 
.intro-bg .intro-logo { width: 25vw; height: auto; margin: 20vh auto 0 auto; } 
.intro-bg .intro-logo img { width: 100%; } 
.help-icon { font-size: 0.9em; color: #363641; line-height: 140%; margin: 2vw 0 0 20px; font-weight: 400; letter-spacing: -1px; } 
.help-icon::before { content: "\f05a"; font-size: 0.9em; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #555555; margin-left: -18px; } 
i.icon-new { background: #FF4A55; position: absolute; width: 5px; height: 5px; border-radius: 4px; right: 8px; top: 8px; } 
.sticky { position: sticky !important; position: -webkit-sticky; top: -42px; z-index: 1; } 
.sticky-14 { position: sticky !important; position: -webkit-sticky; top: 14px; z-index: 1; } 
.sticky-button { position: sticky !important; position: -webkit-sticky; bottom: 0; } 


/* login */
.login-layout { background: url(/resources/naviseo/images/common/login_bg.svg); background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; } 
.login-layout .page-title-small h2 a { padding-right: 10px; } 
.page-content.login-layout { padding: 20px 0 0 0; } 
.login-layout .page-title-small { font-size: 2em; } 
.login-layout .page-title { margin-left: 30px; } 
.login-layout .sub-title { font-size: 0.9em; } 
.login-layout.forgot .page-title,
.login-layout.signup .page-title { margin-top: 30px !important; } 
.login-layout .page-title-small h2 { font-size: 0.8em !important; } 
.login-layout .card-style { margin: 20px 30px; border-radius: 8px; box-shadow: 0 3px 8px 0 rgb(0, 0, 0, 0.1); } 
.pw-change .card-style { margin: 20px; } 
.login-layout .content { margin: 20px !important; } 
.login-layout .input-style.has-icon svg:first-child { position: absolute; top: 50%; left: 5px; width: 18px; height: 18px; text-align: center; margin-top: -9px; } 
.login-layout .input-style { margin-bottom: 20px !important; } 
.login-layout .input-style.has-icon input { padding-left: 35px; } 
.login-layout .input-style.input-style-active label { font-size: 0.9em !important; font-weight: 600; color: #00B878 !important; left: 8px !important; top: -16px !important; } 
.pw-change .input-style.input-style-active label { font-size: 1em !important; top: -37px !important; } 
.login-layout .member-join a { font-size: 1em; color: #444444 !important; letter-spacing: -1px; } 
.login-layout .member-join svg { width: 5px; height: 5px; margin-right: 3px; vertical-align: middle; border-radius: 50%; fill: #5962ef; color: #5962ef; } 
.login-layout .login-key { margin: 20px 30px; } 
.login-layout .btn-login { width: calc(100% / 5); height: auto; margin: 0 10px 10px 0; border: #f2f2f2 1px solid; border-radius: 8px; padding: 15px 0 10px 0; background: #ffffff; display: inline-block; text-align: center; line-height: 140%; vertical-align: top; font-size: 0.9em; } 
.login-layout .btn-login:nth-of-type(5n) { margin-right: 0; } 
.login-layout .btn-login i { display: block; margin-bottom: 13px; } 
.login-layout .btn-login i img { width: 35%; } 
.login-layout .login-key p { font-size: 1em; font-weight: 600; color: #444444; margin: 25px 0 5px 0; background: rgba(255, 255, 255, 1); padding: 5px; border-radius: 6px; } 
.forgot .tabs-rounded a { font-size: 1.1em; } 
.forgot .tabs-rounded a:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } 
.forgot .tabs-rounded a:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } 
.forgot .btn-xs,
.signup .btn-xs { padding: 3px 7px !important; font-size: 0.9em; border-radius: 3px !important; } 
.btn-privacy { padding: 0 30px; } 
.signup .icon-check { display: inline-flex; } 
.signup .icon-check label { padding: 0 0 0 35px; } 
.signup .icon-check i { font-size: 18px; } 

.board-detail-con .input-style.has-borders.input-style-active label { background: #131322 !important; color: #FFBA0A; border-radius: 50px; } 
.drawer-layout { background: #ffffff; border-radius: 20px 20px 0 0; width: 100%; box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.5); position: relative; padding-top: 30px; } 
.drawer-icon::before { content: " "; position: absolute; top: 12px; left: 50%; width: 60px; height: 4px; margin-left: -30px; border-radius: 10px; background: #9d9db3; } 
.tool-tip { position: absolute; background: #131322; display: inline-block; width: auto; color: #ffba0a; padding: 2px 8px; border-radius: 4px; font-size: 0.25em; font-weight: 400; box-shadow: 2px 2px 8px rgb(0, 0, 0, 0.3); } 
.tool-tip i { position: absolute; width: 0; height: 0; } 
.tool-tip i.top { bottom: -10px; left: 8px; border-top: 10px solid #131322; border-left: 7px solid transparent; border-right: 2px solid transparent; } 
.tool-tip i.bottom { top: -10px; right: 8px; border-bottom: 10px solid #131322; border-left: 7px solid transparent; border-right: 3px solid transparent; } 
.fulllayout .page-content { padding: 0 !important; } 
.page-content .page-content { padding: 0 !important; height: auto; } 
.systemBar { position: fixed; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.7); height: 20px; width: 100%; z-index: 100; } 
.page-content { padding-top: calc(42px + (constant(safe-area-inset-top))*1.1); padding-top: calc(42px + (env(safe-area-inset-top))*1.1); height: 100vh; } 
.main-content .page-content { padding-bottom: calc(60px + (constant(safe-area-inset-bottom))*1.1); padding-bottom: calc(60px + (env(safe-area-inset-bottom))*1.1); padding-top: 0; padding-top: 0; } 
.top-alarm { position: relative; } 
.alarm-icon { position: relative; } 
.alarm-on { width: 10px; height: 10px; border: 2px solid #ffffff; border-radius: 5px; background: #ff0000; position: absolute; right: 50%; top: 50%; margin-top: -13px; margin-right: -10px; display: inline-block; z-index: 20; } 
.modal { background: rgba(0, 0, 0, 0.8); } 
.modal.modal-fullpage { background: #ffffff; } 
.modal-fullpage .modal-top { text-align: left; padding: 15px 10px 0 25px; } 
.modal-fullpage .btn-cancel { color: #131322; float: right; } 
.modal-fullpage .modal-title { font-size: 1.4em; font-weight: 600; text-align: left; display: inline-block; padding-top: 8px; } 
.modal-fullpage .modal-dialog { margin: 0; height: 100%; } 
.modal-fullpage .modal-content { height: 100%; } 
.modal-fullpage .modal-con { padding: 0 5vw !important; } 
.modal-fullpage .dropdown-menu.show { border-radius: 20px !important; margin: 2px 0 0 -9px !important; box-shadow: 1px 1px 3px rgb(0 0 0/ 10%); width: 100%; font-size: 1.1em; } 
.modal-fullpage .btn-border-round:hover { border-color: #272848; background: #272848; color: #ffffff; } 
.modal-fullpage .btn-border-round:hover .btn,
.modal-fullpage .btn-border-round:hover .dropdown-toggle::after { color: #ffffff !important; font-weight: 800; } 
.modal-fullpage .btn-border-round { padding: 4px 10px 4px 8px } 
.modal-fullpage .dropdown-toggle::after { position: relative; top: 6px; right: unset; left: 4px; font-size: 1em; } 
.modal-fullpage .btn-wide { width: 100%; } 
.modal-fullpage .btn { color: #131322 !important; font-size: 1.2em; } 
.modal-fullpage .btn-bottom a { color: #ffffff !important; } 
.modal-content { background-color: transparent !important; } 
.modal-header { border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: block; text-align: center; padding: 0.5rem; } 
h5.modal-title { color: #ffffff; font-weight: 400; font-size: 1.3em; } 
.modal-subtitle { color: rgba(255, 255, 255, 0.6); font-size: 1.1em; font-weight: 200; margin: 3px 0 10px 0; } 
input.input-group-add { border-radius: 50px; font-size: 1.1em !important; border: 0; } 
.modal-body { padding: 0; } 
.modal-sub-title { display: block; margin: 0; } 
.modal-dark .modal-sub-title { color: rgba(255, 255, 255, 0.8); font-weight: 200; } 
.page-body-title { font-size: 1.5em; padding: 10px 0; } 
.page-body-title-sub { font-size: 1.3em; padding: 20px 10px; } 
.page-body-title-sub strong { font-weight: 600; } 
.border-bottom { border-bottom-color: #f4f4f4 !important; } 


#footer-bar a { width: 20%; height: 60px; display: inline-block; } 
#footer-bar a:last-of-type { width: 16%; } 
.label-circle { width: 16vw; height: 16vw; min-width: 40px; min-height: 40px; max-width: 80px; max-height: 80px; border-radius: 100px; margin: 0 auto; align-self: center; font-size: 1em; font-weight: 900; display: grid; flex-wrap: wrap; align-content: center; text-align: center; } 
.label-product { min-width: 40px; display: inline-block; border-radius: 0 6px 6px 0; padding: 0.5vw 2vw 0 2vw; font-size: 1.15em; font-weight: 600; text-align: left; background: #5962ef; position: absolute; left: 0; top: 23px; color: #ffffff !important; } 
.label>span { border-radius: 20px; color: #ffffff; font-size: 1.1em; font-weight: 600; background: #dddddd; margin: 0 1.5vw 1.5vw 0; display: block; padding-left: 4vw; } 
.label { text-align: left; margin: 0 auto; } 
.label>span { position: relative; padding: 2.5vw 4.5vw 2vw 40px; overflow: hidden; font-size: 1.2em; font-weight: 600; border-radius: 100px; } 
.label>span em { background: rgba(0, 0, 0, 0.1); margin: 0 0 0 10px; padding: 0.8vw 3vw; font-size: 0.95em; border-radius: 30px; min-width: 63px; display: inline-block; } 
.label.text-list span.on { background: #5962ef !important; color: #ffffff !important; border-color: #5962ef; } 
.label span.on:before { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 600; position: absolute; left: 15px; top: 50%; margin-top: -14px; } 
.label .all { background: #ffffff; color: #444444; } 
.label .meet { background: #fe8057; } 
.label .notice { background: #FF505A; } 
.label .ad { background: #11ce8c; } 
.label.text-list span { background: rgba(255, 255, 255, 1); color: #131322 !important; padding: 2.5vw 40px 2vw 40px; font-weight: 400; border: 1px solid #dddddd; } 
.label.wide { text-align: center; } 
.label.wide span { display: inline-block; width: 80% !important; margin-bottom: 0.5vw; } 
.label.no-icon>span { position: relative; padding: 2vw 2.5vw; overflow: hidden; font-size: 1.2em; font-weight: 600; border-radius: 100px; margin: 0 2% 2% 0; float: left; } 
.label.no-icon span.on:before { content: none; } 
.label.text-list.no-icon span { width: 23%; } 
.bottom-info { width: 100%; padding: 2vw 6vw 3vw 6vw; } 
.bottom-info p { display: inline-block; width: auto; padding-right: 10px; font-size: 1.1em; font-weight: 400; } 
.bottom-info p:last-of-type { padding: 0; } 
.bottom-info p span { background: #9d9db3; color: #ffffff; font-size: 0.9em; border-radius: 4px; font-weight: 400; display: inline-block; margin-right: 5px; padding: 1px 6px; letter-spacing: -1px; } 


/* 전체메뉴 */
.all-menu.content { margin: 80px 0 0 0 !important; height: 68vh; } 
.top-banner { background: #ffffff; padding: 26px 20px 14px 20px; height: 80px; z-index: 300; border-bottom: 1px solid #f8f8f8; width: 100%; } 
.all-menu-banner { background: #5a6170; height: 36px; border: 1px solid #5a6170; border-radius: 10px; color: #fff; } 
.all-menu-banner img { height: 44px; float: left; margin: -18px 10px 0 4px; } 
.namecard-edit { text-align: right; display: block; padding: 15px; border-bottom: 1px solid #f8f8f8; } 
.namecard-edit a { color: #131322 !important; } 
.all-menu .nav { width: 75px; } 
.all-menu .nav { display: inline-block; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1); height: 100%; z-index: 200; } 
.all-menu .nav-pills .nav-link { border: none; border-radius: unset; } 
.all-menu .nav button { display: block; padding: 10px 0; text-align: center; width: 100%; color: #bbbbbb; line-height: 130%; font-size: 1em; font-weight: 600; letter-spacing: -1px; } 
.all-menu .nav img { margin: 0 auto; margin-bottom: 8px; } 
.all-menu .nav-pills .nav-link.active { background: none; color: #272848; } 
.all-menu span { line-height: 130%; display: block; } 
.all-menu-sub { width: calc(100% - 75px); z-index: 0; /*padding-bottom: 70px;*/ margin-left: 75px !important; background:#fff; } 
.all-menu-sub #menu01-target {background:#1C0052; height:calc(100vh - 45px);}
.all-menu-sub>div { display: block; } 
.all-menu-sub .divider6 { margin: 0; display: block; } 
.all-menu-sub dl { display: block; padding-top: 15px; font-weight: 400; } 
.all-menu-sub dl dt { font-size: 1.1em; color: #777777; padding: 10px 24px; font-weight: 200; } 
.all-menu-sub dl dd { border-bottom: 1px solid #f8f8f8; margin: 0; padding: 14px 0 14px 26px; font-size: 1.2em; position: relative; } 
.all-menu-sub dl dd a { display: block; color: #131322; } 
.all-menu-sub dl dd:last-of-type { border-bottom: none; } 
.all-menu-sub dl dd a::after { content: url(/resources/naviseo/images/common/menu_icon_arrow.svg); position: absolute; right: 15px; top: 12px; } 
.all-menu-sub dd ul { border-top: 1px solid #f8f8f8; margin: 12px 0 0 0; padding: 15px 0 0 15px; } 
.all-menu-sub dd li { list-style: none; padding: 8px; font-size: 1em; position: relative; } 
.all-menu-sub dd li a::after { content: url(/resources/naviseo/images/common/menu_icon_arrow.svg); position: absolute; right: 15px; top: 12px; } 
.all-menu-sub dd li a::before { content: "-"; margin-right: 5px; position: absolute; left: -5px; top: 10px; } 
.all-menu-sub dd.icon-inlne ul { margin: 0; padding: 0; border: 0; } 
.all-menu-sub dd.icon-inlne li { display: inline-block; padding: 0 16px 0 0; } 
.all-menu-sub dd.icon-inlne li a::after,
.all-menu-sub dd.icon-inlne li a::before,
.all-menu-sub dd.icon-inlne::after { content: none; } 
.all-menu-sub dd.icon-inlne li span { display: block; text-align: center; font-size: 1em; margin-top: 5px; } 
.scrolling-top { position: fixed; bottom: 20px; right: 20px; border-radius: 50px; width: 50px; height: 50px; background: #7474aa; z-index: 100; box-shadow: 1px 1px 20px rgba(76, 54, 187, 0.12), 3px 3px 6px rgba(76, 54, 187, 0.25); text-align: center; padding-top: 9px; } 


/* 기업 리스트 */
.shadow-list { position: relative; } 
.shadow-list .date { font-size: 0.85em; color: #666666; padding-left: 16px; margin-bottom: 5px; display: block; } 
.shadow-list .card-style { border-radius: 8px !important; border: 1px solid #eeeeee !important; box-shadow: 0 2px 15px 0 rgb(0 0 0/ 8%); } 
.shadow-list .card { margin: 2vw 2% !important; padding: 4vw 5vw 3vw 4vw; text-align: left; } 
.shadow-list p { margin: 0; color: #131322; } 
.shadow-list strong { width: 100%; height: 30px; font-size: 1.5em; font-weight: 600; } 
.shadow-list span { display: block; font-size: 1em; font-weight: 400; color: #888888; line-height: 150%; } 
.shadow-list span.company-addr { font-size: 0.92em; position: relative; } 
.shadow-list span.company-addr div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 25px; margin-top: 5px; } 
.shadow-list span.company-addr a { position: absolute; right: 5px; top: -4px; } 
.shadow-list span.company-addr svg { width: 18px; height: 18px; stroke-width: 1.5px; } 
.shadow-list.company .list-left { display: block; float: left; width: 72%; font-size: 1.2em; } 
.shadow-list.company .list-left p { font-size: 1.1em; margin-top: 3px; } 
.shadow-list.company .list-right { position: absolute; right: 10px; top: calc(30px + 3vw); width: 25%; text-align: center; } 
.shadow-list.company .list-right-no-width { position: absolute; right: 10px; width: 25%; text-align: center; } 

.shadow-list.company .list-right button svg { width: 18px; height: 18px; margin-top: -2px; } 
.icon-like,
.icon-wish { color: #999999; margin: 0 2px; } 
.icon-like svg,
.icon-wish svg { width: 20px; height: 20px; } 
.active.icon-like svg { fill: rgba(255, 80, 90, 1); stroke-width: 0 !important; } 
.active.icon-wish svg { fill: rgba(255, 186, 10, 1); color: rgba(255, 186, 10, 1) !important; } 
.blank,
.contact[disabled],
.company-badge-pr[disabled] { background-color: #dddddd !important; border: 1px solid #dddddd !important; color: #aaaaaa !important; } 
.contact { padding: 3px 4px 1px 10px !important; } 
.contact svg { float: right; } 


/* namecard - 명함 리스트 */
.namecard-floating { position: fixed; bottom: 80px; right: 20px; border-radius: 50px; width: 50px; height: 50px; background: #5962ef; z-index: 100; box-shadow: 1px 1px 20px rgba(76, 54, 187, 0.12), 3px 3px 6px rgba(76, 54, 187, 0.25); text-align: center; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; } 
.associ-member-btn { background: #272848; padding-top: 0; } 
.associ-member-btn img { width: 75%; vertical-align: text-top; } 
.namecard-floating>a { background: transparent !important; padding: 0 !important; color: #fff; } 
.namecard-list { position: relative; } 
.namecard-list.edit-list { margin-bottom: 40px; } 
.edit-list .icon-check i { font-size: 26px; } 
.edit-list .icon-check label { font-size: 0; } 
.namecard-list .namecard { padding: 0; } 
.namecard-list span.date { font-size: 1em; color: #666666; padding-left: 16px; margin-bottom: 5px; margin-top: 20px; display: block; } 
.namecard-list .card-style { margin: 0; border-radius: 0; box-shadow: 0 4px 24px 0 rgb(0 0 0/ 5%); } 
.namecard-list .list-photo { position: absolute; width: 20vw; height: 20vw; max-width: 120px; max-height: 120px; top: 4vw; left: 3vw; } 
.namecard-list .namecard-photo { position: absolute; left: 0; top: 0; border-radius: 50%; width: 100%; height: 100%; overflow: hidden; min-width: 64px; min-height: 64px; max-width: 120px; max-height: 120px; background: rgba(0, 0, 0, 0.05); } 
.namecard-list .namecard-photo img { height: 100%; width: 100%; object-fit: cover; } 
.namecard-list .list-photo svg,
.namecard-list .list-photo .link-icon2 { position: absolute; top: 0; left: 0; background: #ff505a; color: #ffffff; border-radius: 11px; padding: 4px; width: 21px; height: 21px; } 
.link-icon2 { font-size: 10px !important; text-align: center; width: 30px !important; padding: 0 !important; } 
.namecard-list .link-icon { z-index: 500; position: absolute; } 
.namecard-list .card { height: 30vw; min-height: 100px; max-height: 210px; } 
.namecard-list .namecard-info { position: absolute; left: 26vw; top: 5vw; width: 60vw; } 
.namecard-list .namecard-info p { margin: 0; color: #131322; font-size: 1.1em; } 
.namecard-list .namecard-info strong { font-size: 1.4em; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; max-width: 100%; } 
.namecard-list .namecard-info strong.name.on { max-width: calc(100% - 65px); } 
.namecard-list .namecard-info span { display: block; font-size: 1.1em; font-weight: 200; color: #666666; line-height: 140%; overflow: hidden; white-space: nowrap; display: block; text-overflow: ellipsis; } 


/* 카운트형 탭 */
.nav-pills.tab-count { padding: 4vw; text-align: center; gap: 2%; } 
.nav-pills.tab-count .nav-item { width: calc(94%/ 3); gap: 10px; } 
.nav-pills.tab-count .nav-link { padding: 3.5vw 3vw 3vw 3.5vw; width: 100%; background: #eeeeee; border-radius: 8px; text-align: left; line-height: 140%; color: #131322; font-size: 1.1em; letter-spacing: -0.5px; position: relative; } 
.nav-pills.tab-count .nav-link span { position: absolute; bottom: -17px; right: 6px; font-size: 1.4em; font-weight: 600; text-align: right; padding: 8px; text-align: center; } 
.nav-pills.tab-count .nav-link.active,
.nav-pills.tab-count .show>.nav-link { background: #272848; color: #ffffff; font-weight: 600; box-shadow: 2px 4px 12px rgb(17 17 192/ 35%) !important; } 
.nav-pills.tab-count .nav-link.active span,
.nav-pills.tab-count .show>.nav-link span { background: #ffffff; color: #242848; border-radius: 10px 10px 0 0; min-width: 36px; } 


/* 텍스트라인형 탭 */
.nav-pills.tab-text-line { border-bottom: 1px solid #eeeeee; } 
.nav-pills.tab-text-line .nav-item { flex: 1 1 auto; } 
.nav-pills.tab-text-line .nav-link { width: 100%; border-radius: 0; color: #888888; font-size: 1.2em; padding: 20px 0 8px 0; } 
.nav-pills.tab-text-line .nav-link.active,
.nav-pills.tab-text-line .show>.tab-text-line .nav-link { background-color: #ffffff; color: #131322; border-bottom: #131322 3px solid; font-weight: 600; } 
.nav-pills.tab-text-line .nav-link span { background: transparent; color: #676767; font-weight: 400; padding: 0 3px; border-radius: 6px; margin-left: 4px; font-size: 1em; display: inline-block; min-width: 22px; } 
.nav-pills.tab-text-line .nav-link.active span,
.nav-pills.tab-text-line .show>.tab-text-count .nav-link span { background: #131322; color: #ffffff; } 
.newCompanyCont .nav-pills.tab-text-line .nav-link span,
.newCompanyCont .nav-pills.tab-text-line .show>.tab-text-count .nav-link span { background: none; color: #888888; margin: 0; margin-left: 3px; } 
.newCompanyCont .nav-pills.tab-text-line .nav-link.active span,
.newCompanyCont .nav-pills.tab-text-line .show>.tab-text-count .nav-link span { background: none; color: #616AEF; } 



/* 텍스트 카운트 라인형 탭 */
.nav-pills.tab-text-count { border-bottom: 1px solid #eeeeee; background: #ffffff; } 
.nav-pills.tab-text-count.back-none { background: transparent !important; } 
.nav-pills.tab-text-count .nav-item:first-of-type { margin-left: 16px; } 
.nav-pills.tab-text-count .nav-item { width: auto; margin-left: 14px; } 
.nav-pills.tab-text-count .nav-link { width: 100%; border-radius: 0; color: #676767; font-size: 1.2em; padding: 25px 2px 8px 3px; position: relative; } 
.nav-pills.tab-text-count .nav-link span { background: transparent; color: #676767; font-weight: 400; border-radius: 6px; margin-left: 4px; font-size: 1em; } 
.nav-pills.tab-text-count .nav-link.active span { font-size: 0.9em; padding: 0 3px; min-width: 22px; display: inline-block; } 
.nav-pills.tab-text-count .nav-link.active,
.nav-pills.tab-text-count .show>.tab-text-count .nav-link { background-color: #ffffff; color: #131322; border-bottom: #131322 3px solid; font-weight: 700; } 
.nav-pills.tab-text-count.back-none .nav-link.active,
.nav-pills.tab-text-count.back-none .show>.tab-text-count .nav-link { background: transparent; } 
.nav-pills.tab-text-count .nav-link.active span,
.nav-pills.tab-text-count .show>.tab-text-count .nav-link span { background: #131322; color: #ffffff; } 
.nav-pills.tab-text-count .icon-new { right: 0; top: 17px; } 
.main-asso-title .nav-pills.tab-text-count .icon-new { top: 3px; } 
.namecard-drawer { position: absolute; bottom: 0; left: 0; background: #ffffff; border-radius: 20px 20px 0 0; width: 100%; padding-top: 34px; box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.5); } 
.namecard-drawer::before { content: " "; position: absolute; top: 12px; left: 50%; width: 60px; height: 4px; margin-left: -30px; border-radius: 10px; background: #9d9db3; } 
.namecard-drawer .drawer-title { margin-bottom: 0 !important; font-size: 1.2em !important; font-weight: 200 !important; padding: 7px 16px 12px 16px !important; } 
.drawer-header { border-bottom: 1px solid #f8f8f8; position: relative; } 
#contentServicePopup.menu-box-bottom { height: auto; } 
.indexServicePopup .drawer-header .drawer-title { padding: 30px 16px 12px 16px } 
.indexServicePopup .drawer-title-sub { font-weight: 400; } 
.indexServicePopup .drawer-header { border-bottom: none; } 
.indexServicePopup .drawer-body .drawer-send { text-align: left; } 
.commonServicePopupLabel input { width: 1.2rem; height: 1.2rem; } 
.commonServicePopupLabel label { font-size: 1.15rem; margin-left: 0.2rem; } 
.commonServicePopupLabel .inputBox { margin-bottom: 15px; } 
#menu-main .sub_title { margin-bottom: 15px; padding-right: 10px; } 
.drawer-header .drawer-title { font-size: 1.1em; color: #929292; padding: 16px 16px 12px 16px; } 
.drawer-header .drawer-title strong { font-size: 1.3em; font-weight: 600; color: #131322; } 
.drawer-body .namecard-select { background: #f8f8f8; padding: 30px 20px; margin-bottom: 10px; } 
.drawer-body .drawer-send { text-align: center; padding: 16px; } 
.drawer-body .drawer-send p { width: 30%; padding: 0 3%; display: inline-block; margin-bottom: 10px; } 
.drawer-body .drawer-send p span { display: block; font-size: 1.08em; font-weight: 400; padding-top: 5px; } 
.drawer-title-sub { font-size: 1.1em; font-weight: 600; padding: 10px 16px 0 16px; } 
.drawer-title-sub-con { font-size: 1em; line-height: 160%; color: #363641; padding: 25px 16px 16px 16px; word-break: keep-all; } 
.drawer-header-btn { display: inline-block; position: absolute; right: 16px; top: 16px; } 
.drawer-body .nav-scroller { height: auto; } 
.drawer-body .nav-scroller .nav { padding: 0; } 
.drawer-body .nav-scroller img { width: auto; height: 82px; } 
.drawer-body .nav-scroller a { background: transparent; height: auto; border-radius: 0; border: 0; box-shadow: none; padding: 0 5px; color: #131322; position: relative; } 
.drawer-body .nav-scroller .nav span { display: block; margin-top: 5px; } 
.drawer-body a.menu-on { background: transparent; height: auto; border-radius: 0; box-shadow: none; color: #131322; } 
.drawer-body .nav-scroller a.menu-on img { border: #ff505a 4px solid; } 
.drawer-body .nav-scroller a img { border: #eeeeee 4px solid; } 
.drawer-footer { text-align: right; font-size: 1em; font-weight: 400; color: #131322; padding: 16px; } 
.drawer-footer .fas { margin-right: 5px; font-size: 1.1em; color: #363641; vertical-align: middle; } 
.drawer-footer svg { width: 16px; } 
.drawer-footer.footer-link { text-align: left; border-top: #f8f8f8 1px solid; } 
.drawer-footer.footer-link a { display: block; position: relative; padding: 7px 0; font-size: 1.1em; } 
.drawer-footer.footer-link a svg { float: right; width: 20px; } 
.namecard-list .icon-more { position: absolute; right: 20px; top: 50%; margin-top: -10px; font-size: 1.23em; } 
.namecard-list .icon-more svg { width: 18px; } 
.namecard-list .list-right { position: absolute; right: 5vw; top: 5vw; } 
.namecard-floating-con .modal-content { background: transparent; border: none; width: 70% !important; margin: 0 auto; } 
.namecard-floating-con .modal-dialog { margin: 0; } 
.namecard-floating-con a { background: #ffffff; border-radius: 8px; font-size: 1.23em; padding: 4vw; display: block; margin: 3px 0; } 
.namecard-floating-con a span { margin-right: 10px; } 
.namecard-floating-con a.camera,
.namecard-floating-con a.photo { background: #6d71F9; color: #ffffff; } 


/* 명함그룹 */
.add-group { border-bottom: 1px solid #dddddd; padding: 5px 16px; text-align: right; margin-bottom: 10px; } 
.add-group svg { width: 18px; height: 18px; margin-top: -2px; } 
.group-del { margin-left: -20px; margin-top: -10px; position: absolute; left: 7px; top: 50%; } 
.ui-state-default { border: #cccccc 1px dashed !important; border-radius: 4px; background: #ffffff !important; position: relative; padding: 7px; height: 50px; margin: 2% 12% 0 7%; } 
.ui-state-default input { border: 0 !important; font-size: 1.1em !important; font-weight: 400; width: 75%; float: left; padding: 6px 5px 5px 15px; } 
.ui-state-default .group-btn { width: 25%; float: left; } 
.ui-state-default .group-btn svg { padding: 5px; width: 30px; height: 30px; margin-top: 2px; color: #131322; stroke-width: 1.5px; } 
.ui-state-default svg.group-del { fill: #ff505a; stroke: #ffffff; } 
.ui-state-default i.fas { position: absolute; right: -45px; font-size: 20px; padding: 10px 15px; color: #999999; } 
.round-check .form-check-input { width: 24px; height: 24px; border-color: #bbbbbb !important; } 
.round-check .form-check-input[type=checkbox] { border-radius: 12px; } 
.form-check-input:checked { background-color: rgba(109, 113, 249, 0.9); border: 0 !important; }
 

.namecard-class { padding: 20px 10px; background: #f8f8f8; } 
.namecard-class .page-body-title-sub { text-align: center; } 
.namecard-class .page-body-title-sub strong { border-bottom: 1px solid #131322; padding-bottom: 2px; } 
.namecard-class .ui-state-default { border: #9d9db3 1px solid !important; margin: 1% 2%; width: 46%; height: 42px; border-radius: 30px; padding: 8px 20px 5px 28px; overflow: hidden; box-shadow: 3px 3px 3px rgb(0 0 0/ 7%); } 
.namecard-class .ui-state-default::before { content: "\f138"; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 600; left: 6px; top: 7px; color: #5962EF; font-size: 1.2em; } 
.namecard-class .ui-state-default input { padding: 0; width: 100%; text-overflow: ellipsis; } 



/* 명함 상세보기 */
#namecardHeaderDetail { background: #5962ef !important; border-color: rgba(0, 0, 0, 0.1) !important; } 
#namecardHeaderDetail a { color: #ffffff; } 
#namecardInitHeader { background: #5962ef !important; border-color: rgba(0, 0, 0, 0.1) !important; } 
#namecardInitHeader a { color: #ffffff; } 

#namecardHeaderDetail a span { font-size: 1.38em !important; } 
.namecard-detail { margin-top: -62px; padding-top: 70px; height: 56vw; max-height: 300px; min-height: 200px; position: relative; } 
.namecard-detail .link-icon { z-index: 500; position: absolute; left: 0; top: 0; } 
.namecard-detail .namecard-photo { position: absolute; border-radius: 80px; width: 20vw; height: 20vw; overflow: hidden; max-width: 120px; max-height: 120px; background: rgba(0, 0, 0, 0.15); } 
.namecard-detail .list-photo { position: absolute; width: 20vw; height: 20vw; max-width: 120px; max-height: 120px; top: 23vw; right: 5vw; } 
.namecard-detail .list-photo svg,
.namecard-detail .list-photo .link-icon2 { position: absolute; top: 0; left: 0; background: #ff505a; color: #ffffff; border-radius: 11px; padding: 4px; width: 21px; height: 21px; } 
.namecard-detail .namecard-photo img { width: 100%; height: 100%; object-fit: cover; } 
.namecard-detail .namecard-info { position: absolute; top: 22vw; left: 6vw; } 
.inno-nom { font-style: normal; font-size: 0.6em; background: #131322; border-radius: 8px; padding: 0.2em 0.4em; } 
.namecard-detail .namecard-info p { margin-bottom: 5px; color: #ffffff; font-weight: 400; font-size: 1.6em; text-shadow: 0px 1px 3px rgb(0, 0, 0, 0.4); } 
.namecard-detail .namecard-info p#name { margin-right: 5px; } 
.namecard-detail .namecard-info strong { font-size: 1.23em; font-weight: 400; } 
.namecard-detail .namecard-info span { display: block; font-size: 1.1em; font-weight: 400; color: #ffffff; text-shadow: 0px 1px 2px rgb(0 0 0/ 50%); } 
.namecard-detail .namecard-info span em { background: transparent !important; border: 1px solid #ffffff; font-size: 0.85em; font-weight: 240; padding: 3px 8px; height: 20px; } 
#memoWrap .memo_type { width: 45px; height: 45px; font-size: 13px; font-weight: 200; padding: 5px; min-width: auto; max-width: none; line-height: 15px; } 
.shadow-list.memo .card { min-height: 88px; display: block; height: auto; } 
.shadow-list.memo .list-left { float: left; text-align: center; width: 45px; max-width: 45px; } 
.shadow-list.memo .list-right { float: left; position: relative; width: calc(100% - 45px); text-align: left; padding-left: 15px; } 
.shadow-list.memo .list-right .divider1 { margin: 5px 0; } 
.shadow-list.memo .list-right .date { font-size: 0.92em; color: #363641; text-align: left; padding-left: 0; } 
.shadow-list.memo .list-right .con { font-size: 1.08em; color: #131322; text-align: left; line-height: 140%; } 
.shadow-list.networking strong span { display: inline-block; font-size: 0.9em; margin-left: 10px; font-weight: 400; } 
.shadow-list.networking .card { height: auto; display: block; padding: 0; min-height: auto; max-height: none; } 
.shadow-list.networking .top-info { padding: 5vw 5vw 1vw 6vw; display: inline-block; width: 100%; } 
.shadow-list.networking .list-left { width: calc(100% - 30vw); float: left; text-align: left; } 
.shadow-list.networking .list-left p { font-size: 1.2em; margin-top: 5px; } 
.shadow-list.networking .list-right { width: 30vw; float: left; text-align: right; } 
.shadow-list.networking .divider1 { margin: 0; } 
.customer-level { padding: 3vw 3vw 0 5vw; } 
.customer-level em { font-size: 0.92em; font-style: normal; font-weight: 600; color: #131322; } 
.customer-level .level-list { margin-top: 15px; text-align: left; } 
.customer-level .level-list p { width: 20%; height: 18vw; max-width: 100px; max-height: 100px; min-width: 60px; min-height: 60px; font-size: 2.2em; font-weight: 400; border-radius: 16px; border: 1px solid #f3f3f3; text-align: center; display: inline-grid; align-content: center; padding-top: 2%; margin-right: 4%; } 
.customer-level .level-list p span { font-size: 0.4em; font-weight: 400 !important; color: #666666 !important; line-height: 5vw; } 
.customer-level .level-list p.select { border: 0; color: #ffffff; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); } 
.customer-level .level-list p.select span { color: #ffffff !important; } 
.customer-level .level-list .a.select { box-shadow: 1px 2px 8px rgba(255, 80, 90, 0.5); } 
.customer-level .level-list .a { color: #ff505a; } 
.customer-level .level-list .b { color: #FE8057; } 
.customer-level .level-list .c { color: #11CE8C; } 
.customer-level .level-list .d { color: #5962EF; } 
.customer-level .level-list .a.select,
.modal-setting span.a.on { background: #ff505a !important; box-shadow: 1px 2px 8px rgba(255, 80, 90, 0.5); border: none !important; } 
.customer-level .level-list .b.select,
.modal-setting span.b.on { background: #FE8057 !important; box-shadow: 1px 2px 8px rgba(254, 128, 87, 0.5); border: none !important; } 
.customer-level .level-list .c.select,
.modal-setting span.c.on { background: #11CE8C !important; box-shadow: 1px 2px 8px rgba(17, 206, 140, 0.5); border: none !important; } 
.customer-level .level-list .d.select,
.modal-setting span.d.on { background: #5962EF !important; box-shadow: 1px 2px 8px rgba(89, 98, 239, 0.5); border: none !important; } 
.customer-level.step02 em span { font-size: 0.9em; color: #444444; font-weight: 400; margin-left: 5px; } 
.customer-level.step02 .level-list p { width: 16vw; height: 16vw; margin-right: 1.5%; min-width: 50px; max-height: 90px; font-size: 2em; } 
.customer-level.step02 .select { color: #ffffff !important; } 
.customer-level.step02 .level-list .s01 { color: rgba(0, 0, 0, 0.2); } 
.customer-level.step02 .level-list .s02 { color: rgba(0, 0, 0, 0.4); } 
.customer-level.step02 .level-list .s03 { color: rgba(0, 0, 0, 0.6); } 
.customer-level.step02 .level-list .s04 { color: rgba(0, 0, 0, 0.8); } 
.customer-level.step02 .level-list .s05 { color: rgba(0, 0, 0, 1); } 
.modal-setting span { border: none !important; } 
.customer-level.step02 .level-list .s01.select,
.modal-setting span.s01.on { background: #cccccc !important; box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.2) !important; } 
.customer-level.step02 .level-list .s02.select,
.modal-setting span.s02.on { background: #aaaaaa !important; box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.2) !important; } 
.customer-level.step02 .level-list .s03.select,
.modal-setting span.s03.on { background: #888888 !important; box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.2) !important; } 
.customer-level.step02 .level-list .s04.select,
.modal-setting span.s04.on { background: #666666 !important; box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.2) !important; } 
.customer-level.step02 .level-list .s05.select,
.modal-setting span.s05.on { background: #444444 !important; box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.2) !important; } 
.btn-level-edit { float: right; font-size: 0.92em; color: #666666; padding-right: 16px; } 
.namecard-tab { background: #ffffff; border-radius: 8px; width: 96%; margin: -3% 2%; padding: 1vw; position: absolute; bottom: -10vw; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); } 
.namecard-tab span { line-height: 130%; display: block; font-size: 0.85em; margin-top: 5px; } 
.namecard-tab .nav-link { padding: 10px 1vw; position: relative; } 
.namecard-tab .nav-link,
.namecard-tab .nav-link.active,
.namecard-tab .show>.nav-link { background-color: transparent; color: #131322 !important; } 
.namecard-tab .nav-link.active::after { content: "\f0dd"; font-weight: 900; font-family: "Font Awesome 5 Free"; position: absolute; left: 50%; margin-left: -5px; margin-top: -9px; } 
.namecard-tab .nav-item { width: calc(100%/ 6); text-align: center; } 
.namecard-tab .nav-item button { display: inline-block; } 
.namecard-detail~.tab-content { margin: 40px 0 0 0; padding: 0; } 
.namecard-detail~.tab-content .tab-pane { margin: 0; padding: 0; } 
.namecard-img { text-align: center;/* margin-top: 10px; */} 
.namecard-img img { width: 90vw; max-width: 500px; margin: 0 auto; display: block; border: 1px solid #eeeeee; border-radius: 10px; } 
.namecard-img p { font-size: 0.85em; letter-spacing: -0.5px; color: #363641; float: left; margin-top: 5px; display: block; padding-left: 5vw; } 
.namecard-add { border: 1px solid #ddd; border-radius: 16px; padding: 2em 0 2em 1em; margin-left: 2em; margin-right: 2em; } 
.add-left { display: inline-block; max-width: 30%; border-radius: 10px; overflow: hidden; width: 20vw; height: 25vw; vertical-align: middle; } 
.add-left img { width: 100%; height: 100%; object-fit: cover; } 
.add-right { display: inline-block; max-width: 70%; padding-left: 1.5em; vertical-align: middle; } 
.add-right span { display: block; text-align: left; } 
.add-right b { font-size: 1.6em; letter-spacing: 0.3em; } 
.add-comp { color: #5962ef; font-size: 1.1em; } 
.add-name { border-bottom: 2px solid #5962ef; } 
.add-add { padding-top: 1em; line-height: 1.3em; font-size: 0.8em; padding-bottom: 0.5em; } 
.add-nom { line-height: 1.35em; letter-spacing: -0.03em; font-size: 0.8em; word-wrap: break-word; } 
.add-nom b { font-size: 0.5em; font-weight: bold; } 
.add-nom em { font-style: normal; padding-left: 1.2em; } 
.namecard-content { width: 100%; } 
.namecard-content ul { padding: 0; margin: 0; } 
.namecard-content ul li { list-style: none; padding: 8px 16px; position: relative; } 
.namecard-content li span { font-size: 1.23em; display: inline-block; } 
.namecard-content li span.label { color: #888888; font-size: 0.85em; width: 100%; display: block; font-weight: 200; } 
.namecard-content .border { border-bottom: 1px solid #dddddd; } 
.namecard-content .feather-edit-3 { width: 25px; height: 18px; stroke-width: 1.5px; } 
.namecard-content li.li-link .right { top: 20px; } 
.namecard-content .left { width: 75%; text-align: left; } 
.namecard-content .right { width: 25%; text-align: right; display: inline-block; position: absolute; right: 16px; top: 36px; } 
.namecard-content .right a { width: 30px; text-align: center; display: inline-block; } 
.namecard-content .right svg { color: #363641; width: 20px; height: 20px; stroke-width: 1.5px; } 
.namecard-content .right svg.feather-search { width: 24px; height: auto; } 
.namecard-content em { background: #5962ef; border-radius: 20px; color: #ffffff; margin: 0 4px 5px 0; padding: 1vw 4vw; font-size: 0.85em; font-style: normal; white-space: nowrap; display: inline-block; } 
.namecard-group-edit em { border-radius: 20px; margin: 5px 2px; padding: 1vw 3vw; font-size: 1em; font-style: normal; white-space: nowrap; display: inline-block; background: #ffffff; } 
.namecard-group-edit em.select { background: #5962ef; color: #ffffff; border: none; } 
.namecard-content em:last-of-type { padding: 1vw; background: #ffffff; border: #5962ef 1px solid; } 


/* 단체명함교환 */
.group-guide-title { font-size: 1.25em; font-weight: 600; text-align: center; line-height: 150%; padding: 10vw 5vw 5vw 5vw; } 
.group-guide-title span { color: #5962ef; } 
.group-guide-con { padding: 5vw 3vw 2vw 6vw; } 
.group-guide-con p { font-size: 1.3em; font-weight: 600; color: #131322; margin-bottom: 10px; } 
.group-guide-con ul { padding-left: 3vw; } 
.group-guide-con ul li { list-style: none; word-break: keep-all; line-height: 150%; margin-bottom: 4px; font-size: 1.08em; } 
.group-guide-con ul li:before { content: "-"; font-size: 1em; margin-left: -30px; margin-right: 3px; padding-left: 21px; } 
.namecard-group-list { padding: 3vw 2vw; } 
.namecard-group-list .card { height: auto; min-height: unset; max-height: none; } 
.namecard-group-title { font-size: 1.4em; font-weight: 600; color: #131322; padding: 5vw 5vw 3vw 5vw; text-align: left; } 
.namecard-group-title svg { background: #444444; color: #ffffff; width: 24px; height: 22px; border-radius: 5px; padding: 3px 2px; margin-right: 4px; margin-top: -2px; } 
.namecard-group-body { position: relative; background: #ffffff; color: #131322; } 
.namecard-group-body .body-top { position: relative; background: linear-gradient(to bottom, #6D71F9 0, #5962ef 100%); color: #ffffff; padding: 14vw 4vw 3vw 5vw; } 
.namecard-group-body .body-top p { position: relative; display: inline-block; font-size: 4em; font-weight: 500; font-family: "roboto"; margin-bottom: 0; padding: 10px; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); color: #ffffff; } 
.namecard-group-body .tool-tip { position: absolute; top: -8vw; left: 0; background: #131322; display: inline-block; width: auto; color: #ffba0a; padding: 2px 8px; border-radius: 4px; font-size: 0.25em; font-weight: 400; box-shadow: 2px 2px 8px rgb(0, 0, 0, 0.3); } 
.namecard-group-body .tool-tip i { position: absolute; bottom: -10px; left: 8px; width: 0; height: 0; border-top: 10px solid #131322; border-left: 7px solid transparent; border-right: 2px solid transparent; } 
.namecard-group-body button.room-in { position: absolute; bottom: -20px; right: 30px; width: 100px; height: 100px; border-radius: 50px; border: 2px solid #5962ef; color: #131322; font-size: 1.3em; font-weight: 600; background: linear-gradient(#ffffff 50%, #dddddd 100%); box-shadow: 0 2px 10px rgba(89, 79, 231, 0.3); padding-bottom: 6px; } 
.namecard-group-body button:hover,
.namecard-group-body button:focus,
.namecard-group-body button:active { box-shadow: 0 2px 10px rgba(89, 79, 231, 0.3) !important; } 
.namecard-group-body button.room-in svg { width: 21px; height: 20px; stroke-width: 2px; margin-top: -6px; } 
.namecard-group-body .body-bottom { position: relative; height: 22vw; max-height: 140px; display: inline-block; width: 100%; } 
.namecard-group-body .body-bottom .left p { font-size: 1.3em; } 
.namecard-group-body .body-bottom .left span { color: #444444; margin-bottom: 3px; font-size: 1.1em; font-weight: 400; } 
.namecard-group-body .body-bottom .left { position: absolute; left: 6vw; bottom: 5vw; } 
.namecard-group-body .body-bottom .right { position: absolute; right: 5vw; bottom: 5vw; } 
.namecard-group-body .body-bottom .right p { font-size: 1em; } 
.namecard-group-body .body-bottom .right span { color: #444444; font-size: 0.9em; text-align: right; } 
.namecard-group-body .body-bottom .num { font-size: 1.6em; margin-bottom: -1px; } 
.namecard-group-footer { background: #ffffff; border-top: #eeeeee 1px solid; } 
.namecard-group-footer .btn { font-size: 1.1em; color: #444444; font-weight: 400; padding: 3vw 0 2.5vw 0; border-right: #eeeeee 1px solid; } 
.namecard-group-footer .btn::last-of-type { border-right: 0; } 
.namecard-group-footer .btn-invite { color: #5962ef; font-weight: 600; } 
.namecard-group-room,
.namecard-group-create { background-color: #f8f8f8; } 
.namecard-group-num { padding: 3vw 3vw 8vw; background: #ffffff; } 
.namecard-group-num .card,
.namecard-group-create .card { max-height: none; min-height: auto; height: auto; } 
.namecard-group-num>div.title { font-size: 1.3em; font-weight: 600; text-align: center; margin: 7vw 0 5vw 0; } 
.namecard-group-num>div.title svg { background: #444444; color: #ffffff; width: 24px; height: 22px; border-radius: 5px; padding: 3px 2px; margin-right: 4px; margin-top: -2px; } 
.namecard-group-num-title { border-bottom: 1px dashed #dddddd; text-align: center; font-size: 1.2em; font-weight: 400; padding: 6vw 2vw; color: #131322; } 
.namecard-group-num-title strong { font-weight: 600; font-size: inherit; } 

.namecard-group-num-pass { text-align: center; padding: 4vw; display: inline-block; } 
.namecard-group-num-pass input { font-size: 3em !important; color: #5962ef; width: 60%; font-family: "roboto"; } 
.namecard-group-num-pass input[type=password] { text-align: center; border: 0; border-bottom: 1px solid #131322 !important; border-color: #131322 !important; } 
.namecard-group-num-pass input::placeholder { font-size: inherit !important; color: #5962ef; } 
.namecard-group-num-pass input::-webkit-input-placeholder,
.namecard-group-num-pass input:-ms-input-placeholder { font-size: inherit !important; color: #5962ef; }




.guide-con { padding: 6vw 3vw 0 0; } 
.guide-con ul li { list-style: none; word-break: keep-all; line-height: 150%; margin-bottom: 4px; font-size: 1.1em; } 
.guide-con ul li:before { content: "-"; font-size: 1em; margin-left: -30px; margin-right: 3px; padding-left: 21px; } 
.namecard-group-create .group-create { padding: 3vw; background: #ffffff; } 
.group-create .title { display: block; padding: 2vw 2% !important; } 
.group-create .title input[type="text"] { width: 100%; border: 1px solid #dddddd !important; border-radius: 8px; padding: 3vw 4vw; font-size: 1em !important; } 
.group-create .title input::placeholder { color: #888888; font-size: inherit !important; } 
.group-create .title span { font-size: 0.9em; text-align: right; display: block; padding-top: 1em; color: #131322 !important; } 
.group-create .title input[type=checkbox] { width: 16px; height: 16px; vertical-align: middle; margin-top: 0; border: #cccccc 1px solid !important; } 
.group-create .icon-check { margin: 3px 5px 0 0; } 
.group-create .icon-check i { position: relative; left: unset; top: unset; float: right; margin-right: -18px; } 
.group-create .icon-check i.fa-square:before { color: #cccccc; } 
.group-create .icon-check label { float: right; padding: 0 0 0 20px; font-size: 1.1em; } 
.group-create .icon-check input:checked~.icon-check-2 { display: inline-block; } 
.group-create .namecard-group-num-title { border-bottom: 1px dashed #dddddd; text-align: center; font-size: 1.2em; font-weight: 400; padding: 4vw 2vw 2vw 2vw; color: #131322; } 
.group-create .namecard-group-num-pass { padding: 2.5vw 3vw 2vw 3vw; } 
.group-create .namecard-group-num-pass input[type=text] { font-size: 3em !important; color: #5962ef; width: 60%; font-family: "roboto"; border: none !important; text-align: center; font-weight: 500; } 
.group-create .room-period { padding: 4vw 3vw 3vw 3vw; display: inline-block; width: 100%; } 
.group-create .room-period p { color: #131322; font-size: 1.2em; font-weight: 600; } 
.group-create .room-period span { font-size: 1em; color: #666666; } 
.group-create .room-period input:hover,
input:focus,
input:active { -webkit-appearance: auto !important; } 
.group-create .room-period-select { margin-top: 2vw; } 
.group-create .room-period-select p { width: 18%; margin-right: 2%; float: left; border: 1px solid #dddddd; border-radius: 8px; font-size: 1.4em; font-weight: 400; color: #363641; padding: 1.7vw; background: #ffffff; text-align: center; } 
.group-create .room-period-select p.active { background: #5962ef; color: #ffffff; font-weight: 600; border-color: #5962ef !important; cursor: pointer; } 
.namecard-group-create .guide-con ul li { margin-bottom: 1px; } 
.exchange-list.namecard-list .list-right { top: 8vw; } 


/* 협회/단체 */
.associationlist { background: #f8f8f8; } 
.asso-list .card,
.company-add .card { height: auto !important; min-height: auto !important; max-height: unset !important; padding: 0; } 
.asso-member-align~.asso-list .card:first-child { margin-top: 0 !important; } 
.asso-member-align.list-setting { padding: 10px 16px; } 
.asso-align .tool-tip { bottom: -31px; left: -39px; font-size: 0.9em; padding: 0 6px; } 
.asso-name { font-size: 0.75em; font-weight: 400; } 
.board-list.label { position: relative; } 
.board-list.label span { display: inline-block; padding: 0.6vw 2.5vw 0.5vw 2.5vw; color: #ffffff; font-size: 1.05em; font-weight: 600; vertical-align: middle; margin: 0 3px 0 0; } 
.board-list.label p { display: inline-block; } 
.board-content { padding-top: 10px; font-size: 1em; } 
.board-name { font-size: 1.1em; color: #666666 !important; } 
.board-tit { font-size: 1.3em; font-weight: 600; color: #131322; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-top: 10px; } 
.board-con { font-size: 1.2em; font-weight: 400; color: #666666 !important; line-height: 170%; margin-top: 5px; height: 50px; overflow: hidden; } 
.board-con p { color: inherit; } 
.board-icon { background: #f8f8f8; color: #666666 !important; height: 34px; padding: 5px 4vw; } 
.board-icon .float-start>div { display: inline-block; margin-right: 10px; } 
.board-icon .float-start>div span { display: inline-block; font-size: 1em; font-weight: 400; } 
.board-icon svg { width: 15px; height: 15px; color: #888888 !important; vertical-align: middle; margin-right: 4px; } 
.board-modify { background: #fff; border-top: 1px solid #f8f8f8; } 
.new-label { position: absolute; right: 15px; background: #5962EF; height: 27px; width: 50px; text-align: center; border-radius: 0 0 10px 10px; color: #fff; } 
.my-asso strong span { display: inline-block; font-size: 0.9em; margin-left: 10px; font-weight: 400; } 
.my-asso .card { height: auto; display: block; padding: 0; min-height: auto; max-height: none; margin: 3vw 16px 2vw 16px !important; } 
.my-asso .top-info { padding: 6vw 5vw 5vw 7vw; display: inline-block; width: 100%; position:relative; background-size:cover;background-position:center;background-repeat:no-repeat;} 
.my-asso .top-info .top-info-bg {position: absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.5);}
.my-asso .list-left { position: absolute; left: 15px; top: 15px; } 
.my-asso .list-left p { font-size: 1.1em; } 
.my-asso .list-right { font-size: 1.5em; font-weight: 600; text-align: center; } 
.my-asso .divider1 { margin: 0; } 
.my-asso .bottom-info { background: #f8f8f8; padding: 3vw 2vw; text-align: center; } 
.my-asso .card-style { border-radius: 8px !important; } 
.my-asso .bottom-info p { padding-right: 2vw; letter-spacing: -1px;  font-family: var(--font-kr);} 
.my-asso .bottom-info p span { padding: 1px 4px; font-size: 0.9em; font-family: var(--font-kr); } 
.asso-detail { border-radius: 20px 20px 0 0; background: #6d71f9; box-shadow: 0 -5px 15px rgb(0 0 0/ 50%); width: 100%; display: inline-block; } 
.asso-detail-logo { position: absolute; background: #ffffff; border-radius: 50%; display: inline-block; overflow: hidden; width: 50px; height: 50px; } 
.asso-detail-logo img { width: 100%; height: 100%; object-fit: cover; } 
.asso-detail-top { color: #ffffff; position: relative; display: block; text-align: left; padding: 8vw 3vw 3vw 3vw; min-height: 90px; } 
.asso-detail-top>svg { position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; stroke-width: 1px; } 
.board-detail-info { width: 100%; display: inline-block; padding: 5px 0 0 70px; } 
.asso-title { font-style: normal; font-weight: 600; font-size: 1.4em; font-family: var(--font-kr);} 
.asso-info { display: block; font-size: 1em; position: relative; } 
.asso-info .date { text-align: left; font-family: var(--font-kr);} 
.asso-info .count { position: absolute; right: 6px; top: 3px; font-family: var(--font-kr); } 
.asso-info .count p { float: left; color: #ffffff; margin: 0 0 0 10px; font-size: 1.2em; } 
.asso-info p svg { width: 13px; height: 13px; margin-right: 2px; stroke-width: 1.5px; margin-right: 2px; } 
.asso-detail .board-label { background: #ebecf8; border: 0; color: #5262ef; width: calc(100% - 20px); padding: 1px 20px; font-family: var(--font-kr); font-weight: 700; display: block; border-radius: 6px; margin: 0 10px; } 
.asso-detail .board-detail-info { padding: 0 0 0 60px; }
.asso-detail .board-detail-con { padding-bottom: 30px; } 
.asso-detail .detail-title { font-weight: 700; } 
#nvsDetailContents * { font-family: var(--font-kr); } 
.member-add { position: absolute; right: 12px; bottom: 52px; z-index: 200; } 
.member-add>button { font-size: 1em; font-weight: 400; color: #ffffff; padding: 0 3px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 50%; width: 9vw; height: 9vw; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3); margin: 0 1px; } 
.btn-member-add svg { width: 20px; height: 20px; stroke-width: 2px; } 
.btn-notice-write svg { width: 20px; height: 20px; stroke-width: 2px; } 
.btn-notice-write { border-radius: 3px; color: #ffffff; font-size: 1em; text-align: center; line-height: 180%; } 
.btn-bottom-round { bottom: 75px; right: 10px; position: fixed; border: 1px solid transparent; border-radius: 50px; font-size: 1.1em !important; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) !important; } 
.board-detail-con { background: #ffffff; border-radius: 20px 20px 0 0; display: block; } 
.board-detail-con.board-write { box-shadow: 0 -5px 15px rgb(0 0 0/ 50%); } 
.board-detail-con .detail-top svg { width: 32px; height: 32px; stroke-width: 1.5px; background: #eeeeee; border-radius: 50%; padding: 8px; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15); } 
.board-detail-con #descriptionTxt { line-height: 160%; } 
.detail-top { border-bottom: #f8f8f8 1px solid; display: inline-block; padding: 2vw 3vw; width: 100%; } 
.trash-modify { position: absolute; right: 15px; } 
.detail-top>div { display: inline-block; } 
.detail-top .fas { color: #666666; vertical-align: middle; } 
.detail-title { position: relative; font-size: 1.3em; font-weight: 600; font-family: "NanumGothic"; text-align: left; padding: 5vw 5vw 5vw 17vw; word-break: keep-all; line-height: 150%; } 
.detail-title .notice-label { position: absolute; left: -12vw; top: 0; font-size: 0.75em !important; padding: 0 2.5vw !important; } 
.board-title { border-bottom: #f8f8f8 1px solid; color: #131322; padding: 0 5vw 3vw 5vw; font-size: 1.8em; font-weight: 600; text-align: left; } 
.board-detail-con>div>em, em.board-label { background: #f8f8f8; color:#9292a0; font-size: 1em; font-style: normal; padding: 0 0.4em 0 1.4em; display: inline-block; width: 100%; position: relative; } 
.board-label { position: relative; } 
.board-detail-con>div>em:before,
em.board-label:before { margin-right: 5px; color: #666666; } 
.board-detail-con .detail-attend>em:before { content: "참석여부 회신을 받으시겠습니까?"; color: #131322; font-weight: 600; font-size: 1.1em; position: absolute; top: 13px; } 
.board-detail-con .detail-attend>em { margin-bottom: 30px; } 
.board-detail-con .detail-manager-phone input:before { content: "\f3cd"; font-family: "Font Awesome Free 5"; font-weight: 600; } 
.board-detail-con .detail-place .place-addr a { border: 1px solid #dddddd; border-radius: 6px; padding: 8px; display: block; text-align: center; font-size: 0.9em; margin-top: 10px; box-shadow: 0 2px 0 #f8f8f8; } 
.board-detail-con .detail-place .place-addr a svg { width: 18px; height: 18px; } 
.board-detail-con .detail-place .btn-place { background: #ffffff; text-align: center; display: block; height: 50px; padding: 14px 15px 0 15px; border: 1px solid #dddddd; border-bottom-color: #cccccc; border-radius: 0.25em; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05); z-index: 100; font-size: 1.2em; } 
.board-detail-con .detail-place .btn-place-addr { background: #ffffff; display: block; height: 60px; padding: 0; border: 1px solid #dddddd; border-bottom-color: #cccccc; border-radius: 0.25em; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05); font-size: 0.9em; overflow: hidden; } 
.board-detail-con .detail-place .map-addr { height: 100%; width: 70px; display: inline-block; margin: 0 !important; vertical-align: middle; border-right: #dddddd 1px solid; box-shadow: 2px 0 0 #f2f2f2; z-index: 100; margin-right: 10px; } 
.board-detail-con .detail-place .btn-place-addr span { padding: 10px 3vw; display: inline-block; width: calc(100% - 70px); height: 100%; line-height: 140%; word-break: keep-all; } 
.board-detail-con .detail-place .map-addr img { width: 100%; object-fit: cover; } 
.board-detail-con .detail-place .map-addr,
.board-detail-con .detail-place .btn-place-addr span { float: left; } 
.board-detail-con .detail-place .desc { padding-bottom: 2.5em; } 
.board-detail-con .detail-file .file-title { font-size: 1em; font-weight: 600; color: #131322; display: block; border: 1px solid #eeeeee; border-radius: 8px; padding: 10px 15px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); margin-bottom: 5px; position: relative; } 
.board-detail-con .detail-file .file-title svg { position: absolute; right: 7px; top: 9px; background: #ffffff; } 
.board-detail-con .detail-date .desc input { font-weight: 600; font-size: 1.6em; text-align: left; } 
.board-detail-con .detail-date span { display: inline-block; margin-right: 20px; } 
.board-detail-con .detail-date span i { margin: -3px 7px 0 0; vertical-align: middle; font-size: 1.1em; } 
.board-detail-con .desc { padding: 1.4em; font-size: 1.2em; } 
.attend-save { position: fixed; bottom: calc(70px + (env(safe-area-inset-bottom))*1.1); text-align: center; width: 96%; margin: 2%; z-index: 100; } 
.attend-save .btn { border-radius: 3em; padding: 0.5rem 1rem; font-size: 1.1em; width: 20%; } 
.attend-save .btn:hover { opacity: 1; } 
.attend-save .btn-outline-primary { border-color: #dddddd; color: #131322; background: #f8f8f8; } 
.attend-save .btn-group { width: 78% !important; border-radius: 50px; } 
.attend-save .btn-group,
.attend-save .btn-save { box-shadow: 0 0 5px rgba(0, 0, 0, 0.15) !important; } 
.attend-save .btn-save { background: #272848; color: #ffe600; font-weight: 600; } 
.attend-save .btn-check:checked+.btn-outline-primary,
.attend-save .btn-check:active+.btn-outline-primary,
.attend-save .btn-outline-primary:active,
.attend-save .btn-outline-primary.active,
.attend-save .btn-outline-primary.dropdown-toggle.show { background-color: #5962ef; border: 0; font-weight: 600; } 
.attend-save .btn-check:checked+.attend-non.btn-outline-primary { background-color: #ff505a; } 
.attend-save .btn-check:checked+.attend-not.btn-outline-primary { background-color: #777777; } 
.attend-save .btn-check:checked+.btn-outline-primary:before { content: "\f00c"; margin-right: 5px; font-weight: 600; font-family: "Font Awesome 5 Free"; vertical-align: middle; } 
.detail-comment .input-style button { width: 100%; background: #888888; color: #ffffff; border-radius: 0 0 8px 8px !important; font-weight: 600; font-size: 0.9em !important; font-family: "NanumSquare", "Roboto", sans-serif !important; margin-top: -7px; } 
.input-style.has-borders textarea { border-radius: 8px 8px 0 0 !important; border-color: #dddddd !important; border-bottom-width: 0; font-size: 1em !important; padding: 20px !important; height: 80px; } 
.input-style.has-borders textarea:focus { height: 120px !important; } 
.comment-line { border: 1px solid #dddddd; border-radius: 8px !important; margin-bottom: 5px; } 
.comment-info { font-size: 0.8em; border-bottom: 1px dashed #dddddd; padding: 2vw 3vw; } 
.comment-info span { font-size: 1.2em; margin-right: 4px; } 
.comment-info svg { width: 16px; height: 16px; color: #666666; } 
.comment-info a { padding: 4px; } 
.comment-con { padding: 3vw; color: #131322; font-size: 1em; margin: 0; } 


/* 공지작성 */
.drawer-layout .detail-title { width: 100%; text-align: center; padding: 8vw 5vw; } 
.board-option { text-align: center; display: block; padding: 6vw 2vw; border-bottom: #eeeeee 1px solid; } 
.board-option .btn { border: #dddddd 1px solid; background: #f8f8f8; font-size: 1.2em; font-weight: 400; color: #131322; border-radius: 30px; width: 90px; margin-right: 8px; } 
.board-write .input-style.has-borders.input-style-active label { display: none; } 
.board-option .btn-check:checked+.btn { color: #ffffff !important; border: none; font-weight: 600; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2) !important; } 
.board-option .btn-check:checked+.board-ad.btn { background-color: #11CE8C; } 
.board-option .btn-check:checked+.board-notice.btn { background-color: #ff505a; } 
.board-option .btn-check:checked+.board-meet.btn { background-color: #FE8057; } 
.board-option .btn-check:checked+.btn:before { content: "\f00c"; margin-right: 5px; font-weight: 600; font-family: "Font Awesome 5 Free"; vertical-align: middle; } 
.board-write .input-style.has-borders input { height: 70px; } 
.board-write .input-style.has-borders input,
.board-write .input-style.has-borders select,
.board-write .input-style.has-borders textarea { border: 1px dashed #999999 !important; border-radius: 0 !important; font-size: 1.2em !important; color: #131322 !important; } 
.board-write .input-style.has-borders input::placeholder,
.board-write .input-style.has-borders textarea::placeholder { font-size: 0.8em !important; font-weight: 200 !important; color: #888888 !important; } 
.board-write .input-style.has-borders input:focus,
.board-write .input-style.has-borders select:focus,
.board-write .input-style.has-borders textarea:focus { border: 2px solid #131322 !important; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1) !important; } 
.board-write .input-style.has-borders textarea:focus { height: 200px !important; } 
.board-write .input-style.has-borders input[tpye="time"] { width: 100%; } 
.detail-subject input { text-align: center; font-family: "NanumGothic"; } 
.detail-contents textarea { font-family: "NanumGothic"; word-break: keep-all; } 
.detail-fileinput { margin-bottom: 5px; position: relative; } 
.detail-fileinput label { display: block; padding: 1em 0.8em; color: #444444; font-size: 0.9em; line-height: normal; background-color: #fdfdfd; cursor: pointer; border: 1px solid #dddddd; border-bottom-color: #cccccc; border-radius: 0.25em; text-align: right; width: 100%; box-shadow: 0 2px 1px rgb(0, 0, 0, 0.05); } 
.detail-fileinput label svg { width: 18px; height: 18px; } 
.detail-fileinput input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } 
.detail-fileinput input.upload-name { position: absolute; background: none; border: 0; padding: 1em 0 1em 1em; width: calc(100% - 130px); color: #131322 !important; font-size: 0.8em !important; } 
.detail-fileinput .upload-display { border: #dddddd 1px solid; border-width: 1px 1px 0 1px; text-align: center; padding: 10px; } 
.detail-fileinput::nth-of-type(2) .upload-display { margin-top: 20px; } 
.detail-fileinput .upload-display img { display: block; max-width: 100%; width: 100% \ 9; height: auto; } 
.detail-fileinput .upload-thumb-wrap { display: inline-block; width: 200px; padding: 2px; vertical-align: middle; border: 0; } 
.detail-attend .custom-control { margin-top: 10px !important; } 
.detail-attend .list-type dd>span { padding: 0; } 
.detail-attend .list-type dd { font-size: 0.9em; } 
.detail-attend .custom-control { position: relative; top: unset; right: 35px; float: right; vertical-align: middle; } 
.detail-attend .ios-switch label::before { width: 70px !important; height: 38px !important; } 
.detail-attend .ios-switch label::after { width: 32px !important; height: 32px !important; margin-top: -35px; } 
.detail-attend .ios-switch-icon span { font-size: 9px; left: 16px; margin-top: 0 !important; font-weight: 600; } 
.detail-attend .ios-switch-icon span:last-child { margin-left: 31px; } 
.detail-attend .desc { position: relative; } 
.detail-attend .ios-switch-icon+span { float: right; padding-top: 6px; font-size: 0.9em; } 
.detail-attend .ios-input:checked~.custom-control-label::after { transform: translateX(33px) !important; -webkit-transform: translateX(33px) !important; } 
.fileNmBox { width: calc(100% - 70px); height: 20px; display: inline-block; vertical-align: middle; background-color: #e6e6e6; border: 1px solid #CCCCCC; } 
.detail-file input#file-upload-buttom { background: #ffffff; font-size: 0 !important; } 


/* 협회 상세보기 */
#associationHeaderDetail { background: transparent !important; border: 0 !important; } 
#associationHeaderDetail a { color: #ffffff; } 
#associationHeaderDetail.header.header-center { height: calc(42px + (constant(safe-area-inset-top))*0.75) !important; height: calc(42px + (env(safe-area-inset-top))*0.75) !important; } 
#associationHeaderDetail.header.header-center .header-icon { height: 42px; line-height: 42px; } 
.myasso-layout { background: #f8f8f8; } 
.myasso-detail { margin-top: -62px; padding-top: 70px; position: relative; box-shadow: 0 2px 8px rgb(0, 0, 0, 0.3); background: #7474aa; } 
.associationMain2 { overflow-y: hidden; } 
.associationMain2 .tabContent .tab-pane .nav { display: flex; } 
.associationMain2 .myasso-detail { margin-top: 0px; padding-top: 0px; position: relative; box-shadow: 0 2px 8px rgb(0, 0, 0, 0.3); background: #7474aa; } 
.myasso-detail .asso-sub-menu { text-align: center; }
.myasso-detail .asso-sub-menu a span {font-family: var(--font-kr);}
 
.myasso-detail .asso-sub-menu a { color: #ffffff; font-size: 1.15em; padding: 2.5vw 0 1.5vw 0; display: inline-block; } 
.myasso-detail .asso-sub-menu a::after { content: "|"; padding: 0 3.5vw; font-size: 0.5em; } 
.myasso-detail .asso-sub-menu a:last-of-type::after { content: none; } 
.myasso-detail .asso-top img { border-radius: 0 0 16px 16px; overflow: hidden; } 
.myasso-detail .asso-top .asso-info-layout { position: absolute; z-index: 100; font-size: 1em; padding: 1vw 3vw; width: 100%; } 
.associationMain2 .myasso-detail .asso-top .asso-info-layout { padding-top: 2vw; } 
.associationMain2 .myasso-detail .asso-top .asso-info-layout { position: relative; } 
.myasso-detail .asso-top>img { position: relative; width: 100%; max-height: 200px; object-fit: cover; margin-top: -70px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25); } 
.myasso-detail .asso-logo { position: relative; display: inline-block; border-radius: 50%; width: 64px; height: 64px; max-width: 80px; max-height: 80px; overflow: hidden; background: rgba(0, 0, 0, 0.15); vertical-align: top; margin-right: 10px; background: #ffffff; } 
.asso-inno-logo { width: 100% !important; } 
.myasso-detail .asso-logo img { width: 100%; max-height: 300px; object-fit: cover; aspect-ratio: 1/1; padding: 0.3rem; } 
.myasso-detail .asso-info { display: inline-block; vertical-align: middle; margin-top: 3px; } 
.associationMain2 .myasso-detail .asso-info { margin-top: 10px; } 
.myasso-detail .asso-info p { color: #ffffff; margin-bottom: 0; font-weight: 600; font-size: 1.7em; text-shadow: 0 0 15px rgb(0, 0, 0, 0.7); } 
.myasso-detail .asso-info .asso-date-open { font-weight: 400; font-size: 1em; margin-top: 4px; } 
.myasso-detail .asso-info span em { background: transparent !important; border: 1px solid #ffffff; font-size: 0.85em; font-weight: 240; padding: 3px 8px; height: 20px; } 
.asso-tab { background: #ffffff; border-radius: 8px; width: 96%; margin: 0 2%; padding: 1vw; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); } 
.asso-tab .write-notice { font-size: 1em; color: #ffffff; background: #9d9db3; border-radius: 20px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); padding: 1.5vw 2.5vw; } 
.asso-tab .write-notice svg { width: 15px; height: 15px; stroke-width: 2px; margin-right: 5px; } 
.business-list .board-tit { font-size: 1.5em; font-weight: 600; line-height: 150%; color: #131322; text-align: center; text-overflow: unset; white-space: normal; word-break: keep-all; } 
.business-list .business-top { display: inline-block; width: 100%; } 
.business-list .label-product { float: left; } 
.business-list .business-user>div { display: inline-block; margin-left: 10px; } 
.business-list .business-user>div img { margin-right: 3px; } 
.business-list .business-img img { width: 100%; } 
.business-list .card { height: auto !important; min-height: unset !important; max-height: unset !important; } 
.business-list .board-con { color: #131322 !important; height: 53px !important; margin: 3vw 3vw; } 
.business-list .board-icon { background: #ffffff !important; padding: 1px 4vw 24px 2vw; height: auto; } 
.business-list .board-icon button { margin-right: 5px; } 
.business-list .list-photo { position: absolute; width: 20vw; height: 20vw; max-width: 120px; max-height: 120px; top: 4vw; left: 3vw; } 
.business-list .namecard-photo { border-radius: 50%; width: 30px; height: 30px; overflow: hidden; vertical-align: middle; display: inline-block; background: #eeeeee; } 
.business-list .namecard-photo img { height: 100%; width: 100%; object-fit: cover; } 
.business-list .card-body { padding: 3vw 0 0 0; } 
.btn-close-tr { position: absolute; top: 5px; right: 5px; padding: 5px; } 
.modal .btn-cancel { position: fixed; bottom: 20px; right: 15px; width: 50px; height: 50px; border-radius: 50px !important; background: #5962ef !important; color: #ffffff !important; font-weight: 600; z-index: 200; } 
.member-photo { border-radius: 50%; width: 100%; height: 100%; overflow: hidden; min-width: 55px; min-height: 55px; max-width: 120px; max-height: 120px; background: rgba(0, 0, 0, 0.05); } 
.member-photo img { width: 100%; height: 100%; object-fit: cover; } 
.member-level { background: #5962ef; color: #ffffff; border-radius: 30px; padding: 0 2px; width: 56px; z-index: 10; text-align: center; display: inline-block; } 
.member-info-top { display: block; padding: 6vw 0 6vw 4vw; } 
.member-info-top button.btn-exchange { float: right; padding: 7px 10px !important; border-radius: 8px; font-size: 1.05em !important; font-weight: 600; margin: 2vw -5px 0 0; text-align: left; background: #5962ef; box-shadow: 0 3px 6px rgb(0, 0, 0, 0.2) !important; } 
.member-info-top button.btn-exchange svg { width: 12px; height: 12px; } 
.asso-list .card-style { border: 1px solid #eeeeee !important; } 


/*card-style 레이아웃 수정*/
.card-style.card-modify { margin: 0 0 2vw 0 !important; border-radius: 0 !important; } 
.card-style.card-modify .business-top { border-bottom: 1px solid #f8f8f8; padding-bottom: 1em; } 
.card-style.card-modify .board-icon { border-top: 1px solid #f8f8f8; padding: 12px 4vw 12px 2vw; } 
.card-style.card-modify .board-content { padding-top: 0; } 
.card { margin: 0; } 
.card-style { margin: 0; border-radius: 0; margin-bottom: 10px; } 
.asso-list .list-photo { position: relative; display: inline-block; width: 16vw; height: 16vw; max-width: 120px; max-height: 120px; vertical-align: top; } 
.asso-list .member-info { display: inline-block; vertical-align: middle; margin-left: 2.5vw; font-size: 1.1em; } 
.asso-list .member-info p { margin: 4px 0 0 0; color: #131322; font-size: 1.1em; } 
.asso-list .member-info .badge,
.advice-view .board-title .badge { color: #7474aa; border-color: #7474aa; } 
.badge-inno-nom { background: #7474aa; color: #fff !important; } 
.asso-list .member-info strong { font-size: 1.4em; font-weight: 600; vertical-align: middle; } 
.asso-list .member-info span { display: block; font-size: 1em; font-weight: 400; color: #666666; line-height: 140%; } 
.asso-list .btn-group { margin-bottom: -1px; } 
.asso-list .btn-group .btn { border-radius: 8px; font-size: 1.1em !important; color: #363641 !important; border-bottom-width: 0; border-color: #cecfe8 !important; background: #f0f1fe; } 
.asso-list .btn-group .btn>svg { width: 18px; height: 18px; vertical-align: middle; stroke-width: 1.5px; } 
.asso-list .btn-group>.btn:nth-child(n+3),
.asso-list .btn-group>:not(.btn-check)+.btn,
.asso-list .btn-group>.btn-group:not(:first-child)>.btn { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0; } 
.asso-list .btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.asso-list .btn-group>.btn-group:not(:last-child)>.btn { border-top-left-radius: 0; } 
.asso-list .btn-group>.btn:first-child { border-left-width: 0; } 
.asso-list .btn-group>.btn:last-child { border-right-width: 0; } 
.asso-list.asso-member .card-style { margin-bottom: 4vw !important; } 
.asso-list.asso-member .card-style.card-modify { margin-bottom: 0 !important; } 
.asso-member-align.list-setting { min-height: auto; position: relative; overflow: hidden; padding-bottom: 30px; } 
.asso-member-align.list-setting .btn-group { background: #ffffff !important; } 
.asso-member-align.list-setting .btn-group .btn { font-size: 1em; } 
.member-search,
.member-search-cancel { position: absolute; right: 0; bottom: 3px; background: #ffffff; width: 50px; height: 42px; border-radius: 60px 0 0 60px; border: #dddddd 1px solid; color: #131322; box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.1); padding-bottom: 2px; line-height: 120%; } 
.member-search-cancel { font-size: 1.15em; background: #5962ef; border-color: none; color: #ffffff; padding: 1px 0 0 3px; letter-spacing: 1px; } 
.member-search svg { width: 22px; height: 22px; } 
.member-select { display: block; padding: 0 5vw; text-align: left; word-break: keep-all; } 
.member-select span::after,
.member-select-list span::after { content: "\f138"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 1em; margin: 0 10px; color: #666666; } 
#tab03-tab~.member-search { display: none; } 
#tab03-tab.nav-link.active~button.member-search { display: inline-block; } 
.member-select span:last-of-type::after,
.member-select-list span:last-of-type::after { content: unset; } 


/* .member-select > div, */
#noSearchFilter { text-align: center; font-size: 1.1em; } 
.seach-now { text-align: center; font-size: 1.2em; position: relative; color: #5962ef; font-weight: 600; } 
.seach-now span::after { color: #5962ef; } 
.member-select .filterwrap>div,
.member-select-list>div,
.asso-member-align .member-list,
.seach-now { position: relative; border-bottom: 1px solid #eeeeee; border-radius: 20px; padding: 5px 60px 5px 42px; display: inline-block; background: #f8f8f8; margin-bottom: 5px; font-size: 1.2em; width: 100%; } 
.asso-member-align,
.member-select { counter-reset: search-counter; } 
.member-select-list>div:before,
.member-select .filterwrap>div:before { content: counter(search-counter); counter-increment: search-counter; position: absolute; top: 4px; left: 4px; background: #ffffff; border: #dddddd 1px solid; border-radius: 20px; width: 28px; height: 28px; text-align: center; font-size: 1em; font-weight: 600; padding-top: 2px; } 
.member-select-list.collapse>div:first-of-type::before { counter-set: search-counter 2; } 
.member-select-list.collapse>div:before { content: counter(search-counter); counter-increment: search-counter; } 
.member-select-list .btn-search-delete { position: absolute; right: 11px; top: 5px; } 
.member-select-list .btn-search-delete svg { color: #666666; width: 18px; height: 18px; } 
.member-select #completeFilter>div { position: relative; } 
.btn-reset { font-size: 1.1em; border-bottom: 1px solid #666666; margin-top: 6px; } 
.select-save { display: block; text-align: right; } 
.select-save .btn-round { border-radius: 20px 20px 0 0; border: #dddddd 1px solid; margin-top: 10px; padding: 0.5em; font-size: 1.1em; } 
.member-select .btn-delete svg,
.btn-select-delete svg { width: 16px; height: 16px; } 
.asso-member-align .btn-open { position: absolute; left: 0; bottom: 0; background: #ffffff; color: #444444; z-index: 10; padding-top: 2px; border-radius: 10px 10px 0 0; margin-left: 0; width: 100%; text-align: center; box-shadow: -10px 0 5px rgb(0, 0, 0, 0.2); border: 1px solid #eeeeee; } 
.asso-member-align .btn-open i { font-size: 1.2em; } 
.member-list.member-select { display: inline-block; } 
.member-select button:last-of-type,
.btn-select-delete { position: absolute; right: 6px; top: 4px; border: #dddddd 1px solid; border-radius: 30px; padding: 0 5px; background: #dddddd; vertical-align: middle; margin-left: 10px; } 


/* 홍보 및 교류 */
.business-detail { padding-top: 70px; } 
.business-detail .top-icon { position: relative; display: inline-block; width: 100%; } 
.label-share { background: #5962ef; border-radius: 50%; display: inline-block; padding: 7px 12px 12px 9px; margin-right: 16px; width: 40px; height: 40px; } 
.label-share svg { color: #ffffff; width: 20px; height: 20px; } 
.business-detail .label-product { top: 0; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4); } 
.btn-ad-write { background: #9d9db3; display: inline-block; padding: 0 6px; margin-left: 10px; border-radius: 5px; font-size: 0.6em; font-weight: 400; color: #ffffff !important; vertical-align: middle; } 
.btn-ad-write svg { color: #ffffff; width: 18px; height: 18px; margin: 0 3px 2px 0; } 
.business-profile { position: relative; border-bottom: 1px solid #eeeeee; display: inline-block; padding: 0 16px 30px 16px; width: 100%; margin-top: 10px; } 
.business-profile-info { position: relative; font-size: 1.2em; padding-top: 10px; display: inline-block; } 
.business-profile-info p { margin: 0; color: #131322; font-size: 1.1em; } 
.business-profile-info strong { font-size: 1.5em; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; padding: 3px 0 1px 0 } 
.business-profile-info span { display: block; font-size: 1.1em; font-weight: 400; color: #666666; line-height: 140%; margin: 12px 0 4px 0; } 
.business-photo { position: absolute; right: 16px; top: 3px; border-radius: 50%; width: 24vw; height: 24vw; overflow: hidden; min-width: 80px; min-height: 80px; max-width: 100px; max-height: 100px; background: rgba(0, 0, 0, 0.05); border-radius: 50%; z-index: 100; } 
.business-photo img { height: 100%; width: 100%; object-fit: cover; } 
.business-con { padding: 16px; } 
.business-con p.title { font-size: 1.5em; font-weight: 800; line-height: 150%; color: #131322; text-align: center; padding: 9vw 1vw 6vw 1vw; margin: 0; word-break: keep-all; } 
.business-contents { font-size: 1.2em; font-weight: 400; word-break: keep-all; line-height: 160%; } 
.business-img { width: 100%; } 
.business-img img { width: 100%; margin-bottom: 10px; } 
.btn-files { position: relative; border-radius: 2vw !important; border: #dddddd 1px solid; color: #131322; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important; font-size: 1.2em !important; font-weight: 400; text-align: left; width: 100%; padding: 3vw !important; margin-bottom: 12px; } 
.btn-files:after { content: "\f019"; font-size: 1.2em; font-weight: 600; font-family: "Font Awesome 5 Free"; color: #363641; position: absolute; right: 22px; top: 50%; margin-top: -15px; } 
.inno-logo { width: 15%; padding-right: 10px; } 
.btn-associ { position: relative; border-radius: 2vw !important; border: #6D71F9 1px solid; color: #131322; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important; font-size: 1.2em !important; font-weight: 400; text-align: center; width: 100%; padding: 3vw !important; margin-bottom: 12px; } 



/* 경영 자문서비스 */

.label.text-list.column3 span { display: inline-block; } 
.advice-title { text-align: center; font-size: 1.5em; font-weight: 800; padding: 6vw 2vw 4vw 2vw; background: #ffffff; border-bottom: 1px solid #eeeeee; } 
.bg-f8f8f8 { background: #f8f8f8; } 
.advice-badge { background: #11CE8C !important; } 
.advice-list .advice-badge { padding: 5px !important; color: #ffffff !important; } 
.advice-write .advice-badge em,
.advice-view .advice-badge em { color: #ffffff !important; } 
.advice-list .badge,
.advice-write .badge { border-radius: 2px; font-size: 0.8em; padding: 4px; vertical-align: middle; } 
.advice-list .nav-scroller a { padding: 6px 15px 5px 15px; } 
.member-info-more-align { border-top: #eeeeee 1px solid; padding-top: 20px; } 
.advice-write .member-info-top { padding: 2em 1em 1em 1em !important; display: inline-block; } 
.member-info-more { width: 100%; text-align: center; } 
.member-info-more>p { position: relative; font-size: 1em !important; border-radius: 50%; width: 22vw; height: 22vw; margin: 0 2% !important; padding-bottom: 8px; background: #f0f1fe; display: inline-flex; align-items: center; justify-content: center; } 
.member-info-more p em { font-style: normal; font-size: 1.2em; font-weight: 600; color: #131322; } 
.member-info-more p span { position: absolute; bottom: -10px; left: 0; text-align: center; width: 100%; padding: 2px; border-radius: 6px; background: #ffffff; border: 1px solid #7474aa; color: #7474aa; font-weight: 600; } 
.advice-write .list-photo,
.advice-write .member-info { float: left; } 
.advice-write .list-photo { width: 16vw; } 
.advice-write .member-info { width: 72vw; } 
.advice-write .detail-asso-profile,
.advice-view .detail-asso-profile { display: inline-block; width: 100%; padding-bottom: 8vw; } 
.advice-join .nav-scroller a { height: auto; border-radius: 30px; font-size: 1.1em; padding: 10px 25px; margin-right: 2vw; } 
.advice-join .nav-scroller a.menu-on { background: #11ce8c; box-shadow: 1px 1px 10px rgba(17, 206, 140, 0.5); } 
.advice-join .btn-border-round { font-size: 1.1em; font-weight: 800; border-radius: 50px; padding: 1vw 8vw 1vw 5vw; } 
.advice-join .btn-border-round .dropdown-toggle::after { font-size: 0.8em; right: -4vw; top: 3.5vw; margin-top: -2.2vw; } 
.area-select { position: relative; z-index: 50; } 
.detail-asso-profile .desc { font-size: 1em; } 
.advice-view .btn-files { font-size: 1em !important; } 



/* 사업홍보 */
.business-ad { background: #f8f8f8; } 
.business-ad .nav-scroller a { padding: 5px 15px 3px 15px; } 
.business-ad .top-search.search-box { width: 100%; height: auto; background: #ffffff !important; border: #dddddd 1px solid !important; } 
.business-ad .top-search.search-box input { background: #ffffff !important; padding: 10px !important; height: 40px; font-size: 1.4em !important; border-radius: 8px; } 
.business-ad .top-search.search-box svg { vertical-align: middle; } 
.business-ad .btn-search { margin: 0; font-size: 1.2em; font-weight: 600; } 
.filter-option { position: relative; display: inline-block; } 
.setting-link { position: absolute; right: 16px; top: -43px; } 
.setting-link svg { width: 22px; height: 22px; stroke-width: 1.5px; } 
.business-ad .search-line { margin-top: 11px; } 
.business-ad .btn-group { background: #5962ef !important; } 
.business-ad .btn { font-weight: 600; } 
.business-ad .btn-border-round { border: 1px solid #5962ef; padding: 1px 20px 0 5px; } 
.business-ad .btn-group::after { content: "\f077"; position: absolute; right: 12px; top: 50%; color: #5962ef !important; margin-top: -13px; font-family: "font Awesome 5 Free"; font-weight: 600; font-size: 0.8em; } 
.business-ad .btn-group button:after { content: unset; } 
.business-ad .btn-group button,
.business-ad .btn-group:after { color: #ffffff !important; } 
.business-ad .collapsed .btn { font-weight: 400; } 
.business-ad .collapse:not(.show) { display: none !important; } 
.business-ad .collapsed.btn-group { background: #ffffff !important; } 
.business-ad .collapsed.btn-border-round { border: 1px solid #dddddd; } 
.business-ad .collapsed.btn-group:after { content: "\f078"; color: #5962ef !important; margin-top: -11px; } 
.business-ad .collapsed.btn-group button,
.business-ad .collapsed.btn-group:after { color: #131322 !important; } 
.business-ad .option-line .btn-group:after { content: "\f054"; } 
.business-ad .option-line .btn-group { margin: 5px 0; } 
.business-ad #tab01 .list-setting { padding-bottom: 5px !important; } 
.business-ad .option-line .nav-scroller .nav { padding: 5px 0; } 
.business-ad .list-setting { padding-bottom: 14px !important; } 
.business-ad .list-setting .nav-scroller a { margin-left: 2px; } 
.business-ad .all-ad .list-setting .btn-group { margin-bottom: 0; display: block; } 
.business-ad .list-setting .collapse { width: calc(100% - 99px); float: right; } 
.business-ad .list-setting .btn-group.btn-area { display: inline-block; } 
.business-ad .nav-scroller .nav { padding: 10px 0; } 
.business-ad .total-list~.card { margin-top: 2vw !important; } 
.option-line { display: inline-block; width: 100%; } 
.total-list { display: block; text-align: right; padding: 10px 16px 0 16px; color: #131322; font-size: 1em; } 
.product-select { margin-top: 3px; padding-top: 5px; display: inline-block; } 



/* 기업서비스 */
.list-setting.calendar-list { min-height: unset; } 
.current-month { padding: 12px 10px 0 15px; text-align: center; } 
.yearmonth { text-align: center; padding: 0 15px; } 
.calendar-year { font-size: 1em; font-family: "roboto"; color: #131322; text-align: center; } 
.calendar-month { font-weight: 600; font-size: 2.4em; font-family: "roboto"; text-align: center; display: block; color: #131322; letter-spacing: -1px; } 
.calendar-day { padding: 9px 12px !important; } 
.calendar-day strong { display: block; } 
.calendar-day .date { font-size: 1em; font-weight: 400; font-family: "roboto"; } 
.calendar-day .day { font-size: 0.9em; font-weight: 200; } 
.calendar-list .nav-scroller .nav { padding: 0; } 
.worklist-layout .card-body strong[data-arrt=CREATOR] { color: #ff0000; } 
.worklist-layout .member-photo { position: absolute; top: -35px; left: 15px; width: 80px; height: 80px; box-shadow: 2px 5px 0 rgba(255, 186, 10, 1); background: #eeeeee; } 
.worklist-layout .card-style { overflow: visible; margin: 18vw 10px 10vw 10px !important; } 
.worklist-layout .card-style .card-body { padding: 3vw 5vw 5vw 5vw; min-height: 230px; } 
.worklist-layout .card-body .board-content { border-top: 1px solid #eeeeee; margin-top: 20px; padding: 17px 5px; } 
.worklist-layout .card-body .member-photo+div { width: 100%; font-size: 1.1em; padding-left: 85px; margin-top: -40px; } 
.worklist-layout .card-body .member-photo+div>strong { font-size: 1.2em; font-weight: 600; margin-bottom: 15px; display: inline-block; } 
.worklist-layout .card-body .member-photo+div span { display: block; text-align: left; padding-left: 10px; } 
.worklist-layout .card-body #EXPENSE_DATE:before { content: "\f274"; font-family: "Font Awesome 5 Free"; margin-right: 5px; } 
.worklist-layout .card-body .board-content p { margin-bottom: 2vw; font-size: 1.2em; display: inline-block; line-height: 160%; width: 82vw; } 
.month-floating .modal-body a { margin: 1% !important; display: inline-block; width: 22%; text-align: center; border-radius: 30%; } 
.month-floating .modal-body a span { margin: 0; } 
.month-floating .month-floating-year { font-size: 2em; font-weight: 600; margin-bottom: 20px; text-align: center; color: #FFBA0A; } 
.month-floating .month-floating-year span { padding: 0 10px; } 
.workdetail-part { color: #ffffff; font-size: 1.1em; font-weight: 400; margin-top: 5px; display: block; } 
.work-detail .count { margin-top: -10px; } 
.date-share { border-bottom: #f8f8f8 1px solid; padding: 10px 10px 10px 20px; } 
.date-share .date { font-size: 1em; color: #666666; } 
.date-share .float-end { margin-top: -4px; } 
.work-detail .label-circle { margin: 10px 0; } 
.attendee-list { border: #272848 3px solid; border-radius: 8px; background: #ffffff; padding: 15px 20px 10px 15px; width: auto; height: 100px; font-size: 1em; margin: 15px 15px 10px 0; } 
.attendee-list { font-size: 1em; position: relative; overflow: hidden; } 
.attendee-list>p { margin: 0; display: block; text-align: left; } 
.attendee-list .btn-more { position: absolute; right: -1px; top: -1px; } 
.attendee-list .more-bg { width: 0px; height: 0px; border-top: 30px solid #272848; border-right: 0px solid transparent; border-left: 30px solid transparent; position: absolute; right: 0; top: 0; } 
.attendee-list .btn-more i { position: absolute; top: 2px; right: 4px; color: #FFBA0A; z-index: 100; font-size: 1.2em; } 
.attendee-select>div { border: #dddddd 1px solid; border-radius: 6px; padding: 8px !important; margin: 0 5px 5px 5vw; width: calc(50% - 5px - 5vw); } 
.attendee-select>div:nth-of-type(2n) { margin: 0 0 5px 0; } 
.attendee-select img[data-attr="DELETE_IMG"] { float: right; width: 16px; margin-top: 4px; } 
.attendee-name { font-size: 1.3em; font-weight: 600; color: #000000; } 
.attendee-company { font-size: 1.1em; color: #444444; } 
.attendee-level { font-size: 1em; } 
.work-view .desc .btn-group .btn { border: 1px solid #5962ef; border-radius: 8px !important; font-size: 0.9em !important; color: #131322; padding: 12px 15px !important; margin: 0 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) !important; } 
.modal-body .shared-name { color: #131322; border: 2px solid #ffffff; border-radius: 40px; margin-right: 5px; padding: 8px 15px; font-size: 1.2em; font-weight: 600; float: left; min-width: 79px; background: #ffffff; } 
.work-detail .file-name>div { display: block !important; } 
.work-detail .file-title>strong { width: 80%; } 
.work-write .date { padding: 8vw; text-align: center; font-size: 1.7em; font-weight: 400; } 
.work-write .date strong[id="currentDate"] { font-size: 0.9em; } 
.companyservice-top.card { background-color: transparent; } 
.companyservice-tit { margin-right: 20px; padding: 30px 20px 0 20px; background-repeat: no-repeat; background-position: right bottom !important; background-size: auto !important; } 
.companyservice-tit>span { font-size: 1.2em; line-height: 140% !important; font-weight: 200; width: 95%; margin-top: 4px; white-space: break-spaces; display: inline-block; word-break: keep-all; } 
.companyservice-tit h4 { font-size: 1.8em; } 
.companyservice-tit h4 span { font-weight: 800; } 
.companyservice-card .card { position: relative; height: 14vh; border-radius: 8px; margin-bottom: 12px; } 
#companyservice-card-list.companyservice-card a:nth-child(-n+6) .card { height: 17vh; } 
.companyservice-card .card h5 { font-size: 1.35em; font-weight: 400; padding: 18px 0 0 18px; line-height: 140%; letter-spacing: 0.5px; font-weight: bold; } 
#companyservice-card-list .card h5 { line-height: 1.2rem !important; font-size: 1rem !important; } 
.toggle-wish { position: relative; } 
.toggle-wish svg { fill: #FFBA0A; stroke: #FFBA0A; width: 20px; height: 20px; margin-right: 3px; vertical-align: middle; } 
.toggle-wish .no-effect { display: inline-block; position: relative !important; vertical-align: middle; margin-left: 16px; width: 40px; } 
.toggle-wish .custom-control { position: relative; top: unset; right: unset; } 
.company02 .card { padding: 0; } 
.company02 .top-info { padding: 6vw 6vw 4vw 5vw; } 
.company02 .bottom-info { padding: 3vw 3vw; display: flex; justify-content: flex-start; flex-wrap: wrap; } 
.company02 .icon-wish { position: absolute; right: 8px; top: 8px; } 
.company02 .company-addr div { font-size: 1.1em; font-weight: 400; line-height: 160%; padding-right: 0 !important; letter-spacing: -1px; } 
.company02 .bottom-info { padding: 2vw 4vw; } 
.company02 .bottom-info p { letter-spacing: -1px; flex: 0 0 50%; width: 50%; padding-right: 0; } 
.company02 .bottom-info p span { border: 1px solid #5962ef; font-family: var(--font-kr); font-weight: 700; width: 64px; text-align: center; background: #fff; color: #5962ef; border-radius: 100px; } 
.shadow-list .company-addr,
.shadow-list .open-text { font-size: 1.1em !important; color: #131322; } 
.shadow-list .open-text { margin-top: 5px; font-weight: 400 !important; color: #888888; } 
.shadow-list .open-text em { font-style: normal; } 
.write-add { font-size: 1.1em; font-weight: 600; } 
.company-add .help-icon { font-size: 1rem; margin: 0; padding: 3px 0 0 16px; } 
.company-add .list-setting { padding: 3vw 16px 3vw 16px; } 
.write-add svg { width: 20px; height: 20px; vertical-align: middle; } 
.ceo-text { font-size: 1.2em !important; font-weight: 600 !important; color: #131322 !important; margin-top: 2vw; } 
.company-add .top-info { padding: 5.5vw 5vw; } 
.company-write-add .guide { font-size: 1.6em; font-weight: 600; color: #131322; text-align: center; line-height: 160%; letter-spacing: -1px; padding: 10vw 8vw 5vw 8vw; } 
.company-write-add .input-line { padding: 3vw 7vw; text-align: left; } 
.input-border { position: relative; margin: 0; } 
.input-border::before { font-family: "Font Awesome 5 Free"; font-weight: 600; color: #131322; font-size: 1.5em; position: absolute; left: 3.5vw; top: 2.5vw; } 
.company-name .input-border::before { content: "\f1ad"; } 
.company-ceo .input-border::before { content: "\f508"; } 
.product-name .input-border::before { content: "\f466"; top: 2.7vw; } 
.company-certNum .input-border::before { content: "\f0a3"; } 
.company-address .input-border::before { content: "\f3c5"; } 
.company-category .input-border::before { content: "\f7d9"; } 
.company-tel .input-border::before { content: "\f879"; } 

.input-line .sub-title { font-size: 1.2em; font-weight: 400; color: #131322; } 
.input-line .input-border { border: 1px solid #dddddd; padding: 1vw 3vw 1vw 10vw; text-align: left; } 
.input-line .input-border input { border: none; width: 100%; padding: 6px; font-size: 1.3em !important; font-weight: 600; } 
.salestate-lv { padding: 10vw; } 
.lv-list { width: 100%; display: inline-flex; padding: 10px 0; } 
.lv-list input { text-align: right; font-size: 1.3em !important; font-weight: 600; border-color: #dddddd !important; } 
.lv-list .icon-check { margin-top: 6px; } 
.lv-list .input-group-text { background-color: #ffffff; color: #131322; font-size: 1.2em; padding: 0 15px; border-color: #dddddd !important; } 
.salestate .icon-check label { font-size: 1.3em; font-weight: 600; } 
.salestate .icon-check i { font-size: 1.5em; } 
#contentsCompanyDetail { background: #5962ef !important; border-color: rgba(0, 0, 0, 0.1) !important; } 
#contentsCompanyDetail a { color: #ffffff; } 
#contentsCompanyDetail a span { font-size: 1.38em !important; } 
.company-detail-top { text-align: center; background: #5962ef; margin-top: -45px; padding: 80px 10px 25px 10px; } 
.company-detail-top .sub-menu a { display: inline-block; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 8px; margin-right: 5px; padding: 5px 10px; font-size: 1em; color: #ffffff !important; background: linear-gradient(135deg, rgba(255, 255, 255, 0.3), transparent); } 
.company-detail-top .sub-menu a svg { width: 18px; height: 18px; stroke-width: 1.5px; margin-right: 5px; } 
.company-info .bottom-info p,
#tab03Wrap .bottom-info p { margin-bottom: 4px; } 
.company-info .bottom-info p span { font-size: 0.9em; } 
.company-info strong { font-size: 1.7em; line-height: 45px; } 
.company-summary-list { font-size: 1.2em; margin: 4vw; } 
.company-summary-list dt { position: relative; font-size: 0.9em; color: #444444; font-weight: 400; background: #ffffff; padding: 2vw 0 1vw 3.5vw; margin-top: 20px; border-radius: 5px; border: #dddddd 1px solid; border-width: 0 1px 1px 0; overflow: hidden; } 
.company-summary-list dd { font-size: 1.2em; font-weight: 400; padding: 5vw 6vw 4vw 3vw; text-align: left; word-break: keep-all; } 
.company-summary-list dt button { position: absolute; right: 0; top: 0; display: inline-block; background: #9D9DB3; padding: 1vw 3vw; margin-left: 10px; height: 100%; } 
.company-summary-list dt button svg { width: 18px; height: auto; color: #ffffff; } 
.company-card .nav-scroller a { padding: 5px 15px 3px 15px; } 
.company-card .top-info .name { width: 100%; height: 30px; font-size: 1.5em; font-weight: 600; } 
.company-card .top-info .dropdown-toggle { color: #666666; margin-top: 4px; padding-left: 0; } 
.company-card .name span { display: inline-block; font-size: 0.9em; margin-left: 10px; font-weight: 400; } 
.company-card .card { height: auto; display: block; padding: 0; min-height: auto; max-height: none; } 
.company-card .top-info { padding: 5vw 5vw 1vw 6vw; display: inline-block; width: 100%; } 
.company-card .top-info .float-start p { font-size: 1.2em; margin-top: 5px; } 
.company-card .top-info .name span { font-size: 0.85em; margin-left: 5px; color: #444444; } 
.company-card .top-info .dropdown-menu { padding: 2vw 4vw; } 
.company-card .top-info .dropdown-toggle::after { position: absolute; top: 50%; right: -10px; margin-top: -9px; content: "\f13a"; border: none; font-family: "font Awesome 5 Free"; font-weight: 600; font-size: 0.9em; color: #777777; } 
.company-card .top-info .show.dropdown-toggle::after { content: "\f139"; } 
.company-card .top-info .dropdown-menu span { font-size: 1em; font-weight: 600; color: #131322; margin-left: 0; } 
.company-card .top-info .dropdown-menu p { font-size: 0.9em; font-weight: 400; color: #444444; margin-top: 0; } 
.company-card .top-info .dropdown-menu li { border-bottom: 1px solid #eeeeee; padding: 8px 0; } 
.company-card .top-info .dropdown-menu li:last-child { border-bottom: 0; } 
.company-summary .option-line .dropdown-toggle::after { right: 5px; } 
.company-summary .option-line .nav-scroller .nav { padding-left: 5px; } 
.company-summary .list-setting .btn-group .btn { z-index: 200; font-size: 1em; padding-right: 20px; } 
.company-summary .nav-scroller a { padding: 4px 13px; margin-right: 0; } 
.company-card .bottom-info { padding: 3vw 6vw 4vw 6vw; font-size: 1.1em; line-height: 140%; } 
.company-card .bottom-info p span { background: transparent; color: #131322; font-weight: 600; display: table; margin: 7px 0 2px 0; letter-spacing: -0.5px; padding: 1px 0; } 
.company-card .bottom-info p { word-break: keep-all; } 
.company-card .meet-detail { padding: 0 5vw; display: inline-block; width: 100%; } 
.company-card .meet-date { font-size: 1.1em; color: #131322; padding: 2vw 3vw 1vw 0; text-align: right; } 
.company-card .box-blue { background: #7474aa; border-radius: 6px; padding: 1vw 2vw 2vw 2vw; text-align: center; font-size: 1.2em; float: left; width: 49%; margin-right: 2%; } 
.company-card .box-blue:last-child { margin-right: 0; } 
.company-card .box-blue em { font-style: normal; font-size: 0.9em; color: #ffffff; } 
.company-card .box-blue span { background: #ffffff; color: #131322; border-radius: 4px; padding: 2vw 3vw; font-weight: 600; margin-top: 0.2em; position: relative; } 
.company-card .amount:after { content: "留뚯썝"; position: absolute; right: 5px; top: 7px; font-size: 0.8em; font-weight: 400; } 


/* 마이페이지 */
.mypage-layout .namecard-img { margin-top: -1px; border-bottom: 1px solid #eeeeee; } 
.mypage-layout .namecard-img img { border: 0; border-radius: 0; width: 100%; } 
.mypage-layout .namecard-content { padding-bottom: 70px; } 
.mypage-layout .namecard-list .namecard-info { position: relative; font-size: 1.15em; left: unset; top: unset; width: auto; padding: 30px 0 30px 20px; } 
.mypage-layout .namecard-list .card { height: auto; min-height: 140px; } 
.mypage-layout .namecard-list .list-photo { right: 20px; top: 20px; left: unset; width: 90px; height: 90px; } 
.mypage-layout .namecard-list .namecard-info strong { margin-bottom: 5px; overflow: visible; } 
.mypage-layout .namecard-list .card-style { box-shadow: unset; border-bottom: 1px solid #eeeeee !important; } 
.namecard-content li span { font-size: 1.5em; } 
.namecard-content li span.label { font-size: 1em; color: #444444; margin-bottom: 5px; } 
.info-btn { margin-top: 7px; } 
.info-btn button { border: 1px solid #5962ef; color: #5962ef; font-size: 0.9em !important; padding: 3px 12px !important; margin-right: 3px; } 
.info-btn button.gray { color: #444444; border-color: #999999; } 
.mypage-business { position: relative; } 
.mypage-business .label-share { width: 32px; height: 32px; padding: 0 2px 2px 0; margin-right: 0; } 
.mypage-business .label-share svg { width: 18px; height: 18px; } 
.mypage-business .business-profile { padding: 18px 16px 10px 16px; background: #f8f8f8; z-index: 200; margin: 0; border-bottom: 0; } 
.mypage-business .business-profile-info { padding-top: 5px; } 
.mypage-business .profile-layout { border-radius: 8px; border: 1px solid #dedede; padding: 18px 20px; background: #ffffff; position: relative; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1); } 
.mypage-business .business-photo { top: 20px; } 
.mypage-business .ios-switch-icon span { display: inline-block; color: #ffffff; font-size: 0.7em; } 
.mypage-business .toggle-view { position: relative; padding: 0 16px 5px 0; background: #f8f8f8; z-index: 100; width: 100%; display: inline-block; } 
.mypage-business .toggle-view .no-effect { display: inline-block; } 
.mypage-business .business-photo { right: 20px; } 
.mypage-business .business-video { margin-top: 20px; position: relative; } 
.mypage-business .business-video img { width: 100%; } 
.video-play { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; text-align: center; } 
.video-play svg { position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; color: #ff0000; fill: rgba(0, 0, 0, 0.8); width: 50px; height: 50px; stroke-width: 1.5px; text-shadow: 2px 2px 2px solid; } 
.mypage-business .toggle-view span.tit { font-size: 1.1em; margin: 5px 0 0 15px; vertical-align: middle; } 
.mypage-business .toggle-view .custom-control { position: relative; top: unset; right: unset; margin-top: 7px !important; margin-left: -2px !important; margin-right: unset; vertical-align: middle; } 
.business-profile-info~span { margin-top: 3px; } 
.namecard-zoom .modal-dialog { width: 100vw; height: 100vh; } 
.namecard-zoom-img { width: 70vw; height: 100vh; margin-left: -50vw; } 
.namecard-zoom-img img { width: 100vh; height: 100%; display: inline-block; transform: rotate(-90deg); } 
.photo-zoom-img img { width: 100%; } 
.modal-backdrop { z-index: -1; } 


/* 마이페이지 명함수정 */
.profile-edit.page-content { padding-top: calc(50px + (constant(safe-area-inset-top))*1.1); padding-top: calc(50px + (env(safe-area-inset-top))*1.1); } 
#manageParentView { display: flex; flex-direction: column; } 
#namecardImageView { /*position: static;*/ top: 50px; left: 0; width: 100%; background: #fff; z-index: 1000; flex-grow: 1; } 
#namecardView { flex-grow: 8; /*overflow-y: scroll;*/ } 
.profile-edit-img { position: relative; } 
.profile-edit-img .btn-namecardlist { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); text-align: center; padding-top: 35px; } 
.btn-namecardlist button { position: absolute; width: 50%; height: auto; background: #363641; color: #ffffff; font-weight: 400; font-size: 1.2em; border-radius: 40px; margin-bottom: 7px; padding: 2vw; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); } 
.btn-namecardlist button:after { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 15px; position: absolute; right: 15px; top: 2vw; } 
.btn-namecardlist button.namecard-on { background: #5962ef; } 
.profile-edit-img img { width: 100%; } 
.profile-edit .namecard-list { text-align: center; padding: 5vw; border-bottom: #eeeeee 1px solid; } 
.profile-edit .namecard-list .list-photo { position: relative; left: unset; top: unset; display: inline-block; width: 30vw; height: 30vw; } 
.profile-edit .namecard-list .namecard-photo { position: relative; left: unset; top: unset; } 
.btn-edit-icon svg { width: 20px; stroke-width: 1.5 } 
.profile-edit .namecard-content li span { color: #131322; font-weight: 600; } 
.profile-edit .namecard-content li span.label { color: #666666; font-weight: 400; } 
.profile-edit .input-edit { background: transparent; width: 100%; border: 0; font-size: 1.4em !important; } 
.modal.profile-edit .modal-body button { border-radius: 30px; background: #5962ef; text-align: center; color: #ffffff; font-weight: 600; font-size: 1.2em; display: block; width: 60%; max-width: 300px; padding: 3vw; margin: 0 auto; margin-bottom: 6px; } 


/* 마이페이지 - 나의홍보 */
.pr-top { padding: 10vw 7vw 30vw 7vw; background: #ffffff; position: relative; } 
.pr-img { position: absolute; right: 30px; top: 17%; } 
.pr-img img { width: 130%; } 
.mypr-title { font-size: 2em; font-weight: 400; color: #131322; line-height: 130%; } 
.mypr-title span { font-weight: 800; color: #5962ef; } 
.mypr-subtitle { font-size: 1.2em; font-weight: 400; margin-top: 15px; color: #444444; line-height: 160%; } 
.editintro { font-size: 1em; } 
.editintro .tab-content { box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.1); background: #ffffff; overflow: hidden; } 
.editintro .upload-thumb { padding: 16px; } 
.editintro .upload-thumb-wrap { position: relative; margin-bottom: 10px; } 
.editintro .upload-thumb-wrap div[data-attr="sortName"] { color: #ffffff; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); text-align: center; position: absolute; padding: 30px 0 0 0; font-size: 1.2em; font-weight: 400; text-align: center; text-shadow: 2px 2px 6px rgb(0, 0, 0, 0.5); } 
.editintro .upload-thumb-wrap svg { position: absolute; right: 50%; top: 50%; background: #ffffff; color: #131322; border-radius: 50%; padding: 15px; width: 60px; height: 60px; box-shadow: 3px 3px 8px rgb(0, 0, 0, 0.5); margin: -30px -30px 0 0; } 
.editintro .file-list { position: relative; } 
.editintro .file-list label { border: #dddddd 1px solid; border-radius: 10px; padding: 10px; width: calc(100% - 47px); margin-right: 5px; } 
.editintro .file-list svg { background: #eeeeee; padding: 10px; width: 42px; height: 42px; border-radius: 50%; } 
.my-product { font-size: 1em; color: #444444; border-top: 1px dashed #dddddd; padding-top: 10px; margin-top: 10px; padding-left: 70px; position: relative; } 
.my-product:before { content: "나의품목"; position: absolute; left: 0; top: 14px; font-size: 1.2em; } 
.my-product span { background: #ffffff; border-radius: 40px; border: 1px solid #5962ef; padding: 3px 12px; color: #131322; margin: 2px; display: inline-block; } 
.pr-bottom { padding: 6vw; } 
.pr-bottom .pr-add { position: relative; background: #5962ef; color: #ffffff; font-weight: 600; font-size: 1.35em; float: left; margin: -45px 7px 7px 0; padding: 3vw 12vw 3vw 5vw; border-radius: 16px 16px 3px 3px; border: #5962ef 1px solid; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } 
.pr-bottom .pr-add:after { content: "\f061"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 0.9em; position: absolute; right: 16px; top: 50%; margin-top: -12px; color: #ffffff; } 
.editintro .board-detail-con>div>em,
.editintro em.board-label { background: #ffffff; font-size: 1.1em; font-weight: 600; color: #131322; border-top: 8px solid #f8f8f8; padding-top: 5vw; } 
.editintro .board-label~.desc { padding: 3vw 5vw; } 
#saleView .board-label~.desc { padding: 2vw 5vw 0; margin: 0; } 
#saleView #salesType { padding-top: 3vw } 
.editintro .body-layout { font-size: 1.1em; } 
.editintro .nav-pills.tab-round { z-index: 20; } 
.editintro .nav-pills.tab-text-count { border: 0; } 
.editintro .nav-pills.tab-text-count .nav-link.active,
.editintro .nav-pills.tab-text-count .show>.tab-text-count .nav-link { background: transparent; } 
.pr-write { display: inline-block; width: 100%; } 
.pr-write .detail-subject { background: #dddddd; color: #ffffff; font-weight: 600; font-size: 1.1em; padding: 8px 12px; } 
.editintro #tab-ad01.tab-pane.show .detail-subject { background: #5962ef !important; } 
.editintro #tab-ad02.tab-pane.show .detail-subject { background: #00A389 !important; } 
.editintro #tab-ad03.tab-pane.show .detail-subject { background: #272848 !important; } 
.pr-write .detail-subject em { font-size: 1.6em; } 
.pr-write .detail-subject input.form-control { background: transparent; color: #ffffff; border: 0; padding: 0; text-align: left; font-size: 1.2em !important; padding: 7px; } 
.pr-write .input-style.has-borders input,
.pr-write .input-style.has-borders select,
.pr-write .input-style.has-borders textarea { font-size: 1em; } 
.pr-write .detail-subject input:focus { border-bottom: 1px dotted rgba(255, 255, 255, 0.5) !important; } 
.pr-write .detail-subject input::placeholder { color: rgba(255, 255, 255, 0.7); font-size: 1.5em; } 
.pr-write .detail-subject .input-group-text { background: transparent; border: 0; color: #ffffff; padding: 0 10px; font-size: 1em; } 
.board-label~.desc { padding: 5vw; } 
.board-label2~.desc { padding: 3vw; } 
.video-input input::before { content: "\f167"; font-family: "Font Awesome 5 Free"; font-weight: 600; position: absolute; left: 10px; top: 50%; margin-top: -10px; color: #131322; } 
.detail-contents textarea::placeholder { font-size: 2em !important; } 
.drawer-pr .drawer-title-sub-con { font-size: 1.15em; padding-top: 15px; letter-spacing: -1px; } 
.drawer-pr .nav,
.namecard-drawer .nav { background: transparent; } 
.drawer-pr .namecard-select { position: relative; padding: 40px 10px 10px 10px; margin-bottom: 0; } 
.drawer-pr .namecard-select>p { position: absolute; left: 5px; top: 5px; font-size: 1em; color: #131322; font-weight: 600; padding: 4px 0 0 12px; margin: 0; } 
.drawer-pr .drawer-title-sub { margin-top: 10px; } 
.drawer-pr .drawer-body .pr .nav-scroller a { background: #ffffff; padding: 10px 15px; margin: 7px; border: #eeeeee 4px solid; } 
.drawer-pr .drawer-body .pr .nav-scroller a.menu-on { border: #ff505a 4px solid; } 



/* 마이페이지 - 품목매칭설정 */
.matching-title { font-size: 1.3em; font-weight: 600; text-align: center; padding: 40px 20px 30px 20px; } 
.matching-layout .body-layout .detail-contents { border-top: 6px solid #f8f8f8; padding-top: 20px; } 
.matching-layout .body-layout em { background: none; font-weight: 400; font-size: 1.2em; color: #444444; } 
.matching-layout .body-layout em span { font-weight: 600; color: #222222; } 
.matching-layout .body-layout em i { font-size: 0.9em; font-style: normal; color: #888888; } 
.matching .desc .matching-link { border: dashed 1px #9d9db3; width: 100%; padding: 8vw; display: inline-block; text-align: center; font-size: 1.1em; color: #555555; } 
.matching .desc .matching-link svg { width: 18px; height: 18px; } 
.matching .desc .matching-link span { border-bottom: 1px solid #777777; padding: 0 1px 1px 1px; } 
.matching .board-label~.desc { padding-top: 2vw; } 
.matching .matching-setting { background: #f8f8f8; margin-bottom: 10px; } 
.search-matching { padding: 20px; } 
.search-matching .input-group { background: #272848; border-radius: 8px; } 
.search-matching .input-group .form-control { border: #272848 2px solid !important; font-size: 1.5em !important; border-radius: 8px 0 0 8px !important; } 
.search-matching .input-group .btn { border: none; } 
.matching-add .input-group .form-control { font-size: 1.2em !important; } 
.matching-add .label.text-list.no-icon span { width: 48%; border-radius: 8px; padding: 2.5vw 2.5vw 2.5vw 4vw; font-size: 1.15em; } 
.matching-add .label.text-list.no-icon span button { float: right; padding: 0 5px; } 
.matching-add .label.text-list.no-icon span svg { width: 18px; height: 18px; stroke-width: 1.5; } 
.matching-add .label.text-list.no-icon span.add { border: dashed 1px #cccccc; color: #666666 !important; font-weight: 400; } 
.matching-add .label.text-list.no-icon span.add:after { content: "\f067"; position: absolute; right: 3.5vw; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 0.8em; } 
.pd-alarm { font-size: 0.9em !important; margin-right: 4.8vw; } 
.pd-add { font-size: 1.05em !important; margin: 1.5vw 2vw 0 0; } 
.pd-add svg { width: 18px; height: 18px; stroke-width: 1.5; } 
.area-link,
.product-link { margin: 10px 0 5px 0; } 
.area-link>a,
.product-link>a { border-radius: 50px; border: 1px solid #5962ef; padding: 4px 18px; color: #131322; font-size: 1.2em; margin: 0 1vw 2vw 0; word-break: keep-all; display: inline-block; } 
.detail-contents .float-end svg { width: 20px; height: 20px; color: #444444; } 
.product-search { background: #ffffff; height: 100%; } 
.product-search .asso-detail-top { padding: 5vw; } 
.product-search .form-control { background: transparent; color: #ffffff !important; font-size: 1.1em !important; border-radius: 0; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; } 
.product-search input.form-control::placeholder { color: #ffffff !important; font-size: 1.1em !important; } 
.product-search .btn-search svg { width: 30px; height: 30px; } 
#searchViewBody>div { border-bottom: #eeeeee 1px solid; padding: 8px 10px; color: #444444; background: #ffffff; margin-top: 10px; font-size: 1.1em; } 




/* 새소식 */
.vertical-timeline { width: 100%; position: relative; padding-top: 30px; } 
.vertical-timeline::before { content: ''; position: fixed; top: 0; left: 36px; height: 100%; width: 1px; background: #dddddd; } 
.vertical-timeline .badge { padding: 8px; border-radius: 5px; font-size: 0.9em; font-weight: 600; margin-left: 0; min-width: 60px; } 
.vertical-timeline-element { position: relative; margin: 0 0 25px } 
.vertical-timeline-element-icon { position: absolute; top: 0; left: 16px; } 
.vertical-timeline-element-icon .badge-dot-xl { box-shadow: 0 0 0 5px #fff; } 
.badge-dot-xl { width: 18px; height: 18px; position: relative; } 
.badge:empty { display: none; } 
.badge-dot-xl::before { content: ''; width: 10px; height: 10px; border-radius: .25rem; position: absolute; left: 50%; top: 50%; margin: -5px 0 0 -5px; background: #fff } 
.vertical-timeline-element-content { position: relative; margin-left: 90px; font-size: 1em; color: #444444; width: calc(100% - 120px); display: inline-block; } 
.vertical-timeline-element-content .timeline-title { font-size: 1.2em; color: #131322; margin: 0 0 1vh; padding: 3px 0 0; font-weight: bold } 
.vertical-timeline-element-content .timeline-subtitle { font-size: 1.08em; color: #666666; word-break: keep-all; line-height: 150%; } 
.vertical-timeline-element-content .vertical-timeline-element-date { display: block; color: #666666; word-break: keep-all; margin-top: 5px; font-weight: 400; } 
.vertical-timeline-element-content:after { content: ""; display: table; clear: both } 




/* 텍스트 라운드 플로팅 탭 */
.nav-pills.tab-floating-round { position: fixed; bottom: 55px; margin: 5%; width: 90%; background: rgba(255, 255, 255, 0.9); box-shadow: 0 3px 7px rgb(0, 0, 0, 0.3); border-radius: 40px; padding: 0; z-index: 1; } 
.nav-pills.tab-floating-round .nav-link { border-radius: 40px; font-size: 1.1em; color: #131322; overflow: hidden; text-overflow: ellipsis; display: inline-block; white-space: nowrap; padding: 2.5vw 3vw; } 
.nav-pills.tab-floating-round .nav-link.active,
.nav-pills.tab-floating-round .show>.nav-link { background: #5962ef; box-shadow: 0 0 5px rgb(0, 0, 0, 0.2); color: #ffffff; font-weight: 600; } 


/* 텍스트 라운드 탭 */
.nav-pills.tab-round { position: relative; margin: 5%; width: 90%; background: #ffffff; border-radius: 40px; padding: 0; z-index: 1; } 
.nav-pills.tab-round .nav-link { border-radius: 40px; font-size: 1.1em; color: #131322; overflow: hidden; text-overflow: ellipsis; display: inline-block; white-space: nowrap; padding: 2.5vw 3vw; } 
.nav-pills.tab-round .nav-link.active,
.nav-pills.tab-round .show>.nav-link { background: #5962ef; box-shadow: 0 0 5px rgb(0, 0, 0, 0.2); color: #ffffff; font-weight: 600; } 
.nav-pills.tab-round .nav-item:nth-child(2) .nav-link.active,
.nav-pills.tab-round .nav-item:nth-child(2) .show>.nav-link { background: #00A389; } 
.nav-pills.tab-round .nav-item:nth-child(3) .nav-link.active,
.nav-pills.tab-round .nav-item:nth-child(3) .show>.nav-link { background: #272848; } 


/* 텍스트 라운드 스몰 탭 */
.nav-pills.tab-round-xs { position: relative; padding: 5%; width: 100%; background: #eeeeee; border-radius: 6px; } 
.nav-pills.tab-round-xs .nav-link { font-size: 1.2em; color: #131322; overflow: hidden; text-overflow: ellipsis; display: inline-block; white-space: nowrap; padding: 2vw 3vw; background: #ffffff; } 
.nav-pills.tab-round-xs .nav-link.active,
.nav-pills.tab-round-xs .show>.nav-link { background: #272848; text-shadow: 1px 1px 2px rgb(0, 0, 0, 0.3); color: #ffffff; font-weight: 600; } 
.nav-pills.tab-round-xs .nav-link svg { width: 18px; height: 18px; stroke-width: 1.5; fill: rgba(255, 255, 255, 0.1); margin: 2px; } 
.tab-3 .nav-item { width: calc(100% / 3) !important;; } 


.toast-tiny { width: calc(100% - 32px); border-radius: 30px 30px 0 0; font-size: 1.2em; padding: 25px 30px; text-align: center; line-height: 150%; } 
.toast svg { width: 40px; height: 40px; margin-bottom: 10px; stroke-width: 1.5; } 

.modal.modal-setting .btn-cancel { position: relative; margin-top: 40px; right: unset; bottom: unset; background: rgba(255, 255, 255, 0.2) !important; } 
.modal .modal-content { background: transparent; border: none; padding: 0; } 
.modal .modal-content em { font-style: normal; } 
.modal .modal-header,
.modal .modal-footer { display: block; border: 0; text-align: center; } 
.modal.namecard-group-edit .modal-header h5,
.modal.namecard-group-edit .modal-header svg { color: #ffffff; font-size: 1.08em; font-weight: 200; letter-spacing: 0; } 
.modal.namecard-group-edit .modal-header h5 span { color: #11ce8c; font-weight: 400; } 
.modal.namecard-group-edit .modal-body { border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 25px 10px; } 
.modal-footer .btn { font-size: 1em; background: transparent; padding: 5px; border-radius: 5px; letter-spacing: 2px; } 
.modal-footer .btn-cancel { color: #cccccc; font-weight: 200; } 
.modal-footer .btn-save { color: #11ce8c; font-weight: 600; } 
.divider1-dark { position: relative; } 
.divider1-dark a { position: absolute; right: 16px; top: -10px; box-shadow: 1px 2px 4px rgb(0 0 0/ 25%) !important; padding: 3px 12px 2px 12px !important; font-weight: 400; } 


/* badge */
.badge { height: auto; width: auto; border-radius: 15px; font-size: 0.69em; font-style: normal; font-weight: 400; text-transform: uppercase; margin-left: 4px; vertical-align: middle; padding: 3px 7px; } 
.namecard-badge-pr { border: 1px solid #222222; min-width: 26px; color: #131322; } 
.namecard-badge-link { background: #ff505a; min-width: 40px; color: #ffffff; } 
.namecard-badge-link svg { margin-right: 3px; width: 12px; height: 12px; stroke-width: 2px; } 
.company-badge-pr { border: 1px solid #6d71f9; border-radius: 2px; color: #6d71f9; padding: 2px 3px; } 
a.company-badge-pr,
a.company-badge-pr:hover,
a.company-badge-pr:link { color: #6d71f9; } 
a.company-badge-pr:active { background: #6d71f9; color: #ffffff; } 


/* button */
.btn-bottom { position: fixed; bottom: 60px; z-index: 50; } 
.btn-botton-fix { bottom: 10px; } 
.btn-s { padding: 2.5vw 4vw !important; font-size: 1.2em !important; font-weight: 400; } 
.btn-border-round { border: 1px solid #dddddd; border-radius: 20px; color: #666666; font-size: 1.08em; padding: 2px 18px 0 8px; text-align: left; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); margin-right: 2px !important; background: #ffffff; } 
.btn-align { padding-left: 20px; border-radius: 20px; margin-bottom: 20px; } 
.dropdown-toggle::after { position: absolute; top: 50%; right: -8px; margin-top: -8px; content: "\f078"; border: none; font-family: "font Awesome 5 Free"; font-weight: 600; font-size: 11px; color: #555555; } 
.show.dropdown-toggle::after { content: "\f077"; margin-top: -9px; } 

.dropdown-menu { border-radius: 8px; } 
.dropdown-menu.show { box-shadow: 4px 4px 6px rgb(0, 0, 0, 0.2); } 
.header { text-align: center; box-shadow: none; margin-top: calc(0 + (constant(safe-area-inset-top))*0.75); margin-top: calc(0 + (env(safe-area-inset-top))*0.75) !important; background-color: rgba(255, 255, 255, 0.85) !important; } 
.header span.border-left { width: 1px; height: 15px; background-color: rgba(0, 0, 0, 0.07); position: absolute; left: 0; top: 50%; margin-top: -6px; } 
.header .header-subtitle { font-size: 1.2em !important; } 
.header.header-center { height: calc(50px + (constant(safe-area-inset-top))*0.75); height: calc(50px + (env(safe-area-inset-top))*0.75) !important; letter-spacing: 3px; } 
.header .header-icon { font-size: 1.1em; } 
.header.header-center .header-icon { height: 50px; line-height: 50px; } 
.header.header-center .header-left-text.header-icon { left: 16px; width: auto; letter-spacing: 1px; } 
.header.header-center .header-right-text.header-icon { right: 16px; width: auto; letter-spacing: 1px; } 
.header.header-center .header-title { line-height: 50px; } 
.header-logo-app.header-center .header-title { margin: 0 auto !important; left: auto !important; position: relative; text-align: center; font-size: 1.54em !important; font-weight: 600 !important; text-overflow: ellipsis; } 
.header-icon.text-link { width: auto; } 
.header-logo-app .header-icon-3 { right: 54px; } 
.pr-modify .modal-content .modal-top .header-title,
.pr-modify .modal-content .modal-top .btn-close-tr svg { color: #fff; } 
.pr-modify .business-con { border-top: 8px solid #f8f8f8; } 
.pr-modify .business-con p.title { padding: 0; } 
.pr-modify .business-con .detail-comment { margin-top: 10px; } 
.associ-header-modify { background: #5962EF !important; border-color: rgba(0, 0, 0, 0.1) !important; } 
.associ-header-modify .header-icon { color: #fff; line-height:38px;} 
.associ-header-modify .header-title.header-subtitle span { color: #fff; } 
.associ-header-modify .header-title.header-subtitle { color: #fff; } 
.icon-modify img { width: 22px; margin-right: 6px; } 
#menu-main .header-logo-app .header-icon-3 { right: 48px; } 
.header-logo-app .header-icon-2 { top: 0; } 
.header .search-box { height: 40px; width: calc(100% - 36px); background-color: #eeeeee !important; color: #131322 !important; line-height: 40px; } 
.header .search-box input { background-color: #eeeeee !important; margin: 0 !important; } 
.header .search-box svg { margin: 0 0 5px 7px; } 
.top-search.search-box { height: 40px; width: calc(100% - 36px); background-color: #eeeeee !important; color: #131322 !important; line-height: 30px; float: left; } 
.top-search.search-box input { background-color: #eeeeee !important; margin: 0 !important; } 
.top-search.search-box svg { margin: 0 0 5px 7px; } 
.top-search+.header-icon-2 { float: left; padding: 10px 0 10px 10px; } 


/* search */
.search-word-tit { position: relative; font-size: 1em; font-weight: 200; border-bottom: 1px solid #f8f8f8; margin-bottom: 12px; padding: 10px 20px 5px 20px; } 
.search-word-tit svg { width: 16px; height: 16px; } 
.search-word-tit em { font-style: normal; font-weight: 400; color: #131322; } 
.search-word-tit a { position: absolute; right: 10px; font-size: 1em; font-weight: 400; border: 0 !important; } 
.search-word p { display: inline-block; border: 1px solid #dddddd; border-radius: 50px; font-size: 1.1em; padding: 0.7vw 30px 0.7vw 16px; color: #666666; margin: 2px; text-align: left; position: relative; font-weight: 200; } 
.search-word .word-del { position: absolute; right: 5px; } 
.search-word .word-del svg { width: 14px; height: 14px; } 
.search-list .nav-scroller { border-bottom: #eeeeee 1px solid; } 
.search-list .nav-scroller a { border: 0 !important; padding: 0; height: auto; font-size: 1.1em; } 
.search-list .nav-scroller a.word { width: 100%; } 
.search-list .nav-scroller .nav { padding: 0 10px; } 


/*거래처 선택*/
.selectCustomer-list .nav-scroller { border-bottom: #eeeeee 1px solid; } 
.selectCustomer-list .nav-scroller a { border: 0 !important; padding: 0; height: auto; font-size: 1.1em; } 
.selectCustomer-list .nav-scroller a.word { width: 100%; } 
.selectCustomer-list .nav-scroller .nav { padding: 0 10px; } 
.select-customer-tit { position: relative; font-size: 1em; font-weight: 200; border-bottom: 1px solid #f8f8f8; margin-bottom: 12px; padding: 10px 20px 5px 20px; } 
.select-customer-tit svg { width: 16px; height: 16px; } 
.select-customer-tit em { font-style: normal; font-weight: 400; color: #131322; } 
.select-customer-tit a { position: absolute; right: 10px; font-size: 1em; font-weight: 400; border: 0 !important; } 
.search-word p { display: inline-block; border: 1px solid #dddddd; border-radius: 50px; font-size: 1.1em; padding: 0.7vw 30px 0.7vw 16px; color: #666666; margin: 2px; text-align: left; position: relative; font-weight: 200; } 
.search-word .word-del { position: absolute; right: 5px; } 
.search-word .word-del svg { width: 14px; height: 14px; } 
.search-box-sub { background: #ffffff; float: left; border-radius: 6px; padding-right: 5px; margin-right: 5px; } 
.search-box-sub svg { color: #666666; height: 18px; } 
.search-box-btn { float: left; } 
.search-box-sub input { border-radius: 8px; background: #ffffff; font-size: 1.1em !important; padding: 1vw 3vw; } 



/* index */
.index-profile { height: 11vh; padding: 16px 24px; } 
.index-profile.border-bottom { border-bottom-color: #f4f4f4 !important; } 
.main-toggle { float: left; margin: 0 28px 0 13px; } 
.main-toggle .custom-control { position: relative; right: unset; top: unset; } 
.homepage-slider { height: 20vh; } 
.search-layout { height: 11vh; } 
.card-layout { height: calc(52vh - 55px); } 
.profile-info { float: left; } 
.index-icon { float: right; text-align: left; } 
.index-icon a { position: relative; float: left; } 
.main-profile-photo,
.main-profile-name { display: inline-block; vertical-align: middle; } 
.main-profile-name { padding-left: 6px; margin: 3px 8px 0 0; } 
.main-profile-name .btn-xxs { padding: 3px 8px !important; font-size: 0.9em !important; font-weight: 600; line-height: 130%; } 
.main-profile-name h2 { font-size: 1.54em !important; } 
.main-profile-photo { width: 42px; height: 42px; overflow: hidden; } 
.main-profile-photo img { width: 100%; height: 100%; object-fit: cover; } 
.main-profile-photo div { vertical-align: middle; } 
.main-content .main-photo img { vertical-align: middle } 
.main-card.card-name .bg-blue-dark { background-color: rgba(89, 98, 239, 0.95) !important; border-radius: 16px; } 
.main-card.card-new .bg-navy-dark { background-color: rgba(39, 40, 72, 0.95) !important; border-radius: 16px; } 
.main-card { width: 50%; height: 31vh; } 
.card-name { padding-right: 9px; } 
.card-new { padding-left: 9px; } 
.card-name .card-style { margin: 0 0 0 15px; } 
.card-new .card-style { margin: 0 15px 30px 0; } 
.card-new br { display: none; } 
.card-new h3 br { display: block; } 
.main-card a>div { height: 100%; overflow: visible !important; } 
.main-card img { position: absolute; bottom: -14px; right: 0; width: 82px; } 
.main-card.card-new img { bottom: -12px; } 
.main-card-tit { color: #131322; font-size: 1.1em; font-weight: 400; text-align: left; padding: 33px 0 0 30px; } 
.main-card-tit svg { width: 20px; height: 20px; margin-top: -2px; } 
.main-card svg { position: absolute; right: 13px; top: 18px; font-size: 1.23em; color: #fff000; } 


/* index 협회,단체 추가 */
.main-card.card-new .bg-blue-bright { margin-left: 15px; background-color: #E4E5F9; border-radius: 16px; box-shadow: none; } 
.color-purple-tit { color: #272848; text-shadow: none !important; } 
.color-purple-sub { color: #7474aa; text-shadow: none !important; } 
.main-card .purple-arrow svg { position: absolute; right: 13px; top: 53px; font-size: 1.23em; color: #7474A6; } 
.main-content .card-style h3 { letter-spacing: 5px; } 
.main-content .card-style .content { line-height: 160%; letter-spacing: 1px; } 
.main-content .card-style .content div { letter-spacing: -0.5px; word-break: keep-all; font-size: 1em; } 
.main_sarch_btn img { position: absolute; right: 10px; top: 12px; width: 34px; height: 34px; } 
.main-content .main-card h3 { font-size: 1.8em; font-weight: 600; line-height: 140%; } 
.homepage-slider .card { background: transparent; } 
.splide__slide { background: url(/resources/naviseo/images/main/main_banner_text.png); background-repeat: no-repeat; background-position: 100% 10px; } 
.splide__pagination { bottom: 1.2em; } 
.card-bottom .card-copy { letter-spacing: 0.5px; font-size: 1.5em; font-weight: 400; line-height: 160%; } 
.main-asso { background: url(/resources/naviseo/images/main/main_banner_text.png); background-repeat: no-repeat; background-position: 92% 16.5vw; } 
.main-asso-title { padding: 15px 15px 0 15px; background: transparent; text-align: left; display: flow-root; width: 100%; } 
.main-asso .list-setting { background: transparent !important; box-shadow: none; } 
.main-asso .list-setting.btn-round { padding-bottom: 0; } 
.main-asso-title .nav-pills.tab-text-count { border: none; } 
.main-asso-title>span { font-size: 1.5em; font-weight: 600; float: left; margin-top: 10px; color: #272848; } 
.main-asso-title .nav { float: right; } 
.main-asso-title .nav .nav-link { padding: 10px 0 5px 0; } 
.my-asso-empty { text-align: center; padding-top: 3vw; } 
.my-asso-empty .guide-txt { font-size: 1.38em; font-weight: 600; color: #131322; line-height: 150%; text-shadow: 0 0 5px rgba(255, 255, 255, 1); } 
.my-asso-empty .btn-layout { padding: 7vw; position: relative; z-index: 1; } 
.my-asso-empty .btn-group { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); border-radius: 30px; } 
.my-asso-empty .btn-group .btn { background: #ffffff; border: 1px solid #5962ef; color: #272848; } 
.my-asso-empty .btn-group .btn:first-child { border-radius: 30px 0 0 30px; } 
.my-asso-empty .btn-group .btn:last-child { border-radius: 0 30px 30px 0; } 
.my-asso-empty img { position: absolute; bottom: 11vh; left: -14%; width: 130%; } 
.nav-pills.tab-text-count { position: relative; } 


/*Search*/
#search .search-box svg { margin: -5px 0 0 12px; vertical-align: middle; } 
#search .search-box input { _margin-top: 8px !important; } 
.search-layout { text-align: center; width: 100%; padding: 12px 16px 0 16px; } 
.search-tit { position: absolute; left: 0; top: -14px; padding: 0 13px; line-height: 215%; text-align: center; border-radius: 30px; background-color: rgba(19, 19, 34, 1); } 
.search-box { position: relative; color: #ffffff; font-size: 1em; text-align: left; border: solid 3px rgba(19, 19, 34, 1); background: #ffffff; line-height: 42px; } 
.search-box .fa-search { position: relative; left: none; padding: 0 8px 0 0; font-size: 2.46em; } 
.search-color i { color: #131322 !important; z-index: 10; float: right; } 
.search-box input { outline: none !important; width: 100%; height: 28px; background-color: #ffffff; width: calc(100% - 50px); line-height: 28px; padding-left: 12px; font-size: 1.4em !important; color: #131322; margin: 20px 0 0 5px; } 
.search-box input::placeholder { color: #131322; font-size: 2em; } 


@media (max-height : 420px){
 .companyservice-card .card { height: 70px; } 
 }

.companyservice-card img { width: 40%; position: absolute; bottom: 15px; right: 15px; max-width: 100px; } 
.companyservice-card .col-6,
.companyservice-card .col-12 { padding-right: calc(var(- -bs-gutter-x)* .3); padding-left: calc(var(- -bs-gutter-x)* .3); } 
.companyservice-card a:last-of-type .card { height: 8.1vh; } 
.companyservice-card .col-12 svg { position: absolute; right: 15px; top: 50%; margin-top: -10px; } 


/* QR명함교환 */
#menu-exchangeQr .header.header-center .header-title { letter-spacing: 0 !important; } 
.QR-exchange { padding-top: 51px; text-align: center; } 
.QR-exchange h3 { background: #f8f8f8; padding: 4vw 1vw; text-align: center; font-size: 1.3em; font-weight: 200; color: #131322; line-height: 160%; letter-spacing: 0; } 
.QR-exchange .text-bg { background: #5962ef; color: #ffffff; font-weight: 600; border-radius: 20px; margin: 0 3px; width: auto; padding: 4px 13px; } 
.QR-exchange .text-color { color: #5962ef; font-weight: 600; } 
.QR-exchange .btn-qr { background: #5965ef; width: 80vw; color: #ffffff; font-weight: 600; font-size: 1.6em; text-align: center; box-shadow: 0 2px 15px rgba(76, 54, 187, 0.5); margin: 0 auto; border-radius: 10vw; padding: 4vw 10vw; } 
#createAssociation .QR-exchange .btn-qr { font-size: 1.2rem; padding: 10px 20px; } 
.QR-exchange .nav { background: #dddddd; width: 80%; border-radius: 50px; margin: 25px auto 35px auto; } 
.QR-exchange .nav-item { width: 50%; border-radius: 30px; } 
.QR-exchange .nav-item .nav-link { width: 100%; border-radius: 30px; color: #666666 !important; border: #dddddd 1px solid; font-size: 1.2em; font-weight: 400; } 
.QR-exchange .nav-item .nav-link.active { background: #ffffff; color: #131322 !important; border: #131322 1px solid; transition-property: background-color, border, color; transition-duration: 1.5s, 1.5s, 1.5s; transition-timing-function: ease-out; -webkit-transition-property: background-color, border, color; -webkit-transition-duration: 1.5s, 1.5s, 1.5s; -webkit-transition-timing-function: ease-out; } 
.QR-exchange .tab-content>.tab-pane { padding: 8vw 0; } 
.QR-exchange .tab-content { position: relative; width: 58%; margin: 0 auto; margin-top: 10%; } 
.QR-exchange .line { position: absolute; width: 26px; height: 26px; } 
.QR-exchange .righttop { right: 0; top: 0; } 
.QR-exchange .lefttop { left: 0; top: 0; } 
.QR-exchange .leftbottom { left: 0; bottom: 0; } 
.QR-exchange .rightbottom { right: 0; bottom: 0; } 


/* Dark Theme Settings */
.theme-dark .companyservice-tit { background-color: #131322; } 


/*********** common style ***********/

/* nav-scroller */
.nav-scroller { position: relative; z-index: 2; height: auto; } 
.nav-scroller .nav { display: flex; flex-wrap: nowrap; overflow-y: scroll; -ms-overflow-style: -ms-autohiding-scrollbar; text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; padding: 10px 0 10px 15px; } 
.nav-scroller .nav.nav-modify { padding: 17px 0 10px 15px; } 
.nav-scroller .nav-link { font-size: 1em; } 
.nav-scroller a { border: 1px solid #dddddd; background: #ffffff; border-radius: 50px; height: auto; width: auto; padding: 8px 15px 7px 15px; color: #444444; margin-right: 2px; font-size: 1.1em; } 
.d-inl { display: inline-block; } 
a.menu-on { background: #5962ef; color: #ffffff; border: 0; box-shadow: 2px 1px 6px rgba(76, 54, 187, 0.5); } 
.nav-scroller .btn-tab { border: 1px solid #dddddd; background: #ffffff; border-radius: 50px; height: auto; width: auto; padding: 8px 15px 7px 15px; color: #444444; margin-right: 2px; font-size: 1.1em; } 
.btn-tab.menu-on { background: #5962ef; color: #ffffff; border: 0; box-shadow: 2px 1px 6px rgba(76, 54, 187, 0.5); } 
.btn-tab.menu-on span { color: #fff; } 
.nav-scroller.group-edit .nav { background: #f8f8f8; padding: 10px 0 10px 10px; height: 46px; } 
.nav-scroller.group-edit .nav>p { font-size: 0.9em; margin-right: 5px; } 
.nav-scroller.group-edit span { height: 24px; width: auto; border-radius: 15px; padding: 0 10px; background: #9d9db3; color: #ffffff; font-weight: 400; font-size: 1em !important; display: inline-block; margin-right: 1vw; } 


/* list-setting */
.list-setting { background: #ffffff; display: inline-block; width: 100%; min-height: 40px; padding: 7px 10px; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1); } 


/* 협단체 소개 */
.intro-list .list-setting { background: #f8f8f8; box-shadow: none; height: 50px; text-align: center; } 
.intro-list .list-setting span { color: #5962EF; text-align: center; line-height: 40px; font-size: 1.5em; } 
.intro_summary { padding: 1.5em; font-size: 1.2em; border-bottom: 1px solid #f8f8f8; } 
.intro_info { padding: 2.3em 1.5em; font-size: 16px; } 
.info_con { height: 40px; } 
.info_con_a { height: 30px; } 
.info_con .badge { border-radius: 4px; width: 5em; } 
.if_title { color: #888; display: inline-block; width: 22%; } 
.if_con { display: inline-block; width: 20%; } 
.if_con2 { display: inline-block; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; } 
.intro_news { padding: 1.5em; } 
.intro_news span { display: inline-block; padding: 0.1vw 2.1vw 0.2vw 2.1vw; color: #ffffff; font-size: .85em; font-weight: 600; vertical-align: middle; margin: 0 3px 10px 0; border-radius: 100px; } 
.intro_news .notice { background: #FF505A; } 
.intro_news .meet { background: #FE8057; } 
.intro_news .ad { background: #11CE8C; } 
.news_txt { color: #363641 !important; font-size: 1.1em !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 80%; } 


/* 연혁보기 */
.btn_search { position: absolute; top: 8px; right: 50px; padding: 0vw 3.5vw 0vw 2vw !important; } 
.btn_search .btn { color: #888; } 
.btn_search .dropdown-toggle::after { right: -1.3vw !important; } 
.history_con { padding: 5vw; } 
.history_con p { margin-bottom: 0px; font-size: 1.2em; color: #888; } 
.history_con .txt_bk { color: #000; margin-top: 10px; } 


/* 회장소개 */
.intro_con .asso-list.asso-member .card-style { margin-bottom: 0 !important; } 
.intro_con .asso-list .btn-group .btn { width: 50%; } 
.intro_con .asso-list .btn-group .btn>svg { width: 30px; } 
.intro_con .badge { padding-top: 3px; } 
.leader_title { background: #7474AA !important; color: #fff !important; } 


/* 회원검색 */
.mem_count { position: absolute; right: 2em; } 
.history_con .content { margin: 0 !important; } 
.history_con .search-box { height: 50px; background: #eeeeee; color: #131322; } 
.history_con .search-box input { margin-top: 10px; background-color: #eee; } 
.history_con .search-box svg { margin: 0 !important; } 
.history_con .list-setting { box-shadow: none; } 
.intro_member_sh { overflow: scroll; height: auto; margin-top: 2.5em; } 
.intro_member_sh .badge { padding-top: 3px; } 
.intro_member_sh .card.card-style { margin-bottom: 0 !important; } 
.asso-list.intro_member_sh .btn-group .btn>svg { width: 30px; } 
.asso-list.intro_member_sh .btn-group .btn { width: 50%; } 
.list-setting a { margin-left: 5px; } 
.list-setting.btn-round { padding: 5px 16px; } 


/* btn-group */
.list-setting .btn-group { margin: 10px 0; } 
.list-setting .btn-group .btn { background: transparent; color: #131322; font-size: 1.1em; } 
.list-setting .dropdown-menu { font-size: 1.15em; } 


/*Dividers*/
.content { margin: 20px 10px 20px 18px !important; } 
.divider1 { height: 1px; background-color: #f8f8f8; margin: 20px 0; display: block; } 
.divider1-dark { height: 1px; background-color: #eeeeee; margin: 20px 0; display: block; } 
.divider6 { height: 6px; background-color: #f8f8f8; margin: 20px 0; display: block; } 


/* border */
.border-bottom-6 { border-bottom: 6px solid #f8f8f8 !important; } 
.border-top-6 { border-top: 6px solid #f8f8f8 !important; } 
.border-bottom-1 { border-bottom: 1px solid #dddddd !important; } 
.border-top-1 { border-top: 1px solid #dddddd !important; } 



/* drawer */
.menu-active.menu { border-radius: 20px 20px 0 0 !important; box-shadow: 0 -5px 15px rgb(0, 0, 0, 0.5); } 
.menu-box-bottom.menu-active.menu::before { content: " "; position: absolute; top: 12px; left: 50%; width: 60px; height: 4px; margin-left: -30px; border-radius: 10px; background: #9d9db3; } 
.associationlist~.menu-box-bottom.menu-active.menu::before { content: none; } 
.menu-active.menu .drawer-title { font-size: 1.4em; font-weight: 600; color: #131322; border-bottom: 1px solid #f8f8f8; margin-bottom: 20px; } 
.menu-active.menu .drawer-header p { font-size: 1.2em; color: #363641; padding-top: 10px; } 
.drawer-header span.span-center { font-size: 1.2em; color: #131322; font-weight: 600; display: block; } 
.menu-active.menu .boxed-text-l { width: 100%; max-width: none; text-align: center; } 
.menu-active.menu .drawer-btn.row>* { padding-right: calc(var(- -bs-gutter-x)* .2); padding-left: calc(var(- -bs-gutter-x)* .2); } 
.menu-active.menu.menu-box-right { border-radius: 0 !important; } 


/* 리스트 타입 */
.list-type { color: #131322; } 
.list-type dt { font-size: 1em; font-weight: 400 !important; color: #888888; letter-spacing: 0; padding: 10px 20px; } 
.list-type dd { font-size: 1.12em; font-weight: 400 !important; border-bottom: 1px solid #f8f8f8; display: block; margin: 0 !important; position: relative; } 
.list-type dd a svg,
.list-type dd a div,
.list-type dd svg { float: right; } 
.list-type dd a { display: block; } 
.list-type dd a,
.list-type dd>span { padding: 12px 20px; } 
.list-type dd>span { display: block; } 
.list-type dd a,
.list-type dd a:active,
.list-type dd a:hover { color: #131322; } 
.list-type dd:last-of-type { border: 0; } 
.list-type ul li { text-align: left; list-style: none; font-weight: 200; padding: 8px 0; position: relative; } 
.list-type ul li span { position: absolute; right: 20px; color: #5962ef; } 
.list-type .float-end { color: #5962ef; } 
.list-type dd>span { display: inline-block; } 
.list-type .customer-tel { font-size: 1.54em; font-weight: 800; color: #131322; letter-spacing: -0.5px; } 
.list-button { padding: 0 16px !important; } 
.list-button .border-gray-dark { border: #bbbbbb 1px solid; border-radius: 3px !important; color: #666666; width: auto; margin: 0 5px 15px; } 
.custom-control { display: grid; grid: rght; } 
.ios-switch { margin-top: 10px !important; margin-left: -20px !important; } 
.ios-switch label::before { margin-top: -5px; margin-left: -2px; width: 52px !important; height: 26px !important; border: none; } 
.ios-switch label::after { margin-top: -24px; z-index: 6; width: 22px !important; height: 22px !important; background-color: #FFF; border: none; position: relative; } 
.main-toggle .ios-switch label::after { background-color: #9d9db3; width: 27px !important; height: 24px !important; margin-top: -26px !important; } 
.ios-switch-icon span { font-weight: 400; line-height: 28px; left: 16px; font-size: 0.6em; font-weight: 600; letter-spacing: -0.5px; } 
.main-toggle .ios-switch-icon span { color: #131322; font-weight: 600; font-size: 0.8em; margin: 0 2px; line-height: 28px; left: 12px; } 
.companyTable { width: 100%; border-collapse: separate; border-spacing: 0 25px; } 
.companyTableTitle { text-align: right; width: 15%; font-weight: bold; font-size: 1.2em; min-width: 100px; } 
.namecard_detail #companyInfoUi .companyTableTitle { font-size: 14px; font-weight: 500; font-family: var(--font-kr); text-align: left; } 
.namecard_detail #companyInfoUi .companyTableContent { font-weight: 600; font-size: 16px; font-family: var(--font-kr); border-left: 1px solid #e3e3e3; } 
.companyTableContent { padding-left: 20px; width: 80%; } 
.companyTableContent1 { padding-left: 20px; width: 70%; } 
.companyTableContent2 { width: 10%; } 
.main-toggle .ios-switch-icon span:last-child { left: 18px; } 
.ios-switch-icon span:last-child { margin-left: 19px; } 
.ios-switch-icon label::before { background-color: #9d9db3 !important; } 
.ios-input:checked~.custom-control-label::before { background-color: #5962ef !important; } 
.main-toggle .ios-input:checked~.custom-control-label::before { background-color: #ffffff !important; border: 1px solid #9d9db3; } 
.main-toggle .ios-input:checked~.custom-control-label::after { -webkit-transform: translateX(27px) !important; } 
.main-toggle .ios-switch-icon label::before { background-color: #ffffff !important; border: 1px solid #9d9db3; } 
.main-toggle .ios-switch label::before { width: 58px !important; height: 28px !important; } 
.custom-control { display: inline-block !important; position: absolute; right: 50px; top: 5px; } 


@media (max-width : 321px){
 .main-card { width: calc(100% - 28px); height: 110px; } 
.card-style { margin: 0 15px 15px 15px; } 
.card-name,
.card-new { padding: 0 0 0 16px; } 
.card-name .card-style,
.card-new .card-style { margin: 0 0 0 15px; } 
.card-new h3 br { display: none; } 
.card-new br { display: block; } 
.namecard-list .namecard-info { left: 80px; } 
.namecard-tab span { letter-spacing: -1.5px; } 
.shadow-list.company .list-left,
.shadow-list.company .list-right { width: 100%; } 
.shadow-list.company .list-right { position: relative; top: unset; right: unset; text-align: left; } 
.shadow-list.company .list-right .grade { display: inline-block; padding: 5px 2vw; margin-right: 5px; text-align: left; } 
.shadow-list.company .list-right>button { float: right; margin-top: 8px !important; } 
.namecard-floating-con .modal-content,
.shadow-list.memo .list-right { width: 100% !important; } 
.shadow-list.memo .list-right { margin-top: 10px; padding-left: 0; } 
.shadow-list.memo .label-circle { height: 24px; width: 50px; min-height: unset; min-width: unset; font-size: 1em; font-weight: 400; } 
.customer-level .level-list p { width: 45% !important; max-width: unset; margin-bottom: 5vw; } 
.myasso-detail .asso-info p { font-size: 1.5em; } 
.myasso-detail .asso-sub-menu a::after { padding: 0 2vw; } 
.asso-list .member-info { vertical-align: top; } 
.member-info-top button.btn-exchange { float: unset; margin-left: 22.5vw; padding: 6px 10px 6px 25px !important; position: relative; } 
.member-info-top button.btn-exchange br { display: none; } 
.member-info-top button.btn-exchange svg { position: absolute; left: 7px; top: 11px; width: 14px; height: 14px; } 
 }

@media (max-width : 360px){
 .company-summary #namecardListWrap .namecard-btn-flex,
.shared-namecard #tab03Wrap .sharedNamecard-btn-flex { flex-wrap: wrap; } 
 }

@media (max-width : 370px){
 .bottom-info { padding: 2vw 2vw 3vw; } 
.shadow-list.networking .top-info { padding: 5vw 2vw 1vw; } 
 }

@media (max-width : 390px){
 .login-layout.forgot .card-style { margin: 20px 20px; } 
.index-profile { padding: 16px 24px; } 
 }

@media (max-width : 460px){
 .newCompanyCont .nav-pills.tab-text-line .nav-link span,
.newCompanyCont .nav-pills.tab-text-line .show>.tab-text-count .nav-link span { display: block; margin: 0; } 
 }

@media (min-width : 576px) { body { font-size: 16px; } 
.namecard-list .namecard-info strong { margin: 8px 0; display: block; } 
.namecard-list .namecard-info p { margin-bottom: 7px; margin-top: 10px; } 
.namecard-detail .namecard-info { top: 20vw; } 
.namecard-tab { bottom: -4vw; } 
.namecard-detail .list-photo { top: 15vw; } 
.btn-s { padding: 1.7vw 4vw !important; } 
.modal-fullpage .modal-dialog { max-width: unset; } 
.vertical-timeline-element-content { margin-left: 100px; } 
 }

@media (min-width : 768px){
 .namecard-list .namecard-info { left: 170px; top: 40px; } 
.list-photo { top: 30px; } 
.asso-list .list-photo { top: unset; } 
.namecard-detail .namecard-info { top: 18vw; } 
.asso-list .btn-group .btn { font-size: 1.3em; } 
.btn-s { padding: 2vw 4vw !important; } 
 }

@media (min-width : 1024px) { } 

@media (min-width : 1200px) { body { font-size: 18px; } 
 }

@media (min-width : 1400px) { } 




/* 로딩 CSS */

#link { color: #E45635; display: block; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; text-decoration: none; } 
#link:hover { color: #CCCCCC } 

#link,
#link:hover { -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -ms-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; } 


/** BEGIN CSS **/
@keyframes rotate-loading { 
 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } 
100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); } 
 }

@-moz-keyframes rotate-loading { 
 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } 
100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); } 
 }

@-webkit-keyframes rotate-loading { 
 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } 
100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); } 
 }

@-o-keyframes rotate-loading { 
 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } 
100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); } 
 }

@keyframes rotate-loading { 
 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } 
100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); } 
 }

@-moz-keyframes rotate-loading { 
 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } 
100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); } 
 }

@-webkit-keyframes rotate-loading { 
 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } 
100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); } 
 }

@-o-keyframes rotate-loading { 
 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } 
100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); } 
 }

@keyframes loading-text-opacity { 
 0% { opacity: 0 } 

20% { opacity: 0 } 

50% { opacity: 1 } 

100% { opacity: 0 } 
 }

@-moz-keyframes loading-text-opacity { 
 0% { opacity: 0 } 

20% { opacity: 0 } 

50% { opacity: 1 } 

100% { opacity: 0 } 
 }

@-webkit-keyframes loading-text-opacity { 
 0% { opacity: 0 } 

20% { opacity: 0 } 

50% { opacity: 1 } 

100% { opacity: 0 } 
 }

@-o-keyframes loading-text-opacity { 
 0% { opacity: 0 } 

20% { opacity: 0 } 

50% { opacity: 1 } 

100% { opacity: 0 } 
 }

.data-loading-container,
.data-loading { height: 100px; position: relative; width: 100px; border-radius: 100%; } 
.data-loading-container { margin: 40px auto } 

.data-loading { border: 2px solid transparent; border-color: transparent #fff transparent #FFF; -moz-animation: rotate-loading 1.5s linear 0s infinite normal; -moz-transform-origin: 50% 50%; -o-animation: rotate-loading 1.5s linear 0s infinite normal; -o-transform-origin: 50% 50%; -webkit-animation: rotate-loading 1.5s linear 0s infinite normal; -webkit-transform-origin: 50% 50%; animation: rotate-loading 1.5s linear 0s infinite normal; transform-origin: 50% 50%; } 
.data-loading-container:hover .loading { border-color: transparent #E45635 transparent #E45635; } 
.data-loading-container:hover .loading,
.data-loading-container .loading { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } 
#loading-text { -moz-animation: loading-text-opacity 2s linear 0s infinite normal; -o-animation: loading-text-opacity 2s linear 0s infinite normal; -webkit-animation: loading-text-opacity 2s linear 0s infinite normal; animation: loading-text-opacity 2s linear 0s infinite normal; color: #ffffff; font-family: "Helvetica Neue", "Helvetica", "arial"; font-size: 10px; font-weight: bold; margin-top: 45px; opacity: 0; position: absolute; text-align: center; text-transform: uppercase; top: 0; width: 100px; } 
.header .header-icon.guide { position: absolute; height: 42px; width: auto; text-align: center; line-height: 35px; font-size: 12px; color: #1f1f1f; border: none; -webkit-appearance: none; appearance: none; background-color: rgba(0, 0, 0, 0) !important; } 
.header .header-icon.asso { position: absolute; height: 38px; top:0;right:6px;width: auto; text-align: center; line-height: 38px; font-size: 12px; color: #1f1f1f; border: none; -webkit-appearance: none; appearance: none; background-color: rgba(0, 0, 0, 0) !important; display: flex; align-items: center; } 



/* 추가수정 */
.namecard-write { width: 27vw; height: 3vh; background-color: #131322; margin: 1rem auto; border-radius: 20px; padding: 0.3rem; color: #ffffff; } 
.namecard-sam { width: 60%; margin: 0 auto; margin-left: 20%; } 
.namecard-tip { padding: 0 1rem; margin-bottom: 1rem; background-color: #ffffff; color: #000000 !important; border-radius: 20px; width: fit-content; margin: 1rem auto; } 
.namecard-tip-text { margin-bottom: 1rem; padding: 0 8%; color: #ffffff; } 
.namecard-btn-info { display: inline-block !important; margin-left: 20% !important; margin-bottom: 1.2rem !important; margin-right: 0.5rem !important; } 
.my-namecard-btn { width: 5rem; height: 5rem; background-color: #7474AA; border-radius: 50%; padding: 0.5rem; color: #ffffff; text-align: center; line-height: initial; padding-top: 1.3rem; position: absolute; left: 75%; top: 2%; z-index: 999; } 
.my-namecard-btn a { color: #ffffff; } 


/* main 2022-10-17 */

.main-index-line { width: 100%; height: 9px; background-color: #fff; border-top: 1px solid #F0F0F0; } 
.main-cont-box { padding: 2rem 1.3rem; } 
.main-qr { font-size: 1rem; color: #0F3654; box-sizing: content-box; } 
.main-qr h1 { color: #0F3654; font-family: 'GmarketSans'; letter-spacing: 0.02rem; margin-bottom: 0.8rem; font-size: 1.7rem; } 
.main-qr-text { font-size: 1.1rem; } 
.main-qr-left { width: 65%; float: left; padding-top: 1.3rem; } 


.main-qr-underline { border-bottom: 1px solid #62A2DB; box-shadow: inset 0 -11px 0 #62A2DB; width: fit-content; } 
.main-qr-right { width: 35%; float: right; padding-left: 1.2rem; } 
.main-qr-img { max-width: 7rem; max-height: 7rem; background-color: #fff; border-radius: 8px 8px 0 0; border: 1px solid #e4e5f9; } 
.main-qr-img img { width: 100%; padding: 0.5rem; } 
.main-qr-btn { max-width: 7rem; height: 2rem; background-color: #e4e5f9; border-radius: 0 0 8px 8px; text-align: center; color: #0F3654; padding-top: 0.2rem; } 
.main-qr-btn img { padding-bottom: 0.2rem; padding-right: 0.4rem; } 
.main-qr-right:after { clear: both; } 
.main-index-title { font-family: 'GmarketSans' } 

.main-info-icon { vertical-align: text-bottom; margin-left: 0.5rem; } 
.main-search { width: 100%; height: 3rem; background-color: #fff; border-radius: 8px; border: 1px solid #9DA2F4; margin-top: 1rem; padding-top: 0.2rem; } 
.main-search input { outline: none !important; width: 85%; height: 2.5rem; color: #616aef; padding-left: 1rem; margin-left: 3px; font-size: 1rem !important; } 
.fl-right { float: right; } 
.fl-left { float: left; } 
.main-setting-icon:after { clear: both; } 
.main-function { display: inline-block; width: 30.7%; height: 9rem; background-color: #fff; border-radius: 8px; border: 0.5px solid #E4E5F9; margin-top: 1rem; vertical-align: middle; text-align: center; padding: 1.3rem 0.2rem; } 
.main-function-text { height: 3rem; line-height: 1.3rem; color: #0F3654; } 
.main-w-service { width: 100%; height: 3.2rem; background-color: #fff; border-radius: 8px; border: 0.5px solid #E4E5F9; padding: 0.85rem 1.5rem; font-size: 1.1rem; } 
.main-w-service:hover { border: 0.5px solid #616AEF; color: #616AEF; } 
.main-w-service-tit { margin-left: 0.8rem; display: inline-block; } 


.main-w-service-nom { float: right; } 
.main-w-service-nom b { margin-right: 0.3rem; color: #6169EF; display: inline-block; text-align: end; } 
.main-w-service-nom img { margin-left: 1rem; } 
.main-w-service-nom:after { clear: both; } 
.cont-flex { display: flex; justify-content: center; } 
.smartwork-box { width: 9rem; height: 6rem; background: #E4E5F9; border-radius: 20px; text-align: center; padding: 0.6rem 0.4rem; font-size: 1rem; } 
.smartwork-box i img { width: 2.4rem; } 
.smartwork-box b { color: #616AEF; } 
@media (max-width : 385px){
 .smartwork-box { font-size: 0.85rem; } 
 }

.margin-bo-050 { margin-bottom: 0.5rem; } 
.margin-to-100 { margin-top: 1rem; } 
.margin-to-030 { margin-top: 0.3rem; } 
.margin-050-0 { margin: 0.5rem 0 !important; } 
.main-wid-50pr { width: 50% !important; } 
.main-wid-70pr { width: 70% !important; } 
.main-cont-box .nav { background-color: #F8F9FA; } 
.main-cont-box .tab-text-line { border-bottom: 1px solid #E8E8E8; } 
.main-cont-box .nav .nav-link { font-size: 1.1rem; } 
.main-cont-box .nav .nav-link.active { background-color: #F8F9FA; color: #616AEF; border-bottom: #616AEF 3px solid; font-weight: 600; } 
.main-more-btn { width: 100%; height: 3.2rem; background-color: #E4E5F9; border: 0.5px solid #d4d5ee; border-radius: 8px; color: #7474A6; padding: 0.8rem 1rem; text-align: center; font-size: 1.1rem; } 
.main-text-label { margin: 1rem 0; } 
.main-text-label span { display: inline-block; height: 1.8rem; padding: 0.1rem 0.3rem; border: 1px solid #7474A6; border-radius: 5px; color: #7474A6; font-size: 1rem; margin-right: 0.3rem; margin-top: 0.3rem; } 
.main-text-label-choice { background-color: #7474A6; color: #fff !important; } 
.main-comp-infobox { width: 100%; height: 9rem; padding: 1rem; background-color: #fff; border: 0.5px solid #d9d9d9; border-radius: 8px; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08); position: relative; } 
.main-comp-infobox img { position: absolute; top: 1rem; right: 1rem; } 
.main-comp-infobox .bookmark { position: absolute; top: 1rem; right: 1rem; } 
.main-comp-infobox .bookmark img { position: absolute; top: 0; right: 0; } 
.main-comp-infobox p { margin-bottom: 0.2rem; line-height: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; font-size: 0.8rem; } 
.main-comp-infobox-title { width: 90%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } 
.main-comp-infobox-more { position: absolute; bottom: 0.9rem; right: 1.2rem; height: 2rem; padding: 0.2rem 0.9rem; background-color: #616AEF; color: #fff; border-radius: 5px; } 
.main-comp-infobox-more.infobox-off { background-color: #CCCCCC; } 
.main-comp-search { width: 100%; background-color: #fff; border-radius: 8px; margin-top: 1rem; } 
.main-comp-search-line { height: 2.8rem; border-bottom: 1px solid #F8F9FA; padding: 0.55rem 0.7rem; font-size: 1rem; } 
.main-comp-search-line span { display: inline-block; text-align: end; font-size: 0.9rem; } 
.search-title { text-align: start !important; font-size: 1rem !important; width: 20%; } 
.main-comp-search-line .btn-group-sm>.btn { font-size: 0.9rem; color: #000; } 
.main-comp-search-line .btn-group-sm>.btn:hover { color: #000; } 
.main-comp-search-line b { color: #9DA2F4; } 
.main-comp-search-line input { width: 4rem; text-align: end; color: #616AEF; font-family: 'GmarketSans'; } 
.search-cont { width: 38%; } 
.infobox-text-area { width: 13rem; } 
.main-comp-prbtn { font-size: 0.8rem; height: 2rem; padding: 0.2rem 0.5rem; border: 1px solid #616AEF; border-radius: 5px; color: #616AEF; vertical-align: middle; } 
.prbtn-off { border: 1px solid #D9D9D9; color: #7B7B7B; } 
.infobox-mappin { top: 6.5rem !important; right: 7rem !important; } 
.search-gr { border: 1px solid #D9D9D9; } 
.search-result { padding: 0.7rem; font-size: 0.9rem; } 
.search-result-nom { float: right; } 
.search-result-nom:after { clear: both; } 
.search-result b { color: #616AEF; } 
.matching-box { height: fit-content; padding-bottom: 0.2rem; } 
.matching-comp-btn { position: absolute; top: 1rem; right: 1rem; } 
.comp-matching-line { height: 2.2rem; border-bottom: 1px solid #F8F9FA; padding: 0.45rem 0rem; font-size: 0.8rem; color: #666; } 
.comp-matching-line span { display: inline-block; width: 32%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.matching-top { border-bottom: 1px solid #ECECED; border-top: 1px solid #ECECED; color: #000; margin-top: 0.7rem; } 
.matching-bottom { border-bottom: none; } 
.main-subtitle { font-size: 1.1rem; color: #616AEF; } 
.main-roundnom { display: inline-block; width: 1.5rem; height: 1.5rem; background-color: #E4E5F9; border: 1px solid #D4D5EE; text-align: center; border-radius: 50%; font-size: 0.9rem; } 
.main-index-end { width: 100%; height: 12rem; } 
.main-pop-box { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; } 
.main-pop-cont { width: 100%; background-color: #fff; border-radius: 8px; font-size: 1.1rem; text-align: center; } 
.pop-title { height: 2.8rem; background-color: #6D71F9; color: #fff; border-radius: 8px 8px 0px 0px; padding: 0.7rem 0; font-family: 'GmarketSans'; } 
.pop-title .closeBtn { position: absolute; top: 0.8rem; right: 1rem; } 
.main-pop-cont p { padding-top: 2rem; color: #000; } 
.main-pop-cont span { font-size: 0.9rem; display: inline-block; width: 40%; height: 2.2rem; background-color: #6D71F9; margin: 0 0.5rem; color: #fff; border-radius: 50px; padding-top: 0.4rem; margin-bottom: 2rem; } 
.pop-close { background-color: #9D9DB3 !important; } 
.help-border { border: 3px solid #0F3654; border-radius: 12px; position: relative; } 
.help-title { background-color: #0F3654; } 
.help-title img { position: absolute; top: 0.8rem; right: 1rem; } 
.help-border p { padding-left: 1rem; padding-right: 1rem; font-size: 1rem; } 
.pop-help-btn { width: 80% !important; } 


@media (max-width : 399px){
 .main-qr-right { padding-top: 0.5rem; } 
.main-qr-text { font-size: 0.9rem; } 
.main-qr-btn b { font-size: 0.8rem; } 
.main-search input { width: 85% !important; } 
.main-search input#itemMatchingNewTxt { width: calc(100% - 130px) !important; } 
.main-function { width: 30%; } 
.main-comp-infobox p { width: 68%; } 
#bodTabContent .main-comp-infobox p { width: 100%; } 
.bidsubWrap .main-comp-infobox p { width: 100%; } 
#itemTab01 .main-comp-infobox p,
#tab01 .main-comp-infobox p { width: auto; } 
.search-title { font-size: 0.92rem !important; } 
.main-comp-search-line span { font-size: 0.7rem; } 
.infobox-mappin { right: 5.5rem !important; } 
 }

@media (min-width : 550px){
 .infobox-text-area { width: 75%; } 
.main-comp-search-line input { width: 8rem; } 
 }



/*메인 디자인(key visual)수정 */
.main-qr { background-image: url(/resources/naviseo/images/main/main_qr_bg.svg); background-size: cover; background-position: center top; background-repeat: no-repeat; height: 8rem; margin-bottom: 0; } 
.main-qr h1 { color: #fff; text-shadow: 0px 0.5px 4px rgba(0, 0, 0, 0.25); font-size: 24px; } 
.main-qr .main-qr-left .main-qr-text { color: #fff; text-shadow: 0px 0.5px 4px rgba(0, 0, 0, 0.25); } 
.search-border { border: 4px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #9DF4E4 0%, #9DA2F4 100%); background-origin: border-box; background-clip: content-box, border-box; padding-top: 0; } 
.search-border input { height: 2.3rem; padding-top: 0.2rem; } 
.main-function { box-shadow: 0px -2px 4px rgb(97 106 239 / 15%), 0px 2px 4px rgb(97 106 239 / 15%); } 




/*
header & footer
*/

.hd_profilebtn { background-color: #0F3654; } 
.footer-alpha { background-color: rgba(255, 255, 255, 0.85) !important; } 
.footer-quick { position: fixed; top: 80%; left: 50%; transform: translate(-50%, -80%); background-color: #f3f3f8; width: 20rem; height: 20rem; border-radius: 50%; text-align: center; border: 1px solid #FFFFFF; box-shadow: 0px 4px 8px rgba(97, 106, 239, 0.55), 0px -4px 8px rgba(97, 106, 239, 0.55); z-index: 99; } 
.quick-center { width: 8rem; height: 8rem; background-color: #fff; border-radius: 50%; margin: 0 auto; margin-top: 5.7rem; padding-top: 2.4rem; border: 6px solid #F8F9FA; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1), 0px -2px 6px rgba(25, 119, 204, 0.2); } 
.quick-center:hover { border: 1px solid #616AEF; box-shadow: 0px 2px 8px rgba(25, 119, 204, 0.5), 0px -2px 6px rgba(25, 119, 204, 0.5) } 
.quick-center p { color: #0F3654; } 
.quick-around { position: relative; } 
.quick-m1,
.quick-m2,
.quick-m3,
.quick-m4,
.quick-m5 { position: absolute; } 
.quick-around p { line-height: 0.9rem; font-size: 0.7rem; color: #000; } 
.quick-around img { margin-bottom: 0.4rem; } 
.quick-m1 { bottom: 7.5rem; left: 8.8rem; } 
.quick-m2 { bottom: 1.5rem; left: 2rem; } 
.quick-m3 { bottom: 1.5rem; right: 1.5rem; } 
.quick-m4 { top: 0.5rem; left: 4.5rem; } 
.quick-m5 { top: 0.5rem; right: 5rem; } 


/* 퀵메뉴 템플릿 */
.circle-box { position: fixed; top: 80%; left: 50%; transform: translate(-50%, -80%); } 
.circle-menu { position: relative; width: 300px; height: 300px; border-radius: 50%; box-shadow: 0px 4px 8px rgb(97 106 239 / 55%), 0px -4px 8px rgb(97 106 239 / 55%); background: #fff; } 
.circle-menu ul { position: absolute; width: 300px; height: 300px; padding: 0; list-style: none; border-radius: 50%; overflow: hidden; } 
.circle-menu .center { position: absolute; top: 5.5rem; left: 5.6rem; z-index: 1000; border: 6px solid transparent; border-radius: 50%; width: 7.5rem; height: 7.5rem; background: #fff; box-shadow: 0px 2px 8px rgb(0 0 0 / 10%), 0px -2px 6px rgb(25 119 204 / 20%); text-align: center; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #B6C8ED 0%, #E4F9EC 100%); background-origin: border-box; background-clip: content-box, border-box; } 
.circle-menu .center img { padding-top: 1.8rem; } 


/* Make each list item right corner to center of the menu */
.circle-menu li { position: absolute; top: -10px; left: -10px; width: 160px; height: 160px; transform-origin: 100% 100%; overflow: hidden; } 


/* rotate deg = 360deg / count-of-item (360/6=60deg); skew deg = 90deg - [rotate deg] 
 each li rotate deg = rotate deg * li-number; */
.circle-menu li:nth-child(1) { transform: rotate(0deg) skew(18deg); } 
.circle-menu li:nth-child(2) { transform: rotate(72deg) skew(18deg); } 
.circle-menu li:nth-child(3) { transform: rotate(144deg) skew(18deg); } 
.circle-menu li:nth-child(4) { transform: rotate(216deg) skew(18deg); } 
.circle-menu li:nth-child(5) { transform: rotate(288deg) skew(18deg); } 



/* backflip content */
.circle-menu li a { display: block; width: 175px; height: 175px; transform: skew(-18deg) rotate(-72deg); transition: background-color 0.5s; background-color: rgba(237, 237, 248, 1); } 
.circle-menu li:nth-child(even) a { background-color: rgba(243, 243, 248, 1); } 
.circle-menu li a:hover,
.segment:hover { background-color: rgba(212, 213, 238, 1); } 
.circle-menu li img { width: 2rem; } 


/* Icons */

[class^="icon-"]:before { position: absolute; font-size: 3em; bottom: 50%; right: 35%; color: rgba(240, 240, 240, 1); } 



/* segments */
.segment { display: block; background: rgba(255, 255, 255, 0.65); width: 300px; height: 300px; border-radius: 300px; position: absolute; bottom: -150px; left: -70px; box-sizing: border-box; margin-left: -3px; margin-bottom: 5px; transform: translateY(0px); } 
.icon-q1 img,
.icon-q2 img,
.icon-q3 img,
.icon-q4 img,
.icon-q5 img { position: absolute; } 
.icon-q1 img { rotate: 72deg; left: 9rem; top: 4rem; } 
.icon-q2 img { rotate: 360deg; left: 4rem; top: 5rem; } 
.icon-q3 img { rotate: 287deg; left: 3.5rem; top: 5rem; width: 1.8rem !important; } 
.icon-q4 img { rotate: 215deg; left: 3.7rem; top: 6.2rem; } 
.icon-q5 img { rotate: 145deg; left: 5.1rem; top: 6rem; width: 1.8rem !important; } 
.icon-text { position: absolute; font-size: 0.7rem; line-height: 0.8rem; text-align: center; } 
.icon-text.q1 { top: 6.4rem; left: 2.7rem; } 
.icon-text.q2 { top: 3.9rem; left: 10rem; } 
.icon-text.q3 { top: 10.1rem; right: 1rem; } 
.icon-text.q4 { bottom: 1rem; right: 6.2rem; } 
.icon-text.q5 { bottom: 4.5rem; left: 2.3rem; } 

.quick-rotate { animation: rotation 0.4s; } 
.quick-linear { animation-timing-function: linear; } 
.quick-infinite { animation-iteration-count: 1; } 

@keyframes rotation { 
 from { transform: rotate(0deg); } 
to { transform: rotate(359deg); } 
 }



/* 퀵메뉴 템플릿 끝 */

/* NEW 신규고객발굴 & 기업정보 */
.finding-subtap .nav-pills.tab-floating-round { position: initial; margin: 5% 2%; border-radius: 0; box-shadow: none; width: initial; } 
.finding-subtap .nav-pills.tab-floating-round .nav-link { font-size: 0.85rem; padding: 1vw; } 
.finding-cont-box { padding: 0.5rem 1rem; position: relative; } 
.finding-cont-box .main-search { margin-top: 0; } 
.finding-cont-box .main-search input { width: 70% !important; } 
.finding-cont-box .main-search button { color: #000; } 
.finding-cont-box .main-search .dropdown-menu { min-width: 6rem; } 
.finding-cont-box .main-search span img { position: absolute; top: 1.3rem; right: 2rem; } 
.finding-search-tab { margin-top: 2.5rem !important; margin-right: 0 !important; margin-left: 0 !important; border-top: 1px solid #0F3654; border-bottom: 1px solid #0F3654; } 
.nav-pills.tab-floating-round.finding-search-tab .nav-link { border-radius: 0; color: #0F3654; } 
.nav-pills.tab-floating-round.finding-search-tab .nav-link.active { background: #0F3654; color: #fff; } 
.finding-noresult { font-size: 1.3rem; text-align: center; display: inherit; margin-top: 2rem; } 
.finding-cont-box .main-comp-search-line { padding-left: 0.2rem; padding-right: 0.2rem; } 
.search-input input { width: 15rem; text-align: left; font-family: 'GmarketSansMedium' } 
.finding-date { text-align: center; font-size: 1.35rem; font-family: 'GmarketSans'; margin-top: 1.5rem; } 
.finding-date img { width: 1.5rem; padding: 0 0.5rem; } 
.finding-result { text-align: end; margin-top: 1.5rem; } 



/* NEW 기업정보 상세 */
.company-pr { width: 100%; height: 20vh; background: #999; border-radius: 8px; margin: 1rem 0; } 
.detail-index-line { width: 100%; height: 9px; background-color: #F8F8F8; border-top: 1px solid #F0F0F0; } 
.company-prtext { line-height: 1.2rem; word-break: break-all; margin-bottom: 1rem; } 
.company-info-line { height: fit-content; font-size: 1rem; padding: 0.55rem 0; } 
.company-info-line span { display: inline-block; vertical-align: top; } 
.company-info-title { width: 33%; } 
.company-info-con { width: 80%; line-height: 1.2rem; font-family: 'GmarketSans'; } 
.company-info-btn { display: inline-block; width: 49%; margin: 2rem 0; text-align: center; border: 1px solid #D4D5EE; border-radius: 8px; height: 2.5rem; padding-top: 0.5rem; background: #E4E5F9; color: #7474A6; font-family: 'GmarketSans'; } 
.company-bott-btn { display: inline-block; height: 3rem; text-align: center; line-height: 3rem; } 
.company-bott-btn.com-bookmark { width: 50%; background: #363640; float: left; } 
.company-bott-btn.com-bookmark .companyBookmarkTxt { color: #ffc107; margin-right: 5px; font-weight: 600; letter-spacing: 1.2px; } 
.company-bott-btn.com-detail { width: 50%; background: #616AEF; color: #fff; font-family: 'GmarketSans'; font-size: 1rem; } 
.company-bott-btn.com-detail:after { clear: both; } 


/* main 자주찾는 기능설정 popup */
.function-set { background: #E4E5F9; padding-left: 0.4rem; padding-right: 0.4rem; } 
.function-set .main-function { margin-top: 0; position: relative; } 
.function-move { position: absolute; bottom: 0; right: 0; width: 1.5rem; } 
.function-btn { background: #5962EF; color: #fff; border: none; margin-top: 2rem; position: fixed; bottom: 1rem; left: 5%; width: 90%; } 
.function-btn-w { height: 5rem; width: 100%; background: #fff; position: fixed; bottom: 0; } 
.funtion-setingbox { height: 7rem; border: 0.5px solid #616AEF; padding: 1rem 0; filter: drop-shadow(0px -2px 4px rgba(0, 0, 0, 0.1)) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.1)); } 
.function-choice { overflow: scroll; height: 60vh; } 
.function-choice h6 { font-size: 0.85rem; height: 2rem; color: #0F3654; } 
.funtion-setingbox.off { border: 1px dashed #D2D3DE; filter: none; } 
.funtion-setingbox.off h6 { color: #404040; } 
.funtion-setingbox.off img { filter: grayscale(100%); opacity: 0.3; } 

@media (min-height : 550px){
 .function-choice { height: 30vh; } 
 }

@media (min-height : 600px){
 .function-choice { height: 35vh; } 
 }

@media (min-height : 655px){
 .function-choice { height: 40vh; } 
 }

@media (min-height : 667px){
 .function-choice { height: 45vh; } 
 }


@media (min-height : 750px){
 .function-choice { height: 50vh; } 
 }

@media (min-height : 880px){
 .function-choice { height: 55vh; } 
 }




/* 로그인수정 */
.login-layout .btn-login2 { padding: 0 !important; } 
.login-layout .btn-login2 i { margin-bottom: 0 !important; padding: 0.8rem; } 
.login-layout .btn-login2 i img { width: 2rem !important; } 
.join-member { border: 1px solid #272848; color: #272848 !important; text-align: center; padding: 10px !important; } 
.login-modify { background: #fff; border-radius: 8px; padding-left: 20px; padding-top: 10px; padding-bottom: 20px; } 
.login-modify p { margin-top: 0 !important; } 
.login-modify2 .input-style input::placeholder { color: #ccc !important; } 
.login-modify2 .input-style input::-webkit-input-placeholder { color: #ccc; } 
.login-modify2 .input-style input:-ms-input-placeholder { color: #ccc; } 
.login-inline-flex { display: inline-flex; justify-content: space-between; } 
.font1rem { font-size: 1rem !important; } 
.font1rem input,
.font1rem input::placeholder { font-size: 0.9rem !important; } 
.font1rem input { width: 90%; border: none; background-color: rgb(232, 240, 254); } 
.bg-login-input,
.font1rem .validate-name,
.font1rem .validate-password { background-color: rgb(232, 240, 254); } 




/* 명함촬영 도움말(명함촬영 잘 되는 환경)*/
.shooting-btn-box { background: #4B4B4B; position: fixed; width: 90%; left: 5%; bottom: 0; } 
.shooting-btn { width: 100%; padding: 0.8rem 1rem; background: #5962EF; border-radius: 8px; color: #fff; margin-top: 0.5rem; } 
.shooting-close { margin-top: 1.2rem; color: #fff; font-size: 1rem; margin-bottom: 1rem; } 
.shooting-close i { margin-right: 0.5rem; } 
.shooting-close i img { width: 1rem; } 



/* 명함상세 > 메모작성*/
.addmemo-title { background: #f8f8f8; color: #9D9D9D; font-size: 1em; padding: 0 0.4rem 0 1.3rem; width: 100%; } 
.addmemo-box { padding: 2rem 1.3rem; } 
.addmemo-photo { margin-right: 1.5rem; } 
.addmemo-photo img { background: #f8f8f8; width: 100px; height: 100px; border-radius: 50%; } 
.addmemo-info { margin-top: 1.2rem; } 
.addmemo-info p { margin-bottom: 0; line-height: 1.2rem; word-break: break-all; } 
.addmemo-info p:nth-child(-n+2) { color: #000; } 
.addmemo-info p:nth-child(1) { font-family: 'GmarketSans'; font-size: 1.2rem; margin-bottom: 0.5rem; } 
.addmemo-info p:nth-child(3) { color: #9d9d9d; } 
.addmemo-date,
.addmemo-type { text-align: center; width: 100%; border-radius: 28px; border: 2px solid #D7D7D7; font-size: 1rem; } 
.addmemo-date { height: 2.5rem; padding-top: 0.4rem; margin-bottom: 1rem; } 
.addmemo-type { height: 4rem; padding: 0.5rem; } 
.addmemo-type ul { display: flex; justify-content: space-evenly; padding-left: 0; } 
.addmemo-type ul li { display: inline-block; list-style: none; height: 2.7rem; } 
.addmemo-type ul li:nth-child(odd) { padding: 0.6rem 10%; } 
.addmemo-type ul li:nth-child(even) { border-right: 1px solid #d7d7d7; color: #fff } 
.type-selected { background: #616AEF; border-radius: 20px; color: #fff; } 
.addmemo-btn { width: 100%; height: 3rem; color: #fff; display: flex; position: fixed; bottom: 0; } 
.addmemo-btn div { text-align: center; font-family: 'GmarketSans'; font-size: 1rem; padding-top: 0.6rem; } 
.addmemo-btn .btn-cancle { width: 25%; background: #9D9EB3; } 
.addmemo-btn .btn-save { width: 75%; background: #616AEF; } 
@media (max-width : 428px){
 .addmemo-type ul li:nth-child(odd) { padding: 0.6rem 8%; } 
 }

.addmemo-box textarea { width: 100%; height: 7rem; border-radius: 28px; border: 2px solid #D7D7D7; padding: 0.6rem 1.4rem; } 
.addmemo-box textarea::placeholder { color: #9d9d9d; } 



/* 홍보보기 */
.pr-bar { width: 100%; height: 2.8rem; background: #5962EF; color: #E4E5F9; text-align: center; font-size: 1rem; padding-top: 0.6rem; } 
.index-line-gr { width: 100%; height: 8px; background: #F8F8F8; border-top: 1px solid #F0F0F0; } 
.pr-box { padding: 1rem 1.3rem; } 
.pr-namecard-img { width: 100%; height: 12rem; background: #FFFFFF; max-width: 400px; } 
.pr-namecard-img img { width: inherit; height: inherit; border-radius: 12px; box-shadow: 0px -3px 6px rgb(0 0 0 / 10%), 0px 3px 6px rgb(0 0 0 / 10%); } 
.pr-namecard-downbtn { position: absolute; width: 55px; height: 55px; border-radius: 50%; background: #5962EF; top: 11rem; right: 1.5rem; text-align: center; } 
.pr-namecard-downbtn p { margin-bottom: 0; color: #fff; font-size: 0.4rem; } 
.pr-namecard-downbtn p:nth-child(1) { margin-top: 0.3rem; } 
.pr-namecard-downbtn p:nth-child(2) { margin-top: -0.2rem; } 
.pr-title { width: 100%; background: #F8F8F8; color: #5962EF; text-align: center; font-size: 1.5rem; padding: 0.9rem 1rem; word-break: break-all; line-height: 1.8rem; } 
.pr-cont { font-size: 0.9rem; line-height: 1.2rem; word-break: break-all; } 
.pr-addimg { width: 100%; border-bottom: 1px solid #fff; position: relative; } 
.pr-addimg img { width: inherit; } 
.pr-addimg i { position: absolute; top: 45%; left: 45%; } 



/* 홍보보기 대기화면 */
.pr-wait-bg { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #fff; } 
.pr-wait { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } 




/* 최근검색어 수정 */
.bg-white { background: #fff; } 
.search-word-style a { border: 0; padding: 0; } 


/* 업무>관심고객,사업 */
.shadow-add { box-shadow: 0 5px 8px rgb(0 0 0 / 10%); margin-bottom: 20px; } 
.favorite-box { margin: 2vw 2% !important; padding: 4vw 5vw 3vw 4vw; border-radius: 8px !important; border: 1px solid #eeeeee !important; box-shadow: 0 2px 15px 0 rgb(0 0 0 / 8%), 0 2px 6px 0 rgb(0 0 0 / 8%); font-size: 1.1rem; height: 6rem; display: flex; align-items: center; background: #fff; position: relative; } 
.favorite-box b { color: #5962EF; } 
.favorite-icon { width: 3rem; height: 3rem; background-color: #f8f8f8; text-align: center; border-radius: 50%; font-size: 0.9rem; } 
.favorite-icon img { margin-top: 0.6rem; } 
.favorite-go-btn { width: 3.5rem; height: 3.2rem; background: #5962EF; border-radius: 8px 0px 0px 8px; position: absolute; right: 0; top: 1.25rem; } 
.favorite-go-btn img { margin-top: 1.3rem; margin-left: 1.5rem; } 



/* 프로필>맞춤정보설정 제목추가 */
.title-index { background: #f8f8f8; height: 2rem; width: 100%; margin-bottom: 1rem; padding-top: 0.4rem; padding-left: 1.3rem; color: #131322; } 


/* 내 업무공유 - 내용상세보기-수정삭제 버튼 */
.work-modify { display: flex; justify-content: end; } 
.work-modify .btn-xs { padding-right: 0 !important; } 
.work-modify button svg { width: 16px; padding-right: 2px; padding-bottom: 3px; } 


/* 내 업무공유 - 글쓰기-이전공유대상 가져오기 */
.write-modify span { padding: 0.8rem 0; font-size: 0.9rem !important; color: #5962ef; } 
.write-modify span svg { width: 16px; padding-right: 3px; } 




/* 실시간업무공유> 업무 상세페이지 일부수정 */
.asso-info.icon-big p svg { width: 18px; height: 18px; stroke-width: 2px; } 


/* 회원가입약관 일부수정 */
.policy-btn-flex { display: flex; justify-content: space-between; align-items: center; } 
.policy-btn-flex .icon-check-2::before,
.policy-check::before { color: #5962ef; } 
.policy-btn { padding: 0rem 0.5rem; background: #dedede; border-radius: 0.3rem; padding-top: 0.1rem; } 



/* 스마트업무>회사통합인맥>공유한명함 외 */
.sharedNamecard-btn-flex { display: flex; justify-content: space-between; align-items: baseline; } 
#tab03Wrap .sharedNamecard-btn-flex { justify-content: start; } 


/* 기업홍보,스마트명함 서비스 + 상세페이지(추가)*/
.com-pr { background: #535557; height: 60vh; text-align: center; background-repeat: no-repeat; background-position: center; background-size: cover; } 
.com-pr-profile img { width: 7rem; height: 7rem; border-radius: 50%; margin-top: 4rem; } 
.com-pr-profile p { color: #fff; margin-top: 0.7rem; font-size: 1.2rem; letter-spacing: .4rem; } 
.com-pr-namecard { width: 75vw; height: 22vh; background: rgba(255 255 255 / 85%); border-radius: 12px; margin: auto; margin-top: 5vh; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); color: #10254F; padding: 1.5rem 0; text-align: center; display: grid; align-items: center; background-repeat: no-repeat; background-position: center; background-size: cover; } 
.com-pr-namecard p { margin-bottom: 0; color: #10254F; } 
.namecard-info1 { display: flex; justify-content: center; margin-bottom: 2.3rem; } 
.font-w700 { font-weight: 700; } 
.namecard-info1 .sm-text { font-size: .6rem; line-height: .6rem; text-align: left; } 
.namecard-info2 { font-size: 1.5rem; } 
.com-pr-btn { position: absolute; top: 64vh; text-align: center; z-index: 99; } 
.com-pr-icon { width: 6rem; height: 6rem; border-radius: 50%; background: #10254F; padding-top: 2rem; } 
.com-pr-btn p { margin-top: .5rem; font-size: 1rem; color: #000; } 
.com-pr-btn2 { width: 75vw; height: 4rem; background: #5962ef; border-radius: 12px; margin: auto; margin-top: 18vh; color: #fff; text-align: center; font-size: 1rem; padding-top: 1.2rem; } 
#intro p { line-height: 1.1rem; } 
.pr-select-list { margin: 0.5rem; padding: 0.2rem 0.5rem; border-radius: 0.3rem; } 


/* 가게홍보 상세페이지 */
.pd-1r { padding: 1rem; } 
.pd-13r { padding: 1.3rem; } 
.prshop-title-slide { width: 100%; height: 45vh; background: #ddd; } 
.prshop-title { font-size: 1.5rem; text-align: center; line-height: 1.9rem; } 
.prshop-cont { height: auto; border-radius: .5rem; background: #F8F9FA; margin: 0 1rem; color: #959494; line-height: 1.3rem; } 
.prshop-info p { margin-bottom: .2rem; font-size: .9rem; line-height: 1.2rem; } 
.prshop-info p:nth-child(1) { font-size: 1.1rem; color: #000; } 
.prshop-btn { display: flex; justify-content: center; } 
.prshop-btn div { width: 43vw; height: 4rem; background: #5962ef; color: #fff; border-radius: 12px; text-align: center; font-size: 1rem; padding-top: 1.2rem; } 
.prshop-btn div:nth-child(2) { background: #B7B9E4; } 


/***********************/

.com-pr-detail .nav-pills.tab-text-line .nav-link.active,
.nav-pills.tab-text-line .show>.tab-text-line .nav-link { border-bottom: #5962ef 3px solid; } 
.title-text { font-size: .9rem; color: #000; font-weight: bold; margin-bottom: 1rem; } 
.info-text { margin-bottom: .6rem; } 
.info-text p { margin-bottom: 0; line-height: 1.2rem; } 
.info-text p:nth-child(1) { color: #bbbbbb; } 
.tag-box-text1 { display: inline-block; background: #B7B9E4; padding: 0.1rem 0.4rem; border-radius: 4px; color: #fff !important; font-size: .7rem; padding-top: 0.15rem; margin-bottom: 0.5rem !important; } 
.tag-box-text2 span { background: #F5F8FF; border: 1px solid #5962EF; padding: 0.1rem 0.4rem; border-radius: 4px; color: #5962EF; font-size: .7rem; padding-top: 0.2rem; margin-right: 0.4rem; } 
.info-text p img { width: -webkit-fill-available; border-radius: 12px; margin-bottom: 1rem; max-height: 300px; } 
.sub-title-text { color: #595eb3 !important; } 
.info-text-overflow { overflow: hidden; height: 12rem; text-overflow: ellipsis; } 
.title-index-line { width: 100%; height: 9px; background-color: #F8F8F8; border-top: 1px solid #F0F0F0; } 
.title-text-bar { background: #5962ef; color: #fff; width: 100%; height: 2.5rem; padding-left: 1rem; padding-top: 0.5rem; text-align: center; font-size: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 



/* index-상단 새로운소식 추가 */
.main-news { margin-top: 1.2rem; font-size: 1.12rem; padding-left: 0.1rem; } 
.main-news p { margin-bottom: .6rem; } 
.main-news p:last-of-type { margin-bottom: 0; } 
.main-news p span { display: inline-block; } 
.main-news p span:nth-child(1) { width: 4rem; } 
.main-news p span:nth-child(2) { width: 3.5rem; text-align: right; } 
.main-news p span:nth-child(n+3) { width: 1.4rem; padding-left: .2rem; } 
.main-news p span:nth-child(even) { font-family: 'GmarketSans'; color: #616AEF; } 
.main-new-qr { position: absolute; top: 0; right: 0; background: #94C4EF; width: 47%; height: 13rem; border-radius: 8px 0px 0px 8px; } 
.new-qr-box { background: #fff; height: 75%; width: 75%; margin: 10% auto; border-radius: 5px 5px 0px 0px; text-align: center; } 
.new-qr-box p { color: #6D71F9; font-size: 1rem; font-family: 'GmarketSans'; margin-bottom: 0.5rem; padding-top: 0.5rem; } 
.new-qr-btn { position: absolute; bottom: 0; width: 100%; height: 3rem; background: #6D71F9; border-radius: 0px 0px 0px 8px; text-align: center; color: #fff; font-size: 1.2rem; padding: 1rem 0; } 




/* commonHeader 내프로필btn 글자크기 수정 */
.hd-btn { padding: 3px 5px !important; font-size: .68rem !important; line-height: 120%; } 


/* commonHeader 협단체 수정 */
#associationHeaderMain svg { color: #fff; } 
.asso-header-tit { color: #fff; text-align: left; font-size: 1rem; letter-spacing: -.005rem; margin: 0.5rem 3rem; } 


/* 협단체 main수정 */
.myasso-bgimg { font-size: 1.3rem; text-align: center; color: #fff; height: 35rem; padding-top: 13rem; background-size: cover !important; background-position: center center; background: rgba(0, 0, 0, 0.4); background-blend-mode: multiply; } 
.myasso-main-btn { font-size: .8rem; border: 1px solid rgba(255, 255, 255, 0.6); width: 9rem; border-radius: 2rem; padding: 0.4rem; margin: 0 auto; margin-top: 2rem; } 
.ham-menu { width: 100%; padding: 1rem 0; position: relative; } 
.ham-menu-tit { font-size: 1.2rem; letter-spacing: -.1rem; color: #5962EF; padding: 0 1rem 1rem; border-bottom: 1px solid #e7e7e7; } 
.ham-close { position: absolute; top: 1.2rem; right: 1rem; filter: invert(100%); } 
.ham-namecardbox { height: 13rem; background: #D9D9D9; padding: 1.2rem; } 
.ham-namecard { width: 100%; height: 100%; background: #fff; font-size: .75rem; border-radius: 1rem; padding: 1rem; box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.15), 0px 2px 6px rgba(0, 0, 0, 0.15); position: relative; } 
.ham-namecard p { margin-bottom: 0; line-height: 1.05rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.ham-namecard p:first-child { font-size: 1.2rem; color: #000; letter-spacing: .4rem; line-height: 1.5rem; } 
.ham-namecard p span.tit { color: #616161; font-family: gmarketsans; font-size: .7rem; } 
.ham-namecard img { position: absolute; top: 0.8rem; right: 0.8rem; width: 3rem; } 
#menu_wrap .ham-menu-list-d2 { transition: all 0.4s; } 
.ham-menu-list .ham-menu-list-d2 { font-size: .8rem; padding-left: 1rem; } 
.ham-menu-list { padding: 1rem; } 
.ham-menu-list-d2 { padding-left: 1rem; } 
.ham-menu-list button { text-align: left; } 
.ham-menu-list button i { float: right; } 


/* 협단체 sub */
.vote-wrap { display: flex; justify-content: center; } 
.vote-btn { width: 8rem; height: 2.5rem; border: 1px solid #dddddd; border-radius: 50px; padding: 0.5rem 0; text-align: center; margin: 0 0.5rem; } 
.vote-on { border: 0; background: #5962ef; color: #ffffff; box-shadow: 2px 1px 6px rgba(76, 54, 187, 0.5); } 


/* 협단체 title-toggle */
.asso-toggle::after { color: #fff; } 
.asso-logo-middle { vertical-align: middle !important; } 
.asso-logo-center { height: auto !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 



/* main renewal 202304~ */
.icon-pr { display: inline-block; width: 2rem; height: 2rem; background: #E4E5F9; text-align: center; padding: 0.3rem; border-radius: 50%; color: #5962EF; font-family: 'gmarketsans'; } 
.main2-cont-box { padding: 1.3rem; } 
.m2-top-box { width: 100%; height: 15rem; border-radius: 8px; background: #E5EEFD; padding: 1rem 2rem; } 
.main2-index-title { font-family: 'GmarketSans'; font-size: 1.2rem; } 
.flex-box-bw { display: flex; justify-content: space-between; } 
.flex-box-st { display: flex; justify-content: start; align-items: center; } 
.m2-qr { width: 7rem; height: 7rem; background: #fff; border-radius: 5px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); padding: 0.5rem; } 
.m2-qr img { width: 100%; height: auto; } 
.m2-btn { width: 50%; color: #fff; text-align: center; padding: 0.8rem 0; font-size: .9rem; } 
.m2-btn-st { height: 2.5rem; background: #5962ef; border-radius: 6px; font-family: 'Noto sans KR'; font-weight: 500; padding: 0.5rem 0; } 
.m2-btn-st img { margin-right: .5rem; vertical-align: middle; margin-bottom: 0.2rem; } 
.m2-inputtxt::placeholder { color: #C7C6C6; font-family: 'Noto sans KR'; font-weight: 500; font-size: .9rem !important; } 
.main2-service { width: 47%; height: 9rem; border-radius: 8px; border: 1px solid #E8E8E8; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05), 0px -2px 6px rgba(0, 0, 0, 0.05); background: #fff; text-align: center; padding: 1.8rem 0 1rem; } 
.m2-service-tit { font-family: 'Noto sans KR'; font-weight: 700; font-size: 1.04rem; margin-top: 0.7rem; } 



/* CRMmain 202304~ */
.crm-bg { background: -webkit-linear-gradient(top, #5962EF 55%, #f8f9fa 40%); } 
.crm-news { width: 100%; height: 8rem; border-radius: 8px; background: #fff; padding: 1rem 1rem 0; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15); } 
.label-new { color: #FF505A; font-size: .5rem; font-family: gmarketsans; } 
.label-new-round { width: 2.3rem; height: 1rem; border-radius: 20px; background: #FF505A; color: #fff; font-size: .3rem; text-align: center; line-height: 1.1rem; } 
.crm-info { padding: 1.5rem 0 0; } 
.crm-info-con { width: 25%; text-align: center; } 
.crm-info-con p { margin-bottom: .2rem; } 
.crm-info-con p:first-child { font-family: 'gmarketsans'; font-size: 1rem; color: #000; border-right: 1px dashed #eaeaea; } 
.crm-info-con span { margin-left: .2rem; color: #6A6A6A; } 
.crm-info-con span,
.crm-info-con p:last-child { font-family: 'Noto sans KR'; font-size: .9rem; } 
.crm-info-con p:last-child { color: #5962ef; } 
.crm-info .crm-info-con:last-child p { border-right: none; } 
.crm-btn1 { width: 47%; height: 4.8rem; border-radius: 8px; border: 1px solid #F1F1F1; background: #fff; text-align: left; padding: 1.3rem 0 0 1rem; } 
.crm-btn1 span { display: inline-block; font-family: 'Noto sans KR'; font-weight: 500; font-size: .87rem; line-height: 1.1rem; vertical-align: middle; color: #6A6A6A; } 
.crm-btn1 span:first-child { margin-right: .4rem; } 
.flex-wp { flex-wrap: wrap; } 
.mtop { margin-top: 0.8rem; } 
.crm-btn2 { width: 4.6rem; height: 4.6rem; border-radius: 8px; border: 1px solid #F1F1F1; background: #fff; padding: 1.3rem 0; text-align: center; } 
.crm-btn2-tit { text-align: center; font-family: 'Noto sans KR'; font-weight: 700; font-size: .87rem; color: #6A6A6A; margin-top: .2rem; } 


/* 퀵메뉴 202304 */
.icon-q8 img { left: 4.5rem; top: 6.5rem; width: 2rem !important; } 
.icon-q9 img { left: 3.75rem; top: 5.3rem; width: 2rem !important; } 


/* 협단체 메인 202304 */
.asso-card-bg-red { background: #e9dada; } 
.asso-card-bg-purple { background: #dadae9; } 
.asso-card-bg-blue { background: #dae7e9; } 
.asso-card-bg-green { background: #dde9da; } 
.asso-tit-img { width: 15%; border-radius: 50%; aspect-ratio: 1/1; } 


/* 협단체 추가 요청 202305 */
.asso-profile-w { text-align: right; padding-right: 0.5rem; font-size: .77rem; color: #7474aa; } 
.asso-profile-w:after { content: "\f044"; font-family: "Font Awesome 5 Free"; margin-left: 4px; } 
.profile-sub-t { width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; } 





#potalSearchMessage.main-comp-infobox { height: auto; } 

.page-content.findingnew #sbjectSearchPorNewWrap,
.page-content.findingnew #sbjectSearchNewWrap,
.page-content.findingnew #itemMatchingBottomCommpanyPotalWrap,
.page-content.findingnew #itemMatchingBottomCommpanyWrap { padding-bottom: 70px; overflow: scroll; } 
.main-pop-box.result { position: fixed; top: auto; bottom: 0; right: auto; left: 0; transform: none; width: 100%; height: calc(100vh - 40px);; background: #fff; margin: 0; border-radius: 10px 10px 0px 0px; } 
.main-pop-box.result .help-border { border: none; } 


/* 로그인 박스 */
#indexUi .main-w-service.loginbox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: center; z-index: 9; } 
#indexUi .main-w-service.loginbox p { font-size: 1.1rem; color: #888; padding-top: 10px; margin: 0; padding: 0; } 
#indexUi .main-w-service.loginbox button { font-size: 1.1rem; border: 0.5px solid #616AEF; color: #616AEF; border-radius: 8px; padding: 0 20px; line-height: 40px; margin-top: 10px; } 


/* 회원가입 약관 */
.privacyPolicy .icon-check i { top: -4px; height: 30px; line-height: 0px; } 
.privacyPolicy.signup .icon-check i { font-size: 8px; } 


/* 메인 입찰공고 팝업 */
.main-comp-infobox-more { cursor: pointer; } 
.infoPopupBox .popInfoWrap { margin-top: 20px; box-shadow: 0 -5px 15px rgb(0 0 0 / 7%); border-radius: 10px; } 
.infoPopupBox .popInfoWrap .popInfoCopy { width: 100%; margin: 0; padding: 0; overflow: scroll; height: calc(100vh - 110px); } 
.infoPopupBox .popInfoWrap .popInfoCopy .itemMatching_box+.itemMatching_box { margin-top: 20px; } 
.infoPopupBox .popInfoWrap .popInfoCopy .itemMatching_box h2 { font-size: 14px; font-style: normal; padding: 0.4em 0.4em 0 1.4em; width: 100%; text-align: left; background-color: #E4E5F9; color: #888; } 
.infoPopupBox .popInfoWrap .popInfoCopy .itemMatching_con { padding: 0; margin: 0; } 
.infoPopupBox .popInfoWrap .popInfoCopy .itemMatching_con li { display: flex; flex-wrap: nowrap; margin-top: 14px; } 
.infoPopupBox .popInfoWrap .popInfoCopy .itemMatching_con li p { text-align: left; margin: 0; padding-top: 0; } 
.infoPopupBox .popInfoWrap .popInfoCopy .itemMatching_con li .tit { color: #888; flex-basis: 150px; font-weight: 600; line-height: 1.2; } 
.infoPopupBox .popInfoWrap .popInfoCopy .itemMatching_con li .con { display: flex; align-items: center; color: #222; flex-grow: 1; width: calc(100% - 150px); font-weight: 600; line-height: 1.2; word-break: break-all; } 


/* 메인 담당자조회 팝업 */
.btn-violet { background-color: #9499F5 !important; color: #fff !important; border: 1px solid #9499F5 !important; } 
.btn-lightblue { background-color: #81B5D4 !important; color: #fff !important; border: 1px solid #81B5D4 !important; } 
.infoPopupBox #managerInfoWrap { height: calc(100vh - 100px); overflow: scroll; } 
.infoPopupBox #managerInfoWrap .managerInfoList { display: flex; height: auto; border-bottom: 1px solid #e9ecef; padding: 10px; align-items: center; justify-content: space-between; align-content: center; } 
.infoPopupBox #managerInfoWrap .managerInfoList:last-child { border-bottom: 0 !important; padding-bottom: 0 !important; margin-bottom: 1rem !important; } 
.infoPopupBox #managerInfoWrap .managerInfoList .infoWrap { display: inline-flex; width: calc(100% - 100px); align-items: center; justify-content: space-between; align-content: center; } 
.infoPopupBox #managerInfoWrap .managerInfoList .infoWrap img { background-color: #eee; border-radius: 40px; width: 80; height: 80; } 
.infoPopupBox #managerInfoWrap .managerInfoList .infoWrap .text { width: calc(100% - 80px); text-align: left; margin-left: 15px; } 
.infoPopupBox #managerInfoWrap .managerInfoList .infoWrap .text .part { display: flex; align-items: center; } 
.infoPopupBox #managerInfoWrap .managerInfoList .infoWrap .text .part p { padding: 0; margin: 0; } 
.infoPopupBox #managerInfoWrap .managerInfoList .btnWrap { flex-direction: column; padding-right: 1 } 

.infoPopupBox #managerInfoWrap .managerInfoList .btnWrap .btn { border-radius: 19px; padding: 3px 10px !important; white-space: nowrap; } 
#managerInfoPopup .main-pop-cont span { background: none; } 


/* 700만기업, 품목매칭 조회 팝업 */
.companySearchPopup .companySearchWrap { max-height: calc(100vh - 100px); overflow: scroll; padding-right: 10px; padding-left: 10px; } 
.companySearchPopup .companySearchWrap .main-comp-infobox { height: auto; } 
.companySearchPopup .companySearchWrap .companySearchCopy { display: flex; justify-content: space-between; margin-bottom: 10px; } 
.companySearchPopup .companySearchWrap .companySearchCopy .con { display: flex; } 
.companySearchPopup .companySearchWrap .companySearchCopy .tit { margin: 0; padding: 0; text-align: left; display: flex; align-items: center; } 
.companySearchPopup .companySearchWrap .companySearchCopy .tit span { font-weight: bold; font-size: 16px; margin-bottom: 10px; } 
.companySearchPopup .companySearchWrap .companySearchCopy span { display: inline-block; width: auto; background: none; color: #000; margin: 0; padding: 0; border-radius: 0px; height: auto; } 
.companySearchPopup .companySearchWrap .companySearchCopy .company { max-width: calc(100% - 120px); text-align: left; overflow: hidden; text-overflow: ellipsis; } 
.companySearchPopup .companySearchWrap .companySearchCopy .main-comp-prbtn { width: 75px; font-size: 14px; text-align: center; border-radius: 3px; line-height: 27px; height: 27px; margin-left: 10px; color: #616AEF; font-weight: bold; } 
.companySearchPopup .companySearchWrap .companySearchCopy .text { width: calc(100% - 100px); text-align: left; flex-grow: 1; } 
.companySearchPopup .companySearchWrap .companySearchCopy .text .addrWrap { display: flex; align-items: end; justify-content: space-between; } 
.companySearchPopup .companySearchWrap .companySearchCopy .text p { padding: 0; margin: 0; margin-top: 0.2rem; } 
.companySearchPopup .companySearchWrap .companySearchCopy .text p .addrMap { position: relative; top: auto; right: auto; width: 30px; margin-right: 10px; } 
.companySearchPopup .companySearchWrap .companySearchCopy .text p .addr { text-overflow: ellipsis; overflow: hidden; display: inline-block; width: calc(100% - 50px); } 
.companySearchPopup .companySearchWrap .companySearchCopy .bookmarkWrap { _width: 90px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; } 
.companySearchPopup .companySearchWrap .companySearchCopy .bookmarkWrap img { position: relative; top: auto; right: auto; width: 28px; height: auto; margin-bottom: 15px; } 
.companySearchPopup .companySearchWrap .companySearchCopy .bookmarkWrap .main-comp-infobox-more { position: relative; bottom: auto; right: auto; height: 35px; line-height: 34px; white-space: nowrap; font-size: 16px; padding: 0.2rem 0.5rem; } 
#companySearchTab01 .main-comp-search-line,
#companySearchTab01 .main-comp-search-line .search-cont { display: flex; justify-content: space-between; flex-wrap: nowrap; align-items: center; } 
#companySearchTab01 .main-comp-search-line .search-title { width: 75px; } 
#companySearchTab01 .main-comp-search-line .search-cont { flex-grow: 1; } 
#companySearchTab01 .main-comp-search-line .search-cont input { width: 50%; } 
#companySearchTab01 .main-comp-search-line .search-cont .text { width: 50%; } 
#companySearchTab01 .main-comp-search-line>span { width: 33%; } 
#companySearchTab01 .main-comp-search-line span { _white-space: nowrap; } 
#companySearchTab01 .main-comp-search-line b { _display: flex; _justify-content: space-between; _flex-wrap: nowrap; } 
#companySearchTab01 .btn-group,
.btn-group-vertical { width: 100%; } 
#companySearchTab01 .main-comp-search-line .btn-group-sm>.btn { padding-right: 17px; text-align: right; } 
#companySearchTab01 .dropdown-toggle::after { right: 0; } 
#companySearchTab01 .dropdown-account-industry { margin-bottom: 7px; width: 100%; } 
#companySearchTab01 .dropdown-account-industry .dropdown-item { line-height: 1.2; white-space: normal; } 
#companySearchTab01 .main-comp-search-line .btn-group-sm>.btn { width: 100%; overflow: hidden; text-overflow: ellipsis; text-align: right; } 
#newAccountGuGunListWrap,
#newAccountNewCompanyGuGunListWrap { max-height: 300px; overflow: scroll; transform: translate(0px, 28px); min-width: 100px; text-align: right; } 
#newAccountGuGunListWrap li,
#newAccountNewCompanyGuGunListWrap li { width: 100%; } 
#newAccountSeBuIndustryListWrap,
#newAccountNewCompanySeBuIndustryListWrap { max-height: 300px; overflow: scroll; } 
#companySearchTab03 .main-comp-search-line,
#companySearchTab03 .main-comp-search-line .search-cont { display: flex; justify-content: space-between; flex-wrap: nowrap; align-items: center; } 
#companySearchTab03 .main-comp-search-line .search-title { width: 75px; } 
#companySearchTab03 .main-comp-search-line .search-cont { flex-grow: 1; } 
#companySearchTab03 .main-comp-search-line .search-cont input { width: 50%; } 
#companySearchTab03 .main-comp-search-line .search-cont .text { width: 50%; } 
#companySearchTab03 .main-comp-search-line>span { width: 33%; } 
#companySearchTab03 .main-comp-search-line span { _white-space: nowrap; } 
#companySearchTab03 .main-comp-search-line b { _display: flex; _justify-content: space-between; _flex-wrap: nowrap; } 
#companySearchTab03 .btn-group,
.btn-group-vertical { width: 100%; } 
#companySearchTab03 .main-comp-search-line .btn-group-sm>.btn { padding-right: 17px; text-align: right; } 
#companySearchTab03 .dropdown-toggle::after { right: 0; } 
#companySearchTab03 .dropdown-account-industry { margin-bottom: 7px; width: 100%; } 
#companySearchTab03 .dropdown-account-industry .dropdown-item { line-height: 1.2; white-space: normal; } 
#companySearchTab03 .main-comp-search-line .btn-group-sm>.btn { width: 100%; overflow: hidden; text-overflow: ellipsis; text-align: right; } 
#kt114CompanySiDoListWrap { text-align: right; } 
#kt114CompanyGuGunListWrap { text-align: right; min-width: 7rem; } 


/* 메인 품목매칭 */
#indexUi .itemMatchCont .tab-content { position: relative; } 
#indexUi .itemMatchCont .tab-content #itemTab01,
#indexUi .itemMatchCont .tab-content #itemTab02 { min-height: 140px; } 
#itemTab01 #itemMatchConWrap .titWrap,
#tab01 .titWrap { display: flex; align-items: center; flex-wrap: nowrap; margin-bottom: 0.5rem; } 
#itemTab01 #itemMatchConWrap .tit,
#tab01 .tit { display: flex; flex-grow: 1; width: calc(100% - 50px); } 
#itemTab01 #itemMatchConWrap .tit .main-comp-infobox-title,
#tab01 .tit .main-comp-infobox-title { width: auto; max-width: calc(100% - 110px); margin-right: 10px; } 
#itemTab01 #itemMatchConWrap .con,
#tab01 .con { display: flex; align-items: end; } 
#itemTab01 #itemMatchConWrap .con .text,
#tab01 .con .text { flex-grow: 1; width: calc(100% - 100px); } 
#itemTab01 #itemMatchConWrap .addrWrap,
#tab01 .addrWrap { display: flex; align-items: end; justify-content: space-between; } 
#itemTab01 #itemMatchConWrap .addrWrap .addr,
#tab01 .addrWrap .addr { width: calc(100% - 50px); } 
#itemTab01 .addrMap,
#tab01 .addrMap { width: 30px; margin-right: 10px; } 
#itemTab01 .main-comp-infobox,
#tab01 .main-comp-infobox { height: auto; } 
#itemTab01 .main-comp-infobox img,
#tab01 .main-comp-infobox img { position: static; } 
#itemTab01 .main-comp-infobox-more,
#tab01 .main-comp-infobox-more { position: static; bottom: auto; right: auto; white-space: nowrap; } 
#itemTab01 .main-comp-infobox .bookmark img { width: 23px; } 



/* 찜기업리스트 */
#wishlistCompanySearchWrap .main-comp-infobox { height: auto; } 
#wishlistCompanySearchWrap .top { margin-bottom: 10px; display: flex; justify-content: space-between; } 
#wishlistCompanySearchWrap .top .tit { display: flex; width: calc(100% - 30px); } 
#wishlistCompanySearchWrap .top .tit .company { display: inline-block; max-width: calc(100% - 80px); text-align: left; overflow: hidden; text-overflow: ellipsis; margin-right: 10px; white-space: nowrap; } 
#wishlistCompanySearchWrap .main-comp-infobox .bookmark,
#wishlistCompanySearchWrap .main-comp-infobox .bookmark img { position: relative; top: auto; right: auto; } 
#wishlistCompanySearchWrap .con { display: flex; } 
#wishlistCompanySearchWrap .con .text { width: calc(100% - 100px); text-align: left; flex-grow: 1; } 
#wishlistCompanySearchWrap .con .text .addrWrap { display: flex; align-items: end; justify-content: space-between; } 
#wishlistCompanySearchWrap .con .text .addr { text-overflow: ellipsis; overflow: hidden; display: inline-block; width: calc(100% - 50px); } 
#wishlistCompanySearchWrap .con .text .addrMap { position: relative; top: auto; right: auto; width: 30px; margin-right: 10px; } 
#wishlistCompanySearchWrap .con .btnwrap { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; } 
#wishlistCompanySearchWrap .con .main-comp-infobox-more { position: relative; bottom: auto; right: auto; height: 35px; line-height: 34px; white-space: nowrap; font-size: 16px; padding: 0.2rem 0.5rem; } 
#wishlistCompanySearchWrap .top .tit .company { font-weight: bold; font-size: 18px; } 



/* 메인 품목매칭개편 */
#itemTab01 .titWrap .company { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; width: calc(100% - 40px); flex-grow: 1; } 
#itemTab01 .main-comp-infobox .bookmark { position: static; top: auto; right: auto; } 
#itemTab01 .btnWrap { display: flex; align-items: center; flex-wrap: nowrap; } 
#itemTab01 .btnWrap>div { flex-grow: 1; text-align: center; display: inline-block; } 
#itemTab01 .btnWrap div.first { margin-right: 10px; } 
#itemTab01 .btnWrap .main-comp-prbtn { display: inline-block; width: 100%; } 
#itemTab01 .categorys { display: flex; align-items: center; flex-wrap: nowrap; overflow: hidden; margin-bottom: 0.5rem; } 
#itemTab01 .categorys span { white-space: nowrap; margin-bottom: 0.2rem; line-height: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; font-size: 0.8rem; color: #727272; } 
#itemTab01 .categorys span:nth-child(1) { min-width: 40px; } 
#itemTab01 .categorys span:nth-child(2) { min-width: 10px; margin: 0 0.4rem; } 

#sbjectSearchPorNewWrap,
#sbjectSearchNewWrap { height: 80vh; overflow: scroll; } 
#itemTab01 .con .btnManager,
#itemTab01 .con .btnDetail { line-height: 1.7rem; } 
#locationUi { width: 65px; } 
#itemMatchingZeroResultUi2 { height: auto; } 
#itemTab02 .btn { color: #000; } 
#itemTab02 .main-search { display: flex; align-items: center; justify-content: space-around; padding: 0 20px 0 10px; } 
#itemTab02 .main-search .search-cont { width: auto; margin-right: 10px; } 
#itemTab02 .main-search #itemMatchingTxt { margin-left: 15px; width: calc(100% - 130px); } 
#itemTab02 #itemMatchingNewLocation.dropdown-toggle::after { right: 3px; } 


/* 메인 품목매칭 관심품목 */
#itemMatchBtnWrap .nav-pills.tab-floating-round { position: static; bottom: auto; margin: 0; width: 100%; background: none; box-shadow: none; border-radius: 40px; padding: 0; z-index: 1; } 
#itemMatchBtnWrap .finding-search-tab { border: none; margin: 0; margin-top: 0 !important; } 
#itemMatchBtnWrap ul li:first-child { margin-right: 0.3rem; } 
#itemMatchBtnWrap .nav-pills.tab-floating-round.finding-search-tab .nav-link { display: inline-block; height: 1.8rem; padding: 0.1rem 0.3rem; border: 1px solid #7474A6; border-radius: 5px; color: #7474A6; font-size: 1rem; margin-right: 0.3rem; margin-top: 0.3rem; } 
#itemMatchBtnWrap .nav-pills.tab-floating-round.finding-search-tab .nav-link.active { background-color: #7474A6; color: #fff !important; font-weight: 400; } 
#itemMatchingBottomCommpanyNone,
#itemMatchConWrap #potalSearchMessage,
#itemMatchingBottomCommpanyPotalNone { background: #fff; border-radius: 8px; border: 0.5px solid #E4E5F9; padding: 0.85rem 0.85rem; font-size: 1.1rem; } 
#itemTab01.main #itemMatchingBottomCommpanyWrap,
#itemTab01.main #itemMatchingBottomCommpanyPotalWrap { max-height: 472px; overflow: scroll; } 
#itemTab01.interestItemMatching #itemMatchingBottomCommpanyWrap,
#itemTab01.interestItemMatching #itemMatchingBottomCommpanyPotalWrap { max-height: auto !important; overflow: scroll; } 



/* index */
#indexUi .newCompanyCont .nav { flex-wrap: nowrap; } 
#indexUi .newCompanyCont .nav .nav-item { word-break: keep-all; padding: 0 5px; } 
#indexUi .newCompanyCont .nav .nav-item button { line-height: 1.3; } 


/* 메인 나라장터 */
#bidInfoListWrap .main-comp-infobox,
#bidAnnouncementListWrap .main-comp-infobox,
#itemMatchingListWrap .main-comp-infobox { height: auto; } 
#bidInfoListWrap .main-comp-infobox-title,
#bidAnnouncementListWrap .main-comp-infobox-title,
#goodsInfoListWrap .main-comp-infobox-title,
#serviceInfoListWrap .main-comp-infobox-title,
#foreignInfoListWrap .main-comp-infobox-title,
#etcInfoListWrap .main-comp-infobox-title,
#goodsMatchingListWrap .main-comp-infobox-title,
#serviceMatchingListWrap .main-comp-infobox-title,
#foreignMatchingListWrap .main-comp-infobox-title,
#etcMatchingListWrap .main-comp-infobox-title,
#goodsAnnouncementListWrap .main-comp-infobox-title,
#serviceAnnouncementListWrap .main-comp-infobox-title,
#foreignAnnouncementListWrap .main-comp-infobox-title,
#etcAnnouncementListWrap .main-comp-infobox-title,
#wishlistBusinessSearchWrap .main-comp-infobox-title,
#wishlistGoodsWrap .main-comp-infobox-title,
#wishlistServiceWrap .main-comp-infobox-title,
#wishlistForeignWrap .main-comp-infobox-title,
#wishlistEtcWrap .main-comp-infobox-title,
#itemMatchingListWrap .main-comp-infobox-title { white-space: normal; overflow: auto; text-overflow: inherit; } 
.bidNtceOrd { margin-left: -3px; } 
.bidNtceNm { display: inline-block; max-width: calc(100% - 50px); } 
.naraMatching .bid_con_tit { display: inline-block; width: 60px; text-align: justify; } 
.naraMatching .bid_con_tit:after { content: ''; display: inline-block; width: 100%; } 
.naraMatching #itemSearchUi { align-items: center; } 
.naraMatching #itemMatchingNewTxt { width: calc(100% - 130px); margin-left: 10px; margin-right: 10px; } 
.naraMatching #bidInfoListWrap,
#goodsInfoListWrap,
#serviceInfoListWrap,
#etcInfoListWrap,
#foreignInfoListWrap,
.naraMatching #itemMatchingListWrap,
#goodsMatchingListWrap,
#serviceMatchingListWrap,
#foreignMatchingListWrap,
#etcMatchingListWrap { overflow-y: scroll; } 
.naraMatching #itemMatchingNewLocation.btn { color: #212529; } 
.naraMatching #totalCountWrap { text-align: right; } 
.naraMatching #totalCount { margin-right: 2px; } 
#naraMatchingCont.on { padding: 0 1.3rem; } 



/* 신설기업(2년이내) */
#companySearchTab02 .main-comp-search-line,
#companySearchTab01 .main-comp-search-line .search-cont { display: flex; justify-content: space-between; flex-wrap: nowrap; align-items: center; } 
#companySearchTab02 .main-comp-search-line .search-title { width: 75px; } 
#companySearchTab02 .main-comp-search-line .search-cont { flex-grow: 1; } 
#companySearchTab02 .main-comp-search-line .search-cont input { width: 50%; } 
#companySearchTab02 .main-comp-search-line .search-cont .text { width: 50%; } 
#companySearchTab02 .main-comp-search-line>span { width: 33%; } 
s #companySearchTab02 .main-comp-search-line span { _white-space: nowrap; } 
#companySearchTab02 .main-comp-search-line b { _display: flex; _justify-content: space-between; _flex-wrap: nowrap; } 
#companySearchTab02 .btn-group,
.btn-group-vertical { width: 100%; } 
#companySearchTab02 .main-comp-search-line .btn-group-sm>.btn { padding-right: 17px; text-align: right; } 
#companySearchTab02 .dropdown-toggle::after { right: 0; } 
#companySearchTab02 .dropdown-account-industry { margin-bottom: 7px; } 
#companySearchTab02 .dropdown-account-industry .dropdown-item { line-height: 1.2; white-space: normal; } 
#companySearchTab02 .main-comp-search-line .btn-group-sm>.btn { width: 100%; overflow: hidden; text-overflow: ellipsis; text-align: right; } 


/* 서브페이지 신거래처발굴 조건검색 */
.tab-content.finding-subtap .main-comp-search-line,
#companySearchTab01 .main-comp-search-line .search-cont { display: flex; justify-content: space-between; flex-wrap: nowrap; align-items: center; } 
.tab-content.finding-subtap .main-comp-search-line .search-title { width: 75px; } 
.tab-content.finding-subtap .main-comp-search-line .search-cont { flex-grow: 1; } 
.tab-content.finding-subtap .main-comp-search-line .search-cont input { width: 50%; } 
.tab-content.finding-subtap .main-comp-search-line .search-cont .text { width: 50%; } 
.tab-content.finding-subtap .main-comp-search-line>span { width: 33%; } 
.tab-content.finding-subtap .main-comp-search-line span { _white-space: nowrap; } 
.tab-content.finding-subtap .main-comp-search-line b { _display: flex; _justify-content: space-between; _flex-wrap: nowrap; } 
.tab-content.finding-subtap .btn-group,
.btn-group-vertical { width: 100%; } 
.tab-content.finding-subtap .main-search .btn-group,
.btn-group-vertical { width: auto; } 
.tab-content.finding-subtap .main-comp-search-line .btn-group-sm>.btn { padding-right: 17px; text-align: right; } 
.tab-content.finding-subtap .dropdown-toggle::after { right: 0; } 
.tab-content.finding-subtap .dropdown-account-industry { _display: block !important; margin-bottom: 7px; width: 100%; } 
.tab-content.finding-subtap .dropdown-account-industry .dropdown-item { line-height: 1.2; white-space: normal; } 
.tab-content.finding-subtap .main-comp-search-line .btn-group-sm>.btn { width: 100%; overflow: hidden; text-overflow: ellipsis; text-align: right; } 
#tab-profile04 #newAccountIndustryListWrap,
#tab-profile04 #newAccountSeBuIndustryListWrap,
#newAccountNewCompanyIndustryListWrap,
#newAccountNewCompanySeBuIndustryListWrap,
#kt114CompanyIndustryListWrap,
#kt114CompanySeBuIndustryListWrap,
#kt114CompanyGuGunListWrap { max-height: 300px; overflow: scroll; } 
#newAccountNewCompanyIndustryListWrap li { display: block !important; } 


/* 서브페이지 품목매칭 > 품목 검색 */
#itemMatchingNewLocation { width: 70px; padding-right: 15px; } 
#tab-profile01 .btnWrap { display: flex; align-items: center; flex-wrap: nowrap; } 
#tab-profile01 .btnWrap>div { flex-grow: 1; text-align: center; display: inline-block; } 
#tab-profile01 .btnWrap div.first { margin-right: 10px; } 
#tab-profile01 .btnWrap .main-comp-prbtn { display: inline-block; width: 100%; } 


/* 품목매칭 조회 팝업 */
.main-pop-box .nav .nav-link { font-size: 1.1rem; } 
.main-pop-box .nav .nav-link.active { color: #616AEF; border-bottom: #616AEF 3px solid; font-weight: 600; } 
.sbjectSearchBtn { color: #000; font-weight: 600; border-bottom: #fff 3px solid; } 
.sbjectSearchBtn.active { color: #616AEF; border-bottom: #616AEF 3px solid; } 
#sbjectSearchPopup .btnwrap { display: flex; } 
#sbjectSearchPopup .btnwrap button { flex-grow: 1; padding: 20px 0 8px 0; } 
#sbjectSearchPopup #sbjectSearchNone { padding: 20px 0; } 


/* 기업 상세보기 팝업(KT114만) 기업정보영역 */
#companyDetailDataWrap { overflow-y: scroll; height: calc(100vh - 70px); } 


/* 기업상세보기 조회 팝업(KT114이외 모두다) 기업정보 영역 */
#itemMatchCompanyInfoPopup .company-info-line.top-title { display: flex; justify-content: space-between; margin-bottom: 10px; } 
#itemMatchCompanyInfoPopup .company-info-line.top-title .tit { font-size: 1rem; font-weight: bold; color: #222; } 
#itemMatchCompanyInfoPopup .company-info-line span { vertical-align: middle; } 
#itemMatchCompanyInfoPopup .company-info-line.top-title .update-date { color: #dc3545; font-size: 0.8rem; } 
#itemMatchCompanyInfoPopup .company-info-line.top-title .update-date .company-info-title { width: auto; } 
#itemMatchCompanyInfoPopup .company-info-line.top-title .update-date .company-info-con { width: auto; } 
#itemMatchCompanyInfoPopup #companyInfoTab1 { overflow-y: scroll; height: calc(100vh - 190px); } 
#itemMatchCompanyInfoPopup #companyInfoTab2 { overflow-y: scroll; height: calc(100vh - 190px); } 
#itemMatchCompanyInfoPopup #companyInfoDetail { line-height: 3rem; padding: 0; } 


/* 나이스상세보기 버튼 */
#itemMatchCompanyDetailDataWrap .company-info-title { width: 100%; } 
#itemMatchCompanyDetailDataWrap .company-info-con { width: 100%; } 
#itemMatchCompanyDetailDataWrap .company-info-con.tel { display: flex; justify-content: space-between; } 
#itemMatchCompanyDetailDataWrap .company-info-con.tel span { font-family: 'GmarketSans'; } 

#itemMatchCompanyDetailDataWrap .company-info-btn-wrap,
#companyDetailDataWrap .company-info-btn-wrap { display: flex; align-items: center; } 
#itemMatchCompanyDetailDataWrap .company-info-btn-wrap .company-info-btn,
#companyDetailDataWrap .company-info-btn-wrap .company-info-btn { cursor: pointer; } 
#itemMatchCompanyDetailDataWrap .company-info-btn-wrap .company-info-btn:nth-child(2),
#companyDetailDataWrap .company-info-btn-wrap .company-info-btn:nth-child(2) { margin: 0 10px; } 


/* 기업상세보기 조회 팝업(KT114이외 모두다) 상품 영역 */
.companyProductList { margin: 0; padding: 0; padding: 0.5rem 0; margin-top: 0.85rem; } 
.companyProductList li { border-bottom: 0.5px solid #E4E5F9; padding: 0.55rem 1rem; font-size: 1rem; list-style: none; } 
.companyProductList li:last-child { border-bottom: none; margin-bottom: 5px; } 
.companyProductList li .tit { margin-bottom: 5px; color: #363641 !important; } 
.companyProductList li .con { color: #727272; } 

.companyProductList li .con span:first-child { margin-right: 10px; } 
#itemMatchCompanyInfoPopup .tab-content .noresult { width: 100%; background: #fff; border-radius: 8px; border: 0.5px solid #E4E5F9; padding: 0.85rem 0.85rem; font-size: 1.1rem; text-align: center } 

#itemMatchCompanyInfoPopup .tab-content #companyProductListWrap .noresult { width: calc(100% - 2.6rem); margin: 0 auto; background: #fff; border-radius: 8px; border: 0.5px solid #E4E5F9; padding: 0.85rem 0.85rem; font-size: 1.1rem; text-align: center; width: 90%; margin: 0 auto; } 
#similarCompany { padding: 0 1rem; } 
#similarCompany .tit { display: flex; justify-content: space-between; } 
#similarCompany .tit .more { color: #616AEF; font-size: 1rem; cursor: pointer; } 
#similarCompany .tit p { font-size: 1rem; font-weight: bold; color: #222; margin-bottom: 10px; } 
#similarCompany .similarCompanySwiper { width: 100%; margin-bottom: 40px; } 
#similarCompany .similarCompanySwiper .swiper-slide { background: #fff; border: 1px solid #D4D5EE; padding: 1rem; border-radius: 8px; margin: 0 auto; max-width: 70vw; } 
#similarCompany .similarCompanySwiper .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px)); } 
#similarCompany .similarCompanySwiper .swiper-pagination-bullet-active { background: #5962EF } 

#similarCompany .similarCompanyList .tit p { font-size: 1rem; font-weight: bold; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
#similarCompany .similarCompanyList .con { margin: 0; padding: 0; } 
#similarCompany .similarCompanyList .con li { list-style: none; display: flex; flex-wrap: nowrap; font-size: 0.875rem; lin-height: 1.5; color: #727272; } 
#similarCompany .similarCompanyList .con li span { display: inline-block; } 
#similarCompany .similarCompanyList .con li .title { width: 52px; } 
#similarCompany .similarCompanyList .con li .cont { width: calc(100% - 50px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
#similarCompany .similarCompanyList .con li .cont.categorys { display: flex; align-items: center; flex-wrap: nowrap; overflow: hidden; } 
#similarCompany .similarCompanyList .con li .cont.categorys span { white-space: nowrap; margin-bottom: 0.2rem; line-height: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; font-size: 0.8rem; color: #727272; } 
#similarCompany .similarCompanyList .con li .cont.categorys span:nth-child(1) { min-width: 40px; } 
#similarCompany .similarCompanyList .con li .cont.categorys span:nth-child(2) { min-width: 10px; margin: 0 0.4rem; } 


/* 회원가입 */
#signupForm input { font-size: 1rem !important; padding-left: 30px; padding-right: 30px; } 
#signupForm input::placeholder { font-size: 1.1rem !important; color: #888; } 
#signupForm .input-style { padding-top: 25px; margin-top: 1 } 

#signupForm .input-style label { font-size: 0.9rem !important; background: none; transform: none; color: #00B878 !important; top: 0 !important; margin: 0; padding: 0 !important; left: 15px !important; } 
#signupForm .input-style.has-icon i:first-child { top: 40px; } 
#signupForm .chkWrap { display: flex; justify-content: space-between; align-items: center; _margin-top: 10px; } 
#signupForm .chkWrap .btn,
.forgot .chkWrap .btn { white-space: nowrap; } 
#signupForm a { margin-left: auto; } 
#signupForm #certificationDisplay,
.forgot #certificationDisplay,
#certificationDisplay1 { margin-top: 10px; margin-bottom: 10px; font-size: 1rem; min-width: 80px; } 
#signupForm #phoneMsg,
#signupForm #certificationMsg,
.forgot #phoneMsg,
.forgot #certificationMsg { font-size: 14px; text-align: left; } 
#signupForm .boxList { margin-bottom: 10px; } 
#signupForm i.fa { font-size: 1.2rem !important; margin-top: 2px; } 
#signupForm .input-style.has-icon svg:first-child { margin-top: 2px; } 
.login-layout #signupForm .input-style { margin-bottom: 10px !important; } 
#signupForm.sns .input-style.has-icon i:first-child { top: 32px; } 
#signupForm.sns .input-style { padding-top: 25px; } 
#signupForm.sns i.fa { font-size: 1.2rem !important; top: 40px; } 


/* 아이디 비밀번호 찾기 */
.forgot input { font-size: 1rem !important; padding-left: 30px; padding-right: 30px; } 
.forgot .chkWrap { display: flex; justify-content: space-between; align-items: center; _margin-top: 10px; } 
.forgot .boxList { margin-bottom: 10px; padding-top: 25px; } 
.login-layout.forgot .input-style.input-style-active label { top: -25px !important; } 
.forgot input::placeholder { font-size: 1.1rem !important; color: #888; } 
.login-layout.forgot .input-style.has-icon svg:first-child { margin-top: -12px; } 
.forgot i.fa { font-size: 1.2rem !important; margin-top: -10px; } 
.login-layout.forgot .input-style { margin-bottom: 10px !important; } 


/* 단체 명함 교환 */
.createExchangeRoom .group-create .title input#description { font-size: 1rem !important; } 
.createExchangeRoom .group-create .title input#description::placeholder { font-size: 1.1rem !important; } 
.createExchangeRoom .icon-check-2:before { color: #5962ef !important; } 


/* 내명함첩 */
.namecard-list .card.reheight { height: 40vw; min-height: 100px; max-height: 210px; } 


/* 명함상세 */
.companyDetailBtnWrap { position: fixed; right: 20px; bottom: 70px; display: flex; flex-direction: row; align-items: center; } 
.companyDetailBtnWrap .btn-bottom-round { position: static; bottom: auto; right: auto; } 
.companyDetailBtnWrap #btnScrollTop2.scrolling-top { position: static; bottom: auto; right: auto; margin-left: 10px; } 
.namecard_detail #companyInfoUi .companyTableTitle,
.namecard_detail #companyInfoUi .companyTableContent,
.customerList .list-setting a { margin-left: 0; } 
.customerList .tab-content { position: relative; } 
.customerList .toggle-wish { position: absolute; top: 10px; right: 20px; } 
.customerList .shadow-list .card:last-child { margin-bottom: 30px !important; } 
.company-summary #tab01 .companyTableTitle { font-weight: initial; font-size: 1rem; } 
.company-summary #tab01 .companyTableContent { font-weight: bold; font-size: 1.125rem; } 
.company-summary .worklist-layout .card-style .card-body { padding: 3vw 5vw 3vw 5vw; min-height: auto; } 
.company-summary .worklist-layout .card-body .board-content p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 0; } 
.company-summary .spaceNowrap,
.shared-namecard .spaceNowrap { white-space: nowrap; } 
.company-summary .share_count,
.shared-namecard .share_count { position: relative; line-height: 1.2; margin-left: auto; } 
.company-summary .share_count .fas { margin-right: 5px; } 
.company-summary .share_count::after,
.shared-namecard .share_count::after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #5962ef; } 
.company-summary .reg_date .fas { margin-right: 2px; } 
.company-summary .reg_date .fas,
.shared-namecard .reg_date .fas { color: #9d9db3; } 
.company-summary .creator_name_wrap .creator_name,
.shared-namecard .creator_name_wrap .creator_name { height: 25px; line-height: 25px; } 
.company-summary #namecardListWrap .namecard-btn-flex { display: flex; justify-content: start; align-items: baseline; } 
.company-summary #tabContent .companyTableTitle { font-weight: initial; font-size: 1rem; } 
.findingnew #itemSearchUi,
.findingnew #itemSearchUiWrap { position: relative; } 
.findingnew #itemSearchUiWrap .searchKeywordTit { border-bottom: 2px solid #5962EF; padding: 20px 20px 16px; } 
.findingnew #itemSearchUiWrap .searchKeywordTit p { color: #5962EF; font-size: 1rem; line-height: 1; margin: 0; } 
.findingnew #searchKeywordUi #searchKeywordWrap { padding-top: 10px; } 
.findingnew #searchKeywordUi.nav-scroller { position: absolute; top: 3.6rem; left: -1rem; width: calc(100% + 2rem); background: #fff; padding-bottom: 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; box-shadow: 0px 2px 6px rgb(0 0 0 / 8%); } 
.findingnew #searchKeywordUi.nav-scroller .nav { flex-direction: column; padding: 0; background: transparent; } 
.findingnew #searchKeywordUi .search-word p { border: none; margin: 0; padding: 8px 20px; border-radius: 0; } 
.findingnew #searchKeywordUi .fa-history { color: #999; } 
.findingnew #searchKeywordUi .word { padding: 5px 10px; } 
.findingnew #searchKeywordUi .search-word .word-del { right: 20px; color: #999; } 
.findingnew .finding-cont-box .main-search .searchBtn { top: 10px } 

.searchListNone { padding: 1rem 0; font-size: 1rem; text-align: center; } 


#btnProfileNamecardImg1.namecard-write,
#btnProfileNamecardImg2.namecard-write,
#btnProfileNamecardImg3.namecard-write { height: 35px; font-size: 15px; line-height: 35px; padding:0 10px; width:34vw; font-weight:500; max-width:250px; } 
#namecardHeaderDetail.header .header-icon.guide { line-height: 42px; } 
#bidAnnouncementBtnWrap { padding: 1rem 0; } 
.main-cont-box #bidAnnouncementBtnWrap .tab-text-line { border-bottom: none; } 
.main-cont-box #bidAnnouncementBtnWrap .nav .nav-link.active { background-color: #7474A6; color: #fff !important; font-weight: 400; } 
#bidAnnouncementBtnWrap .nav-pills.tab-text-line .nav-link { display: inline-block; height: 1.8rem; padding: 0.1rem 0.3rem; border: 1px solid #7474A6; border-radius: 5px; color: #7474A6; font-size: 1rem; margin-right: 0.3rem; margin-top: 0.3rem; } 
#bidAnnouncementBtnWrap ul li { margin-right: 0.3rem; } 
.shared-namecard #tab03Wrap .share_count { margin-left: auto; } 


/* 거래처처이력관리 > 기업정보 > 명함정보탭 툴팁 */
.tooltip_nav { position: relative; display: block; } 
.tooltip_nav .tooltiptext { visibility: hidden; _visibility: visible; width: 215px; background-color: #444; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0 3px; position: absolute; z-index: 1; } 
.tooltip_nav:hover .tooltiptext { _visibility: visible; } 
.tooltip_nav .tooltiptext::after { content: " "; position: absolute; border-style: solid; border-width: 5px; } 
.tooltip_nav .tooltip-bottom { width: 215px; top: 112%; left: 50%; margin-left: -103px; } 
.tooltip_nav .tooltip-bottom::after { bottom: 100%; left: 50%; margin-left: -5px; border-color: transparent transparent #444 transparent; } 



/* 거래처등록 */
#registDirectCustomerView .required { color: red; margin-left: 5px; } 
.company-add #companyConWrap .top-info { padding: 5vw 5vw 0vw 6vw; display: inline-block; width: 100%; } 
.company-add #companyConWrap .bottom-info { padding: 0vw 6vw 3vw 6vw; } 
.company-add #companyConWrap .list-left { width: calc(100% - 30vw); float: left; text-align: left; } 
.company-add #companyConWrap .list-left p { font-size: 1.2em; margin-top: 5px; } 
.company-add #companyConWrap .list-right { width: 30vw; float: left; text-align: right; } 


/* 700만 기업정보 검색 */
#searchBoxWrap { display: flex; align-items: center; flex-direction: row; margin-top: 1rem; } 
#searchBoxWrap .selectBox { border: 1px solid rgba(196, 196, 196); border-radius: 8px; width: 140px; height: 3rem; margin-right: 10px; position: relative; } 
#searchBoxWrap .selectBox button { color: #333; height: 3rem; width: 100%; text-align: left; } 
#searchBoxWrap .dropdown-toggle::after { right: 12px; } 
#searchBoxWrap .selectBox .dropdown-menu { min-width: 100px; width: 100%; } 
.page-content.associationlist [class^="icon-"]:before { font-size: 26px; margin-bottom: -10px; } 


/* 이용약관 */
.privacyPolicy #provisionContent,
.privacyPolicy #privacyContent,
.privacyPolicy #ageContent { max-height: 90px; overflow-y: scroll; } 


/* 거래처자동이력관리 */
.custoumerTabListNone { padding: 2rem 0; font-size: 1rem; text-align: center; } 
.newTac { padding: 2px 6px 2px 4px; border-radius: 3px; margin-left: 5px; font-size: 10px; vertical-align: super; } 
.newTac.nara { vertical-align: top; } 
.newAddTac { padding: 6px 6px 4px; border-radius: 3px; font-size: 14px; font-weight: 400; line-height: 1; vertical-align: super; } 
.shareTac { vertical-align: middle; } 


/* 거래처자동이력관리 > 회사정보 */
#customerSummaryDetailDataWrap .customerSummaryDetailDataCopy.finding-cont-box { padding: 0 4vw; } 
#customerSummaryDetailDataWrap .customerSummaryDetailDataCopy .company-info-line { display: flex; justify-content: start; height: auto; padding: 15px 0; } 
#customerSummaryDetailDataWrap .customerSummaryDetailDataCopy .company-info-line .addrMap { margin: 0; margin-left: 20px; min-width: 28px; } 
#customerSummaryDetailDataWrap .customerSummaryDetailDataCopy .company-info-line span { display: inline-block; line-height: 24px; } 
#customerSummaryDetailDataWrap .customerSummaryDetailDataCopy .company-info-title { width: 15%; min-width: 100px; text-align: right; } 
#customerSummaryDetailDataWrap .customerSummaryDetailDataCopy .company-info-con { padding-left: 20px; font-size: 1.125rem; font-weight: bold; } 


/* 유사기업 */
#similarCompanySearcWrap .main-comp-infobox { height: auto; } 
#similarCompanySearcWrap .main-comp-infobox img.infobox-mappin { position: relative; top: auto !important; right: auto !important; width: 32px; } 
#similarCompanySearcWrap .similarCompanySearcCopy h4 { display: flex; justify-content: space-between; } 
#similarCompanySearcWrap .similarCompanySearcCopy [data-attr="COMPANY"] { width: 100% } 

#similarCompanySearcWrap .similarCompanySearcCopy .con { margin-bottom: 0.8rem } 

#similarCompanySearcWrap .main-comp-infobox-more { position: static; bottom: auto; right: auto; white-space: nowrap; } 
#similarCompanySearcWrap .addrWrap { display: flex; justify-content: space-between; align-items: flex-end; } 
#similarCompanySearcWrap .addrWrap p { margin-bottom: 0; } 
#similarCompanySearcWrap .addrWrap [data-attr="ADDRESS"] { width: calc(100% - 50px); } 
#similarCompanySearcWrap .btnWrap { display: flex; } 
#similarCompanySearcWrap .btnWrap span { flex-grow: 1; text-align: center; cursor: pointer; } 
#similarCompanySearcWrap .btnWrap span:first-child { margin-right: 5px; } 


/* 업무공유 영업단계 */
#salesStageSetting { z-index: 1003; height: auto; padding-bottom: 50px; } 
#salesStageSetting .QR-exchange .btn-qr { position: relative } 

#salesStageSetting .sale-tit { text-align: left; width: 20%; font-weight: bold; } 
#salesStageSetting .sale-tit.first { flat: left; width: 90%; text-align: left; padding-left: 5%; } 
#salesStageSetting input { border-color: rgba(0, 0, 0, 0.3) !important; } 

.namecard-list .namecard-info strong.phoneBook { white-space: normal; text-overflow: inherit; } 





/************ 나비서 ADM ************/
.color-naviseo { color: #5962ef; } 
.check-naviseo { background: #5962ef !important; color: #fff !important; } 
.color-gray { color: #B6B6B6; } 
.color-gray2 { color: #8a8a8a !important; } 
.h-1 { height: 1rem; } 
.h-15 { height: 1.5rem; } 
.h-2 { height: 2rem; } 
.h-3 { height: 3rem; } 
.h-4 { height: 4rem; } 
.ft-12 { font-size: 1.2rem !important; } 
.ft-08 { font-size: .8rem !important; } 
.ft-06 { font-size: .6rem !important; } 
.ft-05 { font-size: .5rem !important; } 
.no-border { border: none !important; border-radius: 0 !important; } 
.text-box { border: 1px solid #D2D2D2; border-radius: 5px; padding: 6px 15px; } 
.font-gmarket-b { font-family: 'GmarketSans' !important; } 
.ft-nostyle { font-style: normal; } 


/* header */
.header-qr { position: absolute; right: 0; bottom: -1.8rem; width: 6.5rem; color: #fff; background: #5962ef; padding: .4rem; border-radius: 5px 0px 0px 5px; font-size: .7rem; line-height: .9rem; display: inline-flex; } 
.header-qr div:first-child { width: 1.7rem; height: 1.7rem; background: #fff; border-radius: 2px; } 
.header-qr div:first-child img { width: 1.3rem; margin: 0.2rem; } 
.header-qr div:nth-child(2) { margin-left: .5rem; } 
.header-qr strong { font-family: 'GmarketSans'; } 
.qr-top { position: initial; width: 5.5rem; color: #000; background: #ddd; border-radius: 5px; padding: 0.25rem; margin-right: 0.3rem; } 


/* main */
.m-todo { height: auto; padding: 0; box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.05); position: relative; margin-bottom: 1rem } 

.m-todo-top { border-radius: 8px 8px 0px 0px; border-bottom: 1px solid #f8f9fa; padding: .5rem 1rem; color: #5962ef; font-size: 1rem; align-items: center; } 
.m-todo-top span:first-child { font-size: .92rem; font-family: 'GmarketSans'; letter-spacing: -.03rem; } 
.m-todo-top span:nth-child(n+2) { border: 1px solid #5962ef; border-radius: 5px; padding: 0.1rem 0.3rem; font-size: .8rem; line-height: 1.2rem; } 
.m-todo-top span:nth-child(2) { margin-right: .5rem; } 
.m-todo-bott { padding: 1rem 1rem 1.4rem 1rem; } 
.m-todo-bott p { margin-bottom: 0; font-family: 'Noto sans KR'; color: #6A6A6A; line-height: 1.1rem; } 
.m-todo-bott p:first-child { font-size: 1.1rem; font-weight: 600; color: #000; margin-bottom: .8rem; } 
.todo-more { font-size: .8rem; color: #6A6A6A; font-family: 'Noto sans KR'; } 
.todo-list { height: 3.1rem; padding: 10px; color: #6A6A6A; border-bottom: 1px dashed #f8f9fa; align-items: center; } 
.todo-list span { display: inline-block; padding-top: 5px; } 
.Process-label { padding: .05rem .2rem; background: #fff; color: #808389 !important; border: 1px solid #A0A7B2; border-radius: 4px; font-size: 10px; line-height: initial; margin-top: 2px; } 
.label-bl { color: #1978CF !important; border-color: #1978CF !important; background: #deefff !important; } 
.label-gr { color: #188336 !important; border-color: #188336 !important; background: #e6faeb !important; } 
.label-bk { color: #000 !important; border-color: #000 !important; background: #e9e9e9 !important; } 
.label-rd { color: #C64A2F !important; border-color: #C64A2F !important; background: #f9e1e3 !important; } 
.label-ye { color: #D28120 !important; border-color: #D28120 !important; background: #FFF1E0 !important; } 
.label-o6 { opacity: .6 !important; } 
.label-pjt { color: #fff !important; border-color: #7F84D6 !important; background: #7F84D6 !important; } 
.Pr-finish { color: #fff !important; background: #A0A7B2; } 
.todo-icon { width: 1.3rem; height: 1.3rem; border-radius:
1rem; font-family: 'Noto sans KR'; font-size: .3rem; text-align: center; color: #fff; margin-right: .5rem; display: inline-block; font-style: normal; line-height: 1.3rem; font-weight: bold; } 
.icon-blue { background:
#66ADEB; color: #000 !important; } 
.icon-green { background:
#52ACA0; } 
.icon-yellow { background:
#5867BC; } 
.icon-blue2 { background:
#66ADEB; } 
.icon-private { background:
#CC7559; } 
.icon-yellow2 { background:
#F7D358; } 
.m-todo-bott .todo-list:last-child { border: none; } 
.todo-write { position: absolute; bottom: -1.6rem; left: 50%; transform: translateX(-50%); z-index: 9; } 
.todo-date { font-style: normal; font-family: 'GmarketSans'; } 


/* 작성하기 */
.btn-choice { background: #5962ef; color: #fff !important; } 
.project-input { border: 1px solid #D2D2D2; border-radius: 5px; width: 100%; height: 2.3rem; padding: 0 0.8rem; font-size: 0.8rem !important; } 
.project-input::placeholder { color: #C7C6C6; } 
.todo-input { border: 1px solid #D2D2D2; border-radius: 5px; width: 100%; height: 2.3rem; padding: 0 0.8rem; font-size: 1rem !important; } 
.todo-input::placeholder { color: #C7C6C6; } 
.todo-textarea::placeholder { opacity: .5; } 
.text-view { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.text-all { word-break: break-all; } 
.btn-cancle2 { background: #9D9DB3 !important; } 
.todo-text-icon { font-size: .8rem; text-align: right; height: 2rem; } 
.sm-data { font-size: .8rem; color: #B6B6B6; } 
.text-bg { background: #F8F8F8; border-radius: 5px; padding: .7rem; color: #666; font-size: .9rem; margin-bottom: 1rem; align-items: center; } 
.todo-list2 { border-bottom: 1px solid #F8F8F8; margin-bottom: 1rem; padding-top: 0.8rem; } 
.todo-list2 span { display: inline-block; } 
.todo-list2 span.con { color: #222; } 
.todo-list2 span.tit { margin-right: 6px; } 
.todo-write2 .todo-list2:last-child { border-bottom: none; } 
.work-view .desc .todo-dropdown .btn-group .btn { border: 1px solid #D2D2D2; border-radius: 5px !important; padding: 6px 15px !important; width: 88vw; text-align: left; box-shadow: none !important; } 
.todo-dropdown .dropdown-toggle::after { right: 9px; } 
.pjt-tit-bg { background: #DFE7F3 !important; } 
.pjt-bg { background: #F1F5FB; border-bottom: 1px solid #fff; } 
.todo-view-btn { border: 1px solid #5962ef; border-radius: 5px; padding: 0 0.3rem; font-weight: 600; font-size: .7rem; color: #5962ef; height: 1.5rem; background: #fff; } 
.todo-btn { font-size: .8rem !important; padding: 0.4rem !important; } 
.todo-name { display: inline-block; padding: .2rem .5rem; border-radius: 5px; background: #F8F8F8; font-size: .8rem; margin-right: .5rem; margin-top: .5rem; } 



/************ 나비서 홍보게시판(앱신규 메뉴) ************/

.pr-list-top { border-bottom: 1px solid #F8F8F8; padding: .7rem 1rem; } 
.pr-list-top img { width: 1.5rem; height: 1.5rem; border-radius: 50%; margin-right: .4rem; } 
.pr-list-mid img { width: -webkit-fill-available; } 
.pr-list-bott { border-top: 1px solid #F8F8F8; color: #666666; padding: .7rem 1rem; } 
.pr-list-bott span i,
.pr-list-bott span:last-child { color: #999999; } 
.pr-list-box { border-radius: 8px; padding: 18px 20px; background: #ffffff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10), 0px -2px 4px 0px rgba(0, 0, 0, 0.10); margin-bottom: .8rem; width: 100%; } 
.pr-list-box p { margin-bottom: .5rem; line-height: 1.2rem; } 
.pr-list-box p:first-child { font-size: 1rem; color: #000; } 
.pr-list-box img { width: 100% !important; } 
.icon-setting { position: absolute; top: 1rem; right: 1rem; font-size: 1.5rem; color: #ffffff; } 
.profile-img { width: 6rem; height: 6rem; border-radius: 8px; background: #F8F8F8; margin: 0 auto; margin-bottom: 1rem; } 
.profile-img img { width: -webkit-fill-available; border-radius: inherit; } 
.namecard-samp2 { display: flex; justify-content: space-between; flex-wrap: wrap; } 
.namecard-samp2 img { width: 5rem; height: 3rem; background: #f8f9fa; border-radius: 0.25rem; border: 1px solid #DFDFDF; margin: 0.5rem; } 
.namecard-samp2 p { margin-bottom: .3rem; } 
.namecard-samp2 input { margin-left: .8rem; } 
.info-box { margin: 1rem; padding: 0.8rem; background: #F8F8F8; text-align: center; line-height: 1.1rem; border-radius: 8px; color: #9c9c9c; } 



/************ ADM 진행현황 ************/
#personalProgressStatus.board-detail-con .desc { padding: 10px 1em; } 
#progressStatusDetail.board-detail-con>div>em,
em.board-label { font-size: .875rem; } 
#progressStatusDetail.main-pop-box.result { _background: none; } 
#personalProgressStatus #tabWrap1 .moveCalendar { margin-left: auto; margin-right: 10px; } 
#personalProgressStatus #tabWrap1 .btn-tab { margin-right: 5px; min-width: 55px; cursor: pointer; border-radius: 20px; padding: 0; height: 40px; line-height: 40px; } 
#progressStatusDetail #detailTodoWrap { padding-bottom: 30px; } 
#progressStatusDetail { overflow-y: scroll; } 
#progressStatusDetailCon { background: #fff; } 
#progressStatusDetail .text-view,
#progressStatusDetail .text-all { font-size: 1rem; } 
#progressStatusDetail .pop-title { position: sticky; top: 0; z-index: 5; font-size: 1.2em; padding-left: 20px; text-align: center; } 
#progressStatusDetail.cal { border-radius: 20px 20px 0 0 !important; overflow: hidden; } 
#progressStatusDetail.cal .pop-title { background-color: #333; padding-left: 20px; } 
#progressStatusDetail.cal #progressStatusDetailCon { overflow-y: auto; } 
.progressStatusJsonList { width: 100%; height: auto; margin-top: 0.8rem; border-bottom: 1px solid #F8F8F8; } 
#progressStatusDetail .detail-fileinput { display: flex; justify-content: space-between; padding: 10px 0.8em; color: #444444; font-size: 0.9em; line-height: normal; background-color: #fdfdfd; cursor: pointer; border: 1px solid #dddddd; border-bottom-color: #cccccc; border-radius: 0.25em; width: 100%; box-shadow: 0 2px 1px rgb(0, 0, 0, 0.05); } 
#progressStatusDetail .ORIGINAL_FILENAME { width: calc(100% - 30px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
#personalProgressStatus #taam_dept_name { padding: 0 1em; border-radius: 5px; height: 35px; line-height: 35px; color: #5962EF; background-color: rgba(89, 98, 239, 0.2); } 
#personalProgressStatus .todo_result_content_wrap { border-radius: 5px; padding: 10px 10px 5px; position: relative; background: rgba(89, 98, 239, 0.07); } 
#personalProgressStatus .todo_result_content_wrap.on .todo_result_content { max-height: none; -webkit-line-clamp: inherit; } 
#personalProgressStatus .todo_result_content_wrap .more_wrap { text-align: right; } 
#personalProgressStatus .todo_result_content_wrap .more { display: inline-block; background: #acacac; color: #fff; font-size: 11px; border-radius: 14px; width: 50px; text-align: center; height: 22px; line-height: 23px; font-weight: 200; } 
#personalProgressStatus .todo_result_content_wrap .dot { display: inline-block; width: 30px; font-size: 20px; text-align: right; } 
#personalProgressStatus .todo_result_content_wrap .more::after { content: "더보기"; } 
#personalProgressStatus .todo_result_content_wrap.on .more::after { content: "접기"; } 
#personalProgressStatus .todo_result_content { font-size: 15px; letter-spacing: -.2px; } 
#personalProgressStatus .todo_date_wrap { background: #f8f8f8; color: #131322; padding: 0.8rem; font-size: .875rem; padding-right: 40px; } 
#personalProgressStatus .todo_date_wrap .showBtn { border: 1px solid #5262ef; color: #5262ef; background: #fff; border-radius: 100px; padding: 2px 6px 0; } 
.progressStatusListCopy { position: relative; } 
.progressStatusListCopy .showBtn::after { display: inline-block; padding-left: 15px; vertical-align: 0.255em; content: "\f0dd"; border: none; font-family: "font Awesome 5 Free"; font-weight: 600; font-size: 25px; color: #5962ef; position: absolute; top: 7px; right: 14px; } 
.progressStatusListCopy.show .showBtn::after { content: "\f0de"; top: 20px; } 
#todo_attendee_search,
#todo_shared_search { font-size: 18px; color: #222; padding-left: 15px; } 
#todo_state { height: 1.5rem; line-height: 24px; flex: 0 0 auto; text-align: center; font-size: .8rem !important; width: 25%; } 
.align-center { align-items: center; } 
#shareTabWrap { border: 1px solid #D2D2D2; border-radius: 5px; padding: 6px 15px; text-align: left; } 
#tabWrap2Btn { width: 50%; } 
.bg-naviseo { background-color: #5962EF; color: #fff; } 
.btn-naviseo { background-color: #5962EF; color: #fff; border: 1px solid #5962EF; } 
.btn-outline-naviseo { color: #5962EF; background-color: #fff; border: 1px solid #5962EF; height: 30px; line-height: 30px; border-radius: 5px; text-align: center; padding: 0 5px; } 
#bestImgWrap.bestImgWrap { display: inline-flex; flex-wrap: wrap; } 
#bestImgWrap.bestImgWrap .imgDownBtn { cursor: pointer; } 
#bestImgWrap.bestImgWrap .imgUrl { width: 130px; height: 130px; } 
#bestImgWrap.bestImgWrap .bestImgList { padding: 7px; } 


#personalCompPeriod.board-detail-con .desc { padding: 10px 1em; } 
#compPeriodDetail.board-detail-con>div>em,
em.board-label { font-size: .875rem; } 
#compPeriodDetail.main-pop-box.result { _background: none; } 
#personalCompPeriod #tabWrap1 .moveCalendar { margin-left: auto; margin-right: 10px; } 
#personalCompPeriod #tabWrap1 .btn-tab { margin-right: 5px; min-width: 55px; cursor: pointer; border-radius: 20px; padding: 0; height: 40px; line-height: 40px; } 
#compPeriodDetail #detailTodoWrap { padding-bottom: 30px; } 
#compPeriodDetail { overflow-y: scroll; } 
#compPeriodDetailCon { background: #fff; } 
#compPeriodDetail .text-view,
#compPeriodDetail .text-all { font-size: 1rem; } 
#compPeriodDetail .pop-title { position: sticky; top: 0; z-index: 5; font-size: 1.2em; padding-left: 20px; text-align: center; } 
#compPeriodDetail.cal { border-radius: 20px 20px 0 0 !important; overflow: hidden; } 
#compPeriodDetail.cal .pop-title { background-color: #333; padding-left: 20px; } 
#compPeriodDetail.cal #compPeriodDetailCon { overflow-y: auto; } 
.compPeriodJsonList { width: 100%; height: auto; margin-top: 0.8rem; border-bottom: 1px solid #F8F8F8; } 
#compPeriodDetail .detail-fileinput { display: flex; justify-content: space-between; padding: 10px 0.8em; color: #444444; font-size: 0.9em; line-height: normal; background-color: #fdfdfd; cursor: pointer; border: 1px solid #dddddd; border-bottom-color: #cccccc; border-radius: 0.25em; width: 100%; box-shadow: 0 2px 1px rgb(0, 0, 0, 0.05); } 
#compPeriodDetail .ORIGINAL_FILENAME { width: calc(100% - 30px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
#personalCompPeriod #taam_dept_name { padding: 0 1em; border-radius: 5px; height: 35px; line-height: 35px; color: #5962EF; background-color: rgba(89, 98, 239, 0.2); } 
#personalCompPeriod .todo_result_content_wrap { border-radius: 5px; padding: 10px 10px 5px; position: relative; background: rgba(89, 98, 239, 0.07); } 
#personalCompPeriod .todo_result_content_wrap.on .todo_result_content { max-height: none; -webkit-line-clamp: inherit; } 
#personalCompPeriod .todo_result_content_wrap .more_wrap { text-align: right; } 
#personalCompPeriod .todo_result_content_wrap .more { display: inline-block; background: #acacac; color: #fff; font-size: 11px; border-radius: 14px; width: 50px; text-align: center; height: 22px; line-height: 23px; font-weight: 200; } 
#personalCompPeriod .todo_result_content_wrap .dot { display: inline-block; width: 30px; font-size: 20px; text-align: right; } 
#personalCompPeriod .todo_result_content_wrap .more::after { content: "더보기"; } 
#personalCompPeriod .todo_result_content_wrap.on .more::after { content: "접기"; } 
#personalCompPeriod .todo_result_content { max-height: 83px; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 15px; letter-spacing: -.2px; } 
#personalCompPeriod .todo_date_wrap { background: #f8f8f8; color: #131322; padding: 0 0.4em 0 1.4em; font-size: .875rem; padding-right: 40px; } 
.compPeriodListCopy { position: relative; } 
.compPeriodListCopy .showBtn::after { display: inline-block; padding-left: 15px; vertical-align: 0.255em; content: "\f0dd"; border: none; font-family: "font Awesome 5 Free"; font-weight: 600; font-size: 25px; color: #555555; position: absolute; top: -7px; right: 14px; } 
.compPeriodListCopy.show .showBtn::after { content: "\f0de"; top: 3px; } 


/************ ADM 진행현황 ************/

/************ ADM 달력 ************/
#calendarListView .pop-title { font-size: 1rem; } 
#admCalendarWrap #calendar { position: relative; background-color: #fff; box-sizing: border-box; position: relative; white-space: nowrap; } 
#admCalendarWrap .work-view .desc .btn-group .btn { padding: 8px 15px !important; } 
#admCalendarWrap #currentDay { font-size: 1.25rem; } 
#admCalendarWrap #calendarMonthTitle { font-size: 1.4em; display: flex; justify-content: center; align-items: center; padding: 10px; } 
#admCalendarWrap .calMore { font-size: 10px; margin: 0; padding: 0; padding-left: 5px; } 
#admCalendarWrap .work-view .desc { padding: 0 1.4em; } 
#admCalendarWrap .date-wrap { width: 14.2857%; left: 0%; border-left: none; padding: 0 10px; border-left: 1px solid #e5e5e5; text-align: left; cursor: pointer; } 
#admCalendarWrap .date-str-header { width: 100%; } 
#admCalendarWrap .date-str { padding-left: 4px; padding-right: 4px; font-size: 0.8rem; } 
#admCalendarWrap .date-str-red { padding-left: 4px; padding-right: 4px; color: red; font-size: 0.8rem; } 
#admCalendarWrap .date-str-blue { padding-left: 4px; padding-right: 4px; color: cornflowerblue; font-size: 0.8rem; } 
#admCalendarWrap .date-str-today { display: inline-block; text-align: center; background-color: #135de6; border-radius: 50%; font-weight: 700; margin-left: 2px; color: rgb(255, 255, 255); } 
#admCalendarWrap .date-str-pre-next { opacity: 0.3; } 
#admCalendarWrap .event--1,
.event-0,
.event-1,
.event-2 { position: relative; overflow: hidden; font-size: 10px; line-height: 14px; margin-top: 2px; padding-left: 5px; border-radius: 2px; } 
#admCalendarWrap .event-0::after,
.event-1::after,
.event-2::after { content: ""; display: block; position: absolute; left: 3px; top: 1px; width: 3px; height: 10px; border-radius: 3px; } 
#yearMonthWrap { display: flex; align-items: center; } 
#dateScroller_day_wrap { width: 100%; display: flex; justify-content: space-between; } 
#dateScroller_day_wrap .calendar-day { width: 100%; } 
#yearMonthWrap .fa-angle-right,
#yearMonthWrap .fa-angle-left { background: #fff; border: 2px solid #5962ef; width: 27px; height: 27px; border-radius: 50%; color: #5962ef; text-align: center; line-height: 23px; font-size: 16px; } 
#yearMonthTxt { white-space: nowrap; font-weight: 700; } 

#admCalendarWrap .event--1 { color: rgb(255, 255, 255); background-color: #CC7559; } 


/* 임시 */
#admCalendarWrap .event-0 { color: rgb(255, 255, 255); background-color: #52ACA0; } 


/* 분장 */
#admCalendarWrap .event-1 { color: rgb(255, 255, 255); background-color: #F7D358; } 


/* pjt */
#admCalendarWrap .event-2 { color: rgb(255, 255, 255); background-color: #66ADEB; } 


/* 개인 */
#admCalendarWrap .toastui-calendar-month { height: 31px; position: relative; } 
#admCalendarWrap .toastui-calendar-day-name-item.toastui-calendar-month { height: 31px; line-height: 31px; } 
#admCalendarWrap .toastui-calendar-month-week-item { position: relative; min-height: 100px; display: flex; border-top: 1px solid rgb(229, 229, 229); height: 16.6667%; } 
#admCalendarWrap .toastui-calendar-weekday-grid { height: 100%; min-height: inherit; position: absolute; width: 100%; } 
#admCalendarWrap .toastui-calendar-day-name-item { font-size: 12px; font-weight: 400; padding: 0 10px; position: absolute; text-align: left; } 
#admCalendarWrap .toastui-calendar-layout * { box-sizing: border-box; } 
#admCalendarWrap .toastui-calendar-daygrid-cell { height: 100%; min-height: inherit; padding: 3px 0; overflow: hidden; } 
#admCalendarWrap .lunar-date { float: right; padding-left: 4px; padding-right: 4px; font-size: 0.5rem; position: absolute; } 


/************ ADM 달력 ************/
#eventListView { background: #F8F8F8; padding: 0.8rem; border-radius: 8px; } 
#eventListView .list { border-bottom: 1px dashed #eeeded; } 
#eventListView .list .todo-icon { min-width: 40px; font-size: 12px; height: 24px; line-height: 24px; } 
#eventListView .text-view .name { display: inline-block; padding: 7px 0; max-width: 90%; text-overflow: ellipsis; overflow: hidden; } 
#eventListView .text-view .step { height: 23px; } 





/*************************** renewal 231004~ ***************************/
/* 변수 설정 */
:root { --color-white: #fff; --color-gray: #fbeff2; --color-light-gray: #D9D9D9; --color-bg: #FCFCFC; --color-accent: #5962EF; --color-accent-shadow: #8F95E5; --color-accent-bg: #E4E5F9; --color-black: #000; --color-red: #E95D60; --color-orange: #FD865F; --color-orange-shadow: #F39BA0; --radius: 6px; --radius-big: 12px; --padding-mid: 20px; --padding-nor: 16px; --mar10: 10px; --mar20: 20px; --font-size-big: 20px; --font-size-lar: 18px; --font-size-mid: 16px; --font-size-nor: 14px; --font-size-sm: 12px; --font-weight-bold: 700; --font-weight-mid: 500; --font-weight-light: 300; --font-kr: 'Noto Sans KR', sans-serif; } 
.kr { font-family: var(--font-kr) !important; } 




/* login_intro 추가 */

.login-all-wrap { width: 100%; display: flex; flex-direction: column; justify-content: center; } 
.login-intro-wrap { width: 100%; position: relative; } 
.login-swiper .swiper-wrapper { width: 100%; height: auto; } 
.login-swiper .swiper-slide { width: 100%; display: block; } 
.login-swiper .swiper-slide img { display: block; margin: 0 auto; } 
.login-swiper .login-swiper-pagination { position: relative; margin-top: 40px; bottom: unset !important; text-align: center; } 
.login-swiper .login-swiper-pagination:before { width: 100px; height: 2px; background: #C1BCD6; content: ''; display: block; position: absolute; left: 50%; transform: translateX(-50%); bottom: 14px; z-index: -1; } 
.login-swiper .login-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--color-accent); } 
.login-swiper .login-swiper-pagination .swiper-pagination-bullet { opacity: 1; background: #C1BCD6; margin: 0 8px !important; width: 10px; height: 10px; } 
.login-intro-wrap .visu-prev { position: absolute; top: 50%; left: 20px; z-index: 9999; } 
.login-intro-wrap .visu-next { position: absolute; top: 50%; right: 20px; z-index: 9999; } 
.login-intro-wrap .swiper-button-disabled { display: none !important; } 
.login-area { text-align: center; font-size: 20px; padding-bottom: 20px; margin-top: 40px; } 
.login-area .login-btn-wrap { display: flex; justify-content: center; align-items: center; flex: 1 1 50%; padding: 20px; } 
.login-area .login-btn-wrap .login-btn { color: var(--color-accent); font-size: var(--font-size-lar); padding: 15px 10px 10px; font-weight: 400; border: 1px solid var(--color-accent); width: 45%; margin: 5px; } 
.login-area .login-btn-wrap .login-btn.join-btn { background: var(--color-accent); color: #fff; } 
.login-find { font-size: 14px; display: flex; justify-content: center; font-weight: 800; width:100%;} 
.login-find .find-text { color: #9c9c9c; font-weight: 800; margin-bottom: 0; } 
.login-find .find-link { padding: 0 0 0 15px !important; text-decoration: underline !important; font-weight: 800; } 
.agree-box-wr { font-size: var(--font-size-lar); padding-top: 20px; } 
.agree-box { border: 2px solid #CBCCD5; padding: 14px 28px; text-align: left; border-radius: 6px; display: flex; align-items: center; } 
.chk-type01 { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; overflow: hidden; } 
.lab-type01 { color: #131322; font-weight: 700; display: flex; align-items: center; } 
.lab-type01 span { padding-left: 10px; display: inline-block; } 
.chk-type01+.lab-type01:before { content: ""; display: inline-block; width: 22px; height: 22px; background: url('/resources/naviseo/images/member/check_box.svg'); vertical-align: middle; } 
.chk-type01:checked+.lab-type01:before { background: url('/resources/naviseo/images/member/chk_active.svg') no-repeat center; } 
.check-list { display: flex; justify-content: flex-start; margin-bottom: 0; } 
.check-list ul { width: 100%; margin: 0; padding: 0; } 
.check-list ul li { font-size: 15px; margin: 15px 0; font-weight: 700; display: flex; width: 100%; justify-content: space-between; } 
.chk-type02 { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; overflow: hidden; } 
.lab-type02 { color: #131322; font-weight: 700; display: flex; align-items: center; } 
.lab-type02 span { padding-left: 10px; display: inline-block; font-size: 14px; } 
.chk-type02+.lab-type02:before { content: ""; display: inline-block; width: 22px; height: 22px; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='13' fill='none'%3E%3Cpath fill='%23CBCCD5' d='M5.013 12.688h-.095a1.23 1.23 0 0 1-.84-.437L.283 7.696a1.22 1.22 0 1 1 1.874-1.56l2.999 3.596L15.983.299a1.217 1.217 0 1 1 1.599 1.837L5.815 12.384a1.217 1.217 0 0 1-.802.3v.004Z'/%3E%3C/svg%3E"); } 
.chk-type02:checked+.lab-type02:before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='13' fill='none'%3E%3Cpath fill='%235962EF' d='M5.013 12.688h-.095a1.23 1.23 0 0 1-.84-.437L.283 7.696a1.22 1.22 0 1 1 1.874-1.56l2.999 3.596L15.983.299a1.217 1.217 0 1 1 1.599 1.837L5.815 12.384a1.217 1.217 0 0 1-.802.3v.004Z'/%3E%3C/svg%3E") no-repeat center; } 
.agree-more { display: block; width: 16px; height: 16px; background: url('/resources/naviseo/images/member/right_check.svg'); } 



/* button style */
.btn-bg { width: 100%; font-size: 18px; display: block; padding: var(--padding-nor); font-weight: 700; border-radius: 6px; background: #CED3D7; color: #fff !important; text-align: center; } 
.btn-bg2 { min-width: 80px; text-align: center; padding: 5px 10px; border-radius: 4px; font-size: 14px; font-weight: 700; } 
.btn-bg-accent { background: var(--color-accent); color: #fff !important; } 
.btn-bg-black { background: var(--color-white); color: #fff !important; } 


/* 회원가입 추가 */
.signup-wrap { padding: 30px 20px; } 
.signup-title { font-size: 20px; line-height: 1.5em; color: var(--color-black); padding: 30px 0 10px; margin: 0; } 
.signup-desc { font-size: var(--font-size-nor); font-family: var(--font-kr); font-weight: var(--font-weight-bold); } 
.signup-desc.red { color: var(--color-red); } 
#signupForm .sec-li-wr .sec-li .sec-li-con input { padding: 5px; letter-spacing: -0.3px; } 
.sec-li-wr .sec-li { margin-bottom: 35px; } 
.sec-li-wr .sec-li label { font-size: 12px; font-weight: 700; } 
.sec-li-wr .sec-li .sec-li-con { border-bottom: 1px solid var(--color-black); padding: 2px 0; display: flex; justify-content: space-between; align-items: center; } 
.sec-li-wr .sec-li .sec-li-con.red { border-bottom: 1px solid var(--color-red) } 

.sec-li-wr .sec-li .sec-li-con input { border: 0; outline: 0; font-size: 18px !important; font-weight: 700; line-height: 18px; padding: 5px; width: 100%; flex-shrink: 1; flex-grow: 0; } 
.sec-li-wr .sec-li .sec-li-con input::placeholder { font-size: 18px !important; color: #B3B2B0; font-weight: 500; } 
.sec-li-wr .sec-li .limit-text { color: #B3B2B0; font-size: 12px; font-weight: 600; word-wrap: break-word; margin: 0; font-family: var(--font-kr); } 
.sec-li-wr .sec-li .limit-text.red { color: var(--color-red) } 

.sec-li-wr .sec-li .sec-li-con .limit-time { color: var(--color-red); font-weight: 600; font-size: var(--font-size-mid); font-family: var(--font-kr); } 
.sec-li-wr .sec-li .sec-li-con .input-span { margin: 0 6px; cursor: pointer; } 




/* 인트로 홈화면 추가 */
.intro-layout-wrap { position: relative; } 
.intro-layout { background: #F2F4F3; padding: 0 !important; } 
.intro-wr { padding: 20px; margin: 0 auto; letter-spacing: 0; display: flex; width: 100%; justify-content: flex-start; align-items: center; flex-direction: column; height: auto; position: relative; } 
.intro-ttl { color: #fff; font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 10px; margin-top: 10px; font-family: 'GmarketSans'; } 
.gtp-area { padding: 10px 4px 22px; width: 100%; margin: 0 auto; } 
.gtp-area .gtp-input { padding: 13px 50px 13px 23px; width: 100%; display: block; color: #5049E5; font-family: var(--font-kr); font-weight: 500; border-radius: 50px; background: url('/resources/naviseo/images/member/ai.svg') no-repeat center right 20px #fff; font-size: var(--font-size-nor) !important; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); } 
.gtp-area .gtp-input::placeholder { font-family: var(--font-kr); color: var(--color-accent); font-size: var(--font-size-nor) !important; } 
.intro-btn-wr { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; text-align: center; width: 100%; gap: 10px; } 
.intro-btn { flex: 1 0 calc(50% - 10px); display: flex; flex-direction: column; align-items: stretch; justify-content: center; padding: 110px 20px 20px; min-height: 170px; background: var(--color-white); color: var(--color-accent); border-radius: var(--radius-big); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25); background-size: 74px !important; } 
.intro-btn .ttl { margin-bottom: 6px; font-size: 18px; line-height: 1.2; color: #000; font-weight: 700; font-family: var(--font-kr); letter-spacing: -0.5px; } 
.intro-btn.last { color: var(--color-orange); } 
.intro-btn.last .ttl { color: var(--color-orange) !important; } 
.intro-btn .ttl .ft-sm { font-size: 12px; } 
.intro-btn .txt { font-family: var(--font-kr) !important; color: #939393; font-size: 12px; font-weight: 500; display: inline-block; line-height: 1.4; word-break: keep-all; } 
.intro-btn.last .txt { color: var(--color-orange-shadow); } 
.intro-btn.ic01 { background: url('/resources/naviseo/images/main2/menu_new_01.svg') no-repeat center top 26px #fff; } 
.intro-btn.ic02 { background: url('/resources/naviseo/images/main2/menu_new_02.svg') no-repeat center top 26px #fff; } 
.intro-btn.ic03 { background: url('/resources/naviseo/images/main2/menu_new_03.svg') no-repeat center top 26px #fff; } 
.intro-btn.ic04 { background: url('/resources/naviseo/images/main2/menu_new_04.svg') no-repeat center top 26px #fff; } 
.intro-btn.ic05 { background: url('/resources/naviseo/images/main2/menu_new_05.svg') no-repeat center top 26px #fff; } 
.intro-btn.ic06 { background: url('/resources/naviseo/images/main2/menu_new_06.svg') no-repeat center top 26px #fff; } 
.intro-btn.ic07 { background: url('/resources/naviseo/images/main2/menu_new_07.svg') no-repeat center top 26px #fff; } 
.intro-btn.ic08 { background: url('/resources/naviseo/images/main2/menu_new_08.svg') no-repeat center top 26px #fff; } 
.intro-btn.ic09 { background: url('/resources/naviseo/images/main2/menu_new_09.svg') no-repeat center top 26px #fff; } 
.intro-btn.bookmark { width: 100%; flex: 0 0 100%; display: flex; align-items: flex-start; min-height: auto; padding: 18px; background: url('/resources/naviseo/images/main2/new_home_plus.svg') no-repeat right 20px center #fff; text-align: left; background-size: 20px !important; } 
.intro-btn.bookmark .ttl { display: inline-block; margin: 0; } 
.intro-btn.bookmark .txt { color: var(--color-orange); padding-left: 10px; } 
.intro-btn .ttl img { margin-left: 6px; margin-top: -3px; display: none; } 
.intro-ft { text-align: center; color: var(--color-accent); padding: 15px 10px; font-size: 10px; width: 100%; line-height: 1.3; } 
.gtp-intro-txt { font-family: var(--font-kr); text-align: center; padding: 5px 10px 25px; color: var(--color-accent); line-height: 1.5; font-size: var(--font-size-mid); } 
.gtp-intro-txt b { font-family: inherit; } 
.bookmark-popup { background: #F2F4F3 !important; border-radius: 20px 20px 0 0 !important; height: auto !important; padding: 0 0 20px; } 
.bookmark-popup.menu-active.menu::before { z-index: 1; } 
.bookmark-popup .drawer-header { border: 0; } 
.bookmark-popup .drawer-header .drawer-title { text-align: center; background: #fff; border: 0; margin: 0 !important; padding: 25px 20px 20px !important; border-radius: 20px 20px 0 0; color: #222; font-size: 16px; font-weight: bold; } 
.bookmark-popup .drawer-header p.bookmark_popup_desc { font-size: var(--font-size-mid); padding-top: 20px; line-height: 1.3; color: #005EFF; margin-bottom: 15px; font-weight: 500; } 
.bookmark_list { list-style: none; width: 100%; margin: 0; padding: 0; } 
.bookmark_list li { width: 100%; border-radius: 8px; background: url('/resources/naviseo/images/main2/check_blue.svg') no-repeat center right 25px #fff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); margin: 3px 0; padding: 20px 60px 20px 20px; } 
.bookmark_list li .ttl { font-size: var(--font-size-lar); font-weight: bold; color: #005EFF; font-family: var(--font-kr); } 
.bookmark_list li.select { background: url('/resources/naviseo/images/main2/check_pink.svg') no-repeat center right 25px #fff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); } 
.bookmark_list li.select .ttl { color: #FD5F98; } 
.bookmark-close { position: absolute; top: 24px; right: 30px; } 
@media screen and (max-width:380px){
 .gtp-intro-txt { font-size: var(--font-size-nor); } 
.intro-btn { min-height: 150px; background-size: 50px !important; padding: 76px 14px 16px !important; background-position: center top 16px !important; } 
.intro-btn.bookmark { background-position: center right 20px !important; background-size: 18px !important; padding: 18px !important; } 
 }



/* 20231025 홈화면 재수정 */
.intro-top-wr { width: 100%; padding: 36px 26px 0; border-radius: 0px 0px 18px 18px; background: linear-gradient(180deg, #4E48E4 0%, #8254FD 100%); } 



/* 전체 메뉴 수정 */
.all-menu span { color: #272848; } 
.menu-gpt-sch { width: 100%; padding: 20px; } 
.menu-gpt-sch .inner {background:#fff; border:0; border-radius: 100px; padding: 0.5rem 1rem; display: flex; justify-content: space-between; align-items: center; } 
.menu-gpt-sch .menu-gpt-input { border: 0; width: calc(100% - 24px); font-size: 1.1rem !important; margin-top: 2px; } 
.menu-gpt-sch .menu-gpt-input::placeholder { font-size: 1rem !important; font-family: var(--font-kr); color: var(--color-accent); font-weight: var(--font-weight-mid); } 
.menu-gpt-int { text-align: center; } 
.menu-gpt-int .menu-speech-bubble { background: url('/resources/naviseo/images/common/speech_bubble_purple.svg') no-repeat center; background-size: 100% 100%; color: var(--color-white); font-family: var(--font-kr); margin: 10px auto; padding: 10px 10px 20px; font-size: 1.1rem; } 
.menu-gpt-int .gpt-int-desc01 { font-size: 1rem; color: var(--color-accent); } 
.menu-gpt-int .gpt-int-desc02 { font-size: 1rem; padding: 20px 0; font-family: var(--font-kr); line-height: 1.5; } 
.menu-gpt-int .gpt-int-desc02 span { font-family: var(--font-kr); font-weight: var(--font-weight-bold); display: block; line-height: 1.5; text-decoration: underline; } 

.menu-top { display: flex; flex-direction: row-reverse; } 
.menu-apply-btn { display: inline-block; border: 2px solid var(--color-accent); color: var(--color-accent); margin: 10px; padding: 5px 10px; font-size: 1rem; font-family: var(--font-kr); font-weight: 700; border-radius: 8px; } 
.menu-apply-btn:hover,
.menu-apply-btn:active,
.menu-apply-btn:link { color: var(--color-accent); }
.all-menu-sub dl dd a { padding-right: 30px; font-family: var(--font-kr); font-weight: var(--font-weight-mid); font-size: 1.1rem; } 
.all-menu-sub dl dd a:after { display: block; content: ''; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: url('/resources/naviseo/images/common/menu_arrow.svg') no-repeat center; width: 20px; height: 40px; } 
.dd-icon a img { padding-right: 10px; } 


/* header 서비스가입신청 버튼 */
.svc-btn { display: inline-block; text-align: center; line-height: 1.3; font-weight: var(--font-weight-bold); font-size: var(--font-size-sm); padding: 7px 10px 4px; color: var(--color-accent) !important; background: var(--color-accent-bg); border-radius: var(--radius); margin-right: 15px; } 
.new-svc-btn { display: inline-block; text-align: center; font-size: 12px; color: #fff; font-weight: bold; line-height: 1.2; color: #fff !important; padding: 3px 10px; margin-right: 10px; } 


/* popup style 재설정 */
.new-drawer { padding: 20px; } 
.new-drawer .drawer-header { border: 0; padding: 10px 0; } 
.new-drawer .drawer-title { font-size: var(--font-size-big) !important; font-family: var(--font-kr) !important; font-weight: var(--font-weight-bold) !important; text-align: center !important; margin: 0 !important; border: 0 !important; } 
.new-drawer .drawer-sns { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; } 
.new-drawer .drawer-sns p { margin: 14px; flex-shrink: 1; } 
.new-drawer .drawer-sns p img { width: 50px !important; } 
.new-drawer .drawer-sns p:last-child img { width: auto; max-width: 16px; } 
.new-drawer .drawer-sns p.btn-long { width: 100%; font-family: var(--font-kr); font-size: var(--font-size-lar); flex: 0 0 100%; border-radius: var(--radius-big); color: var(--color-black); font-weight: var(--font-weight-bold); border: 2px solid var(--color-light-gray); padding: var(--padding-nor); text-align: center; display: inline-flex; justify-content: center; align-items: center; } 
.new-drawer .drawer-sns p.btn-long img { margin-right: 10px; width: auto; } 
.new-drawer .drawer-footer { border: 0; padding: 0; } 


/* 로그인인트로 수정 */
.login-layout .login-key { margin: 0; padding: 0; } 
.login-layout .card-style { margin: 0; height: auto; box-shadow: none; } 
.login-layout form { display: flex; flex-direction: column; justify-content: center; height: 100vh; width: 100%; } 
.login-cert-btn { min-width: 80px; } 


/* 회원가입 완료 창 */
.signup-top { text-align: center; } 
.signup-top p { padding-top: 14px; font-size: var(--font-size-big); color: var(--color-accent); } 
.business-card-box { width: 90%; box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.35); border-radius: 10px; margin: 30px auto; overflow: hidden; max-width: 300px; } 
.card-inner { height: 170px; background: #E6DBFF; position: relative; } 
.card-inner img { position: absolute; top: 20px; right: 20px; } 
.card-inner::before { display: block; content: ''; position: absolute; bottom: -7px; left: 0; background: var(--color-accent); width: 50%; height: 14px; } 
.card-content { padding: 30px; color: var(--color-accent); letter-spacing: 0; } 
.card-content .con-ttl { font-size: var(--font-size-big); font-weight: var(--font-weight-bold); color: var(--color-accent); font-family: var(--font-kr); margin-bottom: 15px; } 
.card-content .con { font-size: var(--font-size-nor); font-weight: 600; color: var(--color-accent); font-family: var(--font-kr); margin-bottom: 10px; } 
.card-content .con span { display: block; font-family: var(--font-kr); } 


/* crm 페이지 수정 */
.svc-apply-btn { background: var(--color-accent); color: #fff; padding: 6px 4px; width: 84px; border-radius: 6px; font-family: var(--font-kr); line-height: 1.2; } 
.new-flex-box { flex-wrap: wrap; } 
.new-flex-box .flex-3 { flex: 1 0 calc(100% / 3 - 20px); margin: 4px; text-align: center; padding: 0px 10px 10px; background: #fff; border-radius: 8px; border: 1px solid #F1F1F1; } 
.new-flex-box .crm-btn2 { border: 0; margin: 0 auto; padding: 1.3rem 0 0; height: 4rem; } 
.new-flex-box .crm-btn2-tit { font-family: var(--font-kr); } 


/* 퀵메뉴 추가 및 수정 */
.circle-menu .home-icon { width: 80%; height: 80%; margin: 10% auto; border-radius: 100%; border: 1px solid #EDEDED; background: linear-gradient(134deg, #FFF 2.06%, #DDD 95.18%); box-shadow: 6px 5px 20px 0px rgba(158, 158, 158, 0.40) inset, 0px 4px 4px 0px rgba(0, 0, 0, 0.25); display: flex; justify-content: center; align-items: center; } 
.circle-menu .center .home-icon img { padding: 0; } 
.quick-menu-toggle { width: 100px; height: 100px; position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); cursor: pointer; z-index: 9991; background: linear-gradient(155deg, #5962EF 13.23%, rgba(158, 94, 224, 0.92) 92.99%); border-radius: 100%; } 
.quick-menu-toggle .quick-menu-btn { background: linear-gradient(134deg, #FFF 2.06%, #DDD 95.18%); box-shadow: 6px 5px 20px 0px rgba(158, 158, 158, 0.40) inset, 0px 4px 4px 0px rgba(0, 0, 0, 0.25); width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; border-radius: 100%; margin: 10px; } 
.quick-menu-wr { opacity: 0; width: 0px; height: 0px; border-radius: 50%; background: #F2F1F1; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); position: fixed; transition: all .5s ease; z-index: 9990; } 
.quick-menu-wr { opacity: 1; width: 300px; height: 300px; box-shadow: 0px 1px 20px 0px #5962EF; } 
.quick-menu-wr a { color: #2f0f26; text-align: center; text-decoration: none; transition: all .5s ease; width: 70px; height: 70px; display: inline-flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; } 
.quick-menu-wr a span { font-size: var(--font-size-sm); color: var(--color-accent); display: block; font-family: var(--font-kr); font-weight: var(--font-weight-bold); } 
.quick-menu-wr a:nth-of-type(1) { position: fixed; top: 18%; left: 50%; transform: translateX(-50%) translateY(-50%); } 
.quick-menu-wr a:nth-of-type(2) { position: fixed; top: 35%; right: -4%; transform: translateX(-50%) translateY(-50%); } 
.quick-menu-wr a:nth-of-type(3) { position: fixed; bottom: 11%; right: -2%; transform: translateX(-50%) translateY(-50%); } 
.quick-menu-wr a:nth-of-type(4) { position: fixed; bottom: 11%; left: 22%; transform: translateX(-50%) translateY(-50%); } 
.quick-menu-wr a:nth-of-type(5) { position: fixed; top: 35%; left: 19%; transform: translateX(-50%) translateY(-50%); } 
.quick-menu-wr a:nth-of-type(6) { position: fixed; bottom: -8%; left: 50%; transform: translateX(-50%) translateY(-50%); } 
.quick-menu-wr a:nth-of-type(1) img { width: 30px; } 
.quick-menu-wr a:nth-of-type(2) img { width: 22px; } 
.quick-menu-wr a:nth-of-type(3) img { width: 28px; } 
.quick-menu-wr a:nth-of-type(4) img { width: 26px; } 
.quick-menu-wr a:nth-of-type(5) img { width: 28px; } 
.quick-menu-wr a:nth-of-type(6) img { width: 28px; } 

#findIdView { font-size: var(--font-size-lar) } 




/* chatGPT */
.chat-gpt-area { width: 100%; padding: 0 0 20px; } 
.gpt-display { overflow-y: scroll; overflow-x: hidden; } 
.gpt-bottom { position: fixed; bottom: 0; left: 0; width: 100%; } 
.aside-btn { position: relative; right: 16px; bottom: 20px; transform: translateX(calc(100% - 70px)); } 
.aside-btn .aside-btn__expert { font-family: var(--font-kr); background: var(--color-accent); color: var(--color-white); display: block; width: 60px; height: 60px; line-height: 1.2; border-radius: 100%; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); display: inline-flex; align-items: center; justify-content: center; text-align: center; } 
.gpt-input { position: relative; width: 100%; padding: 10px; background: #F4F4F4; box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.10); } 
.gpt-inner { width: 100%; border-radius: 30px; background: var(--color-white); display: flex; padding: 5px 15px; justify-content: space-between; align-items: center; } 
.gpt-inner .gpt-inner__left { display: flex; justify-content: center; align-items: center; width: calc(100% - 26px); } 
.gpt-input .gpt-input__textarea { border: 0; outline: 0; padding: 6px; margin-bottom: -12px; font-size: var(--font-size-nor) !important; font-family: var(--font-kr); width: 100%; background: transparent; transition: all 0.2s; } 
.gpt-input .gpt-input__textarea::placeholder { font-size: var(--font-size-nor); } 
.gpt-input .gpt-input__voice { width: 30px; height: 30px; display: block; background: url('/resources/naviseo/images/chatting/sound.svg') no-repeat center; } 
.gpt-input .gpt-input__voice.off { background: url('/resources/naviseo/images/chatting/sound_off.svg') no-repeat center; } 
.gpt-inner .gpt-inner__right { display: flex; flex-direction: column; } 
.gpt-input .gpt-input__view { width: 30px; height: 30px; background: url('/resources/naviseo/images/chatting/text_view.svg') no-repeat center; margin: 5px 0; } 
.gpt-input .gpt-input__submit { width: 30px; height: 30px; background: url('/resources/naviseo/images/chatting/gpt_send.svg'); } 
.gpt-input .gpt-input__submit.inactive { background: url('/resources/naviseo/images/chatting/gpt_send.svg'); } 
.gpt-input .gpt-input__submit.active { background: url('/resources/naviseo/images/chatting/gpt_send_active.svg'); } 
.chat { margin: 18px 0; } 
.chat:first-child { margin-top: 0; } 
.chat-list { padding: 0 20px; } 
.chat .chat__info { display: flex; align-items: center; margin-bottom: 5px; } 
.chat .chat__profile { display: inline-block; height: 22px; margin-right: 5px; background: var(--color-orange); color: var(--color-white); width: 22px; text-align: center; line-height: 22px; font-family: var(--font-kr); border-radius: 100%; font-size: var(--font-size-sm); } 
.chat .chat__name { font-family: var(--font-kr); color: var(--color-orange); font-size: var(--font-size-nor); font-weight: var(--font-weight-mid); } 
.chat .chat__con { padding-left: 25px; letter-spacing: -0.4px; padding-right: 20px; font-family: var(--font-kr); color: var(--color-black); font-size: var(--font-size-mid); word-break:break-all;} 
.chat .chat__con p,
.chat .chat__con div,
.chat .chat__con span { font-family: inherit; color: inherit; } 
.chat.answer .chat__name { color: var(--color-accent); } 
.chat.answer .chat__name .speaker-btn { font-size: 10px; font-weight: 500; background: url('/resources/naviseo/images/chatting/speaker.svg') no-repeat center left 7px var(--color-accent); padding: 5px 10px 5px 30px; border-radius: 100px; color: #fff; font-family: var(--font-kr); } 
.chat.answer .chat__name .speaker-btn.on { font-size: 10px; font-weight: 500; background: url('/resources/naviseo/images/chatting/speaker.svg') no-repeat center left 7px var(--color-accent); padding: 5px 10px 5px 30px; border-radius: 100px; color: #fff; font-family: var(--font-kr); } 
.chat.answer .chat__name .speaker-btn.off { background: url('/resources/naviseo/images/chatting/speaker_mute.svg') no-repeat center left 7px #ACB1C7; } 

.chat .chat__con:active { background: rgba(0, 0, 0, 0.1); } 
.chat__con-wrap { width: 100%; height: 100vh; display: none; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 9990; } 
.chat__con-wrap.active { display: flex; } 
.chat__con-box { display: block; background: #f3f6fe; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); z-index: 9999; padding: 14px 16px; border-radius: 14px; min-width: 230px; } 
.chat__con-box a { font-family: var(--font-kr); display: block; padding: 10px 10px 10px 40px; margin: 10px; font-size: var(--font-size-lar); font-weight: 500; color: #4A425D; } 
.chat__con-box a.chat__con--icon01 { background: url('/resources/naviseo/images/chatting/copy_btn.svg') no-repeat center left; } 
.chat__con-box a.chat__con--icon02 { background: url('/resources/naviseo/images/chatting/copy_select_btn.svg') no-repeat center left; } 
.chat__con-box a.chat__con--icon03 { background: url('/resources/naviseo/images/chatting/good_btn.svg') no-repeat center left; } 
.chat__con-box a.chat__con--icon04 { background: url('/resources/naviseo/images/chatting/bad_btn.svg') no-repeat center left; } 
.chat__con-dim { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 1; } 

.menu-layer-wrapper { visibility: hidden; } 
.menu-layer-wrapper .menu-layer { width: 75%; height: 100vh; padding: 40px 20px; background: var(--color-white); position: fixed; left: -9999px; top: 0; z-index: -1; transition: all 0.25s; border-radius: 0 12px 12px 0; } 
.menu-layer-wrapper .menu-layer-dim { background: rgba(0, 0, 0, 0.6); width: 100%; height: 100vh; position: fixed; top: 0; left: 0; opacity: 0; z-index: -1; transition: all 0.3s; } 
.menu-layer-wrapper.open { visibility: visible; } 
.menu-layer-wrapper.open .menu-layer { left: 0; z-index: 9999; } 
.menu-layer-wrapper.open .menu-layer-dim { opacity: 1; z-index: 9990; } 
.layer-top { border-bottom: 1px solid #DADBE5; } 
.layer-profile { display: flex; align-items: center; margin-bottom: 10px; } 
.layer-profile__img { margin-right: 10px; } 
.layer-profile__info p { margin-bottom: 0; font-family: var(--font-kr); font-weight: 600; font-size: var(--font-size-mid); color: var(--color-black); } 
.layer-profile__info p.info__email { font-size: var(--font-size-nor); } 
.member-grade { padding: 10px; display: flex; } 
.member-grade span { width: 70px; text-align: center; font-weight: 700; letter-spacing: 0px; margin: 5px; border-radius: var(--radius); color: var(--color-white); font-family: var(--font-kr); } 
.member-grade span.member-grade--free { background: #B7CBFF; } 
.member-grade span.member-grade--pro { background: #8166EE; } 
.layer-con { padding: 20px 0; } 
.layer-con ul { margin: 0; padding: 0; } 
.layer-con ul li { padding: 10px 0; display: flex; } 
.layer-con ul li img { margin-right: 10px; } 
.layer-con ul li a { width: 100%; color: #727171; font-family: var(--font-kr); font-weight: 500; font-size: var(--font-size-lar); } 


/* chatGPT - history */
.chat-his-layout { padding: 50px 20px 20px; } 
.chat-his-sch { width: 100%; display: flex; border: 2px solid var(--color-accent); border-radius: 100px; padding: 5px 20px; font-family: var(--font-kr); width: 100%; align-items: center; } 
.chat-his-sch .his-sch__input { border: 0; height: 30px; width: 100%; flex-shrink: 1; margin-left: 10px; padding: 0 5px; font-size: var(--font-size-mid) !important; } 
.chat-his-sch .back-btn { height: 16px; } 
.chat-his-list { padding: 20px 0; } 
.his-list__box { padding-bottom: 20px; } 
.his-list__box:last-child { padding-bottom: 0; } 
.his-list__box .time { font-size: var(--font-size-sm); font-family: var(--font-kr); font-weight: 700; color: #005EFF; padding-left: 20px; position: relative; margin: 0; } 
.his-list__box .time:before { display: block; content: ''; position: absolute; width: 4px; height: 4px; border-radius: 100%; background: #005EFF; left: 8px; top: 10px; } 
.his-list__box .ttl { font-weight: 500; font-family: var(--font-kr); font-size: var(--font-size-mid); padding: 10px 10px 0; margin-bottom: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; } 
.his-list__box .desc { font-weight: 500; font-family: var(--font-kr); font-size: var(--fot-size-mid); padding: 0 10px; margin-bottom: 10px; color: #727171; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; } 


/* chatGPT - voice */
.record-area { padding: 20px; text-align: center; font-family: var(--font-kr); } 
.record-time { color: var(--color-black); font-size: var(--font-size-lar); letter-spacing: 0.5px; margin: 10px 0; } 
.stop-btn { width: 62px; height: 62px; background: url('/resources/naviseo/images/chatting/sound_stop.svg') no-repeat center; margin: 0 auto 10px; } 
.record-txt { font-family: var(--font-kr); color: var(--color-orange); font-size: var(--font-size-lar); font-weight: var(--font-weight-mid); } 


/* header mypage 아이콘 추가 */
#menu-main .header-logo-app .header-icon-4 { right: 90px; } 


/* chat GPT 처음 접속 시 팝업창 추가 */
.gpt-notice-dim { background: rgba(0, 0, 0, 0.60); width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 1; } 
.gpt-notice-popup { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 15px; z-index: 2; padding: 56px 20px 26px; width: calc(100% - 50px); text-align: center; color: var(--color-accent); } 
.gpt-notice-popup img { position: absolute; top: -30px; left: 50%; transform: translateX(-50%); } 
.gpt-notice-popup .notice-desc { font-family: var(--font-kr); font-weight: 700; font-size: 16px; line-height: 1.6; } 
.gpt-notice-popup .notice-desc .highlight { font-size: 20px; display: inline; font-family: var(--font-kr); font-weight: 700; } 
.gpt-notice-popup .gpt-notice-close { font-size: 20px; font-family: var(--font-kr); text-align: center; border: 2px solid var(--color-accent); border-radius: 26px; background: #fcfcfc; display: inline-block; padding: 10px; width: 135px; margin-top: 32px; outline: 0; } 




/************************* 코치마크/튜토리얼(Coach Marks) *************************/
.coach-wrapper { position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.85); } 
.coach-wrapper .coach-marks { position: absolute; z-index: 9999; } 


/* 오늘 할일 튜토리얼 */
.coach-today .coach-01 { top: 18px; left: 25px; } 
.coach-today .coach-01>img:first-of-type { margin-right: 10px; } 
.coach-today .coach-01 .desc { margin-left: 10px; margin-top: 10px; } 
.coach-today .coach-02 { top: 25px; right: 21px; } 
.coach-today .coach-03 { top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.coach-today .coach-04 { bottom: 100px; left: 50%; transform: translateX(-20%); } 
@media (max-width: 390px){
 .coach-today .coach-02 { right: 22px; } 
 }

@media (max-width: 370px){
 .coach-today .coach-02 { right: 13px; } 
 }



/* crm 튜토리얼 */
.coach-crm .coach-01 { top: 80px; left: 44px; } 
.coach-crm .coach-02 { top: 266px; left: 22px; } 
.coach-crm .coach-02 .coach-search { width: calc(100vw - 47%); border: 5px solid #5962EF; border-radius: 6px; display: flex; background: #fff; padding: 2px 10px; } 
.coach-crm .coach-02 .coach-search input { width: 100%; background: #fff; border: 0; height: 35px; font-size: 14px !important; font-family: var(--font-kr); } 
.coach-crm .coach-02 .coach-search input::placeholder { font-size: 14px !important; } 
.coach-crm .coach-02>img { position: fixed; right: 15px; top: 280px; } 
.coach-crm .coach-03 { top: 359px; left: 23px; } 
.coach-crm .coach-04 { top: 522px; left: 19px; } 



/* 내 명함첩 튜토리얼 */
.coach-namecard .coach-01 { top: 52px; left: 15px; } 
.coach-namecard .coach-01 .coach-01-box { display: flex; flex-wrap: nowrap; overflow-y: hidden; overflow-x: visible; width: 150%; } 
.coach-namecard .coach-01 .coach-01-box .coach-01-span { color: #444; background: #fff; display: inline-block; text-align: center; font-size: 1.1em; border-radius: 50px; padding: 6px 15px 4px 15px; border: 1px solid #dddddd; margin-right: 2px; white-space: nowrap; } 
.coach-namecard .coach-01 .coach-01-box .coach-01-span.on { background: #5962ef; color: #fff; border: 1px solid transparent; box-shadow: 2px 1px 6px rgba(76, 54, 187, 0.5); } 
.coach-namecard .coach-02 { top: 109px; right: 38px; } 
.coach-namecard .coach-03 { top: 110px; right: 6px; } 
.coach-namecard .coach-04 { bottom: 81px; right: 21px; } 


/* 등록된 컨텐츠가 없을 때 */
.no-contents { width: 100%; display: flex; justify-content: center; align-items: center; padding: 30px; } 
.no-contents-02 { background: none !important; border: none !important; display: flex; flex-direction: column; align-items: center; } 
.no-contents-02 .maching-link { background: #5962ef; color: #fff; margin: 20px 0 0; padding: 14px 20px 10px; width: 250px; border-radius: 10px; } 
.no-contents img { max-width: 100%; } 


/* gtp 헤더 옵션 추가 */
.gpt-home-icon { right: 40px; } 
.gpt-option-icon { right: 4px; } 
.gpt-option-wrapper { display: none; position: relative; } 
.gpt-option-wrapper.active { display: block; } 
.gpt-option-inner { background: #F6F6F6; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); padding: 10px 25px; border-radius: 5px; position: absolute; top: 50px; right: 10px; z-index: 9990; } 
.gpt-option-inner a { display: flex; font-size: 16px; font-family: var(--font-kr) !important; font-weight: 500; margin: 14px 0; width: 100%; align-items: center; } 
.gpt-option-inner a img { margin-right: 10px; } 
.gpt-option-dim { background: rgba(0, 0, 0, 0.3); width: 100%; height: 100vh; position: fixed; Ftop: 0; left: 0; z-index: 1; } 
.gpt-title-input { width: 250px; font-family: var(--font-kr) !important; margin: 3px 50px; height: 36px; padding: 0px 15px !important; font-size: 15px !important; font-weight: 500; border-radius: 100px; } 
.chat-gpt-content .menu-active.menu .drawer-header p { padding: 20px 0 !important; } 
.chat-gpt-content #customConfirmNoBtn,
.chat-gpt-content #customConfirmYesBtn { line-height: 20px; font-size: 16px !important; } 


/* 231108 crm메인화면 버튼 수정 */
.new-crm-btn { width: calc(50% - 8px); background: #fff; padding: 18px; margin-bottom: 16px; border-radius: 9px; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25); display: inline-flex; flex-wrap: wrap; flex-direction: column; text-align: center; justify-content: center; align-items: center; } 
.new-crm-btn:nth-child(2n-1) { margin-right: 8px; } 
.new-crm-btn:nth-child(2n) { margin-left: 8px; } 
.new-crm-btn .new-crm-img { margin-bottom: 10px; } 
.new-crm-btn .new-crm-ttl { color: #000; font-family: var(--font-kr); line-height: 1.3; font-size: 16px; font-weight: 700; } 





/********************************************
* page: viewReport.jsp
* 업무보고현황 CSS
* 2023-11/16
*********************************************/
.report-wrapper { background: #fff; } 
.report-wrapper ul { margin: 0; padding: 0; list-style: none; padding-bottom: 30px; } 
#reportInfo { padding: 10px; background: #FFF; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); display: flex; flex-wrap: wrap; position: relative; justify-content: flex-start; align-items: center; } 
.selectBox * { box-sizing: border-box; } 
.selectBox { position: relative; width: 140px; height: 35px; border-radius: 4px; background: url('/resources/naviseo/images/main2/select_arrow03.svg') calc(100% - 7px) center no-repeat; background-size: 20px; cursor: pointer; } 
.selectBox:after { content: ''; display: block; width: 2px; height: 100%; position: absolute; top: 0; right: 35px; background: lightcoral; display: none; } 
.selectBox .label { display: flex; align-items: center; width: inherit; height: inherit; border: 0 none; outline: 0 none; padding-left: 8px; background: transparent; cursor: pointer; font-size: 15px; letter-spacing: -0.5px; } 
.selectBox .optionList { position: absolute; top: 35px; left: 0; width: 100%; color: #000; list-style-type: none; padding: 0; border-radius: 6px; overflow: hidden; max-height: 0; transition: .2s ease-in; z-index: 1000; font-family: var(--font-kr); border-radius: 6px; border: 0; background: #FFF; } 
.selectBox.active .optionList { max-height: 500px; border: 1px solid #D4D4D4; padding: 6px 4px; } 
.selectBox .optionItem { padding: 4px 10px; transition: .15s ease; font-family: var(--font-kr); font-size: 15px; } 
.selectBox .optionItem:hover { background: rgb(175, 93, 93); } 
.selectBox .optionItem:last-child { border-bottom: 0 none; } 
.selectBox .optionList::-webkit-scrollbar { width: 6px; } 
.selectBox .optionList::-webkit-scrollbar-track { background: transparent; } 
.selectBox .optionList::-webkit-scrollbar-thumb { background: #303030; border-radius: 45px; } 
.selectBox .optionList::-webkit-scrollbar-thumb:hover { background: #303030; } 
.selectBox.st02 { background: url('/resources/naviseo/images/main2/select_arrow02.svg') calc(100% - 7px) center no-repeat #fff; flex: 0 0 calc(30%); margin-right: 5px; width: 100%; border-radius: 6px; border: 1px solid #ddd; } 
.select-box { display: flex; align-items: center; width: 100%; flex-wrap: wrap; } 
.select-box select::-ms-expand { display: none; } 
.select-box .select { -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: var(--font-kr); width: 150px; height: 35px; background: url('/resources/naviseo/images/main2/select_arrow03.svg') calc(100% - 7px) center no-repeat; background-size: 20px; padding: 5px 30px 5px 10px; border-radius: 4px; border: 0; font-size: 15px; color: #666; background-color: #fff; } 
.select-box .select option { background: #fff; color: #000; padding: 0 10px; font-family: var(--font-kr); font-weight: 500; } 
.select-box .select2 { -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: var(--font-kr); width: 100%; height: 35px; background: url('/resources/naviseo/images/main2/select_arrow02.svg') calc(100% - 7px) center no-repeat #fff; background-size: 20px; padding: 5px 30px 5px 10px; border-radius: 4px; border: 1px solid #bbb; font-size: 15px; color: #666; border-color: #ccc !important; flex: 0 0 calc(33% - 4px); margin: 0 2px; background-color: #fff; } 
.select-box .select2 option { background: #fff; color: #000; padding: 0 10px; font-family: var(--font-kr); font-weight: 500; } 



#reportDetail { background: #F2F2F2; padding: 10px; } 
#reportDetail .box { display: flex; flex-wrap: wrap; width: 100%; padding: 4px; } 
#reportDetail .box .radio-box { display: inline-block; position: relative; padding: 3px 12px 0px 26px; margin-right: 10px; cursor: pointer; font-size: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 
#reportDetail .box .radio-box input[type="radio"] { display: none; } 
#reportDetail .box .radio-box .on { width: 20px; height: 20px; background: #fff; border-radius: 50%; position: absolute; top: 3px; left: 0; border: 1px solid #ccc; } 
#reportDetail .box .radio-box input[type="radio"]:checked+.on { background: #5962ef; border: 0; } 
#reportDetail .box .radio-box .on:after { content: ""; position: absolute; display: none; } 
#reportDetail .box .radio-box input[type="radio"]:checked+.on:after { display: block; } 
#reportDetail .box .radio-box .on:after { width: 10px; height: 10px; background: #fff; border-radius: 50%; position: absolute; left: 5px; top: 5px; } 
#reportDetail .search-btn { width: 100%; height: 42px; padding-top: 4px; color: #fff; background: #5962EF; font-size: 16px; border-radius: 6px; margin-top: 5px; } 
#reportList { padding: 16px; } 
#reportList.sticky { position: fixed; top: 0; width: 100% } 


.report-date-wrap { display: flex; justify-content: space-between; align-items: center; padding: 0 12px 12px; border-bottom: 1px solid #000; } 
.report-date-wrap .report-date { display: flex; align-items: center; color: #000; margin: 0; font-size: 14px; } 
.report-date-wrap .report-date span { display: block; } 
.report-date-wrap .report-date .title { font-family: var(--font-kr); font-weight: 700; font-size: 16px; padding: 0 10px; } 
.report-date-wrap .report-date .arrow { height: 20px; } 
.report-date-wrap .show-btn { font-size: 14px; font-weight: 500; display: flex; align-items: center; } 
.report-date-wrap .show-btn .arrow { display: block; width: 24px; height: 24px; background: url('/resources/naviseo/images/main2/select_arrow02.svg') no-repeat center; transform: rotate(-180deg); transition: all 0.2s; } 
.report-date-wrap .show-btn.show .arrow { transform: rotate(0); } 
.report-item-wrap .switch { display: flex; justify-content: flex-end; align-items: center; padding: 6px 0; } 
.report-item-wrap .switch .kr { font-weight: 500; } 
.report-item-wrap .switch .ios-switch { width: 100px !important; margin-top: 6px !important; } 
.report-item-info { padding: 0; margin: 0; list-style: none; } 
.report-item-info .report-date { font-family: var(--font-kr); font-weight: 700; color: #000; padding-bottom: 2px; margin: 10px 0; font-size: 15px; } 
.report-item-info .report-item { padding: 10px 0; border-bottom: 1px solid #ddd; } 
.report-item-info .report-item .item-headline { display: flex; align-items: center; margin: 0; padding: 4px 0; } 
.report-item-info .report-item .item-headline .type { font-family: var(--font-kr); border-radius: 1rem; font-size: .3rem; text-align: center; color: #fff; margin-right: 0.5rem; display: inline-block; line-height: 1.3rem; font-weight: bold; width: 50px; font-size: 12px; height: 24px; line-height: 24px; } 
.report-item-info .report-item .item-headline .type.blue { background: #66ADEB; } 
.report-item-info .report-item .item-headline .type.green { background: #52ACA0; } 
.report-item-info .report-item .item-headline .type.yellow { background: #F7D358; } 
.report-item-info .report-item .item-headline .title { width: calc(100% - 154px); font-size: 16px; padding-top: 4px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } 
.report-item-info .report-item .item-headline .name { color: #000; width: 60px; display: block; text-align: center; padding: 0 2px; font-size: 12px; } 
.report-item-info .report-item .item-headline .status { display: block; border: 1px solid; font-size: 12px; width: 36px; height: 24px; line-height: 24px; text-align: center; border-radius: 4px; } 
.report-item-info .report-item .item-detail { background: #F4F4FE; border-radius: 4px; padding: 10px; color: #000; overflow: hidden; margin: 0; } 
.report-item-info .report-item .item-detail.active { display: block; } 
.report-item-info .report-item .item-detail .text { display: block; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: keep-all; } 
.report-item-info .report-item .item-detail .more-btn { display: inline-block; float: right; margin-top: 4px; background: #5D5D5D; color: #fff; font-size: 11px; padding: 2px 8px 0; border-radius: 100px; } 




/********************************************
* page: conditionalSearch.jsp / layout.jsp
* 거래처발굴 조건 검색 및 검색결과(700만 기업 조회, 신설기업 조회, KT114 사업장 정보)
* 2023-11-21
*********************************************/
.new-finding-subtap .finding-cont-box { padding: 16px; } 
.new-finding-subtap .nav-pills.tab-floating-round { margin: 0; padding: 14px; background: var(--color-accent); } 
.new-finding-subtap .nav-pills.tab-floating-round .nav-link { color: #fff; box-shadow: none; font-family: var(--font-kr); } 
.new-finding-subtap .nav-pills.tab-floating-round .nav-link.active,
.new-finding-subtap .nav-pills.tab-floating-round .show>.nav-link { background: #fff; color: var(--color-accent); } 
.new-finding-subtap .tab-content { background: var(--color-accent); } 
.new-finding-subtap .tab-content>.tab-pane { background: #fff; border-radius: 20px 20px 0 0; } 
.tab-content.new-finding-subtap .main-comp-search { margin-top: 0; } 
.tab-content.new-finding-subtap .main-comp-search-line { display: flex; height: auto; border: 0; padding: 6px 0; flex-wrap: wrap; } 
.tab-content.new-finding-subtap .main-comp-search-line .search-title { display: block; width: 100%; flex: 0 0 100%; padding: 6px; font-weight: 500; color: #000; font-family: var(--font-kr); } 
.tab-content.new-finding-subtap .main-comp-search-line .search-cont { width: calc(50% - 8px); flex: 0 0 calc(50% - 8px); border: 1px solid #ddd; border-radius: 4px; } 
.tab-content.new-finding-subtap .main-comp-search-line .btn-group-sm>.btn { font-family: var(--font-kr); color: #666; font-size: 16px; text-align: left; } 
.tab-content.new-finding-subtap .dropdown-toggle::after { width: 24px; height: 24px; content: ''; background: url('/resources/naviseo/images/main2/select_arrow02.svg') no-repeat center; transform: translateY(-50%); margin: 0; } 
.tab-content.new-finding-subtap .dropdown-menu .dropdown-item { font-family: var(--font-kr); text-align: center; } 
.tab-content.new-finding-subtap .dropdown-menu li { width: 46%; } 
.tab-content.new-finding-subtap li.dropdown-account-industry { width: 100%; } 
.tab-content.new-finding-subtap li.dropdown-account-industry .dropdown-item { text-align: left; } 
.tab-content.new-finding-subtap .main-comp-search-line .search-cont02 { border: 0; border-bottom: 1px solid #7D7E83; border-radius: 0; font-family: var(--font-kr); color: #666666; font-size: 14px; } 
.tab-content.new-finding-subtap .main-comp-search-line .search-cont input { font-family: var(--font-kr); font-size: 16px !important; font-weight: 500; } 
.tab-content.new-finding-subtap .main-comp-search-line b { color: #666666; font-family: var(--font-kr); font-weight: 400; font-size: 14px; } 
.new-finding-subtap .main-subtitle { text-align: center; font-family: var(--font-kr); padding: 20px 10px 14px; font-size: 16px; } 
.new-finding-subtap .main-more-btn { font-family: var(--font-kr); margin: 0; color: var(--color-accent); font-weight: 500; } 
.new-finding-subtap #kt114CompanySiDoListWrap { text-align: center; } 
.newCompanySearchPopup .help-title { background: var(--color-accent); border-radius: 0; font-family: var(--font-kr); } 
.newCompanySearchPopup .help-title img { top: 1rem; } 
.newCompanySearchPopup .companySearchWrap { margin-top: 10px; background: #f9f9f9; border-radius: 0; } 
.newCompanySearchPopup .companySearchWrap .companySearchCopy { border: 0; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); } 
.newCompanySearchPopup .companySearchWrap .companySearchCopy .title { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0.2rem 0; } 
.newCompanySearchPopup .companySearchWrap .companySearchCopy .title .company { font-weight: 900; font-size: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } 
.newCompanySearchPopup .companySearchWrap .companySearchCopy .title .top-btn { display: flex; width: 145px; justify-content: space-between; align-items: center; } 
.newCompanySearchPopup .companySearchWrap .companySearchCopy .title .top-btn p { padding: 0; width: auto; } 
.newCompanySearchPopup .companySearchWrap .companySearchCopy .title .top-btn p .main-comp-prbtn { color: #666 !important; font-size: 16px; font-family: var(--font-kr); padding: 2px 8px; border-radius: 6px; border: 1px solid #000 !important; background: #FFF; height: auto; width: auto; font-weight: 400; margin: 0; letter-spacing: -1px; } 
.newCompanySearchPopup .companySearchWrap .companySearchCopy .title .top-btn .bookmarkWrap .main-comp-infobox-more { border-radius: 6px; background: var(--color-accent); font-family: var(--font-kr); font-size: 16px; padding: 2px 8px; color: #fff; line-height: 29px; margin-left: 2px; letter-spacing: -0.5px; } 
#kt114SearchPopup .companySearchWrap .companySearchCopy .title { display: block; width: 100%; } 
#kt114SearchPopup .companySearchWrap .companySearchCopy .title .company { max-width: 100%; width: 100%; } 
.newCompanySearchPopup .companySearchWrap .companySearchCopy .text { width: 100%; } 
.newCompanySearchPopup .companySearchWrap .companySearchCopy .text p { display: flex; width: 100%; align-items: center; flex-wrap: wrap; } 
.newCompanySearchPopup .companySearchWrap .companySearchCopy .text p span { font-size: 14px; } 
.newCompanySearchPopup .companySearchWrap .companySearchCopy .text p span:first-of-type { padding-right: 6px; } 
.newCompanySearchPopup .companySearchWrap .companySearchCopy .text p span:last-of-type { flex: 0 1 auto; word-break: break-all; white-space: initial; padding-top: 3px; } 
.newCompanySearchPopup .companySearchWrap .companySearchCopy .text .addrWrap { justify-content: flex-start; width: 100%; margin-right: 0; margin-top: 10px; } 
.newCompanySearchPopup .companySearchWrap .companySearchCopy .text .addrWrap .addr { overflow: initial; text-overflow: initial; word-break: keep-all; flex: 0 0 100%; white-space: initial; line-height: 1.5; } 
.newCompanySearchPopup .companySearchWrap .companySearchCopy .text .addrWrap span:first-of-type { width: 100%; display: block; flex: 0 0 100%; text-align: left; border: 0; } 
.newInfoPopupBox .help-title { background-color: var(--color-accent); } 
.newInfoPopupBox .company-info-title { border: 1px solid var(--color-accent); font-family: var(--font-kr); text-align: center; border-radius: 50px; color: var(--color-accent); font-weight: 700; font-size: 15px; margin-bottom: 10px; } 
.newInfoPopupBox .company-info-con { font-family: var(--font-kr); padding: 0 6px; } 
.newInfoPopupBox .company-info-btn { color: var(--color-accent); font-family: var(--font-kr); font-weight: 500; font-size: 15px; height: auto; padding: 6px; } 
.newInfoPopupBox #itemMatchCompanyDetailDataWrap .company-info-title { width: 40%; } 
.newInfoPopupBox #itemMatchCompanyDetailDataWrap .company-info-con.tel span { font-family: var(--font-kr); } 
#progressStatusListWrap { height: 100% !important; } 
.namecard-content ul li#delBtn a { font-family: var(--font-kr); background: #000; color: #fff; border-radius: 6px; display: block; width: 100px; text-align: center; margin: 10px auto; padding: 5px 20px; font-weight: 500; font-size: 15px; } 

.work-view .new-todo-tabs { background: var(--color-accent); padding: 12px; } 
.work-view .new-todo-tabs .btn-group .btn { background: var(--color-accent); color: #fff; box-shadow: none !important; font-family: var(--font-kr); border-radius: 50px !important; font-weight: 400; padding: 8px 20px !important; } 
.work-view .new-todo-tabs .btn-group .btn.btn-choice { background: #fff; color: var(--color-accent) !important; font-weight: 700; opacity: 1; } 
.new-todo-wrap { background: var(--color-accent); } 
.new-todo-wrap #addPersonalToDoDiv,
.new-todo-wrap #addToDoProjectDiv { border-radius: 20px 20px 0 0; padding: 30px 0 0; background: #fff; } 




/*********************************************************
* title: 명함 UI 개편 (v2)
* pages: namecardList2.jsp
* date: 2023.12 ~
**********************************************************/
.namecardHeader-wrap {display:flex; justify-content: space-between; align-items: center;padding: 4px 10px;}
.namecardList-new { background: var(--color-accent); height: 100%; } 
.namecardList-new * { font-family: var(--font-kr); } 
.nav-scroller-v2 { background: var(--color-accent); } 
.nav-scroller-v2 .nav { background: var(--color-accent) !important; } 
.nav-scroller-v2 a { border: 1px solid #fff; letter-spacing: 0; font-size: 12px; padding: 4px 10px; border-radius: 6px; background: transparent; color: #fff; margin-right: 8px; } 
.nav-scroller-v2 .d-inl:last-child a { margin-right: 0; } 
.nav-scroller-v2 a.menu-on { background: #fff; color: var(--color-accent); } 

.namecardList-v2-wrapper {background:#fff;border-radius:20px 20px 0 0;min-height: calc(100vh - 100px);padding-top:5px;height: auto;}
.namecardList-v2-wrapper .list-setting {background:transparent; box-shadow:none; border-bottom:1px solid #e5e5e5;}
.namecardList-v2-wrapper .list-setting .namecard-filter {width:100%; display:flex; padding:0 10px; justify-content: space-between; align-items: center;}
.namecardList-v2-wrapper .list-setting .namecard-filter .list-count {font-size:14px; font-weight:600;}
.namecardList-v2-wrapper .list-setting .namecard-filter .selectAll {font-size:14px; color:var(--color-accent); font-weight:700;}

.namecardList-v2-wrapper .namecard-check.text-right {display:flex; justify-content: right;}
.namecardList-v2-wrapper .namecard-check.text-right .chkAll-btn {font-size:14px;font-weight:600;color:var(--color-accent); margin-right: 10px;}

.namecardList-v2-wrapper .namecard-list .no-namecard {display:block;text-align:center;padding:80px 0;}
.namecardList-v2-wrapper .namecard-list .no-namecard img {display:block; margin:auto;}
.namecardList-v2-wrapper .namecard-list .no-namecard .btn-load {border:0;outline:none;background:var(--color-accent); color:#fff; border-radius:6px; padding:12px 53px; font-size:16px;margin-top:40px;}


.notice-text {text-align:center; font-size:16px; padding:15px 0;}
.notice-text span {font-size:18px; font-weight:700; display:block; margin:20px 0; color:var(--color-accent);}
.drawer-buttons {display:flex; justify-content: center; align-items: center; padding:10px 10px 30px;}
.drawer-buttons button {border:0;padding:12px 20px;color:#fff;flex: 1 0 auto;margin: 0 5px;border-radius: 6px;font-size: 16px;font-weight: 600;}
.drawer-buttons button.btn-cancel {background:#727171;}
.drawer-buttons button.btn-next {background:var(--color-accent);}

.namecardList-v2-wrapper .namecard-list .card-style {box-shadow:none;margin: 0 !important;border-bottom: 1px solid #e5e5e5 !important;display:flex;align-items: center;flex-direction: row;min-height: auto;height: auto;padding:8px 12px;overflow: hidden;max-height: fit-content;}
.namecardList-v2-wrapper .namecard-list .list-photo {position:unset;width: 50px;height: 50px;}
.namecardList-v2-wrapper .namecard-list .namecard-photo {width: 50px;height: 50px;position: unset;left: auto;top: auto;background: #eee;border-radius: 100%;min-width: 50px;min-height: 50px;}
.namecardList-v2-wrapper .namecard-list .list-photo .link-icon2 {font-size: 10px !important;background:var(--color-accent);line-height: 17px;height: 17px;top: 0px;left: -4px;}
.namecardList-v2-wrapper .namecard-list .namecard-info {position: unset;width: auto;padding: 0 6px;flex: 1 1 auto;}
.namecardList-v2-wrapper .namecard-list .icon-more {position: unset;width: 30px;height: 30px;color: #222;margin-top: 0; text-align:center;}
.namecardList-v2-wrapper .namecard-list span.date {color:#000;font-size:14px;font-weight:600; margin: 0;}
.namecardList-v2-wrapper .namecard-list .namecard-info strong {font-size: 17px;font-weight:500;color:#000;line-height: 1.5;}
.namecardList-v2-wrapper .namecard-list .namecard-info span {font-size:12px;color:#7c7c7c;font-weight:400;width: 49vw;}
.namecardList-v2-wrapper .namecard-list .namecard-info span.new-namecard-tag {font-size: 0px;width:5px;height:5px;display: inline-block;line-height: 1;background: red;border-radius:100%;position: absolute;left: -10px;top: 10px;}
.namecardList-v2-wrapper .namecard-list .namecard-info p {font-size:12px; color:#7c7c7c; font-weight:400;}
.namecardList-v2-wrapper .namecard-list .namecard-thum {margin:0 10px;width:28vw;height: 15vw;border:1px solid #eee;border-radius:6px;overflow: hidden;}
.namecardList-v2-wrapper .namecard-list .namecard-thum img {width: 100% !important;height: 100% !important;display:block;}
.namecardList-v2-wrapper .namecard-list .namecard-check {height: 24px;margin-left: 4px;}
.namecardList-v2-wrapper .namecard-list .namecard-check > input[type="checkbox"]{display: none;}
.namecardList-v2-wrapper .namecard-list .namecard-check > input[type="checkbox"] + label{display: inline-block;width: 20px;height: 20px;border: 1px solid #9D9DB3;position: relative;border-radius: 100%;cursor: pointer;}
.namecardList-v2-wrapper .namecard-list .namecard-check > input[type="checkbox"]:checked + label::after{content:'';font-size: 16px;width: 24px;height: 24px;text-align: center;position: absolute;left: -2px;top: -2px;color: #fff;background: url('/resources/naviseo/images/common/checkbox_b_on.svg') no-repeat center;border-radius: 100%;background-size: 100%;}
.namecardList-v2-wrapper .namecard-list .namecard-check > input[type="checkbox"]:checked + label {border: 0;}

.namecardList-v2-wrapper .namecard-list .namecard-profile {position:relative;}
.namecardList-v2-wrapper .namecard-list .namecard-profile .namecard-image {position:absolute;right: 0;top: -18px;background: #eee;border-radius: 100%;width: 12vw;height: 12vw;max-width:46px;height:46px;border: 1px solid #eee;overflow: hidden;}
.namecardList-v2-wrapper .namecard-list .namecard-profile .namecard-image img {width:100%; height:100%;}
.namecardList-v2-wrapper .namecard-list .namecard-profile .link-icon {position:absolute; right:-5px; top:-6px;}
.namecardList-v2-wrapper .namecard-list .namecard-profile .link-icon .link-icon2 {height: 18px; line-height: 18px; background: var(--color-accent);  color: #fff; border-radius: 50px;}


.floating-modal-v2 a {border-radius:50px;font-weight: 500;}
.floating-modal-v2 a span {margin-left:10px; display:inline-block; width:24px; height:24px; position: relative; top: -2px;}
.floating-modal-v2 a span img {width:24px; height:24px;}
.namecard-floating-con a.modal-guide-link {color: #fff; background: transparent; padding: 0; border-radius: 0; display: inline-block; position: absolute; right: 0; top: -70px}


/*********************************************************
* pages: namecardDetail.jsp
* date: 2023.12 ~
**********************************************************/
.namecard-detail-edit { margin: 0 10px; display: block; width: 42px; height: 42px; } 
.namecard-detail-edit img { width: 42px; height: 42px; } 
.namecard-detail-v2 { background: var(--color-accent); } 
.namecard-detail-v2 * { font-family: var(--font-kr); letter-spacing: -0.05em; } 
.page-top { padding: 20px 16px 10px; text-align: center; display: flex; justify-content: center; } 
.page-top .page-menu { font-size: 16px; margin: 0 6px; padding: 8px 20px; color: #fff; border-radius: 50px; font-weight: 700; } 
.page-top .page-menu.active { background: #fff; color: var(--color-accent); } 
.page-top-v2 .page-menu { font-size: 15px; margin: 0 0px; padding: 8px 16px; } 
.page-cover { background: #fff; padding: 20px; border-radius: 20px 20px 0 0; width: 100%; min-height: calc(100vh - 107px); height: auto; } 
.page-cover.theme-gray { background: #f3f4f8; } 
.namecard-contents-v2 .namecard-user { display: flex; justify-content: space-between; align-items: center; position: relative; } 
.namecard-contents-v2 .namecard-user .user-info { margin-right: auto; } 
.namecard-contents-v2 .namecard-user .user-info .name-section { display: flex; align-items: center; } 
.namecard-contents-v2 .namecard-user .user-info .name { font-size: 18px; font-weight: 700; padding-bottom: 4px; } 
.namecard-contents-v2 .namecard-user .user-info .tag { font-size: 12px; display: inline-block; color: var(--color-accent); background: #DDDFFF; border-radius: 50px 50px 50px 0; padding: 0px 10px; margin-left: 10px; font-weight: 700; } 
.namecard-contents-v2 .namecard-user .user-info .company,
.namecard-contents-v2 .namecard-user .user-info .level { font-size: 12px; font-weight: 500; color: #7C7C7C; line-height: 1.6; } 
.namecard-contents-v2 .namecard-user .user-info .namecard-badge-link { font-size: 11px; } 
.namecard-contents-v2 .namecard-user .user-profile { width: 60px; height: 60px; overflow: hidden; flex: 0 0 60px; border-radius: 100%; background: #eee; } 
.namecard-contents-v2 .namecard-user .user-profile img { width: 100%; height: 100%; } 
.namecard-contents-v2 .namecard-user .link-icon { position: absolute; top: 0px; right: 40px; } 
.namecard-contents-v2 .namecard-user .link-icon .link-icon2 { font-size: 11px !important; background: var(--color-accent); color: #fff; padding: 0.3rem 10px !important; border-radius: 50px; width: auto !important; font-weight: 700; letter-spacing: 0; } 
.namecard-contents-v2 .namecard-initial { width: 100%; background: #fff; display: block; border: 1px solid #eee; border-radius: 12px; margin: 10px 0; overflow: hidden; } 
.namecard-contents-v2 .namecard-initial .init-header { padding: 30px 20px 10px; display: flex; color: var(--color-accent); position: relative; } 
.namecard-contents-v2 .namecard-initial .init-header h2 { font-size: 20px; color: var(--color-accent); display: inline-block; margin-right: 10px; } 
.namecard-contents-v2 .namecard-initial .init-header span { display: inline-block; } 
.namecard-contents-v2 .namecard-initial .init-header:before { display: block; content: ''; position: absolute; width: 40%; height: 9px; background: var(--color-accent); bottom: -4.5px; left: 0; } 
.namecard-contents-v2 .namecard-initial .init-info { padding: 24px 30px; } 
.namecard-contents-v2 .namecard-initial .init-info ul { display: flex; flex-wrap: wrap; align-items: center; padding: 0; margin: 0; list-style: none; } 
.namecard-contents-v2 .namecard-initial .init-info ul li { flex: 0 0 50%; margin: 5px 0; padding: 0 5px; } 
.namecard-contents-v2 .namecard-initial .init-info ul li b { font-size: 10px; color: var(--color-accent); font-weight: 700; padding-right: 4px; } 
.namecard-contents-v2 .namecard-initial .init-info ul li span { font-size: 14px; color: var(--color-accent); font-weight: 700; } 
.namecard-contents-v2 .namecard-initial .init-info ul li span.none { color: var(--color-accent-shadow); font-weight: 500; } 
.namecard-contents-v2 .namecard-menu { border: 1px solid #C8C8C8; padding: 12px 20px 10px; border-radius: 50px; display: flex; } 
.namecard-contents-v2 .namecard-menu .menu-btn { flex: 1 0 20%; } 
.namecard-contents-v2 .namecard-menu .menu-btn span { font-size: 12px; font-weight: 500; color: #000; } 
.namecard-contents-v2 .namecard-menu .menu-btn i { width: 24px; height: 24px; display: block; margin: 0 auto; } 
.namecard-contents-v2 .namecard-menu .menu-btn i.menu-ic-01 { background: url('/resources/naviseo/images/common/namecard-menu-ic01.svg') no-repeat center; } 
.namecard-contents-v2 .namecard-menu .menu-btn i.menu-ic-02 { background: url('/resources/naviseo/images/common/namecard-menu-ic02.svg') no-repeat center; } 
.namecard-contents-v2 .namecard-menu .menu-btn i.menu-ic-03 { background: url('/resources/naviseo/images/common/namecard-menu-ic03.svg') no-repeat center; } 
.namecard-contents-v2 .namecard-menu .menu-btn i.menu-ic-04 { background: url('/resources/naviseo/images/common/namecard-menu-ic04.svg') no-repeat center; } 
.namecard-contents-v2 .namecard-menu .menu-btn i.menu-ic-05 { background: url('/resources/naviseo/images/common/namecard-menu-ic05.svg') no-repeat center; } 
.namecard-contents-v2 .namecard-menu .menu-btn div.custom-grade { display: block; width: 34px; height: 20px; font-size: 10px; margin: 2px auto; border: 1px solid #000; background: #DADADA; border-radius: 4px; font-weight: 900; padding: 4px 2px; line-height: 1; } 
.namecard-contents-v2 .namecard-menu .menu-btn div.custom-grade.grade-03 { background: #dadada; color: #000; border-color: #000; } 


/* 비고객 */
.namecard-contents-v2 .namecard-menu .menu-btn div.custom-grade.grade-02 { background: #DAFFF8; color: #43AF9B; border-color: #43AF9B; } 


/* 가망 고객 */
.namecard-contents-v2 .namecard-menu .menu-btn div.custom-grade.grade-01 { background: #DEE0FC; color: #664EF9; border-color: #664EF9; } 


/* 거래 고객 */
.namecard-contents-v2 .namecard-menu .menu-btn div.custom-grade.grade-00 { background: #FFDCF1; color: #D93597; border-color: #D93597; } 


/* 중요 고객 */
.namecard-contents-v2 .namecard-detail-list { padding: 20px 0px; } 
.namecard-contents-v2 .namecard-detail-list .namecard-list-item { padding: 10px 0 16px; } 
.namecard-contents-v2 .namecard-detail-list .namecard-list-item .label { font-size: 12px; color: #707070; font-weight: 500; padding-bottom: 4px; display: block; } 
.namecard-contents-v2 .namecard-detail-list .namecard-list-item .label-con { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } 
.namecard-contents-v2 .namecard-detail-list .namecard-list-item .label-con span:first-of-type { font-size: 18px; color: #000; font-weight: 700; padding-right: 14px; margin-right: auto; flex: 1 0 calc(100% - 94px); word-break: break-all; } 
.namecard-contents-v2 .namecard-detail-list .namecard-list-item .label-con .links { flex: 1 0 94px; text-align: right; } 
.namecard-contents-v2 .namecard-detail-list .namecard-list-item .label-con .links a { color: #666; margin: 0 10px; } 
.namecard-contents-v2 .namecard-detail-list #delBtn a { background: #000; color: #fff; border-radius: 6px; display: block; width: 100px; text-align: center; margin: 10px auto; padding: 5px 20px; font-weight: 500; font-size: 15px; } 
.namecard-contents-v2 .namecard-detail-list .namecard-list-item em div[data-attr="NAME"] { font-size: 14px; font-style: normal; color: var(--color-accent); background: #dddfff; padding: 2px 20px; border-radius: 50px; margin-right: 4px; } 
.namecard-contents-v2 .namecard-detail-list .namecard-list-item .label-con .sns-list { display: flex; align-items: center; justify-content: center; width: 100%; } 
.namecard-contents-v2 .namecard-detail-list .namecard-list-item .label-con .sns-list>div { padding: 4px 16px; text-align: center; } 
.namecard-contents-v2 .namecard-detail-list .namecard-list-item .label-con .sns-list>div>img { display: block; margin: 0 auto 10px; } 
.namecard-contents-v2 .namecard-detail-list .namecard-list-item .label-con .sns-list>div>span { font-weight: 500; color: #4a4a4a; font-size: 14px; padding: 0; } 

.namecard-floating-v2 .label.text-list { background: #fff; margin: 0 auto; max-width: 300px; border-radius: 14px; line-height: normal; padding: 14px 0; } 
.namecard-floating-v2 .label.text-list span { font-family: var(--font-kr); width: 100% !important; margin: 0; text-align: left; font-weight: 600; font-size: 17px; background: url('/resources/naviseo/images/common/gray-arrow.svg') no-repeat center right 30px #fff; } 



/* 추가 정보 */
.namecard-tabs-btn { width: calc(100% + 40px); background: #E3E5EA; padding: 8px 20px; font-weight: 700; text-align: left; position: relative; font-size: 15px; margin-left: -20px; } 
.namecard-tabs-btn:before { display: block; content: ''; position: absolute; background: url('/resources/naviseo/images/common/namecard-tabs-icon.svg') no-repeat center; width: 9px; height: 4px; right: 20px; top: 44%; transition: all 0.3s; } 
.namecard-tabs-btn.on:before { transform: rotate(180deg); } 


/*******************************************************
* title: 명함 UI 개편_(v2)
* pages: nameCardWithTodo, nameCardWithTodoResult (할일 등록, 업무 등록)
* date: 2023.12 ~
********************************************************/
.namecard-todo-v2 { background: var(--color-accent); } 
.namecard-todo-v2 * { font-family: var(--font-kr); } 
.namecard-todo { width: 100%; } 
.namecard-todo .todo-col { padding: 10px 0; border-bottom: 1px solid #eee; } 
.namecard-todo .todo-col .col-label { font-size: 14px; color: #707070; font-weight: 500; display: flex; align-items: center; justify-content: space-between; } 
.namecard-todo .todo-col .col-label .label-btn-group { display: flex; flex-direction: column; } 
.namecard-todo .label-btn-group .btn-todo-attend { margin: 4px 0; } 
.namecard-todo .todo-col .col-content { display: block; padding: 4px 0; position: relative; } 
.namecard-todo .todo-col-2 { width: 48%; vertical-align: middle; display: inline-block; padding: 0 4px; } 
.namecard-todo .todo-col.border-none { border-bottom: 0; } 
.namecard-todo .input-todo { width: 100%; padding: 6px 24px 6px 6px; border: 0; border-bottom: 1px solid #707070 !important; color: #000; font-size: 18px !important; font-weight: 500; } 
.namecard-todo .input-todo::placeholder { color: #707070; font-size: 18px !important; } 
.namecard-todo .input-clear { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); background: #8F92A5; width: 20px; height: 20px; border-radius: 100%; text-align: center; line-height: 18px; color: #fff; } 
.namecard-todo .input-clear svg { width: 14px; height: 14px; } 
.namecard-todo .btn-todo-attend { background: #8F92A5; color: #fff; font-size: 12px; padding: 0 10px; border-radius: 4px; } 
.namecard-todo .attend-list { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; padding: 0; margin: 0; } 
.namecard-todo .attend-list li { flex: 0 0 calc(50% - 2px); background: #F3F3F3; padding: 6px 10px; margin-bottom: 4px; display: inline-flex; justify-content: space-between; font-size: 14px; font-weight: 700; } 
.namecard-todo .attend-list li:nth-child(odd) { margin-right: 2px; } 
.namecard-todo .attend-list li:nth-child(even) { margin-left: 2px; } 
.namecard-todo .send-talk { padding: 4px 0 0; } 
.namecard-todo .send-talk input[type="checkbox"] { display: none; } 
.namecard-todo .send-talk label { padding-left: 30px; position: relative; color: #666; font-size: 14px; font-weight: 500; } 
.namecard-todo .send-talk label::after { display: block; content: ''; width: 24px; height: 24px; background: url('/resources/naviseo/images/common/checkbox_off.svg') no-repeat center; border-radius: 100%; position: absolute; left: 0; top: 0; } 
.namecard-todo .send-talk input[type="checkbox"]:checked~label::after { background: url('/resources/naviseo/images/common/checkbox_on.svg') no-repeat center; border-color: var(--color-accent); } 
.namecard-todo .date-box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; } 
.namecard-todo .date-box:last-child { margin-bottom: 0; } 
.namecard-todo .input-date,
.namecard-todo .input-time { border-radius: 4px; border: 1px solid #ddd !important; padding: 4px 10px; font-size: 16px !important; } 
.namecard-todo .input-date { width: 60%; margin-right: 5px; } 
.namecard-todo .input-time { width: calc(40% - 10px); margin-left: 5px; } 
.namecard-todo .textarea-todo { font-size: 15px; width: 100%; border: 0; border-bottom: 1px solid #000 !important; padding-top:7px; padding-right:30px;} 
.namecard-todo .textarea-todo::placeholder { text-align: center; padding-top: 10px; } 
.namecard-todo .btn-record { width: 22px; height: 22px; background: url('/resources/naviseo/images/common/todo-record-icon.svg') no-repeat center; } 
.namecard-todo .select-todo,
.namecard-todo .input-money { border: 1px solid #ddd !important; width: 100%; padding: 4px; border-radius: 4px; font-size: 15px; } 
.namecard-todo .input-money { color: #707070; font-size: 12px; font-weight: 600; display: block; } 
.namecard-todo .input-money input { border: 0; width: 85%; font-size: 15px; background: transparent; } 
.namecard-todo .todo-add-file { display: none; } 
.namecard-todo .todo-add-lab { background: #8F92A5; color: #fff; font-size: 12px; padding: 0 10px; border-radius: 4px; } 
.namecard-todo .attachment-list { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; padding: 6px 0; margin: 0; } 
.namecard-todo .attachment-list li { width:100%; flex: 0 0 100%; background: #F3F3F3; padding: 6px 10px; margin-bottom: 4px; display: inline-flex; justify-content: space-between; font-size: 14px; font-weight: 700; } 
.namecard-todo .attachment-list li .attachment-name { display:block; word-break: break-all; width: calc(100% - 30px); } 


@media screen and (max-width:340px){
 .namecard-todo .input-money input { width: 70%; } 
 }



/* 연락처 저장 */
.save-contact-drawer { padding: 20px 30px; } 
.save-contact-drawer * { font-family: var(--font-kr); padding: 0; margin: 0; } 
.save-contact-drawer .title { font-size: 18px; margin-bottom: 14px; font-weight: 700; color: #000; } 
.save-contact-drawer .desc { padding: 0 5px; } 
.save-contact-drawer .desc p { margin-bottom: 4px; font-size: 15px; color: #000; font-size: 15px; } 
.save-contact-drawer .desc p span:first-of-type { padding-right: 4px; } 
.save-contact-drawer .drawer-buttons { margin: 14px 0 20px; } 
.save-contact-drawer .drawer-buttons button.btn-save { background: var(--color-accent); } 


/* namecardCompanyInfo 기업정보 */
.namecard-company-info-v2 * { font-family: var(--font-kr); } 
.namecard-company-info-v2 { background: var(--color-accent); padding-top: 20px; } 
.namecard-company-info-v2 .companyTable { border-spacing: 0; border-collapse: collapse; } 
.namecard-company-info-v2 .companyTable tr { border-bottom: 1px solid #eee; } 
.namecard-company-info-v2 .companyTableTitle { font-family: var(--font-kr); font-size: 14px; color: #888; text-align: center; padding: 20px 10px; } 
.namecard-company-info-v2 .companyTableContent { font-family: var(--font-kr); font-size: 16px; color: #060606; font-weight: 600; padding: 20px 10px; } 
.namecard-company-info-v2 .companyTableContent2 { color: #666666; } 
.namecard-company-info-v2 .companyDetailBtnWrap .btn-bottom-round { padding: 4px 10px; } 


/* meetingList 미팅이력 */
.meeting-list-v2 { background-color: var(--color-accent); padding-top: 10px; height: auto; min-height: 100%; } 
.meeting-list-v2 * { font-family: var(--font-kr); } 
.meeting-list-v2 .meeting-list-con { margin-top: 10px; } 
.meeting-list-con .meeting-top { display: flex; padding: 10px; justify-content: space-between; align-items: center; } 
.meeting-list-con .meeting-top .meeting-date { font-size: 16px; font-weight: 700; } 
.meeting-list-con .meeting-top .meeting-more { font-size: 12px; border-radius: 20px; background: #8F92A5; color: #fff; padding: 0 10px; } 
.meeting-list-con .meeting-top .meeting-more svg { width: 14px; transition: all 0.2s; height: 14px; line-height: 14px; } 
.meeting-list-con .meeting-item { border-radius: 12px; background: #FFF; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25); padding: 16px; margin-bottom: 10px; position: relative; } 
.meeting-list-con .meeting-item .item-info { display: flex; align-items: center; } 
.meeting-list-con .meeting-item .item-info span { display: block; } 
.meeting-list-con .meeting-item .item-info .item-cate { border: 1px solid #ccc; color: #ccc; border-radius: 4px; font-size: 12px; font-weight: 700; width: 40px; text-align: center; padding: 0 2px; line-height: 22px !important; flex: 0 0 40px; } 
.meeting-list-con .meeting-item .item-info .item-cate01 { color: #52ACA0; border-color: #52ACA0; } 
.meeting-list-con .meeting-item .item-info .item-cate02 { color: #66ADEB; border-color: #66ADEB; } 
.meeting-list-con .meeting-item .item-info .item-cate03 { color: #F59A49; border-color: #F59A49; } 
.meeting-list-con .meeting-item .item-info .meeting-title { font-size: 16px; font-weight: 700; padding: 0 10px; width: calc(100% - 130px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.meeting-list-con .meeting-item .item-info .meeting-name { font-size: 14px; color: #888; padding: 0 6px; font-weight: 600; width: 50px; flex: 0 0 50px; } 
.meeting-list-con .meeting-item .item-info .item-step { width: 40px; border: 1px solid #808389; border-radius: 50px; font-size: 12px; color: #808389; text-align: center; font-weight: 500; padding: 0 2px; line-height: 22px !important; flex: 0 0 40px; } 
.meeting-list-con .meeting-item .item-info .item-step01 { color: #808389; border-color: #808389; } 
.meeting-list-con .meeting-item .item-info .item-step02 { color: #1978CF; border-color: #1978CF; background: #deefff } 

.meeting-list-con .meeting-item .item-info .item-step03 { color: #D28120; border-color: #D28120; background: #FFF1E0; } 
.meeting-list-con .meeting-item .item-info .item-step04 { color: #188336; border-color: #188336; background: #e6faeb } 

.meeting-list-con .meeting-item .item-info .item-step05 { color: #C64A2F; border-color: #C64A2F; background: #f9e1e3 } 

.meeting-list-con .meeting-item .item-detail { border-top: 1px solid #e5e5e5; padding: 10px 0 0; margin-top: 10px; font-size: 15px; display: none; } 
.meeting-list-con .meeting-top .meeting-more.detailShow { background: var(--color-accent); } 
.meeting-list-con .meeting-top .meeting-more.detailShow svg { transform: rotate(180deg); margin-top: -4px; } 
.meeting-list-v2 #nonData { text-align:center; padding: 16px; font-size: 15px; color: #6f7192; } 
.meeting-list-v2 #nonData i { font-size: 36px; color:var(--color-accent); display: block; margin: 20px auto; } 
.meeting-list-v2 #nonData .link-go-btn { margin:20px auto; background:var(--color-accent); color:#fff; font-size:16px; font-weight:600; border-radius:8px; padding:8px 20px; } 



/* 미팅 이력 상세 */
.meeting-list-v2 #detailTodoWrap { padding-bottom: 70px; } 
.meeting-list-v2 #detailTodoWrap .board-label { background: none; color: #888; font-size: 14px; font-weight: 700; padding: 0; margin-bottom: 10px; } 
.meeting-list-v2 #detailTodoWrap .board-label~.desc { padding: 0; } 
.meeting-list-v2 #detailTodoWrap .todo-list2 { margin: 0; padding: 0; margin-bottom: 20px; border-radius: 10px; background: #FFF; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25); padding: 16px; } 
.meeting-list-v2 #detailTodoWrap #todo_title { font-weight: 700; font-size: 18px; } 
.meeting-list-v2 #detailTodoWrap #todo_state { width: 50px; border-radius: 50px; height: auto; } 
.meeting-list-v2 #detailTodoWrap .todo_manager_wrap.text-bg { margin: 0; background: transparent; border-top: 1px solid #e5e5e5; padding: 10px 10px 0; font-size: 16px; } 
.meeting-list-v2 #detailTodoWrap .todo_manager_wrap.text-bg .flex-box-st { margin-bottom: 6px; } 
.meeting-list-v2 #detailTodoWrap .todo_manager_wrap.text-bg .flex-box-st:last-of-type { margin-bottom: 0; } 
.meeting-list-v2 #detailTodoWrap #todo_content { margin-bottom: 20px; border-radius: 10px; background: #FFF; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25); padding: 16px; font-size: 16px; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .reply-area { border: 1px solid #ddd; display: flex; align-items: center; border-radius: 6px; padding: 8px 10px; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .reply-area .ip-file { display: none; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .reply-area .lab-file { width: 26px; height: 26px; background: url('/resources/naviseo/images/common/comment-clip.svg') no-repeat center; margin-right: 6px; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .reply-area .comment-text { width: 100%; flex: 1 1 auto; border: 0; background: #fff; color: #000; font-size: 14px !important; height: 25px; padding: 0; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .reply-area .comment-text::placeholder { font-size: 14px !important; color: #999; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .reply-area .comment-apply { font-weight: 700; color: var(--color-accent); padding: 0 0 0 10px; font-size: 14px; width: 56px; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .reply-attachment-area { padding: 8px 0 0; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .reply-attachment-area .attachment { display: flex; align-items: center; justify-content: space-between; color: #222; background: #F3F3F3; margin: 5px 0; padding: 6px 10px; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .reply-attachment-area .attachment .reply-file-name { font-size: 14px; font-weight: 700; display: block; flex: 0 1 auto; word-break: break-all; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .reply-attachment-area .attachment button { margin-left: 5px; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .reply-attachment-area .attachment button svg { width: 18px; color: #000; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line { border: 0; margin: 0; padding: 0; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info { padding: 10px 0 4px; border: 0; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .reply-attachment-area { padding-left: 32px; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .comment-user { display: flex; align-items: center; position: relative; flex-wrap: wrap; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .comment-user .img { width: 32px; height: 32px; flex: 0 0 32px; border-radius: 100%; overflow: hidden; background: #ddd; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .comment-user .img img { width: 32px; height: 32px; border-radius: 100%; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .comment-user .user-info { padding: 10px; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .comment-user .user-info .name { font-weight: 700; color: #000; font-size: 14px; margin: 0; display: block; width: 100%; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .comment-user .user-info .date { font-size: 12px; color: #666; font-weight: 500; margin: 0; display: contents; width: 100%; line-height: 1.5; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .comment-user .edit-btn { margin-left: auto; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .comment-user .edit-btn svg { width: 20px; height: 20px; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .comment-con { font-size: 14px; color: #454545; font-weight: 500; padding: 0 0 0 40px; word-break: break-all; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .comment-con-textarea { width: calc(100% - 40px); border: 1px solid #474747; font-size: 14px; color: #454545; font-weight: 500; line-height: 1.7; letter-spacing: -0.05em; margin-left: 40px; padding: 4px 10px; border-color: #474747 !important; border-radius: 6px; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .btn-modify-save { margin-left: auto; width: 50px; display: block; font-size: 13px; font-weight: 700; color: var(--color-accent); } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .comment-user .edit-popup { position: absolute; background: #fff; border-radius: 4px; padding: 14px 20px; border: 1px solid #555; right: 0px; top: 50px; z-index: 9999; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .comment-user .edit-popup button { display: block; font-size: 16px; color: #000; font-weight: 500; width: 100px; text-align: left; margin-bottom: 10px; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .comment-user .edit-popup button:last-of-type { margin-bottom: 0; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .nested-reply-btn { font-size: 14px; color: #000; display: block; padding: 0 0 10px; font-weight: 600; margin-left: 40px; letter-spacing: -0.05em; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .nested-reply-btn .reply-bubble { width: 20px; height: 20px; background: url('/resources/naviseo/images/common/reply-icon.svg') no-repeat center; display: inline-block; margin-right: 4px; margin-bottom: -5px; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line.nested-reply { padding-left: 24px; position: relative; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line.nested-reply:before { display: block; content: ''; position: absolute; left: 0; top: 23px; width: 16px; height: 16px; background: url('/resources/naviseo/images/common/nested-reply-icon.svg') no-repeat center; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line.nested-reply .comment-info { padding: 0 0 4px; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .nested-reply-area { padding-left: 40px; } 
.meeting-list-v2 #detailTodoWrap #todo_file_list .con .detail-fileinput { background: #eee; color: #000; display: flex; padding: 10px 20px; justify-content: space-between; align-items: center; font-size: 14px; font-weight: 600; } 



/* 명함상세 - 명함 눌렀을때 팝업 */
.photo-zoom-v2 * { font-family: var(--font-kr); } 
.photo-zoom-v2 .namecard-add { padding: 0; overflow: hidden; width: 90%; min-width: 320px; max-width: 320px; border: 1px solid #dddfff; margin: 0 auto; } 
.photo-zoom-v2 .namecard-add .namecard-add-con .top { text-align: left; padding: 20px 24px 10px; position: relative; } 
.photo-zoom-v2 .namecard-add .namecard-add-con .top:after { display: block; content: ''; position: absolute; left: 0; bottom: -3px; width: 45%; height: 6px; background: var(--color-accent); } 
.photo-zoom-v2 .namecard-add .namecard-add-con .top .add-comp { font-size: 12px; font-weight: 700; display: block; color: #5f5f5f; padding-bottom: 4px; } 
.photo-zoom-v2 .namecard-add .namecard-add-con .top .add-name { font-size: 12px; color: var(--color-accent); border: none; } 
.photo-zoom-v2 .namecard-add .namecard-add-con .top .add-name b { font-size: 20px; padding-right: 10px; } 
.photo-zoom-v2 .namecard-add .namecard-add-con .bottom { padding: 14px 20px 20px; text-align: left; } 
.photo-zoom-v2 .namecard-add .namecard-add-con .bottom .add-add { width: 100%; display: block; font-size: 12px; text-align: left; margin-bottom: 4px; } 
.photo-zoom-v2 .namecard-add .namecard-add-con .bottom .add-nom { width: 48%; display: inline-block; text-align: left; font-size: 11px; color: #5962EF; } 
.photo-zoom-v2 .namecard-add .namecard-add-con .bottom .add-nom b { font-weight: 600; font-size: 11px; padding-right: 6px; } 


/* 명함상세 - 고객등급분류 모달 */
.customer-grade-floating * { font-family: var(--font-kr); } 
.customer-grade-list { background: #fff; padding: 20px 40px; width: 100%; max-width: 300px; margin: 0 auto; border-radius: 14px; } 
.customer-grade-list .list-label { display: flex; justify-content: space-between; font-size: 18px; margin: 16px 0; align-items: center; } 
.customer-grade-list .list-label .label-name { font-weight: 600; } 
.customer-grade-list .list-label input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; cursor: pointer; width: 24px; height: 24px; border-radius: 100%; border: 1px solid #ccc !important; } 
.customer-grade-list .list-label input[type="radio"]:checked { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 6px solid var(--color-accent) !important; } 
.customer-grade-list .list-label input[type="radio"]:focus { outline: 0; } 
#customerGradeDivision .divison-save a { color: #fff; padding: 5px 20px 0; display: block; font-size: 14px; } 
.namecardList-v2-wrapper.no-scrl { min-height: auto; height: calc(100vh - 115px); } 
.namecardList-v2-wrapper .namecard-list.no-scrl { height: calc(100% - 100px); overflow-y: auto; } 



/* 기업정보 */
.main-search #companySeachTxt::placeholder { font-size: 14px; } 


/***************************************************************
* 2023-12-11
* 나비서 앱 - 오늘할일 페이지 ui 업데이트
* tms.jsp
***************************************************************/
.main-todo-wrap { background: #F3F4F8; width: 100%; min-height: 100%; height: auto; } 
.main-todo-wrap * { font-family: var(--font-kr); } 
.main-todo-wrap .no-contents { padding: 40px; text-align: center; display: block; line-height: 2.3; } 
.main-todo-wrap .no-contents span:first-child img { padding-right: 10px; } 
.main-todo-wrap .no-contents span:first-of-type { color: #808389; font-size: 14px; font-weight: 500; display: block; width: 100%; } 
.main-todo-wrap .no-contents span:last-of-type { color: #000; font-size: 16px; display: block; width: 100%; } 
.main-todo-top { padding: 20px; background: var(--color-accent); color: #fff; padding-top: 60px; display: flex; align-items: center; padding-bottom: 90px; } 
.main-profile { width: 32px; height: 32px; background: #fff; border-radius: 100%; margin-right: 20px; overflow: hidden; } 
.main-profile img { width: 100%; } 
.main-refresh { font-size: 14px; } 
.main-refresh .refresh-btn { margin-left: 10px; } 
.main-todo-cal { position: relative; margin-top: -70px; background: #fff; border-radius: 12px; box-shadow: 0px 7px 2px 2px rgba(0, 0, 0, 0.1); width: 90%; left: 5%; } 
.main-todo-cal .todo-cal-title { display: flex; justify-content: center; align-items: center; padding: 22px; border-bottom: 1px solid #ddd; } 
.main-todo-cal .todo-cal-title .cal-btn { font-size: 14px; color: #3F3F3F; padding: 0 10px; } 
.main-todo-cal .todo-cal-title .title { margin: 0; font-size: 18px; padding: 0 20px; } 
.todo-cal-weekly { display: flex; align-items: flex-start; justify-content: space-evenly; padding: 10px 0; } 
.todo-cal-weekly .week-day { flex: 0 0 calc(100% / 7); text-align: center; width: calc(100% / 7); } 
.todo-cal-weekly .week-day .day-name { font-size: 14px; color: #888; } 
.todo-cal-weekly .week-day .day-num { color: #000; font-weight: 700; width: 30px; height: 30px; line-height: 30px; margin: 4px auto; } 
.todo-cal-weekly .week-day.selected .day-num { background: #000; color: #fff !important; border-radius: 100%; } 
.todo-cal-weekly .week-day .day-num#week_sun { color: #E85253; } 
.login-all-wrap { width: 100%; display: flex; flex-direction: column; justify-content: center; } 
.login-intro-wrap { width: 100%; position: relative; } 
.login-swiper .swiper-wrapper { width: 100%; height: auto; } 
.login-swiper .swiper-slide { width: 100%; display: block; } 
.login-swiper .swiper-slide img { display: block; margin: 0 auto; } 
.login-swiper .login-swiper-pagination { position: relative; margin-top: 20px; bottom: unset !important; text-align: center; } 
.login-swiper .login-swiper-pagination:before { width: 100px; height: 2px; background: #C1BCD6; content: ''; display: none; position: absolute; left: 50%; transform: translateX(-50%); bottom: 14px; z-index: -1; } 
.login-swiper .login-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--color-accent); } 
.login-swiper .login-swiper-pagination .swiper-pagination-bullet { opacity: 1; background: #C1BCD6; margin: 0 6px !important; width: 6px; height: 6px; } 
.login-intro-wrap .visu-prev { position: absolute; top: 50%; left: 20px; z-index: 9999; } 
.login-intro-wrap .visu-next { position: absolute; top: 50%; right: 20px; z-index: 9999; } 
.login-intro-wrap .swiper-button-disabled { display: none !important; } 
.login-area { text-align: center; font-size: 20px; padding-bottom: 20px; margin-top: 0; } 
.login-area .login-btn-wrap { display: flex; justify-content: center; align-items: center; flex: 1 1 50%; padding: 20px; } 
.login-area .login-btn-wrap .login-btn { color: var(--color-accent); font-size: 16px; padding: 10px; font-weight: 500; border: 1px solid var(--color-accent); width: 45%; margin: 5px; font-family: var(--font-kr); background: #fff; border-radius: 50px !important; } 
.login-area .login-btn-wrap .login-btn.join-btn { background: var(--color-accent); color: #fff; } 
.login-find { font-size: 14px; display: flex; justify-content: center; font-weight: 800; } 
.login-find .find-text { color: #9c9c9c; font-weight: 500; margin-bottom: 0; } 
.login-find .find-link { padding: 0 0 0 15px !important; text-decoration: underline !important; font-weight: 700; } 
.agree-box-wr { font-size: var(--font-size-lar); padding-top: 20px; } 
.agree-box { border: 2px solid #CBCCD5; padding: 14px 28px; text-align: left; border-radius: 6px; display: flex; align-items: center; } 
.chk-type01 { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; overflow: hidden; } 
.lab-type01 { color: #131322; font-weight: 700; display: flex; align-items: center; } 
.lab-type01 span { padding-left: 10px; display: inline-block; } 
.chk-type01+.lab-type01:before { content: ""; display: inline-block; width: 22px; height: 22px; background: url('/resources/naviseo/images/member/check_box.svg'); vertical-align: middle; } 
.chk-type01:checked+.lab-type01:before { background: url('/resources/naviseo/images/member/chk_active.svg') no-repeat center; } 
.check-list { display: flex; justify-content: flex-start; margin-bottom: 0; } 
.check-list ul { width: 100%; margin: 0; padding: 0; } 
.check-list ul li { font-size: 15px; margin: 15px 0; font-weight: 700; display: flex; width: 100%; justify-content: space-between; } 
.chk-type02 { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; overflow: hidden; } 
.lab-type02 { color: #131322; font-weight: 700; display: flex; align-items: center; } 
.lab-type02 span { padding-left: 10px; display: inline-block; font-size: 14px; } 
.chk-type02+.lab-type02:before { content: ""; display: inline-block; width: 22px; height: 22px; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='13' fill='none'%3E%3Cpath fill='%23CBCCD5' d='M5.013 12.688h-.095a1.23 1.23 0 0 1-.84-.437L.283 7.696a1.22 1.22 0 1 1 1.874-1.56l2.999 3.596L15.983.299a1.217 1.217 0 1 1 1.599 1.837L5.815 12.384a1.217 1.217 0 0 1-.802.3v.004Z'/%3E%3C/svg%3E"); } 
.chk-type02:checked+.lab-type02:before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='13' fill='none'%3E%3Cpath fill='%235962EF' d='M5.013 12.688h-.095a1.23 1.23 0 0 1-.84-.437L.283 7.696a1.22 1.22 0 1 1 1.874-1.56l2.999 3.596L15.983.299a1.217 1.217 0 1 1 1.599 1.837L5.815 12.384a1.217 1.217 0 0 1-.802.3v.004Z'/%3E%3C/svg%3E") no-repeat center; } 
.agree-more { display: block; width: 16px; height: 16px; background: url('/resources/naviseo/images/member/right_check.svg'); } 


/* login_intro 추가 끝 */
@media screen and (max-height:680px){
 .login-swiper .swiper-slide img { height: 400px; } 
 }

.todo-cal-weekly .week-day .day-plan { font-size: 10px; font-weight: 500; width: 36px; line-height: 1.5; text-align: center; margin: auto; } 
.todo-cal-monthly { padding: 10px 0; } 
.todo-cal-monthly .todo-cal-dayname { display: flex; align-items: center; } 
.todo-cal-monthly .todo-cal-dayname .day-name { font-size: 14px; color: #888; flex: 0 0 calc(100% / 7); width: calc(100% / 7); text-align: center; } 
.todo-cal-monthly .todo-cal-day { display: flex; align-items: flex-start; justify-content: start; flex-wrap: wrap; } 
.todo-cal-monthly .todo-cal-day .day-week { display: flex; width: 100%; height: auto !important; } 
.todo-cal-monthly .todo-cal-day .day-week .day-item { flex: 0 0 calc(100% / 7); width: calc(100% / 7); text-align: center; } 
.todo-cal-monthly .todo-cal-day .day-week .day-item .day-num { color: #000; font-weight: 700; width: 30px; height: 30px; line-height: 30px; margin: 4px auto; } 
.todo-cal-monthly .todo-cal-day .day-week .day-item .day-num.prev-month { opacity: 0.5; } 
.todo-cal-monthly .todo-cal-day .day-week .day-item .day-num.day-sun { color: #E85253; } 


/* header 서비스가입신청 버튼 */
.svc-btn { display: inline-block; text-align: center; line-height: 1.3; font-weight: var(--font-weight-bold); font-size: var(--font-size-sm); padding: 7px 10px 4px; color: var(--color-accent) !important; background: var(--color-accent-bg); border-radius: var(--radius); margin-right: 15px; } 
.new-svc-btn { display: block; text-align: center; font-size: 12px; color: #fff; font-weight: bold; line-height: 1.2; color: #fff !important; padding: 3px 10px; margin-right: 10px; } 
.new-svc-btn.header-title { font-size: 12px; font-weight: 500; margin-left: 6px !important; font-family: var(--font-kr); top: -4px; } 
.top-setting { margin-left: 14px; } 


/* header 저장 버튼 */
.header-save-btn { color: #fff; font-size: 14px; } 
.todo-cal-monthly .todo-cal-day .day-week .day-item .day-num.today { background: #000; color: #fff !important; border-radius: 100%; } 
.todo-cal-monthly .todo-cal-day .day-week .day-item .day-plan { font-size: 10px; font-weight: 500; width: 36px; line-height: 1.5; text-align: center; margin: auto; } 
.todo-cal-monthly .todo-cal-day .day-week .day-item .day-num.selected { background: #000; color: #fff !important; border-radius: 100%; } 


/* 회원가입 완료 창 */
.signup-top { text-align: center; } 
.signup-top p { padding-top: 14px; font-size: var(--font-size-big); color: var(--color-accent); } 
.business-card-box { width: 90%; box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.35); border-radius: 10px; margin: 30px auto; overflow: hidden; max-width: 300px; } 
.card-inner { height: 170px; background: #E6DBFF; position: relative; } 
.card-inner img { position: absolute; top: 20px; right: 20px; } 
.card-inner::before { display: block; content: ''; position: absolute; bottom: -7px; left: 0; background: var(--color-accent); width: 50%; height: 14px; } 
.card-content { padding: 30px; color: var(--color-accent); letter-spacing: 0; } 
.card-content .con-ttl { font-size: var(--font-size-big); font-weight: var(--font-weight-bold); color: var(--color-accent); font-family: var(--font-kr); margin-bottom: 15px; } 
.card-content .con { font-size: var(--font-size-nor); font-weight: 600; color: var(--color-accent); font-family: var(--font-kr); margin-bottom: 10px; } 
.card-content .con span { display: block; font-family: var(--font-kr); } 


/* crm 페이지 수정 */
.svc-apply-btn { background: #fff; color: var(--color-accent); font-weight: 700; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); padding: 6px 4px; width: 84px; border-radius: 6px; font-family: var(--font-kr); line-height: 1.2; } 
.new-flex-box { flex-wrap: wrap; } 
.new-flex-box .flex-3 { flex: 1 0 calc(100% / 3 - 20px); margin: 4px; text-align: center; padding: 0px 10px 10px; background: #fff; border-radius: 8px; border: 1px solid #F1F1F1; } 
.new-flex-box .crm-btn2 { border: 0; margin: 0 auto; padding: 1.3rem 0 0; height: 4rem; } 
.new-flex-box .crm-btn2-tit { font-family: var(--font-kr); } 


/* 퀵메뉴 추가 및 수정 */
.circle-menu .home-icon { width: 80%; height: 80%; margin: 10% auto; border-radius: 100%; border: 1px solid #EDEDED; background: linear-gradient(134deg, #FFF 2.06%, #DDD 95.18%); box-shadow: 6px 5px 20px 0px rgba(158, 158, 158, 0.40) inset, 0px 4px 4px 0px rgba(0, 0, 0, 0.25); display: flex; justify-content: center; align-items: center; } 
.circle-menu .center .home-icon img { padding: 0; } 
.quick-menu-toggle { width: 100px; height: 100px; position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); cursor: pointer; z-index: 9991; background: linear-gradient(155deg, #5962EF 13.23%, rgba(158, 94, 224, 0.92) 92.99%); border-radius: 100%; } 
.quick-menu-toggle .quick-menu-btn { background: linear-gradient(134deg, #FFF 2.06%, #DDD 95.18%); box-shadow: 6px 5px 20px 0px rgba(158, 158, 158, 0.40) inset, 0px 4px 4px 0px rgba(0, 0, 0, 0.25); width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; border-radius: 100%; margin: 10px; } 
.quick-menu-wr { opacity: 0; width: 0px; height: 0px; border-radius: 50%; background: #F2F1F1; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); position: fixed; transition: all .5s ease; z-index: 9990; } 
.quick-menu-wr { opacity: 1; width: 300px; height: 300px; box-shadow: 0px 1px 20px 0px #5962EF; } 
.quick-menu-wr a { color: #2f0f26; text-align: center; text-decoration: none; transition: all .5s ease; width: 70px; height: 70px; display: inline-flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; } 
.quick-menu-wr a span { font-size: var(--font-size-sm); color: var(--color-accent); display: block; font-family: var(--font-kr); font-weight: var(--font-weight-bold); } 
.quick-menu-wr a:nth-of-type(1) { position: fixed; top: 18%; left: 50%; transform: translateX(-50%) translateY(-50%); } 
.quick-menu-wr a:nth-of-type(2) { position: fixed; top: 35%; right: -4%; transform: translateX(-50%) translateY(-50%); } 
.quick-menu-wr a:nth-of-type(3) { position: fixed; bottom: 11%; right: -2%; transform: translateX(-50%) translateY(-50%); } 
.quick-menu-wr a:nth-of-type(4) { position: fixed; bottom: 11%; left: 22%; transform: translateX(-50%) translateY(-50%); } 
.quick-menu-wr a:nth-of-type(5) { position: fixed; top: 35%; left: 19%; transform: translateX(-50%) translateY(-50%); } 
.quick-menu-wr a:nth-of-type(6) { position: fixed; bottom: -8%; left: 50%; transform: translateX(-50%) translateY(-50%); } 

.quick-menu-wr a:nth-of-type(1) img { width: 30px; } 
.quick-menu-wr a:nth-of-type(2) img { width: 22px; } 
.quick-menu-wr a:nth-of-type(3) img { width: 28px; } 
.quick-menu-wr a:nth-of-type(4) img { width: 26px; } 
.quick-menu-wr a:nth-of-type(5) img { width: 28px; } 

#findIdView { font-size: var(--font-size-lar) } 

.main-todo-plan { padding: 20px 20px 90px; } 
.main-todo-plan .todo-plan-top { padding: 10px 0; display: flex; align-items: center; justify-content: space-between; } 
.main-todo-plan .todo-plan-top .plan-ttl { font-size: 20px; display: flex; align-items: baseline; flex-wrap: wrap; width: 60%; } 
.main-todo-plan .todo-plan-top .plan-count { font-size: 12px; padding-left: 10px; font-weight: 400; } 
.main-todo-plan .todo-plan-top .plan-count span { color: #F534F9; } 
.main-todo-plan .todo-plan-top .plan-date { width: 100%; font-size: 14px; font-weight: 500; } 
.main-todo-plan .todo-plan-top .generator { display: flex; align-items: center; } 
.main-todo-plan .todo-plan-con { margin-top: 10px; } 
.main-todo-plan .todo-plan-con .today-date { font-size: 16px; font-weight: 700; } 
.main-todo-plan .todo-plan-con .list-wrapper { padding: 10px 0; } 
.main-todo-plan .todo-plan-con .todo-item { border-radius: 12px; background: #FFF; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25); padding: 20px; margin-bottom: 10px; position: relative; } 
.main-todo-plan .todo-plan-con .todo-item:last-of-type { margin-bottom: 0; } 
.main-todo-plan .todo-plan-con .todo-item .item-cate { padding: 2px 8px; border: 1px solid #ccc; color: #ccc; border-radius: 50px; font-size: 12px; font-weight: 700; } 
.main-todo-plan .todo-plan-con .todo-item .item-cate01 { color: #fff; background: #52ACA0; border-color: #52ACA0; } 
.main-todo-plan .todo-plan-con .todo-item .item-cate02 { color: #fff; background: #66ADEB; border-color: #66ADEB; } 
.main-todo-plan .todo-plan-con .todo-item .item-cate03 { color: fff; background: #F59A49; border-color: #F59A49; } 
.main-todo-plan .todo-plan-con .todo-item .item-ttl { font-size: 16px; font-weight: 500; padding: 12px 4px 4px; display: flex; flex-wrap: wrap; } 
.main-todo-plan .todo-plan-con .todo-item .item-ttl span:first-of-type { width: calc(100% - 46px); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #000; } 
.main-todo-plan .todo-plan-con .todo-item .item-ttl .item-step { width: 46px; border: 1px solid #808389; border-radius: 4px; font-size: 12px; padding: 0px 4px; color: #808389; text-align: center; font-weight: 500; } 
.main-todo-plan .todo-plan-con .todo-item .item-ttl .item-step01 { color: #808389; border-color: #808389; } 
.main-todo-plan .todo-plan-con .todo-item .item-ttl .item-step02 { color: #1978CF; border-color: #1978CF; background: #deefff } 

.main-todo-plan .todo-plan-con .todo-item .item-ttl .item-step03 { color: #D28120; border-color: #D28120; background: #FFF1E0; } 
.main-todo-plan .todo-plan-con .todo-item .item-ttl .item-step04 { color: #188336; border-color: #188336; background: #e6faeb } 

.main-todo-plan .todo-plan-con .todo-item .item-ttl .item-step05 { color: #C64A2F; border-color: #C64A2F; background: #f9e1e3 } 

.main-todo-plan .todo-plan-con .todo-item .item-detail-btn { position: absolute; top: 16px; right: 22px; width: 24px; height: 24px; background: url('/resources/naviseo/images/main2/item-detail.svg') no-repeat center; } 
.todo-aside-btn { width: 48px; height: 48px; line-height: 52px; background: var(--color-accent); text-align: center; border: 0; outline: none; border-radius: 100%; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); color: #fff; font-size: 18px; position: fixed; right: 30px; bottom: 80px; z-index: 9990; } 
.todo-aside-con { position: fixed; right: 10px; bottom: 70px; z-index: 1002; } 
.todo-aside-con .menu-list { position: fixed; right: 20px; bottom: 140px; z-index: 1100; } 


/*********************************************************
* title: 명함 UI 개편 (v2)
* pages: namecardList2.jsp
* date: 2023.12 ~
**********************************************************/
.namecardList-new { background: var(--color-accent); height: 100%; } 
.namecardList-new * { font-family: var(--font-kr); } 
.nav-scroller-v2 { background: var(--color-accent); } 
.nav-scroller-v2 .nav { background: var(--color-accent) !important; } 
.nav-scroller-v2 a { border: 1px solid #fff; letter-spacing: 0; font-size: 14px; padding: 4px 10px; border-radius: 6px; background: transparent; color: #fff; margin-right: 8px; } 
.nav-scroller-v2 .d-inl:last-child a { margin-right: 0; } 
.nav-scroller-v2 a.menu-on { background: #fff; color: var(--color-accent); font-weight: 700; } 
.namecardList-v2-wrapper { background: #fff; border-radius: 20px 20px 0 0; min-height: calc(100vh - 100px); padding-top: 5px; height: auto; } 
.namecardList-v2-wrapper .list-setting { background: transparent; box-shadow: none; border-bottom: 1px solid #e5e5e5; } 
.namecardList-v2-wrapper .list-setting .namecard-filter { width: 100%; display: flex; padding: 0 10px; justify-content: space-between; align-items: center; } 
.namecardList-v2-wrapper .list-setting .namecard-filter .list-count { font-size: 14px; font-weight: 600; } 
.namecardList-v2-wrapper .list-setting .namecard-filter .selectAll { font-size: 14px; color: var(--color-accent); font-weight: 700; } 
.namecardList-v2-wrapper .namecard-check.text-right { display: flex; justify-content: right; } 
.namecardList-v2-wrapper .namecard-check.text-right .chkAll-btn { font-size: 14px; font-weight: 600; color: var(--color-accent); margin-right: 10px; } 
.namecardList-v2-wrapper .namecard-list .no-namecard { display: block; text-align: center; padding: 80px 0; } 
.namecardList-v2-wrapper .namecard-list .no-namecard img { display: block; margin: auto; } 
.namecardList-v2-wrapper .namecard-list .no-namecard .btn-load { border: 0; outline: none; background: var(--color-accent); color: #fff; border-radius: 6px; padding: 12px 53px; font-size: 16px; margin-top: 40px; } 

.notice-text { text-align: center; font-size: 16px; padding: 15px 0; } 
.notice-text span { font-size: 18px; font-weight: 700; display: block; margin: 20px 0; color: var(--color-accent); } 
.drawer-buttons { display: flex; justify-content: center; align-items: center; padding: 10px 10px 30px; } 
.drawer-buttons button { border: 0; padding: 12px 20px; color: #fff; flex: 1 0 auto; margin: 0 5px; border-radius: 6px; font-size: 16px; font-weight: 600; } 
.drawer-buttons button.btn-cancel { background: #727171; } 
.drawer-buttons button.btn-next { background: var(--color-accent); } 
.namecardList-v2-wrapper .namecard-list .card-style { box-shadow: none; margin: 0 !important; border-bottom: 1px solid #e5e5e5 !important; display: flex; align-items: center; flex-direction: row; min-height: auto; height: auto; padding: 8px 12px; overflow: hidden; max-height: fit-content; } 
.namecardList-v2-wrapper .namecard-list .card-style .item-delete {padding-right:10px;font-size:20px;color:#ff505a;}
.namecardList-v2-wrapper .namecard-list .list-photo { position: unset; width: 50px; height: 50px; } 
.namecardList-v2-wrapper .namecard-list .namecard-photo { width: 50px; height: 50px; position: unset; left: auto; top: auto; background: #eee; border-radius: 100%; min-width: 50px; min-height: 50px; } 
.namecardList-v2-wrapper .namecard-list .list-photo .link-icon2 { font-size: 10px !important; background: var(--color-accent); line-height: 17px; height: 17px; top: 0px; left: -4px; } 
.namecardList-v2-wrapper .namecard-list .namecard-info { position: unset; width: calc(100% - 110px); padding: 0 14px 0 6px; flex:0 0 calc(100% - 110px); } 
.namecardList-v2-wrapper .namecard-list .icon-more { position: unset; width: 30px; height: 30px; color: #222; margin-top: 0; text-align: center; } 
.namecardList-v2-wrapper .namecard-list span.date { color: #000; font-size: 14px; font-weight: 600; margin: 0; } 
.namecardList-v2-wrapper .namecard-list .namecard-info strong { font-size: 16px; font-weight: 500; color: #000; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;width: 100%;white-space:normal;} 
.namecardList-v2-wrapper .namecard-list .namecard-info span { font-size: 12px; color: #7c7c7c; font-weight: 400; width: 49vw; } 
.namecardList-v2-wrapper .namecard-list .namecard-info p { font-size: 12px; color: #7c7c7c; font-weight: 400; } 
.namecardList-v2-wrapper .namecard-list .namecard-thum { margin: 0 10px; width: 100%; height: 54px; border: 1px solid #eee; border-radius: 6px; overflow: hidden; } 
.namecardList-v2-wrapper .namecard-list .namecard-thum img { width: 100% !important; height: 100% !important; display: block; } 
.namecardList-v2-wrapper .namecard-list .namecard-check { height: 30px; } 
.namecardList-v2-wrapper .namecard-list .namecard-check>input[type="checkbox"] { display: none; } 
.namecardList-v2-wrapper .namecard-list .namecard-check>input[type="checkbox"]+label { display: inline-block; width: 30px; height: 30px; border: 1px solid #9D9DB3; position: relative; border-radius: 100%; cursor: pointer; } 
.namecardList-v2-wrapper .namecard-list .namecard-check>input[type="checkbox"]:checked+label::after { content: ''; font-size: 16px; width: 34px; height: 34px; text-align: center; position: absolute; left: -3px; top: -3px; color: #fff; background: url('/resources/naviseo/images/common/checkbox_b_on.svg') no-repeat center; border-radius: 100%; } 
.namecardList-v2-wrapper .namecard-list .namecard-check>input[type="checkbox"]:checked+label { border: 0; } 
.namecardList-v2-wrapper .namecard-list .namecard-profile { position: relative; flex:0 0 100px; width:100px;} 
.namecardList-v2-wrapper .namecard-list .namecard-profile .namecard-image { position: absolute; right: 6px; top: -18px; background: #eee; border-radius: 100%; width: 12vw; height: 12vw; max-width:46px;max-height:46px;border: 1px solid #eee; overflow: hidden; } 
.namecardList-v2-wrapper .namecard-list .namecard-profile .namecard-image img { width: 100%; height: 100%; } 
.namecardList-v2-wrapper .namecard-list .namecard-profile .link-icon { position: absolute; right: -5px; top: -6px; } 
.namecardList-v2-wrapper .namecard-list .namecard-profile .link-icon .link-icon2 { height: 18px; line-height: 18px; background: var(--color-accent); color: #fff; border-radius: 50px; } 
.namecard-list .list-photo .link-icon.cl-green svg {background:#24cdba;}


.floating-modal-v2 a { border-radius: 50px; font-weight: 500; } 
.floating-modal-v2 a span { margin-left: 10px; display: inline-block; width: 24px; height: 24px; position: relative; top: -2px; } 
.floating-modal-v2 a span img { width: 24px; height: 24px; } 
.namecard-floating-con a.modal-guide-link { color: #fff; background: transparent; padding: 0; border-radius: 0; display: inline-block; position: absolute; right: 0; top: -70px } 




/*********************************************************
* pages: namecardDetail.jsp
* date: 2023.12 ~
**********************************************************/
.namecard-detail-edit { margin: 0 10px; display: block; width: 42px; height: 42px; } 
.namecard-detail-edit img { width: 42px; height: 42px; } 
.namecard-detail-v2 { background: var(--color-accent); } 
.namecard-detail-v2 * { font-family: var(--font-kr); letter-spacing: -0.05em; } 
.page-top { padding: 20px 16px 10px; text-align: center; display: flex; justify-content: center; } 
.page-top .page-menu { font-size: 16px; margin: 0 6px; padding: 8px 20px; color: #fff; border-radius: 50px; font-weight: 700; } 
.page-top .page-menu.active { background: #fff; color: var(--color-accent); } 
.page-top-v2 .page-menu { font-size: 15px; margin: 0 2px; padding: 6px 8px; min-width:72px; } 
.page-cover { background: #fff; padding: 20px; border-radius: 20px 20px 0 0; width: 100%; min-height: calc(100vh - 107px); height: auto; } 
.page-cover.theme-gray { background: #f3f4f8; } 
.namecard-contents-v2 .namecard-user { display: flex; justify-content: space-between; align-items: center; position: relative; } 
.namecard-contents-v2 .namecard-user .user-info { margin-right: auto; } 
.namecard-contents-v2 .namecard-user .user-info .name-section { display: flex; align-items: center; } 
.namecard-contents-v2 .namecard-user .user-info .name { font-size: 18px; font-weight: 700; padding-bottom: 4px; } 
.namecard-contents-v2 .namecard-user .user-info .tag { font-size: 12px; display: inline-block; color: var(--color-accent); background: #DDDFFF; border-radius: 50px 50px 50px 0; padding: 0px 10px; margin-left: 10px; font-weight: 700; } 
.namecard-contents-v2 .namecard-user .user-info .company,
.namecard-contents-v2 .namecard-user .user-info .level { font-size: 12px; font-weight: 500; color: #7C7C7C; line-height: 1.6; } 
.namecard-contents-v2 .namecard-user .user-info .namecard-badge-link { font-size: 11px; } 
.namecard-contents-v2 .namecard-user .user-profile { width: 60px; height: 60px; overflow: hidden; flex: 0 0 60px; border-radius: 100%; background: #eee; } 
.namecard-contents-v2 .namecard-user .user-profile img { width: 100%; height: 100%; } 
.namecard-contents-v2 .namecard-user .link-icon { position: absolute; top: 0px; right: 40px; } 
.namecard-contents-v2 .namecard-user .link-icon .link-icon2 { font-size: 11px !important; background: var(--color-accent); color: #fff; padding: 0.3rem 10px !important; border-radius: 50px; width: auto !important; font-weight: 700; letter-spacing: 0; } 
.namecard-contents-v2 .namecard-initial { width: 100%; display: block; margin: 10px 0; overflow: hidden; } 
.namecard-contents-v2 .namecard-initial-bg { border: 8px solid #fff; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.40); background: url(/resources/naviseo/images/common/nc-frame-bg.svg) no-repeat center #f7f7f7; background-size: 100% 100%; border-radius: 12px; } 
.namecard-contents-v2 .namecard-initial .init-header { padding: 15px 15px 10px; display: flex; color: #000; position: relative; align-items: center; flex-wrap: wrap; } 
.namecard-contents-v2 .namecard-initial .init-header h2 { font-size: 20px; color: #000; display: inline-block; margin-right: 10px; position: relative; padding-left: 20px; } 
.namecard-contents-v2 .namecard-initial .init-header h2:before { display: block; content: ''; position: absolute; width: 14px; height: 16px; background: url('/resources/naviseo/images/common/nc-frame-ic.svg') no-repeat center; left: 0; top: 5px; } 
.namecard-contents-v2 .namecard-initial .init-header span { display: inline-block; } 
.namecard-contents-v2 .namecard-initial .init-header:before { display: block; content: ''; position: absolute; width: 94%; height: 3px; background: #AAAAAA; bottom: 0; left: 0; } 
.namecard-contents-v2 .namecard-initial .init-header:after { display: block; content: ''; position: absolute; width: 70%; height: 3px; background: #000; bottom: 0; left: 0; } 
.namecard-contents-v2 .namecard-initial .init-info { padding: 14px; } 
.namecard-contents-v2 .namecard-initial .init-info ul { display: flex; flex-wrap: wrap; align-items: flex-start; padding: 0; margin: 0; list-style: none; } 
.namecard-contents-v2 .namecard-initial .init-info ul li { flex: 0 1 50%; margin: 5px 0; padding: 0 5px; } 
.namecard-contents-v2 .namecard-initial .init-info ul li b { font-size: 13px; color: #5F5F5F; font-weight: 400; padding-right: 6px; } 
.namecard-contents-v2 .namecard-initial .init-info ul li span { font-size: 15px; color: #222; font-weight: 700; word-break: break-all; display: block; } 
.namecard-contents-v2 .namecard-initial .init-info ul li span.none { color: #222; font-weight: 500; } 
.namecard-contents-v2 .namecard-initial .init-add { padding: 0 10px 10px; max-width: 70%; word-break: keep-all; font-weight: 500; line-height: 1.5; font-size: 12px; } 
.namecard-contents-v2 .namecard-menu { border: 1px solid #C8C8C8; padding: 12px 20px 10px; border-radius: 50px; display: flex; } 
.namecard-contents-v2 .namecard-menu .menu-btn { flex: 1 0 20%; } 
.namecard-contents-v2 .namecard-menu .menu-btn span { font-size: 12px; font-weight: 500; color: #000; } 
.namecard-contents-v2 .namecard-menu .menu-btn i { width: 24px; height: 24px; display: block; margin: 0 auto; } 
.namecard-contents-v2 .namecard-menu .menu-btn i.menu-ic-01 { background: url('/resources/naviseo/images/common/namecard-menu-ic01.svg') no-repeat center; } 
.namecard-contents-v2 .namecard-menu .menu-btn i.menu-ic-02 { background: url('/resources/naviseo/images/common/namecard-menu-ic02.svg') no-repeat center; } 
.namecard-contents-v2 .namecard-menu .menu-btn i.menu-ic-03 { background: url('/resources/naviseo/images/common/namecard-menu-ic03.svg') no-repeat center; } 
.namecard-contents-v2 .namecard-menu .menu-btn i.menu-ic-04 { background: url('/resources/naviseo/images/common/namecard-menu-ic04.svg') no-repeat center; } 
.namecard-contents-v2 .namecard-menu .menu-btn i.menu-ic-05 { background: url('/resources/naviseo/images/common/namecard-menu-ic05.svg') no-repeat center; } 
.namecard-contents-v2 .namecard-menu .menu-btn div.custom-grade { display: block; width: 34px; height: 20px; font-size: 10px; margin: 2px auto; border: 1px solid #000; background: #DADADA; border-radius: 4px; font-weight: 900; padding: 4px 2px; line-height: 1; } 
.namecard-contents-v2 .namecard-menu .menu-btn div.custom-grade.grade-03 { background: #dadada; color: #000; border-color: #000; } 


/* 비고객 */
.namecard-contents-v2 .namecard-menu .menu-btn div.custom-grade.grade-02 { background: #DAFFF8; color: #43AF9B; border-color: #43AF9B; } 


/* 가망 고객 */
.namecard-contents-v2 .namecard-menu .menu-btn div.custom-grade.grade-01 { background: #DEE0FC; color: #664EF9; border-color: #664EF9; } 


/* 거래 고객 */
.namecard-contents-v2 .namecard-menu .menu-btn div.custom-grade.grade-00 { background: #FFDCF1; color: #D93597; border-color: #D93597; } 


/* 중요 고객 */
.namecard-contents-v2 .namecard-detail-list { padding: 20px 0px; } 
.namecard-contents-v2 .namecard-detail-list .namecard-list-item { padding: 10px 0 16px; } 
.namecard-contents-v2 .namecard-detail-list .namecard-list-item .label { font-size: 12px; color: #707070; font-weight: 500; padding-bottom: 4px; display: block; } 
.namecard-contents-v2 .namecard-detail-list .namecard-list-item .label-con { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } 
.namecard-contents-v2 .namecard-detail-list .namecard-list-item .label-con span:first-of-type { font-size: 18px; color: #000; font-weight: 700; padding-right: 14px; margin-right: auto; flex: 1 0 calc(100% - 94px); word-break: break-all; } 
.namecard-contents-v2 .namecard-detail-list .namecard-list-item .label-con .links { flex: 1 0 94px; text-align: right; } 
.namecard-contents-v2 .namecard-detail-list .namecard-list-item .label-con .links a { color: #666; margin: 0 10px; } 
.namecard-contents-v2 .namecard-detail-list #delBtn a { background: #000; color: #fff; border-radius: 6px; display: block; width: 100px; text-align: center; margin: 10px auto; padding: 5px 20px; font-weight: 500; font-size: 15px; } 
.namecard-contents-v2 .namecard-detail-list .namecard-list-item em div[data-attr="NAME"] { font-size: 14px; font-style: normal; color: var(--color-accent); background: #dddfff; padding: 2px 20px; border-radius: 50px; margin-right: 4px; } 
.namecard-contents-v2 .namecard-detail-list .namecard-list-item .label-con .sns-list { display: flex; align-items: center; justify-content: center; width: 100%; } 
.namecard-contents-v2 .namecard-detail-list .namecard-list-item .label-con .sns-list>div { padding: 4px 16px; text-align: center; } 
.namecard-contents-v2 .namecard-detail-list .namecard-list-item .label-con .sns-list>div>img { display: block; margin: 0 auto 10px; } 
.namecard-contents-v2 .namecard-detail-list .namecard-list-item .label-con .sns-list>div>span { font-weight: 500; color: #4a4a4a; font-size: 14px; padding: 0; } 

.namecard-floating-v2 .label.text-list { background: #fff; margin: 0 auto; max-width: 300px; border-radius: 14px; line-height: normal; padding: 14px 0; } 
.namecard-floating-v2 .label.text-list span { font-family: var(--font-kr); width: 100% !important; margin: 0; text-align: left; font-weight: 600; font-size: 17px; background: url('/resources/naviseo/images/common/gray-arrow.svg') no-repeat center right 30px #fff; } 
.todo-aside-con .menu-list a i { display: inline-block; margin-left: 20px; width: 48px; height: 48px; background: #fff; border-radius: 100%; box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.4) } 

.todo-aside-con .menu-list a i.menu01 { background: url('/resources/naviseo/images/main2/todo-aside-menu01.svg') no-repeat center #fff; } 
.todo-aside-con .menu-list a i.menu02 { background: url('/resources/naviseo/images/main2/todo-aside-menu02.svg') no-repeat center #fff; } 
.todo-aside-con .menu-list a i.menu03 { background: url('/resources/naviseo/images/main2/todo-aside-menu03.svg') no-repeat center #fff; } 
.todo-aside-con .menu-list a i.menu04 { background: url('/resources/naviseo/images/main2/todo-aside-menu04.svg') no-repeat center #5962ef; } 
.todo-edit-con .menu-list { background: #fff; border-radius: 14px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); padding: 36px; width: 70%; max-width: 300px; margin: auto; } 
.todo-edit-con .menu-list a { display: block; font-family: var(--font-kr); font-weight: 500; font-size: 18px; padding: 14px 30px 14px 0; background: url('/resources/naviseo/images/common/menu_arrow.svg') no-repeat center right; } 



/* 할일 ui 추가 */
.new-todo-wrap .todo-col .col-label { padding: 4px 0.4em 4px 1.4em; color: #9292a0; background: #f8f8f8; font-size: 14px; font-weight: 500; display: flex; align-items: center; justify-content: space-between; } 


.meeting-list-v2 #detailTodoWrap .detail-comment .reply-area { border: 1px solid #ddd; display: flex; align-items: center; border-radius: 6px; padding: 8px 10px; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .reply-area .ip-file { display: none; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .reply-area .lab-file { width: 26px; height: 26px; background: url('/resources/naviseo/images/common/comment-clip.svg') no-repeat center; margin-right: 6px; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .reply-area .comment-text { width: 100%; flex: 1 1 auto; border: 0; background: #fff; color: #000; font-size: 14px !important; height: 25px; padding: 0; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .reply-area .comment-text::placeholder { font-size: 14px !important; color: #999; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .reply-area .comment-apply { font-weight: 700; color: var(--color-accent); padding: 0 0 0 10px; font-size: 14px; width: 56px; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .reply-attachment-area { padding: 8px 0 0; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .reply-attachment-area .attachment { display: flex; align-items: center; justify-content: space-between; color: #222; background: #F3F3F3; margin: 5px 0; padding: 6px 10px; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .reply-attachment-area .attachment .reply-file-name { font-size: 14px; font-weight: 700; display: block; flex: 0 1 auto; word-break: break-all; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .reply-attachment-area .attachment button { margin-left: 10px; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .reply-attachment-area .attachment button svg { width: 18px; color: #000; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .reply-attachment-area .attachment .reply-file-dw { margin-left: auto; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line { border: 0; margin: 0; padding: 0; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info { padding: 10px 0 4px; border: 0; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .reply-attachment-area { padding-left: 32px; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .comment-user { display: flex; align-items: center; position: relative; flex-wrap: wrap; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .comment-user .img { width: 32px; height: 32px; flex: 0 0 32px; border-radius: 100%; overflow: hidden; background: #ddd; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .comment-user .img img { width: 32px; height: 32px; border-radius: 100%; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .comment-user .user-info { padding: 10px; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .comment-user .user-info .name { font-weight: 700; color: #000; font-size: 14px; margin: 0; display: block; width: 100%; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .comment-user .edit-btn { margin-left: auto; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .comment-user .edit-btn svg { width: 20px; height: 20px; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .comment-con { font-size: 14px; color: #454545; font-weight: 500; padding: 0 0 0 40px; word-break: break-all; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .comment-con-textarea { width: calc(100% - 40px); border: 1px solid #474747; font-size: 14px; color: #454545; font-weight: 500; line-height: 1.7; letter-spacing: -0.05em; margin-left: 40px; padding: 4px 10px; border-color: #474747 !important; border-radius: 6px; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .btn-modify-save { margin-left: auto; width: 50px; display: block; font-size: 13px; font-weight: 700; color: var(--color-accent); } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .comment-user .edit-popup { position: absolute; background: #fff; border-radius: 4px; padding: 14px 20px; border: 1px solid #555; right: 0px; top: 50px; z-index: 9999; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .comment-user .edit-popup button { display: block; font-size: 16px; color: #000; font-weight: 500; width: 100px; text-align: left; margin-bottom: 10px; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .comment-info .comment-user .edit-popup button:last-of-type { margin-bottom: 0; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .nested-reply-btn { font-size: 14px; color: #000; display: block; padding: 0 0 10px; font-weight: 600; margin-left: 40px; letter-spacing: -0.05em; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line .nested-reply-btn .reply-bubble { width: 20px; height: 20px; background: url('/resources/naviseo/images/common/reply-icon.svg') no-repeat center; display: inline-block; margin-right: 4px; margin-bottom: -5px; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line.nested-reply { padding-left: 24px; position: relative; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line.nested-reply:before { display: block; content: ''; position: absolute; left: 0; top: 23px; width: 16px; height: 16px; background: url('/resources/naviseo/images/common/nested-reply-icon.svg') no-repeat center; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .comment-line.nested-reply .comment-info { padding: 0 0 4px; } 
.meeting-list-v2 #detailTodoWrap .detail-comment .nested-reply-area { padding-left: 40px; } 
.meeting-list-v2 #detailTodoWrap #todo_file_list .con .detail-fileinput { background: #eee; color: #000; display: flex; padding: 10px 20px; justify-content: space-between; align-items: center; font-size: 14px; font-weight: 600; } 
.new-todo-wrap .todo-col .col-content { display: block; padding: 4px 5vw; position: relative; } 
.new-todo-wrap .btn-todo-attend { background: #8F92A5; color: #fff; font-size: 12px; padding: 0 10px; border-radius: 4px; } 


/* 명함상세 - 명함 눌렀을때 팝업 */
.photo-zoom-v2 * { font-family: var(--font-kr); } 
.photo-zoom-v2 .namecard-add { padding: 0; overflow: hidden; width: 90%; min-width: 320px; max-width: 320px; background: url('/resources/naviseo/images/common/nc-frame-bg.svg') no-repeat center #f7f7f7 !important; background-size: 100% 100% !important; margin: 0 auto; border: 8px solid #fff; border-radius: 10px; } 
.photo-zoom-v2 .namecard-add .namecard-add-con .top { text-align: left; padding: 20px 24px 10px; position: relative; } 
.photo-zoom-v2 .namecard-add .namecard-add-con .top:before { display: block; content: ''; position: absolute; left: 0; bottom: -3px; width: 70%; height: 3px; background: #000; z-index: 2; } 
.photo-zoom-v2 .namecard-add .namecard-add-con .top:after { display: block; content: ''; position: absolute; left: 0; bottom: -3px; width: 90%; height: 3px; background: #626262; } 
.photo-zoom-v2 .namecard-add .namecard-add-con .top .add-comp { font-size: 12px; font-weight: 700; display: block; color: #5f5f5f; padding-bottom: 4px; } 
.photo-zoom-v2 .namecard-add .namecard-add-con .top .add-name { font-size: 12px; color: #000; border: none; } 
.photo-zoom-v2 .namecard-add .namecard-add-con .top .add-name b { font-size: 20px; padding-right: 10px; } 
.photo-zoom-v2 .namecard-add .namecard-add-con .bottom { padding: 14px 20px 20px; text-align: left; } 
.photo-zoom-v2 .namecard-add .namecard-add-con .bottom .add-add { width: 100%; display: block; font-size: 12px; text-align: left; margin-bottom: 4px; } 
.photo-zoom-v2 .namecard-add .namecard-add-con .bottom .add-nom { width: 48%; display: inline-block; text-align: left; font-size: 11px; color: #000; } 
.photo-zoom-v2 .namecard-add .namecard-add-con .bottom .add-nom b { font-weight: 600; font-size: 11px; padding-right: 6px; } 
.new-todo-wrap .attend-list { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; padding: 6px 0; margin: 0; } 
.new-todo-wrap .attend-list li { font-family: var(--font-kr); flex: 0 0 calc(50% - 2px); background: #F3F3F3; padding: 6px 10px; margin-bottom: 4px; display: inline-flex; justify-content: space-between; font-size: 14px; font-weight: 700; } 
.new-todo-wrap .attend-list li:nth-child(odd) { margin-right: 2px; } 
.new-todo-wrap .attend-list li:nth-child(even) { margin-left: 2px; } 


/* 기업정보 */
.main-search #companySeachTxt::placeholder { font-size: 14px; } 


/***************************************************************
* 2023-12-11
* 나비서 앱 - 오늘할일 페이지 ui 업데이트
* tms.jsp
***************************************************************/
.main-todo-wrap { background: #F3F4F8; width: 100%; min-height: 100%; height: auto; } 
.main-todo-wrap * { font-family: var(--font-kr); } 
.main-todo-wrap .no-contents { padding: 40px; text-align: center; display: block; line-height: 2.3; } 
.main-todo-wrap .no-contents span:first-child img { padding-right: 10px; } 
.main-todo-wrap .no-contents span:first-of-type { color: #808389; font-size: 14px; font-weight: 500; display: block; width: 100%; } 
.main-todo-wrap .no-contents span:last-of-type { color: #000; font-size: 16px; display: block; width: 100%; } 
.main-todo-ai { background: var(--color-accent); padding: 60px 20px 70px; } 
.main-todo-ai .main-nvs-logo { text-align: center; font-weight: 900; font-family: 'GmarketSans'; text-align: center; font-weight: 900; font-size: 18px; color: #fff; display: block; margin: 10px auto 0; } 
.main-todo-top { padding: 0 20px 20px; background: var(--color-accent); color: #fff; display: flex; align-items: center; padding-bottom: 90px; } 
.main-profile { width: 32px; height: 32px; background: #fff; border-radius: 100%; margin-right: 20px; overflow: hidden; } 
.main-profile img { width: 100%; } 
.main-refresh { font-size: 14px; } 
.main-refresh .refresh-btn { margin-left: 10px; } 
.main-todo-cal { position: relative; margin-top: -70px; background: #fff; border-radius: 12px; box-shadow: 0px 7px 2px 2px rgba(0, 0, 0, 0.1); width: 90%; left: 5%; } 
.main-todo-cal .todo-cal-title { display: flex; justify-content: center; align-items: center; padding: 22px; border-bottom: 1px solid #ddd; } 
.main-todo-cal .todo-cal-title .cal-btn { font-size: 14px; color: #3F3F3F; padding: 0 10px; } 
.main-todo-cal .todo-cal-title .title { margin: 0; font-size: 18px; padding: 0 20px; } 
.todo-cal-weekly { display: flex; align-items: flex-start; justify-content: space-evenly; padding: 10px 0; } 
.todo-cal-weekly .week-day { flex: 0 0 calc(100% / 7); text-align: center; width: calc(100% / 7); } 
.todo-cal-weekly .week-day .day-name { font-size: 14px; color: #888; } 
.todo-cal-weekly .week-day .day-num { color: #000; font-weight: 700; width: 30px; height: 30px; line-height: 30px; margin: 4px auto; } 
.todo-cal-weekly .week-day.selected .day-num { background: #000; color: #fff !important; border-radius: 100%; } 
.todo-cal-weekly .week-day .day-num#week_sun { color: #E85253; } 
.todo-cal-weekly .week-day .day-num#week_sat { color: #005EFF; } 
.todo-cal-weekly .week-day .day-plan { font-size: 10px; font-weight: 500; width: 36px; line-height: 1.5; text-align: center; margin: auto; } 
.todo-cal-monthly { padding: 10px 0; } 
.todo-cal-monthly .todo-cal-dayname { display: flex; align-items: center; } 
.todo-cal-monthly .todo-cal-dayname .day-name { font-size: 14px; color: #888; flex: 0 0 calc(100% / 7); width: calc(100% / 7); text-align: center; } 
.todo-cal-monthly .todo-cal-day { display: flex; align-items: flex-start; justify-content: start; flex-wrap: wrap; } 
.todo-cal-monthly .todo-cal-day .day-week { display: flex; width: 100%; height: auto !important; } 
.todo-cal-monthly .todo-cal-day .day-week .day-item { flex: 0 0 calc(100% / 7); width: calc(100% / 7); text-align: center; height: 70px;} 
.todo-cal-monthly .todo-cal-day .day-week .day-item .day-num { color: #000; font-weight: 700; width: 30px; height: 30px; line-height: 30px; margin: 4px auto; } 
.todo-cal-monthly .todo-cal-day .day-week .day-item .day-num.prev-month { opacity: 0.5; } 
.todo-cal-monthly .todo-cal-day .day-week .day-item .day-num.day-sun { color: #E85253; } 
.todo-cal-monthly .todo-cal-day .day-week .day-item .day-num.day-sat { color: #005EFF; } 
.todo-cal-monthly .todo-cal-day .day-week .day-item .day-num.today { background: #000; color: #fff !important; border-radius: 100%; } 
.todo-cal-monthly .todo-cal-day .day-week .day-item .day-plan { font-size: 10px; font-weight: 500; width: 36px; line-height: 1.5; text-align: center; margin: auto; } 
.todo-cal-monthly .todo-cal-day .day-week .day-item .day-num.selected { background: #000; color: #fff !important; border-radius: 100%; } 
.cal-open-toggle { width: 100%; text-align: center; color: #888888; padding: 10px 0; font-size: 14px; display: none; } 
.cal-open-toggle.visible { display: block; } 
.main-todo-plan { padding: 20px 20px 90px; } 
.main-todo-plan .todo-plan-top { padding: 10px 0; display: flex; align-items: center; justify-content: space-between; } 
.main-todo-plan .todo-plan-top .plan-ttl { font-size: 20px; display: flex; align-items: baseline; flex-wrap: wrap; width: 60%; } 
.main-todo-plan .todo-plan-top .plan-count { font-size: 12px; padding-left: 10px; font-weight: 400; } 
.main-todo-plan .todo-plan-top .plan-count span { color: #F534F9; } 
.main-todo-plan .todo-plan-top .plan-date { width: 100%; font-size: 14px; font-weight: 500; } 
.main-todo-plan .todo-plan-top .generator { display: flex; align-items: center; } 
.main-todo-plan .todo-plan-con { margin-top: 10px; } 
.main-todo-plan .todo-plan-con .today-date { font-size: 16px; font-weight: 700; } 
.main-todo-plan .todo-plan-con .list-wrapper { padding: 10px 0; } 
.main-todo-plan .todo-plan-con .todo-item { border-radius: 12px; background: #FFF; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25); padding: 20px; margin-bottom: 10px; position: relative; } 
.main-todo-plan .todo-plan-con .todo-item:last-of-type { margin-bottom: 0; } 
.main-todo-plan .todo-plan-con .todo-item .item-cate { padding: 2px 8px; border: 1px solid #ccc; color: #ccc; border-radius: 50px; font-size: 12px; font-weight: 700; } 
.main-todo-plan .todo-plan-con .todo-item .item-cate01 { color: #fff; background: #52ACA0; border-color: #52ACA0; } 
.main-todo-plan .todo-plan-con .todo-item .item-cate02 { color: #fff; background: #66ADEB; border-color: #66ADEB; } 
.main-todo-plan .todo-plan-con .todo-item .item-cate03 { color: fff; background: #F59A49; border-color: #F59A49; } 
.main-todo-plan .todo-plan-con .todo-item .item-ttl { font-size: 16px; font-weight: 500; padding: 12px 4px 4px; display: flex; flex-wrap: wrap; } 
.main-todo-plan .todo-plan-con .todo-item .item-ttl span:first-of-type { width: calc(100% - 46px); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #000; } 
.main-todo-plan .todo-plan-con .todo-item .item-ttl .item-step { width: 46px; border: 1px solid #808389; border-radius: 4px; font-size: 12px; padding: 0px 4px; color: #808389; text-align: center; font-weight: 500; } 
.main-todo-plan .todo-plan-con .todo-item .item-ttl .item-step01 { color: #808389; border-color: #808389; } 
.main-todo-plan .todo-plan-con .todo-item .item-ttl .item-step02 { color: #1978CF; border-color: #1978CF; background: #deefff } 
.main-todo-plan .todo-plan-con .todo-item .item-ttl .item-step03 { color: #D28120; border-color: #D28120; background: #FFF1E0; } 
.main-todo-plan .todo-plan-con .todo-item .item-ttl .item-step04 { color: #188336; border-color: #188336; background: #e6faeb } 
.main-todo-plan .todo-plan-con .todo-item .item-ttl .item-step05 { color: #C64A2F; border-color: #C64A2F; background: #f9e1e3 } 
.main-todo-plan .todo-plan-con .todo-item .item-detail-btn { position: absolute; top: 16px; right: 22px; width: 24px; height: 24px; background: url('/resources/naviseo/images/main2/item-detail.svg') no-repeat center; } 
.todo-aside-btn { width: 48px; height: 48px; line-height: 46px; background: var(--color-accent); text-align: center; border: 0; outline: none; border-radius: 100%; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); color: #fff; font-size: 18px; position: fixed; right: 30px; bottom: 80px; z-index: 1001; } 
.todo-aside-con { position: fixed; right: 10px; bottom: 70px; z-index: 1002; } 
.todo-aside-con .menu-list { position: fixed; right: 20px; bottom: 140px; z-index: 1100; } 
.todo-aside-con .menu-list a { color: #fff; text-align: right; display: flex; justify-content: space-between; align-items: center; padding: 10px; } 
.todo-aside-con .menu-list a span { display: block; text-align: right; width: 120px; font-family: var(--font-kr); font-size: 16px; } 
.todo-aside-con .menu-list a i { display: inline-block; margin-left: 20px; width: 48px; height: 48px; background: #fff; border-radius: 100%; box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.4) } 
.todo-aside-con .menu-list a i.menu01 { background: url('/resources/naviseo/images/main2/todo-aside-menu01.svg') no-repeat center #fff; } 
.todo-aside-con .menu-list a i.menu02 { background: url('/resources/naviseo/images/main2/todo-aside-menu02.svg') no-repeat center #fff; } 
.todo-aside-con .menu-list a i.menu03 { background: url('/resources/naviseo/images/main2/todo-aside-menu03.svg') no-repeat center #fff; } 
.todo-aside-con .menu-list a i.menu04 { background: url('/resources/naviseo/images/main2/todo-aside-menu04.svg') no-repeat center #5962ef; } 
.todo-edit-con .menu-list { background: #fff; border-radius: 14px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); padding: 36px; width: 70%; max-width: 300px; margin: auto; } 
.todo-edit-con .menu-list a { display: block; font-family: var(--font-kr); font-weight: 500; font-size: 18px; padding: 14px 30px 14px 0; background: url('/resources/naviseo/images/common/menu_arrow.svg') no-repeat center right; } 
#writeTodayToDo-todoNameInputDiv-wrap { position: relative; } 
#writeTodayToDo-todoNameInputDiv { position: relative; padding-right: 40px; } 
#writeTodayToDo-todoNameInputSpan { position: absolute; right: 10px; top: 6px; } 
#nameCardWithTodoResult-recordArea-wrap { position: fixed; bottom: 0; background: #f3f3f3; width: 100%; left: 0; z-index: 9999; padding: 40px 0 20px; } 
#todoResult-recordArea-wrap { position: fixed; bottom: 0; background: #f3f3f3; width: 100%; left: 0; z-index: 9999; padding: 40px 0 20px; } 
.todo-close-btn { position: absolute; right: 30px; bottom: 80px; z-index: 9991; } 
.todo-close-btn a { background: var(--color-accent); color: #fff; width: 48px; height: 48px; display: inline-flex; border-radius: 100%; align-items: center; justify-content: center; color: #fff; font-size: 18px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } 


/* CRM 페이지 수정 2024.01 */
.main2-sch-wrapper { background: var(--color-accent); } 
.main2-sch-box { margin: 0 5px 0 0; background-image: none; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); border: 0; display: flex; align-items: center; justify-content: space-between; background: #fff; padding: 4px 16px 4px 4px; height: auto; } 
.main2-sch-box input { padding: 0 10px; } 
.main2-sch-box input::placeholder { color: var(--color-accent); } 
.busness-status-btn { font-family: var(--font-kr); font-size: 12px; border: 1px solid var(--color-accent); color: var(--color-accent) !important; background: #fff; padding: 0px 14px; border-radius: 4px; margin-top: -4px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08); } 


/* 초기화면 설정 페이지 */
.init-setting-wrap { padding: 14px; display: flex; flex-direction: column; height: 100%;} 
.init-setting-wrap * { font-family: var(--font-kr); } 
.init-setting-desc { font-size: 16px; text-align: center; padding: 20px; height:90px;} 
.init-setting-list { list-style: none; text-align: left; margin: 0; padding: 0; } 
.init-setting-list li { position: relative; width: 100%; padding: 16px 20px; background: #fff; border-radius: 8px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); margin: 7px 0; display: flex; justify-content: space-between; align-items: center; } 
.init-setting-list li label { font-size: 18px; font-weight: 500; color: #4A425D; } 
.init-setting-list li input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; cursor: pointer; width: 24px; height: 24px; border-radius: 100%; border: 1px solid #ccc !important; } 
.init-setting-list li input[type="radio"]:checked { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 6px solid var(--color-accent) !important; } 
.init-setting-list li input[type="radio"]:focus { outline: 0; } 
.asso-list-text { text-align: center; padding: 20px 10px; font-size: 15px; font-weight: 600; color: var(--color-accent); } 
.asso-list { list-style: none; margin: 0; padding: 0; border-radius: 10px; overflow: hidden; background: #f8f8f8; } 
.asso-list .asso-item { position: relative; width: 100%; padding: 12px 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap:wrap;} 
.asso-list .asso-item label { font-size: 15px; font-weight: 500; color: #4A425D; flex: 0 0 80%; } 
.asso-list .asso-item input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; cursor: pointer; width: 18px; height: 18px; border-radius: 100%; border: 1px solid #ccc !important; } 
.asso-list .asso-item input[type="radio"]:checked { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 4px solid var(--color-accent) !important; } 
.asso-list .asso-item input[type="radio"]:focus { outline: 0; } 
.asso-list .asso-item .asso-setting-select {flex: 0 0 100%;border: 1px solid #ccc;border-radius: 4px;padding: 4px;font-size: 14px;margin-top: 6px;background:url('/resources/naviseo/images/common/select_arrow.svg') no-repeat center right 5px #fff; color:#222;appearance: none; -webkit-appearance: none; -webkit-border-radius: 4px; -moz-appearance:none; } 
.asso-list .asso-item .asso-setting-select::-ms-expand{display:none;/*for IE10,11*/}


/* 알림 페이지 수정 2024.01 */
.myalarm-v2 {background:var(--color-accent);height:100%;overflow:hidden;}
.myalarm-v2 * {font-family: var(--font-kr);}
.myalarm-v2 .page-top { width: 100%; overflow-x:auto; flex-wrap: nowrap; justify-content: start; padding: 10px; background-color: #5962EF !important;} 
.myalarm-v2 .page-top .page-menu { display:block; flex: 0 0 auto; margin: 0; padding: 8px 12px; font-weight: 400; font-size: 15px; } 
.myalarm-v2 .page-top .page-menu.active { font-weight:700; } 
.myalarm-v2 #nonData { text-align:center; padding: 16px; font-size: 15px; color: #6f7192; } 
.myalarm-v2 #nonData i { font-size: 36px; color:var(--color-accent); display: block; margin: 20px auto; } 
.myalarm-v2 #nonData .link-go-btn { margin:20px auto; background:var(--color-accent); color:#fff; font-size:16px; font-weight:600; border-radius:8px; padding:8px 20px; } 
.myalarm-list { padding:0; margin:0; list-style: none; padding-bottom: 50px; } 
.myalarm-list .myalarm-item { padding: 10px 0; } 
.myalarm-list .myalarm-item .alarm-date { color: #005EFF; font-weight: 500; font-size: 14px; padding-left: 14px; position: relative; } 
.myalarm-list .myalarm-item .alarm-date:before { display:block; content:''; position:absolute; width:6px; height:6px; background:#005EFF; border-radius:100%; left:0; top:10px; } 
.myalarm-list .myalarm-item .alarm-text { padding-left: 14px; font-size: 16px; color: #4A425D; font-weight: 500; padding-top: 6px; } 
.myalarm-list .myalarm-item .alarm-text .time { font-weight: 700; margin-right: 4px; } 
.myalarm-list .myalarm-item .alarm-text .plan-type { padding:0 10px; display:inline-block; border-radius: 4px; font-size: 13px; font-weight: 700;} 


/* 컨텐츠 없을 때 */
.no-contents-box { padding: 20px 10px; text-align: center; font-size: 16px; } 
.no-contents-box .desc-text { padding: 10px 0; } 
.no-contents-box .desc-text.color-accent { color: var(--color-accent); font-weight: 700; padding: 20px 0; } 
.no-contents-box .desc-btn-wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } 
.no-contents-box .desc-btn-wrap button { background: transparent; border: 0; outline: none; padding: 10px 10px; border-radius: 6px; font-weight: 600; } 
.no-contents-box .desc-btn-wrap .desc-btn-full { flex: 0 0 100%; margin: 5px 0; } 
.no-contents-box .desc-btn-wrap .desc-btn-half { flex: 0 0 calc(50% - 10px); margin: 5px 0; } 
.no-contents-box .desc-btn-wrap .desc-btn-gray { background: #727171; color: #fff; } 
.no-contents-box .desc-btn-wrap .desc-btn-blue { background: var(--color-accent); color: #fff; } 
.no-contents-box .desc-btn-wrap .desc-btn-line { border: 1px solid var(--color-accent); color: var(--color-accent); background: #fff; } 
.no-contents-box .desc-img { padding: 30px 0; text-align: center; } 

.additionalInfo-btn { padding:10px 20px 6px; background:#eee; } 


/* 영업진척단계 */
.business-step-wrap { background:var(--color-accent); overflow:hidden; } 
.business-step-wrap * { font-family: var(--font-kr); } 
.business-step-wrap .page-cover { margin-top:10px; } 

.options-box { margin-bottom:4px; } 
.options-box select { width:30%; border:0; font-size:14px; background:url('/resources/naviseo/images/common/select_arrow.svg') no-repeat center right 5px #fff; color:#222;appearance: none; -webkit-appearance: none; -webkit-border-radius: 0px; -moz-appearance:none; } 
.options-box select:nth-of-type(2) { width:45%; } 
.options-box select::-ms-expand{display:none;/*for IE10,11*/}


.date-box { padding:10px 0; } 
.date-box .ttl { font-size:14px; color:var(--color-accent); margin:0; padding:0; font-weight:600; } 
.date-box .date-col { display:flex; justify-content: space-between; align-items: center; padding:10px 0; } 
.date-box .date-col input[type='date'] { width:48%; border:1px solid #ddd !important; border-radius:4px; padding: 6px 10px; font-size:16px !important; color:#222; } 
.date-box .date-col span { margin:0 6px; display:block; width:20px; height:1px; background:#ddd; } 
.date-box .date-col input[type='text'] { width: calc(100% - 70px); border:1px solid #ddd !important; border-radius:4px; padding: 6px 10px; font-size: 16px !important; color:#222;} 
.date-box .date-col button { width: 60px; margin-left:10px; background: var(--color-accent); color: #fff; font-size:16px; font-weight:600; height: 38px; border-radius: 4px; } 
.date-box .date-col input::placeholder { font-size:14px !important; color:#ddd; } 

.results-box { padding:0px 0 70px; } 
.results-box ul { list-style: none; padding: 0; margin: 0; } 
.results-box ul li { background: #ffffff; border-radius:8px; padding:14px; margin:10px 0; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25); border: 1px solid #dbdada; } 
.results-box ul li .info-col { display:flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } 
.results-box ul li .info-col .name { font-size: 18px; font-weight:600; padding-right:10px; } 
.results-box ul li .info-col .detail-btn { margin-left:auto; background:#8f92a5; color:#fff; font-size:12px; border-radius:50px; padding: 2px 34px 1px 12px; position:relative; } 
.results-box ul li .info-col .detail-btn .chevron { display:block; content:''; position:absolute; width:10px; height:10px; right: 14px; top: 9px; background:url('/resources/naviseo/images/common/chevron_down.svg') no-repeat center; } 
.results-box ul li .count-col { padding: 10px 0; display:none; } 
.results-box ul li .count-col .case { display:flex; justify-content:space-between; align-items: center; padding: 6px 30px 6px 10px; background: #f2f3fb; margin-bottom: 5px; border-radius: 6px; position: relative; border: 1px solid #d7d9f4; } 
.results-box ul li .count-col .case:after { display:block; content:''; position:absolute; right: 2px; top: 8px; width:20px; height:20px; background:url('/resources/naviseo/images/common/right-arrow.svg') no-repeat center; } 
.results-box ul li .count-col .case .category { font-size: 15px; font-weight: 500; color: #222; } 
.results-box ul li .count-col .case .counts { font-weight:700; font-size: 15px; flex: 0 0 80px; text-align: right; color: #222; } 
.results-box ul li .count-col .case:last-of-type { margin-bottom: 0; } 
.results-box ul li .total-col { display:flex; justify-content:space-between; align-items:center; } 
.results-box ul li .total-col .total-count { font-size: 15px; } 
.results-box ul li .total-col .total-money span { font-size: 17px; font-weight:700; } 
.results-box ul li .total-col .total-money small { font-size:12px; } 
.results-box ul li .more-btn { border-radius:50px; border:1px solid var(--color-accent); color: var(--color-accent); padding: 0px 4px; margin: 20px auto 0; font-size: 12px; font-weight: 700; display: block; width: 80px; text-align: center; display: none; } 
.results-box ul li.show .info-col .detail-btn .chevron { transform:rotate(180deg); } 
.results-box ul li.show .count-col { display:block; } 
.results-box ul li.show .more-btn { display:block; } 

.business-step-wrap .sales-all-cost { display: flex; padding: 10px 20px; background: #f5f6f8; border-radius: 8px; width: 100%; justify-content: space-between; align-items: center; } 
.business-step-wrap .sales-all-cost span:first-of-type { font-weight:600; font-size: 14px; border-radius:8px; color:#6c7ae0; } 
.business-step-wrap .sales-all-cost span:nth-of-type(2) { font-weight:700; font-size: 16px; padding: 0 10px; display:inline-block; color:#222; } 
.business-step-wrap .sales-list { margin-top:20px; } 
.business-step-wrap .sales-list .list-date { display:block; font-size: 14px; font-weight: 600; padding: 6px 10px; } 
.business-step-wrap .sales-list .list-date:not(.list-date:first-child) { margin-top:20px; } 
.business-step-wrap .sales-list .list-item { padding: 14px; background:#f5f6f8; border-radius:10px; margin-bottom:10px; display: flex; justify-content:space-between; align-items: center; } 
.business-step-wrap .sales-list .list-item.active { border:1px solid #6c7ae0; background:#edeefb; } 
.business-step-wrap .sales-list .list-item:hover { cursor:pointer; } 
.business-step-wrap .sales-list .list-item:last-of-type { margin-bottom:0; } 
.business-step-wrap .sales-list .list-item .list-con { width:calc(100% - 30px); } 
.business-step-wrap .sales-list .list-item .list-con .list-step { display:inline-block; padding: 0px 10px; color: #fff; background: #6c7ae0; font-weight: 700; border-radius: 4px; } 
.business-step-wrap .sales-list .list-item .list-con .list-title { display:block; font-size: 16px; color:#222; font-weight:600; flex: 0 0 100%; padding-top:4px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; width:100%; } 
.business-step-wrap .sales-list .list-item .list-btn { border:0; outline:none; text-align: center; color: #6c7ae0; background: transparent; font-size: 20px; padding: 0; } 

.sales-detail-popup { position:absolute; width:100%; height:calc(100vh - 80px); left:0; } 
.sales-detail-popup .pop-title { font-size:17px; } 
.sales-detail-popup .pop-title .closeBtn { top:16px; } 
.sales-detail-popup * { font-family: var(--font-kr); } 
.sales-detail-popup .sales-detail { width: 100%; height: 100%; } 
.sales-detail-popup .sales-detail .detail-box { padding:14px 20px; border-bottom: 1px dashed #ddd; } 
.sales-detail-popup .sales-detail .detail-box:last-of-type { margin-bottom:0; border-bottom:0; } 
.sales-detail-popup .sales-detail .detail-box h3 { font-size: 14px; color: #5962ef; font-weight:600; } 
.sales-detail-popup .sales-detail .detail-box p { margin:0; padding:0; font-size:16px; color: #222; font-weight: 500; display: flex; flex-wrap: wrap; } 
.sales-detail-popup .sales-detail .detail-box .name { font-weight:500; background:#f5f6f8; padding: 2px 12px; border-radius: 50px; margin: 4px; } 
.sales-detail-popup .sales-detail .detail-box .file { color:#222; padding: 4px 14px; background: #f5f6f8; border-radius: 50px; display: block; margin: 4px; } 
.sales-detail-popup .sales-detail .detail-box .file:hover { text-decoration: underline; } 

.business-step-wrap .non-data { text-align:center; } 
.business-step-wrap .non-data i { display:block; font-size:36px; color:var(--color-accent); padding:20px; } 
.business-step-wrap .non-data span { font-size:16px; font-weight:500; color: #4a4c6d; } 
.business-step-wrap .non-data .link-go-btn { margin:20px auto; background:var(--color-accent); color:#fff; font-size:16px; font-weight:600; border-radius:8px; padding:8px 20px; } 


.tmsHeader-wrap {display:flex; justify-content: space-between; align-items: center;padding: 4px 10px;}
.main-profile-v2 {width: 32px; height: 32px; background: #fff; border-radius: 100%; margin-right: 20px; overflow: hidden;}
.main-profile-v2 img {width:100%; height:100%;}
.new-svc-btn-v2 {display: inline-block; text-align: center; font-size: 12px; font-weight: bold; line-height: 1.2; color: #fff !important; padding: 0px 6px; margin-right: 10px; font-family: var(--font-kr); border-radius: 4px;} 

.tmsCoachPopup {position: fixed;width: 100%;height: 100vh;overflow: hidden;z-index: 9999;display: flex;justify-content: center;align-items: center;}
.tmsCoachPopup * {font-family: var(--font-kr);}
.tmsCoachPopup .tmsCoachPopup-hider {position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: -1;}
.tmsCoachPopup .popup-inner {background: #fff;width: 90%;max-width: 300px;height: auto;min-height: 550px;border-radius: 20px;padding: 50px 20px 20px;text-align: center;position: relative;}
.tmsCoachPopup .popup-inner .bullhorn {width: 56px;height: 56px;display: block;background: url('/resources/naviseo/images/common/bullhorn.svg') no-repeat center var(--color-accent);color: #fff;text-align: center;line-height: 50px;font-size: 20px;border-radius: 100%;position: absolute;top: -28px;left: 50%;transform: translateX(-50%);}
.tmsCoachPopup .popup-inner img {width: 100%;}
.tmsCoachPopup .popup-inner .popup-ttl {font-size: 20px;font-weight: 700;padding-bottom: 20px;}
.tmsCoachPopup .popup-inner .popup-desc {margin: 10px 0;}
.tmsCoachPopup .popup-inner .popup-desc .desc {margin: 0;padding: 10px 0;color: #444;font-size: 15px;line-height: 1.4;}
.tmsCoachPopup .popup-inner .popup-btns {margin: 10px 0;display: flex;justify-content: space-between;align-items: center;}
.tmsCoachPopup .popup-inner .popup-btns button {border: 1px solid var(--color-accent);font-size: 16px;font-weight: 600;border-radius: 50px;width: calc(50% - 20px);margin: 0 10px;padding: 8px 10px;}
.tmsCoachPopup .popup-inner .popup-btns button.no-more-see {background: #fff;color: var(--color-accent);}
.tmsCoachPopup .popup-inner .popup-btns button.close-btn {background: var(--color-accent);color: #fff;}

@media screen and (max-height: 730px) {
    .tmsCoachPopup .popup-inner {padding-top:25px;}
    .tmsCoachPopup .popup-inner img {max-width:240px;}
    .tmsCoachPopup .popup-inner .bullhorn {width: 40px;height: 40px;background-size: 16px;}
    .tmsCoachPopup .popup-inner .popup-ttl {font-size: 16px;padding-bottom: 5px;}
    .tmsCoachPopup .popup-inner .popup-btns button {font-size: 14px;padding: 6px 10px;}
    .tmsCoachPopup .popup-inner .popup-desc .desc {font-size:14px;}
}

@media screen and (min-width:700px) {
    .tmsCoachPopup .popup-inner{max-width:450px;}
    .tmsCoachPopup .popup-inner img {max-width:300px;}
    .tmsCoachPopup .popup-inner .popup-desc .desc {font-size:16px;}
}

@media screen and (min-width:700px) and (max-height:800px) {
    .tmsCoachPopup .popup-inner {max-width:400px;}
    .tmsCoachPopup .popup-inner img {max-width: 300px;}
    .tmsCoachPopup .popup-inner .popup-ttl {font-size: 20px;}
    .tmsCoachPopup .popup-inner .popup-desc .desc {font-size: 17px;word-break: keep-all;line-height: 1.5;padding:10px;}
    .tmsCoachPopup .popup-inner .popup-desc .desc br {display: none;}
}

@media screen and (min-width:700px) and (max-height:700px) {
    .tmsCoachPopup .popup-inner {max-width:400px;}
    .tmsCoachPopup .popup-inner img {max-width: 250px;}
    .tmsCoachPopup .popup-inner .bullhorn {display:none;}
    .tmsCoachPopup .popup-inner .popup-ttl {font-size: 20px;padding-bottom: 10px;}
    .tmsCoachPopup .popup-inner .popup-desc .desc {font-size: 16px;word-break: keep-all;line-height: 1.5;}
    .tmsCoachPopup .popup-inner .popup-desc .desc br {display: none;}
}




/* 타사 명함 이관하기 */
.check-naviseo-btn{width:100%;display:block;background:#73759f;color:#fff;font-size:14px;font-weight:600;padding:10px;border-radius:6px;max-width:280px;margin:10px auto}
.get-namecard-btn{width:100%;display:block;background:var(--color-accent);color:#fff;font-size:14px;font-weight:600;padding:10px;border-radius:6px;max-width:280px;margin:10px auto}
#writeTodayToDo-startDateDiv, #writeTodayToDo-endDateDiv {margin-bottom:6px;}


/* 협단체 게시글 댓글 */
#getAssociationBoardDetail .comment-section {padding:0px 10px 60px 10px;font-family:Noto Sans KR, sans-serif;}

#getAssociationBoardDetail .comment-section button {border:0;outline:none;background:transparent;margin: 0;padding: 0;}

#getAssociationBoardDetail .comment-list {list-style: none;margin:0;padding:0;}
#getAssociationBoardDetail .comment-list .comment-item {border-bottom: 1px solid #e2e6eb;}
#getAssociationBoardDetail .comment-list .comment-item.comment-item-reply {padding-left:32px;background:url('/resources/naviseo/images/common/nested-reply-icon.svg') no-repeat top 20px left 10px;}

#getAssociationBoardDetail .comment-write {width:100%;padding:8px;display:flex;gap:6px;align-items: stretch;justify-content:space-evenly;background:#f4f6f8;border-top: 1px solid #e2e6eb;border-bottom: 1px solid #e2e6eb;margin:10px 0;}
#getAssociationBoardDetail .comment-write .secret-chk {display:none;}
#getAssociationBoardDetail .comment-write .secret-lab {font-size: 14px;width: 30px;height: 30px;text-align: center;display: block;color: #abb3ba;border-radius: 100%;line-height:34px;cursor: pointer;}
#getAssociationBoardDetail .comment-write .secret-chk:checked + .secret-lab {background: #cad4dc;color: #39414a;}

#getAssociationBoardDetail .comment-list .comment-item.comment-item-reply .comment-write {border:0;border-radius:6px;}

#getAssociationBoardDetail .comment-write .comment-text {border:0;background:#fff;border-radius:4px;flex:1 1 auto; padding: 5px;font-family:var(--font-kr);}
#getAssociationBoardDetail .comment-write .comment-apply {border:0;outline:none;flex:0 0 60px;background: #d1d9e0;color: #404f5f;border-radius: 5px;font-weight: 700;font-size: 14px;font-family: var(--font-kr);}

#getAssociationBoardDetail .comment-area {padding: 10px 0px;}
#getAssociationBoardDetail .comment-area .comment-info {display:flex; align-items:center;position:relative; border: 0; padding:0;align-items: flex-start;}
#getAssociationBoardDetail .comment-area .comment-info .comment-thumb {width:40px;height:40px;overflow:hidden;border-radius:100%;}
#getAssociationBoardDetail .comment-area .comment-info .comment-thumb img {width:100%; height:100%; border-radius:100%;}
#getAssociationBoardDetail .comment-area .comment-info .comment-user {padding:0 10px; height: 50px;}
#getAssociationBoardDetail .comment-area .comment-info .comment-user .comment-name {font-size: 15px;font-weight: 600;color:#404f5f; font-family: var(--font-kr);}
#getAssociationBoardDetail .comment-area .comment-info .comment-user .comment-name span {font-family: var(--font-kr);font-size:14px;}
#getAssociationBoardDetail .comment-area .comment-info .comment-user .comment-date {font-size:12px;color:#abb3ba; font-family: var(--font-kr);}

#getAssociationBoardDetail .comment-area .comment-info .comment-tool {color:#39414a;font-size:14px;margin-left:auto;width: 32px;height: 32px;background: #fff;}
#getAssociationBoardDetail .comment-area .comment-info .comment-tool-panel {position:absolute;right: 0px;top: 40px;background: #f4f6f8;padding:6px 10px;border-radius:10px;display: block;width: 90px;z-index: 1;}
#getAssociationBoardDetail .comment-area .comment-info .comment-tool-panel button {width: 100%;margin:4px 0;padding: 4px;background:transparent;color:#404f5f;font-weight:600; font-size: 15px; font-family: var(--font-kr);}
#getAssociationBoardDetail .comment-area .comment-info .comment-tool-panel .delete {color: tomato;}

#getAssociationBoardDetail .comment-area .comment-text {margin: 4px 0 8px 50px;font-size: 15px;color: #404f5f; font-family: var(--font-kr);}
#getAssociationBoardDetail .comment-area .comment-text div[data-attr="STR_REPLY_CONTENT"] {font-family: var(--font-kr);font-size:14px;}
#getAssociationBoardDetail .comment-area .comment-reply-btn {padding:2px 12px;border-radius: 50px;background: #d1d9e0;color:#404f5f;font-weight:600;font-size: 12px; font-family: var(--font-kr);}

#getAssociationBoardDetail .comment-area .comment-text .comment-edit-text {width:calc(100% - 90px);border:0;background:#f4f6f8;border-radius:10px;flex:1 1 auto;}
#getAssociationBoardDetail .comment-area .comment-text .comment-edit-apply {border:0;outline:none;flex:0 0 60px;background: #404f5f;color: #ffffff;border-radius: 5px;font-weight: 600;font-size: 15px;width:70px;height: 63px;font-family: var(--font-kr);}

#getAssociationBoardDetail .comment-area .comment-btn-set {display:flex;margin-left:50px;gap:6px;align-items: center;}

#getAssociationBoardDetail .comment-area .comment-liked {display: inline-block;height:28px; border: 1px solid #e2e6eb;padding: 1px 10px;border-radius: 50px;font-size: 12px;cursor: pointer;}
#getAssociationBoardDetail .comment-area .comment-liked i{margin-right: 6px;}
#getAssociationBoardDetail .comment-area .comment-liked.liked {color: tomato;background: #ffd0c8;border-color: #f9beb4;}
#getAssociationBoardDetail .comment-area .comment-liked span {font-family: var(--font-kr);}
#getAssociationBoardDetail .comment-secret-area .comment-secret-box {padding:10px;display: flex;align-items: center;gap: 10px;}
#getAssociationBoardDetail .comment-secret-area .comment-secret-box i {font-size:20px;}
#getAssociationBoardDetail .comment-secret-area .comment-secret-view {font-size:20px;}

#getAssociationBoardDetail .comment-edit-write {width:100%;padding:8px;display:flex;gap:6px;align-items: stretch;justify-content:space-evenly;background:#f4f6f8;border-top: 1px solid #e2e6eb;border-bottom: 1px solid #e2e6eb;margin:10px 0;}
#getAssociationBoardDetail .comment-edit-write .secret-chk {display:none;}
#getAssociationBoardDetail .comment-edit-write .secret-lab {font-size: 14px;width: 30px;height: 30px;text-align: center;display: block;color: #abb3ba;border-radius: 100%;line-height: 32px;cursor: pointer;}
#getAssociationBoardDetail .comment-edit-write .secret-chk:checked + .secret-lab {background: #cad4dc;color: #39414a;}
#getAssociationBoardDetail .comment-area .comment-edit-write .comment-edit-text {border: 0; background: #fff; border-radius: 10px; flex: 1 1 auto; padding: 5px;font-family: var(--font-kr);}
#getAssociationBoardDetail .board-detail-con .desc {font-family: var(--font-kr);}

/* 협회 단체 메인에 셀렉트박스 */
.myasso-detail .asso-select-box { width: 100%; background: #5962ef; font-family: var(--font-kr); padding: 0 16px 10px; display: flex; justify-content: center; align-items: center; gap: 6px; } 
.myasso-detail .asso-select-box .asso-select-frame {background:#fff;margin:10px 0;border-radius:6px; height:38px; flex: 1 1 auto;}
.myasso-detail .asso-select-box .asso-select {width:100%;font-family: var(--font-kr);letter-spacing:-0.5px;text-align:center; text-align-last: center;font-weight:500; border-radius: 6px; height: 38px; padding: 0 20px 0 6px; font-size: 16px; border: 0; outline: none;-webkit-appearance: none; -moz-appearance: none;appearance:none; background:#fff url('/resources/naviseo/images/common/select_arrow02.svg') no-repeat right 0 center; color:#222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 
.myasso-detail .asso-select-box .asso-select::-ms-expand{ display:none;}
.myasso-detail .asso-select-box .asso-select option {font-family:var(--font-kr); font-size:14px;width:100%;}
.myasso-detail .asso-select-box .asso-link-btn { width: 70px;flex:0 0 70px; border-radius: 6px; background: #b9bce7; height: 38px; font-size: 14px; font-weight: 600; color: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.1);} 

/* 협회단체 메인 폰트 초기화 */
.myasso-layout .board-tit,
.myasso-layout .board-con *, 
.myasso-layout .shadow-list span,
.myasso-layout div[data-attr="str_reg_date"],
.myasso-layout .nav-scroller a {font-family:var(--font-kr);}
.myasso-layout .nav-pills.tab-text-count .nav-link { padding: 12px 2px 8px 3px; font-family: var(--font-kr); font-size:14px;}

/* 협회 단체 메인 소속단체 설정 */

.editAffModal .modal-dialog{align-items:center;flex-direction:column;justify-content:center}
.editAffModal .edit-affModal-close{position:absolute;bottom:100px;right:20px;background:var(--color-accent);width:56px;height:56px;line-height:60px;text-align:center;border-radius:100%}
.editAffModal .edit-affModal-close.close{opacity: 100%;}
.editAffModal .modal-content{width:100%;justify-content:center;align-items:center}
.editAffModal .edit-affModal-con{width:90%;border-radius:10px;max-height:45vh;font-family:var(--font-kr);background:#fff;padding:10px;display:flex;flex-direction:column}
.editAffModal .edit-affModal-con *{font-family:var(--font-kr)}
.editAffModal .edit-affModal-con .edit-affModal-ttl{font-family:var(--font-kr);padding:10px 20px;border-radius:10px 10px 0 0;margin:0;color:#222;font-size:17px}
.editAffModal .edit-affModal-con .edit-affModal-list{max-height:calc(100% - 43px);overflow-y:scroll;overflow-x:hidden;margin:0;list-style:none;padding:0 10px 10px;border-radius:10px}
.editAffModal .edit-affModal-con .edit-affModal-list li{padding:10px;margin-bottom:6px;background:#f6f6fc;border-radius:6px}
.editAffModal .edit-affModal-con .edit-affModal-list li:last-of-type{margin-bottom:0}
.editAffModal .edit-affModal-con .edit-affModal-list li label{display:flex;align-items:center;position:relative;gap:6px}
.editAffModal .edit-affModal-con .edit-affModal-list li label .modify-check{width:22px;height:22px;background:url('/resources/naviseo/images/common/checkbox_off.svg') center/100% no-repeat}
.editAffModal .edit-affModal-con .edit-affModal-list li label input[type=checkbox]{-webkit-appearance:none;appearance:none}
.editAffModal .edit-affModal-con .edit-affModal-list li label input[type=checkbox] ~ span span{font-weight: bold; color: #5962ef;}
.editAffModal .edit-affModal-con .edit-affModal-list li label input[type=checkbox]:checked+.modify-check{background:url('/resources/naviseo/images/common/checkbox_on.svg') center/100% no-repeat}
.editAffModal .edit-affModal-con .edit-affModal-list li label input[type=checkbox]:disabled ~ span {color: #aeafc1; font-weight: 400;}
.editAffModal .edit-affModal-con .edit-affModal-list li label input[type=checkbox]:disabled ~ span span {color: #aeafc1; font-weight: 400;}
.editAffModal .edit-affModal-con .edit-affModal-list li label span{font-size:15px;font-weight:500}
.editAffModal .edit-affModal-con .edit-affModal-list li label input{-webkit-appearance:none;appearance:none;display:none}
.editAffModal .modal-footer{width:90%;padding:0;margin:10px 0;border:0;border-radius:0}
.editAffModal .add-aff-save{background:#5962ef;padding:12px 20px;width:100%;margin:0;border-radius:10px;font-family:var(--font-kr);font-size:16px;color:#fff;font-weight:700}
/* 메인 메뉴 수정 */
.menu-ad-images {width:100%;padding:10px 0; text-align:center;}
.menu-ad-images img {width:100%;height:100%;  max-height: calc(100vh - 200px);}

.myasso-layout .nav-scroller a {background:#f3f4f8;color:#6c6c6c;font-size:14px;font-weight:400;display:block;padding:0px 10px 2px;margin-right:4px;border:0;box-shadow:none;}
.myasso-layout .nav-scroller a.menu-on {background: #5962ef; color: #ffffff; border: 0; box-shadow: 2px 1px 6px rgba(76, 54, 187, 0.5);}


/* 협회단체 댓글 모달 */
.comment-popup-wrap{position:fixed;bottom:0;opacity:0;left:0;transform:translate3d(0,110%,0);width:100%;padding:20px;background:#fff;transition:all 0.3s;transition-delay:70ms;border-radius:20px 20px 0 0;box-shadow:0 0 20px rgba(0,0,0,0.2);}
.comment-popup-wrap.popup-view{opacity:1;transform:translate3d(0%,0,0);z-index:1010}
.comment-popup-wrap.popup-view::before {content:''; position: absolute; top: 12px; left: 50%; width: 60px; height: 4px; margin-left: -30px; border-radius: 10px; background: #9d9db3;}


/* .comment-popup-wrap *{font-family:var(--font-kr)} */
.comment-popup-wrap .popup-header{font-size:20px;text-align:left;font-weight:700;border-bottom:1px solid #eee;padding:10px}
.comment-popup-wrap .popup-contents{font-size:15px;padding:20px 0;font-weight:500;text-align:center}
.comment-popup-wrap .popup-footer{display:flex;justify-content:center;align-items:center;gap:10px;padding:16px}
.comment-popup-wrap .popup-btn{border:0;background:#ccc;font-size:15px;font-weight:600;border-radius:6px;flex:1 1 auto;padding:8px}
.comment-popup-wrap .popup-cancel{background:#9D9DB3;color:#fff}
.comment-popup-wrap .popup-close{background:#5962ef;color:#fff}

/* 협회단체 글내용 닫기 버튼 */
.board-detail-close {position: fixed;z-index: 9999;top: 10px;right: 10px;width: 45px;height: 45px;text-align: center;line-height: 45px; background: #6d71f9; border-radius: 100%;color: #fff;}
/* 협회 수정 */
#associationHeaderMain2 {background:transparent !important;position:absolute;border-bottom:0 !important;}
#associationHeaderMain2 .icon-modify a {margin-right:4px;}

#associationHeaderMain2.scr {position:relative; background:#5962ef !important; transition: unset;}

.associationMain2 {padding-top:0 !important;background:#fff;}
.associationMain2 .myasso-detail {box-shadow:none;}
.associationMain2 .myasso-detail .asso-top {text-align: center;background-repeat: no-repeat;background-position: center;background-size:cover;}
.associationMain2 .myasso-detail .asso-top .asso-info-layout {padding-top:74px;padding-bottom:16px; background:transparent;position:relative;}
.associationMain2 .myasso-detail .asso-top .asso-info-layout .asso-top-bg {width:100%;height:100%;position:absolute; background: rgba(0, 0, 0, 0.34); top: 0; left: 0;z-index: 0;}


.associationMain2 .myasso-detail .asso-select-box {background:transparent !important; padding:0 10px;position:relative;}
.associationMain2 .myasso-detail .asso-select-box .asso-link-btn {background:#563CFA}
.associationMain2 .myasso-detail .asso-logo-box {display:flex; justify-content: center; align-items: center;}
.associationMain2 .myasso-detail .asso-info p {font-family: var(--font-kr); padding-bottom:10px;font-size:18px;position:relative;}

.associationMain2 .asso-sub-menu {background:#fff; border-bottom:6px solid #F3F4F8; text-align:center;padding:0 10px 4px;}
.associationMain2 .asso-sub-menu a { color: #ffffff; font-size: 1.15em; padding: 2.5vw 0 1.5vw 0; display: inline-block; } 
.associationMain2 .asso-sub-menu a::after { content: "|"; padding: 0 3.5vw; font-size: 0.5em; color: #000; font-size: 14px; top: 0px; position: relative;} 
.associationMain2 .asso-sub-menu a:last-of-type::after { content: none; } 
.associationMain2 .asso-sub-menu a span {font-family: var(--font-kr); color:#000;font-weight:500;}

.associationMain2 .nav-pills.tab-text-count {background:#fff !important;}
.associationMain2 .nav-pills.tab-text-count.back-none {background:#fff !important;}
.associationMain2 .nav-scroller {border-bottom:1px solid #f3f4f8;}

.new-asso-list {background:#fff;border-radius:0;}
.new-asso-list .board-article {width:100%;padding:6px 16px;border-bottom:6px solid #f3f4f8;}
.new-asso-list .board-article .board-article-top {display:flex;align-items: center;margin:10px 0;}
.new-asso-list .board-article .board-article-top .board-article-ttl {font-family: var(--font-kr); font-weight:700;font-size:16px; overflow:hidden; text-overflow:ellipsis;white-space: nowrap;flex:1 1 auto;}
.new-asso-list .board-article .board-article-top .board-article-date {font-family: var(--font-kr); font-size:12px;color:#757575;padding-left: 10px;flex: 0 0 auto;}
.new-asso-list .board-article .board-article-text {margin:10px 0; height:auto; max-height:300px; font-size:16px; text-overflow: ellipsis;overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 6;}
.new-asso-list .board-article .board-article-text * {font-family: var(--font-kr);}
.new-asso-list .board-article .board-article-text img {border-radius: 10px; overflow: hidden;}
.new-asso-list .board-article .board-article-thum {width:100%;height:50vw;overflow:hidden;border-radius:10px;}
.new-asso-list .board-article .board-article-thum img {width:100%; height:auto; min-height:100%;}

/* 명함관리 설정 추가 */
.namecardList-v2-wrapper .setting-namecard-btn {float: right; margin-right: 10px; width: 20px; display: block;}
.namecardList-v2-wrapper .setting-namecard-btn img {width:20px;height:20px;}

/* 협회 알림 설정 문구 */
.push-alarm-desc{ text-align: center; margin: 10px; padding: 16px 10px; color: #5962ef; background: #f4f4f4; border-radius: 6px; word-break: keep-all; font-size: 14px;}
/* 협회단체 헤더 수정 */
#associationHeaderMain2 #btnAssociationHeaderMain2Back {filter: drop-shadow(1px 3px 6px #000);}
#associationHeaderMain2 .asso-header-ic a {margin:0;}
.asso-header-ic img {width:auto;margin:0;}

/* 협회단체 댓글접기 */
.spread-area {padding:10px; text-align: center;}
.spread-area span {font-weight: 700; font-size: 14px;}
#getAssociationBoardDetail .comment-section button.spread-btn {background: #9ba4ac; padding: 0 10px; border-radius: 50px; color: #fff; font-size: 13px; margin-left: 6px;}

.namecard-bg {background:rgba(0,0,0,0.8); width:100%;height:100vh;position:fixed;z-index:1003;left:0;top:0;transition:all 0.3s;}

/* 협회단체 투표 결과 리스트 */
.vote-list {padding:1rem;}
.vote-list .vote-list-ttl {padding: 6px 12px;background: #ebecf8;border-radius: 6px;color: #5962ef;font-weight: 700;margin: 0;}
.vote-list .vote-user-list {align-items: center;display: flex;list-style: none;padding: 10px;margin: 0;gap: 4px;row-gap: 4px;flex-wrap: wrap;}
.vote-list .vote-user-list li {display: block;padding: 4px 16px;border-radius: 50px;background: #f7f7f7;font-weight: 500;}

/* 스마트명함 */
.snc-wrap { width: 100%; margin: 0 auto; } 
.snc-wrap .snc {border-radius: 10px; overflow: hidden; } 
.SncVer01 { background: #FFFBEF; border:1px solid #eee;} 
.SncVer01 .namecard-init .top { background:#fffbef; padding: 24px 100px 24px 24px; position:relative;text-align: left;}
.SncVer01 .namecard-init .top:after {display:block;content:'';position:absolute;right:24px;top:24px;width:41px;height:34px;background:url('/resources/naviseo/images/smartcard/snc-ver01.svg') no-repeat center;} 
.SncVer01 .namecard-init .top .company { font-size: 16px; font-weight: 700; line-height:1.3;word-break:keep-all;} 
.SncVer01 .namecard-init .bottom { padding: 24px; background: #3568B7; color: #fff; } 
.SncVer01 .namecard-init .bottom span { display: block; word-break: break-all; line-height: 1.3;} 
.SncVer01 .namecard-init .bottom .box01 { display: flex; align-items: center; width: 100%;text-align:left; } 
.SncVer01 .namecard-init .bottom .box01 .name { font-size: 16px; font-weight: 700; padding-right: 10px; } 
.SncVer01 .namecard-init .bottom .box01 .level { font-size: 12px; font-weight: 400; } 
.SncVer01 .namecard-init .bottom .box02 .address { font-size: 10px; font-weight: 400; padding: 5px 0 10px; line-height: 16px; text-align:left; } 
.SncVer01 .namecard-init .bottom .box02 .con { display: flex; flex-wrap: wrap; align-items: flex-start;justify-content: space-between; font-size: 9px; } 
.SncVer01 .namecard-init .bottom .box02 .con p { flex: 0 0 50%; margin: 0; padding: 0; padding-right:30px; color: #fff; display: flex; align-items: flex-start; gap: 5px; text-align:left;} 
.SncVer02 { background: #fff; } 
.SncVer02 .namecard-init { width: 100%; position: relative; padding:30px 18% 70px; border-radius: 10px; background: #fff; overflow: hidden; } 
.SncVer02 .namecard-init .namecard-ele { display: block; content: ''; position: absolute; } 
.SncVer02 .namecard-init .namecard-ele.lt { width: 45px; height: 15%; background: #E462A2; left: 0; top: 0; border-right: 5px solid #54255B; border-bottom: 5px solid #54255B; } 
.SncVer02 .namecard-init .namecard-ele.lb { background: #FFD064; width: 45px; height: 85%; left: 0; bottom: 0; border-right: 5px solid #54255B; } 
.SncVer02 .namecard-init .namecard-ele.right { background: #B785DC; border-left: 5px solid #54255B; right: 0; top: 0; width: 45px; height: 87%; } 
.SncVer02 .namecard-init .namecard-ele.bt { background: #11B1A9; bottom: 0; left: 0; border-top: 5px solid #54255B; width: 100%; height: 45px; } 
.SncVer02 .namecard-init .info { display: flex; align-items: center; flex-wrap: wrap; margin: 4px 0; padding: 0 !important; } 
.SncVer02 .namecard-init .info .company { font-size: 12px; font-weight: 700; color: #232323; } 
.SncVer02 .namecard-init .info .name { font-weight: 700; font-size: 16px; color: #232323; } 
.SncVer02 .namecard-init .info .level { font-size: 13px; padding-left: 10px; padding-top: 4px; font-weight: 500; color: #232323; } 
.SncVer02 .namecard-init .info .address { font-size: 9px; font-weight: 500; line-height: normal; color: #232323; text-align:left;} 
.SncVer02 .namecard-init .contact { display: flex; flex-wrap: wrap; margin: 4px 0; padding: 0 !important; align-items: flex-start;justify-content: space-between; } 
.SncVer02 .namecard-init .contact p { display: flex; margin: 0; padding: 0; flex:0 0 50%; word-break: break-all; line-height: normal; font-size: 9px; color: #232323; align-items:flex-start;justify-content: flex-start; padding-right:30px; } 
.SncVer02 .namecard-init .contact p span { font-weight: 500; display: block;text-align:left;} 
.SncVer02 .namecard-init .contact p span:last-of-type {padding-left:6px;}
.SncVer03 { padding: 30px; background: url('/resources/naviseo/images/smartcard/snc-ver03.svg') no-repeat top right #26A270; position:relative; } 
.SncVer03:before { display: block; content: ''; position: absolute; width: 1px; height: 120%; background: #fbff49; top: -10%; right: 140px; transform: rotate(345deg); opacity: 0.7; } 
.SncVer03:after { display: block; content: ''; position: absolute; width: 130%; height: 1px; background: #fbff49; right: -64%; bottom: 65px; transform: rotate(341deg); opacity: 0.7; } 
.SncVer03 .namecard-init { position: relative; color: #FBFF49; } 
.SncVer03 .namecard-init .top { width: calc(100% - 120px); display: flex; align-items: baseline; flex-wrap:wrap; } 
.SncVer03 .namecard-init .top span { display: block; } 
.SncVer03 .namecard-init .top .name { font-size: 16px; font-weight: 700; padding-right: 10px; } 
.SncVer03 .namecard-init .top .level { font-size: 12px; font-weight: 500; } 
.SncVer03 .namecard-init .bottom { margin-top: 20px; width: 100%; text-align:left;} 
.SncVer03 .namecard-init .bottom .company { font-size:14px; font-weight:500; margin-bottom:10px; padding-right:110px; line-height: 1.3;word-break:keep-all;} 
.SncVer03 .namecard-init .bottom .address { font-size:9px; line-height:1.3; margin:4px 0 10px; padding-right:110px;} 
.SncVer03 .namecard-init .bottom .con { display:flex; align-items: flex-start; justify-content: space-between; flex-wrap:wrap; } 
.SncVer03 .namecard-init .bottom .con > div { flex:0 0 50%; display:flex; word-break: break-all; line-height: normal; font-size:9px; padding-right:20px;align-items:flex-start;} 
.SncVer03 .namecard-init .bottom .con > div span:first-of-type { display: block; } 
.SncVer03 .namecard-init .bottom .con > div span:last-of-type { padding: 0 6px; flex: 1 1 auto; display: block; word-break: break-all; } 
.SncVer04 { position: relative; border: 1px solid #eee; background: url('/resources/naviseo/images/smartcard/snc-ver04-l.svg') no-repeat center left; position:relative;}
.SncVer04:after {display:block; content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('/resources/naviseo/images/smartcard/snc-ver04-r.svg') no-repeat center right;}
.SncVer04 .namecard-init { padding: 24px 46px; display: flex; align-items: center; } 
.SncVer04 .namecard-init .left { text-align: center; width: 36%; padding-right: 20px; } 
.SncVer04 .namecard-init .left span { display: block; } 
.SncVer04 .namecard-init .left .name { font-size: 16px; font-weight: 700; } 
.SncVer04 .namecard-init .left .level { font-size: 12px; font-weight: 500; line-height: 1.3; margin-top: 5px; word-break: break-all; } 
.SncVer04 .namecard-init .right { flex:1 1 0; border-left: 1px solid #a0a0a0; padding-left: 8%; text-align:left;} 
.SncVer04 .namecard-init .right .company { font-size: 12px; font-weight: 700; margin-right: 10px; word-break:keep-all; line-height:1.3 } 
.SncVer04 .namecard-init .right .address { font-size: 10px; line-height: 1.3; margin: 4px 0 10px; } 
.SncVer04 .namecard-init .right .con { color: #1CBAC4; font-weight: 500; font-size: 9px; line-height: 1.3; } 
.SncVer04 .namecard-init .right .con > div {display:flex; align-items:flex-start;}
.SncVer04 .namecard-init .right .con > div span {color: #222; font-weight: 400; word-break: break-all; } 
.SncVer04 .namecard-init .right .con > div span:last-of-type {padding-left:6px;}
.SncVer05 { position: relative; background: url('/resources/naviseo/images/smartcard/snc-ver05-l.svg') no-repeat center left #DA614E; position:relative;}
.SncVer05:after {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('/resources/naviseo/images/smartcard/snc-ver05-r.svg') no-repeat center right;} 
.SncVer05 .namecard-init { padding: 24px 46px; text-align: center; color: #FEEDEB; } 
.SncVer05 .namecard-init .top { margin-bottom: 15px; } 
.SncVer05 .namecard-init .top .company { font-size: 12px; font-weight: 500; line-height:1.3} 
.SncVer05 .namecard-init .bottom .name { font-size: 16px; font-weight: 500; } 
.SncVer05 .namecard-init .bottom .level { font-size: 12px; font-weight: 500; line-height: 1.3; margin-bottom: 10px; } 
.SncVer05 .namecard-init .bottom .address { font-size: 9px; line-height: 1.3; margin: 4px 0 10px; word-break: keep-all; } 
.SncVer05 .namecard-init .bottom .con { display: flex; align-items: center; flex-wrap: wrap; } 
.SncVer05 .namecard-init .bottom .con > div { flex: 0 0 50%; display: flex; justify-content:space-between;word-break: break-all; line-height: normal; font-size: 9px; text-align: left; padding-right:30px; } 
.SncVer05 .namecard-init .bottom .con > div span:first-of-type { display: block; } 
.SncVer05 .namecard-init .bottom .con > div span:last-of-type { padding-left:6px; flex: 1 1 auto; display: block; word-break: break-all; } 
.SncVer06 { position: relative; border:1px solid #ddd; background: #fff; padding-bottom:50px; }
.SncVer06:after {display:block;content:'';position:absolute;width:81px;height:9px;bottom:20px;left:20px;background:url('/resources/naviseo/images/smartcard/snc-ver06-ic.svg');}
.SncVer06 .namecard-init { background: url('/resources/naviseo/images/smartcard/snc-ver06.svg') no-repeat top 30px left 30px #FFE26A; padding: 20px 40px; display: flex; align-items: center; position:relative;} 
.SncVer06 .namecard-init .left { text-align: center; width: 36%; padding-right: 20px; } 
.SncVer06 .namecard-init .left span { display: block; } 
.SncVer06 .namecard-init .left .name { font-size: 20px; font-weight: 700; } 
.SncVer06 .namecard-init .left .level { font-size: 11px; font-weight: 500; line-height: 1.3; margin-top: 5px; word-break: keep-all; } 
.SncVer06 .namecard-init .right { flex:1 1 0; border-left: 1px solid #a0a0a0; padding-left: 10%; text-align:left;} 
.SncVer06 .namecard-init .right .company { font-size: 12px; font-weight: 700; margin-right: 10px; word-break:keep-all;line-height:1.3} 
.SncVer06 .namecard-init .right .address { font-size: 9px; line-height: 1.3; margin: 6px 0 10px; } 
.SncVer06 .namecard-init .right .con { font-weight: 500; line-height: 1.3; }
.SncVer06 .namecard-init .right .con > div { display: flex;word-break: break-all; line-height: normal; font-size: 9px; text-align: left; gap:0 6px;} 
.SncVer06 .namecard-init .right .con > div span { color: #222; font-weight: 400;} 
.SncVer07 { padding: 30px; border:1px solid #eee; background: url('/resources/naviseo/images/smartcard/snc-ver07.svg') no-repeat right 0 #fff; background-size:auto 100%; } 
.SncVer07 .namecard-init { position: relative; } 
.SncVer07 .namecard-init .top { width: calc(100% - 120px); padding-bottom:10px; display: flex; align-items: baseline; flex-wrap:wrap; border-bottom:2px dotted #222; } 
.SncVer07 .namecard-init .top span { display: block; } 
.SncVer07 .namecard-init .top .name { font-size: 16px; font-weight: 700; padding-right: 10px; } 
.SncVer07 .namecard-init .top .level { font-size: 12px; font-weight: 500; } 
.SncVer07 .namecard-init .bottom { margin-top: 16px; width: calc(100% - 70px); text-align:left;} 
.SncVer07 .namecard-init .bottom .company { font-size:12px; font-weight:700; margin-bottom:10px;word-break:keep-all;line-height:1.3} 
.SncVer07 .namecard-init .bottom .address { font-size:9px; margin:6px 0 10px; line-height:1.3} 
.SncVer07 .namecard-init .bottom .con { display:flex; flex-wrap:wrap; justify-content: space-between;align-items:stretch;} 
.SncVer07 .namecard-init .bottom .con > div {flex: 0 0 50%;display: flex;word-break: break-all;line-height: normal;padding-right: 30px;font-size: 9px;gap: 0 6px;} 
.SncVer07 .namecard-init .bottom .con > div span {display:block; } 
.SncVer08 { position: relative; background: url('/resources/naviseo/images/smartcard/snc-ver08.svg') no-repeat center; background-size: cover; } 
.SncVer08 .namecard-init { padding: 40px 0 40px 20px; display: flex; align-items: center; } 
.SncVer08 .namecard-init .left { text-align: center; width: 36%; padding-right: 20px; } 
.SncVer08 .namecard-init .left .company { font-size: 12px; font-weight: 700; margin-bottom: 10px; } 
.SncVer08 .namecard-init .left .name { font-size: 18px; font-weight: 700; } 
.SncVer08 .namecard-init .left .level { font-size: 12px; font-weight: 500; line-height: 1.5; margin-top: 5px; } 
.SncVer08 .namecard-init .right { flex: 1 1 0; background: #222; color: #fff; padding: 20px; border-radius: 8px 0 0 8px; } 
.SncVer08 .namecard-init .right .con { font-weight: 500; font-size: 12px; line-height: 1.5; } 
.SncVer08 .namecard-init .right .con > div { flex: 0 0 50%; display: flex; word-break: break-all; line-height: normal; font-size: 10px; text-align: left; align-items: flex-start; } 
.SncVer08 .namecard-init .right .con > div span:first-of-type { display: block; width: 14px; height: 18px; background-size: 12px !important; flex: 0 0 14px; } 
.SncVer08 .namecard-init .right .con > div span.ic01 { background: url('/resources/naviseo/images/smartcard/snv-ver08-ic2.svg') no-repeat center; } 
.SncVer08 .namecard-init .right .con > div span.ic02 { background: url('/resources/naviseo/images/smartcard/snc-ver08-ic3.svg') no-repeat center; } 
.SncVer08 .namecard-init .right .con > div span.ic03 { background: url('/resources/naviseo/images/smartcard/snc-ver08-ic4.svg') no-repeat center; } 
.SncVer08 .namecard-init .right .con > div span.ic04 { background: url('/resources/naviseo/images/smartcard/snc-ver08-ic5.svg') no-repeat center; } 
.SncVer08 .namecard-init .right .con > div span.ic05 { background: url('/resources/naviseo/images/smartcard/snc-ver08-ic1.svg') no-repeat center; } 
.SncVer08 .namecard-init .right .con > div span:last-of-type { padding: 0 10px; flex: 1 1 auto; display: block; word-break: break-all; } 
.SncVer09 { position: relative; } 
.SncVer09 .namecard-init { background: url('/resources/naviseo/images/smartcard/snc-ver09.svg') no-repeat center; background-size:cover; border-radius:10px; padding:20px 40px; display: flex; align-items: center; } 
.SncVer09 .namecard-init .left { text-align: center; width: 36%; padding-right: 20px; } 
.SncVer09 .namecard-init .left span { display: block; } 
.SncVer09 .namecard-init .left .name { font-size: 20px; font-weight: 700; } 
.SncVer09 .namecard-init .left .level { font-size: 12px; font-weight: 500; line-height: 1.5; margin-top: 5px; word-break: break-all; } 
.SncVer09 .namecard-init .right { flex:1 1 0; border-left: 1px solid #222; padding-left: 16px;text-align:left; } 
.SncVer09 .namecard-init .right .company { font-size: 12px; font-weight: 700; margin-right: 10px; word-break:keep-all;line-height:1.3 } 
.SncVer09 .namecard-init .right .address { font-size: 9px; line-height: 1.3; margin:6px 0 10px; } 
.SncVer09 .namecard-init .right .con { font-weight: 500; font-size: 10px; line-height: 1.5; } 
.SncVer09 .namecard-init .right .con > div {display:flex;gap:0 6px;}
.SncVer09 .namecard-init .right .con > div span {color: #222; font-weight: 400; word-break: break-all; } 
.SncVer10 { position: relative; background: url('/resources/naviseo/images/smartcard/snc-ver10.svg') no-repeat center; background-size:cover; } 
.SncVer10 .namecard-init { padding:20px 30px 30px; color:#fff; } 
.SncVer10 .namecard-init .top { text-align: center; } 
.SncVer10 .namecard-init .top .company { margin:20px auto 30px; font-size: 12px; font-weight: 700; word-break:break-all;line-height: 1.3;} 
.SncVer10 .namecard-init .bottom { width:100%; text-align: left;} 
.SncVer10 .namecard-init .bottom .bottom-ttl { display:flex; gap:10px; } 
.SncVer10 .namecard-init .bottom .name { font-size: 16px; font-weight: 700; line-height: 1.3;} 
.SncVer10 .namecard-init .bottom .level { font-size: 12px; line-height: 1.3; margin-top: 5px; word-break: break-all; } 
.SncVer10 .namecard-init .bottom .address { font-size: 9px; line-height: 1.3; margin: 4px 0 10px; word-break: keep-all;} 
.SncVer10 .namecard-init .bottom .con { display:flex; align-items: stretch; flex-wrap:wrap; justify-content: space-between;} 
.SncVer10 .namecard-init .bottom .con > div { flex:0 0 50%; padding-right:30px; display:flex; align-items: flex-start; line-height: 1.3; font-size:9px; gap:0 6px;} 
.SncVer10 .namecard-init .bottom .con > div span { display: block; word-break: break-all; } 
.SncVer11 { position: relative; background: #2D2D2F; padding: 20px; } 
.SncVer11 .namecard-init { background: url('/resources/naviseo/images/smartcard/snc-ver11.svg') no-repeat center top; background-size: 100% auto; padding-top: 27%; color: #DBBDA1; display: flex; align-items: flex-start; } 
.SncVer11 .namecard-init .left { width: 30%; text-align:left;} 
.SncVer11 .namecard-init .left .name { font-size: 16px; font-weight: 700; } 
.SncVer11 .namecard-init .left .level { font-size: 12px; line-height: 1.5; margin-top: 2px; word-break: keep-all;} 
.SncVer11 .namecard-init .right { width: 70%; padding-left: 5px; text-align:left;} 
.SncVer11 .namecard-init .right .company { font-size: 12px; font-weight: 500; line-height:1.3} 
.SncVer11 .namecard-init .right .address { font-size: 9px; line-height: 1.3; margin: 4px 0 6px; } 
.SncVer11 .namecard-init .right .con { display: flex; align-items: flex-start; flex-wrap: wrap; } 
.SncVer11 .namecard-init .right .con > div { flex: 0 0 50%; display: flex; word-break: break-all; line-height: 1.3; font-size: 9px; padding-right:10px;} 
.SncVer11 .namecard-init .right .con > div span { padding-right:6px; display: block; word-break: break-all; } 
.SncVer11 .namecard-init .right .con > div span:last-of-type { padding-right:6px; } 
.SncVer12 { padding: 20px; background-color: #505ABC; position: relative; }
.SncVer12:after {display:block; content:'';position:absolute;top:50%;right:20px;transform:translateY(-50%);width:130px;height:130px;background:url('/resources/naviseo/images/smartcard/snc-ver12.png') no-repeat center right;background-size:100%;}
.SncVer12 .namecard-init { position: relative; color: #FFA8D8; padding-right: 130px; } 
.SncVer12 .namecard-init .top { width: 100%;text-align:left; } 
.SncVer12 .namecard-init .top span { display: block; } 
.SncVer12 .namecard-init .top .name { font-size: 16px; font-weight: 700; padding-right: 10px; } 
.SncVer12 .namecard-init .top .level { font-size: 12px; font-weight: 500; } 
.SncVer12 .namecard-init .bottom { margin-top: 10px; width: 100%; text-align:left;} 
.SncVer12 .namecard-init .bottom .company { font-size: 12px; font-weight: 500; margin-bottom: 10px; word-break:keep-all;line-height:1.3} 
.SncVer12 .namecard-init .bottom .address { font-size: 9px; line-height: 1.3; margin: 6px 0 10px; } 
.SncVer12 .namecard-init .bottom .con { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; } 
.SncVer12 .namecard-init .bottom .con > div { flex: 0 0 50%; display: flex; line-height: 1.3; font-size: 9px; padding-right:10px;} 
.SncVer12 .namecard-init .bottom .con > div span {display: block;} 
.SncVer12 .namecard-init .bottom .con > div span:last-of-type {padding-left:4px;word-break: break-all;}
.SncVer13 { padding: 30px; border:1px solid #eee; background: url('/resources/naviseo/images/smartcard/snc-ver13-t.svg') no-repeat top right, url('/resources/naviseo/images/smartcard/snc-ver13-tr.svg') no-repeat top right, #fff; position: relative; } 
.SncVer13:after {display:block;content:'';position:absolute;width:226px;height:48px;background:url('/resources/naviseo/images/smartcard/snc-ver13-b.svg') no-repeat center;bottom:0;right:-15px;}
.SncVer13 .namecard-init { position: relative; padding-right: 50px; text-align:left;} 
.SncVer13 .namecard-init .top { width: 100%;text-align:left; } 
.SncVer13 .namecard-init .top span { display: block; } 
.SncVer13 .namecard-init .top .name { font-size: 16px; font-weight: 700; padding-right: 10px; } 
.SncVer13 .namecard-init .top .level { font-size: 12px; font-weight: 500; } 
.SncVer13 .namecard-init .bottom { margin-top: 10px; width: 100%; } 
.SncVer13 .namecard-init .bottom .company { font-size: 12px; word-break:keep-all;line-height:1.3; font-weight: 500; margin-bottom: 10px; } 
.SncVer13 .namecard-init .bottom .address { font-size: 9px; line-height: 14px; margin: 4px 0 10px; } 
.SncVer13 .namecard-init .bottom .con { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; } 
.SncVer13 .namecard-init .bottom .con > div { flex:0 0 50%; display: flex; word-break: break-all; line-height: normal; font-size: 9px; padding-right:30px;} 
.SncVer13 .namecard-init .bottom .con > div span {display: block; word-break: break-all; } 
.SncVer13 .namecard-init .bottom .con > div span:last-of-type { padding-left: 4px; } 
.SncVer14 { padding: 30px; border:1px solid #eee;  background:#fff; background-size:130px auto; position: relative; } 
.SncVer14:after {display:block;content:'';position:absolute;width:130px;height:130px;top:50%;transform:translateY(-50%);right:20px;background: url('/resources/naviseo/images/smartcard/snc-ver14.svg') no-repeat center;background-size:100%;border-radius:10px;}
.SncVer14 .namecard-init { position: relative; padding-right: 135px; text-align:left;} 
.SncVer14 .namecard-init .top { width: 100%; } 
.SncVer14 .namecard-init .top .company { font-size: 12px; font-weight: 500; margin-bottom: 10px; line-height:1.3} 
.SncVer14 .namecard-init .top .name { font-size: 16px; font-weight: 700; padding-right: 10px; } 
.SncVer14 .namecard-init .top .level { font-size: 12px; font-weight: 500; } 
.SncVer14 .namecard-init .bottom { margin-top: 10px; width: 100%; } 
.SncVer14 .namecard-init .bottom .address { font-size: 9px; line-height: 14px; margin: 6px 0 4px; } 
.SncVer14 .namecard-init .bottom .con > div { display: flex;word-break: break-all; line-height: normal; font-size: 9px; } 
.SncVer14 .namecard-init .bottom .con > div span {display: block; word-break: break-all; } 
.SncVer14 .namecard-init .bottom .con > div span:last-of-type { padding-left: 4px; } 
.SncVer15 { padding: 20px 20px 50px; border: 1px solid #eee; background: #fff; position: relative;} 
.SncVer15:before { display:block; content:''; position:absolute; bottom:30px; left:0; width:90%; height:1px; background:#222; } 
.SncVer15:after { display:block; content:''; position:absolute; bottom:29px; left:60%; width:30%; height:3px; background:#37DD97; } 
.SncVer15 .namecard-init { position: relative;text-align:left; padding-right: 150px; background: url('/resources/naviseo/images/smartcard/snc-ver15-ic.svg') no-repeat top right; }
.SncVer15 .namecard-init:after {display:block;content:'';position:absolute;top:50%;right:10px;transform:translateY(-50%);width:130px;height:130px;background:url('/resources/naviseo/images/smartcard/snc-ver15.svg') no-repeat center;background-size:100%;} 
.SncVer15 .namecard-init .top { width: 100%; } 
.SncVer15 .namecard-init .top .company { font-size: 12px; font-weight: 500; margin-bottom: 10px; line-height:1.3;word-break:break-all } 
.SncVer15 .namecard-init .top .name { font-size: 16px; font-weight: 700; padding-right: 10px; } 
.SncVer15 .namecard-init .top .level { font-size: 12px; font-weight: 500; } 
.SncVer15 .namecard-init .bottom { margin-top: 10px; width: 100%; } 
.SncVer15 .namecard-init .bottom .address { font-size: 9px; line-height: 1.3; margin: 6px 0 4px; } 
.SncVer15 .namecard-init .bottom .con { display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap; } 
.SncVer15 .namecard-init .bottom .con > div { flex:0 0 50%; display: flex; word-break: break-all; line-height: normal; font-size: 9px; padding-right: 10px; align-items: baseline;} 
.SncVer15 .namecard-init .bottom .con > div span { padding-left: 4px; flex: 1 1 auto; display: block; line-height: 1.3;} 
.SncVer16 { position: relative; background: url('/resources/naviseo/images/smartcard/snc-ver16.svg') no-repeat center right; background-size: auto 100%; border:1px solid #eee; padding:30px; } 
.SncVer16 .namecard-init { padding-right:30px; text-align:left;} 
.SncVer16 .namecard-init .top { width: 100%; } 
.SncVer16 .namecard-init .top .company { font-size: 12px; font-weight: 500; margin-bottom: 10px; line-height:1.3;word-break:keep-all} 
.SncVer16 .namecard-init .top .name { font-size: 16px; font-weight: 700; padding-right: 10px; } 
.SncVer16 .namecard-init .top .level { font-size: 12px; font-weight: 500; } 
.SncVer16 .namecard-init .bottom { margin-top: 10px; width: 100%; } 
.SncVer16 .namecard-init .bottom .address { font-size: 9px; line-height: 1.4; margin: 6px 0 4px; word-break: break-all; } 
.SncVer16 .namecard-init .bottom .con { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; } 
.SncVer16 .namecard-init .bottom .con > div { flex:0 0 50%; display: flex; word-break: break-all;padding-right:30px; line-height: normal; font-size: 9px; } 
.SncVer16 .namecard-init .bottom .con > div span { padding-left: 10px; flex: 1 1 auto; display: block; word-break: break-all; } 
.SncVer17 { position: relative; background: url('/resources/naviseo/images/smartcard/snc-ver17.svg') no-repeat center; background-size: cover; padding: 40px 20px 40px 0; } 
.SncVer17 .namecard-init { background: #EAFF00; border-radius: 0 10px 10px 0; padding: 20px 20px 20px 10%; display: flex; align-items: center; } 
.SncVer17 .namecard-init .left { width: 30%; text-align: center; padding-right: 14px; } 
.SncVer17 .namecard-init .left .name { font-size: 16px; font-weight: 700; } 
.SncVer17 .namecard-init .left .level { font-size: 12px; line-height: 1.5; margin-top: 5px;word-break: keep-all; } 
.SncVer17 .namecard-init .right { width: 70%; text-align:left;} 
.SncVer17 .namecard-init .right .company { font-size: 14px; font-weight: 700; line-height:1.3;border-bottom: 2px solid #222; padding-bottom: 10px; margin-bottom: 10px; } 
.SncVer17 .namecard-init .right .address { font-size: 9px; line-height: 1.5; margin: 0 0 4px; word-break: break-all; } 
.SncVer17 .namecard-init .right .con { display: flex; align-items: stretch;justify-content: space-between; flex-wrap: wrap; } 
.SncVer17 .namecard-init .right .con > div { flex: 0 0 50%; display: flex; word-break: break-all; line-height: normal; font-size: 9px; } 
.SncVer17 .namecard-init .right .con > div span:last-of-type { padding: 0 6px; flex: 1 1 auto; display: block; word-break: break-all; } 
.SncVer18 { position: relative; background: url('/resources/naviseo/images/smartcard/snc-ver18.svg') no-repeat center; background-size: cover; padding: 30px 20px; } 
.SncVer18 .namecard-init { display: flex; align-items: center; } 
.SncVer18 .namecard-init .left { width: 30%; text-align: center; padding-right: 14px; } 
.SncVer18 .namecard-init .left .name { font-size: 16px; font-weight: 700; } 
.SncVer18 .namecard-init .left .level { font-size: 12px; line-height: 1.5; margin-top: 5px;     word-break: keep-all;} 
.SncVer18 .namecard-init .right { width: 70%; border: 2px solid #222; font-weight: 500; text-align:left;} 
.SncVer18 .namecard-init .right .company { font-size: 12px; font-weight: 700; line-height:1.3; border-bottom: 2px solid #222; padding: 8px; } 
.SncVer18 .namecard-init .right .address { font-size: 9px; line-height: 1.5; word-break: break-all; padding: 8px; border-bottom: 2px solid #222; } 
.SncVer18 .namecard-init .right .con { display: flex; align-items: stretch; flex-wrap: wrap; justify-content: stretch; } 
.SncVer18 .namecard-init .right .con > div { flex: 0 0 50%; display: flex; word-break: keep-all; line-height: normal; font-size: 9px; padding: 8px; } 
.SncVer18 .namecard-init .right .con > div:nth-child(2n-1) { border-right: 2px solid #222; } 
.SncVer18 .namecard-init .right .con > div:first-child, .SncVer18 .namecard-init .right .con > div:nth-child(2) { border-bottom: 2px solid #222; } 
.SncVer18 .namecard-init .right .con > div span:last-of-type { padding: 0 0 0 4px; flex: 1 1 auto; display: block; word-break: break-all; } 
.SncVer19 { background: #fff; border: 1px solid #eee; border-bottom:15px solid #178582; } 
.SncVer19 .namecard-init { padding: 30px 30px 15px 0; text-align:left;} 
.SncVer19 .namecard-init .top { width: 100%; position: relative; padding-left: 30px; } 
.SncVer19 .namecard-init .top:before { display: block; content: ''; position: absolute; left: 0; top: 0; width: 9px; height: 100%; border-radius: 0 4px 4px 0; background: #178582; } 
.SncVer19 .namecard-init .top .name { font-size: 16px; font-weight: 700; padding-right: 10px; } 
.SncVer19 .namecard-init .top .level { font-size: 12px; font-weight: 500; } 
.SncVer19 .namecard-init .bottom { margin:10px auto 0; width: calc(100% - 40px); padding-top:10px; position:relative; } 
.SncVer19 .namecard-init .bottom:before { display:block; content:''; position:absolute; width:100%; height:1px; background:#222; top:0; left:0; } 
.SncVer19 .namecard-init .bottom:after { display:block; content:''; position:absolute; width:40%; height:3px; background:#178582; top:-1px; left:0; } 
.SncVer19 .namecard-init .bottom .company { font-size: 12px; line-height:1.3; font-weight: 500; margin-bottom: 4px; } 
.SncVer19 .namecard-init .bottom .address { font-size: 9px; line-height: 1.4; margin: 6px 0 4px; word-break: break-all; } 
.SncVer19 .namecard-init .bottom .con { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; } 
.SncVer19 .namecard-init .bottom .con > div { flex: 0 0 50%; display: flex; word-break: break-all; line-height: normal; font-size: 9px;padding-right:30px; } 
.SncVer19 .namecard-init .bottom .con > div span:last-of-type { padding: 0 0 0 6px; display: block; word-break: break-all; } 
.SncVer20 { padding:30px; border: 1px solid #eee; background:url('/resources/naviseo/images/smartcard/snc-ver20.svg') no-repeat center; background-size:cover; } 
.SncVer20 .namecard-init { padding-right:65px; text-align:left;} 
.SncVer20 .namecard-init .top { width: 100%; } 
.SncVer20 .namecard-init .top .company { font-size: 12px; line-height:1.3; word-break:keep-all; font-weight: 700; margin-bottom:15px; } 
.SncVer20 .namecard-init .top .name { font-size: 16px; font-weight: 700; padding-right: 10px; } 
.SncVer20 .namecard-init .top .level { font-size: 12px; font-weight: 500; } 
.SncVer20 .namecard-init .bottom { margin-top:10px; } 
.SncVer20 .namecard-init .bottom .address { font-size: 9px; line-height: 1.3; margin: 6px 0 4px; word-break: break-all; } 
.SncVer20 .namecard-init .bottom .con { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; } 
.SncVer20 .namecard-init .bottom .con > div { flex: 0 0 50%; padding-right:30px; display: flex; word-break: break-all; line-height: normal; font-size: 9px; } 
.SncVer20 .namecard-init .bottom .con > div span { display: block; word-break: break-all; } 
.SncVer20 .namecard-init .bottom .con > div span:last-of-type { padding: 0 0 0 6px;} 
.SncVer21 { padding: 10px; border: 1px solid #eee; background: #fff; }
.SncVer21 .namecard-init {text-align:left;}
.SncVer21 .namecard-init .top { padding: 10px; width: 100%; display: flex; color: #FF4817; align-items: center; justify-content: space-between; } 
.SncVer21 .namecard-init .top .left { width: 25%; } 
.SncVer21 .namecard-init .top .left .name { font-size: 16px; font-weight: 700; } 
.SncVer21 .namecard-init .top .left .level { font-size: 12px; font-weight: 500; line-height: 1.3; margin-top: 5px; word-break: keep-all; } 
.SncVer21 .namecard-init .top .right { width: 75%; padding-left: 10px; } 
.SncVer21 .namecard-init .top .right .company { font-size: 12px; line-height: 1.3; word-break:break-all; font-weight: 700; margin-bottom: 15px; } 
.SncVer21 .namecard-init .top .right .address { font-size: 9px; line-height: 1.3; word-break: keep-all; margin-bottom: 6px; } 
.SncVer21 .namecard-init .top .right .con { display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap; } 
.SncVer21 .namecard-init .top .right .con > div { flex: 0 0 50%; display: flex; word-break: break-all; line-height: normal; font-size: 9px; padding-right:20px;} 
.SncVer21 .namecard-init .top .right .con > div span {display: block; word-break: break-all; } 
.SncVer21 .namecard-init .top .right .con > div span:last-of-type { padding: 0 0 0 6px; } 
.SncVer21 .namecard-init .bottom { background: #FF4817; padding: 50px 20px 20px; text-align: right; color: #fff; font-weight: 700; font-size: 16px; } 
.SncVer22 { border: 1px solid #eee; background: #fff; } 
.SncVer22 .namecard-init {text-align:left;}
.SncVer22 .namecard-init .top { padding:30px; width: 100%; display: flex; background: #0D3A5C; color:#fff; align-items: flex-start; justify-content: space-between; } 
.SncVer22 .namecard-init .top .left { width: 50%; } 
.SncVer22 .namecard-init .top .left .name { font-size: 16px; font-weight: 700; } 
.SncVer22 .namecard-init .top .left .level { font-size: 12px; font-weight: 500; line-height: 1.3; margin-top: 5px; } 
.SncVer22 .namecard-init .top .right { width: 50%; padding-left: 10px; text-align:right; } 
.SncVer22 .namecard-init .top .right .company { font-size: 12px; font-weight: 700; } 
.SncVer22 .namecard-init .bottom { color: #0D3A5C; padding:20px 30px 30px; font-weight: 700; font-size: 9px; position:relative; } 
.SncVer22 .namecard-init .bottom:before { display:block; content:''; position:absolute; top:-12px; left:30px; width:26px; height:12px; background:url('/resources/naviseo/images/smartcard/snc-ver22.svg') no-repeat center; } 
.SncVer22 .namecard-init .bottom .address { font-size: 12px; line-height: 1.4; word-break: break-all; margin-bottom: 6px; } 
.SncVer22 .namecard-init .bottom .con { display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap; } 
.SncVer22 .namecard-init .bottom .con > div { flex:0 0 50%; display: flex; word-break: break-all; align-items:flex-start; line-height: normal; font-size: 9px; padding-right:30px;} 
.SncVer22 .namecard-init .bottom .con > div span:first-of-type { display:block; width:12px; height: 12px; flex: 0 0 12px;} 
.SncVer22 .namecard-init .bottom .con > div span.ic01 { background:url('/resources/naviseo/images/smartcard/snc-ver22-ic1.svg') no-repeat center; } 
.SncVer22 .namecard-init .bottom .con > div span.ic02 { background:url('/resources/naviseo/images/smartcard/snc-ver22-ic2.svg') no-repeat center; } 
.SncVer22 .namecard-init .bottom .con > div span.ic03 { background:url('/resources/naviseo/images/smartcard/snc-ver22-ic3.svg') no-repeat center; } 
.SncVer22 .namecard-init .bottom .con > div span.ic04 { background:url('/resources/naviseo/images/smartcard/snc-ver22-ic4.svg') no-repeat center; } 
.SncVer22 .namecard-init .bottom .con > div span:last-of-type { padding: 0 6px; flex: 1 1 auto; display: block; word-break: break-all; } 
.SncVer23 { position: relative; background: url('/resources/naviseo/images/smartcard/snc-ver23-t.svg') no-repeat center top 20px, #242424; padding: 30px 0 30px 30px; background-size: 90% auto; } 
.SncVer23:after {display:block;content:'';position:absolute;width:100%;height:10px;left:50%;bottom:20px;transform:translateX(-50%);background:url('/resources/naviseo/images/smartcard/snc-ver23-b.svg') no-repeat center; background-size: 90% auto;}
.SncVer23 .namecard-init { display: flex; align-items: center; color: #fff; padding: 10px 0 10px 0px; } 
.SncVer23 .namecard-init .left { width: 50%; padding-right: 14px; text-align:left;} 
.SncVer23 .namecard-init .left .company { font-size: 12px; font-weight: 700; color: #009FE0; margin-bottom: 10px; } 
.SncVer23 .namecard-init .left .name { font-size: 16px; font-weight: 700; } 
.SncVer23 .namecard-init .left .level { font-size: 12px; line-height: 1.3; margin-top: 5px; } 
.SncVer23 .namecard-init .left .address { font-size: 9px; line-height: 1.3; margin: 0 0 4px; word-break: break-all; } 
.SncVer23 .namecard-init .right { width: 50%; } 
.SncVer23 .namecard-init .right .con { width: 100%; } 
.SncVer23 .namecard-init .right .con > div { margin: 14px 0; text-align: right; display: flex; justify-content: right; word-break: keep-all; line-height: normal; font-size: 9px; } 
.SncVer23 .namecard-init .right .con > div span:first-of-type { padding: 0 10px; flex: 1 1 auto; display: block; word-break: break-all; } 
.SncVer23 .namecard-init .right .con > div span:last-of-type { display: block; width: 32px; height: 18px; flex: 0 0 32px; } 
.SncVer23 .namecard-init .right .con > div span.ic01 { background: url('/resources/naviseo/images/smartcard/snc-ver23-ic1.svg') no-repeat center; } 
.SncVer23 .namecard-init .right .con > div span.ic02 { background: url('/resources/naviseo/images/smartcard/snc-ver23-ic2.svg') no-repeat center; } 
.SncVer23 .namecard-init .right .con > div span.ic03 { background: url('/resources/naviseo/images/smartcard/snc-ver23-ic3.svg') no-repeat center; } 
.SncVer23 .namecard-init .right .con > div span.ic04 { background: url('/resources/naviseo/images/smartcard/snc-ver23-ic4.svg') no-repeat center; } 
.SncVer24 { padding: 20px; background: url('/resources/naviseo/images/smartcard/snc-ver17.svg') no-repeat center; background-size: cover; } 
.SncVer24 .namecard-init { color:black; display: grid; border: 2px solid #222; place-items: stretch stretch; grid-template-columns: 2fr 3fr; grid-auto-rows: auto; } 
.SncVer24 .namecard-init .company { line-height:1.3;grid-column: 1 / 3; padding: 10px; font-size: 14px; font-weight: 700; border-bottom: 2px solid #222; width: 100%; text-align:left;} 
.SncVer24 .namecard-init .name-box { border-right: 2px solid #222; text-align: center; padding: 6px; grid-row: 2/5; display: flex; align-items: center; justify-content: center; flex-direction: column; } 
.SncVer24 .namecard-init .name-box .name { font-size: 16px; font-weight: 700; margin-bottom: 6px; } 
.SncVer24 .namecard-init .name-box .level { font-size: 12px; font-weight: 500; line-height: 1.3; word-break: keep-all;} 
.SncVer24 .namecard-init .con { grid-row: 2/5; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } 
.SncVer24 .namecard-init .con > div { padding: 6px; border-bottom: 2px solid #222; font-size: 9px; width: 100%; display:flex;align-items:center;text-align:left;} 
.SncVer24 .namecard-init .con > div:last-child { border-bottom: 0;} 
.SncVer24 .namecard-init .con > div span {display: block; word-break: break-all; line-height:1.3 } 
.SncVer24 .namecard-init .con > div span:last-of-type { padding: 0 0 0 6px;} 
.SncVer24 .namecard-init .address { font-size: 11px; line-height: 1.3; word-break: keep-all; grid-row: 5; grid-column: 1/3; border-top: 2px solid #222; padding: 10px; text-align: center; } 
.SncVer25 { padding: 30px; border: 1px solid #eee; background:#000; position:relative;}
.SncVer25:after {display:block;content:'';position:absolute;width:135px;height:135px;background: url('/resources/naviseo/images/smartcard/snc-ver25.svg') no-repeat center right;background-size:100%;top:50%;right:20px;transform:translateY(-50%);}
.SncVer25 .namecard-init { position: relative; color:#fff; padding-right: 60px; text-align:left;z-index:1; } 
.SncVer25 .namecard-init .top { width: 100%; } 
.SncVer25 .namecard-init .top .name { font-size: 16px; font-weight: 700; padding-right: 10px; } 
.SncVer25 .namecard-init .top .level { font-size: 12px; font-weight: 500; } 
.SncVer25 .namecard-init .bottom { margin-top: 10px; width: 100%; } 
.SncVer25 .namecard-init .bottom .company { font-size: 12px; font-weight: 500; margin-bottom: 10px; line-height:1.3; word-break: break-all;} 
.SncVer25 .namecard-init .bottom .address { font-size: 9px; line-height: 14px; margin: 6px 0 4px; } 
.SncVer25 .namecard-init .bottom .con { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; } 
.SncVer25 .namecard-init .bottom .con > div { flex:0 0 50%; display: flex; word-break: break-all; line-height: normal; font-size: 9px; padding-right:30px;} 
.SncVer25 .namecard-init .bottom .con > div span { display: block; line-height:1.3} 
.SncVer25 .namecard-init .bottom .con > div span:last-of-type { padding-left: 6px; } 
.SncVer26 { background: #fff; color: #0B497A; border: 1px solid #eee; } 
.SncVer26 .namecard-init { display: flex; align-items: stretch; text-align:left;} 
.SncVer26 .namecard-init .left { width: 35%; background: url('/resources/naviseo/images/smartcard/snc-ver26.svg') no-repeat center; background-size: cover; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 30px 20px; } 
.SncVer26 .namecard-init .left .name { font-size: 16px; font-weight: 700; } 
.SncVer26 .namecard-init .left .level { font-size: 12px; line-height: 1.5; margin-top: 8px; } 
.SncVer26 .namecard-init .right { width: 65%; padding: 30px 20px; font-weight: 500; } 
.SncVer26 .namecard-init .right .company { font-size: 12px; line-height: 1.3; font-weight: 700; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #0B497A; } 
.SncVer26 .namecard-init .right .address { font-size: 9px; line-height: 1.3; word-break: break-all; margin-bottom: 10px; } 
.SncVer26 .namecard-init .right .con { display: flex; align-items: stretch; flex-wrap: wrap; justify-content: stretch; } 
.SncVer26 .namecard-init .right .con > div { flex: 0 0 50%; display: flex; word-break: keep-all; line-height: normal; font-size: 9px; padding-right:10px;} 
.SncVer26 .namecard-init .right .con > div .input-span{display: block; word-break: break-all; } 
.SncVer26 .namecard-init .right .con > div span:last-of-type { padding: 0 0 0 6px; word-break:break-all} 

#sncSelectModal .modal-dialog {margin:20px 20px 0;}
#sncSelectModal .modal-header {background:#5962ef; height:60px;border-radius:16px 16px 0 0;position:relative;}
#sncSelectModal .modal-header h5.modal-title {padding:10px 20px; text-align:left;font-weight:700;font-size:16px;}
#sncSelectModal .modal-header button.close {position:absolute;right:20px;top:18px;color:#fff;opacity:1;}
#sncSelectModal .modal-body {background:#fff;}

#sncSelectModal .snc-list {margin:0; padding:20px; display:flex;flex-wrap:wrap;list-style:none;align-items: center; justify-content: stretch;}
#sncSelectModal .snc-list li {flex:0 0 50%;padding:5px;}
#sncSelectModal .snc-list li button {width:100%;}
#sncSelectModal .snc-list li button img {width:100%;display:block;}




/****************************** JOIN - 협회/단체 ********************************/
/* 탭 */
.nvs-page-tab {border-bottom:1px solid #eee;position:sticky;top:-1px;z-index:1000;background:#fff;}
.nvs-page-tab .list {margin:0; padding:0;display:flex;justify-content: center; align-items: center; gap:2rem; list-style:none;}
.nvs-page-tab .list li {border-bottom:3px solid transparent;}
.nvs-page-tab .list li.active {border-bottom:3px solid #000;}
.nvs-page-tab .list li button {font-size:1rem;font-weight:500;padding:0.6rem 0.2rem; color:#777;}
.nvs-page-tab .list li.active button { font-weight:700; color:#000;}

/* 목록 */
.org-banner {padding:10px 15px;}
.org-banner img {width:100%; display:block;}
.bg-light-grey {background:#f3f4f8;}
.item-list-wrap {position:relative;display:flex;flex-direction: column;}
.item-list-wrap.full {height:100%;}
.item-list-wrap .list-group {height:100%;overflow: hidden;overflow-y: auto;padding: 1rem;}
.item-list-wrap .list-group .list-item {width:100%;padding:1rem;border-radius:0.625rem;background:#fff;box-shadow:0 0 4px rgba(0,0,0,0.25);position:relative;}
.item-list-wrap .list-group .list-item:not(:last-of-type) {margin-bottom:0.625rem;}
.item-list-wrap .list-bt-btns {display: flex;align-items: center;justify-content: center;padding: 0.4rem 0.875rem;gap: 0.4rem;position:sticky;bottom:0;background:#f8f9fa;}
.item-list-wrap .list-bt-btns button {background:#ddd;padding:0.6rem 1rem;font-size:1rem;font-weight: 500;border-radius:6px;width:50%;}
.item-list-wrap .list-bt-btns .btn-dark {background:#272848;color:#fff;}
.item-list-wrap .list-bt-btns .btn-accent {background:var(--color-accent);color:#fff;}
.item-list-wrap .no-content {text-align:center;padding:3rem;font-weight:500;font-size:1rem;}

.list-item .option {position:absolute;top:10px; right:10px;font-size:1.1rem;width:30px;height:30px;color:#929292}
.list-item .category {background:#52aca0;color:#fff;display:inline-block;padding:0 0.625rem;border-radius:50px;font-weight:500;font-size:0.75rem;margin:0 0 0.2rem;}
.list-item .category span {font-weight:700;font-size:0.875rem;}
.list-item .title {position:relative;font-weight:700;font-size:1.2rem;margin:0.2rem 0 0.6rem;padding:0 3rem 0 0.2rem;word-break: break-all;}
.list-item .subtitle {position:relative;font-weight:700;font-size:0.875rem;padding:0 0.2rem;font-weight:500;margin:0;}
.list-item .subtitle strong {font-weight:700;}
.list-item .subtitle span {font-weight:700;}
.list-item .desc {position:relative;font-weight:500;font-size:0.75rem;color:#757575;margin:0;padding:0 0.2rem;color:#6c6c6c;display:flex;gap:1rem;}
.list-item .desc p {margin:0;color:inherit;}
.list-item .desc span {font-weight:700;}
.list-item .list-btn {position:relative;position:absolute;right:1rem;bottom:1rem;padding:0 0.6rem;background:#fff;border:1px solid #a0a7b2;color:#6c6c6c;font-weight:500;border-radius:2px;font-size:0.75rem;}
.list-item .list-btn-02 {border:0;}
.list-item .list-btn-02 .ic-bt-arrow {display:block;width:10px;height:10px;background:url('../img/ic-br-arrow.svg') no-repeat center;}
.list-item .logos {display:flex;position:absolute;right:1rem;top:1rem;gap:0.5rem;}
.list-item .logos span{width:2.5rem; height:2.5rem; overflow:hidden;border-radius:100%;}
.list-item .logos span img {width:100%; height:100%; border: 1px solid #eee; background-color: #fff;}

.list-group.group-asso {overflow:unset;height:auto;}
.list-group.group-asso .list-item {background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden;}
.list-group.group-asso .list-item .list-item-bg {position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:0;top:0;left:0;}
.list-group.group-asso .list-item .category {border-radius:0.25rem; margin-top: 0.4rem;}
.list-group.group-asso .list-item .category.bg-blue {background:var(--color-accent);}
.list-group.group-asso .list-item .logos {top:0.875rem;}
.list-group.group-asso .no-asso-item {display:flex; flex-direction:column; text-align:center; padding:60px 18px;}
.list-group.group-asso .no-asso-item p {font-size:16px;font-weight:500;color:#000;}
.list-group.group-asso .no-asso-item p b {font-weight:800;}
.list-group.group-asso .no-asso-item p span {color:var(--color-accent);}
.list-group.group-asso .no-asso-item img {width:70vw;max-width:400px;display:block;margin:0 auto 30px;}
.list-group.group-asso .no-asso-item button {color:#fff;font-size:16px;background:var(--color-accent);width:250px;margin:0 auto; border-radius:50px;padding:10px 20px;}

.list-group.group-feed {padding:0;}
.list-group.group-feed .feed-item {box-shadow:none;border:0; border-bottom:6px solid #F3F4F8;}
.list-group.group-feed .feed-item .info {padding:16px 16px 6px;display:flex;align-items:center;gap: 6px;}
.list-group.group-feed .feed-item .info .logo {width:30px;height:30px;border-radius:100%;overflow:hidden;flex: 0 0 30px;}
.list-group.group-feed .feed-item .info .logo img {width:100%;height:100%;border-radius:100%;}
.list-group.group-feed .feed-item .info .name {font-size:16px;font-weight:700;color:#000;flex: 1 1 auto;display: block;word-break: break-all;}
.list-group.group-feed .feed-item .article {padding:0 16px;}
.list-group.group-feed .feed-item .article .thumb {width:100%;height:200px;overflow:hidden;border-radius:10px;margin-bottom:6px;}
.list-group.group-feed .feed-item .article .thumb img {width:100%;height:auto; min-height:100%;border-radius:10px;overflow:hidden;}
.list-group.group-feed .feed-item .article .contents {padding:6px;}
.list-group.group-feed .feed-item .article .contents .top {display:flex;align-items: flex-end;justify-content: space-between;}
.list-group.group-feed .feed-item .article .contents .top .title {font-size:16px;font-weight:700;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;}
.list-group.group-feed .feed-item .article .contents .top .date {font-size:12px;color:#757575;padding-left:20px;}
.list-group.group-feed .feed-item .article .contents .desc {margin:6px 0;overflow:hidden; height: 150px; font-size: 16px; color:#757575; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical;  -webkit-line-clamp: 6;}
.list-group.group-feed .feed-item .article .contents .bottom {display:flex;align-items: center;gap:10px;margin: 14px 0; font-size:12px;}
.list-group.group-feed .feed-item .article .contents .bottom .like,
.list-group.group-feed .feed-item .article .contents .bottom .comment {border:1px solid #eee;border-radius:50px;padding:0px 10px;font-weight:700;}
.list-group.group-feed .feed-item .article .contents .bottom .like.active {color: tomato; background: #ffd0c8; border-color: #f9beb4;}
.list-group.group-feed .feed-item .article .contents .bottom .like .count,
.list-group.group-feed .feed-item .article .contents .bottom .comment .count {margin-left:4px;}

.list-group.group-feed .no-feed-item {display:flex; flex-direction:column; text-align:center; padding:60px 18px;}
.list-group.group-feed .no-feed-item p {font-size:16px;font-weight:500;color:#000;}
.list-group.group-feed .no-feed-item p b {font-weight:800;}
.list-group.group-feed .no-feed-item p span {color:var(--color-accent);}
.list-group.group-feed .no-feed-item img {width:70vw;max-width:400px;display:block;margin:0 auto 30px;}
.list-group.group-feed .no-feed-item button {color:#fff;font-size:16px;background:var(--color-accent);width:250px;margin:0 auto; border-radius:50px;padding:10px 20px;}

.asso-call-btn {width:48px;height:48px;box-shadow:0 5px 10px rgba(0,0,0,0.3);background:var(--color-accent);border-radius:100%;display:block;position:fixed;right:20px;bottom:70px; text-align: center; line-height: 46px;z-index:1001;}

.new-drawer {padding:20px 20px 80px;}
.new-drawer .drawer-header{width:100%;display:flex;text-align:center;padding:0;border:0;align-items:center;justify-content:center}
.new-drawer .drawer-header .drawer-title{margin:0;padding:16px 0;display:block;border:0}
.new-drawer .drawer-header .drawer-close{position:absolute;right:10px;top:14px}
.new-drawer .drawer-body{text-align:center;}
.new-drawer .drawer-footer{display:flex;align-items:center;justify-content:space-between;gap:0 6px;padding: 10px 0;display:flex;justify-content:space-between;align-items:center}

.new-drawer .asso-purpose{text-align:center;font-size:16px;color:#000;margin-bottom:20px;padding:0}
.new-drawer .asso-purpose-textarea{border:1px solid #d9d9d9;padding:10px;border-radius:6px;width:100%}
.new-drawer .asso-purpose-textarea::placeholder{font-size:16px;color:#6c6c6c}
.new-drawer .drawer-footer button{width:50%;font-size:15px;font-weight:500;border-radius:4px;height:40px;}
.new-drawer .drawer-footer button.asso-signup-btn{background:var(--color-accent);color:#fff}
.new-drawer .drawer-footer button.asso-signup-cancel{background:#6c6c6c;color:#fff}

.new-drawer .call-text {font-size:16px;color:#24af90;}
.new-drawer .call-btn {color:#24af90;font-weight:700;}
.new-drawer .call-btn img {margin:10px auto;display:block;}

.new-drawer .drawer-btn-list {display:block; padding: 4px 10px;}
.new-drawer .drawer-btn-list button {width: 100%;letter-spacing:-1px;display: block;text-align: left;padding: 0 30px 0 0;font-size: 18px;color: #6C6C6C;background:url('/resources/naviseo/images/join/ic_drawer_btn_right.svg') no-repeat center right 10px #fff;font-weight: 500;height: 45px;}

/* 회원 등급 */
.asso-member-level {padding:0 6px 10px;}
.asso-member-level span {display:inline-block;letter-spacing: 0px;padding:0 12px;font-size:10px;font-weight:700;background:#02AB8D;color:#fff;border:1px solid #6bc5b5; border-radius:50px;}

/* 결제 - 납부하기 */
.asso-dues-payment {padding:20px;width:100%;}
.asso-dues-payment .payment-wrap {background: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.2);position: relative;z-index: 1;padding-bottom: 20px;}
.asso-dues-payment .payment-wrap:before {display: block;content: '';position: absolute;bottom: -4px;left: 0.5px;width: calc(100% - 1px);height: 22px;z-index: 1;background: url('/resources/naviseo/images/join/receipt_bottom.png') repeat-x bottom left;background-size: 24px 11px;}
.asso-dues-payment .payment-wrap .ttl{padding:12px 20px;text-align:center;background:#eaf3fb;font-size:20px;font-weight:900;word-break:keep-all;line-height:1.5}
.asso-dues-payment .payment-wrap .con{text-align:center;padding:35px 20px 20px}
.asso-dues-payment .payment-wrap .con .text{font-size:16px;font-weight:900}
.asso-dues-payment .payment-wrap .con .desc{font-size:14px;line-height:1.4;font-weight:500;padding-top:4px}
.asso-dues-payment .payment-wrap .con .box{margin:26px auto;width:100%;background:#fbeaea;padding:14px;font-size:14px;font-weight:500}
.asso-dues-payment .payment-wrap .con .box .year{display:inline-block}
.asso-dues-payment .payment-wrap .con .box .fee{font-size:22px;background:#fff;display:inline-block;padding:4px 16px 6px 46px;margin-left:10px;font-weight:900;margin-right:6px}
.asso-dues-payment .payment-wrap .payment-btn{width:100%;background:var(--color-accent);font-size:16px;border-radius:6px;color:#fff;font-weight:700;padding:10px}

/* 결제 - 납부내역 보기 */
.asso-dues-wrap {width:100%;}
.asso-dues-hd {width:100%;background:#F7F7F7;padding:8px 22px;border-bottom:1px solid #E6E7E8;}
.asso-dues-hd span {color:#000;font-weight:700;font-size:14px;}
.asso-dues-li .li-item {font-size:14px;font-weight:500;padding:15px;border-bottom:1px solid #e6e7e8;}
.asso-dues-li .li-item .name {color:#000;margin-bottom:4px;font-weight:700;}
.asso-dues-li .li-item .date {color:#6c6c6c;margin:6px 0;}
.asso-dues-li .li-item .details {color:#000; display: flex; justify-content: right; gap: 0 6px; align-items: baseline;}
.asso-dues-li .li-item .details .money {color:#F24040; font-size:20px;font-weight:900;}
.asso-dues-li .li-item .details .cancel {border-radius:50px;border:1px solid #4EBA44; color:#4EBA44;padding:0px 14px;font-weight:bold;}
.asso-no-data {width:100%;text-align:center;padding:20vh 0;}
.asso-no-data .result-desc {font-size:16px;font-weight:500;color:#000;margin:10px 0 0;}


/* 동문명부 */
.roll-wrapper {width:100%;}
.roll-top {position: relative;z-index: 900;margin-top: -70px;padding-top: 80px;padding-bottom: 10px;background-repeat: no-repeat;background-size: cover;background-position: center;}
/* .roll-top:before {display: block;content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.7);z-index: 0;} */
.roll-top:before {display: block;content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0; z-index: 0;}
.roll-top .asso-logo {position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;gap: 0 10px;}
.roll-top .asso-logo p {width: 40px;height: 40px;border-radius: 100%;overflow: hidden;display: block;margin: 0;padding: 0;border: 1px solid #eee;}
.roll-top .asso-logo p img {width: 100%;height: 100%;}
.roll-top .asso-name {position: relative;z-index: 1;color: #fff;font-weight: 700;font-size: 17px;text-align: center;padding: 12px;}
.roll-sub {display:flex; align-items: center; padding:4px 20px 4px 10px;justify-content:flex-start;width:100%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.25);}
.roll-sub .select-group button {color:#000;font-weight:500; font-size:14px;position:relative;padding-right:30px;}
.roll-sub .select-group button:after {right:4px;}
.roll-sub .profile-write-btn {color:var(--color-accent);font-size:12px;font-weight:500;}
.roll-con {width:100%;padding-bottom:16px;}
.roll-con .roll-con-top {display:flex; align-items:center; justify-content:space-between; padding:10px 14px;font-weight:500;}
.roll-con .roll-con-top .profile-write-btn {color:var(--color-accent);font-size:12px;font-weight:500;}
.roll-con .roll-con-top .type-btns {display:flex;align-items:center; justify-content:flex-end;gap:0 10px;}
.roll-con .roll-con-top .type-btns button {width:24px;height:24px;}
.roll-con .roll-con-top .type-btns .gallery-type {background:url('/resources/naviseo/images/join/ic_type01_on.svg') no-repeat center;}
.roll-con .roll-con-top .type-btns .list-type {background:url('/resources/naviseo/images/join/ic_type02.svg') no-repeat center;}
/* .roll-con .type-btns .gallery-type .on {background:url('/resources/naviseo/images/join/ic_type01_on.svg') no-repeat center;}
.roll-con .type-btns .list-type .on {background:url('/resources/naviseo/images/join/ic_type02_on.svg') no-repeat center;} */
.roll-con .roll-list {display:flex;align-items: center; justify-content: space-between; flex-wrap:wrap;gap:10px; padding:0 10px 10px;}
.roll-con .roll-list.galleryType {align-items: stretch;}
.roll-con .roll-list .roll-item {display:flex;padding:20px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.2);border-radius:4px;}
.roll-con .roll-list .roll-item .profile {border-radius:4px;overflow:hidden;position:relative;display:block;}
.roll-con .roll-list .roll-item .profile img {width:100%;height:100%;}
.roll-con .roll-list .roll-item .profile .first {position:absolute; right:4px;bottom:4px;z-index:1;color:#FDF292; background:#444C63;font-weight:500;font-size:10px;padding:0px 14px;border-radius:50px;}
.roll-con .roll-list .roll-item .details{line-height:1.4;position:relative;}
.roll-con .roll-list .roll-item .details .name{font-weight:700;font-size:16px;margin-bottom:4px;}
.roll-con .roll-list .roll-item .details .company {color:#6c6c6c;font-size:12px;font-weight:500;}
.roll-con .roll-list .roll-item .details .level{color:#6c6c6c;font-size:12px;font-weight:500;}
.roll-con .roll-list .roll-item .details .handled{padding:4px 0 10px;display:flex;align-items:flex-start;gap:0 4px;font-size:12px;justify-content:space-between}
.roll-con .roll-list .roll-item .details .handled .tt{margin:0;flex:0 0 45px;}
.roll-con .roll-list .roll-item .details .handled .dd{margin:0;color:#000;font-weight:700}
.roll-con .roll-list .roll-item .details .tags{display:flex;align-items:center;justify-content:space-between;gap:0 4px}
.roll-con .roll-list .roll-item .details .tags span{flex:0 0 50%;display:block;text-align:center;font-size:10px;font-weight:700;border-radius:4px;padding:4px; margin: 0 auto;}
.roll-con .roll-list .roll-item .details .tags .tag01{background:#f4f1ff;color:#6d71f9}
.roll-con .roll-list .roll-item .details .tags .tag02{background:#e5f6ed;color:#40ba87}
.roll-con .roll-list .roll-item .details .item-more-btn {display:block; position:absolute;right:-14px; top:6.5px;width:30px;height:30px;background:url('/resources/naviseo/images/join/ic_more_btn.svg') no-repeat center;}
.roll-con .roll-list.galleryType .roll-item{flex:0 0 calc(50% - 5px);display:flex;flex-direction:column;text-align:center}
.roll-con .roll-list.galleryType .roll-item .profile{width:min(31vw, 150px);height:min(38vw, 180px);margin:0 auto;}
.roll-con .roll-list.galleryType .roll-item .details {padding:10px 0 0;width:min(100%, 250px);margin:0 auto;}
.roll-con .roll-list.galleryType .roll-item .details .name {padding:0 12px;}
.roll-con .roll-list.galleryType .roll-item .details .company {padding:0;}

.roll-con .roll-list.listType .roll-item{flex:0 0 100%;flex-direction:row;align-items:center;}
.roll-con .roll-list.listType .roll-item .profile{width:30vw;height:34vw;max-width:90px;max-height:110px;}
.roll-con .roll-list.listType .roll-item .details {padding:0 14px;flex:1 1 auto;}
.roll-con .roll-list.listType .roll-item .details .handled {justify-content: flex-start;padding:4px 0;}
.roll-con .roll-list.listType .roll-item .details .tags {justify-content: flex-start;}
.roll-con .roll-list.listType .roll-item .details .tags span {min-width:60px;width:auto;padding:4px 10px;margin:0;}
.roll-con .roll-list.listType .roll-item .details .item-more-btn {top:50%;transform: translateY(-50%);}
/* 동문명부 - 헤더 */
#associationHeaderMember2 {background:transparent !important;}
#associationHeaderMember2.scr-bg {background:var(--color-accent) !important;}

/* 동문명부 - 멤버십 모달 */
.membershipModal .membership-modal-close{right:20px;top:40px;position:absolute;z-index:990}
.membershipModal .membership-modal-con{max-width:500px;width:90vw;background:#444c63;border-radius:14px;max-height:80vh;overflow:hidden;margin:0 auto;padding:20px 0}
.membershipModal .membership-hd{color:#fdf292;font-size:18px;font-weight:700;text-align:center;padding:20px 0;position:relative}
.membershipModal .membership-hd:before{display:block;content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80px;border-radius:10px;height:4px;background:#fff}
.membershipModal .membership-box{width:100%;display:flex;align-items:center;justify-content:space-between;background:#fff;padding:24px 16px}
.membershipModal .mb-left{flex:0 0 40%}
.membershipModal .mb-left .img-bx{width:min(100%,132px);height:min(42vw,162px);border-radius:6px;overflow:hidden;position:relative;margin:0 auto}
.membershipModal .mb-left .img-bx img{display:block;width:100%;height:100%}
.membershipModal .mb-left .img-bx .first{position:absolute;z-index:1;background:#444c63;color:#fdf292;bottom:10px;right:10px;font-size:10px;padding:0 16px;border-radius:50px;font-weight:500;line-height:2}
.membershipModal .mb-left .tags{width: min(100%, 132px); margin: 0 auto;display:flex;align-items:center;justify-content:center;gap:0 5px;padding:5px 0}
.membershipModal .mb-left .tags span{width:50%;display:block;text-align:center;font-size:11px;font-weight:700;border-radius:4px;padding:4px;line-height:1.3}
.membershipModal .mb-left .tags .tag01{background:#f4f1ff;color:#6d71f9}
.membershipModal .mb-left .tags .tag02{background:#e5f6ed;color:#40ba87}
.membershipModal .mb-right{flex:0 0 60%;padding-left:14px}
.membershipModal .mb-right .name{font-size:18px;font-weight:700;padding-bottom:8px;border-bottom:1px solid #000;margin-bottom:10px;color:#000}
.membershipModal .mb-right .detail{margin:3px 0;font-size:12px;color:#6c6c6c;display:flex;align-items:flex-start;line-height:1.5;}
.membershipModal .mb-right .detail .tt{width:18px;font-size:12px; line-height:1.3}
.membershipModal .mb-right .detail .dd{font-size:12px; word-break: break-all;line-height: 1.3;}
.membershipModal .mb-right .handled{line-height:1.5;padding-top:4px;display:block;margin-top:10px;}
.membershipModal .mb-right .handled .tt{font-size:12px;font-weight:500;color:#fff;background:#106DC3;width: 100%; display: block; text-align: center; padding: 4px; border-radius: 4px; margin-bottom: 6px;}
.membershipModal .mb-right .handled .dd{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-evenly;gap:0 5px}
.membershipModal .mb-right .handled .dd span{font-size:11px;font-weight:600;color:#000}
.membershipModal .membership-modal-btns {display: flex;padding: 40px 10px 0;flex-wrap: wrap;align-items: center;justify-content: stretch;gap: 10px;}
.membershipModal .membership-modal-btns button {font-weight:500;border-radius: 4px;color: #444c63;background: #fff;font-size: 14px;width: calc(50% - 5px);padding:8px 10px;}
.membershipModal .membership-modal-btns .change-namecard-btn {color: #fff;background: var(--color-accent);}
.membershipModal .membership-modal-btns .view-namecard-btn {color: #fff;background: #10C377;}

/* 동문명부 - 명함교환 요청 팝업 */
.change-roll-item{display:flex;background:#fff}
.change-roll-item .profile{width:120px;height:150px;border-radius:4px;overflow:hidden;position:relative;display:block}
.change-roll-item .profile img{width:100%;height:100%}
.change-roll-item .profile .first{position:absolute;right:4px;bottom:4px;z-index:1;color:#fdf292;background:#444c63;font-weight:500;font-size:10px;padding:0 14px;border-radius:50px}
.change-roll-item .details{line-height:1.4;position:relative;flex:1 1 auto;text-align:left;padding:6px 14px}
.change-roll-item .details .name{font-weight:700;font-size:19px;margin-bottom: 4px;}
.change-roll-item .details .company,
.change-roll-item .details .level{color:#6c6c6c;font-size:12px;font-weight:500}
.change-roll-item .details .tags{display:flex;align-items:center;gap:0 4px;margin:10px 0}
.change-roll-item .details .tags span{display:block;text-align:center;font-size:12px;font-weight:700;border-radius:4px;padding:4px 14px}
.change-roll-item .details .tags .tag01{background:#f4f1ff;color:#6d71f9}
.change-roll-item .details .tags .tag02{background:#e5f6ed;color:#40ba87}
.change-apply {margin-top:10px;}
.change-apply .text {font-size:15px;color:#000;padding:10px 0;word-break: keep-all;}
.change-apply textarea {border:1px solid #D9D9D9; color:#000; font-size:16px; padding:6px;border-radius:6px;width:100%;}
.change-apply .btns {padding:10px; display:flex;gap:0 10px;}
.change-apply .btns button {color:#fff;background:#6C6C6C;width:50%; height:42px;border-radius:4px; font-size:16px;font-weight:500;}
.change-apply .btns .cancel-btn {background:var(--color-accent);}

/* 동문명부 - 명함 - 취급품목 페이지 */
.roll-category {width: 100%;padding: 10px 4px 0;overflow-x: auto;overflow-y: hidden;display: flex;align-items: center;flex-wrap: nowrap;}
.roll-category button {font-size: 14px;color: #6c727f;font-weight: 500;background: #e7e7e7;padding: 2px 14px;border-radius: 50px;margin: 0 5px;display: block;flex: 0 0 auto;}
.roll-category button.select {background: var(--color-accent);color: #fff;}

/* 임원현황 스타일 수정 */
.new-intro-type {font-family: var(--font-kr);}
.new-intro-type .header .header-title{font-family: var(--font-kr);}

/* 협단체 메인 - 등급 열람 제한 */
.low-level-guide {width:100%;padding:50px 20px 0;text-align:center;}
.low-level-guide img {margin-bottom:20px;}
.low-level-guide .desc {font-size:16px;font-weight:700; color:#000;}
.low-level-guide .desc p {font-size:14px;font-weight:500;padding-top:10px;margin:0; color:#000;}
.low-level-guide .desc span {color:var(--color-accent);}
.low-level-guide .desc button {min-width: 230px;background:var(--color-accent); font-size:16px;color:#fff;padding:10px 20px;border-radius:50px;margin:20px auto;}

/* 공지사항 팝업 */
.notice-popup-wrap{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%}
.notice-popup-wrap .bg{width:100%;height:100%;background:rgba(0,0,0,.8);position:absolute;top:0;left:0}
.notice-popup-wrap .icon{width:40px;height:40px;margin:0 auto 10px;text-align:center;background:var(--color-accent);line-height:40px;border-radius:100%;display:block;position:absolute;top:16px;left:50%;transform:translateX(-50%)}
.notice-popup-wrap .icon img{width:15px}
.notice-popup-wrap .con{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:10px;width:80%;max-height:80vh;overflow-y:auto;height:auto}
.notice-popup-wrap .con .ttl{display:block;width:100%;font-size:20px;font-weight:700;text-align:center;margin:46px 0 0;word-break:keep-all;padding:0}
.notice-popup-wrap .con .desc{margin:0;font-size:15px;font-family:var(--font-kr);display:block;width:100%;text-align:center;padding:10px 0;word-break:keep-all;max-height:calc(100% - 180px);overflow-y:auto;line-height:1.6}
.notice-popup-wrap .con .desc p {display:block; width:100%;}
.notice-popup-wrap .con .desc p span {display:inline-block;}
.notice-popup-wrap .view{display:flex;width:100%;padding:10px 0 0;align-items:center;gap:0 6px;justify-content:center}
.notice-popup-wrap .popup-close{width:100%;height:40px;font-size:14px;color:#fff;font-weight:700;background:var(--color-accent);border-radius:4px;margin-top:10px}

/* 협단체 산하단체 or 탈퇴 선택 ui */
.edit-affModal-con.before {background:none;}
.aff-select-btn {width: 100%;padding: 20px 0;}
.aff-select-btn button {display: flex;justify-content: space-between;background: #5962ef;color: #fff;width: 100%;font-size: 16px;font-weight: 600;padding: 10px 20px;border-radius: 6px;margin: 16px auto;align-items: center;}
.aff-select-btn button:last-of-type {background:#77778d;}
.aff-select-btn button i {width: 16px;height: 30px;display: block;background-size: 100% !important;}
.aff-select-btn button i.i-01 {background: url('/resources/naviseo/images/join/ic_chk_white.svg') no-repeat center;}
.aff-select-btn button i.i-02 {background: url('/resources/naviseo/images/join/ic_exit_white.svg') no-repeat center;}

/* 스마트폰 연락처 명함 생성하기 팝업 */
#namecardPhoneBook-popup .confirm-contents {padding: 0 30px; text-align: center; font-weight: 500; color:#222; font-size: 15px; word-break: keep-all;}
#namecardPhoneBook-popup .confirm-contents span {font-weight:700; color:var(--color-accent)}
#namecardPhoneBook-popup .confirm-footer {width:100%;text-align: center;padding:20px 30px 0;}
#namecardPhoneBook-popup .confirm-footer .btn {margin-bottom:10px;border-radius:6px;border:0;padding:10px 20px; color:#fff; background:#999; font-size:15px;font-weight:500;}
#namecardPhoneBook-popup .confirm-footer .btn.btn-full {width:100%;}
#namecardPhoneBook-popup .confirm-footer .btn.bg-gray {background:#777;color:#fff;}
#namecardPhoneBook-popup .confirm-footer .btn.bg-accent {background:var(--color-accent);color:#fff;}

#namecardPhoneBook-popup2 .confirm-contents {padding: 0 30px; text-align: center; font-weight: 500; color:#222; font-size: 15px; word-break: keep-all;}
#namecardPhoneBook-popup2 .confirm-contents span {font-weight:700; color:var(--color-accent)}
#namecardPhoneBook-popup2 .confirm-footer {width:100%;text-align: center;padding:20px 30px 0;}
#namecardPhoneBook-popup2 .confirm-footer .btn {margin-bottom:10px;border-radius:6px;border:0;padding:10px 20px; color:#fff; background:#999; font-size:15px;font-weight:500;}
#namecardPhoneBook-popup2 .confirm-footer .btn.btn-full {width:100%;}
#namecardPhoneBook-popup2 .confirm-footer .btn.bg-gray {background:#777;color:#fff;}
#namecardPhoneBook-popup2 .confirm-footer .btn.bg-accent {background:var(--color-accent);color:#fff;}


.setting-a {display:inline-block;margin:0 10px 4px;font-size:14px;font-weight:500;color:#222;}

/* 명함목록 - 고객등급분류 ui 추가 */
.namecard-choose{width:100%;padding:10px 4px;display:flex;align-items:center;justify-content:space-between;gap:6px}
.namecard-choose label{flex:0 0 auto}
.namecard-choose input[type=radio]{display:none}
.namecard-choose input[type=radio]+span.input-span01{cursor:pointer;background:url('/resources/naviseo/images/common/nw_radio_off.svg') left center no-repeat;height:30px;display:inline-block;transition:.2s;padding-left:28px;line-height:30px;font-weight:500;font-size:14px}
.namecard-choose input[type=radio]:checked+span.input-span01{background:url('/resources/naviseo/images/common/nw_radio_on.svg') left center no-repeat}



/* 240527 명함첩 개선 */
.namecard .new-nc {display:flex;align-items: center;gap: 10px;}
.namecard .new-nc .nc-profile {padding:0 6px;position:relative;}
.namecard .new-nc .nc-profile .profile {width:60px;height:60px;}
.namecard .new-nc .nc-profile .profile .img-profile {width:100%;height:100%; border:1px solid #f2f2f2;border-radius:100%;overflow:hidden;}
.namecard .new-nc .nc-profile .profile .img-profile img {width:100%;height:100%;}
.namecard .new-nc .nc-profile .profile .text-profile span {width:60px;height:60px;display:block;border-radius:100%;font-size:18px;font-weight:500;text-align:center;line-height:60px;color:#fff;background-color:#F690B8;}

.namecard .new-nc .nc-profile .icon {position:absolute;top: 10%;right: 5%;font-weight:900;font-size:12px;line-height:18px;text-align:center;width:20px;height:20px;border-radius:100%;display:block;border:1px solid #000;background: #fff;}
.namecard .new-nc .nc-info {display:flex;flex-direction: column;flex:1 0 auto;}
.namecard .new-nc .nc-info .info-cate {display:flex;align-items: center;gap: 4px;padding-bottom:2px}
.namecard .new-nc .nc-info .info-cate .customer {border-radius:50px 50px 50px 0;background:#E5E5E5;font-weight:500;font-size:12px;padding:3px 6px;line-height:1.4}
.namecard .new-nc .nc-info .info-cate .customer.type01 {background-color:#e5e5e5;color:#4a4a4a;}
.namecard .new-nc .nc-info .info-cate .customer.type02 {background-color:#E2F5DC;color:#2CC43B;}
.namecard .new-nc .nc-info .info-cate .customer.type03 {background-color:#DDDFFF;color:#5962EF;}
.namecard .new-nc .nc-info .info-cate .customer.type04 {background-color:#FFDDF7;color:#EF5959;}
.namecard .new-nc .nc-info .info-cate .linker {background:#86B588;color:#fff;font-weight:500;padding:2px 6px;border-radius:2px;font-size:12px;line-height: 1.4;}
.namecard .new-nc .nc-info .info-cate .business {background:#82AFC4;color:#fff;font-weight:500;padding:2px 6px;border-radius:2px;font-size:12px;line-height: 1.4;}
.namecard .new-nc .nc-info .info-name {display:flex;align-items: center;}
.namecard .new-nc .nc-info .info-name .name {font-weight:700;font-size:18px;}
.namecard .new-nc .nc-info .info-name .record {font-size:12px;margin-left:10px;}
.namecard .new-nc .nc-info .info-detail {color:#7C7C7C;font-size:12px;line-height:1.6;padding:0 0 4px;}
.namecard .new-nc .icon-more {margin-left:auto;}

.namecardList-v2-wrapper .namecard-list .namecard-info .grade-divison-row {display:flex;align-items: center;gap: 4px;padding: 4px 0;}
.namecardList-v2-wrapper .namecard-list .namecard-info .grade-divison-row span.cate-bx01 {width:auto;background: #82AFC4;color: #fff;font-weight: 500;padding: 2px 6px;border-radius: 3px;font-size: 11px;line-height: 1.4;}
.namecardList-v2-wrapper .namecard-list .namecard-info .grade-divison-row span.cate-bx02 {width:auto;background: #86B588;color: #fff;font-weight: 500;padding: 2px 6px;border-radius: 3px;font-size: 11px;line-height: 1.4;}

/* ai 안부글 */
.greetings {width:100%;}
.greetings ul {list-style:none;}
.gt-hd {width:100%;display:flex;align-items: center;justify-content: center;gap:14px;padding:10px;border-bottom:1px solid #E5E5E5;}
.gt-hd .type {border-radius:50px;font-weight:500;font-size:14px;padding:4px 20px;border:1px solid #f4f4f4;background:#f4f4f4;color:#707070;}
.gt-hd .type.active {border-color:#5962ef;color:#5962ef;background:#fff;font-weight: 700;}
.gt-top {padding:10px 20px;display: flex;align-items: center;flex-wrap: wrap;gap: 4px 20px;}
.gt-top .ttl {width:100%;display:block;flex:0 0 100%;font-size:14px;color:#4a425d;padding-left: 26px;background:url('/resources/naviseo/images/greeting/ic_write.svg') no-repeat center left;line-height: 30px;height: 30px;}
.gt-top label{display: flex;align-items: center;gap: 4px;font-size: 14px;font-weight: 600;line-height:1;}
.gt-top input[type=radio]{display:none}
.gt-top input[type=radio]+span.input-span01{cursor:pointer;background:url('/resources/naviseo/images/greeting/nw_radio_off2.svg') right center no-repeat;height:22px;display:inline-block;transition:.2s;padding-left:25px;line-height:22px;font-weight:500;font-size:14px}
.gt-top input[type=radio]:checked+span.input-span01{background:url('/resources/naviseo/images/greeting/nw_radio_on2.svg') right center no-repeat}

.gt-con {width:100%;}
.gt-list {width:100%;margin-bottom: 60px;}
.gt-list .gt-list-item {padding: 10px 40px 10px 24px;border-bottom:1px solid #e5e5e5;position:relative}
.gt-list .gt-list-item:last-of-type {border-bottom:0;}
.gt-list .gt-list-item .date {font-size:14px;color:#005EFF;position: relative;font-weight: 700;letter-spacing: -0.5px;}
.gt-list .gt-list-item .date:before {display: block;content: '';position: absolute;left: -12px;top: 9px;border-radius:100%;width:6px;height:6px;background:#005EFF}
.gt-list .gt-list-item .desc {font-size: 16px;color:#131322;font-weight: 500;padding: 4px 0;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.gt-list .gt-list-item .panel-btn {position:absolute;right: 0;top:50%;transform: translateY(-50%);width:30px;height: 30px;background:url('/resources/naviseo/images/greeting/ic_more_btn.svg') no-repeat center;}
.gt-list .gt-list-item .panel {position:absolute;display:none;right: 10px;top: 65%;padding: 4px 20px;z-index: 1;border-radius: 5px;background: #F6F6F6;box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);}
.gt-list .gt-list-item .panel.view {display:block;}
.gt-list .gt-list-item .panel button {display:block;width:100%;font-size: 17px;font-weight:500;margin: 14px 0;text-align:left;}
.gt-list .gt-list-item .panel .edit-btn {background:url('/resources/naviseo/images/greeting/ic_edit.svg') no-repeat center left;padding-left:34px;}
.gt-list .gt-list-item .panel .copy-btn {background:url('/resources/naviseo/images/greeting/ic_copy.svg') no-repeat center left;padding-left:34px;}
.gt-list .gt-list-item .panel .delete-btn {background:url('/resources/naviseo/images/greeting/chat_delete_icon.svg') no-repeat center left;padding-left:34px;}
.gt-list .gt-list-item .panel .send-btn {background:url('/resources/naviseo/images/greeting/ic_send.svg') no-repeat center left;padding-left:34px;}

.gt-write {width:100%;padding: 10px 20px;}
.gt-write textarea {width:100%;height: 60vh;resize: none;background:#FFFDF5;border: 1px solid #E5E5E5;padding: 10px;overflow: hidden;font-size: 14px;min-height: 250px;}
.gt-write button {width:100%;margin:10px 0;padding: 12px 10px;display:flex;align-items:center;border:1px solid #e5e5e5;font-size:14px;color:#6c6c6c;font-weight: 500;}
.gt-write button:before {display:block;content:'';width:24px;height:24px;margin-left: 20%;margin-right: 10px;}
.gt-write button.send-kakao:before {background:url('/resources/naviseo/images/greeting/social_kakao.svg') no-repeat center;}
.gt-write button.send-naver:before {background:url('/resources/naviseo/images/greeting/social_naver.svg') no-repeat center;}
.gt-write button.send-text:before {background:url('/resources/naviseo/images/greeting/social_text.svg') no-repeat center;}
.gt-write .write-profile {display:flex;align-items: center;gap: 10px;padding:10px;color:#5962ef;font-weight: 500;font-size: 14px;}

.gt-btns {display: flex;align-items: center;gap: 10px;width: 100%;padding: 10px 20px;}
.gt-btns button {border-radius:6px;color:#fff;font-size:16px;font-weight: 500;flex:1 0 auto;height:40px}
.gt-btns .cancel-btn {background:#272848;}
.gt-btns .save-btn {background:#5962ef;}

.gt-chat {padding:20px 0;margin-bottom:40px;}
.gt-chat .copy-btns {display:flex;align-items: center;justify-content: flex-end;gap:10px;margin: 12px 0;}
.gt-chat .copy-btns button {padding:1px 20px;border-radius:4px;font-weight:700;font-size:12px;}
.gt-chat .copy-btns .btn01 {background:#fff;border:1px solid #EF59CE;color:#EF59CE;}
.gt-chat .copy-btns .btn02 {background:#fff;border:1px solid #5962EF;color:#5962EF;}
.gt-chat .copy-btns .btn03 {background:#fff;border:1px solid #1DB8A9;color:#1DB8A9;}

.gt-main {padding:20px;text-align: center;}
.gt-main .desc {color:#4A425D;font-size: 14px;font-weight: 500;margin: 20px 0;}
.gt-main .desc-wrap {text-align: center;position: relative;border-radius: 10px;border: 1px solid #5962EF;padding: 40px 20px 20px;background: #fff;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);margin:30px 10px 50px;}
.gt-main .desc-wrap .desc01 {background: #5962ef;padding: 7px 10px;border-radius: 50px;color: #fff;font-size: 12px;font-weight: 500;position: absolute;top: -20px;left: 50%;transform: translateX(-50%);width: 230px;text-align: center;}
.gt-main .desc-wrap .desc02 {font-size: 14px;font-weight: 400;color: #131322;word-break: keep-all;line-height: 1.4;}
.gt-main .desc-wrap .desc03 {font-size: 12px;font-weight: 400;color: #7c7c7c;display: flex;margin-top: 28px;line-height: 1.6;align-items: flex-start;justify-content: center;}
.gt-main .desc-wrap .desc03 .chk {background: url('/resources/naviseo/images/greeting/ic_check.svg') no-repeat center;width: 18px;height: 20px;display: inline-block;}


.gt-main .recommend {padding: 0 10px;width: min(100%, 480px);margin: 0 auto;}
.gt-main .recommend .rec {border:0;outline:none;width:100%;padding:10px 20px 10px 50px;border-radius:6px;font-size:14px;background-color: #f4f4f4 !important;margin-bottom:10px;line-height: 1.6;}
.gt-main .recommend .rec:last-of-type {margin-bottom:0;}
.gt-main .recommend .rec01 {background: url('/resources/naviseo/images/greeting/ic_dog.svg') no-repeat center left 14px;color:#C546E5}
.gt-main .recommend .rec02 {background: url('/resources/naviseo/images/greeting/ic_cat.svg') no-repeat center left 14px;color:#038160}
.gt-main .recommend .rec03 {background: url('/resources/naviseo/images/greeting/ic_bird.svg') no-repeat center left 14px;color:#36059D}

.gt-bt {position:fixed;bottom:0;left:0;width:100%;}
.gt-btn {position: fixed;bottom: 76px;right: 14px;background:#5962ef;color:#fff;font-size: 14px;font-weight:500;border-radius:50px;padding:10px 14px;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);line-height: 1.2;}
.gt-btn.bt {bottom:20px;}

.greeting-drawer {position: absolute;bottom: 0;left: 0;background: #ffffff;border-radius: 20px 20px 0 0;width: 100%;padding-top: 34px;box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.5); } 
.greeting-drawer::before {content: " ";position: absolute;top: 12px;left: 50%;width: 60px;height: 4px;margin-left: -30px;border-radius: 10px;background: #9d9db3; } 
.greeting-drawer .drawer-title {margin-bottom: 0 !important;font-size: 1.2em !important;font-weight: 200 !important;padding: 7px 16px 12px 16px !important; } 
.greeting-drawer .drawer-subttl {font-size:16px;color:#5962ef;text-align: center;padding:14px 10px 24px;font-weight: 500;}
.greeting-drawer .drawer-header {border-bottom:0;}
.greeting-drawer .drawer-body .drawer-send p span {font-weight:500;color:#6c6c6c;font-size:14px;}
.greeting-drawer .drawer-body .drawer-send {margin-bottom:20px;}
/* 스마트폰 연락처 명함 생성하기 수정 및 중복확인 팝업 */
.setting-ui {display:flex;align-items: center;justify-content: space-between;}
.duplication-chk {font-weight:500;font-size:14px;}
.duplication-check-modal .modal-close-btn {position:fixed;cursor:pointer;padding:10px;bottom:74px;right:14px;width:56px;height:56px;background:#5962ef;border-radius:100%;}
.duplication-check-modal .modal-content {background:#fff !important;border-radius:10px;padding:10px;}
.duplication-check-modal .modal-content .modal-con-ttl {font-size: 17px;font-weight: 500;padding: 4px;}
.dup-options {display: flex;align-items: center; justify-content: space-around;width: min(100%, 350px);margin: 0 auto 6px;padding: 6px 0;word-break: keep-all;gap: 6px;}
.dup-options input[type=radio] {display: none}
.dup-options input[type="radio"] + span.lab {cursor: pointer;background: url('/resources/naviseo/images/common/nw_radio_off.svg') left center no-repeat;display: block;transition: .2s;padding-left: 20px;line-height: 20px;font-weight: 500;font-size: 13px;background-size: 16px 16px !important;word-break: keep-all;}
.dup-options input[type="radio"]:checked + span.lab {background: url('/resources/naviseo/images/common/nw_radio_on.svg') left center no-repeat}
.dup-list {width: 100%;overflow-y: auto;height: auto;max-height: min(40vh, 500px);}
.dup-list .dup-item {display: flex;align-items: center;padding: 6px 0;gap: 6px;border-bottom: 1px solid #e5e5e5;}
.dup-list .dup-item:last-of-type {border-bottom: 0;}
.dup-list .dup-item .img-info {position: relative;margin: 5px 0 0;}
.dup-list .dup-item .img-info .link {position: absolute;width: 24px;background: #24cdba;border-radius: 100%;height: 24px;color: #fff;left: 0;top: 50%;transform: translateY(calc(-50% - 20px));}
.dup-list .dup-item .img-info .link img, .dup-list .dup-item .img-info .link svg {width: 15px;display: block;margin: 0 auto;text-align: center;}
.dup-list .dup-item .img-info .profile {width: 56px;height: 56px;margin: 0 auto;background: #eee;border-radius: 100%;min-width: 56px;min-height: 56px;}
.dup-list .dup-item .img-info .profile img {width: 100%;display: block;border-radius: 100%;}
.dup-list .dup-item .user-info {flex: 1 0 0;line-height: 1.6;}
.dup-list .dup-item .user-info strong {width: 100%;font-size: 17px;font-weight: 600;color: #000;line-height: 1.4;margin-bottom: 2px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;white-space: normal;overflow: hidden;}
.dup-list .dup-item .user-info span {font-size: 12px;color: #7c7c7c;font-weight: 400;display: block;}
.dup-list .dup-item .user-info p {font-size: 12px;color: #7c7c7c;font-weight: 400;margin: 0;}
.dup-list .dup-item .delete {font-size: 20px;text-align: center;color: #ff505a;flex: 0 0 30px;}
.dup-set-select {display:flex;align-items: center;justify-content: space-between;gap:10px; padding: 4px; background: #f2f2ff; border-radius: 4px;}
.dup-set-select .left {display:block;width:30px;height:30px;background:url('/resources/naviseo/images/common/ic_dup_left.svg') no-repeat center;}
.dup-set-select .right {display:block;width:30px;height:30px;background:url('/resources/naviseo/images/common/ic_dup_right.svg') no-repeat center;}
.dup-set-select .count {font-size:14px;font-weight:600;color:#333;}


@media screen and (max-height: 670px) {
    .dup-list {max-height: 250px;}
}

@media screen and (max-height: 640px) {
    .dup-list {max-height: 220px;}
}

@media screen and (max-height: 600px) {
    .dup-list {max-height: 190px;}
}

/* 안부글 저장 팝업 */
#saveGreetingFloating .modal-body {background: #fff;border-radius: 10px;padding: 20px;max-height: 50vh;width: 85vw;margin: 0 auto;}
#saveGreetingFloatingClose {position:absolute;right:20px;top:40px;}
#saveGreetingFloating .modal-body .desc {margin: 10px 0 20px;text-align:center;font-size:16px;font-weight: 600;color: #222;}
#saveGreetingFloating .modal-body .category-list {width:100%;display:block;}
#saveGreetingFloating .modal-body .category-list button {width: min(100%, 250px);display:block;margin: 14px auto;font-size:15px;color: #5f64a8;border-radius:50px;background: #f3f4fb;border: 1px solid #7377b1;padding: 10px;font-weight: 600;}

#phoneBookList .desc {color:#4A425D;font-size: 14px;font-weight: 500;margin: 20px 0;}
#phoneBookList .desc-wrap {text-align: center;position: relative;border-radius: 10px;border: 1px solid #5962EF;padding: 40px 20px 20px;background: #fff;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);margin:30px 10px 50px;}
#phoneBookList .desc-wrap .desc01 {background: #5962ef;padding: 7px 10px;border-radius: 50px;color: #fff;font-size: 14px;font-weight: 500;position: absolute;top: -20px;left: 50%;transform: translateX(-50%);width: 230px;text-align: center;}
#phoneBookList .desc-wrap .desc02 {font-size: 13px;font-weight: 400;color: #131322;word-break: keep-all;line-height: 1.4;}
#phoneBookList .desc-wrap .desc03 {font-size: 12px;font-weight: 400;color: #7c7c7c;display: flex;margin-top: 28px;line-height: 1.6;align-items: flex-start;justify-content: center;}
#phoneBookList .desc-wrap .desc03 .chk {background: url('/resources/naviseo/images/greeting/ic_check.svg') no-repeat center;width: 18px;height: 20px;display: inline-block;}
#phoneBookList .desc-wrap .desc04 {font-size: 13px;font-weight: 500;line-height: 1.6;}
#phoneBookList .desc-wrap .desc04 .chk {background: url('/resources/naviseo/images/greeting/ic_check.svg') no-repeat center top 11px;width: 18px;height: 20px;display: inline-block;}
#phoneBookList .desc-wrap .desc-btn {border-radius: 50px;background: #3aaccd;font-size: 13px;line-height: 1.4;width: 100%;padding: 10px;color:#fff;margin-top:20px;}


/* 홍보물 보기 데이터 없음 */
#myPage2ContentWrap .no-data {margin:70px auto;text-align: center;}