@import url('//fonts.googleapis.com/css?family=Poppins:400,600,700'); @import url('/css/front/collectionFont.css?v=230420'); body {margin:0; font-size:12px; font-family:'Noto Sans KR',sans-serif; background-color: #f8f9f9;} div {box-sizing:border-box;} a {text-decoration:none; color:inherit;} img {border:0;} input, textarea, button {font-family:'Noto Sans KR',sans-serif; outline:none;} button.btn,a.btn {margin-left:12px; border:2px solid #ff1557; background-color:white; color:#ff1557; padding:9px 25px; line-height:1; transition:all 0.25s cubic-bezier(0.7, 0, 0.3, 1); box-sizing:border-box; display:inline-block; height:34px; cursor:pointer; white-space:nowrap;} button.btn:hover,a.btn:hover {background-color:#ff1557; color:white;} button.btn:first-child {margin-left:0;} select {appearance:none; -webkit-appearance:none; -moz-appearance:none; padding:0 30px 0 12px; color:#818181; background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/appo_arrow_down.667c9e70ed2f.png); background-size:11px 7px; background-position:calc(100% - 11px); background-repeat:no-repeat;} select::-ms-expand {display:none;} select>option:disabled {color:#ccc;} dt:not(:first-child) {margin-top:15px;} dt {margin-bottom:15px;} dd {margin-left:20px;} #rgt_quick{position: fixed; z-index: 10; bottom:65px; right: 1px; width:12%; max-width: 45px;} #rgt_quick img{width:100%} #rgt_quick{transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1); -ms-transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);} #rgt_quick_close{position: fixed; bottom:0; height: 24px; line-height: 20px; right: -13px; color: #000; z-index: 10; width: 50px; border: 2px solid #bfbebe; padding-left:3px; background:#fff;} #rgt_quick_close>a{font-weight: 500;font-size:9px;} #rgt_quick .quick_wechat {position:relative;} #rgt_quick .quick_wechat .wechatQr {position: absolute; left: -145px; top: 50%; transform: translateY(-50%); display: none; width: 140px; border: 8px solid #64ab23; z-index: 99;} #rgt_quick .quick_wechat .wechatQr::after {content: ''; position: absolute; right: -12px; margin-top: -70px; width: 8px; height: 8px; display: block; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #64ab23;} #rgt_quick .quick_wechat .wechatQr img{display:block;} #rgt_quick .quick_wechat.open .wechatQr{display:block;} div#MOVE_TOP_BTN {position: fixed; right: 60px; bottom: 20px; display: none; z-index: 9; text-align:center; background:rgba(255, 255, 255, 0.7); border-radius: 50%; width: 43px; height: 43px; padding: 5px; color:#FF1557; font-weight:bold; line-height: 16px;} .row {padding:0; margin:0; list-style:none;} .row::before {content:''; display:table;} .row::after {content:''; display:table; clear:both;} .row>* {display:table-cell; float:left; box-sizing:border-box;} .nonselect {user-select:none; -ms-user-select:none; -o-user-select:none; -webkit-user-select:none; -moz-user-select:none;} .gray { filter: url('/js/front/desktop/filters.svg#grayscale') !important; /* Firefox 3.5+ */ filter: gray !important; /* IE6-9 */ -webkit-filter: grayscale(100%) !important; -webkit-filter: grayscale(1) !important; /* Webkit Nightlies, Google Chrome Canary and Microsoft Edge*/ filter: grayscale(1) !important; /* W3C */ } /* -- 헤더 - 메뉴상단 -- */ .header>.top>div>ul {display:none;} /* -- 헤더 - 메뉴버튼 -- */ /*.header .menu_btn {position:fixed; top:0; left:0; width:50px; height:44px; z-index:13;} .header .menu_btn button {display:block; width:100%; height:100%; background-color:transparent; border:0;} .header .menu_btn button svg path {fill:#fff;}*/ /* body:not(.main) .header .menu_btn nav, body:not(.main) .header .info {background-color: #ff82a4;} body:not(.main) .container{margin-top: 44px; margin-bottom: 20px;}*/ body .header .menu_btn nav, body .header>.location, body .header>.info {background-color: #ff82a4;} body .container{max-width: 800px; box-shadow: 0 0px 5px #00000029, 0 0px 5px #0000003b; margin: 49px auto 0; background-color: #fff;} .header .topBar,.header .topBar .swiper-container {width:100%; height: 40px;} .header .topBar {background: #7800ff; position: fixed; z-index: 12; top: 0;left: 0; overflow: hidden;} .header .topBar .swiper-pagination-bullet-active { opacity: 1; background: #000; } .header .topBar .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 5px; } .header .topBar .btn_close {position: fixed; display: inline-block; right: 5px; top: 0; left: auto; margin-left: 0; z-index: 12; overflow: hidden; width: 40px; height: 40px; text-indent: -999px; background: url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/topBanner_close.fe358a687377.png) no-repeat center; background-size: 15px;} .header .topBar .swiper-slide { text-align: center; visibility: hidden;} .header .topBar .swiper-slide.swiper-slide-active {visibility: visible;} .header .topBar .swiper-slide a {display: block; width: 100%; height: 100%;} .header .topBar .swiper-slide p {font-family: 'locus_sangsang'; display: inline-block; font-size: 17px; font-weight: 400; color: #fff; line-height: 40px; vertical-align: top; margin: 0 25px; letter-spacing: -2px;} .header .topBar .swiper-slide.swiper-slide-active p {animation-iteration-count: 4;} .header .topBar .swiper-slide img {position: relative; top:5px; height:30px; display: inline-block;} #topBar2{position: fixed; width:100%; height:30px; z-index: 12; background: #fff; overflow: hidden;margin:0;} #topBar2 .btn_close {position: absolute; top: 50%; right: 20px; left: auto; margin-left: 0; z-index: 2; overflow: hidden; width: 19px; height: 19px; margin-top: -9px; text-indent: -999px; background: url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/topBanner_close.fe358a687377.png) no-repeat center;} #topBar2 .news-container{margin:0; padding:0; } #topBar2 .news-container ul{width:100%; height:100%; cursor: pointer; padding:0; margin:0;} #topBar2 .news-container ul>li{text-align: center; color:#fff; font-size:18px; line-height:32px; font-family: 'locus_sangsang';} .header .menu_btn nav {display: block; position: fixed; top: 0; left: 0; width: 42px; height: 44px; z-index: 15; background: url(/images/mobile/top_bar.jpg) repeat-y; background-position: right;} .header .menu_btn button:before, .header .menu_btn button:after, .header .menu_btn button span {background: #fff;} .header .menu_btn button:before, .header .menu_btn button:after {content: ''; position: absolute; height: 2px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s;} .header .menu_btn button{background: transparent; border: none; width: 22px; height: 18px; padding: 0; outline: none; position: absolute; top: 15px; left: 9px; z-index: 2000;} .header .menu_btn button:before {-webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);} .header .menu_btn button span {position: absolute; width: 100%; height: 2px; left: 0; overflow: hidden; text-indent: 200%; -webkit-transition: opacity 0.25s; transition: opacity 0.25s;} .header .menu_btn button:after {-webkit-transform: translate3d(0, 8px, 0); transform: translate3d(0, 8px, 0);} .header.open .menu_btn nav{background-color: #ff82a4;} .header.open .menu_btn button:before {-webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg);} .header.open .menu_btn button span {opacity: 0;} .header.open .menu_btn button:after {-webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg);} /* -- 헤더 - 메뉴 -- */ .header .m_menu ul{padding:0; font-size:0;} .header .m_menu {position:fixed; z-index:11; top:0; left:0; right:0; padding-top:48px; transform:translateY(-100%); -ms-transform:translateY(-100%); transition:transform 0.3s cubic-bezier(0.7, 0, 0.3, 1); -ms-transition:transform 0.3s cubic-bezier(0.7, 0, 0.3, 1); background-color: #fff; line-height: 1;} .header .m_menu .close {position:absolute; bottom:20px; right:20px; width:24px; height:24px;} .header .m_menu .login>ul{width:100%; display:flex; justify-content:center; max-width: 680px; margin: 0 auto;} .header .m_menu .login li {width:40%; margin:15px 2%; text-align: center; font-size: 13px; color: #000; letter-spacing: 1px; } .header .m_menu .login li div {font-size:15px; border-radius: 15px; border:1px solid #ff7da7; border-bottom:3px solid #ff7da7; padding: 2px 0; line-height: 20px;} .header .m_menu .menu_counsel {padding: 15px; background: #eee; bottom: auto;border-bottom: 1px solid #bdbdbd; text-align: center;} .header .m_menu .menu_counsel>ul{max-width: 400px; margin: 0 auto;} /*.header .m_menu .menu_counsel li {display: inline-block; vertical-align: middle; height: 50px; padding:10px; text-align: center; font-size: 13px; color: #000; margin:0 3%; background: #ff82a4; border-radius: 10px;}*/ .header .m_menu .menu_counsel li {width:20%; display: inline-block;} .header .m_menu .menu_counsel li img{width:65%; max-width:100%;} .header .m_menu .menu_counsel li span{font-size: 12px; font-weight: 300; letter-spacing: -1px; line-height: 15px; display: inline-block; } @media (max-width:415px) { .header .m_menu .menu_counsel li span{font-size:2.8vw; letter-spacing: -0.22vw;} } .header .m_menu .menu li {position: relative; width: 50%; display: inline-block; padding: 12px 0; color:#000; text-align: center; transition:color 0.1s ease-in-out; border-bottom:1px solid #bdbdbd; float:left;font-size:14px;letter-spacing: -0.8px;} .header .m_menu .menu li.lv1:nth-child(-n+13):nth-child(3n+1), .header .m_menu .menu li.lv1:nth-child(13), .header .m_menu .menu li.lv1:nth-child(n+13):nth-child(3n+1) {border-right:1px solid #bdbdbd} .header .m_menu .menu li.lv1:after{content: ''; position: absolute; right:10px; width: 10px; height: 10px; border-bottom: 1px solid #000; border-left: 1px solid #000; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s;} .header .m_menu .menu li.lv1.select {color:#fff; background: #ff7fa2;} .header .m_menu .menu li.lv1.select:after{transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; border-bottom: 2px solid #fff; border-left: 2px solid #fff; margin-top:5px;} .header .m_menu .menu li.sub_menu{width:100%; height:auto; border:0 !important; padding:0; background: #fceff6;} .header .m_menu .menu li.sub_menu>ul{display: none;} .header .m_menu .menu li.sub_menu.select{} .header .m_menu .menu li.sub_menu.select[data-l2^='m']>ul[data-l2^='m']{width:100%;} .header .m_menu .menu li.sub_menu.select[data-l2='m1']>ul[data-l2='m1'], .header .m_menu .menu li.sub_menu.select[data-l2='m2']>ul[data-l2='m2'], .header .m_menu .menu li.sub_menu.select[data-l2='m3']>ul[data-l2='m3'], .header .m_menu .menu li.sub_menu.select[data-l2='m4']>ul[data-l2='m4'], .header .m_menu .menu li.sub_menu.select[data-l2='m5']>ul[data-l2='m5'], .header .m_menu .menu li.sub_menu.select[data-l2='m6']>ul[data-l2='m6'], .header .m_menu .menu li.sub_menu.select[data-l2='m7']>ul[data-l2='m7'], .header .m_menu .menu li.sub_menu.select[data-l2='m8']>ul[data-l2='m8'], .header .m_menu .menu li.sub_menu.select[data-l2='m9']>ul[data-l2='m9'], .header .m_menu .menu li.sub_menu.select[data-l2='m10']>ul[data-l2='m10'], .header .m_menu .menu li.sub_menu.select[data-l2='m11']>ul[data-l2='m11'], .header .m_menu .menu li.sub_menu.select[data-l2='m12']>ul[data-l2='m12'], .header .m_menu .menu li.sub_menu.select[data-l2='m13']>ul[data-l2='m13'], .header .m_menu .menu li.sub_menu.select[data-l2='m14']>ul[data-l2='m14'], .header .m_menu .menu li.sub_menu.select[data-l2='m15']>ul[data-l2='m15'], .header .m_menu .menu li.sub_menu.select[data-l2='m16']>ul[data-l2='m16'], .header .m_menu .menu li.sub_menu.select[data-l2='m17']>ul[data-l2='m17'], .header .m_menu .menu li.sub_menu.select[data-l2='m18']>ul[data-l2='m18'] {display:inline-block; transform:translateY(0); -ms-transform: translateY(0);} .header .m_menu .menu li.sub_menu>ul>li>a{display: block;} .header .m_menu .menu li.sub_menu>ul>li:nth-child(2n+1){border-right:1px solid #bdbdbd} .header .m_menu .menu li.sub_menu>ul>li>a.hot::after{content: ''; display: inline-block; margin-left: 5px; background: url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/header_icon_hot.2013dc4a7c5d.png) no-repeat; background-size: cover; width: 25px; height: 25px; position: absolute; top: 50%; bottom: 50%; transform: translateY(-50%); animation: u_ol_blink 1.3s step-end infinite;} .header .m_menu .menu li.sub_menu>ul>li>a.new::after{content: ''; display: inline-block; margin-left: 5px; background: url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/header_icon_new.b9439ffaffe2.png) no-repeat; background-size: cover; width: 25px; height: 25px; position: absolute; top: 50%; bottom: 50%; transform: translateY(-50%); animation: u_ol_blink 1.3s step-end infinite;} .header .m_menu .lang {clear: both; text-align: center; max-width: 680px; margin: 0 auto; } .header .m_menu .lang li {margin:15px 2%; width:12%; display: inline-block;} .header .m_menu .lang li:first-child{margin-left:4%} .header .m_menu .lang li:last-child{margin-right:4%} .header .m_menu .lang li img{width:100%;} .header .m_menu .lang li a {display:block;} .header .menu_bak{position: static; width: 100%; background: #000; opacity:0; z-index: 0; } .header.open .menu_bak{height: 100%;} .header.open .m_menu {max-height: calc(100% - 150px); overflow-y: scroll; transform:translateY(0);} @media(min-width:680px){.header.open .m_menu{max-height: 682px; }} .header.open .m_menu:hover {width: 100%; overflow-y: scroll; overflow-x: hidden;} .header.open .menu_bak{position: fixed; opacity: 0.7; z-index: 10;} /*transform: translateY(-100%); -ms-transform: translateY(-100%); transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1); -ms-transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);*/ /*transform:translateY(0); -ms-transform: translateY(0);*/ /* -- 헤더 - 서브메뉴 -- */ .header>.menu>.menu-wrapper>ul>li {display:none;} .header>.menu>.menu-wrapper>ul>li.logo, .header>.menu>.menu-wrapper>ul>li.logo_white {display:block; position:fixed; top:0; left:42px; right:50px; height:44px; text-align:center; z-index:13; border-bottom:1px solid rgba(255,255,255,0.4); background-color:#ff82a4;} .header>.menu>.menu-wrapper>ul>li.logo>a, .header>.menu>.menu-wrapper>ul>li.logo_white>a {display:inline-block; padding:15px 0; box-sizing:border-box;} .header>.menu>.menu-wrapper>ul>li.logo>a img, .header>.menu>.menu-wrapper>ul>li.logo_white a img {height:21px; vertical-align:top; transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);} /* topbar추가 */ /*body .header .menu_btn nav, body .header>.location, body .header>.info, .header>.menu>.menu-wrapper>ul>li.logo, .header>.menu>.menu-wrapper>ul>li.logo_white{top:30px;} body .container{margin-top: 79px;} .header .m_menu {top:30px;} */ @media (max-width:340px) { .header>.menu>.menu-wrapper>ul>li.logo>a, .header>.menu>.menu-wrapper>ul>li.logo_white>a{padding:16px 0;} .header>.menu>.menu-wrapper>ul>li.logo>a img, .header>.menu>.menu-wrapper>ul>li.logo_white a img {height:18px;} } .header>.menu>.menu-wrapper>ul>li.logo, .header>.menu>.menu-wrapper>ul>li.logo_white, .header .info, .header .menu_btn nav {height:49px;} .header.open>.menu>.menu-wrapper>ul>li.logo_white{background-color:#ff82a4;opacity: 1;} .header>.menu>.sub_menu {display:none;} /* -- 헤더 - SNS -- */ .header .m_menu .sns_link {display:flex; position:absolute; bottom:20px; left:20px;} .header .m_menu .sns_link a {margin-right:12px;} /* -- 헤더 - 병원안내 -- */ .header>.location {position: fixed;top: 0;left: 42px;width:12vw; min-width:38px; max-width:45px; color: white;padding: 12px 2px 8px 0; text-align: center;z-index: 13; background: url(/images/mobile/top_bar.jpg) repeat-y; background-position: right;} .header>.location img {height: 25px;} .header .info {position:fixed; top:0; right:0; width:26vw; min-width:86px; max-width:95px; padding:0; color:white; text-align:center; z-index:13; } .header.open .info{background-color:#ff82a4;} .header .info>div {display: inline-block; float:right; position: relative; height: 49px; width:12vw; max-width:47px; margin:0; padding: 7px 5px; background: url(/images/mobile/top_bar.jpg) repeat-y;} .header .info>div img{height:22px;} .header .info svg path{fill:#fff} .header .info>div:after {content: ''; position: absolute; width:100%; left: 0; right:0; bottom: 5px; font-size: 10px; font-weight: 300; letter-spacing: -1px;} .header .info>div.call:after {content:'電話相談';} .header .info>div.q-counsel {margin-left:0} .header .info>div.q-counsel:after {content:'費用相談';} /* -- 푸터 -- */ .footer {clear: both; font-size:13px; border-top:1px solid #898989; padding-bottom:20px; background: #fff} .footer>.noti {text-align: center; font-family: 'SDKukdetopokki-Lt'; font-weight: 300; line-height: 32px; border-bottom: 1px solid #898989;} .footer>.wrapper address {font-family: 'NanumSquare'; font-style: normal; font-size:10px; line-height: 13px; color:#777; text-align: center; } .footer>.wrapper>div{margin: 10px auto; display: table;} .footer>.wrapper {padding:20px 20px 25px;} .footer>.wrapper .bar {background: #b1b1b1; width: 1px; height: 8px; display: inline-block; margin: 0 5px; vertical-align: baseline;} .footer>.wrapper .break {background: transparent; width: 0; height: 0; display: block;} .footer>.wrapper>ul {} .footer>.wrapper>ul>li {padding-right:16px; box-sizing:border-box; position:relative;} .footer>.wrapper>ul>li::before {content:''; width:0; height:100%; position:absolute; left:0; background:black;} .footer>.wrapper>ul>li>div {padding-left:20px;} .footer>.wrapper>ul>li>div>span {font-weight:600;position:absolute; left:20px;} .footer>.wrapper>ul>li.addr {width:400px; padding-left:40px;} .footer>.wrapper>ul>li.addr::before {content:none;} .footer>.wrapper>ul>li.info1 {width:220px; padding-left:100px;} .footer>.wrapper>ul>li.info2 {width:185px; padding-left:65px;} .footer>.wrapper>ul>li.info3 {width:340px; padding-left:75px;} .footer>.wrapper>.f_sns, .footer>.wrapper>.f_menu {text-align: center; margin: 0 auto 15px;} .footer>.wrapper>.f_sns ul, .footer>.wrapper>.f_menu ul {display: inline-block; width: 250px; font-size: 0; border-left: 0; margin: 0; padding: 0;} .footer>.wrapper>.f_sns li {display: inline-block; width: 16.7%;} .footer>.wrapper>.f_sns li:not(:last-child){margin-right:4%;} .footer>.wrapper>.f_sns li img {width: 100%; max-width: 100%;} .footer>.wrapper>.f_menu li {display: inline-block; width: 33.3333%; border: 1px solid #b9b9b9; text-align: center;} .footer>.wrapper>.f_menu li:not(:first-child) {margin-left: -1px;} .footer>.wrapper>.f_menu li a {display: block; font-size: 10px; letter-spacing: -1px; line-height: 30px;} .footer>.wrapper>.copyright {font-family: auto; font-size:11px; text-align: center; color:#949494;} @media (max-width:768px) { .footer>.wrapper .break-mobile {background: transparent; width: 0; height: 0; display: block;} } /* -- 바로 상담 -- */ .counsel {position:fixed; bottom:0; right:0; width:135px; height:135px; overflow:hidden; z-index:8;} .counsel_kakao {position: fixed; top: 115px; right: 40px; width: 100px; height: 100px; overflow: hidden; z-index: 9; cursor:pointer;} /*#ch-plugin #ch-plugin-button-position {position: fixed; top: 115px !important; right: 150px !important; width: 100px; height: 100px; overflow: hidden; z-index: 9; cursor:pointer; } #ch-plugin #ch-plugin-button-position img {width:100px !important; height:100px !important;}*/ #ch-plugin #ch-plugin-core {overflow: hidden; z-index: 9; cursor: pointer;} #ch-plugin #ch-plugin-core #ch-plugin-launcher {width: 100px; height: 100px; position: fixed; top: 115px; right: 150px !important;} .counsel>.background {width:200px; height:200px; background-color:/*#ff1557*/#fff100; transform:rotate(45deg) translate(55px, 0px); -ms-transform: rotate(45deg) translate(55px, 0px); z-index:1; cursor:pointer;} .counsel>.content {width:70px; height:100px; position:absolute; bottom:0; right:0; padding-left:10px; padding-top:17px; font-size:14px; font-weight: 500; z-index:2; color:#000000; cursor:pointer;} .counsel>.content>.icon {width:50px; height:40px;} .counsel>.content>.close {display:none;} @media (max-width:768px) { .counsel {width:90px; height:90px; z-index:100000002;} .counsel:not(.open){z-index:999;} .counsel_kakao {width:60px; height:60px; top: 60px; right: 2%;} .counsel_kakao img {width:100%; height:100%;} /*#ch-plugin #ch-plugin-button-position {position: fixed; top: 125px !important; right: 2% !important; width: 60px; height: 60px; overflow: hidden; z-index: 9; cursor:pointer;} #ch-plugin #ch-plugin-button-position img {width:60px !important; height:60px !important;}*/ #ch-plugin #ch-plugin-core #ch-plugin-launcher {width: 60px; height: 60px; position: fixed; top:125px; right: 2% !important;} .counsel>.background {transform:rotate(45deg) translate(23px, 0px);} .counsel.open>.content>div:not(.close):not(.background) {display:none;} .counsel.open>.content>.close {display:block;} .counsel>.content {width:49px; height:60px; letter-spacing:2px; line-height:1.4;} .counsel>.content>.icon {display:none;} } /* -- 오버레이 -- */ .overlay {position:fixed; top:60px; left:0; right:0; bottom:0; z-index:8; transition:opacity 0.425s cubic-bezier(0.7, 0, 0.3, 1); background:rgba(0,0,0,0.6); height:0; opacity:0;} #overlay {position:fixed; z-index:10; background:rgba(0,0,0,0.9); top:0; bottom:0; left:0; right:0; opacity:0;} /* -- 오버레이 - 바로 상담 -- */ #counsel_overlay {top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.8); display:none; position:fixed; z-index:100000001;} #counsel_overlay>.counsel_wrapper>.quickMenu {position: absolute; top: 0px; left: -80px; width: 80px; height: 675px; background-color:#ff1557;} #counsel_overlay>.counsel_wrapper>.quickMenu p {text-align:center;color:#FFF;} #counsel_overlay>.counsel_wrapper>.quickMenu ul{list-style:none; margin:0; padding:0;} #counsel_overlay>.counsel_wrapper>.quickMenu ul>li{text-align:center; line-height:14px; color:#FFF; margin: 15px 10px;} #counsel_overlay>.counsel_wrapper>.quickMenu>ul>li{cursor:pointer;} #counsel_overlay>.counsel_wrapper>.quickMenu .quick_member{margin: 25px 0 20px 0;} #counsel_overlay>.counsel_wrapper>.quickMenu .quick_member span:first-child::after{content:'';display:block;height:1px;margin:2px 10px; background-color:#FFF;} #counsel_overlay>.counsel_wrapper>.quickMenu ul>li span.qMenu_icon_stargram{background:url('https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/quick_stargram.95af8af14895.png') 50%; background-repeat: no-repeat;} #counsel_overlay>.counsel_wrapper>.quickMenu ul>li span.qMenu_icon_consult{background:url('https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/quick_consult.5ad2a8906131.png') 50%; background-repeat: no-repeat;} #counsel_overlay>.counsel_wrapper>.quickMenu ul>li span.qMenu_icon_consult2{background:url('https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/quick_consult2.45261e664171.png') 50%; background-repeat: no-repeat;} #counsel_overlay>.counsel_wrapper>.quickMenu ul>li span.qMenu_icon_blog{background:url('https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/quick_blog.29ba7fb68669.png') 50%; background-repeat: no-repeat;} #counsel_overlay>.counsel_wrapper>.quickMenu ul>li span.qMenu_icon_fb{background:url('https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/quick_fb.8350cd0ac3e2.png') 50%; background-repeat: no-repeat;} #counsel_overlay>.counsel_wrapper>.quickMenu ul>li span.qMenu_icon_insta{background:url('https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/quick_insta.8c8a8a10a292.png') 50%; background-repeat: no-repeat;} #counsel_overlay>.counsel_wrapper>.quickMenu ul>li span.qMenu_icon_virtual{background:url('https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/quick_virtual.c70aae38e6c6.png') 50%; background-repeat: no-repeat;} #counsel_overlay>.counsel_wrapper>.quickMenu ul>li span.qMenu_icon_map{background:url('https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/quick_map.622857dcda37.png') 50%; background-repeat: no-repeat;} #counsel_overlay>.counsel_wrapper>.quickMenu ul>li span { height: 50px; display: block;} #counsel_overlay>.counsel_wrapper, #counsel_overlay>.fin_wrapper, #counsel_overlay>.error_wrapper {width:465px; height:675px; background:white; position:absolute; bottom:0; right:0;} #counsel_overlay>.counsel_wrapper>.close {position:absolute; top:30px; /*left:-64px;*/ left:-135px; width:44px; height:44px; background:transparent url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/close.182f359b3ee6.png); cursor:pointer;} #counsel_overlay>.counsel_wrapper>.flag {position:absolute; left:0px; font-size:13px; line-height:1; bottom:80px; z-index:2;} #counsel_overlay>.counsel_wrapper>.flag>a {padding:10px 14px; letter-spacing:1px; background-color:#ff1557; color:white; cursor:pointer; transform:rotate(90deg) translateY(71px); -ms-transform:rotate(90deg) translateY(71px); display:block;} #counsel_overlay>.counsel_wrapper>.flag>span {position:absolute; display:block; left:-255px; top:-90px; padding:10px 14px; background-color:#666; color:#292929; opacity:0; transition:opacity 0.25s cubic-bezier(0.7, 0, 0.3, 1);} #counsel_overlay>.counsel_wrapper>.flag>a:hover+span {opacity:1;} #counsel_overlay>.counsel_wrapper>.flag>span::after {content:''; position:absolute; bottom:-6px; right:6px; display:block; width:0; height:0; border:3px solid #666; border-left-color:transparent; border-bottom-color:transparent;} #counsel_overlay>.counsel_wrapper>.lang {height:30px; position:relative; background:#43454c;} #counsel_overlay>.counsel_wrapper>.lang>div {position:relative; right:50%; float:right;} #counsel_overlay>.counsel_wrapper>.lang>div>div {position:relative; left:50%; height:30px; line-height:30px; padding-left:10px; margin-left:10px; color:#919295; cursor:pointer;} #counsel_overlay>.counsel_wrapper>.lang>div>div.select {color:white;} #counsel_overlay>.counsel_wrapper>.lang>div>div::after {content:''; position:absolute; left:0; height:10px; width:1px; background:#919295; margin:auto; top:0; bottom:0;} #counsel_overlay>.counsel_wrapper>.lang>div>div:first-child::after {content:none;} #counsel_overlay>.counsel_wrapper>.kind,#counsel_overlay>.counsel_wrapper>#quickReserv>.kind2 {height:65px; line-height:65px; border-bottom:1px solid #e6e6e6; position:relative;} #counsel_overlay>.counsel_wrapper>.kind>div:not(.floater) {height:100%; width:50%; text-align:center; font-size:13px; position:relative; cursor:pointer; color:#ababab;} #counsel_overlay>.counsel_wrapper>#quickReserv>.kind2>div:not(.floater) {height:100%; width:100%; text-align:center; font-size:13px; position:relative; color:#ababab;} #counsel_overlay>.counsel_wrapper>.kind>div:first-child::after,#counsel_overlay>.counsel_wrapper>#quickReserv>.kind2>div:first-child::after {content:''; position:absolute; right:0; top:0; bottom:0; height:20px; width:1px; background-color:#efefef; margin:auto;} #counsel_overlay>.counsel_wrapper>.kind>div>.icon,#counsel_overlay>.counsel_wrapper>#quickReserv>.kind2>div>.icon {width:16px; height:16px; background-size:contain; display:inline-block; vertical-align:middle; margin-right:15px; opacity:0.4;} #counsel_overlay>.counsel_wrapper>.kind>div.select,#counsel_overlay>.counsel_wrapper>#quickReserv>.kind2>div.select {color:black;} #counsel_overlay>.counsel_wrapper>.kind>div.select>.icon {opacity:1;} #counsel_overlay>.counsel_wrapper>.kind>div.floater {position:absolute; bottom:0; width:80px; height:1px; margin-bottom:-1px; background-color:#ff1557; left:76.25px; transition:left 0.275s cubic-bezier(0.7, 0, 0.3, 1);} #counsel_overlay>.counsel_wrapper>.kind>div.floater::before {content:''; position:absolute; left:0; right:0; margin:auto; width:5px; height:5px; transform:rotate(45deg); background-color:#ff1557; top:-2px;} #counsel_overlay>.counsel_wrapper>.content_wrapper {height:460px; position:relative;} #counsel_overlay>.counsel_wrapper>.content_wrapper>div {width:100%; height:100%; position:absolute; top:0; left:0;} #counsel_overlay>.counsel_wrapper>.content_wrapper .quick_counsel {} #counsel_overlay>.counsel_wrapper>.content_wrapper .quick_counsel>ul {padding:160px 0 0;} #counsel_overlay>.counsel_wrapper>.content_wrapper .counsel_inquiry {display:none;} #counsel_overlay>.counsel_wrapper>.content_wrapper .counsel_inquiry>ul {padding:20px 0 0;} #counsel_overlay>.counsel_wrapper>.content_wrapper .counsel_inquiry>ul>li>.row>* {padding-right:12px; margin-right:12px; position:relative; color:#aaa; cursor:pointer;} #counsel_overlay>.counsel_wrapper>.content_wrapper .counsel_inquiry>ul>li>.row>*.select {color:#ff1557;} #counsel_overlay>.counsel_wrapper>.content_wrapper .counsel_inquiry>ul>li>.row>*::after {content:''; position:absolute; right:0; height:10px; width:1px; background-color:#aaa; top:0; bottom:0; margin:auto;} #counsel_overlay>.counsel_wrapper>.content_wrapper .counsel_inquiry>ul>li>.row>*:last-child::after {content:none;} #counsel_overlay>.counsel_wrapper>.content_wrapper div>ul {margin:0; padding:0; list-style:none; box-sizing:border-box; height:100%;} #counsel_overlay>.counsel_wrapper>#quickReserv ul {margin:0; padding:100px 0; list-style:none; box-sizing:border-box;} #counsel_overlay>.counsel_wrapper>.content_wrapper div>ul>li, #counsel_overlay>.counsel_wrapper>#quickReserv ul>li {padding:0 50px; position:relative; height:45px; line-height:45px; font-size:13px; margin-bottom:5px;} #counsel_overlay>.counsel_wrapper>.content_wrapper div>ul>li::before, #counsel_overlay>.counsel_wrapper>#quickReserv ul>li::before {content:''; position:absolute; left:40px; bottom:0; top:0; margin:22px 0; width:2px; height:2px; background:black; border-radius:50%;} #counsel_overlay>.counsel_wrapper>.content_wrapper div>ul>li>label, #counsel_overlay>.counsel_wrapper>#quickReserv ul>li>label {width:65px;} #counsel_overlay>.counsel_wrapper>.content_wrapper div>ul>li>input, #counsel_overlay>.counsel_wrapper>#quickReserv ul>li>input {width:300px; height:45px; border:1px dashed #aaa; border-width:0 0 1px 0; padding:0 12px;} #counsel_overlay>.counsel_wrapper>.content_wrapper div>ul>li>input:focus {border-color:black;} #counsel_overlay>.counsel_wrapper>.content_wrapper div>ul>li>textarea {width:300px; height:90px; border:1px dashed #aaa; border-width:0 0 1px 0; resize:none; line-height:22px; padding:12px;} #counsel_overlay>.counsel_wrapper>.content_wrapper div>ul>li>textarea:focus {border-color:black;} #counsel_overlay>.counsel_wrapper>#quickReserv ul>li>select {margin-top: 15px;} #counsel_overlay>.counsel_wrapper>#quickReserv, #counsel_overlay>.counsel_wrapper>#quickMap {width: 465px; height: 645px; margin-top:30px; background: white; position: absolute; bottom: 0; right: 0; z-index: 1; display:none; } #counsel_overlay>.counsel_wrapper>#quickMap>div.info ul {list-style: none; padding: 0 20px;} #counsel_overlay>.counsel_wrapper>#quickMap>div.info ul li {font-size: 13px; padding-left: 80px; box-sizing: border-box; position: relative; min-height: 25px; line-height: 25px; margin-bottom: 25px;} #counsel_overlay>.counsel_wrapper>#quickMap>div.info ul li span {font-weight: 600; position: absolute; left: 0; height: 25px; line-height: 25px; display: block; width: 60px; text-align: justify; text-align-last: justify; letter-spacing: -1px; color: #ff1557;} #counsel_overlay>.counsel_wrapper>#quickMap>div.info ul li.time div {position: relative; padding-left: 65px; height: 25px; line-height: 25px; font-family: 'Poppins',sans-serif; font-weight: 800; font-size: 14px;} #counsel_overlay>.counsel_wrapper>#quickMap>div.info ul li.time div span {font-weight: 400; color: #aaa; width: 50px; font-size: 13px;} #counsel_overlay>.counsel_wrapper>#quickMap>div.map {text-align: center;} #counsel_overlay>.counsel_wrapper>#quickMap>div.map>iframe{width: 90%; height: 375px;} #counsel_overlay>.counsel_wrapper>.btn, #counsel_overlay>.counsel_wrapper>#quickReserv .btn {color:#aaa;} #counsel_overlay>.counsel_wrapper>.btn>.privacy, #counsel_overlay>.counsel_wrapper>#quickReserv .btn>.privacy{padding-right:40px; text-align:right; height:30px; line-height:30px; width:100%;} #counsel_overlay>.counsel_wrapper>.btn>.privacy input[type=checkbox], #counsel_overlay>.counsel_wrapper>#quickReserv .btn>.privacy input[type=checkbox]{display:none;} #counsel_overlay>.counsel_wrapper>.btn>.privacy label, #counsel_overlay>.counsel_wrapper>#quickReserv .btn>.privacy label {padding-left:25px; position:relative; font-size: 11px; height:30px; line-height:30px; display:inline-block;} #counsel_overlay>.counsel_wrapper>.btn>.privacy label::before, #counsel_overlay>.counsel_wrapper>#quickReserv .btn>.privacy label::before {content:''; width:13px; height:13px; position:absolute; top:0; bottom:0; left:0; margin:auto; border:1px solid #aaa; vertical-align:middle;} #counsel_overlay>.counsel_wrapper>.btn>.privacy input[type=checkbox]:checked+label::before, #counsel_overlay>.counsel_wrapper>#quickReserv .btn>.privacy input[type=checkbox]:checked+label::before{background-color:#ff1557;} #counsel_overlay>.counsel_wrapper>.btn>div.row, #counsel_overlay>.counsel_wrapper>#quickReserv .btn>div.row {float:right; position:relative; /*right:50%;*/ width:100%; padding-top:16px; white-space:nowrap;} #counsel_overlay>.counsel_wrapper>.btn>div>button {width:125px; /*left:50%;*/ position:relative; margin:0 10px; height:40px; padding:0; border:2px solid #aaa; color:#aaa; background-color:white; font-size:13px; transition:all 0.25s cubic-bezier(0.7, 0, 0.3, 1); cursor:pointer;} #counsel_overlay>.counsel_wrapper>#quickReserv .btn>div>button {width:135px; left:60%; position:relative; margin:0 10px; height:40px; padding:0; border:2px solid #aaa; color:#aaa; background-color:white; font-size:13px; transition:all 0.25s cubic-bezier(0.7, 0, 0.3, 1); cursor:pointer;} #counsel_overlay>.counsel_wrapper>.btn>div>button:hover, #counsel_overlay>.counsel_wrapper>#quickReserv .btn>div>button:hover {background-color:#aaa; color:white;} #counsel_overlay>.counsel_wrapper>.btn>div>button::before {content:''; display:inline-block; vertical-align:middle; margin-right:6px; width:13px; height:13px; transition:all 0.25s cubic-bezier(0.7, 0, 0.3, 1);} #counsel_overlay>.counsel_wrapper>.btn>div>.kakao {border:0; background-color:#fadf00; color:#3b1c1c; width:155px;} #counsel_overlay>.counsel_wrapper>.btn>div>.kakao::before {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_kakao.9ec1eeacba01.png); width:20px; height:18px;} #counsel_overlay>.counsel_wrapper>.btn>div>.call {} #counsel_overlay>.counsel_wrapper>.btn>div>.call::before {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_call.e0ed989ac935.png);} #counsel_overlay>.counsel_wrapper>.btn>div>.call:hover::before {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_call_w.9d267e3c490b.png);} #counsel_overlay>.counsel_wrapper>.btn>div>.text {} #counsel_overlay>.counsel_wrapper>.btn>div>.text::before {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_text.1484f642604a.png);} #counsel_overlay>.counsel_wrapper>.btn>div>.text:hover::before {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_text_w.ab156b45f1b4.png);} #counsel_overlay>.fin_wrapper, #counsel_overlay>.error_wrapper {display:none; background-color:rgba(0,0,0,0.6);} #counsel_overlay>.fin_wrapper>div {text-align:center; height:70px; position:absolute; top:0; bottom:0; margin:auto; left:0; right:0;} #counsel_overlay>.fin_wrapper>div>p {margin:0 0 20px; font-size:16px; color:white; line-height:25px;} #counsel_overlay>.fin_wrapper>div>p:last-child {margin:0;} #counsel_overlay>.error_wrapper>div {text-align:center; height:70px; position:absolute; top:0; bottom:0; margin:auto; left:0; right:0;} #counsel_overlay>.error_wrapper>div>p {margin:0 0 20px; font-size:16px; color:white; line-height:25px;} #counsel_overlay>.error_wrapper>div>p:last-child {margin:0;} @media (max-width:768px) { #counsel_overlay>.counsel_wrapper>.close {display:none;} #counsel_overlay>.counsel_wrapper, #counsel_overlay>.fin_wrapper, #counsel_overlay>.error_wrapper {width:300px; height:450px; top:50px; bottom:70px;} #counsel_overlay>.counsel_wrapper>.content_wrapper {height:calc(100% - 75px); padding-bottom:85px; overflow:hidden;} #counsel_overlay>.counsel_wrapper>.content_wrapper .quick_counsel>ul {padding:90px 0 0;} #counsel_overlay>.counsel_wrapper>.content_wrapper div>ul>li, #counsel_overlay>.counsel_wrapper>#quickReserv ul>li {padding:0 25px 0 85px; height:30px; line-height:30px; font-size:11px;} #counsel_overlay>.counsel_wrapper>.content_wrapper div>ul>li::before, #counsel_overlay>.counsel_wrapper>#quickReserv ul>li::before {left:15px; bottom:auto; margin: auto; bottom:initial; top:14px;} #counsel_overlay>.counsel_wrapper>.content_wrapper div>ul>li:last-child, #counsel_overlay>.counsel_wrapper>#quickReserv ul>li:last-child {height:60px;} #counsel_overlay>.counsel_wrapper>.content_wrapper div>ul>li>label, #counsel_overlay>.counsel_wrapper>#quickReserv ul>li>label {position:absolute; left:25px;} #counsel_overlay>.counsel_wrapper>.content_wrapper div>ul>li>input, #counsel_overlay>.counsel_wrapper>#quickReserv ul>li>input {width:100%; height:30px;} #counsel_overlay>.counsel_wrapper>.content_wrapper div>ul>li>textarea {width:100%; height:60px;} #counsel_overlay>.counsel_wrapper>.content_wrapper div>ul>li select, #counsel_overlay>.counsel_wrapper>#quickReserv ul>li select {font-size:11px; height:30px; line-height:30px; margin-top: 0;} #counsel_overlay>.counsel_wrapper>.content_wrapper>div {position:static;} #counsel_overlay>.counsel_wrapper>.content_wrapper .counsel_inquiry>ul>li {margin-bottom:0;} #counsel_overlay>.counsel_wrapper>.content_wrapper .counsel_inquiry>ul>li>.row>* {padding-right:5px; margin-right:5px;} #counsel_overlay>.counsel_wrapper>.btn {margin-top:0px; position:absolute; bottom:15px; left:0; right:0;} #counsel_overlay>.counsel_wrapper>.btn>div.row, #counsel_overlay>.counsel_wrapper>#quickReserv .btn>div.row {display:flex; padding:0 10px; right:0; float:none;} #counsel_overlay>.counsel_wrapper>.btn>div>button {margin:0 3px; left:0; font-size:10px; height:35px;} #counsel_overlay>.counsel_wrapper>#quickReserv .btn>div>button {margin:0 3px; left:50%; font-size:10px; height:35px;} #counsel_overlay>.counsel_wrapper>.btn>.privacy, #counsel_overlay>.counsel_wrapper>#quickReserv .btn>.privacy {padding-right:15px;} #counsel_overlay>.counsel_wrapper>.lang>div>div {padding-left:5px; margin-left:5px; font-size:10px;} #counsel_overlay>.counsel_wrapper>.kind {height:45px; line-height:45px;} #counsel_overlay>.counsel_wrapper>.kind>div.floater {left:35px;} #counsel_overlay>.counsel_wrapper>.flag>a {font-size:11px; transform:rotate(90deg) translateY(65px);} #counsel_overlay>.counsel_wrapper>#quickReserv ul {padding:35px 0;} #counsel_overlay>.counsel_wrapper>.quickMenu {height: 450px; left: -70px; width: 70px;} #counsel_overlay>.counsel_wrapper>.quickMenu .quick_member{margin: 7px 0 0 0; font-size:11px;} #counsel_overlay>.counsel_wrapper>.quickMenu ul>li {height: 47px; margin: 8px; font-size: 0; } #counsel_overlay>.counsel_wrapper>#quickMap, #counsel_overlay>.counsel_wrapper>#quickReserv {width: 300px; height: 420px; } #counsel_overlay>.counsel_wrapper>.kind, #counsel_overlay>.counsel_wrapper>#quickReserv>.kind2{height: 45px; line-height: 45px;} #counsel_overlay>.counsel_wrapper>#quickMap>div.info ul li {font-size: 12px; min-height: 25px; line-height: 25px; margin-bottom: 5px;} #counsel_overlay>.counsel_wrapper>#quickMap>div.info ul li span { left: 10px; height: 20px; line-height: 20px;} #counsel_overlay>.counsel_wrapper>#quickMap>div.info ul li.time div {height: 20px; line-height: 20px;font-size: 13px;} #counsel_overlay>.counsel_wrapper>#quickMap>div.info ul li.time div span {font-size: 12px;} #counsel_overlay>.counsel_wrapper>#quickMap>div.map>iframe{ height: 230px;} } /* overlay - 회원 가입, 로그인 */ #overlayMember.u {position:fixed; z-index:12; background:rgba(0,0,0,0.6); top:0; bottom:0; left:0; right:0; animation-name:u_ol; animation-duration:0.25s; animation-direction:alternate; animation-fill-mode:forwards; animation-timing-function:ease-in-out;} #overlayMember.u.ready {animation-name:u_ol_b;} #overlayMember.u.f {animation-name:u_ol_f;} #overlayMember.u.force {animation-name:u_ol_force;} #overlayMember.u div.layer-popup {width:100%; margin:auto; position:absolute; height:calc(100% - 79px) !important; top:79px; bottom:0; left:0; right:0; background-color:white; border-radius:0; overflow-x:hidden; overflow-y:auto; padding:120px 30px 20px;} #overlayMember.u div.layer-popup::before {content:''; position:absolute; top:0; left:0; width:8px; height:100%; background-color:#ff1557; border-radius:8px 0 0 8px;} #overlayMember.u div.layer-popup::after {position:absolute; top:20px; right:40px; font-size:18px; font-weight:800; font-family:'Poppins',sans-serif; color:#ff1557;} #overlayMember.u div.layer-popup>.close {position:absolute; right:8px; top:-50px; background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_user_overlay_close.4187445358bc.png); width:36px; height:36px; background-size:36px 36px; cursor:pointer;} #overlay.u {position:fixed; z-index:15; background:rgba(0,0,0,0.9); top:0; bottom:0; left:0; right:0; animation-name:u_ol; animation-duration:0.25s; animation-direction:alternate; animation-fill-mode:forwards; animation-timing-function:ease-in-out;} #overlay.u.ready {animation-name:u_ol_b;} #overlay.u.f {animation-name:u_ol_f;} #overlay.u.force {animation-name:u_ol_force;} #overlay.u > div {width:700px; margin:auto; position:absolute; top:0; bottom:0; left:0; right:0; background-color:white; border-radius:8px; padding:80px 40px 0 60px;} #overlay.u > div::before {content:''; position:absolute; top:0; left:0; width:8px; height:100%; background-color:#ff1557; border-radius:8px 0 0 8px;} #overlay.u > div::after {position:absolute; top:20px; right:40px; font-size:18px; font-weight:800; font-family:'Poppins',sans-serif; color:#ff1557;} #overlay.u div.close {position:absolute; right:8px; top:-50px; background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_user_overlay_close.4187445358bc.png); width:36px; height:36px; background-size:36px 36px; cursor:pointer;} @keyframes u_ol { 0% {opacity:0;} 100% {opacity:0;} } @keyframes u_ol_b { 0% {opacity:1;} 100% {opacity:0;} } @keyframes u_ol_f { 0% {opacity:0;} 100% {opacity:1;} } @keyframes u_ol_force { 0% {opacity:1;} 100% {opacity:1;} } @keyframes u_ol_blink{ 50%{opacity: 0;} } /* overlay - 로그인 */ #overlayMember.u div .form {margin-top:0;} #overlayMember.u .login {height:300px; padding:80px 100px 0 60px; transition:height 0.25s ease-in-out;} #overlayMember.u .login.find {height:530px;} #overlayMember.u .login::after {content:'LOGIN';} #overlayMember.u div.login div.divider {/*(margin-left:-60px; margin-right:-100px;*/ height:0; border-bottom:1px dashed #e6e6e6;} #overlayMember.u div.login {user-select:none; -webkit-user-select:none; -moz-user-select:none;} #overlayMember.u div.login .form>div>div {width:70%;} #overlayMember.u div.login .form>div>div>div {height:46px; padding-left:110px; position:relative; padding-right:30px;} #overlayMember.u div.login .form>div>div>div:not(:last-child) {margin-bottom:12px;} #overlayMember.u div.login .form>div>div>div>span {position:absolute; left:0; top:0; height:46px; line-height:46px; width:90px; display:block; text-align:right; font-size:13px; font-weight:800; font-family:'Poppins',sans-serif; color:#ff1557; cursor:default;} #overlayMember.u div.login .form>div>div>div>input {height:46px; line-height:46px; padding:0 12px; border:1px solid #e6e6e6; border-width:0 0 1px 0; color:#aaa; transition:border 0.15s ease-in-out;} #overlayMember.u div.login .form>div>div>div>input:focus {border-color:#ff1557;} #overlayMember.u div.login .form>div>div.btn {width:30%; padding-top:46px;} #overlayMember.u div.login .form>div>div.btn>button {display:block; height:56px; width:100%; padding:0; text-align:center; border:3px solid #ff1557; background-color:white; color:#ff1557; cursor:pointer;} #overlayMember.u div.login .form>div>div.btn>button:hover {background-color:#ff1557; color:white;} #overlayMember.u div.login .link {padding-top:10px; text-align:center; /*margin-right:-60px;*/ padding-bottom:30px;} #overlayMember.u div.login .link>a {padding-bottom:6px; padding: 3px 10px; border:1px solid #aaa; border-radius: 10px; box-shadow: 1px 1px #aaa; color:#aaa; font-weight: 300; cursor:pointer; margin-left:6px; display:inline-block;} #overlayMember.u div.login.find .link>a[data-action=find_pwd], #overlayMember.u div.login.find_id .link>a[data-action=find_id], #overlayMember.u div.login .link>a:hover {color:#fff; background-color: #757575} /*pw찾기*/ #overlayMember.u div.login > form > .find {overflow:hidden; height:0; margin-left:-60px; margin-right:-100px; padding-left:60px; padding-right:100px; transition:height 0.25s ease-in-out;} #overlayMember.u div.login > form > .find .form {padding-top:30px; padding-bottom:30px;} #overlayMember.u div.login > form > .find .form>div>div {width:100%;} #overlayMember.u div.login > form > .find .form>div>div>div {padding-right:0;} #overlayMember.u div.login > form > .find .form>div>div>div>button {margin-top:12px; height:40px; width:100%; border:3px solid #ff1557; float:right; background-color:white; color:#ff1557;} #overlayMember.u div.login > form > .find .form>div>div>div>button:hover {background-color:#ff1557; color:white;} #overlayMember.u div.login > form > .find .form>div>div>div>select {height:46px; border:1px solid #e6e6e6; border-width:0 0 1px 0; margin-left:12px; appearance:none; -webkit-appearance:none; -moz-appearance:none; width:90px; padding:0 30px 0 12px; box-sizing:content-box; float:right; background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/appo_arrow_down.667c9e70ed2f.png); background-repeat:no-repeat; background-position:95% 50%;} #overlayMember.u div.login > form > .find .form>div>div>div>select::-ms-expand {display:none;} #overlayMember.u div.login > form > .find .form>div>div>div.email>input {} #overlayMember.u div.login > form > .find .form>div>div>div.name>input {} #overlayMember.u div.login > form > .find .txt {padding-top:23px; text-align:center; color:#aaa; margin:0 -100px 0 -60px;} #overlayMember.u div.login.find > form >.find {height:230px;} /*id찾기*/ #overlayMember.u div.login > form > .find_id {overflow:hidden; height:0; margin-left:-60px; margin-right:-100px; padding-left:60px; padding-right:100px; transition:height 0.25s ease-in-out;} #overlayMember.u div.login > form > .find_id .form {padding-top:30px; padding-bottom:30px;} #overlayMember.u div.login > form > .find_id .form>div>div {width:100%;} #overlayMember.u div.login > form > .find_id .form>div>div>div {padding-right:0;} #overlayMember.u div.login > form > .find_id .form>div>div>div>button {margin-top:12px; height:40px; width:100%; border:3px solid #ff1557; float:right; background-color:white; color:#ff1557;} #overlayMember.u div.login > form > .find_id .form>div>div>div>button:hover {background-color:#ff1557; color:white; cursor: pointer;} #overlayMember.u div.login > form > .find_id .txt {width:100%; padding-top:20px; text-align:center; color:#aaa; } #overlayMember.u div.login.find_id > form >.find_id {height:230px;} /* overlay - 회원가입 */ #overlayMember.u > form > .join {height:730px;} #overlayMember.u > form > .join::after {content:'JOIN'; } #overlayMember.u > form > div.join>.form {user-select:none; -webkit-user-select:none; -moz-user-select:none;} #overlayMember.u > form > div.join>.form button[data-action] {height:32px; border:0; padding:0 12px; color:white; background-color:#535353; cursor:pointer;} #overlayMember.u > form > div.join>.form button[data-action]:hover {background-color:#333;} #overlayMember.u > form > div.join>.form input[type=checkbox], #overlayMember.u > form > div.join>.form input[type=radio] {width:1px; height:1px; margin-right:-3px; display:inline-block; color:transparent; background-color:transparent; border:0;} #overlayMember.u > form > div.join>.form input[type=checkbox]+label, #overlayMember.u > form > div.join>.form input[type=radio]+label {padding-left:25px; position:relative; height:32px; line-height:32px; margin-right:6px; display:inline-block;} #overlayMember.u > form > div.join>.form input[type=checkbox]+label::before, #overlayMember.u > form > div.join>.form input[type=radio]+label::before {content:''; position:absolute; left:0; top:0; bottom:0; margin:auto; width:16px; height:16px; border:1px solid #e6e6e6; transition:background 0.25s cubic-bezier(0.7, 0, 0.3, 1);} #overlayMember.u > form > div.join>.form input[type=checkbox]:checked+label::before, #overlayMember.u > form > div.join>.form input[type=radio]:checked+label::before {background-color:#ff1557;} #overlayMember.u > form > div.join>.form>div.divider {margin-left:-60px; margin-right:-40px; height:0; border-bottom:1px dashed #e6e6e6;} #overlayMember.u > form > div.join>.form>div.agreement {} #overlayMember.u > form > div.join>.form>div.agreement>label {width:max-content; text-align:right; display:block; margin-left:auto; margin-right:0; color:#aaa;} #overlayMember.u > form > div.join>.form>div.agreement>label>a {text-decoration:underline;} #overlayMember.u > form > div.join>.form>div.btn {padding-top:60px; text-align:right;} #overlayMember.u > form > div.join>.form>div.btn>button {height:44px; border:2px solid #9f9f9f; padding:16px 70px; line-height:0; background-color:white; color:#9f9f9f;} #overlayMember.u > form > div.join>.form>div.btn>button[data-action=member_join] {border-color:#ff1557; color:#ff1557; margin-left:6px;} #overlayMember.u > form > div.join>.form>div.btn>button[data-action=cancel]:hover {background-color:#9f9f9f; color:white;} #overlayMember.u > form > div.join>.form>div.btn>button[data-action=member_join]:hover {background-color:#ff1557; color:white;} #overlayMember.u > form > div.join>.form>div:not(:last-child) {margin-bottom:12px;} #overlayMember.u > form > div.join>.form>div>div {height:32px;} #overlayMember.u > form > div.join>.form>div>div.np{height:auto;} #overlayMember.u > form > div.join>.form>div>div.np>.info-txt{color: #afafaf;} #overlayMember.u > form > div.join>.form>div>div>input {height:32px; box-sizing:border-box; margin:0; border:1px solid #e6e6e6; padding:0 12px; width:100%;} #overlayMember.u > form > div.join>.form>div>div>input:focus {border-color:#ff1557;} #overlayMember.u > form > div.join>.form>div>div>select {height:32px; padding:0 6px; border:1px solid #e6e6e6; float:left;} #overlayMember.u > form > div.join>.form>div>div>select#birth_year {width:33.3333%;} #overlayMember.u > form > div.join>.form>div>div>select#birth_month {width:calc(33.3333% - 5px); margin-left:5px;} #overlayMember.u > form > div.join>.form>div>div>select#birth_day {width:calc(33.3333% - 5px); margin-left:5px;} #overlayMember.u > form > div.join>.form>div.row>div {width:50%;} #overlayMember.u > form > div.join>.form>div.row>div:nth-child(odd) {padding-right:5px;} #overlayMember.u > form > div.join>.form>div.row>div:nth-child(even) {padding-left:5px;} #overlayMember.u > form > div.join>.form>div>div:not(.np) {padding-left:100px; position:relative; box-sizing:border-box;} #overlayMember.u > form > div.join>.form>div>div:not(.np)>span {position:absolute; left:0; top:0; padding-left:15px; line-height:32px; white-space:nowrap;} #overlayMember.u > form > div.join>.form>div>div:not(.np)>span::before {content:''; position:absolute; left:1px; top:0; bottom:0; width:4px; height:4px; background-color:#ff1557; transform:rotate(45deg); margin:auto;} #overlayMember.u > form > div.join>.form>div>div:not(.np):not(.require)>span::before {content:none;} #overlayMember.u > form > div.join>.form>div>div:not(.np):nth-child(even) {padding-left:105px;} #overlayMember.u > form > div.join>.form>div>div:not(.np):nth-child(even)>span {left:10px;} #overlayMember.u > form > div>.agreement, #overlayMember.u > form > div.join>.policy {bottom:100%; border-radius:0 8px 8px 0; background-color:white; animation-duration:0.25s; animation-direction:alternate; animation-fill-mode:forwards; animation-timing-function:ease-in-out; z-index:2; overflow-x:hidden; overflow-y:auto; transition:bottom 0.25s ease-in-out; border:0; position:fixed; top:44px; left:0; right:0; padding:0px 20px; } #overlayMember.u > form > div>.agreement button, #overlayMember.u > form > div.join>.policy button {display:block; width:100%; height:40px; text-align:center; border:2px solid #ff1557; color:#ff1557; font-size:12px; background-color:white; margin-top:60px;} #overlayMember.u > form > div>.agreement.focus, #overlayMember.u > form > div.join>.policy.focus {padding:80px 20px 40px;} #overlayMember.u.ready > form > div.join>.policy, #overlayMember.u.ready > form > div.join>.agreement {animation-name:u_ol_b;} #overlayMember.u.ready > form > div.join>.policy::-webkit-scrollbar, #overlayMember.u.ready > form > div.join>.agreement::-webkit-scrollbar {border-radius:0 8px 8px 0; width:8px; overflow:hidden;} #overlayMember.u.ready > form > div.join>.policy::-webkit-scrollbar-thumb, #overlayMember.u.ready > form > div.join>.agreement::-webkit-scrollbar-thumb {min-height:12px; background-color:#818181;} #overlayMember.u.ready > form > div.join>.policy::-webkit-scrollbar-button, #overlayMember.u.ready > form > div.join>.agreement::-webkit-scrollbar-button {height:8px;} #overlayMember.u.ready > form > div.join>.policy.focus, #overlayMember.u.ready > form > div.join>.agreement.focus {bottom:0; animation-name:u_ol_f;} #overlayMember.u.ready > form > div.join>.agreement::before, #overlayMember.u.ready > form > div.join>.policy::before {position:absolute; top:20px; right:30px; font-size:18px; font-weight:800; color:#ff1557;} /*#overlayMember.u.ready > form > div.join>.agreement::before {content:'利用規約';} #overlayMember.u.ready > form > div.join>.policy::before {content:'個人情報処理方針';}*/ #overlayMember.u > div.member_join {height:300px;} #overlayMember.u > div.member_join::after {content:'JOIN';} #overlayMember.u > div.member_join>div:not(.close) {position:absolute; top:0; bottom:0; left:0; right:0; height:40px; font-size:18px; line-height:40px; text-align:center; margin:auto;} /* overlay - 마이페이지 */ #overlayMember.u > form > div.mypage {height:680px; padding:90px 40px 0 60px; transition:height 0.25s ease-in-out;} #overlayMember.u > form > div.mypage::after {content:'MYPAGE';} #overlayMember.u > form > div.mypage>.form {user-select:none; -webkit-user-select:none; -moz-user-select:none;} #overlayMember.u > form > div.mypage>.form button[data-action] {height:32px; border:0; padding:0 12px; color:white; background-color:#535353; cursor:pointer;} #overlayMember.u > form > div.mypage>.form button[data-action]:hover {background-color:#333;} #overlayMember.u > form > div.mypage>.form input[type=checkbox], #overlayMember.u > form > div.mypage>.form input[type=radio] {appearance:none; -webkit-appearance:none; -moz-appearance:none; display:none;} #overlayMember.u > form > div.mypage>.form input[type=checkbox]+label, #overlayMember.u > form > div.mypage>.form input[type=radio]+label {padding-left:25px; position:relative; height:32px; line-height:32px; margin-right:6px; display:inline-block;} #overlayMember.u > form > div.mypage>.form input[type=checkbox]+label::before, #overlayMember.u > form > div.mypage>.form input[type=radio]+label::before {content:''; position:absolute; left:0; top:0; bottom:0; margin:auto; width:16px; height:16px; border:1px solid #e6e6e6; transition:background 0.25s cubic-bezier(0.7, 0, 0.3, 1);} #overlayMember.u > form > div.mypage>.form input[type=checkbox]:checked+label::before, #overlayMember.u > form > div.mypage>.form input[type=radio]:checked+label::before {background-color:#ff1557;} #overlayMember.u > form > div.mypage>.form>div.divider {margin-left:-60px; margin-right:-40px; height:0; border-bottom:1px dashed #e6e6e6; margin-top:30px;} #overlayMember.u > form > div.mypage>.form>div.agreement {} #overlayMember.u > form > div.mypage>.form>div.agreement>label {width:255px; text-align:right; display:block; margin-left:auto; margin-right:0; color:#aaa;} #overlayMember.u > form > div.mypage>.form>div.agreement>label>a {text-decoration:underline;} #overlayMember.u > form > div.mypage>.form>div.btn {padding-top:20px; text-align:right;} #overlayMember.u > form > div.mypage>.form>div.btn>button {height:44px; border:2px solid #9f9f9f; padding:16px 70px; line-height:0; background-color:white; color:#9f9f9f;} #overlayMember.u > form > div.mypage>.form>div.btn>button[data-action=mypage_edit] {border-color:#ff1557; color:#ff1557; margin-left:6px;} #overlayMember.u > form > div.mypage>.form>div.btn>button[data-action=mypage_cancel]:hover {background-color:#9f9f9f; color:white;} #overlayMember.u > form > div.mypage>.form>div.btn>button[data-action=mypage_edit]:hover {background-color:#ff1557; color:white;} #overlayMember.u > form > div.mypage>.form>div:not(:last-child) {margin-bottom:12px;} #overlayMember.u > form > div.mypage>.form>div>div {height:32px;} #overlayMember.u > form > div.mypage>.form>div>div>input {height:32px; box-sizing:border-box; margin:0; border:1px solid #e6e6e6; padding:0 12px; width:100%;} #overlayMember.u > form > div.mypage>.form>div>div>select {height:32px; padding:0 6px; border:1px solid #e6e6e6; float:left;} #overlayMember.u > form > div.mypage>.form>div>div>select#birth_year {width:33.3333%;} #overlayMember.u > form > div.mypage>.form>div>div>select#birth_month {width:calc(33.3333% - 5px); margin-left:5px;} #overlayMember.u > form > div.mypage>.form>div>div>select#birth_day {width:calc(33.3333% - 5px); margin-left:5px;} #overlayMember.u > form > div.mypage>.form>div.row>div {width:50%;} #overlayMember.u > form > div.mypage>.form>div.row>div:nth-child(odd) {padding-right:5px;} #overlayMember.u > form > div.mypage>.form>div.row>div:nth-child(even) {padding-left:5px;} #overlayMember.u > form > div.mypage>.form>div>div:not(.np) {padding-left:100px; position:relative; box-sizing:border-box;} #overlayMember.u > form > div.mypage>.form>div>div:not(.np)>span {padding-left:15px; line-height:32px; white-space:nowrap;} #overlayMember.u > form > div.mypage>.form>div>div:not(.np)>span:first-child {position:absolute; left:0; top:0;} #overlayMember.u > form > div.mypage>.form>div>div:not(.np)>span::before {content:''; position:absolute; left:1px; top:0; bottom:0; width:4px; height:4px; background-color:#ff1557; transform:rotate(45deg); margin:auto;} #overlayMember.u > form > div.mypage>.form>div>div.require.not>span::before {background:#535353;} #overlayMember.u > form > div.mypage>.form>div>div:not(.np):not(.require)>span::before {content:none;} #overlayMember.u > form > div.mypage>.form>div>div:not(.np):nth-child(even) {padding-left:105px;} #overlayMember.u > form > div.mypage>.form>div>div:not(.np):nth-child(even)>span {left:10px;} /* overlay - 소셜 로그인 */ #overlayMember div.login .link {padding-top:30px;} #overlayMember div.login .link .social {margin-bottom:20px;} #overlayMember div.login .link .social div {position: relative; margin-bottom: .7em; padding: 14px 7px 14px 45px; color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align: left;} #overlayMember div.login .link .social ._naver {background-color: #1ec800;} #overlayMember div.login .link .social ._facebook {background-color: #4267B2;} #overlayMember div.login .link .social ._kakao {background-color: #ffeb00; color: #3c1e1e;} #overlayMember div.login .link .social i {position: absolute; margin: auto 0; top: 0; bottom: 0; left: 10px; width: 24px; height: 24px; background-repeat: no-repeat;} #overlayMember div.login .link .social ._facebook i {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/icon_facebook.067ade00c3ce.png); background-size: 24px 24px;} #overlayMember div.login .link .social ._kakao i {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/icon_kakao_.f3f87db39e1f.png);} #overlayMember div.login .link .social ._naver i {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/icon_naver.37c144089f34.png);} /* overlay - 회원 모바일 */ @media (max-width:768px) { #overlayMember.u div.layer-popup::after {width:70px; font-size:12px; text-align:center; left:40px; margin:auto; text-align:center; width:50px; color:#ccc; font-weight:400; top:55px; border-bottom:2px solid #ff1557; padding-bottom:10px;} #overlayMember.u div.layer-popup.login::before {content:'ログイン'; background-color:transparent; font-size:16px; right:0; top:20px; width:60px; height:auto; text-align:center; margin:auto;} #overlayMember.u div.layer-popup.join::before {content:'会員登録'; background-color:transparent; font-size:16px; right:0; top:20px; width:60px; height:auto; text-align:center; margin:auto; height:30px;} #overlayMember.u div.layer-popup.join>.agreement::before {background-color:transparent; font-size:16px; left:30px; top:20px; width:80px; text-align:center; margin:auto; font-weight:400 !important; color:black !important;} /*#overlayMember.u div.layer-popup.join>.agreement::after {content:'Terms and Conditions'; position:absolute; top:55px; left:0; right:0; margin:auto; width:135px; text-align:center; padding-bottom:10px; border-bottom:2px solid #ff1557; color:#ccc;}*/ #overlayMember.u div.layer-popup.join>.policy::before {background-color:transparent; font-size:16px; left:30px; top:20px; width:160px; text-align:center; margin:auto; font-weight:400 !important; color:black !important;} /*#overlayMember.u div.layer-popup.join>.policy::after {content:'Privacy Policy'; position:absolute; top:55px; left:0; right:0; margin:auto; width:100px; text-align:center; padding-bottom:10px; border-bottom:2px solid #ff1557; color:#ccc;}*/ #overlayMember.u div.layer-popup>.close {display:none;} #overlayMember.u div.login .form>div>div {width:100%;} #overlayMember.u div.login .form>div>div.btn {width:100%; padding-top:20px; padding-left:55px;} #overlayMember.u div.login .form>div>div.btn>button {height:40px;} #overlayMember.u div.login .form>div>div>div {padding-left:55px; height:auto; padding-right:0;} #overlayMember.u div.login .form>div>div>div>input {height:30px; line-height:30px; border-width:1px 1px 1px 1px; width:100%; box-sizing:border-box;} #overlayMember.u div.login .form>div>div>div>span {width:45px; height:30px; line-height:30px;} #overlayMember.u .login.find {height:auto;} #overlayMember.u div.login>form>.find {margin-left:-30px; margin-right:-30px; padding-left:30px; padding-right:30px;} #overlayMember.u div.login>form>.find .txt {margin:0; word-break:keep-all;} #overlayMember.u div.login.find>form>.find {height:300px;} #overlayMember.u div.login.find_id>form>.find_id {height:245px;} #overlayMember.u div.login div.divider {margin-left:-30px; margin-right:-30px;} #overlayMember.u > form > div.join>.form>div.row>div {width:100%;} #overlayMember.u > form > div.join>.form>div.row>div:nth-child(odd) {padding-right:0; margin-bottom:12px;} #overlayMember.u > form > div.join>.form>div>div:not(.np) {padding-left:110px;} #overlayMember.u > form > div.join>.form>div>div:not(.np):nth-child(even) {padding-left:110px} #overlayMember.u > form > div.join>.form>div>div:not(.np):nth-child(even)>span {left:0;} #overlayMember.u > form > div.join>.form>div.row>div.np {padding-left:110px;} #overlayMember.u > form > div.mypage {padding:30px 20px 50px 20px;} #overlayMember.u > form > div.mypage::after {content:none !important;} #overlayMember.u > form > div.mypage .mp_title {height:40px; margin:0 auto 10px; position:relative;} #overlayMember.u > form > div.mypage .mp_title::before {content:'マイページ'; font-size:16px; position:absolute; top:0; left:0; right:0; text-align:center;} #overlayMember.u > form > div.mypage .mp_title::after {content:'MY PAGE'; font-size:11px; position:absolute; bottom:0; left:0; right:0; text-align:center; color:#ccc;} #overlayMember.u > form > div.mypage>.form>div.row>div {width:100%;} #overlayMember.u > form > div.mypage>.form>div.row>div:not(:first-child) {margin-top:12px;} #overlayMember.u > form > div.mypage>.form>div.row>div:nth-child(odd) {padding-right:0;} #overlayMember.u > form > div.mypage>.form>div.row>div:nth-child(even) {padding-left:100px;} #overlayMember.u > form > div.mypage>.form>div>div:not(.np):nth-child(even) {padding-left:100px;} #overlayMember.u > form > div.mypage>.form>div>div:not(.np):nth-child(even)>span {left:0;} #overlayMember.u > form > div.mypage>.form button[data-action] {width:100%;} #overlayMember.u > form > div.mypage>.form>div.btn {display:flex;} #overlayMember.u > form > div.mypage>.form>div.btn>button {padding:16px 0;} } /* 게시글 - 수정, 삭제 */ .ask_pwd {} .ask_pwd>div {margin: auto; height:200px; width:500px; padding:40px 90px 40px 110px;} .ask_pwd>div>div>div.text {text-align:center; font-size:20px; height:30px; line-height:30px;} .ask_pwd>div>div>div.pwd_fail {position:absolute; top:93px; left:113px; color:#ff1557; padding:3px 12px; background-color:white; display:none;} .ask_pwd>div>div>input[type=password] {display:block; height:30px; line-height:30px; padding:0 12px; margin-top:20px; width:100%; box-sizing:border-box;} .ask_pwd>div>div>div.row {margin-top:15px;} .ask_pwd>div>div>div>button {width:145px; margin-right:10px; border:0; height:30px; line-height:30px; background-color:#535353; color:white; transition:opacity 0.25s ease-in-out; cursor:pointer;} .ask_pwd>div>div>div>button:last-child {margin:0;} .ask_pwd>div>div>div>button:hover {opacity:0.7;} /* 모델모집 완료 팝업 */ #overlay.application_form {} #overlay.application_form>div {width:700px; height:320px; padding:110px 0 55px;} #overlay.application_form>div>div:not(.close) {padding:0 100px 0 120px;} #overlay.application_form>div>.text {text-align:center; font-size:15px; padding-bottom:50px !important; border-bottom:1px dashed #e6e6e6} #overlay.application_form>div>.text>p {margin:0;} #overlay.application_form>div>.text>p:not(:last-child) {margin-bottom:12px;} #overlay.application_form>div>.btn {text-align:right; margin-top:20px;} #overlay.application_form>div>.btn>button {width:160px; height:45px; line-height:1; color:#ff1557; border:2px solid #ff1557; background-color:transparent; transition:all 0.25s ease-in-out; font-size:14px;} #overlay.application_form>div>.btn>button:hover {background-color:#ff1557; color:white;} /* -- container 2depth -- */ .container>.depth-2 {border-bottom:1px solid #e6e6e6;} .container>.depth-2:after {content:''; display:block; clear:both;} .container>.depth-2>ul {margin:0; padding:0; list-style:none; height:93px; text-align:center; white-space:nowrap;} .container>.depth-2>ul>li {width: 24%; min-width: 70px; display:inline-block;} .container>.depth-2>ul>li.active a {color:#333 !important;} .container>.depth-2>ul>li a {color:#cdcdcd; transition:color 0.425s cubic-bezier(0.7, 0, 0.3, 1);} .container>.depth-2>ul>li a:hover {color:#333;} .container>.depth-2>ul>li .icon {height:45px; text-align:center; opacity:0.2; transition:opacity 0.25s cubic-bezier(0.7, 0, 0.3, 1); margin-top:10px;} .container>.depth-2>ul>li.active .icon {opacity:1;} .container>.depth-2>ul>li:hover .icon {opacity:1;} .container>.depth-2>ul>li .title {text-align:center; color:#cdcdcd;} .container>.depth-2>ul>li.active .title, .container>.depth-2>ul>li .title:active {color:#333} .container>.depth-2.small>ul {height:45px;} .container>.depth-2.small>ul>li .title {height:45px; line-height:45px;} .container>.depth-2>ul.ver2 {height:auto;} .container>.depth-2>ul.ver2>li {width: 33.3%;float: left; height: 32px; line-height: 30px;} .container>.depth-2>ul.ver2>li:not(:nth-child(3n)) {border-right: 1px solid #e6e6e6;} .container>.depth-2>ul.ver2>li:nth-child(n+4) {border-top: 1px solid #e6e6e6;} .container>.depth-2>ul.ver2>li .title{color:#333} .container>.depth-2>ul.ver2>li.active .title, .container>.depth-2>ul.ver2>li .title:active {color: #6200d0; font-weight: 500; background: #f7f7f7; height:100%;} /* -- board -- */ ul.board {border-top:2px solid #ff1557; margin:0; padding:0; list-style:none;} ul.board>li {height:55px; line-height:55px; border-bottom:1px solid #f1f1f1;} ul.board>li::before {content:''; display:table;} ul.board>li::after {content:''; display:table; clear:both;} ul.board>li>div {float:left; color:#aaa;} ul.board>li>div.title {max-width:calc(100% - 360px); color:black; position:relative; height:100%;} ul.board>li>div.pict {width:80px; text-align:center; height:100%; margin-right:10px;} ul.board>li>div.pict>.pic_wrapper {width:50px; height:50px; border:1px solid #aaa; display:inline-block; position:relative; overflow:hidden; vertical-align:middle;} ul.board>li>div.pict>.pic_wrapper>img {position:absolute; left:50%; top:50%; right:0; margin:auto; max-width:100px; max-height:100px; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);} ul.board>li>div.pict>.pic_wrapper>img {position:absolute; left:50%; top:50%; right:0; margin:auto; max-width:100px; max-height:100px; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);} ul.board>li>div.pict>a>.pic_wrapper {width:50px; height:50px; border:1px solid #aaa; display:inline-block; position:relative; overflow:hidden; vertical-align:middle;} ul.board>li>div.pict>a>.pic_wrapper>img {position:absolute; left:50%; top:50%; right:0; margin:auto; max-width:100px; max-height:100px; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);} ul.board>li>div.pict>a>.pic_wrapper>img {position:absolute; left:50%; top:50%; right:0; margin:auto; max-width:100px; max-height:100px; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);} ul.board>li>div.answer {width:40px; float:right; color:#ff1557;} ul.board>li>div.writer {width:60px; float:right; color:black; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} ul.board>li>div.num {width:60px; text-align:center; margin-right:20px;} ul.board>li>div.date {float:right; width:80px; text-align:center;} ul.board>li>div.views {float:right; width:70px; text-align:center;} ul.board.appo>li {cursor:pointer;} ul.board.appo>li>div.num {width:100px;} ul.board.appo>li>div.name {width:170px; color:black; text-align:center;} ul.board.appo>li>div.phone {width:200px; color:black; text-align:center;} ul.board.appo>li>div.treatment {width:170px; color:black; text-align:center;} ul.board.appo>li>div.condition {width:90px; float:right; color:black; text-align:center;} ul.board.appo>li>div.condition.request {color:#ff1557;} ul.board.appo>li>div.appo_date {width:225px; text-align:center; color:black;} ul.board.appo>li>div.request_date {width:225px; text-align:center; color:black;} ul.board>li>div.title a {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} ul.board>li.new>div.title::after {content:'N'; display:inline-block; margin-left:12px; position:absolute; right:-20px; top:0; bottom:0; margin:auto; width:13px; height:13px; background-color:#ff1557; border-radius:50%; font-size:10px; text-align:center; line-height:13px; color:white;} ul.board>li.secret>div.title::before {content:'秘密の投稿'; display:inline-block; margin-left:12px; position:absolute; right:-60px; top:0; bottom:0; margin:auto; width:35px; height:17px; line-height:17px; background-color:#666; font-size:10px; text-align:center; color:white; border-radius:3px;} ul.pagination, ul.pagination ul {list-style:none; margin:0; padding:0; text-align:center;} ul.pagination {margin-top:35px; padding-bottom: 50px; clear:both;} ul.pagination li {display:inline-block; color:#aaa; margin: 0 10px;} ul.pagination li.current {color:#ff1557;} ul.pagination>li.prev {margin-right:6px;} ul.pagination>li.next {margin-left:6px;} ul.pagination>li>ul>li {margin:0 1px;} @media (max-width:768px) { ul.pagination li {margin: 0 2%; font-size:14px;} } ul.board.media>li {height:85px; line-height:85px;} ul.board.media>li>div.title {max-width:calc(100% - 370px);} ul.board.b_counsel>li>div.title {max-width:calc(100% - 380px);} .board_head {height:20px; line-height:20px; text-align:right; margin-bottom:30px;} .board_head>ul {display:inline-block;} .board_head>ul>li {height:20px; white-space:nowrap; padding-right:8px; margin-right:8px; position:relative; color:#888;} .board_head>ul>li:last-child {margin-right:0; padding-right:0;} .board_head>ul>li:not(:last-child)::after {content:''; position:absolute; right:0; height:15px; width:1px; top:0; bottom:0; margin:auto; background-color:#eee;} .board_head>ul>li::before {content:''; position:absolute; top:0px; left:0; right:8px; margin:auto; width:3px; height:3px; background-color:#ff1557; transform:rotate(-45deg); opacity:0; transition:all 0.25s cubic-bezier(0.7, 0, 0.3, 1);} .board_head>ul>li:hover {color:black;} .board_head>ul>li:hover::before {opacity:1; top:-10px;} .board_head>ul>li.current_category {color:black; font-weight:500;} .board_head>ul>li.current_category::before {opacity:1; top:-10px;} .board_header {margin:0; padding:0; list-style:none;} .board_header>li {height:55px; line-height:55px; border-bottom:1px solid #f1f1f1;} .board_header>li::before {content:''; display:table;} .board_header>li::after {content:''; display:table;} .board_header>li>div {float:left; color:#aaa;} .board_header>li>div.date {float:right; width:80px; text-align:center;} .board_header.appo>li>div.num {width:100px; text-align:center; margin-right:20px;} .board_header.appo>li>div.name {width:170px; text-align:center;} .board_header.appo>li>div.phone {width:200px; text-align:center;} .board_header.appo>li>div.treatment {width:170px; text-align:center;} .board_header.appo>li>div.condition {float:right; width:90px; text-align:center;} .board_header.appo>li>div.appo_date {width:225px; text-align:center;} .board_header.appo>li>div.request_date {width:225px; text-align:center;} .board_footer {height:36px; position:relative;} .board_footer>* {box-sizing:border-box; height:36px;} .board_footer>.search {width:110px; display:inline-block;} .board_footer>.search>.target {height:36px; line-height:34px; border:2px solid #eee; padding:0 25px 0 12px; position:relative;} .board_footer>.search>.target::after {content:''; background:transparent url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_search_a.d5367fc9118f.png) no-repeat scroll center center; background-size:11px 7px; position:absolute; right:12px; top:0; bottom:0; margin:auto; width:11px; height:7px; transition:transform 0.25s cubic-bezier(0.7, 0, 0.3, 1);} .board_footer>.search.drop>.target::after {transform:rotate(-180deg);} .board_footer>.search>ul.dropdown {list-style:none; padding:0; margin:0; overflow:hidden; height:0; border:1px solid #eee; background-color:white; box-sizing:border-box; margin-top:-2px; overflow:hidden;} .board_footer>.search>ul.dropdown>li {line-height:26px; height:26px; padding:0 14px; cursor:pointer;} .board_footer>.search_form {display:inline-block; vertical-align:top;padding-left:12px;} .board_footer>.search_form>input {height:34px; border:0; border-bottom:2px solid #eee; padding:0 25px 0 6px; line-height:34px; width:145px; box-sizing:border-box; background:transparent url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_search.dab16c53a254.png) no-repeat scroll 125px center; font-size:12px;} .board_footer>.wed {position:absolute; right:0; top:0;} .board_footer>div>.btn {height:36px;} .board_footer.appo>div>.btn.list {background-color:#ff1557; color:white;} .board_footer.appo>div>.btn.list:hover {opacity:0.6;} .board_detail {border-top:2px solid #ff1557; margin-bottom:30px;} .board_detail>.title {min-height:60px; border-bottom:1px solid #f1f1f1; padding:6px 12px; position:relative;} .board_detail>.title>.text {line-height:1.4; font-size:15px;} .board_detail>.title>.writer {width:40px; display:inline-block;} .board_detail>.title>.date {line-height:30px; color:#ccc; width:calc(100% - 90px); display:inline-block;} .board_detail>.title>.views {position:absolute; right:0; width:45px; bottom:6px; line-height:30px; height:30px; white-space:nowrap; text-align:center; color:#ccc;} .board_detail>.content {min-height:400px; padding:12px; border-bottom:1px solid #f1f1f1;} .board_detail>.content p:first-child {margin-top:0;} .board_detail>.content p:last-child {margin-bottom:0;} .board_detail>.content img {width:80%; /*margin:30px auto; display:block;*/} .board_detail>.reply {border-top:1px solid #f1f1f1;} .board_detail>.reply>ul {padding:0; margin:0; list-style:none;} .board_detail>.reply>ul>li {padding:16px 12px 16px 165px; min-height:40px; border-bottom:1px solid #f1f1f1; position:relative;} .board_detail>.reply>ul>li>div.info {position:absolute; left:12px; top:16px; max-width:140px;} .board_detail>.reply>ul>li>div.info>.writer {font-size:13px;} .board_detail>.reply>ul>li>div.info>.date {color:#ccc;} .board_detail>.reply>ul>li>div.content {white-space:pre-line;} .board_detail .reply_write {padding:16px 0; border-bottom:1px solid #f1f1f1;} .board_detail .reply_write>div {padding:0 12px;} .board_detail .reply_write>div.writer {width:165px;} .board_detail .reply_write>div.writer>span {height:30px; display:block; line-height:30px; white-space:nowrap; font-size:13px;} .board_detail .reply_write>div.writer>input {width:100%; border:1px solid #f1f1f1; padding-left:12px; box-sizing:border-box; height:30px; line-height:30px; font-size:13px;} .board_detail .reply_write>div.content {width:calc(100% - 165px); padding-left:0; position:relative;} .board_detail .reply_write>div.content>textarea {resize:none; height:75px; display:block; width:calc(100% - 90px); border:1px solid #f1f1f1; box-sizing:border-box; padding:6px 12px;} .board_detail .reply_write>div.content>button {position:absolute; right:0; top:0px; width:80px; height:75px; line-height:75px; border:0;} .board_detail.appo {position:relative;} .board_detail.appo>.title {height:auto; position:absolute; top:-40px; font-size:16px; border:0;} .board_detail.appo>.info>ul {padding:0; margin:0; list-style:none; font-size:13px;} .board_detail.appo>.info>ul>li {height:60px; line-height:60px; width:50%; padding-left:170px; position:relative; white-space:nowrap; border-bottom:1px solid #f1f1f1;} .board_detail.appo>.info>ul>li>span {position:absolute; left:80px; top:0; bottom:0; height:20px; line-height:20px; margin:auto; font-weight:700;} .board_detail.appo>.content {position:relative; padding-left:170px; border-bottom:1px solid #f1f1f1;} .board_detail.appo>.content>span {position:absolute; top:20px; left:80px; font-weight:700;} .board.write {margin-bottom:50px;} .board.write>li {height:auto; min-height:55px;} .board.write>li input {height:30px; line-height:30px; padding:0 12px;} .board.write>li textarea {height:100%; resize:none; vertical-align:middle; margin:13px 0; height:460px; padding:30px;} .board.write>li input, .board.write>li textarea {border:1px solid #e6e6e6; width:100%; box-sizing:border-box;} .board.write>li>div {position:relative; padding-left:90px; float:none;} .board.write>li>.title {width:calc(100% - 350px); color:#aaa; float:left;} .board.write>li>.pwd {width:350px; padding-right:15px; display:inline-block; float:right;} .board.write>li>.pwd>input {width:100%;} .board.write>li>.content {width:100%; padding-right:15px;} .board.write>li>.subject {float:right; width:250px;} .board.write>li>.subject>select {height:30px; border:1px solid #e6e6e6; width:100%; padding:0 12px; box-sizing:border-box;} .board.write>li>.writer {float:left; color:#aaa; width:240px;} .board.write.virt>li>.title {width:calc(100% - 590px);} .board.write.counsel_write>li>.title {width:calc(100% - 600px);} .board.write.counsel_write>li>.email {width:360px; float:left;} .board.write.counsel_write>li>.email>input[type=email] {width:calc(100% - 120px);} .board.write.counsel_write>li>div>input[type=checkbox] {display:none;} .board.write.counsel_write>li>div>input[type=checkbox]+label {padding-left:40px; display:inline-block; box-sizing:border-box; width:100px; white-space:nowrap; position:relative; user-select:none; -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; cursor:pointer;} .board.write.counsel_write>li>div>input[type=checkbox]+label::before {content:''; position:absolute; left:12px; top:0; bottom:0; width:15px; height:15px; margin:auto; border:1px solid #e6e6e6; transition:background 0.125s ease-in-out;} .board.write.counsel_write>li>div>input[type=checkbox]:checked+label::before {background-color:#aaa;} .board.write.counsel_write>li>.contact {float:left; width:360px;} .board.write.counsel_write>li>.contact>input[type=text] {width:calc(100% - 110px);} .board.write.realselfie>li>.title {width:calc(100% - 600px);} .board.write>li.files>div {padding:16px 12px 16px 90px;} .board.write>li.files>div>div {margin-bottom:6px; position:relative;} .board.write>li.files>div>div:last-child {margin-bottom:0;} .board.write>li.files>div>div:not(.subject) {line-height:1;} .board.write>li.files>div>div.subject {position:absolute; top:0;} .board.write>li.files>div>div>input[type=file] {display:none;} .board.write>li.files>div>div>input[type=file]+label {height:30px; padding-left:90px; display:inline-block; position:relative; line-height:30px; width:300px; vertical-align:top; z-index:2; cursor:pointer;} .board.write>li.files>div>div>input[type=file]+label+span {position:absolute; left:0px; top:0; height:30px; line-height:30px; display:inline-block; width:80px; text-align:center; background-color:#535353; color:white; cursor:pointer;} .board.write>li.files>div>div>input[type=file]+label:hover+span {opacity:0.6;} .board.write>li.files>div>div>button {height:30px; line-height:30px; display:inline-block; vertical-align:top; border:0; background-color:transparent; color:#ff1557; cursor:pointer;} .board.write>li.files>div>div>button.add {color:#aaa; border:1px solid #e6e6e6; line-height:1;} .board.write>li.files>div>div>button:hover {opacity:0.6;} .board.write>li.files>div>div.input_add>button {margin-top:13px;width:80px;} .board.write>li>div>.subject {position:absolute; left:20px; top:0;} @media (max-width:768px) { .board.write>li {min-height:45px; line-height:45px; height:45px;} .board.write>li:last-child {height:auto;} .board.write>li.m_l2 {height:90px;} .board.write>li>div {padding-left:55px;} .board.write>li>.subject {width:100%; border-top:1px solid #f1f1f1;} .board.write>li>.content {padding-top:55px; padding-left:10px;} .board.write>li>div>.subject {left:10px;} .board.write.realselfie>li>.title {width:100%; max-width:unset;} .board_footer>.search_form {width:auto;} .board_footer>.search_form>input {width:100%;} } /* -- mobile & desktop -- */ .desktop {display:none;} .mobile {display:block;} @media (min-width:769px) { .desktop {display:block;} .mobile {display:none;} } /* -- 상담 신청(이벤트페이지) -- */ .rc {user-select:none; -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; -ms-user-select:none;} /*@media (min-width: 769px){ .header.stick ~ div .rc{position: fixed; left: 0; right: 0; top: 60px; z-index: 9; transition: all 0.275s cubic-bezier(0.7, 0, 0.3, 1);} }*/ .rc>.mobile {} .rc>.mobile>.content {padding:100px 20px 20px; position:relative;} .rc>.mobile>.content::before {content:'ジュエリー形成外科 \A 相談申し込み'; position:absolute; white-space:pre-line; top:20px; left:20px; right:20px; text-align:center; line-height:1.2; color:#ff1557; font-weight:500; font-size:26px;} .rc>.mobile>.content>div:not(:last-child) {margin-bottom:20px;} .rc>.mobile>.content>.input {padding-left:80px; position:relative;} .rc>.mobile>.content>.input>span {position:absolute; left:0; top:0; bottom:0; height:24px; line-height:35px; font-size:25px;} .rc>.mobile>.content>.input input[type='text'] {width:90%; height:35px; box-sizing:border-box;} .rc>.mobile>.content>.input input[type='number'] {width:25%; margin:0 1.5%;} .rc>.mobile>.content>.input input[type='number']:first-of-type {margin-left:0;} .rc>.mobile>.content>.input input[type='number']:last-of-type {margin-right:0;} .rc>.mobile>.content>.input input[type='tel'] {width:25%; height:35px; margin:0 1.5%; box-sizing:border-box;} .rc>.mobile>.content>.input input[type='tel']:first-of-type {margin-left:0;} .rc>.mobile>.content>.input input[type='tel']:last-of-type {margin-right:0;} .rc>.mobile>.content>.info {color:#ff1557; font-size:14px;} .rc>.mobile>.content #rc_m_check {display:none;} .rc>.mobile>.content #rc_m_check+label {padding-left:25px; position:relative;} .rc>.mobile>.content #rc_m_check+label::before {content:''; position:absolute; left:0; top:0; bottom:0; width:15px; height:15px; background-color:white; margin:auto; border:1px solid #ccc;} .rc>.mobile>.content #rc_m_check+label::after {content:'SMS 形状情報受信同意';} .rc>.mobile>.content #rc_m_check:checked+label::before {background-color:#ccc;} .rc>.mobile>.content .rc_m_policy {float:right; padding:4px 10px; border-radius:25px; background-color:#484848; color:white;} .rc>.mobile>.content .rc_m_policy::before {content:'取扱方針を見る >';} .rc>.mobile>.content .rc_btn {height:35px; line-height:1; white-space:nowrap; width:120px; text-align:center; border:0; background-color:#ff1557; margin-left:15px; cursor:pointer; display:block; margin:0 auto;} .rc>.mobile>.content .rc_btn::before {content:'相談問い合わせ'; color:white; font-size:20px; vertical-align:middle;} .rc>.mobile>.call {height:45px; line-height:45px; background-color:black; color:white; position:relative; text-align:center; font-size:20px;} .rc>.mobile>.call::before {content:'相談/問い合わせ :';} .rc>.mobile>.call::after {content:''; font-weight:600;} /* -- icons -- */ .icon {font-style:normal; background-repeat:no-repeat; background-position:center center;} .icon.question {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_question.fbffdb8822b5.png); background-size: 27px; } .icon.send {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_send2.860b17bb0ccb.png);} .icon.tv {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_tv.99f8395795a4.png);} .icon.news {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_newspaper.8d8043c82e9f.png);} .icon.withstars {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_withstars.049b4b801c3b.png);} .icon.notice {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_megaphone.dd447baed120.png);} .icon.browse {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_browse.89ca85acd97d.png);} .icon.time {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_time.a3049821761e.png);} .icon.information {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_information.e82ca0b50e56.png);} .icon.v_counsel {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_virtual_counsel.c35b0d2e5f3b.png);} .icon.reservation {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_reservation.63f7a57a0ace.png); background-size: 25px;} .icon.reservation_check {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_reservation_check.964eb5a4bfc0.png); background-size: 27px;} .icon.consult_before {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_consult_before.60bc7f73f761.png); background-size: 27px;} .icon.q_c {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/icon_mail.0515eeebdb43.png);} .icon.q_r {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_reservation.63f7a57a0ace.png);} .icon.theatre {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_theatre.7b05ed06e242.png); background-size: 23px} .icon.realstory {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_realstory.d64f593a43fc.png); background-size: 23px} .icon.model {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_model.b9354375753c.png); background-size: 25px} .icon.selfie {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_selfie.afbb9ac80294.png); background-size: 25px} .icon.selfie2 {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_selfie2.00afade7fa37.png); background-size: 25px} .icon.review {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_review.a8109d8e6e0f.png); background-size: 25px} .icon.movie {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_movie.f8e5b18d6bb5.png); background-size: 25px} .icon.instagram {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_instagram.37a2d4084eb4.png); background-size: 23px} .icon.special {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/menu2_special.03a96b8472c9.png);} .icon.eye {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/menu2_eye.781ffce41e85.png);} .icon.nose {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/menu2_nose.ba0e703ee6b6.png);} .icon.face {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/menu2_face.04bfcc524ba8.png);} .icon.breast {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/menu2_breast.f1fcb5555c87.png);} .icon.antiaging {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/menu2_antiaging.6acae88b7df8.png);} .icon.body {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/menu2_body.d54739b3f2de.png);} .icon.men {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/menu2_men.7ad2b0b752b8.png);} .icon.skincare {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/menu2_skincare.7decf77e3be4.png);} .icon.hair {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/menu2_hair.6fa226c171cd.png);} .icon.signature {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/menu2_signature.b192e4fa23aa.png);} .icon.fatgrafting {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/menu2_fatgrafting.54abbb14fdbc.png);} .icon.outline {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_outline.ed0f2b8c2685.png);} .icon.greeting {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/icon_greeting.29ff94f58aae.png); background-size: 20px;} .icon.introduce {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/icon_intro.813e66a9057f.png); background-size: 45px;} .icon.academic {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/icon_research.e8bb942b6733.png); background-size: 17px;} .icon.aftercare {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_aftercare.270e5dee6682.png);} .icon.precautions {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_precautions.92ef29de4ab0.png);} .icon.emergency {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_emergency.5413ffc30464.png);} .icon.anesthesia {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_anesthesia.f622bb02836a.png);} .icon.reborn {background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_reborn.ccbc9a0a3db1.png);} .icon.happyplus{background-image:url(https://nqogzmoxteadbecwmhjy.supabase.co/storage/v1/object/public/jewelryps-public-assets/images/desktop/icon_happyplus.3a3092748fb0.png);} .pointer { cursor: pointer; } div.has-error > span { color: red !important; } div.succeed > span { color: green; } input.has-error { color: red; } input.succeed { color: green; } ul.pagination li, ul.pagination li.active > span { display: inline-block; font-size: 15px; width: 25px; height: 25px; line-height: 25px; text-align: center; } ul.pagination li.active > span { color: orange; border: 1px solid orange; }