/* display */ /*.disnoneDx {display:none;}*/ /*.disnoneDx.tab01 {display:block;}*/ /* foot notification */ #notificationDx {position:fixed; left:0; bottom:0; width:100%; z-index:24; transition:all 0.4s ease-in-out; z-index:30;} #notificationDx #notiBx {position:relative; max-width:800px; height:0; margin:0 auto; background:#fff; border-radius:30px 30px 0 0; overflow:hidden;} #notificationDx .fxNoti {display:none; padding:0;} #notificationDx.scrolled {bottom:-150px;} /* 로그인 */ #notificationDx .loginBx {position:relative; width:100%; height:210px; overflow:hidden; padding:54px 40px 0;} #notificationDx .loginBx span {display:block; font-size:22px; color:#000; line-height:1.4; letter-spacing:-1.5px;} #notificationDx .loginBx strong {display:inline-block; font-size:34px; color:#000; line-height:48px; letter-spacing:-1.8px; font-weight:normal; padding:0 50px 0 0; background-size:32px auto; background-position:right top 52%; background-repeat:no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z'/%3E%3C/svg%3E");} #notificationDx .loginBx a {display:none; position:absolute; top:18px; right:32px; width:50px; height:50px; background-position:50%; background-repeat:no-repeat; background-size:48px auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z'/%3E%3C/svg%3E");} #notificationDx .on .loginBx {height:70px;} #notificationDx .on .loginBx a {display:block;} #notificationDx .on .loginTit {display:none;} /* 개인정보 입력 */ #notificationDx .on .personalLx {display:block;} #notificationDx .personalLx {position:relative; display:none; width:100%; padding:0 40px 28px; overflow-y:auto;} #notificationDx .personalLx .pTabs {position:absolute; left:0; top:30px; width:100%;} #notificationDx .personalLx .pTabs ul:after {content:""; display:block; clear:both;} #notificationDx .personalLx .pTabs ul li {float:left; width:50%; text-align:center;} #notificationDx .personalLx .pTabs ul li a {display:block; width:100%; border-bottom:5px #ccc solid; font-size:30px; color:#ccc; line-height:66px; letter-spacing:-1.5px; } #notificationDx .personalLx .pTabs ul li a.on {color:#7064E7; border-color:#7064E7;} #notificationDx .personalLx .pTxt {display:block; padding:150px 0 0 0;} #notificationDx .personalLx .pTxt span {display:block; font-size:23px; color:#000; line-height:1.2; letter-spacing:-1.2px; padding:0 0 8px 0;} #notificationDx .personalLx .pTxt strong {display:inline-block; font-size:40px; color:#000; line-height:1.2; letter-spacing:-2px; font-weight:normal;} #notificationDx .personalLx .pFImg {width:100%; text-align:center; padding:30px 0;} #notificationDx .personalLx .pFImg img {width:260px;} #notificationDx .personalLx .pList {width:100%; overflow:hidden; margin-top: 140px} #notificationDx .personalLx .pList ul:after {content:""; display:block; clear:both;} #notificationDx .personalLx .pList ul li {margin:0 0 8px 0;} #notificationDx .personalLx .pList ul li:last-child {margin:0;} #notificationDx .personalLx .pList p {font-size:18px; color:#999; line-height:1.2; letter-spacing:-0.8px; padding:15px 0 0 15px;} #notificationDx .personalLx .pBtn {width:100%; padding:50px 0 0 0; overflow:hidden;} #notificationDx .personalLx .pSearch {position:relative; width:100%; overflow:hidden; margin:120px 0 30px 0;} #notificationDx .personalLx .pSearch input {height:74px; line-height:74px; background:#f9f9f9; padding-right:80px;} #notificationDx .personalLx .pSearch button {position:absolute; right:20px; top:50%; margin:-22px 0 0 0; width:45px; height:45px; background-size:45px auto; background-position:left top; background-repeat:no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5z'/%3E%3C/svg%3E%0A");} #notificationDx .personalLx .pResult {width:100%; overflow:hidden;} #notificationDx .personalLx .pResult p {font-size:28px; color:#666; line-height:1.2; letter-spacing:-1.2px; font-weight:300; text-align:center; padding:0 0 32px 0;} #notificationDx .personalLx .pResult ul:after {content:""; display:block; clear:both;} #notificationDx .personalLx .pResult ul li {border-bottom:1px #bfbfbf solid;} #notificationDx .personalLx .pResult ul li a {display:block; font-size:26px; color:#333; line-height:1.2; letter-spacing:-1.2px; font-weight:300; padding:18px 0 7px 0; background-repeat:no-repeat; background-size:32px auto; background-position:right top 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z'/%3E%3C/svg%3E");} #notificationDx .personalLx .pCode {width:100%; overflow:hidden; margin:70px 0 -25px 0;} #notificationDx .personalLx .pMember {position:relative; width:100%; padding:22px 0; overflow:hidden;} #notificationDx .personalLx .pMember p {font-size:20px; color:#7064E7; line-height:36px; letter-spacing:-1.2px;} #notificationDx .personalLx .pMember a {position:absolute; right:0; top:50%; margin:-18px 0 0 0;} #notificationDx .personalLx .pMember a span {font-size:24px; color:#000; line-height:36px; letter-spacing:-1.2px; font-weight:500; padding:0 30px 0 0; background-repeat:no-repeat; background-size:32px auto; background-position:right top 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z'/%3E%3C/svg%3E");} /* select */ select.normal {width:100%; height:60px; font-size:24px; color:#666; line-height:60px; font-weight:500; letter-spacing:-1px; padding:0 32px 0 12px; border:0; border:1px #e0e0e0 solid; border-radius:10px; background:url('../images/bg/bg_select_style.png') right 13px top 50% no-repeat; background-size:14px auto; filter:alpha(opacity=0); -webkit-appearance:none; -moz-appearance:none; appearance:none; box-sizing:border-box;} select.normal::-ms-expand {display:none; /* for IE 11 */ } /* 로그인 후 메뉴 */ #notificationDx .loginLx {position:relative; width:100%; height:210px; padding:54px 40px 0; overflow:hidden;} #notificationDx .loginLx a {position:absolute; right:32px; top:18px; display:inline-block; width:50px; height:50px; background-size:54px auto; background-position:50%; background-repeat:no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%237d73f6'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");} #notificationDx .loginLx span {display:block; font-size:36px; color:#666; line-height:1.2; letter-spacing:-2.4px;} #notificationDx .loginLx strong {display:inline-block; font-size:36px; color:#7064E7; line-height:1.2; letter-spacing:-2.4px;} #notificationDx .on .loginLx {height:150px;} #notificationDx .on .loginLx a {right:32px; background-size:48px auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z'/%3E%3C/svg%3E");} #notificationDx .loginLxList {display:none; width:100%; padding:40px; overflow-y:auto;} #notificationDx .loginLxList ul {border-top:1px #dadada solid;} #notificationDx .loginLxList ul:after {content:""; display:block; clear:both;} #notificationDx .loginLxList ul li {display:block; width:100%; height:152px; border-bottom:1px #dadada solid; background-size:32px auto; background-position:right 30px top 50%; background-repeat:no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z'/%3E%3C/svg%3E");} #notificationDx .loginLxList ul li a {display:block; position:relative; height:100%; padding:0 40px; background-position:left 40px top 50%; background-repeat:no-repeat;} #notificationDx .loginLxList ul li .lott {font-size:26px; color:#666; line-height:1.2; font-weight:500; letter-spacing:-1.5px; padding:28px 0 6px 120px;} #notificationDx .loginLxList ul li .lotx span {display:block; font-size:18px; color:#666; line-height:28px; font-weight:300; letter-spacing:-1.1px; padding:0 0 0 120px;} #notificationDx .loginLxList ul li.nth01 a {background-size:65px auto; background-image: url("data:image/svg+xml,%3Csvg id='Icons' height='512' viewBox='0 0 60 60' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m23.12 28.972 1.451.342a7.172 7.172 0 0 1 5.388 4.618 18.347 18.347 0 0 1 1.041 6.068 2 2 0 0 1 -2 2h-26a2 2 0 0 1 -2-2 18.347 18.347 0 0 1 1.041-6.068 7.172 7.172 0 0 1 5.388-4.618l1.451-.342z' fill='%23203135'/%3E%3Cpath d='m21 42h-10c-3.21-3.96-3.2-9.58-2.84-12.86l.72-.17h14.24l.72.17c.36 3.28.37 8.9-2.84 12.86z' fill='%2330454d'/%3E%3Cpath d='m23.12 28.97-3.5 3.84a1.4 1.4 0 0 1 -2.11-.03l-1.51-1.78-1.51 1.78a1.4 1.4 0 0 1 -2.11.03l-3.5-3.84 4.12-.97h6z' fill='%23e2eff7'/%3E%3Cpath d='m13 26.1v1.9l3 3 3-3v-1.9z' fill='%23d7aa91'/%3E%3Cpath d='m13.63 33.26 1.37 2.74h2l1.37-2.74-2.37-2.26z' fill='%23eb6374'/%3E%3Cpath d='m19 42-2-6h-2l-2 6z' fill='%23c74c5e'/%3E%3Cpath d='m6 17v-6a10 10 0 0 1 10-10 10 10 0 0 1 10 10v6z' fill='%23203135'/%3E%3Cpath d='m24 19a2 2 0 0 0 0-4v-1.18a1.991 1.991 0 0 0 -1.69-1.97 12.152 12.152 0 0 1 -5.52-2.16 1.305 1.305 0 0 0 -1.59.01 12.164 12.164 0 0 1 -5.51 2.15 1.991 1.991 0 0 0 -1.69 1.97v1.18a2 2 0 0 0 0 4 9.554 9.554 0 0 0 1 4c.84 1.63 5 4 7 4s6.16-2.37 7-4a9.554 9.554 0 0 0 1-4z' fill='%23e7bda0'/%3E%3Cpath d='m51.12 45.972 1.451.342a7.172 7.172 0 0 1 5.388 4.618 18.347 18.347 0 0 1 1.041 6.068 2 2 0 0 1 -2 2h-26a2 2 0 0 1 -2-2 18.347 18.347 0 0 1 1.041-6.068 7.172 7.172 0 0 1 5.388-4.618l1.451-.342z' fill='%23203135'/%3E%3Cpath d='m49 59h-10c-3.21-3.96-3.2-9.58-2.84-12.86l.72-.17h14.24l.72.17c.36 3.28.37 8.9-2.84 12.86z' fill='%2330454d'/%3E%3Cpath d='m51.12 45.97-3.5 3.84a1.4 1.4 0 0 1 -2.11-.03l-1.51-1.78-1.51 1.78a1.4 1.4 0 0 1 -2.11.03l-3.5-3.84 4.12-.97h6z' fill='%23e2eff7'/%3E%3Cpath d='m41 43.1v1.9l3 3 3-3v-1.9z' fill='%238f5c4a'/%3E%3Cpath d='m41.63 50.26 1.37 2.74h2l1.37-2.74-2.37-2.26z' fill='%23eb6374'/%3E%3Cpath d='m47 59-2-6h-2l-2 6z' fill='%23c74c5e'/%3E%3Cpath d='m34 34v-6a10 10 0 0 1 10-10 10 10 0 0 1 10 10v6z' fill='%2356423b'/%3E%3Cpath d='m52 36a2 2 0 0 0 0-4v-1.18a1.991 1.991 0 0 0 -1.69-1.97 12.152 12.152 0 0 1 -5.52-2.16 1.305 1.305 0 0 0 -1.59.01 12.164 12.164 0 0 1 -5.51 2.15 1.991 1.991 0 0 0 -1.69 1.97v1.18a2 2 0 0 0 0 4 9.554 9.554 0 0 0 1 4c.84 1.63 5 4 7 4s6.16-2.37 7-4a9.554 9.554 0 0 0 1-4z' fill='%23a6725c'/%3E%3Cg fill='%233b7ac8'%3E%3Cpath d='m17 50h-15a1 1 0 0 0 -1 1v4a1 1 0 0 0 1 1h15v1.99a.953.953 0 0 0 1.54.8l6.092-4.99a1.053 1.053 0 0 0 0-1.6l-6.092-4.989a.953.953 0 0 0 -1.54.8z'/%3E%3Cpath d='m43 4h15a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-15v1.99a.953.953 0 0 1 -1.54.8l-6.092-4.99a1.053 1.053 0 0 1 0-1.6l6.092-4.989a.953.953 0 0 1 1.54.8z'/%3E%3C/g%3E%3C/svg%3E");} #notificationDx .loginLxList ul li.nth02 a {background-size:65px auto; background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' enable-background='new 0 0 66 66' height='512' viewBox='0 0 66 66' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='m5.96 2.58h27.24l13.08 13.08v42.02c0 2.17-1.76 3.94-3.94 3.94h-36.38c-2.17 0-3.94-1.76-3.94-3.94v-51.16c0-2.18 1.76-3.94 3.94-3.94z' fill='%23e6e9ee'/%3E%3Cpath d='m37.13 15.67c-2.17 0-3.94-1.76-3.94-3.94v-9.15l13.08 13.08h-9.14z' fill='%23aab2bd'/%3E%3Cpath d='m21.71 13.41h-4.93v-4.92h-3.93v4.92h-4.92v3.94h4.92v4.92h3.93v-4.92h4.93z' fill='%23ff4823'/%3E%3Cg%3E%3Cpath d='m23.04 28.89h-15.11c-.55 0-1-.45-1-1s.45-1 1-1h15.11c.55 0 1 .45 1 1s-.45 1-1 1z' fill='%23aab2bd'/%3E%3C/g%3E%3Cg%3E%3Cpath d='m20.51 34.46h-12.59c-.55 0-1-.45-1-1s.45-1 1-1h12.58c.55 0 1 .45 1 1s-.44 1-.99 1z' fill='%23aab2bd'/%3E%3C/g%3E%3Cg%3E%3Cpath d='m19.99 40.02h-12.07c-.55 0-1-.45-1-1s.45-1 1-1h12.07c.55 0 1 .45 1 1s-.45 1-1 1z' fill='%23aab2bd'/%3E%3C/g%3E%3Cg%3E%3Cpath d='m21.31 45.59h-13.39c-.55 0-1-.45-1-1s.45-1 1-1h13.39c.55 0 1 .45 1 1s-.45 1-1 1z' fill='%23aab2bd'/%3E%3C/g%3E%3Cg%3E%3Cpath d='m25.04 51.15h-17.12c-.55 0-1-.45-1-1s.45-1 1-1h17.12c.55 0 1 .45 1 1s-.44 1-1 1z' fill='%23aab2bd'/%3E%3C/g%3E%3Cg%3E%3Cpath d='m34.4 56.72h-26.48c-.55 0-1-.45-1-1s.45-1 1-1h26.48c.55 0 1 .45 1 1s-.45 1-1 1z' fill='%23aab2bd'/%3E%3C/g%3E%3Ccircle cx='38.36' cy='37.83' fill='%23009aff' r='14.41'/%3E%3Ccircle cx='38.36' cy='37.83' fill='%23fec200' r='10.3'/%3E%3Cpath d='m62.69 55.91-6.55-6.55c-.7-.7-1.83-.7-2.53 0l-3.73 3.73c-.7.7-.7 1.83 0 2.53l6.42 6.42c1.63 1.63 4.28 1.9 6.06.43 2.05-1.7 2.15-4.73.33-6.56z' fill='%235d5b68'/%3E%3Cpath d='m62.36 59.44c-1.78 1.47-4.43 1.21-6.06-.43l-6.18-6.18-.24.24c-.7.7-.7 1.83 0 2.53l6.42 6.42c1.63 1.63 4.28 1.9 6.06.43 1.52-1.26 1.97-3.26 1.34-4.95-.25.73-.69 1.41-1.34 1.94z' opacity='.1'/%3E%3Cpath d='m48.55 48.02c-.5.5-1.03.93-1.57 1.34l3.31 3.31 2.91-2.91-3.31-3.31c-.41.55-.85 1.08-1.34 1.57z' fill='%233c3846'/%3E%3Cpath d='m36.44 42.67c-.4 0-.78-.16-1.06-.44l-2.84-2.84c-.59-.59-.59-1.54 0-2.12.59-.59 1.54-.59 2.12 0l1.78 1.78 5.61-5.61c.59-.59 1.54-.59 2.12 0s.59 1.54 0 2.12l-6.67 6.67c-.28.28-.66.44-1.06.44z' fill='%235d5b68'/%3E%3Cpath d='m6.02 17.3v-14.72h-.06c-2.17 0-3.94 1.76-3.94 3.94v51.17c0 2.17 1.76 3.94 3.94 3.94h36.38c2.17 0 3.94-1.76 3.94-3.94v-.07c-22.24-.04-40.26-18.08-40.26-40.32z' opacity='.1'/%3E%3Cpath d='m11.16 13.41h-3.23v3.94h4.92v4.92h3.94v-3.27c-2.52-1.08-4.54-3.09-5.63-5.59z' opacity='.1'/%3E%3Cpath d='m49.89 46.45c-.41.55-.84 1.08-1.34 1.57-.5.5-1.03.93-1.57 1.34l1.43 1.43c.54-.42 1.07-.86 1.56-1.36.49-.49.94-1.02 1.35-1.56z' opacity='.2'/%3E%3Cpath d='m33.61 42.58c-4.69-4.69-5.46-11.79-2.34-17.29-1.11.63-2.16 1.4-3.1 2.34-5.63 5.63-5.63 14.76 0 20.38s14.76 5.63 20.38 0c.94-.94 1.71-1.99 2.34-3.1-5.5 3.13-12.6 2.36-17.28-2.33z' opacity='.1'/%3E%3Cpath d='m48.55 27.64c-2.82-2.82-6.5-4.22-10.19-4.21-1.9 0-1.95 2.96-.04 2.99h.05c6.29 0 11.41 5.12 11.41 11.41v.05c.03 1.9 2.99 1.86 2.99-.04 0-3.69-1.4-7.38-4.22-10.2z' fill='%23fff' opacity='.4'/%3E%3C/g%3E%3C/svg%3E");} #notificationDx .loginLxList ul li.nth03 a {background-size:65px auto; background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cg%3E%3Crect fill='%23eff4f7' height='309.259' rx='8.417' width='414.919' x='71.154' y='34.845'/%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='m457.655 34.845h20c4.629 0 8.417 3.787 8.417 8.417v292.424c0 4.63-3.788 8.417-8.417 8.417h-20c4.629 0 8.417-3.787 8.417-8.417v-292.424c0-4.63-3.788-8.417-8.417-8.417z' fill='%23dee8ee'/%3E%3Cpath d='m304.259 200.76h32.455v32.454h-32.455zm83.747 74.512h32.455v32.454h-32.455zm-83.747 0h32.455v32.454h-32.455zm83.747-74.512h32.455v32.454h-32.455z' fill='%23fc685b'/%3E%3Cpath d='m304.259 200.76h32.455v32.454h-10v-22.454h-22.455zm83.747 74.512h32.455v32.454h-10v-22.454h-22.455zm-83.747 0h32.455v32.454h-10v-22.454h-22.455zm83.747-74.512h32.455v32.454h-10v-22.454h-22.455z' fill='%23fb4737'/%3E%3Cpath d='m220.512 200.76h32.454v32.454h-32.454zm-83.747-74.511h32.454v32.454h-32.454zm83.747 0h32.454v32.454h-32.454zm83.747 0h32.455v32.454h-32.455zm83.747 0h32.455v32.454h-32.455z' fill='%2364b5f6'/%3E%3Cpath d='m220.512 200.76h32.454v32.454h-10v-22.454h-22.454zm-83.747-74.511h32.454v32.454h-10v-22.454h-22.454zm83.747 0h32.454v32.454h-10v-22.454h-22.454zm83.747 0h32.455v32.454h-10v-22.454h-22.455zm83.747 0h32.455v32.454h-10v-22.454h-22.455z' fill='%2342a5f5'/%3E%3Cpath d='m71.154 88.201h414.919v-44.938c0-4.63-3.788-8.417-8.417-8.417h-398.085c-4.63 0-8.417 3.787-8.417 8.417z' fill='%23fc685b'/%3E%3Cpath d='m466.073 88.201h20v-44.938c0-4.63-3.788-8.417-8.417-8.417h-20c4.629 0 8.417 3.787 8.417 8.417z' fill='%23fb4737'/%3E%3Cpath d='m129.624 9c8.925 0 16.227 7.302 16.227 16.227v21.533c0 8.925-7.302 16.227-16.227 16.227s-16.227-7.302-16.227-16.227v-21.533c0-8.925 7.302-16.227 16.227-16.227zm297.978 0c8.925 0 16.227 7.302 16.227 16.227v21.533c0 8.925-7.302 16.227-16.227 16.227s-16.227-7.302-16.227-16.227v-21.533c0-8.925 7.302-16.227 16.227-16.227zm-99.325 0c8.925 0 16.227 7.302 16.227 16.227v21.533c0 8.925-7.302 16.227-16.227 16.227s-16.227-7.302-16.227-16.227v-21.533c0-8.925 7.302-16.227 16.227-16.227zm-99.327 0c8.925 0 16.227 7.302 16.227 16.227v21.533c0 8.925-7.302 16.227-16.227 16.227s-16.227-7.302-16.227-16.227v-21.533c0-8.925 7.302-16.227 16.227-16.227z' fill='%23ffda2d'/%3E%3Cpath d='m144.948 52.084c-2.216 6.331-8.261 10.903-15.324 10.903-8.925 0-16.227-7.302-16.227-16.227v-21.533c0-7.062 4.573-13.108 10.904-15.324-.585 1.67-.903 3.461-.903 5.324v21.533c0 8.925 7.302 16.227 16.227 16.227 1.863 0 3.654-.319 5.324-.903zm297.978 0c-2.216 6.331-8.261 10.903-15.324 10.903-8.925 0-16.227-7.302-16.227-16.227v-21.533c0-7.062 4.573-13.108 10.904-15.324-.585 1.67-.903 3.461-.903 5.324v21.533c0 8.925 7.302 16.227 16.227 16.227 1.863 0 3.654-.319 5.324-.903zm-99.326 0c-2.216 6.331-8.261 10.903-15.323 10.903-8.925 0-16.227-7.302-16.227-16.227v-21.533c0-7.062 4.573-13.108 10.904-15.324-.585 1.67-.903 3.461-.903 5.324v21.533c0 8.925 7.302 16.227 16.227 16.227 1.862 0 3.654-.319 5.323-.903zm-99.326 0c-2.216 6.331-8.261 10.903-15.324 10.903-8.925 0-16.227-7.302-16.227-16.227v-21.533c0-7.062 4.572-13.108 10.903-15.324-.585 1.67-.903 3.461-.903 5.324v21.533c0 8.925 7.302 16.227 16.227 16.227 1.863 0 3.654-.319 5.324-.903z' fill='%23ffc700'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='m238.962 417.63 18.422-19.686-37.229-37.23-19.741 18.369z' fill='%23b4d2d7'/%3E%3Cpath d='m238.962 417.63 18.423-19.686-.201-.2-10.308 11.015-37.767-37.766-8.695 8.09z' fill='%239bb9c3'/%3E%3Cpath d='m255.646 384.635-30.625 30.625c-.847.847-.847 2.231 0 3.077l77.712 77.712c9.269 9.269 24.435 9.268 33.702 0 9.269-9.269 9.269-24.433 0-33.702l-77.712-77.712c-.846-.847-2.23-.847-3.077 0z' fill='%238d9ca8'/%3E%3Cpath d='m230.793 409.488-5.772 5.772c-.847.847-.847 2.231 0 3.077l77.712 77.712c9.268 9.268 24.433 9.269 33.702 0 .986-.986 1.865-2.039 2.642-3.144-9.285 6.522-22.277 5.642-30.559-2.641l-77.712-77.712c-.842-.842-.846-2.216-.013-3.064z' fill='%237a8c98'/%3E%3Cpath d='m225.021 415.26c-.847.847-.847 2.231 0 3.077l20.166 20.166 33.703-33.702-20.166-20.166c-.846-.846-2.23-.846-3.077 0-10.208 10.208-20.417 20.417-30.625 30.625z' fill='%237a8c98'/%3E%3Cpath d='m225.021 415.26c-.847.847-.847 2.231 0 3.077l20.166 20.166 5.785-5.785-20.166-20.166c-.842-.842-.846-2.216-.013-3.064z' fill='%23596c76'/%3E%3C/g%3E%3Ccircle cx='138.781' cy='298.393' fill='%23465759' r='112.854' transform='matrix(.982 -.189 .189 .982 -53.924 31.629)'/%3E%3Cpath d='m205.804 207.595c27.8 20.555 45.831 53.569 45.831 90.798 0 62.328-50.526 112.854-112.854 112.854-31.836 0-60.588-13.187-81.105-34.391 18.743 13.859 41.925 22.057 67.024 22.057 62.328 0 112.854-50.526 112.854-112.854 0-30.492-12.098-58.154-31.75-78.463z' fill='%233e4d4f' fill-rule='evenodd'/%3E%3Cpath d='m138.781 383.562c46.909 0 85.167-38.259 85.167-85.168s-38.259-85.168-85.167-85.168-85.167 38.259-85.167 85.168 38.259 85.168 85.167 85.168z' fill='%23e6f8ff' fill-rule='evenodd'/%3E%3Cpath d='m138.781 213.226c26.288 0 49.791 11.913 65.414 30.632-14.774-12.331-33.787-19.753-54.536-19.753-47.037 0-85.168 38.131-85.168 85.168 0 20.749 7.423 39.762 19.753 54.536-18.719-15.623-30.632-39.126-30.632-65.414 0-47.037 38.131-85.168 85.168-85.168z' fill='%23cbf0ff' fill-rule='evenodd'/%3E%3Cpath d='m171.799 262.444c4.082-4.082 10.701-4.082 14.784 0 4.082 4.082 4.082 10.702 0 14.784l-57.114 57.114c-4.082 4.082-10.701 4.082-14.784 0-.445-.445-.841-.92-1.189-1.418l-23.312-29.337c-3.586-4.511-2.837-11.075 1.674-14.661s11.075-2.837 14.661 1.675l16.438 20.685z' fill='%2364b5f6' fill-rule='evenodd'/%3E%3Cpath d='m188.528 265.132c1.975 3.92 1.327 8.824-1.945 12.096l-57.114 57.114c-4.082 4.082-10.702 4.082-14.784 0-.445-.445-.841-.92-1.189-1.418l-23.312-29.336c-2.617-3.291-2.925-7.675-1.148-11.199.315.622.697 1.222 1.148 1.789l23.312 29.336c.348.498.744.973 1.189 1.418 4.082 4.082 10.701 4.082 14.784 0l57.114-57.114c.809-.809 1.457-1.718 1.945-2.687z' fill='%2342a5f5' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");} #notificationDx .loginLxList ul li.nth04 a {background-size:65px auto; background-image: url("data:image/svg+xml,%3Csvg id='Capa_1' enable-background='new 0 0 511.995 511.995' height='512' viewBox='0 0 511.995 511.995' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cg fill='%2323272b'%3E%3Cpath d='m177.084 431.728-21.213 21.213-48.408-48.409 2.592-18.62 18.621-2.593z'/%3E%3Cpath d='m315.013 293.799-21.214 21.214-48.408-48.409 3.771-17.442 17.442-3.771z'/%3E%3Cpath d='m452.941 155.871-21.213 21.213-48.409-48.408 1.886-19.328 19.327-1.885z'/%3E%3C/g%3E%3Cpath d='m347.073 333.313-14.899 14.899c-46.429 46.429-121.962 46.429-168.391 0l11.554-34.281 34.231-11.505c21.178 21.178 55.642 21.178 76.82 0l14.899-14.899c21.178-21.178 21.178-55.642 0-76.82l5.975-39.916 39.81-5.869c46.429 46.429 46.422 121.969.001 168.391z' fill='%2339a1f7'/%3E%3Cg%3E%3Cpath d='m216.793 197.563h30v68.46h-30z' fill='%23414952' transform='matrix(.707 -.707 .707 .707 -96.012 231.793)'/%3E%3C/g%3E%3Cg%3E%3Cpath d='m354.721 59.635h30v68.46h-30z' fill='%23414952' transform='matrix(.707 -.707 .707 .707 41.916 288.925)'/%3E%3C/g%3E%3Cg%3E%3Cpath d='m78.865 335.491h30v68.46h-30z' fill='%23414952' transform='matrix(.707 -.707 .707 .707 -233.94 174.661)'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg fill='%233bc4ff'%3E%3Cpath d='m347.073 164.922-45.785 45.785c-46.429-46.429-46.429-121.962 0-168.391l32.838-32.838c12.643-12.643 33.142-12.636 45.785.007s12.643 33.135 0 45.778l-32.838 32.838c-21.185 21.186-21.178 55.643 0 76.821z'/%3E%3Cpath d='m209.569 302.426-45.785 45.785c-21.178-21.178-55.642-21.178-76.82 0l-31.7 31.7c-12.643 12.643-33.135 12.643-45.778 0s-12.65-33.142-.007-45.785l31.7-31.7c46.428-46.429 121.961-46.429 168.39 0z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath d='m502.516 177.869-32.838 32.838c-46.429 46.429-121.962 46.429-168.391 0l5.602-37.421 40.184-8.364c21.178 21.178 55.635 21.185 76.82 0l32.838-32.838c12.643-12.643 33.135-12.643 45.778 0s12.65 33.142.007 45.785z' fill='%23de0062'/%3E%3Cpath d='m209.569 470.816-31.7 31.7c-12.643 12.643-33.142 12.636-45.785-.007s-12.643-33.135 0-45.778l31.7-31.7c21.178-21.178 21.178-55.642 0-76.82l9.436-32.163 36.349-13.623c46.428 46.43 46.428 121.963 0 168.391z' fill='%23de0062'/%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='m224.467 210.707-14.899 14.899c-21.178 21.178-21.178 55.642 0 76.82l-45.785 45.785c-46.429-46.429-46.429-121.962 0-168.391l14.899-14.899c46.421-46.421 121.962-46.429 168.39 0l-45.785 45.785c-21.177-21.177-55.642-21.177-76.82.001z' fill='%23f34'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");} #notificationDx .loginLxList ul li.nth05 a {background-size:65px auto; background-image: url("data:image/svg+xml,%3Csvg id='Capa_1' enable-background='new 0 0 512.5 512.5' height='512' viewBox='0 0 512.5 512.5' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='m275 15.25h-220c-22.091 0-40 17.909-40 40v377h300v-377c0-22.091-17.909-40-40-40z' fill='%23f9f9f9' stroke='%23f9f9f9' stroke-miterlimit='10'/%3E%3Cg%3E%3Cpath d='m315 55.25c0-22.091-17.909-40-40-40h-110v417h150z' fill='%23d8f1fb'/%3E%3C/g%3E%3Cpath d='m80.77 19.993 20 60c2.042 6.125 7.773 10.257 14.23 10.257h100c6.457 0 12.188-4.131 14.23-10.257l20-60z' fill='%2338336b'/%3E%3Cg%3E%3Cg%3E%3Cpath d='m165 19.993v70.257h50c6.457 0 12.188-4.131 14.23-10.257l20-60z' fill='%232e2654'/%3E%3C/g%3E%3C/g%3E%3Cpath d='m275 .25h-220c-30.327 0-55 24.673-55 55v402c0 30.327 24.673 55 55 55h220c30.327 0 55-24.673 55-55v-402c0-30.327-24.673-55-55-55zm-245 55c0-13.785 11.215-25 25-25h220c13.785 0 25 11.215 25 25v362h-270z' fill='%23524798'/%3E%3Cg%3E%3Cpath d='m275 .25h-110v30h110c13.785 0 25 11.215 25 25v362h-135v95h110c30.327 0 55-24.673 55-55v-402c0-30.327-24.673-55-55-55z' fill='%2338336b'/%3E%3C/g%3E%3Cpath d='m422 246.25v70c0 13.785-11.215 25-25 25h-192c-13.785 0-25-11.215-25-25v-40h-30v40c0 30.327 24.673 55 55 55h192c30.327 0 55-24.673 55-55v-70z' fill='%23ffc178'/%3E%3Cpath d='m437 261.25c-41.355 0-75-33.645-75-75s33.645-75 75-75 75 33.645 75 75-33.645 75-75 75z' fill='%23f9f9f9' stroke='%23f9f9f9' stroke-miterlimit='10'/%3E%3Cpath d='m437 111.25v150c41.355 0 75-33.645 75-75s-33.645-75-75-75z' fill='%23d8f1fb'/%3E%3Ccircle cx='437' cy='186.25' fill='%23d8f1fb' r='45'/%3E%3Cpath d='m437 141.25v90c24.813 0 45-20.187 45-45s-20.187-45-45-45z' fill='%23b1d5f1'/%3E%3Ccircle cx='437' cy='186.25' fill='%23acceff' r='15'/%3E%3Cpath d='m165 291.25c-52.383 0-95-42.617-95-95v-60c0-8.284 6.716-15 15-15h30c8.284 0 15 6.716 15 15s-6.716 15-15 15h-15v45c0 35.841 29.159 65 65 65s65-29.159 65-65v-45h-15c-8.284 0-15-6.716-15-15s6.716-15 15-15h30c8.284 0 15 6.716 15 15v60c0 52.383-42.617 95-95 95z' fill='%23989dec'/%3E%3Cpath d='m260 196.25v-60c0-8.284-6.716-15-15-15h-30c-8.284 0-15 6.716-15 15s6.716 15 15 15h15v45c0 35.841-29.159 65-65 65v30c52.383 0 95-42.617 95-95z' fill='%236e75e2'/%3E%3Cpath d='m437 171.25v30c8.284 0 15-6.716 15-15s-6.716-15-15-15z' fill='%23989dec'/%3E%3C/g%3E%3C/svg%3E");} #notificationDx .loginLxList ul li.nth06 a {background-size:65px auto; background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' enable-background='new 0 0 512 512' height='512' viewBox='0 0 512 512' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m490.584 468.217h-295.068c-11.828 0-21.416-9.588-21.416-21.416v-381.602c0-11.828 9.588-21.416 21.416-21.416h295.068c11.828 0 21.416 9.588 21.416 21.416v381.603c0 11.827-9.588 21.415-21.416 21.415z' fill='%23fbf2df'/%3E%3Cpath d='m490.584 43.783h-30.905c11.828 0 21.416 9.588 21.416 21.416v381.603c0 11.828-9.588 21.416-21.416 21.416h30.905c11.828 0 21.416-9.588 21.416-21.416v-381.603c0-11.828-9.588-21.416-21.416-21.416z' fill='%23f2e5ce'/%3E%3Cellipse cx='276.153' cy='187.76' fill='%23e8916f' rx='25.755' ry='32.966'/%3E%3Cellipse cx='28.91' cy='187.76' fill='%23e8916f' rx='25.755' ry='32.966'/%3E%3Cpath d='m123.622 297.77h61.811v103.018h-61.811z' fill='%23e8916f'/%3E%3Cpath d='m43.268 203.533v-82.635c0-57.951 46.979-104.93 104.93-104.93h12.659c57.951 0 104.93 46.979 104.93 104.93v82.635c0 61.407-49.78 111.187-111.187 111.187h-.145c-61.407 0-111.187-49.78-111.187-111.187z' fill='%23ebad88'/%3E%3Cpath d='m160.856 15.968h-12.658c-3.075 0-6.116.14-9.123.399 53.678 4.624 95.807 49.654 95.807 104.531v82.635c0 56.187-41.68 102.632-95.807 110.123 5.028.696 10.161 1.064 15.38 1.064h.145c61.407 0 111.187-49.78 111.187-111.187v-82.635c0-57.951-46.979-104.93-104.931-104.93z' fill='%23e8916f'/%3E%3Cpath d='m94.777 357.473h119.501c52.344 0 94.777 42.433 94.777 94.777v53.569c0 3.414-2.767 6.181-6.181 6.181h-296.693c-3.414 0-6.181-2.767-6.181-6.181v-53.569c0-52.344 42.433-94.777 94.777-94.777z' fill='%2326c6da'/%3E%3Cpath d='m214.278 357.473h-30.905c52.344 0 94.777 42.433 94.777 94.777v59.75h24.724c3.414 0 6.181-2.767 6.181-6.181v-53.569c-.001-52.344-42.434-94.777-94.777-94.777z' fill='%2300bcd4'/%3E%3Cpath d='m122.485 339.422-20.019 16.68c-.899.749-.994 2.094-.211 2.963l28.621 31.73c.92 1.02 2.562.871 3.284-.298l20.369-33.022-29.645-18.224c-.755-.465-1.72-.396-2.399.171z' fill='%23fbf2df'/%3E%3Cpath d='m186.57 339.422 20.019 16.68c.899.749.994 2.094.211 2.963l-28.621 31.73c-.92 1.02-2.562.871-3.284-.298l-20.369-33.022 29.645-18.224c.754-.465 1.719-.396 2.399.171z' fill='%23fbf2df'/%3E%3Cpath d='m216.371 64.588c-3.536-3.217-9.176-1.265-10.085 3.429-3.128 16.151-18.072 43.212-84.544 33.506-38.674-5.647-75.194 32.924-78.266 64.967-.094.977-1.394 1.249-1.86.385-1.873-3.474-5.634-8.543-12.707-12.081 0 0-12.721-44.684-4.157-83.306 7.885-35.551 54.588-71.488 125.616-71.488 36.995 0 52.333 9.145 58.113 14.438 2.435 2.23 5.511 3.641 8.803 3.893 15.26 1.165 56.591 8.29 65.519 51.101 7.396 35.461-3.639 56.201-6.651 85.363-4.762 3.567-8.119 10.506-9.567 13.944-.331.785-1.423.82-1.806.06-4.075-8.089-19.311-39.438-23.277-63.576-2.897-17.639-15.92-32.254-25.131-40.635z' fill='%237d4d3d'/%3E%3Cpath d='m282.803 69.432c-8.928-42.811-50.258-49.936-65.518-51.101-3.293-.251-6.37-1.665-8.806-3.895-5.782-5.294-21.121-14.436-58.111-14.436-5.265 0-10.379.22-15.371.6 25.934 2.116 37.684 9.355 42.578 13.837 2.436 2.231 5.513 3.643 8.806 3.894 15.261 1.165 56.589 8.291 65.517 51.101 5.372 25.757 1.02 43.749-2.918 62.842 5.895 16.397 13.168 31.298 15.798 36.52.383.761 1.477.729 1.808-.056 1.448-3.438 4.805-10.377 9.567-13.943 3.011-29.162 14.046-49.902 6.65-85.363z' fill='%23704537'/%3E%3Ccircle cx='154.527' cy='444.36' fill='%23fbf2df' r='16.483'/%3E%3Cg fill='%23f76c57'%3E%3Cpath d='m363.139 263.5h103.019c4.143 0 7.5-3.357 7.5-7.5s-3.357-7.5-7.5-7.5h-103.019c-4.143 0-7.5 3.357-7.5 7.5s3.357 7.5 7.5 7.5z'/%3E%3Cpath d='m466.157 289.707h-103.018c-4.143 0-7.5 3.357-7.5 7.5s3.357 7.5 7.5 7.5h103.019c4.143 0 7.5-3.357 7.5-7.5s-3.358-7.5-7.501-7.5z'/%3E%3Cpath d='m466.157 330.914h-103.018c-4.143 0-7.5 3.357-7.5 7.5s3.357 7.5 7.5 7.5h103.019c4.143 0 7.5-3.357 7.5-7.5s-3.358-7.5-7.501-7.5z'/%3E%3Cpath d='m466.157 372.122h-103.018c-4.143 0-7.5 3.357-7.5 7.5s3.357 7.5 7.5 7.5h103.019c4.143 0 7.5-3.357 7.5-7.5s-3.358-7.5-7.501-7.5z'/%3E%3Cpath d='m466.157 413.329h-103.018c-4.143 0-7.5 3.357-7.5 7.5s3.357 7.5 7.5 7.5h103.019c4.143 0 7.5-3.357 7.5-7.5s-3.358-7.5-7.501-7.5z'/%3E%3Cpath d='m459.198 196.249h-89.101c-3.843 0-6.959-3.116-6.959-6.959v-97.341c0-3.843 3.116-6.959 6.959-6.959h89.101c3.843 0 6.959 3.116 6.959 6.959v97.342c0 3.843-3.116 6.958-6.959 6.958z'/%3E%3C/g%3E%3C/svg%3E");} /* 검진대상자 추가 */ #notificationDx .normalBx {position:relative; width:100%; height:94px; padding:54px 40px 0; overflow:hidden;} #notificationDx .normalBx a.backDx {position:absolute; left:20px; top:22px; display:inline-block; width:50px; height:50px; background-size:42px auto; background-position:50%; background-repeat:no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cpath d='M16.2 6.4 14.8 5l-5.6 5.6L7.8 12l1.4 1.4 5.6 5.6 1.4-1.4-5.6-5.6 5.6-5.6z'/%3E%3C/svg%3E");} #notificationDx .normalBx a.openDx {position:absolute; right:32px; top:22px; display:inline-block; width:50px; height:50px; background-size:54px auto; background-position:50%; background-repeat:no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%237d73f6'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");} #notificationDx .normalBx .stitle {position:absolute; left:50%; top:24px; width:70%; margin:0 0 0 -35%; text-align:center; font-size:30px; color:#333; line-height:1.2; font-weight:600; letter-spacing:-1.5px;} #notificationDx .on .normalBx {height:60px;} #notificationDx .on .normalBx a.openDx {right:32px; background-size:48px auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z'/%3E%3C/svg%3E");} .aFormList {width:100%; padding:118px 0 50px; overflow-y:auto;} .aFormList.notiCss {display:none; padding:34px 40px 30px;} .aFormList .aTit {font-size:28px; color:#7064E7; line-height:1.2; font-weight:600; letter-spacing:-1.5px;} .aFormList .aList {width:100%; overflow:hidden;} .aFormList .aList ul:after {content:""; display:block; clear:both;} .aFormList .aList > ul > li {display:block;} .aFormList .aList > ul > li .atx {display:block; font-size:22px; color:#666; line-height:1.2; font-weight:600; letter-spacing:-1px; padding:30px 0 14px 0;} .aFormList .aList > ul > li .halfType:after {content:""; display:block; clear:both;} .aFormList .aList > ul > li .halfType ul {width:100%; display:flex; justify-content:space-between;} .aFormList .aList > ul > li .halfType ul li {width:50%; flex:1; padding:0 8px;} .aFormList .aList > ul > li .halfType ul li:nth-child(1) {padding-left:0;} .aFormList .aList > ul > li .halfType ul li:nth-child(2) {padding-right:0;} .aFormList .aList > ul > li .phoneType:after {content:""; display:block; clear:both;} .aFormList .aList > ul > li .phoneType ul {width:100%; display:flex; justify-content:space-between;} .aFormList .aList > ul > li .phoneType ul li {width:33.33%; flex:1; padding:0 8px;} .aFormList .aList > ul > li .phoneType ul li:nth-child(1) {padding-left:0;} .aFormList .aList > ul > li .phoneType ul li:nth-child(3) {padding-right:0;} .aFormList .aList > ul > li .addrType:after {content:""; display:block; clear:both;} .aFormList .aList > ul > li .addrType ul {width:100%;} .aFormList .aList > ul > li .addrType ul li {position:relative; display:block; margin:0 0 10px 0;} .aFormList .aList > ul > li .addrType ul li:nth-child(1) {padding:0 150px 0 0;} .aFormList .aList > ul > li .addrType ul li:nth-child(1) input {border-radius:10px 0 0 10px;} .aFormList .aList > ul > li .addrType ul li:nth-child(1) button {position:absolute; right:0; top:0; width:151px; height:60px; text-align:center; background:#7064E7; border-radius:0 10px 10px 0;} .aFormList .aList > ul > li .addrType ul li:nth-child(1) button span {display:inline-block; font-size:24px; color:#fff; font-weight:300; letter-spacing:-0.8px; line-height:60px;} .aFormList .aList > ul > li .addrType ul li:nth-child(2) {margin:0;} .aFormList .aList > ul > li .passType ul li {display:block; margin:0 0 10px 0;} .aFormList .aList > ul > li .passType ul li:last-child {margin:0;} .aFormList .aList > ul > li .passType p {padding:20px 0 0 0; font-size:20px; color:#000; letter-spacing:-0.8px; line-height:1.2;} .aFormList .aList > ul > li .passType p span {font-size:20px; color:#7064E7; font-weight:600;} .aFormList .aBtn {width:100%; padding:50px 0 0 0; overflow:hidden;} .aFormList .addTxt {width:100%; font-size:18px; color:#8B80F8; line-height:1.2; font-weight:400; padding:5px 0 2.aFormList .addTxt0px 0; overflow:hidden;} .aFormList .aPass {position:relative; width:100%; padding-top:20px; overflow:hidden;} .aFormList .aPass p {font-size:20px; color:#999; line-height:36px; letter-spacing:-1.2px;} .aFormList .aPass a {position:absolute; right:0; top:50%; margin:-10px 0 0 0;} .aFormList .aPass a span {font-size:24px; color:#000; line-height:36px; letter-spacing:-1.2px; font-weight:500; padding:0 30px 0 0; background-repeat:no-repeat; background-size:32px auto; background-position:right top 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z'/%3E%3C/svg%3E");} .aFormList.loginT {display:block; width:100%; padding:0; overflow-y:hidden;}/* 회원사 검진 */ /* 직무스트레스 검사 */ .bigTitle {font-size: 28px; font-weight: 600; margin-bottom: 20px; color:#F6BB54; margin-top: 20px} .wFormWrap {background:#F5F5F5; padding:20px 20px; border-radius:15px;} .wFormWrap.inq {padding:0 0 5px 0;} .wFormWrap:after {content:""; display:block; clear:both;} .wFormWrap .nameT {font-size:1.666rem; color:#000; line-height:1.2; font-weight:600;} .wFormWrap .stressSMtitle {font-size:24px; color:#ffffff; line-height:2; font-weight:600; height:100px;margin-top:5px;margin-bottom:10px;background:#6688e2;width:100px;text-align: center; border-radius:50px;line-height : 100px;margin: auto;} .wFormWrap .space {font-size:1.266rem; color:#ffffff; margin-top:5px;margin-bottom:10px;} .wFormWrap .stressContenttitle {font-size:22px; color:#ffffff; line-height:50px; font-weight:600;text-align:center;width:150px;height:50px;border-radius:0 25px 25px 0;background:#F6BB54;margin-top:50px;padding:0 20px;margin-left: -20px;} .wFormWrap .stressContenttitle:first-child {margin-top:10px;} .wFormWrap .stressContent {font-size:22px; color:#666666; line-height:1.6; font-weight:500;padding-top: 15px;} .wFormWrap .chooseAnswer {font-size:18px;padding-left: 25px;} .wFormWrap .wt {font-size:22px; color:#666; line-height:1.2; font-weight:600; padding:30px 0 14px 0;} .wFormWrap .wForm {position:relative; width:100%; overflow:hidden;} .wFormWrap .wForm .chkArea {margin-top: 5px;padding-left:20px;margin-bottom: 12px;} .wFormWrap .wForm .chkArea:last-child {margin-top: 5px; margin-bottom: 15px;padding-left:20px;} .wFormWrap .wForm input {line-height:36px; color:#666; margin-bottom:5px;} .wFormWrap .wForm .divide:after {content:""; display:block; clear:both;} .wFormWrap .wForm .divide ul:after {content:""; display:block; clear:both;} .wFormWrap .wForm .divide ul li {position:relative; display:block; margin:0 0 5px 0; box-sizing:border-box;} .wFormWrap .wForm .divide ul li:last-child {margin:0;} .wFormWrap .wForm .divide ul li.search {padding:0 80px 0 0; } .wFormWrap .wForm .divide ul li.search input {border-radius:3px 0 0 3px;} .wFormWrap .wForm .divide ul li.search a {position:absolute; right:0; top:0; display:inline-block; width:80px; height:38px; border-radius:0 3px 3px 0; background:#ccc; text-align:center;} .wFormWrap .wForm .divide ul li.search a span {display:inline-block; width:100%; font-size:1.333rem; color:#666; line-height:36px;} .wFormWrap .wForm .divideThree:after {content:""; display:block; clear:both;} .wFormWrap .wForm .divideThree ul {margin:0 -3% 0 0;} .wFormWrap .wForm .divideThree ul:after {content:""; display:block; clear:both;} .wFormWrap .wForm .divideThree ul li {float:left; width:30.333%; margin:0 3% 0 0;} .wFormWrap .wForm .addTxt {width:100%; font-size:1.1em; color:#000; line-height:1.2; font-weight:500; padding:25px 0 0 0; text-align:center; overflow:hidden;} .wFormWrap .wForm textarea {width:100%; height:140px; font-size:1.333rem; color:#666; line-height:1.2; font-weight:500; padding:10px; border:1px #e4e4e4 solid; border-radius:10px; box-sizing:border-box; overflow-y:auto;} /* checkbox, radio */ label {display:inline-block; font-size:14px; color:#666; font-weight:normal; line-height:15px; padding:0 0 0 20px; word-break:keep-all;} .checkbox {position:relative; display:inline-block;} .checkbox input + label::before {position:absolute; left:0; top:50%; content:''; width:20px; height:20px; margin:-10px 0 0 0; background:url('../images/bg/bg_check.png') left top no-repeat; background-size:20px auto;} .checkbox input:checked + label::before {background:url('../images/bg/bg_check_on.png') left top no-repeat; background-size:20px auto;} .radio {position:relative; display:inline-block;} .radio input + label::before {position:absolute; left:0; top:50%; content:''; width:15px; height:15px; margin:-8px 0 0 0; background:url('../images/bg/bg_radio.png') left 50% no-repeat; background-size:15px auto;} .radio input:checked + label::before {background:url('../images/bg/bg_radio_on.png') left 50% no-repeat; background-size:15px auto;} .radio * {vertical-align:top;} /* 건강검진자 예약자 선택 */ .mInfoList {width:100%; padding:90px 0 0 0; overflow-y:auto;} .mInfoList.notiCss {display:none; padding:0 40px;} .mInfoList .mLogo {width:204px; margin:34px auto 50px; overflow:hidden;} .mInfoList .mLogo img {width:100%;} .mInfoList .mPeriod {width:100%; overflow:hidden;} .mInfoList .mPeriod ul {width:100%; text-align:center; overflow:hidden;} .mInfoList .mPeriod ul li {display:block; margin:0 0 14px 0; font-size:0; line-height:0;} .mInfoList .mPeriod ul li * {vertical-align:top;} .mInfoList .mPeriod ul li strong {position:relative; display:inline-block; width:100px; font-size:18px; color:#ffffff; line-height:30px; letter-spacing:-1.4px; background-color: #7064E7; padding: 5px 0; border-radius: 20px;} .mInfoList .mPeriod ul li span {position:relative; display:inline-block; width:305px; font-size:23px; color:#666; line-height:30px; letter-spacing:0px; text-align:left; padding:5px 0 0 16px; transform:translateY(-1px);} .mInfoList .mSelector {width:100%; padding:50px 0 0 0; overflow:hidden;} .mInfoList .mSelector .mTit {font-size:25px; color:#7064E7; line-height:30px; letter-spacing:-1.4px; text-align:center; padding:0 0 35px 0;} .mInfoList .mAddPeo {width:100%; text-align:center; margin:22px 0 40px 0;} .mInfoList .mAddPeo span {display:block; font-size:18px; color:#606060; line-height:1.2; letter-spacing:-1.4px; font-weight:500; padding:42px 0 0 0; background-size:34px auto; background-position:left 50% top; background-repeat:no-repeat; background-image: url("data:image/svg+xml,%3Csvg height='512' viewBox='0 0 32 32' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3ClinearGradient id='wcjx9scpwa' gradientUnits='userSpaceOnUse' x1='7.327' x2='24.672' y1='29.43' y2='2.571'%3E%3Cstop offset='.006' stop-color='%237d73f6'/%3E%3Cstop offset='1' stop-color='%237d73f6'/%3E%3C/linearGradient%3E%3Cpath d='M16 .01C7.182.01.01 7.182.01 16S7.182 31.99 16 31.99 31.99 24.818 31.99 16 24.818.01 16 .01zm6.445 17.051H17.068v5.328a1.065 1.065 0 0 1-2.131 0v-5.328H9.609a1.066 1.066 0 0 1-.047-2.133H14.939V9.6a1.066 1.066 0 0 1 2.131-.043v5.371h5.328a1.066 1.066 0 1 1 .047 2.133z' fill='url(%23wcjx9scpwa)'/%3E%3C/svg%3E%0A");} .mInfoList .mPass {width:100%; text-align:center; overflow:hidden;} .mInfoList .mPass p {font-size:22px; color:#000; line-height:1.2; letter-spacing:-1.4px; padding:20px 0 30px 0;} .mInfoList .mPass input {height:70px; line-height:70px;} .mInfoList .mBtn {width:100%; margin:40px 0; overflow:hidden;} /* 알림 */ .mInfoList .mNotiMx {position:relative; width:100%; padding:35px 0 0 0; overflow:hidden;} .mInfoList .mNotiMx:after {content:''; position:absolute; left:50%; top:0; margin:0 0 0 -35px; width:70px; height:70px; background:url('../images/new/img_m_notice_bell.png') left top no-repeat; background-size:70px;} .mInfoList .mNotiMx .mInner {width:100%; padding:40px 25px 25px; border-radius:15px; overflow:hidden; background-color: #E4DFFF;} .mInfoList .mNotiMx .mInner p {font-size:22px; color:#000; line-height:1.2; letter-spacing:-1px;} /* 비밀번호 변경 */ .passwLx {width:100%; padding:80px 0 0; overflow-y:auto} .passwLx.notiCss {display:none; padding:0 40px;} .passwLx .passwTxt {display:block; padding:42px 0 0 0;} .passwLx .passwTxt span {display:block; font-size:23px; color:#000; line-height:1.2; letter-spacing:-1.2px; padding:0 0 8px 0;text-align: center;} .passwLx .passwTxt strong {display:inline-block; font-size:40px; color:#7064E7; line-height:1.2; letter-spacing:-2px; font-weight:600;} .passwLx .passwNoti {width:100%; padding:20px; overflow:hidden;margin:20px 0; border-radius: 20px; background-color: #F5F5F5;} .passwLx .passwNoti p {font-size:22px; color:#000; line-height:1.4; letter-spacing:-1.2px;} .passwLx .passwNoti p strong {font-size:22px; color:#e6218c; line-height:1.4; font-weight:600;} .passwLx .passwImg {width:300px; margin:0 auto;} .passwLx .passwImg img {width:100%;} .passwLx .passwList {width:100%; margin:32px 0 0 0; overflow:hidden;} .passwLx .passwList ul:after {content:""; display:block; clear:both;} .passwLx .passwList ul li {display:block; margin:0 0 8px 0;} .passwLx .passwList ul li:last-child {margin:0;} .passwLx .pBtn {width:100%; margin:80px 0 40px 0; overflow:hidden;} .passwLx .pBtn ul:after {content:""; display:block; clear:both;} .passwLx .pBtn ul li {float:left; width:50%;} .passwLx .pBtn ul li:nth-child(1) button {border-radius:10px 0 0 10px;} .passwLx .pBtn ul li:nth-child(2) button {border-radius:0 10px 10px 0;} /* side */ .subDx {position:relative; width:100%; min-height:100vh; background:#fff;} .subDx .fxSide {padding:0;} /* side */ .sideDx {position:fixed; right:-100%; top:0; width:100%; height:100vh; background:#fff; z-index:99;} .sideDx .fxSide {padding:0;} .sideDx .normalBx {position:relative; width:100%; height:96px; padding:62px 0 0 0; overflow:hidden;} .sideDx .normalBx a.backDx {position:absolute; left:20px; top:22px; display:inline-block; width:50px; height:50px; background-size:42px auto; background-position:50%; background-repeat:no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cpath d='M16.2 6.4 14.8 5l-5.6 5.6L7.8 12l1.4 1.4 5.6 5.6 1.4-1.4-5.6-5.6 5.6-5.6z'/%3E%3C/svg%3E");} .sideDx .normalBx .stitle {position:absolute; left:50%; top:28px; width:70%; margin:0 0 0 -35%; text-align:center; font-size:30px; color:#333; line-height:1.2; font-weight:600; letter-spacing:-1.5px;} .sideDx .layInBx {max-width:800px; margin:0 auto;} .sideDx .innerScoll {padding:0 38px; overflow-y:auto;} /* 이용약관 */ .guideWrap {width:100%; margin:70px 0 0 0;} .guideWrap .tt {font-size:20px; color:#333; line-height:1.4; letter-spacing:-1px; font-weight:800;} .guideWrap .tx {font-size:20px; color:#333; line-height:1.4; letter-spacing:-1px; padding:0 0 34px 0;} .guideWrap .tx strong {font-size:20px; color:#333; line-height:1.4; letter-spacing:-1px; font-weight:500;} /* 이웃하라 */ .nerDxWrap {width:100%; padding:22px 0 50px 0; overflow-x:hidden;} .nerDxWrap .nDxTop {position:relative;width:100%;} .nerDxWrap .nDxTop .tBx {position:relative; width:100%; height:274px; background:#fcac30; border-radius:30px;} .nerDxWrap .nDxTop .tBx:after {content:""; display:block; clear:both;} .nerDxWrap .nDxTop .tBx .txt {position:absolute; left:33px; top:32px;} .nerDxWrap .nDxTop .tBx .txt p {font-size:26px; color:#fff; line-height:1.3; letter-spacing:-0.75px;} .nerDxWrap .nDxTop .tBx .txt p span {display:block; font-size:26px; line-height:1.3; letter-spacing:-0.75px;} .nerDxWrap .nDxTop .tBx .img {position:absolute; right:0; bottom:0;} .nerDxWrap .nDxTop .tBx .img img {width:304px;} .nerDxWrap .nDxTop .tBx .logo {position:absolute; left:30px; bottom:30px; width:144px; height:46px; background:url('../images/new/bg_main_neighbor_banner.png') left top no-repeat; background-size:144px auto;} .nerDxWrap .nDxMid {width:100%; overflow:hidden;} .nerDxWrap .nDxMid .ntt {font-size:24px; color:#fcac30; line-height:1.4; font-weight:500; letter-spacing:-1px; word-break:keep-all; padding:16px 0 65px;} .nerDxWrap .nDxMid .ntt span {font-size:24px; color:#000; line-height:1.4; font-weight:600; letter-spacing:-1px;} .nerDxWrap .nDxMid .nList {width:100%; overflow:hidden;} .nerDxWrap .nDxMid .nList ul {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px 8px;} .nerDxWrap .nDxMid .nList ul li {position:relative; flex-basis: calc(50% - 4px); height:130px; background:#efefef; border-radius:20px; overflow:hidden;} .nerDxWrap .nDxMid .nList ul li strong {position:absolute; left:34px; top:32px; font-size:22px; color:#666; line-height:1.2; letter-spacing:-1px; font-weight:500; z-index:2;} .nerDxWrap .nDxMid .nList ul li .img {position:absolute; right:0; bottom:0; height:100%; z-index:1;} .nerDxWrap .nDxMid .nList ul li .img img {height:100%;} .nerDxWrap .nDxBom {width:100%; padding:65px 0 0 0; overflow:hidden;} .nerDxWrap .nDxBom .rTit {font-size:24px; color:#333; line-height:1.4; font-weight:600; letter-spacing:-1px; padding:0 0 23px 0;} .nerDxWrap .nDxBom .rTxt {font-size:20px; color:#333; line-height:1.4; letter-spacing:-0.8px; padding:0 0 35px 0;} .nerDxWrap .nDxBom .rTxt strong {font-size:20px; color:#333; line-height:1.4; letter-spacing:-0.8px; font-weight:600;} .nerDxWrap .nDxBom .rCode {position:relative; width:100%; height:170px; border-radius:30px; background:#f3f3f3; text-align:center; overflow:hidden; cursor:pointer;} .nerDxWrap .nDxBom .rCode strong {display:inline-block; font-size:44px; color:#333; line-height:170px; font-weight:500; padding:0 40px; background-size:30px auto; background-position:right top 50px; background-repeat:no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='699.428' height='699.428' viewBox='0 0 699.428 699.428' style='enable-background:new 0 0 699.428 699.428' xml:space='preserve'%3E%3Cpath d='M502.714 0H240.428C194.178 0 153 42.425 153 87.429l-25.267.59c-46.228 0-84.019 41.834-84.019 86.838V612c0 45.004 41.179 87.428 87.429 87.428H459c46.249 0 87.428-42.424 87.428-87.428h21.857c46.25 0 87.429-42.424 87.429-87.428v-349.19L502.714 0zM459 655.715H131.143c-22.95 0-43.714-21.441-43.714-43.715V174.857c0-22.272 18.688-42.993 41.638-42.993l23.933-.721v393.429C153 569.576 194.178 612 240.428 612h262.286c0 22.273-20.765 43.715-43.714 43.715zm153-131.143c0 22.271-20.765 43.713-43.715 43.713H240.428c-22.95 0-43.714-21.441-43.714-43.713V87.429c0-22.272 20.764-43.714 43.714-43.714H459c-.351 50.337 0 87.975 0 87.975 0 45.419 40.872 86.882 87.428 86.882H612v306zm-65.572-349.715c-23.277 0-43.714-42.293-43.714-64.981V44.348L612 174.857h-65.572zm-43.714 131.537H306c-12.065 0-21.857 9.77-21.857 21.835 0 12.065 9.792 21.835 21.857 21.835h196.714c12.065 0 21.857-9.771 21.857-21.835 0-12.065-9.792-21.835-21.857-21.835zm0 109.176H306c-12.065 0-21.857 9.77-21.857 21.834 0 12.066 9.792 21.836 21.857 21.836h196.714c12.065 0 21.857-9.77 21.857-21.836 0-12.064-9.792-21.834-21.857-21.834z'/%3E%3C/svg%3E");} .nerDxWrap .nBtn {width:100%; margin:40px 0 20px 0; overflow:hidden;} .nerDxWrap .nBtn ul:after {content:""; display:block; clear:both;} .nerDxWrap .nBtn ul li {float:left; width:50%;} .nerDxWrap .nBtn ul li:nth-child(1) button {border-radius:10px 0 0 10px;} .nerDxWrap .nBtn ul li:nth-child(2) button {border-radius:0 10px 10px 0;} /* 젠톡 */ .zentalkWrap {width:100%; padding:22px 0 0 0; overflow-x:hidden;} .zentalkWrap .zBanner {position:relative; width:100%; overflow:hidden;} .zentalkWrap .zBanner .txt {position:absolute; left:0; top:46px; width:100%; text-align:center;} .zentalkWrap .zBanner .txt p {font-size:30px; color:#ff7f3f; line-height:1.4; letter-spacing:-0.8px;} .zentalkWrap .zBanner .txt p strong {display:block; font-size:50px; color:#ff7f3f;} .zentalkWrap .zBanner .txt span {display:block; font-size:26px; color:#000; line-height:1.4; letter-spacing:-0.8px; padding:10px 0 0 0;} .zentalkWrap .zBanner .img {width:100%;} .zentalkWrap .zBanner .img img {width:100%;} .zentalkWrap .zTxtArea {width:100%; text-align:center; padding:66px 0 0 0; overflow:hidden;} .zentalkWrap .zTxtArea .z01 {width:100%; overflow:hidden;} .zentalkWrap .zTxtArea .z01 span {display:block; font-size:46px; color:#000; line-height:1.1; letter-spacing:-1.5px; font-weight:600;} .zentalkWrap .zTxtArea .z01 span strong {font-size:46px; color:#ff7f3f;} .zentalkWrap .zTxtArea .z02 {width:100%; overflow:hidden; padding:10px 0 0 0;} .zentalkWrap .zTxtArea .z02 p {display:block; font-size:22px; color:#000; line-height:1.2; letter-spacing:-1px;} .zentalkWrap .zImg {width:100%; padding:45px 0 86px 0; overflow:hidden;} .zentalkWrap .zImg img {width:100%;} .zentalkWrap .zYoutube {width:100%; overflow:hidden;} .zentalkWrap .zYoutube .tt {width:100%; font-size:45px; color:#000; line-height:1.1; letter-spacing:-1.5px; font-weight:600; text-align:center; padding:0 0 55px 0;} .zentalkWrap .zYoutube .proMovie {width:100%; border-radius:20px; overflow:hidden;} .zentalkWrap .zYoutube .view_video {position:relative; padding-bottom:56.25%; height:0;} .zentalkWrap .zYoutube .view_video iframe, .zentalkWrap .zYoutube .view_video object, .zentalkWrap .zYoutube .view_video embed {position:absolute; top:0; left:0; width:100%; height:100%;} .zentalkWrap .zInfo {width:100%; padding:70px 0 0 0; overflow:hidden;} .zentalkWrap .zInfo .ztt {width:100%; text-align:center; overflow:hidden;} .zentalkWrap .zInfo .ztt p {font-size:32px; color:#000; line-height:1.2; letter-spacing:-0.8px; font-weight:600;} .zentalkWrap .zInfo .ztt p span {font-size:40px; color:#000; line-height:1.4; letter-spacing:-1.2px;} .zentalkWrap .zInfo .ztt p span strong {font-size:40px; color:#ff7f3f;} .zentalkWrap .zInfo .zgx {width:100%; padding:0 0 12px 0; overflow:hidden;} .zentalkWrap .zInfo .zgx .gtt {width:130px; height:130px; font-size:28px; color:#fff; line-height:130px; letter-spacing:-0.8px; font-weight:600; background:#ff7f3f; text-align:center; border-radius:100%; margin:34px auto;} .zentalkWrap .zInfo .zgx .gtx {width:100%; overflow:hidden;} .zentalkWrap .zInfo .zgx .gtx ul:after {content:""; display:block; clear:both;} .zentalkWrap .zInfo .zgx .gtx ul li {display:block; position:relative; padding:0 0 0 30px; margin:0 0 8px 0; font-size:24px; color:#000; line-height:1.4; letter-spacing:-0.8px; font-weight:300;} .zentalkWrap .zInfo .zgx .gtx ul li span {position:absolute; left:0; top:0; font-size:24px; color:#000; line-height:1.4; letter-spacing:-0.8px; font-weight:600;} .zentalkWrap .zInfo .zgx .gtx ul li:last-child {margin:0;} .zentalkWrap .zBtn {width:100%; padding:48px 0 0 0; overflow:hidden;} .zentalkWrap .zBtn.hide {display:none; padding:0;} .zentalkWrap .zCode {display:none; position:relative; width:100%; height:170px; margin:48px 0 0 0; border-radius:30px; background:#f3f3f3; text-align:center; overflow:hidden; cursor:pointer;} .zentalkWrap .zCode strong {display:inline-block; font-size:44px; color:#333; line-height:170px; font-weight:500; padding:0 40px; background-size:30px auto; background-position:right top 50px; background-repeat:no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='699.428' height='699.428' viewBox='0 0 699.428 699.428' style='enable-background:new 0 0 699.428 699.428' xml:space='preserve'%3E%3Cpath d='M502.714 0H240.428C194.178 0 153 42.425 153 87.429l-25.267.59c-46.228 0-84.019 41.834-84.019 86.838V612c0 45.004 41.179 87.428 87.429 87.428H459c46.249 0 87.428-42.424 87.428-87.428h21.857c46.25 0 87.429-42.424 87.429-87.428v-349.19L502.714 0zM459 655.715H131.143c-22.95 0-43.714-21.441-43.714-43.715V174.857c0-22.272 18.688-42.993 41.638-42.993l23.933-.721v393.429C153 569.576 194.178 612 240.428 612h262.286c0 22.273-20.765 43.715-43.714 43.715zm153-131.143c0 22.271-20.765 43.713-43.715 43.713H240.428c-22.95 0-43.714-21.441-43.714-43.713V87.429c0-22.272 20.764-43.714 43.714-43.714H459c-.351 50.337 0 87.975 0 87.975 0 45.419 40.872 86.882 87.428 86.882H612v306zm-65.572-349.715c-23.277 0-43.714-42.293-43.714-64.981V44.348L612 174.857h-65.572zm-43.714 131.537H306c-12.065 0-21.857 9.77-21.857 21.835 0 12.065 9.792 21.835 21.857 21.835h196.714c12.065 0 21.857-9.771 21.857-21.835 0-12.065-9.792-21.835-21.857-21.835zm0 109.176H306c-12.065 0-21.857 9.77-21.857 21.834 0 12.066 9.792 21.836 21.857 21.836h196.714c12.065 0 21.857-9.77 21.857-21.836 0-12.064-9.792-21.834-21.857-21.834z'/%3E%3C/svg%3E");} .zentalkWrap .zAddGuide {position:relative; width:100%; margin:80px 0 0 0; padding:0 45px 100px; overflow:hidden;} .zentalkWrap .zAddGuide:after {content:''; position:absolute; left:50%; top:0; width:1000%; height:100%; background:#f3f3f3; margin:0 0 0 -500%; z-index:1;} .zentalkWrap .zAddGuide .zAtt {position:relative; font-size:28px; color:#E46182; line-height:1.2; letter-spacing:-0.8px; font-weight:600; padding:38px 0 28px 0; z-index:2;} .zentalkWrap .zAddGuide .zAtx {position:relative; width:100%; overflow:hidden; z-index:2;} .zentalkWrap .zAddGuide .zAtx p {font-size:23px; color:#636567; line-height:1.4; letter-spacing:-0.8px; font-weight:600;} .zentalkWrap .zAddGuide .zAtx ul:after {content:""; display:block; clear:both;} .zentalkWrap .zAddGuide .zAtx ul li {display:block; position:relative; padding:0 0 0 10px; font-size:18px; color:#636567; line-height:1.4; letter-spacing:-0.8px;} .zentalkWrap .zAddGuide .zAtx ul li:after {content:''; position:absolute; left:0; top:9px; width:4px; height:4px; background:#636567; border-radius:100%;} /* 젠톡 수정 240223 */ .zentalkWrap .zTBanner {position:relative; width:100%; border-radius:20px; background:#f7f7f5; overflow:hidden;} .zentalkWrap .zTBanner .txt {position:absolute; left:0; top:46px; width:100%; text-align:center;} .zentalkWrap .zTBanner .txt p {font-size:30px; color:#ff7f3f; line-height:1.4; letter-spacing:-0.8px;} .zentalkWrap .zTBanner .txt p strong {display:block; font-size:50px; color:#ff7f3f;} .zentalkWrap .zTBanner .txt span {display:block; font-size:26px; color:#000; line-height:1.4; letter-spacing:-0.8px; padding:10px 0 0 0;} .zentalkWrap .zTBanner .img {width:100%; padding:220px 0 0 0;} .zentalkWrap .zTBanner .img img {width:100%;} .zentalkWrap .zGenisyou {width:100%; text-align:center; margin:76px 0 0 0; overflow:hidden;} .zentalkWrap .zGenisyou .tit {font-size:40px; color:#222; line-height:1.2; letter-spacing:-0.8px; font-weight:600;} .zentalkWrap .zGenisyou .txt {padding:12px 0 28px 0;} .zentalkWrap .zGenisyou .txt span {display:block; font-size:20px; color:#888; line-height:1.2; letter-spacing:-0.4px; font-weight:500;} .zentalkWrap .zGenisyou .img {padding:0 40px 75px;} .zentalkWrap .zGenisyou .img img {width:100%;} .zentalkWrap .zManual {width:100%; background:#f9f9f9; text-align:center; padding:70px 0 0 0; overflow:hidden;} .zentalkWrap .zManual .tit {font-size:25px; color:#888; line-height:1.2; letter-spacing:-0.4px; font-weight:500;} .zentalkWrap .zManual .tit strong {display:block; font-size:40px; color:#222; line-height:1.2; letter-spacing:-1.8px; font-weight:600;} .zentalkWrap .zManual .txt {padding:30px 0 20px 0;} .zentalkWrap .zManual .txt span {display:block; font-size:20px; color:#222; line-height:1.2; letter-spacing:-0.4px;} .zentalkWrap .zManual .img {padding:0 90px;} .zentalkWrap .zManual .img img {width:100%;} .zentalkWrap .zManual .btxt {padding:30px 0 70px 0;} .zentalkWrap .zManual .btxt span {display:block; font-size:29px; color:#222; line-height:1.3; letter-spacing:-0.8px; font-weight:500;} .zentalkWrap .zManual .btxt span strong {font-size:29px; color:#ff6600; font-weight:500;} .zentalkWrap .zPackAll {width:100%; text-align:center; overflow:hidden;} .zentalkWrap .zPackAll .tit {font-size:40px; color:#222; line-height:1.2; letter-spacing:-0.8px; font-weight:600; padding:80px 0 0 0;} .zentalkWrap .zPackAll .txt {font-size:20px; color:#666; line-height:1.2; letter-spacing:-0.4px; font-weight:500; padding:17px 0 45px 0;} .zentalkWrap .zPackAll .list {width:100%; overflow:hidden;} .zentalkWrap .zPackAll .list ul {display:grid; gap:20px; grid-template-columns: repeat(2, 1fr);} .zentalkWrap .zPackAll .list ul li {position:relative; height:154px; background:#fff; border:3px #ececec solid; border-radius:15px; text-align:left; overflow:hidden;} .zentalkWrap .zPackAll .list ul li .ico {width:100%; height:70px; margin:42px 0 0 0;} .zentalkWrap .zPackAll .list ul li .item {position:absolute; left:116px; top:46px; font-size:24px; color:#222; line-height:1.2;} .zentalkWrap .zPackAll .list ul li .item strong {display:block; font-size:24px; color:#ff6600; font-weight:600; line-height:1.2;} .zentalkWrap .zPackAll .list ul li.zp01 .ico {background:url('../images/new/ico_zp01.png') left 26px top 50% no-repeat; background-size:70px auto;} .zentalkWrap .zPackAll .list ul li.zp02 .ico {background:url('../images/new/ico_zp02.png') left 30px top 50% no-repeat; background-size:56px auto;} .zentalkWrap .zPackAll .list ul li.zp03 .ico {background:url('../images/new/ico_zp03.png') left 30px top 50% no-repeat; background-size:54px auto;} .zentalkWrap .zPackAll .list ul li.zp04 .ico {background:url('../images/new/ico_zp04.png') left 33px top 50% no-repeat; background-size:58px auto;} .zentalkWrap .zService {width:100%; padding:75px 0 0 0; text-align:center; overflow:hidden;} .zentalkWrap .zService .tit {width:100%; } .zentalkWrap .zService .tit span {display:block; font-size:30px; color:#000; line-height:1.2; letter-spacing:-0.6px; font-weight:600;} .zentalkWrap .zService .tit strong {display:block; font-size:40px; color:#000; line-height:1.2; letter-spacing:-0.8px; font-weight:600;} .zentalkWrap .zService .tit strong u {text-decoration:none; font-size:40px; color:#ff6600;} .zentalkWrap .zService .btn {width:100%; height:80px; margin:50px 0 0 0; overflow:hidden;} .zentalkWrap .zService .btn a {display:block; width:100%; height:100%; background:#ff6600; border-radius:15px; overflow:hidden;} .zentalkWrap .zService .btn a span {font-size:30px; color:#fff; line-height:80px; letter-spacing:-0.6px;} /* 검사결과 */ .zentalkREWrap {width:100%; padding:22px 0 0 0; overflow-x:hidden;} .zentalkREWrap .hInfo {width:100%; padding:30px; background:#f6f6f6; border-radius:20px; overflow:hidden;} .zentalkREWrap .hInfo p {font-size:19px; color:#333; line-height:1.4; letter-spacing:-0.8px;} .zentalkREWrap .hinDx {position:relative; width:100%; padding:0 90px 0 0; margin:38px 0 0 0; overflow:hidden;} .zentalkREWrap .hinDx .hinData {width:100%; padding:0 20px 0 0; overflow:hidden;} .zentalkREWrap .hinDx .hinData .ht {width:100%; overflow:hidden;} .zentalkREWrap .hinDx .hinData .ht span {display:inline-block; padding:0 15px; font-size:19px; color:#fff; letter-spacing:-0.8px; line-height:34px; font-weight:600; background:#7064E7; border-radius:20px;} .zentalkREWrap .hinDx .hinData .st {font-size:19px; color:#333; letter-spacing:-0.8px; line-height:1.2; font-weight:600; padding:10px 0 0 0;} .zentalkREWrap .hinDx .hinData .sx {width:100%; overflow:hidden;} .zentalkREWrap .hinDx .hinData .sx p {font-size:19px; color:#333; letter-spacing:-0.8px; line-height:1.4;} .zentalkREWrap .hinBtn {margin:75px 0;} .zentalkREWrap .hinBtn ul:after {content:""; display:block; clear:both;} .zentalkREWrap .hinBtn ul li {float:left; width:50%;} .zentalkREWrap .hinBtn ul li:nth-child(1) button {border-radius:10px 0 0 10px;} .zentalkREWrap .hinBtn ul li:nth-child(2) button {border-radius:0 10px 10px 0;} .zentalkREWrap .hinDx .hinNoti {position:absolute; right:0; top:0; display:flex; align-items:center; width:90px; height:100%; border-left:1px #ccc solid; justify-content: center; text-align:center;} .zentalkREWrap .hinDx .hinNoti span {font-size:26px; color:#999; letter-spacing:-1px; line-height:1.1; font-weight:500;} .zentalkREWrap .hinDx .hinNoti span.warn {color:#ffa800;} .zentalkREWrap .hinDx .hinNoti span.normal {color:#ff3333;} .zentalkREWrap .hinDx .hinNoti span.relax {color:#33ccff;} /* 젠톡 결제 */ .zentalkPay {width:100%; padding:118px 0 30px 0;} .zentalkPay .hpTt {font-size:30px; color:#697CA0; line-height:1.5; font-weight:600; padding:24px 0 15px 0;} .zentalkPay .zheadT {width:100%; text-align:center; overflow:hidden;} .zentalkPay .zheadT span {display:block; font-size:20px; color:#000; letter-spacing:-0.5px; line-height:1.4; font-weight:500;} .zentalkPay .zheadT strong {display:block; font-size:37px; color:#000; letter-spacing:-1px; line-height:1.4; font-weight:500;} .zentalkPay .zheadP {position:relative; width:100%; height:114px; padding:0 0 0 112px; border:1px #7064E7 solid; border-radius:15px; margin:38px 0 0 0; text-align:center; overflow:hidden;} .zentalkPay .zheadP .zab {position:absolute; left:0; top:0; width:112px; height:100%; background:#7064E7;padding-top: 10px;} .zentalkPay .zheadP .zab span {display:block; font-size:18px; color:#fff; letter-spacing:-0.5px; line-height:1.2; font-weight:500; padding:28px 0 0 0; border-radius:15px 0 0 15px;} .zentalkPay .zheadP .zab strong {display:block; font-size:25px; color:#fff; letter-spacing:-0.8px; font-weight:500;} .zentalkPay .zheadP .pay {width:100%; padding:23px 0 0 0;} .zentalkPay .zheadP .pay span {display:inline-block; position:relative; width:120px; font-size:37px; color:#7966ff; letter-spacing:-0.7px; line-height:1.2; font-weight:500;} .zentalkPay .zheadP .pay span u {position:absolute; left:0; bottom:-22px; width:100%; font-size:24px; color:#ccc; letter-spacing:-0.5px; line-height:1; font-weight:300; text-decoration:line-through;} .zentalkPay .zheadP .pay strong {display:inline-block; font-size:37px; color:#000; letter-spacing:-0.7px; line-height:1.2; font-weight:600;} .zentalkPay .zheadP .pay strong i {display:inline-block; font-size:22px; color:#000; letter-spacing:-0.5px; line-height:1.2; font-weight:500; font-style:normal; transform:translateY(-5px);} .zentalkPay .zAgree {width:100%; overflow:hidden;} .zentalkPay .zAgree .zTt {font-size:28px; color:#7064E7; letter-spacing:-0.7px; line-height:1.2; font-weight:600; padding:52px 0 0 0;} .zentalkPay .zAgree .zADx {width:100%; overflow:hidden;} .zentalkPay .zAgree .zADx .zABx {margin:30px 0 0 0;} .zentalkPay .zAgree .zADx .zABx .inputGroup {background:#eee; border-radius:10px; z-index:0; transition:all 0.3s ease;} .zentalkPay .zAgree .zADx .zABx .inputGroup label {font-size:24px; line-height:1.2; padding:24px 64px; font-weight:normal;} .zentalkPay .zAgree .zADx .zABx .inputGroup label:after {left:24px; width:24px; height:24px; background-size:24px; transform:translateY(-48%);} .zentalkPay .zAgree .zADx .zABx .inputGroup.all label {font-size:28px; font-weight:600;} .zentalkPay .zAgree .zADx .zABx .inputGroup button {position:absolute; right:20px; top:25px; width:30px; height:30px; background:url('../images/new/bg_za_button.png') 50% no-repeat; z-index:10; background-size:24px auto;} .zentalkPay .zAgree .zADx .zABx .inputGroup .inTxt {padding:0 20px; height:0; transition:height 0.3s ease; overflow-y:auto;} .zentalkPay .zAgree .zADx .zABx .inputGroup .inTxt .box {font-size:19px; color:#000; letter-spacing:-0.7px; line-height:1.6; font-weight:normal; padding:0 0 16px 0;} .zentalkPay .zAgree .zADx .zABx .inputGroup.on {padding:0 0 24px 0;} .zentalkPay .zAgree .zADx .zABx .inputGroup.on .inTxt {height:184px;} .zentalkPay .zAgree .zADx .zABx .inputGroup.on button {transform:rotate(180deg)} .zentalkPay .zAgree .zADx .zABx .inputGroup input:checked ~ label {color:#7064E7;} .zentalkPay .signature {width:100%; overflow:hidden;} .zentalkPay .signature .tt {font-size:24px; color:#000; letter-spacing:-0.5px; line-height:1.2; font-weight:500; padding:34px 0 20px 0;} .zentalkPay .signature .signDx {width:100%; height:240px; border:1px #AF8EFF solid; border-radius:15px; overflow:hidden;} .zentalkPay .zAPayBtn {width:100%; padding:40px 0 50px 0; overflow:hidden; margin-bottom: 20px;} .zentalkPay .noti ul li {font-size:16px; padding:10px 0 0 0;} /* 젠톡 분석 */ .zentalkPay .zAList {width:100%; padding:30px 0 0 0; overflow:hidden;} .zentalkPay .zAList ul:after {content:""; display:block; clear:both;} .zentalkPay .zAList ul li {position:relative; display:block; color:#000; font-size:26px; line-height:1.2; letter-spacing:-0.7px; padding:30px 0 0 150px; font-weight:normal;} .zentalkPay .zAList ul li span {position:absolute; left:0; top:31px; color:#6c6c6c; font-size:22px; line-height:1.2; letter-spacing:-1px; font-weight:normal;} .zentalkPay .zBtn {width:100%; padding:55px 0 50px 0; overflow:hidden;} .zentalkPay .zBtn ul:after {content:""; display:block; clear:both;} .zentalkPay .zBtn ul li {float:left; width:50%;} .zentalkPay .zBtn ul li:nth-child(1) button {border-radius:10px 0 0 10px;} .zentalkPay .zBtn ul li:nth-child(2) button {border-radius:0 10px 10px 0;} /* 검진항목 랭킹 */ .medicalWrap {width:100%; padding:23px 0 0 0; overflow:hidden;} .medicalWrap .medicalTop {position:relative; width:100%; height:270px; background:url('../images/new/bg_nf_titbar.png') left top no-repeat; background-size:cover; border-radius:20px;} .medicalWrap .medicalTop:after {content:""; display:block; clear:both;} .medicalWrap .medicalTop .mtx {position:absolute; left:30px; bottom:24px;} .medicalWrap .medicalTop .mtx span {display:block; font-size:24px; color:#fff; line-height:1.2; letter-spacing:-0.5px; font-weight:500;} .medicalWrap .medicalTop .mtx strong {display:block; font-size:40px; color:#fff; line-height:1.2; letter-spacing:-0.8px; font-weight:normal;} .medicalWrap .medicalTop .mImg {position:absolute; right:0; bottom:30px;} .medicalWrap .medicalTop .mImg img {width:296px;} .medicalWrap .medicalMid {width:100%; padding:16px 0 0 0; overflow:hidden;} .medicalWrap .medicalMid p {font-size:24px; color:#666; line-height:1.4; letter-spacing:-0.8px;} .medicalWrap .medicalMid .mSelect {width:100%; padding:35px 0; overflow:hidden;} .medicalWrap .medicalMid .mSelect ul:after {content:""; display:block; clear:both;} .medicalWrap .medicalMid .mSelect ul li {float:left; width:50%;} .medicalWrap .medicalMid .mSelect ul li:nth-child(1) select {border-radius:10px 0 0 10px; border-right:0;} .medicalWrap .medicalMid .mSelect ul li:nth-child(2) select {border-radius:0 10px 10px 0;} .medicalWrap .medicalBom {width:100%; padding:0 0 40px 0; overflow:hidden;} .medicalWrap .medicalBom ul:after {content:""; display:block; clear:both;} .medicalWrap .medicalBom ul li {display:block; position:relative; height:112px; padding:18px 85px;} .medicalWrap .medicalBom ul li a {display:block;} .medicalWrap .medicalBom ul li .mRanknum {position:absolute; left:0; top:17px;} .medicalWrap .medicalBom ul li .mRanknum img {width:60px;} .medicalWrap .medicalBom ul li .mRankTx {display:inline-block; font-size:34px; color:#333; line-height:60px; letter-spacing:-1.6px; padding:0 52px 0 0; background:url('../images/new/img_medical_q.png') right top 50% no-repeat; background-size:35px auto;} .medicalWrap .medicalBom ul li .mrankPer {position:absolute; right:0; top:17px; font-size:34px; color:#333; line-height:60px; letter-spacing:-1.6px;} /* 오늘 뭐 먹지 */ .rouletteWrap {width:100%; padding:23px 0 0 0; overflow:hidden;} .rouletteWrap .rouletteTop {position:relative; width:100%; height:270px; background:url('../images/new/bg_nf_titbar.png') left top no-repeat; background-size:cover; border-radius:20px;} .rouletteWrap .rouletteTop:after {content:""; display:block; clear:both;} .rouletteWrap .rouletteTop .rtx {position:absolute; right:38px; bottom:24px;} .rouletteWrap .rouletteTop .rtx span {display:block; font-size:24px; color:#fff; line-height:1.2; letter-spacing:-0.5px; font-weight:500;} .rouletteWrap .rouletteTop .rtx strong {display:block; font-size:40px; color:#fff; line-height:1.2; letter-spacing:-0.8px; font-weight:normal;} .rouletteWrap .rouletteTop .rImg {position:absolute; left:5px; bottom:0;} .rouletteWrap .rouletteTop .rImg img {width:360px;} .rouletteWrap .rouletteMid {width:100%; padding:16px 0 0 0; overflow:hidden;} .rouletteWrap .rouletteMid p {font-size:24px; color:#666; line-height:1.4; letter-spacing:-0.8px;} .rouletteWrap .rouletteWheel {position:relative; width:700px; margin:35px auto; text-align:center;} .rouletteWrap .rouletteWheel canvas {display:inline-block;} .rouletteWrap .rouletteBack {position:absolute; left:50%; top:0; width:390px; height:390px; margin:0 0 0 -195px; background:url('../images/new/bg_wheel_back.png') 50% no-repeat; background-size:390px; z-index:2;} .rouletteWrap .rouletteBtn {position:absolute; left:50%; top:50%; width:106px; height:106px; margin:-53px 0 0 -53px; background:url('../images/new/bg_start_back.png') 50% no-repeat; background-size:106px; z-index:2;} .rouletteWrap .rouletteBtn #startBtn {position:absolute; left:0; top:0; width:100%; height:100%; font-size:20px; color:#fff; font-weight:600;} .rouletteWrap .rouletteBtn #resetBtn {display:none; position:absolute; left:0; top:0; width:100%; height:100%; font-size:20px; color:#fff; font-weight:600; font-style:italic;} .rouletteWrap .roulettePrize {width:100%; margin:0 0 40px 0; overflow:hidden;} .rouletteWrap .roulettePrize ul:after {content:""; display:block; clear:both;} .rouletteWrap .roulettePrize ul li {position:relative; float:left; width:50%; margin:0 0 15px 0; padding:0 0 0 80px;} .rouletteWrap .roulettePrize ul li .ab {position:absolute; left:0; top:0; width:80px; height:72px; border-radius:15px 0 0 15px; text-align:center;} .rouletteWrap .roulettePrize ul li .ab span {font-size:36px; color:#fff; line-height:72px;} .rouletteWrap .roulettePrize ul li input {height:72px; line-height:72px; border-radius:0 15px 15px 0;} .rouletteWrap .roulettePrize ul li:nth-child(odd) {padding-right:12px;} .rouletteWrap .roulettePrize ul li:nth-child(even) {padding-left:92px;} .rouletteWrap .roulettePrize ul li:nth-child(even) .ab {left:12px;} .rouletteWrap .roulettePrize ul li:nth-child(1) .ab {background:#fb8c00;} .rouletteWrap .roulettePrize ul li:nth-child(2) .ab {background:#7cb342;} .rouletteWrap .roulettePrize ul li:nth-child(3) .ab {background:#e53935;} .rouletteWrap .roulettePrize ul li:nth-child(4) .ab {background:#00acc1;} .rouletteWrap .roulettePrize ul li:nth-child(5) .ab {background:#a325d8;} .rouletteWrap .roulettePrize ul li:nth-child(6) .ab {background:#e2c414;} /* 뭐먹지 레이어 */ .layWrap {display:none; position:fixed; left:0; top:50%; width:100%; height:100%; z-index:100; transition:margin 0.3s ease-in-out;} .layWrap .layMid {position:relative; max-width:540px; height:auto; margin:-270px auto 0; z-index:2;} .layWrap .layInner {position:relative; padding:54px 20px 45px; background:#fff; border-radius:30px; overflow:hidden;} .layWrap .layInner .layClosed {position:absolute; right:22px; top:30px; z-index:100;} .layWrap .layInner .layClosed a {display:block; width:40px; height:40px; background-repeat:no-repeat; background-position:50%; background-size:36px auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z'/%3E%3C/svg%3E");} .layWrap .layInner .layCon {width:100%; overflow:hidden;} .layWrap .layInner .layCon .img {width:100%; text-align:center; overflow:hidden;} .layWrap .layInner .layCon .img img {width:180px;} .layWrap .layInner .layCon .tt {font-size:26px; color:#333; line-height:1.2; letter-spacing:-0.8px; font-weight:600; text-align:center; padding:5px 0 0 0;} .layWrap .layInner .layCon .tx {width:100%; padding:12px 0 50px 0; text-align:center; overflow:hidden;} .layWrap .layInner .layCon .tx span {display:inline-block; width:54px; height:54px; border-radius:20px; text-align:center; background:#7064E7; font-size:40px; color:#fff; line-height:52px; margin:0 2px;} .layWrap .layInner .layCon .rbtn {width:100%; text-align:center; overflow:hidden;} .layWrap .layInner .layCon .rbtn button {width:160px; height:56px; border-radius:10px; background:#91c3f6;} .layWrap .layInner .layCon .rbtn button span {font-size:22px; color:#fff; line-height:56px; letter-spacing:-0.8px; font-weight:500} /* 비대면 */ .nonFaceWrap {width:100%; padding:118px 0 0 0;} .nonFaceWrap:after {content:""; display:block; clear:both;} .nonFaceWrap .nPay {width:200px; overflow:hidden; float: right; margin-top: -16px;} .nonFaceWrap .nPay img{width:200px;} .nonFaceWrap .nFTit {width:100%; font-size:24px; color:#000; line-height:1.2; letter-spacing:-1.2px;background-color: #e5e5e5; padding: 30px; border-radius: 20px;} .nonFaceWrap .nFTit strong {display:block; font-size:34px; color:#000; line-height:1.2; letter-spacing:-1.8px; padding:5px 0 0 0;} .nonFaceWrap .nFTiba {position:relative; width:100%; height:220px; border-radius:20px; background:url('../images/new/bg_nf_titbar.png') left top no-repeat; background-size:cover;} .nonFaceWrap .nFTiba p {position:absolute; left:30px; top:33px; font-size:24px; color:#fff; line-height:1.2; letter-spacing:-0.8px;} .nonFaceWrap .nFTiba p strong {display:block; font-size:37px; color:#fff; line-height:1.3; letter-spacing:-1.2px; padding:5px 0 0 0;} .nonFaceWrap .nFTiba p strong span {display:block; font-size:37px; color:#fff; line-height:1.3; letter-spacing:-1.2px;} .nonFaceWrap .nFTiba .img {position:absolute; right:15px; bottom:-40px;} .nonFaceWrap .nFTiba .img img {width:294px;} .nonFaceWrap .nFTime {width:100%; margin:20px 0 0 0; overflow:hidden;} .nonFaceWrap .nFTime ul:after {content:""; display:block; clear:both;} .nonFaceWrap .nFTime ul li {display:block; position:relative; font-size:29px; color:#000; line-height:1.2; letter-spacing:-1.2px; padding:32px 140px 32px 50px; background:url('../images/new/bg_nf_time_li.png') left 7px top 54% no-repeat; background-size:30px auto; border-bottom:1px #e7e4f1 solid;} .nonFaceWrap .nFTime ul li:last-child {border:0;} .nonFaceWrap .nFTime ul li strong {font-size:29px; color:#000; padding:0 0 0 10px;} .nonFaceWrap .nFTime ul li .btn {position:absolute; right:0; top:50%; margin:-28px 0 0 0;} .nonFaceWrap .nFTime ul li .btn button {width:122px; height:56px; background:#8B80F8; border-radius:10px; text-align:center;} .nonFaceWrap .nFTime ul li .btn button span {font-size:22px; color:#fff; line-height:56px; letter-spacing:-1.2px;} .nonFaceWrap .nFTime ul li .btn button:disabled, .nonFaceWrap .nFTime ul li .btn button[disabled]{background:#ccc; cursor:default;} .nonFaceWrap .nFBanner {width:100%; padding:20px 0 50px 0; } .nonFaceWrap .nFBanner span {font-weight: 500; font-size: 28px; color:#7064E7;} .nonFaceWrap .nFBanner .tele {padding-left: 30px;} .nonFaceWrap .nFBanner ul:after {content:""; display:block; clear:both;} .nonFaceWrap .nFBanner ul li {display:block; margin:25px 0 0 0;} .nonFaceWrap .nFBanner ul li a {display:block; position:relative; width:100%; height:130px; background:#EEEEEE; border-radius:20px; overflow:hidden;} .nonFaceWrap .nFBanner ul li a strong {position:absolute; left:40px; top:25px; font-size:26px; color:#000; line-height:1.2; letter-spacing:-1.5px; font-weight:600;} .nonFaceWrap .nFBanner ul li a span {position:absolute; left:40px; top:62px; font-size:18px; color:#666; line-height:1.3; letter-spacing:-0.8px;} .nonFaceWrap .nFBanner ul li a .ico {position:absolute; right:32px; top:50%;} .nonFaceWrap .nFBanner ul li.sty01 a .ico {width:84px; height:84px; margin:-42px 0 0 0; background:url('../images/new/ico_nonface_01.png') left top no-repeat; background-size:84px auto;} .nonFaceWrap .nFBanner ul li.sty02 a .ico {width:88px; height:88px; margin:-44px 0 0 0; background:url('../images/new/ico_nonface_02.png') left top no-repeat; background-size:88px auto;} .nonFaceWrap .nFBanner ul li.sty03 a .ico {width:72px; height:82px; margin:-41px 0 0 0; background:url('../images/new/ico_nonface_03.png') left top no-repeat; background-size:72px auto;} .nonFaceWrap .nFBanner ul li.sty04 a .ico {width:66px; height:72px; margin:-36px 0 0 0; background:url('../images/new/ico_nonface_04.png') left top no-repeat; background-size:66px auto;} .nonFaceWrap .nFBanner ul li.sty05 a .ico {width:72px; height:69px; margin:-38px 0 0 0; background:url('../images/new/ico_nonface_05.png') left top no-repeat; background-size:72px auto;} .nonFaceWrap .nFBanner ul li.sty06 a .ico {width:72px; height:69px; margin:-38px 0 0 0; background:url('../images/new/ico_mind_history.png') left top no-repeat; background-size:72px auto;} .nonFaceWrap .nFBanner ul li.sty07 a .ico {width:72px; height:72px; margin:-38px 0 0 0; background:url('../images/new/ico_nonface_06.png') left top no-repeat; background-size:72px auto;} .nonFaceWrap .nFBanner ul li.sty08 a .ico {width:72px; height:72px; margin:-38px 0 0 0; background:url('../images/new/ico_nonface_07.png') left top no-repeat; background-size:72px auto;} /* 예약내역 및 결과조회 */ .nonFaceWrap.type2 .nFTiba .img {right:0; bottom:auto; top:0;} .nonFaceWrap.type2 .nFTiba .img img {width:240px;} .nonFaceWrap.type2 .nFBanner {padding:70px 0 50px 0;} /* 비대면 결과 */ .nonFaceWrap .nRList {width:100%; padding:85px 0; overflow:hidden;} .nonFaceWrap .nRList ul:after {content:""; display:block; clear:both;} .nonFaceWrap .nRList ul li {display:block; margin:0 0 25px 0; border-radius:20px; overflow:hidden;background-color:#E4DFFF;} .nonFaceWrap .nRList ul li:last-child {margin:0;} .nonFaceWrap .nRList ul li .hTx {position:relative; padding:0 80px 0 35px;} .nonFaceWrap .nRList ul li .hTx .noti {position:absolute; right:40px; top:32px; width:28px; height:32px; background-repeat:no-repeat; background-position:50%; background-size:28px auto;} .nonFaceWrap .nRList ul li .hTx .h01 {font-size:28px; color:#000; line-height:1.2; letter-spacing:-1.2px; padding:32px 0 0 0; font-weight:600;} .nonFaceWrap .nRList ul li .hTx .h02 {font-size:24px; color:#000; line-height:1.2; letter-spacing:-1.2px; padding:12px 0 20px 0;} .nonFaceWrap .nRList ul li .hBx {width:100%; height:74px; text-align:center; font-size:30px; color:#fff; line-height:74px; letter-spacing:-0.8px; font-weight:500; border-top:1px #ccc solid; overflow:hidden;} .nonFaceWrap .nRList ul li .hBx a {display:block; width:100%; height:100%; font-size:30px; color:#fff; line-height:74px; letter-spacing:-0.8px; font-weight:500; } .nonFaceWrap .nRList ul li.ready .hTx .noti {background-image: url("data:image/svg+xml,%3Csvg height='512' viewBox='0 0 24 24' width='512' fill='%23ccc' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.379 16.913A6.698 6.698 0 0 1 19 11.788V9c0-3.519-2.614-6.432-6-6.92V1a1 1 0 1 0-2 0v1.08C7.613 2.568 5 5.481 5 9v2.788a6.705 6.705 0 0 1-2.388 5.133A1.752 1.752 0 0 0 3.75 20h16.5c.965 0 1.75-.785 1.75-1.75 0-.512-.223-.996-.621-1.337zM12 24a3.756 3.756 0 0 0 3.674-3H8.326A3.756 3.756 0 0 0 12 24z'/%3E%3C/svg%3E");} .nonFaceWrap .nRList ul li.finish .hTx .noti {display:none;} .nonFaceWrap .nRList ul li.reserve .hTx .noti {background-image: url("data:image/svg+xml,%3Csvg height='512' viewBox='0 0 24 24' width='512' fill='%239fb7ff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.379 16.913A6.698 6.698 0 0 1 19 11.788V9c0-3.519-2.614-6.432-6-6.92V1a1 1 0 1 0-2 0v1.08C7.613 2.568 5 5.481 5 9v2.788a6.705 6.705 0 0 1-2.388 5.133A1.752 1.752 0 0 0 3.75 20h16.5c.965 0 1.75-.785 1.75-1.75 0-.512-.223-.996-.621-1.337zM12 24a3.756 3.756 0 0 0 3.674-3H8.326A3.756 3.756 0 0 0 12 24z'/%3E%3C/svg%3E");} .nonFaceWrap .nRList ul li.counsel .hTx .noti {background-image: url("data:image/svg+xml,%3Csvg height='512' viewBox='0 0 24 24' width='512' fill='%237966fe' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.379 16.913A6.698 6.698 0 0 1 19 11.788V9c0-3.519-2.614-6.432-6-6.92V1a1 1 0 1 0-2 0v1.08C7.613 2.568 5 5.481 5 9v2.788a6.705 6.705 0 0 1-2.388 5.133A1.752 1.752 0 0 0 3.75 20h16.5c.965 0 1.75-.785 1.75-1.75 0-.512-.223-.996-.621-1.337zM12 24a3.756 3.756 0 0 0 3.674-3H8.326A3.756 3.756 0 0 0 12 24z'/%3E%3C/svg%3E");} .nonFaceWrap .nRList ul li.ready .hBx {background:#7064E7; color:#fff;} .nonFaceWrap .nRList ul li.ready {background:#E4DFFF;} .nonFaceWrap .nRList ul li.finish {background:#efefef;} .nonFaceWrap .nRList ul li.finish .hBx {background:#ccc;} .nonFaceWrap .nRList ul li.reserve .hBx {background:#9fb7ff;} .nonFaceWrap .nRList ul li.counsel .hBx {background:#7064E7;} /* 병원검진항목비교 */ .comparisonApp {padding-top: 40px;} .medicalComparison {width:100%; padding:20px 0 0 0; overflow:hidden;} .medicalComparison .hospitalDv {display:flex; gap:10px; flex-wrap:wrap; justify-content:space-between; margin:50px 0 0 0;} .medicalComparison .hospitalDv .hosBx {flex:1 1 40%;} .medicalComparison .hospitalDv .hosBx .hosTt {font-size:24px; color:#000; line-height:1.2; letter-spacing:-1.4px; font-weight:600; margin:0 0 15px 0;} .medicalComparison .hospitalDv .hosBx .hosTt select {border-radius:10px; font-weight:normal;} .medicalComparison .hospitalDv .hosBx .hosTt span {display:block; font-size:24px; color:#000; font-weight:600; letter-spacing:-0.8px; line-height:60px; padding:0 0 0 16px; border-radius:10px; background:#eee;} .medicalComparison .hospitalDv .hosBx .hosTx {width:100%; border-radius:10px; background:#eee; padding:20px; overflow:hidden;} .medicalComparison .hospitalDv .hosBx .hosTx ul li {display:block; font-size:21px; color:#666; line-height:1.1; letter-spacing:-0.5px; padding:8px 0;} .medicalComparison .hospitalDv .hosBx .hosTx ul li.tyA {color:#00a2ea; font-weight:500;} .medicalComparison .hospitalDv .hosBx .hosTx ul li.tyB {color:#60c77d; font-weight:500;} .medicalComparison .hospitalDv .hosBx .hosTx ul li.tyC {color:#ff549c; font-weight:500;} .medicalComparison .hospitalDv .hosBx:nth-child(1) .hosTt select {background-color:#eee; border:0;} .medicalComparison .hospitalDv .hosBx:nth-child(1) .hosTt select.strong {font-weight:600;} .medicalComparison .hospitalDv .hosBx:nth-child(2) .hosTx {background:#fff; border:1px #ccc solid;} .medicalComparison .inspectionItem {width:100%; margin:35px 0 0 0; overflow:hidden;} .medicalComparison .inspectionItem .inspHead {position:relative; width:100%; height:60px; border-radius:10px; background:#697CA0; overflow:hidden;} .medicalComparison .inspectionItem .inspHead p {font-size:26px; color:#fff; line-height:60px; letter-spacing:-1.4px; font-weight:500; padding:0 0 0 20px;} .medicalComparison .inspectionItem .inspHead a {position:absolute; right:15px; top:0; font-size:20px; color:#fff; line-height:60px; letter-spacing:-0.6px; font-weight:500; padding:0 40px 0 0;} .medicalComparison .inspectionItem .inspHead a:after {content:''; position:absolute; right:0; top:50%; transform:rotate(180deg); margin:-20px 0 0 0; width:40px; height:40px; background-size:40px auto; background-position:right top 50%; background-repeat:no-repeat; background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="%23fff"%3E%3Cpath d="M0 0h24v24H0z" fill="none"/%3E%3Cpath d="M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z"/%3E%3C/svg%3E');} .medicalComparison .inspectionItem .inspHead.on {border-radius:10px 10px 0 0;} .medicalComparison .inspectionItem .inspHead.on a:after {transform:rotate(0deg);} .medicalComparison .inspectionItem .inspBody {position:relative; width:100%; border-radius:0 0 10px 10px; border:2px #697CA0 solid; border-top:0; overflow:hidden;} .medicalComparison .inspectionItem .inspBody .inBx {float:left; width:50%;} .medicalComparison .inspectionItem .inspBody .inBx ul:after {content:""; display:block; clear:both;} .medicalComparison .inspectionItem .inspBody .inBx ul li {display:block; font-size:23px; color:#000; line-height:24px; letter-spacing:-0.6px; padding:15px 5px 15px 20px;} .medicalComparison .inspectionItem .inspBody .inBx ul li:nth-child(even) {background:#E6E9EF;} .medicalComparison .inspectionItem .inspBody .inBx ul li.none {color:#d0d0d0;} .medicalComparison .inspectionSelect {width:100%; padding:55px 0; overflow:hidden;} .medicalComparison .inspectionSelect .insSelHead {width:100%; overflow:hidden;} .medicalComparison .inspectionSelect .insSelHead p {font-size:24px; color:#000; line-height:1.2; letter-spacing:-1.4px; font-weight:600; padding:0 0 20px 0;} .medicalComparison .inspectionSelect .insSelBody {display:flex; gap:10px; flex-wrap:wrap; justify-content:space-between;} .medicalComparison .inspectionSelect .insSelBody .insSelBx {flex:1 1 40%; border:1px #ccc solid; border-radius:10px; padding:10px 15px 12px;} .medicalComparison .inspectionSelect .insSelBody .insSelBx:nth-child(odd) {border:0; background:#eee;} .medicalComparison .inspectionSelect .insSelBody .insSelBx .instt {width:100%; font-size:23px; line-height:65px; letter-spacing:-1px; font-weight:600; border-bottom:1px #ccc solid; text-align:center; overflow:hidden;} .medicalComparison .inspectionSelect .insSelBody .insSelBx .instt.inTyA {color:#458ee8;} .medicalComparison .inspectionSelect .insSelBody .insSelBx .instt.inTyB {color:#55b85e;} .medicalComparison .inspectionSelect .insSelBody .insSelBx .instx {width:100%; padding:12px 0; overflow:hidden;} .medicalComparison .inspectionSelect .insSelBody .insSelBx .instx ul {padding:0 8px;} .medicalComparison .inspectionSelect .insSelBody .insSelBx .instx ul:after {content:""; display:block; clear:both;} .medicalComparison .inspectionSelect .insSelBody .insSelBx .instx ul li {position:relative; display:block; font-size:21px; color:#000; line-height:30px; letter-spacing:-0.8px; padding:0 0 0 7px;} .medicalComparison .hospitalSelect {width:100%; overflow:hidden;} .medicalComparison .hospitalSelect .hsTit {width:100%; font-size:38px; color:#7064E7; line-height:1.2; letter-spacing:-2px; text-align:center; padding:58px 0 50px 0; overflow:hidden;} .medicalComparison .hospitalSelect .hsDx {width:100%; overflow:hidden;} .medicalComparison .hospitalSelect .hsDx ul:after {content:""; display:block; clear:both;} .medicalComparison .hospitalSelect .hsDx ul li {display:block; margin:22px 0 0 0;} .medicalComparison .hospitalSelect .hsDx ul li .st {font-size:23px; color:#666; line-height:1.2; letter-spacing:-1px; font-weight:600; padding:5px 0 15px 0;} .medicalComparison .hospitalSelect .hsDx ul li select {font-size:28px; height:70px; line-height:70px; font-weight:normal;} .medicalComparison .hospitalSelect .hsBtn {width:100%; margin:75px 0 30px 0; overflow:hidden;} /* 빠른 예약 */ .qReserveWrap {width:100%; padding:118px 0 0 0;} .qReserveWrap:after {content:""; display:block; clear:both;} .categoryList {position:relative; width:calc(100% + 36px); margin:0 0 0 -18px;} .categoryList:after {content:""; display:block; clear:both;} .categoryList li .img {width:100px; height:100px; border:1px #eee solid; border-radius:100%; box-sizing:border-box; overflow:hidden;} .categoryList li .img img {width:100%;} .categoryList li span {display:block; font-size:1.1666rem; color:#565459; font-weight:500; line-height:1.2; padding:8px 0 0 0; text-align:center;} .categoryList .swiper-slide {width:auto; padding:0 20px 0 0;} .categoryList .swiper-slide:first-child {padding-left:18px;} .categoryList .swiper-slide:last-child a {padding:0;} /* 빠른 예약 - 내용 */ .qReserveWrap .qRInfo {width:100%; overflow:hidden;} .qReserveWrap .qRInfo ul:after {content:""; display:block; clear:both;} .qReserveWrap .qRInfo ul li {display:block; padding:0px 0 20px 0;} .qReserveWrap .qRInfo ul li .qTt {font-size:22px; color:#7064E7; line-height:1.2; letter-spacing:-1px; padding:10px 0px; margin-bottom: 5px; font-weight: 600;} .qReserveWrap .qRInfo ul li .qTx {position:relative; width:100%; overflow:hidden;padding: 25px; background-color: #eee; border-radius: 15px;} .qReserveWrap .qRInfo ul li .qTx p {font-size:26px; color:#000; line-height:1.2; letter-spacing:-1.2px; font-weight:500; padding:0 0 13px 0;} .qReserveWrap .qRInfo ul li .qTx p:last-child {padding:0;} .qReserveWrap .qRInfo ul li .qTx p * {vertical-align:middle;} .qReserveWrap .qRInfo ul li .qTx .btn {position:absolute; right:20px; top:20px; display:inline-block; background:#7064E7; border-radius:5px; padding:0px 15px;} .qReserveWrap .qRInfo ul li .qTx .btn * {vertical-align:top;} .qReserveWrap .qRInfo ul li .qTx .btn span {display:inline-block; font-size:18px; color:#fff; line-height:40px; letter-spacing:-0.6px;} .qReserveWrap .qRInfo ul li .qTc {width:100%; overflow:hidden;padding: 25px; background-color: #eee; border-radius: 15px;} .qReserveWrap .qRInfo ul li .qTc p {font-size:25px; color:#000; line-height:1.5; letter-spacing:-1.2px;} .qReserveWrap .qRInfo .img {width: 170px} .qReserveWrap .qRInfo .fin {margin-top: 48px;font-weight: 600; font-size: 30px; color: #7064E7;} .qReserveWrap .qRInfo .finTitle {background: #eee; border-radius: 10px; padding: 30px; font-size: 24px; font-weight: 600;} .qReserveWrap .qRInfo .finTime {color: #7064E7; margin-top: 10px; font-size: 24px; padding: 2px; font-weight: 400; line-height: 30px;} .qReserveWrap .qCost {width:100%; overflow:hidden;} .qReserveWrap .qCost .qcTt {font-size:28px; color:#7064E7; line-height:1.2; letter-spacing:-1.2px; font-weight:600; padding:55px 0 10px 0;} .qReserveWrap .qCost .qcData {width:100%; padding:30px 22px; background:#eee; border-radius:15px; overflow:hidden;} .qReserveWrap .qCost .qcData .qcTx {width:100%; padding:0 0 20px 0; border-bottom:1px #ccc solid; overflow:hidden;} .qReserveWrap .qCost .qcData .qcTx ul:after {content:""; display:block; clear:both;} .qReserveWrap .qCost .qcData .qcTx ul li {display:block; position:relative; } .qReserveWrap .qCost .qcData .qcTx ul li span {font-size:24px; color:#000; line-height:50px; letter-spacing:-1px;} .qReserveWrap .qCost .qcData .qcTx ul li span strong {font-size:24px; color:#000; line-height:50px; letter-spacing:-1px;} .qReserveWrap .qCost .qcData .qcTx ul li span.won {position:absolute; right:0; top:0; color:#e50065; letter-spacing:0.5px;} .qReserveWrap .qCost .qcData .qcBx {width:100%; padding:20px 0 0 0;overflow:hidden;} .qReserveWrap .qCost .qcData .qcBx ul:after {content:""; display:block; clear:both;} .qReserveWrap .qCost .qcData .qcBx ul li {display:block; position:relative; } .qReserveWrap .qCost .qcData .qcBx ul li span {font-size:24px; color:#000; line-height:50px; letter-spacing:-1px;} .qReserveWrap .qCost .qcData .qcBx ul li span strong {font-size:24px; color:#000; line-height:50px; letter-spacing:-1px;} .qReserveWrap .qCost .qcData .qcBx ul li span.won {position:absolute; right:0; top:0; color:#e50065; letter-spacing:0.5px;} .qReserveWrap .qCBtn {width:100%; padding:55px 0; overflow:hidden;} /* 빠른 예약 결과 */ .qReserveWrap .qCost .qcData .qcDx {width:100%; padding:30px 0 0 0;overflow:hidden;} .qReserveWrap .qCost .qcData .qcDx strong {font-size:25px; color:#e50065; line-height:1.2; letter-spacing:-1.2px;} .qReserveWrap .qCost .qcData .qcDx p {font-size:20px; color:#000; line-height:1.4; letter-spacing:-0.8px;} .qReserveWrap .qSurvey {width:100%; padding:40px 0 55px 0;overflow:hidden;} .qReserveWrap .qSurvey .qSTop {width:100%; padding:25px 22px 20px; background:#EEEEEE; border-radius:15px 15px 0 0; overflow:hidden;} .qReserveWrap .qSurvey img {width:100px; } .qReserveWrap .qSurvey .qSTop strong {font-size:28px; color:#000; line-height:1.2; letter-spacing:-1.5px;} .qReserveWrap .qSurvey .qSTop p {font-size:20px; color:#000; line-height:1.4; letter-spacing:-0.8px; padding:14px 0 0 0;} .qReserveWrap .qSurvey .qSBom {display:block; width:100%; height:80px; line-height:80px; text-align:center; background:#7064E7; border-radius:0 0 15px 15px;} .qReserveWrap .qSurvey .qSBom span {font-size:28px; color:#fff; line-height:80px; letter-spacing:-1.5px;} /* 빠른 예약 - 약관 */ .qRguideWrap {width:100%; margin:0px 0 0 0; overflow:hidden;} .qRNotiMx {position:relative; width:100%; padding:35px 0 0 0; overflow:hidden;} /*.qRNotiMx:after {content:''; position:absolute; left:50%; top:0; margin:0 0 0 -35px; width:70px; height:70px; background:url('../images/new/img_m_notice_bell.png') left top no-repeat; background-size:70px;}*/ .qRNotiMx:after {content:''; position:absolute; left:35px; bottom:0; margin:0 0 0 -35px; width:150px; height:150px; background:url('../images/new/ic_noti.png') left top no-repeat; background-size:150px;} .qRNotiMx .mInner {width:100%; padding:40px 25px 36px 148px; border-radius:15px; overflow:hidden; background-color: #EEEEEE;} .qRNotiMx .mInner p {font-size:22px; color:#7064E7; line-height:1.2; letter-spacing:-1px; font-weight:400;} .qRNotiMx .mInner strong {font-size:26px; color:#51308E; line-height:1.2; letter-spacing:-1px; font-weight:500;} .qRNotiPay {position:relative; width:100%; overflow:hidden;} /*.qRNotiMx:after {content:''; position:absolute; left:50%; top:0; margin:0 0 0 -35px; width:70px; height:70px; background:url('../images/new/img_m_notice_bell.png') left top no-repeat; background-size:70px;}*/ .qRNotiPay .mInnerUp {width:100%; padding:20px 25px 20px; text-align:left; border-radius: 15px 15px 0px 0px; background: #E46182; overflow:hidden; font-size: 18px; line-height: 24px; color:#FFFFFF;} .qRNotiPay .mInnerUp svg {width:28px; height:28px; vertical-align: middle;} .qRNotiPay .mInnerUp strong {font-size:22px; color:#FFFFFF; line-height:1.2; letter-spacing:-1px; font-weight:600; vertical-align: middle;} .qRNotiPay .mInnerUp p {font-size:18px; line-height:1.2; letter-spacing:-1px; margin-top: 10px;} .qRNotiPay .mInnerDown {width:100%; padding:20px 25px 20px; text-align:left; border-radius: 0px 0px 15px 15px; background: #EEE; overflow:hidden; font-size: 18px; line-height: 24px; color: #000000;} .qRNotiPay .mInnerDown p {font-size:18px; line-height:1.2; letter-spacing:-1px; font-weight:500;} .qRguideWrap .qRguide {width:100%; overflow:hidden;} .qRguideWrap .qRguide .qRgut {font-size:24px; color:#000; line-height:1.2; letter-spacing:-1px; font-weight:600; padding:60px 110px 14px 0;} .qRguideWrap .qRguide .icon {position:absolute; width:250px; height:250px;z-index:10000;right:0;top:336px;} .qRguideWrap .qRguide .qRguDx {width:100%; padding:30px 10px; background:#eee; border-radius:15px; overflow:hidden; margin-bottom: 20px;} .qRguideWrap .qRguide .qRguBx {width:100%; height:238px; padding:0 20px; overflow-y:auto;} .qRguideWrap .qRguide .qRguBx p {font-size:16px; color:#000; line-height:1.4; letter-spacing:-0.5px;font-weight: 400;} .qRguideWrap .qRguide .qRguBx p strong {font-size:16px; color:#000; line-height:1.4; letter-spacing:-0.5px;font-weight: 600;} .qRguideWrap .qRguide .qRguChk {width:100%; margin:0 0 40px 0; overflow:hidden;} .qRguideWrap .qRguide .qRguChk .inputchk {display:inline-block;} .qRguideWrap .qRguide .qRguChk .inputchk:nth-child(2) {margin-left:25px;} .qRguideWrap .qRguAllChk {width:100%; text-align:center; overflow:hidden; background-color: #E4DFFF; border-radius: 15px; padding: 30px 0;} .qRguideWrap .qRguAllChk .inputchk {display:inline-block;} .qRguideWrap .qRguAllChk .inputchk label {color:#7966ff; font-weight:600;} .qRguideWrap .qRguAllChk .inputchk label:after {transform:translateY(-43%);} /* 생활습관조사 */ .habitSurvey {width:100%; padding:118px 0 60px 0;} .habitSurvey:after {content:""; display:block; clear:both;} .habitSurvey .qRNotiMx .mInner {text-align:left;} .habitSurvey .stepDx {width:100%; overflow:hidden;} .habitSurvey .stepDx .stepBar {position:relative; width:100%; padding:0 50px 0 0; margin:55px 0; overflow:hidden;} .habitSurvey .stepDx .stepBar .backbar {position:relative; width:100%; height:20px; background:#efefef; border-radius:10px; overflow:hidden;} .habitSurvey .stepDx .stepBar .backbar .bar {position:absolute; left:0; top:0; width:0; height:20px; background:#7a66ff; border-radius:10px;} .habitSurvey .stepDx .stepBar .total {position:absolute; right:0; top:0; font-size:15px; color:#333; letter-spacing:-0.4px; font-weight:300; line-height:18px;} .habitSurvey .habitQuiz {width:100%; overflow:hidden;} .habitSurvey .habitQuiz .habitQ {width:100%; padding:0 0 50px 0; overflow:hidden;} .habitSurvey .habitQuiz .habitQ p {font-size:24px; color:#333; letter-spacing:-1.2px; font-weight:600; line-height:1.4;} .habitSurvey .habitQuiz .habitQ p span {display:block; font-size:24px; font-weight:normal;} .habitSurvey .habitQuiz .habitA {width:100%; overflow:hidden;} .habitSurvey .habitQuiz .habitA ul:after {content:""; display:block; clear:both;} .habitSurvey .habitQuiz .habitA ul li {display:block; margin:0 0 15px 0;} .habitSurvey .habitQuiz .habitA ul li:last-child {margin:0;} .habitSurvey .habitQuiz .habitA .inputGroup {margin:0;} .habitSurvey .habitQuiz .habitA .inputGroup label {font-size:20px; font-weight:normal; padding:6px 20px 6px 68px; background-color:#fff; border:2px #e4e4e4 solid; transition:border 0.3s ease; border-radius:10px;} .habitSurvey .habitQuiz .habitA .inputGroup label:before {background-color:#fff;} .habitSurvey .habitQuiz .habitA .inputGroup label:after {left:16px;} .habitSurvey .habitQuiz .habitA .inputGroup input:checked ~ label {border-color:#7a66ff;} .habitSurvey .hBtn {width:100%; margin:40px 0 0 0; overflow:hidden;} .habitSurvey .hBtn ul:after {content:""; display:block; clear:both;} .habitSurvey .hBtn ul li {float:left; width:50%;} .habitSurvey .hBtn ul li:nth-child(1) button {border-radius:10px 0 0 10px;} .habitSurvey .hBtn ul li:nth-child(2) button {border-radius:0 10px 10px 0;} .habitSurvey .hBtn ul li.w100 {float:none; clear:both; width:100%; padding-top:40px;} .habitSurvey .hBtn ul li.w100 button {border-radius:10px;} /* 검진예약조회 */ .exReserChk {width:100%; padding:118px 0 0 0;} .exReserChk .exResba {position:relative; width:100%; height:220px; border-radius:20px; background:url('../images/new/bg_nf_titbar.png') left top no-repeat; background-size:cover;} .exReserChk .exResba p {position:absolute; left:40%; top:33px; font-size:24px; color:#fff; line-height:1.2; letter-spacing:-0.8px;} .exReserChk .exResba p strong {display:block; font-size:37px; color:#fff; line-height:1.3; letter-spacing:-1.2px; padding:5px 0 0 0;} .exReserChk .exResba p strong span {display:block; font-size:37px; color:#fff; line-height:1.3; letter-spacing:-1.2px;} .exReserChk .exResba .img {position:absolute; left:-60px; top:10px;} .exReserChk .exResba .img img {width:310px;} .exReserChk .btnArea {width:100%; padding:30px 0 0 0;} .exReserChk .exResList {position:relative; width:100%; padding:120px 0 85px 0; overflow:hidden;} .exReserChk .counselEmpty {margin-top: -120px;} .exReserChk .exResList .yearChk {position:absolute; right:0; top:32px;} .exReserChk .exResList .yearChk select {width:160px; height:56px; font-size:26px; color:#666; font-weight:500; letter-spacing:-0.8px; line-height:56px; padding:0 0 0 20px; border:1px #ccc solid; border-radius:10px; background-size:20px auto; background-position:right 23px top 50%; background-repeat:no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' transform='rotate(90)' style='enable-background:new 0 0 512 512' xml:space='preserve'%3E%3Cpath d='M438.2 256c0 15.7-8.5 30.2-22.2 37.9l-277.1 160c-13.5 7.9-30.3 7.9-43.8 0-13.4-7.9-21.5-22.4-21.3-37.9V96c-.1-24.1 19.4-43.7 43.5-43.8 7.7 0 15.4 2 22.1 5.9l276.6 160c13.7 7.7 22.2 22.2 22.2 37.9z' style='fill:%23595757'/%3E%3C/svg%3E"); background-color:#EEEEEE;} .exReserChk .exResList ul:after {content:""; display:block; clear:both;} .exReserChk .exResList ul li {display:block; margin:0 0 35px 0; box-shadow:0 0 0 1px #ccc inset; border-radius:30px; overflow:hidden;} .exReserChk .exResList ul li:last-child {margin:0;} .exReserChk .exResList ul li .hTx {position:relative; padding:0 134px 20px 35px;} .exReserChk .exResList ul li .hTx .noti {position:absolute; right:-1px; top:-1px; width:160px; height:44px; border-radius:0 30px 0 10px; padding-left: 13px;} .exReserChk .exResList ul li .hTx .noti span {font-size:18px; color:#fff; line-height:44px; letter-spacing:-1.2px; padding:0 0 0 40px; background-repeat:no-repeat; background-position:left 18px top 50%; background-size:20px auto; background-image: url("data:image/svg+xml,%3Csvg height='512' viewBox='0 0 24 24' width='512' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.379 16.913A6.698 6.698 0 0 1 19 11.788V9c0-3.519-2.614-6.432-6-6.92V1a1 1 0 1 0-2 0v1.08C7.613 2.568 5 5.481 5 9v2.788a6.705 6.705 0 0 1-2.388 5.133A1.752 1.752 0 0 0 3.75 20h16.5c.965 0 1.75-.785 1.75-1.75 0-.512-.223-.996-.621-1.337zM12 24a3.756 3.756 0 0 0 3.674-3H8.326A3.756 3.756 0 0 0 12 24z'/%3E%3C/svg%3E");} .exReserChk .exResList ul li .hTx .noti.reserve {background:#59AAE2;} .exReserChk .exResList ul li .hTx .noti.ready {background:#BDBDBD;} .exReserChk .exResList ul li .hTx .noti.cancel {background:#757575; color:#ffffff;} .exReserChk .exResList ul li .hTx .noti.apply {background:#AF8EFF;} .exReserChk .exResList ul li .hTx .noti.check {background:#E46182; color:#ffffff;} .exReserChk .exResList ul li .hTx .noti.miss {background:#697CA0;} .exReserChk .exResList ul li .hTx .noti.over {background:#F6BB54;} .exReserChk .exResList ul li .hTx .h01 {font-size:28px; color:#000; line-height:1.2; letter-spacing:-1.2px; padding:32px 0 15px 0; font-weight:600;} .exReserChk .exResList ul li .hTx .h02 {font-size:24px; color:#000; line-height:1.2; letter-spacing:0px; padding:0 0 5px 0;} .exReserChk .exResList ul li .hBx {width:100%; height:56px; text-align:center; font-size:22px; color:#fff; line-height:56px; letter-spacing:-0.8px; font-weight:500; background:#7064E7; overflow:hidden;} .exReserChk .exResList ul li .hBx a {display:block; width:100%; height:100%; font-size:22px; color:#fff; line-height:56px; letter-spacing:-0.8px; font-weight:500; } /* 직무스트레스결과 */ .stressRes {width:100%; padding:118px 0 50px 0;} .stressRes .stressResba {position:relative; width:100%; height:220px; border-radius:20px; background:url('../images/new/bg_nf_titbar.png') left top no-repeat; background-size:cover;} .stressRes .stressResba p {position:absolute; left:30px; top:33px; font-size:24px; color:#fff; line-height:1.2; letter-spacing:-0.8px;} .stressRes .stressResba p strong {display:block; font-size:37px; color:#fff; line-height:1.3; letter-spacing:-1.2px; padding:5px 0 0 0;} .stressRes .stressResba p strong span {display:block; font-size:37px; color:#fff; line-height:1.3; letter-spacing:-1.2px;} .stressRes .stressResba .img {position:absolute; right:0; bottom:-40px;} .stressRes .stressResba .img img {width:288px;} .stressRes .stressResList {width:100%; margin:68px 0 0 0; overflow:hidden;} .stressRes .stressResList ul:after {content:""; display:block; clear:both;} .stressRes .stressResList ul li {display:block; padding:48px 0 0 0;} .stressRes .stressResList ul li:last-child {margin:0;} .stressRes .stressResList ul li .sTt {position:relative; font-size:24px; color:#7064E7; line-height:26px; letter-spacing:-1.2px; font-weight:600; padding:0 0 18px 0;} .stressRes .stressResList ul li .sTt span {position:absolute; right:0; top:0; font-size:18px; color:#000; line-height:1.2; letter-spacing:-0.8px; font-weight:600;} .stressRes .stressResList ul li .sPer {position:relative; padding:0 0 0 90px; background:#efefef; border-radius:15px; overflow:hidden;} .stressRes .stressResList ul li .sPer .preWrap {position:absolute; left:0; top:0; width:90px; height:100%; background:#ddd9fd;} .stressRes .stressResList ul li .sPer .preWrap .per {position:absolute; left:0; top:50%; width:90px; text-align:center; font-size:29px; color:#010101; line-height:1.2; letter-spacing:-1.4px; font-weight:600; margin:-20px 0 0 0;} .stressRes .stressResList ul li .sPer p {font-size:16px; color:#010101; line-height:1.2; letter-spacing:-0.8px; padding:24px 20px 38px;} .stressRes .stressResList .stressSearch {display: flex; justify-content: space-between; align-items: center; } .stressRes .stressResList .stressSearch .company-info {font-size: 28px; font-weight: 600; color: #000;} .stressRes .stressResList .stressSearch .yearChk {width: 20%} .stressRes .stressTotal {width:100%; margin:10px 0 0 0; overflow:hidden;} .stressRes .stressTotal ul:after {content:""; display:block; clear:both;} .stressRes .stressTotal ul li {display:block; padding:5px 0 0 0;} .stressRes .stressTotal ul li .sTt {position:relative; font-size:24px; color:#7064E7; line-height:26px; letter-spacing:-1.2px; font-weight:600; padding:0 0 18px 0;} .stressRes .stressTotal ul li .sTt span {position:absolute; right:0; top:0; font-size:18px; color:#000; line-height:1.2; letter-spacing:-0.8px; font-weight:600;} .stressRes .stressTotal ul li .sPer {position:relative; padding:0 0 0 90px; background:#efefef; border-radius:15px; overflow:hidden;} .stressRes .stressTotal ul li .sPer .preWrap {position:absolute; left:0; top:0; width:90px; height:100%; background:#51308E;} .stressRes .stressTotal ul li .sPer .preWrap .per {position:absolute; left:0; top:50%; width:90px; text-align:center; font-size:29px; color:#ffffff; line-height:1.2; letter-spacing:-1.4px; font-weight:600; margin:-14px 0 0 0;} .stressRes .stressTotal ul li .sPer p {font-size:40px; color:#51308E; line-height:1.2; letter-spacing:-0.8px; padding:15px 30px; text-align: right;} .stressRes .stressResDx {width:100%; overflow:hidden;} .stressRes .stressResDx .scTt {font-size:24px; color:#7064E7; line-height:1.2; letter-spacing:-1.2px; font-weight:600; padding:75px 0 18px 0;} .stressRes .stressResDx .scData {width:100%; padding:24px 30px; background:#eee; border-radius:15px; overflow:hidden;} .stressRes .stressResDx .scData .scTx {width:100%; padding:0 0 24px 0; border-bottom:1px #fff solid; overflow:hidden;} .stressRes .stressResDx .scData .scTx p {font-size:20px; color:#000; line-height:1.4; letter-spacing:-1px;} .stressRes .stressResDx .scData .scTx p strong {font-size:20px; color:#E46182;} .stressRes .stressResDx .scData .scTx p span {font-size:20px; color:#E46182;} .stressRes .stressResDx .scData .scNx {width:100%; padding:24px 0 0 0; overflow:hidden;} .stressRes .stressResDx .scData .scNx strong {font-size:15px; color:#7064E7; line-height:1.2; letter-spacing:-0.5px; font-weight:600;} .stressRes .stressResDx .scData .scNx ul {padding:5px 0 0 0;} .stressRes .stressResDx .scData .scNx ul:after {content:""; display:block; clear:both;} .stressRes .stressResDx .scData .scNx ul li {position:relative; display:block; font-size:14px; color:#000; line-height:1.34; letter-spacing:-0.5px; padding:0 0 0 12px;} .stressRes .stressResDx .scData .scNx ul li:after {content:''; position:absolute; left:1px; top:8px; width:4px; height:4px; border-radius:100%; background:#000;} .stressRes .stressResTa {width:100%; overflow:hidden;} .stressRes .stressResTa .stTt {font-size:24px; color:#7064E7; line-height:1.2; letter-spacing:-1.2px; font-weight:600; padding:75px 0 18px 0;} .stressRes .stressResTa .tabs {width:100%; overflow:hidden;} .stressRes .stressResTa .tabs ul:after {content:""; display:block; clear:both;} .stressRes .stressResTa .tabs ul li {float:left; width:50%; text-align:center;} .stressRes .stressResTa .tabs ul li a {display:block; width:100%; border-bottom:4px #ccc solid; font-size:20px; color:#ccc; line-height:48px; letter-spacing:-1.2px; } .stressRes .stressResTa .tabs ul li a.on {color:#7064E7; border-color:#7064E7;} /* table */ .basic {display:none; position:relative; width:100%; margin:30px 0 0 0; overflow-x:auto !important;} .basic table {border-top:1px #c7c6c3 solid; border-bottom:1px #c7c6c3 solid;} .basic th {font-size:14px; color:#000; line-height:1.2; font-weight:600; padding:8px 2px 8px 5px; text-align:left; border-bottom:1px #c7c6c3 solid; border-right:1px #c7c6c3 solid;} .basic th.bg {background:#efefef; text-align:center; padding:8px 0;} .basic th.left {padding:8px 2px 8px 5px; text-align:left;} .basic tr:last-child th {border-bottom:0;} .basic td {font-size:13px; color:#000; line-height:1.2; padding:8px 0; text-align:center; border-right:1px #c7c6c3 solid; border-bottom:1px #c7c6c3 solid;} .basic td.th {font-size:14px; background:#efefef; font-weight:600;} .basic td.left {padding:8px 2px 8px 5px; text-align:left;} .basic td.brl {border-right:1px #c7c6c3 solid !important;} .basic td:last-child {border-right:0;} .basic tr:last-child td {border-bottom:0;} .basic::-webkit-scrollbar {height:5px;} .basic .col1 {width:70px;} .basic .type5 .col2 {width:60px;} .basic .type5 .col3 {width:60px;} .basic .type5 .col4 {width:60px;} .basic .type5 .col5 {width:60px;} .basic .type5 .col6 {width:160px;} .basic .low-score {color: #59AAE2; font-weight: 600;} .basic .high-score {color: #E46182; font-weight: 600;} /* nurigo 2.0 */ .nurigoUpgrade {width:100%; padding:118px 0 50px 0;} .nurigoUpgrade .nurigoUpba {position:relative; width:100%; height:280px; border-radius:20px; background:url('../images/new/bg_ssoc_titbar.png') left top no-repeat; background-size:cover; overflow:hidden;} .nurigoUpgrade .nurigoUpba p {position:absolute; left:340px; top:150px; font-size:24px; color:#fff; line-height:1; letter-spacing:-0.8px;} .nurigoUpgrade .nurigoUpba p strong {display:block; font-size:50px; color:#fff; line-height:1.3; letter-spacing:-1.2px; padding:5px 0 0 0;} .nurigoUpgrade .nurigoUpba p strong span {display:block; font-size:60px; color:#fff; line-height:1.3; letter-spacing:-1.2px;} .nurigoUpgrade .nurigoUpba .img {position:absolute; bottom:5;} .nurigoUpgrade .nurigoUpba .img img {width:420px;} .nurigoUpgrade .nurigoTt {width:100%; font-size:30px; color:#000; line-height:1.2; letter-spacing:-1.2px; font-weight:600; text-align:center; padding:70px 0; overflow:hidden;} .nurigoUpgrade .nurigoTt strong {display:block; font-size:48px; letter-spacing:-2px; padding:6px 0 0 0;color: #7064E7;} .nurigoUpgrade .quickGoto {margin-top:0;} .nurigoUpgrade .quickGoto .item {z-index:0;} .nurigoUpgrade .quickGoto .item a:after {opacity:1; background: linear-gradient(360deg, #AF8EFF 0%, #CEC5FE 52%, #E4DFFF 100%);} .nurigoUpgrade .quickGoto .item .tx {line-height:1.2; z-index:2;} .nurigoUpgrade .nurigoUpList {width:100%; overflow:hidden} .nurigoUpgrade .nurigoUpList ul:after {content:""; display:block; clear:both;} .nurigoUpgrade .nurigoUpList ul li {display:block; margin:0 0 50px 0;} .nurigoUpgrade .nurigoUpList ul li:last-child {margin:0;} .nurigoUpgrade .nurigoUpList ul li .img {width:100%; border-radius:20px; overflow:hidden;} .nurigoUpgrade .nurigoUpList ul li .img img {width:100%;} .nurigoUpgrade .nurigoUpList ul li .tt {font-size:28px; color:#7064E7; line-height:1.2; letter-spacing:-1.2px; font-weight:600; padding:28px 0 10px 0;} .nurigoUpgrade .nurigoUpList ul li .tx {font-size:18px; color:#000; line-height:1.5; letter-spacing:-0.8px;} /* 지역 우선 예약 */ .preReserWrap {width:100%; padding:140px 0 0 0;} .preReserWrap .preReser {position:relative; padding:0 120px 0 0;} .preReserWrap .preReser input {border-right:0; border-radius:10px 0 0 10px;} .preReserWrap .preReser button {position:absolute; right:0; top:0; width:120px; text-align:center; background:#7064E7; height:60px; border-radius:0 10px 10px 0;} .preReserWrap .preReser button span {font-size:24px; color:#fff; line-height:60px;} .preReserWrap .preReser .ex {font-size:17px; color:#7064E7; line-height:1.2; padding:14px 0 0 0;} .preReserWrap .preRBtn {margin:40px 0 0 0;} .preReserWrap .preRTt {font-size:28px; color:#000; line-height:60px; font-weight:600; padding:54px 0 28px 0;} .preReserWrap .preRMap {width:100%; border:1px #ccc solid; border-radius:15px; overflow:hidden;} .preReserWrap .preRMap .tt {font-size:24px; color:#7064E7; line-height:1.2; font-weight:600; padding:27px 32px 0;} .preReserWrap .preRMap .tx {font-size:20px; color:#000; line-height:1.2; padding:10px 32px 28px;} .preReserWrap .preRMap .map {width:100%; overflow:hidden;} .preReserWrap .preRMap .map .sampleImg {width:100%;} .preReserWrap .preRMap .btn button {border-radius:0 0 10px 10px;} .preReserWrap .preRSpecial {width:100%; overflow:hidden;} .preReserWrap .preRSpecial ul {display:grid; gap:32px; grid-template-columns: repeat(2, 1fr);} .preReserWrap .preRSpecial ul li {height:250px; background:#EEEEEE; border-radius:15px; text-align:center; overflow:hidden;} .preReserWrap .preRSpecial ul li a {display:block; width:100%; height:100%;} .preReserWrap .preRSpecial ul li a .ico {width:100%; height:95px; margin:55px 0 0 0;} .preReserWrap .preRSpecial ul li a .tx {font-size:26px; color:#000; line-height:1.2; font-weight:600; padding:22px 0 0 0;} .preReserWrap .preRSpecial ul li.s01 a .ico {background-image: url("data:image/svg+xml,%3Csvg id='Capa_1' enable-background='new 0 0 512 512' height='512' viewBox='0 0 512 512' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='m210.75 75.25c-49.913 0-90.375 40.462-90.375 90.375s40.462 90.375 90.375 90.375h-30.125c-33.275 0-60.25 26.975-60.25 60.25s26.975 60.25 60.25 60.25h30.125c-49.913 0-90.375 40.462-90.375 90.375v30.125l15 15h30.25l15-15v-30.125c0-16.638 13.487-30.125 30.125-30.125h76.471l19.556-181.75-19.556-179.75z' fill='%23ff1979'/%3E%3Cpath d='m344.825 196.365-.196-.615h76.996c33.275 0 60.25-26.975 60.25-60.25s-26.975-60.25-60.25-60.25h-30.12c-16.638 0-30.125-13.487-30.125-30.125v-30.125l-15-15h-30.25l-15 15v30.125c0 10.564 1.819 20.702 5.15 30.125h-19.059v361.5h134.106c33.44 0 60.548-27.108 60.548-60.548v-29.827c0-78.611-60.224-143.146-137.05-150.01z' fill='%23d4117c'/%3E%3Cg fill='%23ff808e'%3E%3Cpath d='m165.625 331.25h121.596l14-15-14-15h-121.596z'/%3E%3Cpath d='m210.75 120.5c-24.882 0-45.125 20.243-45.125 45.125s20.243 45.125 45.125 45.125h76.471l12-15-12-15h-76.471c-8.34 0-15.125-6.785-15.125-15.125s6.785-15.125 15.125-15.125h76.471l12-15.223-12-14.777z'/%3E%3Cpath d='m210.75 421.75c-24.882 0-45.125 20.243-45.125 45.125v45.125h30v-45.125c0-8.34 6.785-15.125 15.125-15.125h76.471l10-15-10-15z'/%3E%3Cpath d='m180.625 361.5c-24.951 0-45.25-20.299-45.25-45.25s20.299-45.25 45.25-45.25h106.596l13.905-16-13.905-14h-76.471c-41.562 0-75.375-33.813-75.375-75.375s33.813-75.375 75.375-75.375h76.471l13.905-15-13.905-15h-76.471c-58.104 0-105.375 47.271-105.375 105.375 0 33.984 16.176 64.257 41.228 83.539-24.438 12.445-41.228 37.833-41.228 67.086s16.789 54.641 41.228 67.086c-25.052 19.282-41.228 49.554-41.228 83.539v45.125h30v-45.125c0-41.562 33.813-75.375 75.375-75.375h76.471l13.905-14.812-13.905-15.188z'/%3E%3C/g%3E%3Cpath d='m406.625 346.375v45.125h30v-45.125c0-58.104-47.271-105.375-105.375-105.375h-44.029v30h44.029c41.562 0 75.375 33.813 75.375 75.375z' fill='%23ff5c88'/%3E%3Cpath d='m426.005 210.613c39.461-2.277 70.87-35.091 70.87-75.113 0-41.493-33.757-75.25-75.25-75.25h-30.12c-8.34 0-15.125-6.785-15.125-15.125v-45.125h-30v45.125c0 24.882 20.243 45.125 45.125 45.125h30.12c24.951 0 45.25 20.299 45.25 45.25s-20.299 45.25-45.25 45.25h-134.404v30h44.029c74.784 0 135.625 60.841 135.625 135.625v29.827c0 25.115-20.433 45.548-45.548 45.548s-45.549-20.433-45.549-45.548v-29.827c0-24.882-20.243-45.125-45.125-45.125h-43.432v30h43.432c8.34 0 15.125 6.785 15.125 15.125s-6.785 15.125-15.125 15.125h-43.432v30h43.432c5.687 0 11.126-1.068 16.142-2.997 2.03 12.339 7.052 23.679 14.306 33.247h-73.881v30h134.106c41.657 0 75.548-33.891 75.548-75.548v-29.827c.001-56.113-28.055-105.79-70.869-135.762z' fill='%23ff5c88'/%3E%3Cpath d='m296.298 90.25c5.396 11.34 12.753 21.574 21.64 30.25h-30.717v30h149.404v-30h-45.12c-41.562 0-75.375-33.813-75.375-75.375v-45.125h-30v45.125c0 5.135.377 10.184 1.091 15.125v30z' fill='%23ff5c88'/%3E%3Ccircle cx='120.519' cy='105.394' fill='%23f5f6fa' r='105.394'/%3E%3Cpath d='m110.313 156.655-50.289-50.288 21.213-21.213 29.076 29.075 49.489-49.489 21.213 21.213z' fill='%2308c0e0'/%3E%3C/g%3E%3C/svg%3E"); background-position:50%; background-repeat:no-repeat; background-size:100px auto;} .preReserWrap .preRSpecial ul li.s02 a .ico {background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' enable-background='new 0 0 66 66' height='512' viewBox='0 0 66 66' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cellipse cx='20.38' cy='39.19' fill='%23e6e9ee' rx='8.85' ry='17.26'/%3E%3Cpath d='m20.38 50.37c-2.71 0-5-5.12-5-11.18s2.29-11.18 5-11.18 5 5.12 5 11.18-2.29 11.18-5 11.18z' fill='%23fff'/%3E%3Cpath d='m11.53 39.19c0-9.53 3.96-17.26 8.85-17.26h-8.34c-4.89 0-8.85 7.73-8.85 17.26s3.96 17.26 8.85 17.26h8.34c-4.89 0-8.85-7.73-8.85-17.26z' fill='%23aab2bd'/%3E%3Cpath d='m6.19 39.19c0-9.53 3.96-17.26 8.85-17.26h-3c-4.89 0-8.85 7.73-8.85 17.26s3.96 17.26 8.85 17.26h3c-4.89 0-8.85-7.73-8.85-17.26z' opacity='.1'/%3E%3Cpath d='m61.81 43.68h-39.43c-1.1 0-2 .9-2 2v2.69c0 1.1.9 2 2 2h39.44c1.1 0 2-.9 2-2v-2.69c-.01-1.1-.9-2-2.01-2z' fill='%23e6e9ee'/%3E%3Cpath d='m24.46 48.02c-1.1 0-2-.9-2-2v-2.34h-.08c-1.1 0-2 .9-2 2v2.69c0 1.1.9 2 2 2h39.44c1.1 0 2-.9 2-2v-.35z' opacity='.1'/%3E%3Cpath d='m35.77 64h9.64l9.22-13.63h-9.65z' fill='%235d5b68'/%3E%3Cpath d='m44.99 55.3 3.33-4.93h-3.34l-9.21 13.63h9.64l2.35-3.47c-2.69 0-4.28-3.01-2.77-5.23z' opacity='.1'/%3E%3Cpath d='m21.11 56.45h-11.16c-1.11 0-2.01.9-2.01 2.01v5.54h15.17v-5.54c.01-1.11-.89-2.01-2-2.01z' fill='%23ff4823'/%3E%3Cpath d='m15.87 61.48c-2.78 0-5.03-2.25-5.03-5.03h-.89c-1.11 0-2.01.9-2.01 2.01v5.54h15.17v-2.52z' opacity='.1'/%3E%3Cg%3E%3Cpath d='m61.08 65h-57.89c-.55 0-1-.45-1-1s.45-1 1-1h57.9c.55 0 1 .45 1 1s-.45 1-1.01 1z' fill='%23aab2bd'/%3E%3C/g%3E%3Ccircle cx='26.74' cy='39.4' fill='%23fec200' r='4.28'/%3E%3Cpath d='m28.51 41.45c-2.37 0-4.28-1.92-4.28-4.28 0-.49.1-.96.25-1.4-1.21.76-2.02 2.09-2.02 3.62 0 2.37 1.92 4.28 4.28 4.28 1.87 0 3.45-1.21 4.03-2.89-.66.43-1.43.67-2.26.67z' opacity='.1'/%3E%3Cpath d='m55.42 38.4-3.21-.63-4.22-1.03c-3.61-.88-7.37-.87-10.98.02l-6.15 1.52c.09.35.16.72.16 1.1 0 2.37-1.92 4.28-4.28 4.28h32.98c0-2.58-1.84-4.76-4.3-5.26z' fill='%23009aff'/%3E%3Cg%3E%3Cpath d='m39.68 9.02c-.55 0-1-.45-1-1v-6.02c0-.55.45-1 1-1s1 .45 1 1v6.02c0 .55-.45 1-1 1z' fill='%235d5b68'/%3E%3C/g%3E%3Cg%3E%3Cpath d='m56.24 9.02c-.55 0-1-.45-1-1v-6.02c0-.55.45-1 1-1s1 .45 1 1v6.02c0 .55-.45 1-1 1z' fill='%235d5b68'/%3E%3C/g%3E%3Cpath d='m15.87 43.95h-4c.1.68.22 1.35.36 2h4.2c-.22-.62-.4-1.29-.56-2z' fill='%23aab2bd'/%3E%3Cpath d='m58.78 8.02h-21.64c-1.11 0-2.01.9-2.01 2.01v15.23c0 1.11.9 2.01 2.01 2.01h21.64c1.11 0 2.01-.9 2.01-2.01v-15.24c0-1.11-.9-2-2.01-2z' fill='%235d5b68'/%3E%3Cpath d='m39.14 12.03h17.63v11.21h-17.63z' fill='%23ff4823'/%3E%3Cpath d='m56.77 16.69h-4.22c-.29 0-.56.12-.75.34l-.17.19-1.36-2.12c-.21-.32-.56-.5-.95-.46-.38.04-.7.29-.83.64l-.99 2.63-1.5-3.53c-.14-.34-.46-.57-.82-.61-.37-.03-.72.13-.93.43l-1.65 2.43h-3.47v2h4c.33 0 .64-.16.83-.44l.91-1.35 1.77 4.16c.16.37.52.61.92.61h.02c.41-.01.77-.26.92-.65l1.17-3.1 1 1.56c.17.26.45.43.77.46.33.02.62-.1.83-.34l.73-.85h3.77z' fill='%23e6e9ee'/%3E%3Cpath d='m36.58 41.04c-1.8 0-3.27-1.46-3.27-3.27v-.09l-2.45.61c.09.35.16.72.16 1.1 0 2.37-1.92 4.28-4.28 4.28h32.98c0-.96-.25-1.86-.7-2.64h-22.44z' opacity='.1'/%3E%3Cpath d='m54.39 24.6c-9.16 0-16.59-7.43-16.59-16.59h-.67c-1.11 0-2.01.9-2.01 2.01v15.23c0 1.11.9 2.01 2.01 2.01h21.64c1.11 0 2.01-.9 2.01-2.01v-.65z' opacity='.1'/%3E%3C/g%3E%3C/svg%3E"); background-position:50%; background-repeat:no-repeat; background-size:100px auto;} .preReserWrap .preRSpecial ul li.s03 a .ico {background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' enable-background='new 0 0 512 512' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='m389.739 512c-35.802 0-64.929-29.127-64.929-64.929v-49.675c0-4.204 3.408-7.612 7.612-7.612s7.612 3.408 7.612 7.612v49.675c0 27.407 22.297 49.705 49.705 49.705s49.705-22.297 49.705-49.705v-49.674c0-4.204 3.408-7.612 7.612-7.612s7.612 3.408 7.612 7.612v49.674c.001 35.802-29.127 64.929-64.929 64.929z' fill='%230273bf'/%3E%3Cpath d='m462.341 369.376v28.02c0 8.441-6.843 15.284-15.284 15.284s-15.284-6.843-15.284-15.284v-28.02z' fill='%23358cd9'/%3E%3Cpath d='m347.707 382.112v15.285c0 8.441-6.843 15.284-15.284 15.284s-15.285-6.843-15.285-15.284v-15.285c7.623-10.164 22.946-10.164 30.569 0z' fill='%23358cd9'/%3E%3Cpath d='m265.727 382.112 10.353 37.961c5.283 19.37-9.299 38.461-29.377 38.461h-57.828c-20.078 0-34.659-19.091-29.377-38.461l10.353-37.961c30.527-9.987 64.116-10.391 95.876 0z' fill='%23b9b9f9'/%3E%3Cpath d='m431.775 45.674v290.763c0 25.225-20.449 45.674-45.674 45.674h-193.081l-5.089-.427c-43.895-3.679-78.37-39.135-80.817-83.116l-11.369-204.341c-2.666-47.917 33.415-89.197 81.259-92.965l16.016-1.262h193.081c25.225 0 45.674 20.449 45.674 45.674z' fill='%23eeecff'/%3E%3Cpath d='m193.02 382.112h-143.539c-25.222 0-45.674-20.452-45.674-45.674v-290.764c0-25.222 20.452-45.674 45.674-45.674h143.539c-22.685 0-41.503 16.544-45.065 38.214-.947 5.661-.609.071-.609 298.223 0 25.223 20.452 45.675 45.674 45.675z' fill='%23d3d3ff'/%3E%3Cpath d='m393.561 53.439v229.326c0 8.404-6.821 15.225-15.225 15.225h-230.99c-39.464-83.963-57.005-185.686.609-259.775h230.381c8.404-.001 15.225 6.81 15.225 15.224z' fill='%2383deff'/%3E%3Cpath d='m147.955 38.214c-.947 5.661-.609-.001-.609 259.775h-90.1c-8.414 0-15.225-6.821-15.225-15.225v-229.325c0-8.414 6.811-15.225 15.225-15.225z' fill='%232ecefb'/%3E%3Cpath d='m327.272 251.605c-57.437 8.684-117.935 10.834-179.926 4.831-32.789-53.966-33.466-121.399 0-176.283 4.871-.902 12.047-4.597 20.777-3.4 32.936 4.517 66.4 4.517 99.337 0 15.194-2.081 29.973 5.694 35.799 18.99l49.592 113.333c8.129 18.575-4.386 39.321-25.579 42.529z' fill='%23358cd9'/%3E%3Cpath d='m147.346 80.153v176.283c-13.723-1.319-26.755-2.974-39.047-4.831-21.183-3.207-33.697-23.954-25.567-42.528l49.592-113.333c3.004-6.872 8.404-12.272 15.022-15.591z' fill='%230273bf'/%3E%3Cg fill='%23495560'%3E%3Cpath d='m154.404 348.169c-4.204 0-7.612-3.408-7.612-7.612v-12.18c0-4.204 3.408-7.612 7.612-7.612s7.612 3.408 7.612 7.612v12.18c.001 4.204-3.408 7.612-7.612 7.612z'/%3E%3Cpath d='m281.173 348.169c-4.204 0-7.612-3.408-7.612-7.612v-12.18c0-4.204 3.408-7.612 7.612-7.612s7.612 3.408 7.612 7.612v12.18c.001 4.204-3.407 7.612-7.612 7.612z'/%3E%3Cpath d='m195.339 345.196c-2.762-3.169-2.432-7.978.737-10.74s7.978-2.433 10.74.737c5.811 6.666 16.135 6.666 21.945 0 2.761-3.17 7.57-3.499 10.74-.737 12.838 11.188-23.658 34.265-44.162 10.74z'/%3E%3C/g%3E%3Cpath d='m213.719 220.862c-100.048-38.879-47.783-122.285.079-92.158 2.442 1.537 5.539 1.537 7.982 0 47.863-30.127 100.127 53.279.079 92.158-2.617 1.017-5.524 1.017-8.14 0z' fill='%23ff6e80'/%3E%3Cpath d='m450.54 283.91-41.07 17.748 4.592 52.65c1.372 15.732 14.543 27.804 30.334 27.804h5.319c15.792 0 28.962-12.072 30.335-27.804l4.592-52.65z' fill='%230262aa'/%3E%3Cpath d='m508.193 244.429v27.567c0 14.423-10.13 26.806-24.238 29.82-6.394 1.36-12.858 2.288-19.346 3.004-29.37 3.243-45.607-7.815-52.656-23.982-4.82-11.055-6.741-22.966-5.812-34.758 1.309-16.607 14.619-29.749 31.226-31.059 17.421-1.374 14.995-1.042 40.365-1.042 16.82 0 30.461 13.632 30.461 30.45z' fill='%23358cd9'/%3E%3Cpath d='m464.61 304.82c-18.158 1.807-36.59.802-54.454-3.004-14.108-3.015-24.238-15.397-24.238-29.82v-27.567c0-16.818 13.631-30.45 30.45-30.45h35.098c-16.818 0-30.45 13.631-30.45 30.45v27.567c0 14.423 10.13 26.806 24.238 29.82 6.395 1.36 12.86 2.365 19.356 3.004z' fill='%230273bf'/%3E%3Cpath d='m462.34 267.448h-30.569c-4.204 0-7.612-3.408-7.612-7.612s3.408-7.612 7.612-7.612h30.569c4.204 0 7.612 3.408 7.612 7.612.001 4.204-3.407 7.612-7.612 7.612z' fill='%230273bf'/%3E%3C/g%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3C/svg%3E"); background-position:50%; background-repeat:no-repeat; background-size:94px auto;} .preReserWrap .preRSpecial ul li.s04 a .ico {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Capa_1' xmlns='http://www.w3.org/2000/svg' width='180.6mm' height='180.6mm' version='1.1' viewBox='0 0 512 512'%3E%3C!-- Generator: Adobe Illustrator 29.1.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 142) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23f8d3aa; %7D .st1 %7B fill: %2365a9dc; %7D .st2 %7B fill: %2351308e; %7D .st3 %7B fill: %23ffe6c6; %7D .st4 %7B fill: %23fff3e0; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st4' d='M505.9,14.4v479.9c0,9.5-7.7,17.2-17.2,17.2H230.9c-9.7,0-17.5-8.1-17.1-17.8.3-9.6.5-19.1.4-28.7l1.5-50.5-41.6-33.4-4.2,117.3c-.3,7.3-6.3,13.1-13.6,13.1h-75.4c-7.6,0-13.8-6.3-13.6-13.9l7.5-282.6c.5-20.1,4.9-39.3,12.5-56.7l17.9-30.9c28-37.4,72.6-61.6,122.8-61.6h10c28.4,0,54.3-16.5,66.2-42.4l6.8-14.8c2.3-4.9,7.2-8.1,12.6-8.1h168.5c7.7,0,13.9,6.2,13.9,13.9h0Z'/%3E%3Cpath class='st3' d='M260.2,488.1l1.5-50.5-41.6-33.4-3.5,99.5c3.1,4.6,8.3,7.7,14.3,7.7h29.1c.2-7.8.3-15.6.2-23.4Z'/%3E%3Cpath class='st3' d='M120.9,238.1c.5-20.1,4.9-39.3,12.5-56.7l17.9-30.9c28-37.4,72.6-61.6,122.8-61.6h10c12.6,0,24.8-3.3,35.4-9.2,16-8.9,27.8-23.8,33.4-41.3L365.1.5h-41.6c-5.4,0-10.3,3.2-12.6,8.1l-6.8,14.8c-11.9,25.8-37.7,42.4-66.2,42.4h-10c-50.2,0-94.8,24.1-122.8,61.6l-17.9,30.9c-7.5,17.5-12,36.6-12.5,56.7l-7.5,282.6c-.2,7.6,5.9,13.9,13.6,13.9h32.8l7.2-273.4Z'/%3E%3Cpath class='st2' d='M486.2,464.9H25.8C11.6,464.9,0,453.4,0,439.1V153.2C0,138.9,11.6,127.3,25.8,127.3h460.3c14.3,0,25.8,11.6,25.8,25.8v285.9c0,14.3-11.6,25.8-25.8,25.8Z'/%3E%3Cpath class='st1' d='M457.1,434.1H30.9V158.2h450.3v275.9h-24.1Z'/%3E%3Cpath class='st3' d='M69,434.1h103.2l1.9-53,41.6,33.4-.6,19.6h266.1V158.2H87.3c-7.5,17.5-12,36.6-12.5,56.7l-5.8,219.2Z'/%3E%3Cpath class='st0' d='M120.9,238.1c.5-20.1,4.9-39.3,12.5-56.7l13.4-23.1h-59.5c-7.5,17.5-12,36.6-12.5,56.7l-5.8,219.2h46.7l5.2-196Z'/%3E%3Cg%3E%3Cpath class='st0' d='M275.1,355.4v-99.4h-83.5c-11.4,0-21.9,6.1-27.5,16l-5,8.7c-11.1,19.4-16.9,41.4-16.9,63.6s10.8,59.8,30.2,82.8l1.6-46,41.6,33.4-.6,19.6h147.5c8-8.2,14.9-17.3,20.3-27.2,2.4-4.3,8.6-4.3,11,0,5.6,10,12.5,19.1,20.6,27.3h66.7v-78.7h-206.1Z'/%3E%3Cpath class='st3' d='M320.5,434.1c28.5-15.8,49.8-44.9,52.5-82.5l1.6-22.3v-143.9h-150.9v5.4c0,18.9-4.9,37.4-14.3,53.7l-27.9,48.9c-9.1,16-13.5,33.5-13.5,50.9,0,29.1,12.4,57.8,35.7,77.9,5.4,4.6,11,8.6,16.8,11.9h100Z'/%3E%3Cpath class='st0' d='M271.7,237.7c-7.4-10.2-23.2-7.8-27.7,4-2.5,6.5-5.5,12.8-8.9,18.8l-9,15.7c-6.1,10.7,1.6,23.9,13.9,23.9,21.7,0,39.3-17.6,39.3-39.3,0-8.6-2.8-16.6-7.5-23.1h0Z'/%3E%3Cpath class='st0' d='M250.4,376.5c-4.3,0-7.7-3.5-7.7-7.7v-5.3c0-4.3,3.5-7.7,7.7-7.7s7.7,3.5,7.7,7.7v5.3c0,4.3-3.5,7.7-7.7,7.7Z'/%3E%3Cpath class='st3' d='M481.1,214.3v219.7h-24.1c-29-15.5-50.7-44.7-53.4-82.7l-1.5-22.1v-114.9h79Z'/%3E%3Cpath class='st1' d='M441.2,197.8h-100.7c-4.3,0-7.7-3.5-7.7-7.7s3.5-7.7,7.7-7.7h100.7c4.3,0,7.7,3.5,7.7,7.7s-3.5,7.7-7.7,7.7Z'/%3E%3Cpath class='st1' d='M441.2,229.7h-100.7c-4.3,0-7.7-3.5-7.7-7.7s3.5-7.7,7.7-7.7h100.7c4.3,0,7.7,3.5,7.7,7.7s-3.5,7.7-7.7,7.7Z'/%3E%3Cpath class='st1' d='M441.2,261.5h-100.7c-4.3,0-7.7-3.5-7.7-7.7s3.5-7.7,7.7-7.7h100.7c4.3,0,7.7,3.5,7.7,7.7s-3.5,7.7-7.7,7.7Z'/%3E%3C/g%3E%3C/svg%3E"); background-position:50%; background-repeat:no-repeat; background-size:95px auto;} /* 진행 절차 페이지 */ .process {width:100%; text-align:center; padding:150px 0 50px 0; overflow:hidden;} .process .ico {width:220px; margin:0 auto;} .process .ico img {width:100%;} .process .processTxt {font-size:24px; color:#51308E; line-height:1.2; letter-spacing:-1.2px; line-height: 1.4 } /* 에러페이지 */ .errorPage {width:100%; text-align:center; padding:150px 0 50px 0; overflow:hidden;} .errorPage .ico {width:220px; margin:0 auto;} .errorPage .ico img {width:100%;} .errorPage .errorTxt {font-size:28px; color:#51308E; line-height:1.2; letter-spacing:-1px;font-weight: 600;} .errorPage .errorsubTxt {font-size:24px; color:#7064E7; line-height:1; letter-spacing:-1px; padding:10px 0 0 0;} /* 검진병원 */ .medicalHospital {width:100%; padding:40px 0 50px 0;} .medicalHospital .mHTabs {width:100%; overflow:hidden;} .medicalHospital .mHTabs ul:after {content:""; display:block; clear:both;} .medicalHospital .mHTabs ul li {display:inline-block; margin:0 16px 0 0;} .medicalHospital .mHTabs ul li a {display:inline-block; font-size:18px; color:#7064E7; line-height:40px; padding:0 18px; background:#f7f4fe; border-radius:40px;} .medicalHospital .mHTabs ul li a.on {background:#AF8EFF; color:#fff;} .medicalHospital .mHMap {width:100%; margin:30px 0 0 0; border:1px #ccc solid; border-radius:15px; overflow:hidden;} .medicalHospital .mHMap .state {width:100%; padding:18px 32px; overflow:hidden;} .medicalHospital .mHMap .state ul:after {content:""; display:block; clear:both;} .medicalHospital .mHMap .state ul li {display:inline-block; margin:0 10px 0 0;} .medicalHospital .mHMap .state ul li span {display:inline-block; font-size:13px; color:#fff; line-height:40px; padding:0 16px 0 34px; background:url('../images/new/bg_mh_state_lo.png') #7064E7 left 16px top 50% no-repeat; border-radius:40px; background-size:14px auto;} .medicalHospital .mHMap .tt {font-size:28px; color:#000; line-height:1.2; font-weight:600; padding:0 32px;} .medicalHospital .mHMap .tx {font-size:22px; color:#999; line-height:1.6; padding:5px 32px;} .medicalHospital .mHMap .info {position:relative; padding:0 32px 18px;} .medicalHospital .mHMap .info .tel {font-size:22px; color:#999; line-height:1.2;padding-top: 10px;} .medicalHospital .mHMap .info .mylocation {position:absolute; right:32px; top:6px;} .medicalHospital .mHMap .info .mylocation a {font-size:15px; color:#7064E7; line-height:18px; padding:0 0 0 22px; background:url('../images/new/bg_mh_mylocation.png') left top 50% no-repeat; background-size:14px auto;} .medicalHospital .mHMap .map {width:100%; overflow:hidden;} .medicalHospital .mHMap .map .sampleImg {width:100%;} .medicalHospital .mHMap .btn ul:after {content:""; display:block; clear:both;} .medicalHospital .mHMap .btn ul li {float:left; width:50%;} .medicalHospital .mHMap .btn ul li button {height:62px;} .medicalHospital .mHMap .btn ul li button span {line-height:62px; font-size:24px;} .medicalHospital .mHMap .btn ul li:nth-child(1) button {border-radius:0 0 0 10px;} .medicalHospital .mHMap .btn ul li:nth-child(2) button {border-radius:0 0 10px 0;} /* 5대 질환 */ .illnessList {display:flex; justify-content: space-between; width:100%; padding:0 0 24px 0; overflow:hidden; box-sizing:border-box;} .illnessList button {background: inherit ; border:none; box-shadow:none; padding:0; overflow:visible; cursor:pointer; border-radius:20px;} .illnessList button span {font-size:18px; color:#000; line-height:40px; padding:0 18px; letter-spacing:0.1px;} .illnessList button.on {background:#6688e2;} .illnessList button.on span {color:#fff;} .recentState {position:relative; width:100%; background:#efefef; padding:30px 20px; border-radius:15px; box-sizing:border-box;} .recentState .ico {position:absolute; left:0; top:50%; width:27%; text-align:center; margin:-25px 0 0 0;} .recentState .ico img {width:50px;} .recentState .txt {padding:0 0 0 25%;} .recentState .txt:after {content:""; display:block; clear:both;} .recentState .txt p {font-size:18px; color:#666; line-height:1.3; letter-spacing:0.1px;} .recentState .txt p span {font-size:18px; font-weight:600;} .recentState .txt p strong {font-size:18px; color:#6688e2;} .illnessTit {width:100%; padding:30px 0 20px; overflow:hidden;} .illnessTit .tit {display:inline-block; position:relative; font-size:20px; color:#000; line-height:1.2; font-weight:600; padding:0 26px 0 12px;} .illnessTit .tit a {position:absolute; right:0; top:50%; margin:-8px 0 0 0;} .illnessTit .tit a img {width:20px;} .illnessCate {position:relative; width:110%; margin:0 0 0 -5%; box-sizing:border-box;} .illnessCate ul:after {content:""; display:block; clear:both;} .illnessCate ul li {display:inline-block;} .illnessCate ul li a {display:inline-block; background:#f7f4fe; border-radius:40px;} .illnessCate ul li a span {font-size:16px; color:#7064E7; line-height:40px; padding:0 18px;} .illnessCate ul li a.on {background:#AF8EFF;} .illnessCate ul li a.on span {color:#fff;} .illnessCate .swiper-slide {width:auto; margin:0 20px 0 0;} .illnessCate .swiper-slide:first-child {margin-left:38px;} .illnessCate .swiper-slide:last-child {margin-right:38px;} .illnessGraph {position:relative; width:100%; margin:25px 0 0 -10px; padding:0 12px 0 0; box-sizing:border-box;} .referenceTxt {font-size:18px; color:#000; line-height:1.4; padding:5px 0 25px 0; text-align:center;} .precautions {position:relative; width:100%; background:#e9eefb; padding:30px 20px; border-radius:15px; box-sizing:border-box;} .precautions .ico {position:absolute; left:20px; top:50%; width:120px; text-align:center; margin:-20px 0 0 0;} .precautions .ico img {width:50px;} .precautions .txt {padding:0 0 0 120px; word-break:keep-all;} .precautions .txt:after {content:""; display:block; clear:both;} .precautions .txt p {font-size:18px; color:#282728; line-height:1.4;} .illnessNoti {width:100%; margin:25px 0 0 0; overflow:hidden;} .illnessNoti ul:after {content:""; display:block; clear:both;} .illnessNoti ul li {position:relative; font-size:16px; color:#282728; line-height:1.5; padding:0 0 0 10px; word-break:keep-all;} .illnessNoti ul li:after {position:absolute; left:2px; top:12px; content:''; width:2px; height:2px; background:#000; border-radius:100%;} /* sub tabs */ .subTabs {width:110%; margin:0 0 0 -5%; overflow:hidden;} .subTabs ul:after {content:""; display:block; clear:both;} .subTabs ul li {float:left; width:50%; text-align:center;} .subTabs ul li a {display:block; width:100%; border-bottom:5px #ccc solid; font-size:30px; color:#ccc; line-height:66px; letter-spacing:-1.5px; } .subTabs ul li a.on {color:#7064E7; border-color:#7064E7;} /*** popWrap ***/ #popWrap {position:fixed; left:0; top:50%; width:100%; height:100%; z-index:100; opacity:0; transition:margin 0.3s ease-in-out;} #popWrap .guCont {position:relative; background:#fff; border-radius:30px; overflow:hidden;} #popWrap .guCont .innerBox {padding:40px 30px;} #popWrap .guHead {width:100%; padding:0 0 20px 0; overflow:hidden;} #popWrap .guHead .guClosed {position:absolute; right:22px; top:30px; z-index:100;} #popWrap .guHead .guClosed a {display:block; width:40px; height:40px; background-repeat:no-repeat; background-position:50%; background-size:36px auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z'/%3E%3C/svg%3E");} #popWrap #guTMid {position:relative; max-width:730px; height:auto; margin:0 auto; z-index:2;} /* middle */ /* medicalPop */ .medicalPop {width:100%; padding:20px 0 0 0; overflow:hidden;} .medicalPop .medicalImg {width:100%; text-align:center; overflow:hidden;} .medicalPop .medicalImg img {width:150px;} .medicalPop .medicalTt {font-size:34px; color:#333; line-height:1.2; letter-spacing:-1.6px; font-weight:600; padding:30px 0 34px 0; text-align:center;} .medicalPop .medicalTx {font-size:20px; color:#333; line-height:1.5; letter-spacing:-1px; font-weight:300; padding:0 0 60px 0;} /* counselPop */ .counselPop {width:100%; padding:10px 0 0 0; overflow:hidden;} .counselPop .counselImg {width:100%; text-align:center; overflow:hidden;} .counselPop .counselImg img {width:170px;} .counselPop .counselImg img.survey {width:200px;} .counselPop .counselTt {font-size:40px; color:#333; line-height:1.2; letter-spacing:-1.6px; padding:45px 0 65px 0; text-align:center;} .counselPop .counselBtn {width:100%; text-align:center; margin:0 0 20px 0; overflow:hidden;} .counselPop .counselBtn button {width:162px; height:56px; text-align:center; margin:0 auto; background:#7064E7; border-radius:10px;} .counselPop .counselBtn button span {font-size:20px; color:#fff; line-height:56px; letter-spacing:-1.2px; font-weight:500;} /* input */ input[type='text'],input[type='tel'],input[type='password'] {width:100%; height:60px; font-size:24px; color:#000; font-weight:300; letter-spacing:-0.2px; line-height:60px; padding:0 0 0 16px; border:1px #ccc solid; margin:0; border-radius:10px; box-sizing:border-box;} input[type='text']:focus,input[type='tel']:focus,input[type='password']:focus {outline:0; border-color:#000 !important;} input[type='text'].center {text-align:center; padding:0;} input[type='checkbox'] {opacity:0;} input[type='radio'] {opacity:0;} input[type='text']:focus,input[type='tel']:focus,input[type='password']:focus {outline:0;} /* -placeholder */ input::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#999; font-weight:300;} input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#999; opacity:1; font-weight:300;} input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#999; opacity:1; font-weight:300;} input::-ms-input-placeholder { /* Internet Explorer 10-11 */color:#999; font-weight:300;} textarea {width:100%; height:200px; padding:18px 16px; font-size:24px; color:#000; font-weight:300; letter-spacing:-0.8px; line-height:1.2; border:1px #ccc solid; margin:0; border-radius:10px; box-sizing:border-box;} textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#999; font-weight:300;} textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#999; opacity:1; font-weight:300;} textarea::-moz-placeholder { /* Mozilla Firefox 19+ */color:#999; opacity:1; font-weight:300;} textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#999; font-weight:300;} textarea::-ms-input-placeholder { /* Internet Explorer Edge */color:#999; font-weight:300;} textarea:focus {outline:0; border-color:#222;} input[readonly]{background-color:#f9f9f9; border:1px #ccc solid; -webkit-text-fill-color:#222; opacity: 1; /* required on iOS */} input[disabled]{background-color:#f9f9f9; border:1px #ccc solid; -webkit-text-fill-color:#222; opacity: 1; /* required on iOS */} ::-webkit-file-upload-button {cursor:pointer;} /* select */ select {width:100%; height:60px; font-size:22px; color:#000; font-weight:300; letter-spacing:-0.8px; line-height:60px; padding:0 0 0 10px; border:1px #ccc solid; border-radius:10px; background-size:20px auto; background-position:right 23px top 50%; background-repeat:no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' transform='rotate(90)' style='enable-background:new 0 0 512 512' xml:space='preserve'%3E%3Cpath d='M438.2 256c0 15.7-8.5 30.2-22.2 37.9l-277.1 160c-13.5 7.9-30.3 7.9-43.8 0-13.4-7.9-21.5-22.4-21.3-37.9V96c-.1-24.1 19.4-43.7 43.5-43.8 7.7 0 15.4 2 22.1 5.9l276.6 160c13.7 7.7 22.2 22.2 22.2 37.9z' style='fill:%23595757'/%3E%3C/svg%3E"); background-color:#fff;} /* button */ button {background: inherit ; border:none; box-shadow:none; border-radius:10px; padding:0; overflow:visible; cursor:pointer} /* a */ a {outline:0;} a:active, a:focus {outline:0; border:none; -moz-outline-style:none;} /* button */ .baseBtn {width:100%; height:74px; text-align:center; background:#7064E7; border-radius:10px; transition:all 0.3s ease;} .baseBtn span {font-size:30px; color:#fff; font-weight:500; line-height:74px; letter-spacing:-1.4px;} .grayBtn {width:100%; height:74px; text-align:center; background:#c9c9c9; border-radius:10px; transition:all 0.3s ease;} .grayBtn span {font-size:30px; color:#fff; font-weight:500; line-height:74px; letter-spacing:-1.4px;} .blueBtn {width:100%; height:74px; text-align:center; background:#91c3f6; border-radius:10px; transition:all 0.3s ease;} .blueBtn span {font-size:30px; color:#fff; font-weight:500; line-height:74px; letter-spacing:-1.4px;} .orgBtn {width:100%; height:74px; text-align:center; background:#ff7f3f; border-radius:10px; transition:all 0.3s ease;} .orgBtn span {font-size:30px; color:#fff; font-weight:500; line-height:74px; letter-spacing:-1.4px;} .tangBtn {width:100%; height:74px; text-align:center; background:#fe9527; border-radius:10px; transition:all 0.3s ease;} .tangBtn span {font-size:30px; color:#fff; font-weight:500; line-height:74px; letter-spacing:-1.4px;} .goHBtn {width:100%; height:74px; text-align:center; background:#AF8EFF; border-radius:10px; transition:all 0.3s ease;} .goHBtn span {font-size:30px; color:#fff; font-weight:500; line-height:74px; letter-spacing:-1.4px;} /* input radio check */ .inputchk {position:relative;} .inputchk label {display:block; font-size:23px; color:#333; line-height:1.2; letter-spacing:-0.8px; padding:2px 0 0 55px; overflow:hidden; z-index:2;} .inputchk label:after {width:25px; height:25px; content:""; background:url('../images/new/ico_check.png') left top no-repeat; background-size:25px; z-index:2; position:absolute; left:18px; top:50%; transform:translateY(-50%); cursor:pointer;} .inputchk input:checked ~ label {color:#7966ff;} .inputchk input:checked ~ label:after {background:url('../images/new/ico_check_on.png') left top no-repeat; background-size:25px;} .inputchk input {width:25px; height:25px; order:1; z-index:2; position:absolute; left:18px; top:50%; transform:translateY(-50%); cursor:pointer; visibility:hidden;} /* group */ .inputGroup {position:relative; display:block; margin:8px 0;} .inputGroup label {position:relative; display:block; font-size:25px; color:#333; font-weight:300; line-height:44px; background-color:#eee; letter-spacing:-0.8px; padding:18px 20px 18px 80px; border-radius:10px; width:100%; text-align:left; color:#333; cursor:pointer; position:relative; transition:color 200ms ease-in; overflow:hidden; z-index:2;} .inputGroup label:before {width:10px; height:10px; border-radius:50%; content:""; background-color:#eee; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) scale3d(1, 1, 1); transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1); opacity:0; z-index:-1;} .inputGroup label:after {width:32px; height:32px; content:""; background:url('../images/new/ico_check.png') left top no-repeat; background-size:32px; z-index:2; position:absolute; left:32px; top:50%; transform:translateY(-50%); cursor:pointer; transition:all 200ms ease-in;} .inputGroup label span {position:relative; font-size:18px; color:#e50065; line-height:1.2; letter-spacing:-0.8px; font-weight:500; margin:-11px 0 0 0;} .inputGroup label span.red {position:relative; font-size:14px; color:#e50065; line-height:1.2; letter-spacing:-0.8px; font-weight:500; margin:0 0 0 10px;border: 1px solid #e50065; border-radius: 5px;padding: 5px;top:-3px;} .inputGroup label u {display:inline-block; font-size:18px; color:#666; line-height:1.2; letter-spacing:-0.8px; font-weight:500; text-decoration:none; padding:0 0 0 15px; transform:translateY(-3px); } .inputGroup input:checked ~ label {color:#000; font-weight:600;} .inputGroup input:checked ~ label:before {transform:translate(-50%, -50%) scale3d(80, 80, 1); opacity:1;} .inputGroup input:checked ~ label:after {background:url('../images/new/ico_check_on.png') left top no-repeat;background-size:32px;} .inputGroup input {width:32px; height:32px; order:1; z-index:2; position:absolute; left:32px; top:50%; transform:translateY(-50%); cursor:pointer; visibility:hidden;} .inputGroup.purple label {background-color:#dcd8fd;} .inputGroup.purple label:before {background-color:#dcd8fd;} /* 개발 추가 */ .loginBtn { position: absolute; width: 90px; top: 33px; right: 160px; border-radius: 30px; background-color: #fff; text-align: center; line-height: 30px;} .logoutTxt { letter-spacing: normal; text-align: center; font-size: 14px; font-weight: bold; color: #000; line-height: 30px; /* 추가된 부분 */ } .inputGroup .myselfGoods {background: linear-gradient(90deg, rgba(112,100,231,1) 0%, rgba(255,142,255,1) 100%);position: absolute;top: 10px;padding-left: 20px;padding-right: 20px;padding-top: 8px;padding-bottom: 8px;color: #fff !important;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;} /* CHAI 동의화면 인증번호 입력 스타일*/ .hsResult {width:100%; overflow:hidden; margin-bottom: 20px;} .hsResult .hsCertified {width:100%; text-align:center; overflow:hidden;} .hsResult .hsCertified .tt {font-size:30px; color:#697CA0; line-height:1.5; font-weight:600; padding:24px 0 5px 0;} .hsResult .hsCertified .tx {font-size:20px; color:#757575; line-height:1.2; font-weight:300; padding:0 0 40px 0;} .hsResult .hsCertified .img {width:100%; padding:0 0 30px 0; overflow:hidden;} .hsResult .hsCertified .img img {width:142px;} .hsResult .hsCertified .hpTt {font-size:30px; color:#697CA0; line-height:1.5; font-weight:600; padding:24px 0 15px 0;} .hsResult .hsCertified .hpTx {font-size:20px; color:#757575; line-height:1.2; font-weight:300; padding:0 0 40px 0;} .hsResult .hsCertified .macrogenText {font-size:20px; color:#757575; line-height:1.2; font-weight:300; padding:40px 0 40px 0;} .hsResult .hsCertified .hpForm {} .hsResult .hsCertified .hpForm:after {content:""; display:block; clear:both;} .hsResult .hsCertified .hpForm ul:after {content:""; display:block; clear:both;} .hsResult .hsCertified .hpForm ul li {position:relative; display:block; margin:8px 0 0 0;} .hsResult .hsCertified .hpForm ul li input {} .hsResult .hsCertified .hpForm ul li.certify {padding:0 90px 0 0;} .hsResult .hsCertified .hpForm ul li.certify input {border-radius:10px 0 0 10px;} .hsResult .hsCertified .hpForm ul li.certify a {position:absolute; right:0; top:0; display:block; width:170px; height:60px; font-size:24px; color:#fff; letter-spacing:-1px; line-height:60px; text-align:center; background:#7064E7; border-radius:0 10px 10px 0; overflow:hidden;} .hsResult .hsCertified .hpForm ul li.certify a span {font-size: 20px;} .hsResult .hsCertifiedNoti {position:relative; display:table; width:100%; overflow:hidden;} .hsResult .hsCertifiedNoti .noti {display:table-cell; width:100%; height:270px; text-align:center; overflow:hidden; vertical-align:middle;} .hsResult .hsCertifiedNoti .noti .tt {font-size:1.41666rem; color:#000; line-height:1.2; font-weight:600; padding:0 0 22px 0;} .hsResult .hsCertifiedNoti .noti .tx {font-size:1.1666rem; color:#000; line-height:1.5; font-weight:500; padding:0 0 20px 0;} /***************************************************************************************************************************************/ @media (max-width: 750px) { /* foot notification */ #notificationDx .fxNoti {display:none; padding:0;} #notificationDx.scrolled {bottom:-85px;} /* 로그인 */ #notificationDx .loginBx {height:126px; padding:40px 20px 0;} #notificationDx .loginBx span {font-size:14px; color:#000; line-height:1.4; letter-spacing:-1px;} #notificationDx .loginBx strong {font-size:24px; color:#000; line-height:30px; letter-spacing:-1.4px; padding:0 25px 0 0; background-size:20px auto; background-position:right top 54%;} #notificationDx .loginBx a {right:18px; top:19px; width:32px; height:32px; background-repeat:no-repeat; background-size:30px auto;} #notificationDx .on .loginBx {height:44px;} /* 개인정보 입력 */ #notificationDx .personalLx {padding:0 20px 8px;} #notificationDx .personalLx .pTabs {top:12px;} #notificationDx .personalLx .pTabs ul li a {border-bottom:3px #ccc solid; font-size:20px; line-height:40px; letter-spacing:-1px; } #notificationDx .personalLx .pTxt {padding:90px 0 0 0;} #notificationDx .personalLx .pTxt span {font-size:14px; color:#000; line-height:1.2; letter-spacing:-1px; padding:0 0 4px 0;} #notificationDx .personalLx .pTxt strong {font-size:24px; color:#000; line-height:1.2; letter-spacing:-1.4px;} #notificationDx .personalLx .pFImg {padding:20px 0;} #notificationDx .personalLx .pFImg img {width:160px;} #notificationDx .personalLx .pList {margin-top: 80px;} #notificationDx .personalLx .pList ul li {margin:0 0 5px 0;} #notificationDx .personalLx .pList p {font-size:13px; color:#999; line-height:1.2; letter-spacing:-0.4px; padding:6px 0 15px 10px;} #notificationDx .personalLx .pBtn {padding:10px 0 0 0;} #notificationDx .personalLx .pSearch {margin:80px 0 30px 0;} #notificationDx .personalLx .pSearch input {height:52px; line-height:52px; padding-right:50px;} #notificationDx .personalLx .pSearch button {right:12px; margin:-16px 0 0 0; width:32px; height:32px; background-size:32px auto;} #notificationDx .personalLx .pResult p {font-size:18px; letter-spacing:-0.8px; padding:0 0 20px 0;} #notificationDx .personalLx .pResult ul li a {font-size:16px; letter-spacing:-0.8px; padding:14px 0 6px 0; background-size:24px auto; background-position:right top 10px;} #notificationDx .personalLx .pCode {margin:20px 0 -10px 0;} #notificationDx .personalLx .pMember {padding:14px 0;} #notificationDx .personalLx .pMember p {font-size:13px; line-height:24px; letter-spacing:-0.8px;} #notificationDx .personalLx .pMember a {margin:-13px 0 0 0;} #notificationDx .personalLx .pMember a span {font-size:16px; line-height:24px; letter-spacing:-0.8px; padding:0 24px 0 0; background-size:24px auto;} /* 로그인 후 메뉴 */ #notificationDx .loginLx {height:126px; padding:40px 20px 0;} #notificationDx .loginLx a {right:18px; top:12px; width:32px; height:32px; background-size:36px auto;} #notificationDx .loginLx span {font-size:24px; color:#666; line-height:1.2; letter-spacing:-1.4px;} #notificationDx .loginLx strong {font-size:24px; color:#7064E7; line-height:1.2; letter-spacing:-1.4px;} #notificationDx .on .loginLx {height:110px; padding:46px 20px 0;} #notificationDx .on .loginLx a {right:20px; background-size:30px auto;} #notificationDx .loginLxList {padding:25px 20px 30px;} #notificationDx .loginLxList ul li {height:94px; background-size:18px auto; background-position:right 16px top 50%;} #notificationDx .loginLxList ul li a {padding:0 24px; background-position:left 14px top 50%;} #notificationDx .loginLxList ul li .lott {font-size:16px; color:#666; line-height:1.2; font-weight:500; letter-spacing:-1px; padding:20px 0 3px 54px;} #notificationDx .loginLxList ul li .lotx span {font-size:13px; color:#666; line-height:1.4; font-weight:300; letter-spacing:-0.6px; padding:0 0 0 54px;} #notificationDx .loginLxList ul li.nth01 a {background-size:38px auto;} #notificationDx .loginLxList ul li.nth02 a {background-size:38px auto;} #notificationDx .loginLxList ul li.nth03 a {background-size:38px auto;} #notificationDx .loginLxList ul li.nth04 a {background-size:38px auto;} #notificationDx .loginLxList ul li.nth05 a {background-size:36px auto;} #notificationDx .loginLxList ul li.nth06 a {background-size:32px auto;} /* 검진대상자 추가 */ #notificationDx .normalBx {position:relative; width:100%; height:60px; padding:34px 20px 0; overflow:hidden;} #notificationDx .normalBx a.backDx {left:10px; top:12px; width:32px; height:32px; background-size:32px auto;} #notificationDx .normalBx a.openDx {right:18px; top:12px; width:32px; height:32px; background-size:36px auto;} #notificationDx .normalBx .stitle {top:17px; font-size:18px; letter-spacing:-0.8px;} #notificationDx .on .normalBx {height:60px;} #notificationDx .on .normalBx a.backDx {top:19px;} #notificationDx .on .normalBx a.openDx {right:20px; top:19px; background-size:30px auto;} .aFormList {padding:80px 0 40px;} .aFormList.notiCss{padding:15px 20px 40px;} .aFormList .aTit {font-size:20px; letter-spacing:-1.2px;} .aFormList .aList > ul > li .atx {font-size:15px; letter-spacing:-0.6px; padding:16px 0 8px 0;} .aFormList .aList > ul > li .halfType ul li {padding:0 4px;} .aFormList .aList > ul > li .phoneType ul li {padding:0 4px;} .aFormList .aList > ul > li .addrType ul li {margin:0 0 6px 0;} .aFormList .aList > ul > li .addrType ul li:nth-child(1) {padding:0 100px 0 0;} .aFormList .aList > ul > li .addrType ul li:nth-child(1) button {width:101px; height:50px;} .aFormList .aList > ul > li .addrType ul li:nth-child(1) button span {font-size:14px; letter-spacing:-0.5px; line-height:40px;} .aFormList .aList > ul > li .passType ul li {margin:0 0 6px 0;} .aFormList .aList > ul > li .passType p {padding:12px 0 0 0; font-size:13px; letter-spacing:-0.5px;} .aFormList .aList > ul > li .passType p span {font-size:13px;} .aFormList .aBtn {padding:30px 0 0 0; } .aFormList .addTxt {font-size:14px; padding:5px 0 10px 0;} .aFormList .aPass {padding:12px 0 0 0;} .aFormList .aPass p {font-size:13px; line-height:24px; letter-spacing:-0.8px;} .aFormList .aPass a {margin:-5px 0 0 0;} .aFormList .aPass a span {font-size:16px; line-height:24px; letter-spacing:-0.8px; padding:0 24px 0 0; background-size:24px auto;} /* 건강검진자 예약자 선택 */ .mInfoList {padding:70px 0 0 0;} .mInfoList.notiCss {padding:0 20px;} .mInfoList .mLogo {width:130px; margin:15px auto 35px;} .mInfoList .mPeriod ul li {margin:0 0 10px 0;} .mInfoList .mPeriod ul li strong {width:70px; font-size:13px; line-height:20px; letter-spacing:-0.8px; padding: 5px 0;} .mInfoList .mPeriod ul li span {width:200px; font-size:16px; line-height:20px; letter-spacing:-0.3px; padding:7px 0 0 8px;} .mInfoList .mSelector {padding:30px 0 0 0;} .mInfoList .mSelector .mTit {font-size:16px; line-height:24px; letter-spacing:-0.8px; padding:0 0 15px 0;} .mInfoList .mAddPeo {margin:10px 0 20px 0;} .mInfoList .mAddPeo span {font-size:14px; letter-spacing:-0.8px; padding:27px 0 0 0; background-size:22px auto;} .mInfoList .mPass p {font-size:14px; letter-spacing:-0.8px; padding:10px 0 15px 0;} .mInfoList .mPass input {height:50px; line-height:50px;} .mInfoList .mBtn {margin:25px 0;} /* 알림 */ .mInfoList .mNotiMx {padding:25px 0 0 0;} .mInfoList .mNotiMx:after {margin:0 0 0 -25px; width:50px; height:50px; background-size:50px;} .mInfoList .mNotiMx .mInner {padding:22px 14px 14px; border-width:1px; border-radius:8px;} .mInfoList .mNotiMx .mInner p {font-size:13px; letter-spacing:-0.5px;} /* 비밀번호 변경 */ .passwLx {padding:70px 0 0 0;} .passwLx.notiCss {padding:0 20px;} .passwLx .passwTxt {padding:20px 0 0 0;} .passwLx .passwTxt span {font-size:14px; color:#000; line-height:1.2; letter-spacing:-1px; padding:0 0 4px 0;} .passwLx .passwTxt strong {font-size:24px; color:#7064E7; line-height:1.2; letter-spacing:-1.4px;} .passwLx .passwNoti {padding:20px;margin:10px 0;} .passwLx .passwNoti p {font-size:16px; line-height:1.4; letter-spacing:-0.8px;} .passwLx .passwNoti p strong {font-size:16px; line-height:1.4;} .passwLx .passwImg {width:200px;} .passwLx .passwList {margin:17px 0 0 0;} .passwLx .passwList ul li {margin:0 0 5px 0;} .passwLx .pBtn {margin:34px 0 22px 0;} /* side */ .sideDx .normalBx {position:relative; width:100%; height:70px; padding:34px 0 0 0; overflow:hidden;} .sideDx .normalBx a.backDx {left:10px; top:19px; width:32px; height:32px; background-size:32px auto;} .sideDx .normalBx .stitle {top:23px; font-size:20px; letter-spacing:-0.8px;} .sideDx .layInBx {max-width:800px; margin:0 auto;} .sideDx .innerScoll {padding:0 20px;} /* 이용약관 */ .guideWrap {margin:35px 0 0 0;} .guideWrap .tt {font-size:14px; letter-spacing:-0.6px;} .guideWrap .tx {font-size:14px; letter-spacing:-0.6px; padding:0 0 20px 0;} .guideWrap .tx strong {font-size:14px; letter-spacing:-0.6px;} /* 이웃하라 */ .nerDxWrap {padding:14px 0 30px 0;} .nerDxWrap .nDxTop .tBx {height:170px; border-radius:20px;} .nerDxWrap .nDxTop .tBx .txt {left:20px; top:20px;} .nerDxWrap .nDxTop .tBx .txt p {font-size:14px; line-height:1.4; letter-spacing:-0.5px;} .nerDxWrap .nDxTop .tBx .txt p span {font-size:14px; line-height:1.4; letter-spacing:-0.5px;} .nerDxWrap .nDxTop .tBx .img img {width:190px;} .nerDxWrap .nDxTop .tBx .logo {left:20px; bottom:15px; width:96px; height:32px; background-size:96px auto;} .nerDxWrap .nDxMid .ntt {font-size:15px; line-height:1.4; letter-spacing:-0.5px; padding:16px 0 48px;} .nerDxWrap .nDxMid .ntt span {font-size:15px; line-height:1.4; letter-spacing:-0.5px;} .nerDxWrap .nDxMid .nList ul {gap:10px 4px;} .nerDxWrap .nDxMid .nList ul li {flex-basis: calc(50% - 2px); height:84px; border-radius:10px;} .nerDxWrap .nDxMid .nList ul li strong {left:20px; top:20px; font-size:15px; letter-spacing:-0.5px;} .nerDxWrap .nDxBom {padding:42px 0 0 0;} .nerDxWrap .nDxBom .rTit {font-size:17px; letter-spacing:-0.5px; padding:0 0 13px 0;} .nerDxWrap .nDxBom .rTxt {font-size:14px; letter-spacing:-0.5px; padding:0 0 20px 0;} .nerDxWrap .nDxBom .rTxt strong {font-size:14px; letter-spacing:-0.5px;} .nerDxWrap .nDxBom .rCode {height:110px; border-radius:15px;} .nerDxWrap .nDxBom .rCode strong {font-size:30px; line-height:110px; padding:0 25px; background-size:20px auto; background-position:right top 27px;} .nerDxWrap .nBtn { margin:25px 0 20px 0;} /* 젠톡 */ .zentalkWrap { padding:14px 0 0 0;} .zentalkWrap .zBanner .txt {top:25px;} .zentalkWrap .zBanner .txt p {font-size:16px; letter-spacing:-0.5px;} .zentalkWrap .zBanner .txt p strong {font-size:26px;} .zentalkWrap .zBanner .txt span {font-size:14px; letter-spacing:-0.5px; padding:6px 0 0 0;} .zentalkWrap .zTxtArea {padding:36px 0 0 0;} .zentalkWrap .zTxtArea .z01 span {font-size:26px; letter-spacing:-0.8px; line-height:1.2;} .zentalkWrap .zTxtArea .z01 span strong {font-size:26px; line-height:1.2;} .zentalkWrap .zTxtArea .z02 p {font-size:14px; letter-spacing:-0.5px; line-height:1.2;} .zentalkWrap .zImg {padding:25px 0 40px 0;} .zentalkWrap .zYoutube .tt {font-size:25px; padding:0 0 25px 0;} .zentalkWrap .zYoutube .proMovie {border-radius:10px;} .zentalkWrap .zInfo {padding:35px 0 0 0;} .zentalkWrap .zInfo .ztt p {font-size:19px; letter-spacing:-0.5px;} .zentalkWrap .zInfo .ztt p span {font-size:24px; letter-spacing:-0.8px;} .zentalkWrap .zInfo .ztt p span strong {font-size:24px;} .zentalkWrap .zInfo .zgx {padding:0 0 6px 0;} .zentalkWrap .zInfo .zgx .gtt {width:70px; height:70px; font-size:16px; line-height:70px; letter-spacing:-0.5px; margin:20px auto;} .zentalkWrap .zInfo .zgx .gtx ul li {padding:0 0 0 16px; margin:0 0 4px 0; font-size:15px; letter-spacing:-0.5px;} .zentalkWrap .zInfo .zgx .gtx ul li span {font-size:15px; letter-spacing:-0.5px;} .zentalkWrap .zBtn {padding:24px 0 0 0;} .zentalkWrap .zCode {height:110px; border-radius:15px;} .zentalkWrap .zCode strong {font-size:30px; line-height:110px; padding:0 25px; background-size:20px auto; background-position:right top 27px;} .zentalkWrap .zAddGuide {margin:50px 0 0 0; padding:0 22px 40px;} .zentalkWrap .zAddGuide .zAtt {font-size:17px; letter-spacing:-0.5px; padding:20px 0 14px 0;} .zentalkWrap .zAddGuide .zAtx p {font-size:15px; letter-spacing:-0.5px;} .zentalkWrap .zAddGuide .zAtx ul li {padding:0 0 0 10px; font-size:12px; letter-spacing:-0.5px;} .zentalkWrap .zAddGuide .zAtx ul li:after {top:9px; width:3px; height:3px;} /* 젠톡 수정 240223 */ .zentalkWrap .zTBanner {border-radius:12px;} .zentalkWrap .zTBanner .txt {top:27px;} .zentalkWrap .zTBanner .txt p {font-size:20px; color:#ff7f3f; line-height:1.4; letter-spacing:-0.8px;} .zentalkWrap .zTBanner .txt p strong {font-size:32px;} .zentalkWrap .zTBanner .txt span {font-size:16px; letter-spacing:-0.4px; padding:10px 0 0 0;} .zentalkWrap .zTBanner .img {padding:130px 0 0 0;} .zentalkWrap .zGenisyou {margin:45px 0 0 0;} .zentalkWrap .zGenisyou .tit {font-size:26px; letter-spacing:-0.4px;} .zentalkWrap .zGenisyou .txt {padding:10px 0 18px 0;} .zentalkWrap .zGenisyou .txt span {font-size:13px;} .zentalkWrap .zGenisyou .img {padding:0 20px 50px;} .zentalkWrap .zManual {padding:45px 0 0 0;} .zentalkWrap .zManual .tit {font-size:16px;} .zentalkWrap .zManual .tit strong {font-size:25px; letter-spacing:-0.6px;} .zentalkWrap .zManual .txt {padding:18px 0 14px 0;} .zentalkWrap .zManual .txt span {font-size:13px;} .zentalkWrap .zManual .img {padding:0 60px;} .zentalkWrap .zManual .btxt {padding:20px 0 45px 0;} .zentalkWrap .zManual .btxt span {font-size:18px; letter-spacing:-0.4px;} .zentalkWrap .zManual .btxt span strong {font-size:18px;} .zentalkWrap .zPackAll .tit {font-size:26px; letter-spacing:-0.5px; padding:50px 0 0 0;} .zentalkWrap .zPackAll .txt {font-size:13px; padding:10px 0 23px 0;} .zentalkWrap .zPackAll .list ul { gap:14px;} .zentalkWrap .zPackAll .list ul li {height:100px; border-width:2px; border-radius:10px;} .zentalkWrap .zPackAll .list ul li .ico {height:48px; margin:25px 0 0 0;} .zentalkWrap .zPackAll .list ul li .item {left:62px; top:30px; font-size:15px;} .zentalkWrap .zPackAll .list ul li .item strong {font-size:15px;} .zentalkWrap .zPackAll .list ul li.zp01 .ico {background-position:left 10px top 50%; background-size:45px auto;} .zentalkWrap .zPackAll .list ul li.zp02 .ico {background-position:left 15px top 50%; background-size:36px auto;} .zentalkWrap .zPackAll .list ul li.zp03 .ico {background-position:left 15px top 50%; background-size:35px auto;} .zentalkWrap .zPackAll .list ul li.zp04 .ico {background-position:left 18px top 50%; background-size:38px auto;} .zentalkWrap .zService {padding:50px 0 0 0;} .zentalkWrap .zService .tit span {font-size:18px;} .zentalkWrap .zService .tit strong {font-size:26px; letter-spacing:-0.6px; padding:3px 0 0 0;} .zentalkWrap .zService .tit strong u {font-size:26px;} .zentalkWrap .zService .btn {height:50px; margin:30px 0 0 0;} .zentalkWrap .zService .btn a {border-radius:10px;} .zentalkWrap .zService .btn a span {font-size:18px; line-height:50px;} /* 검사결과 */ .zentalkREWrap {padding:12px 0 0 0;} .zentalkREWrap .hInfo {padding:16px; border-radius:12px;} .zentalkREWrap .hInfo p {font-size:14px; letter-spacing:-0.5px;} .zentalkREWrap .hinDx {padding:0 60px 0 0; margin:20px 0 0 0;} .zentalkREWrap .hinDx .hinData {padding:0 12px 0 0;} .zentalkREWrap .hinDx .hinData .ht span {padding:0 12px; font-size:14px; letter-spacing:-0.5px; line-height:24px; border-radius:12px;} .zentalkREWrap .hinDx .hinData .st {font-size:14px; letter-spacing:-0.5px; padding:6px 0 0 0;} .zentalkREWrap .hinDx .hinData .sx p {font-size:14px; letter-spacing:-0.5px;} .zentalkREWrap .hinBtn {margin:35px 0;} .zentalkREWrap .hinDx .hinNoti {width:60px;} .zentalkREWrap .hinDx .hinNoti span {font-size:18px; letter-spacing:-0.6px;} /* 젠톡 결제 */ .zentalkPay {padding:80px 0 0 0;} .zentalkPay.schedule {padding:60px 0 10px 0;} .zentalkPay .zheadT span {font-size:15px;} .zentalkPay .zheadT strong {font-size:24px;} .zentalkPay .zheadP {height:74px; padding:0 0 0 74px; border-radius:10px; margin:22px 0 0 0;} .zentalkPay .zheadP .zab {width:74px;padding-top: 5px;} .zentalkPay .zheadP .zab span {font-size:11px; padding:16px 0 0 0; border-radius:10px 0 0 10px;} .zentalkPay .zheadP .zab strong {font-size:17px; letter-spacing:-0.4px;} .zentalkPay .zheadP .pay {padding:14px 0 0 0;} .zentalkPay .zheadP .pay span {width:78px; font-size:24px;} .zentalkPay .zheadP .pay span u {bottom:-16px; font-size:16px;} .zentalkPay .zheadP .pay strong {font-size:24px;} .zentalkPay .zheadP .pay strong i {font-size:14px; transform:translateY(-3px);} .zentalkPay .zAgree .zTt {font-size:18px; padding:34px 0 0 0;} .zentalkPay .zAgree .zADx .zABx {margin:20px 0 0 0;} .zentalkPay .zAgree .zADx .zABx .inputGroup label {font-size:16px; padding:16px 42px;} .zentalkPay .zAgree .zADx .zABx .inputGroup label:after {left:16px; width:16px; height:16px; background-size:16px;} .zentalkPay .zAgree .zADx .zABx .inputGroup.all label {font-size:19px;} .zentalkPay .zAgree .zADx .zABx .inputGroup button {right:12px; top:15px; width:24px; height:24px; background-size:13px auto;} .zentalkPay .zAgree .zADx .zABx .inputGroup .inTxt {padding:0 16px;} .zentalkPay .zAgree .zADx .zABx .inputGroup .inTxt .box {font-size:13px; line-height:1.6; padding:0 0 10px 0;} .zentalkPay .zAgree .zADx .zABx .inputGroup.on {padding:0 0 14px 0;} .zentalkPay .zAgree .zADx .zABx .inputGroup.on .inTxt {height:142px;} .zentalkPay .signature .tt {font-size:16px; padding:34px 0 20px 0;} .zentalkPay .signature .signDx {height:180px; border-radius:10px;} .zentalkPay .zAPayBtn {padding:30px 0 50px 0; margin-bottom: 10px;} .zentalkPay .noti ul li {font-size:13px; padding:10px 0 0 0; line-height: 1.2} /* 젠톡 분석 */ .zentalkPay .zAList {padding:15px 0 0 0;} .zentalkPay .zAList ul li {font-size:16px; padding:18px 0 0 100px;} .zentalkPay .zAList ul li span {top:20px; font-size:14px; letter-spacing:-0.6px;} .zentalkPay .zBtn {padding:35px 0 50px 0;} /* 검진항목 랭킹 */ .medicalWrap {padding:9px 0 0 0;} .medicalWrap .medicalTop {height:180px; border-radius:15px;} .medicalWrap .medicalTop .mtx {left:20px; bottom:15px;} .medicalWrap .medicalTop .mtx span {font-size:15px;} .medicalWrap .medicalTop .mtx strong {font-size:26px;} .medicalWrap .medicalTop .mImg {bottom:20px;} .medicalWrap .medicalTop .mImg img {width:190px;} .medicalWrap .medicalMid {padding:14px 0 0 0;} .medicalWrap .medicalMid p {font-size:16px;} .medicalWrap .medicalMid .mSelect {padding:20px 0;} .medicalWrap .medicalBom {padding:0 0 30px 0;} .medicalWrap .medicalBom ul li {height:80px; padding:11px 54px;} .medicalWrap .medicalBom ul li .mRanknum {top:11px;} .medicalWrap .medicalBom ul li .mRanknum img {width:40px;} .medicalWrap .medicalBom ul li .mRankTx {font-size:21px; line-height:44px; letter-spacing:-1px; padding:0 30px 0 0; background-size:22px auto;} .medicalWrap .medicalBom ul li .mrankPer {top:11px; font-size:21px; line-height:44px; letter-spacing:-1px;} /* 오늘 뭐 먹지 */ .rouletteWrap {padding:13px 0 0 0;} .rouletteWrap .rouletteTop {height:180px; border-radius:15px;} .rouletteWrap .rouletteTop .rtx {right:20px; bottom:15px;} .rouletteWrap .rouletteTop .rtx span {font-size:15px;} .rouletteWrap .rouletteTop .rtx strong {font-size:26px;} .rouletteWrap .rouletteTop .rImg {left:3px;} .rouletteWrap .rouletteTop .rImg img {width:236px;} .rouletteWrap .rouletteMid {padding:14px 0 0 0;} .rouletteWrap .rouletteMid p {font-size:16px;} .rouletteWrap .rouletteWheel {position:relative; width:100%; height:312px; margin:20px 0;} .rouletteWrap .rouletteWheel canvas {position:absolute; left:50%; top:50%; transform:scale(0.78); transform-origin:0; margin:-200px 0 0 -273px;} .rouletteWrap .rouletteBack {top:0; width:100%; height:100%; margin:0 0 0 -50%; background-size:auto 100%;} .rouletteWrap .rouletteBtn {width:68px; height:68px; margin:-34px 0 0 -34px; background-size:68px;} .rouletteWrap .rouletteBtn #startBtn {font-size:14px;} .rouletteWrap .rouletteBtn #resetBtn {font-size:14px;} .rouletteWrap .roulettePrize {margin:0 0 30px 0;} .rouletteWrap .roulettePrize ul li {margin:0 0 10px 0; padding:0 0 0 54px;} .rouletteWrap .roulettePrize ul li .ab {width:54px; height:48px; border-radius:10px 0 0 10px;} .rouletteWrap .roulettePrize ul li .ab span {font-size:20px; line-height:48px; font-weight: 600} .rouletteWrap .roulettePrize ul li input {height:48px; line-height:48px; border-radius:0 10px 10px 0;} .rouletteWrap .roulettePrize ul li:nth-child(odd) {padding-right:10px;} .rouletteWrap .roulettePrize ul li:nth-child(even) {padding-left:64px;} .rouletteWrap .roulettePrize ul li:nth-child(even) .ab {left:10px;} /* 뭐먹지 레이어 */ .layWrap .layMid {max-width:350px; height:auto; margin:-175px auto 0;} .layWrap .layInner {padding:36px 20px 30px;border-radius:20px;} .layWrap .layInner .layClosed {right:16px; top:16px;} .layWrap .layInner .layClosed a {width:30px; height:30px; background-size:28px auto;} .layWrap .layInner .layCon .img img {width:112px;} .layWrap .layInner .layCon .tt {font-size:18px; letter-spacing:-0.5px;} .layWrap .layInner .layCon .tx {padding:10px 0 30px 0;} .layWrap .layInner .layCon .tx span {width:36px; height:36px; border-radius:10px; font-size:20px; line-height:36px; margin:0 1px;} .layWrap .layInner .layCon .rbtn button {width:106px; height:36px; border-radius:5px;} .layWrap .layInner .layCon .rbtn button span {font-size:14px; line-height:36px; letter-spacing:-0.5px;} /* 비대면 */ .nonFaceWrap {padding:80px 0 0 0;} .nonFaceWrap .nPay {width:120px; overflow:hidden; float: right; margin-top: 0px;} .nonFaceWrap .nPay img{width:120px;} .nonFaceWrap .nFTit {font-size:14px; letter-spacing:-0.5px; margin-top: 10px;padding: 20px;border-radius: 15px;} .nonFaceWrap .nFTit strong {font-size:20px; letter-spacing:-0.6px; padding:6px 0 0 0;} .nonFaceWrap .nFTiba {height:140px; border-radius:15px;} .nonFaceWrap .nFTiba p {left:18px; top:22px; font-size:16px; letter-spacing:-0.4px;} .nonFaceWrap .nFTiba p strong {font-size:24px; line-height:1.2; letter-spacing:-0.8px; padding:5px 0 0 0;} .nonFaceWrap .nFTiba p strong span {font-size:24px; line-height:1.2; letter-spacing:-0.8px;} .nonFaceWrap .nFTiba .img {right:10px; bottom:-40px;} .nonFaceWrap .nFTiba .img img {width:192px;} .nonFaceWrap .nFTime {margin:10px 0 0 0;} .nonFaceWrap .nFTime ul li {font-size:18px; letter-spacing:-0.6px; padding:20px 30px 20px 30px; background-size:20px; background-position:left 4px top 52%;} .nonFaceWrap .nFTime ul li strong {font-size:18px; padding:0 0 0 5px;} .nonFaceWrap .nFTime ul li .btn {margin:-18px 0 0 0;} .nonFaceWrap .nFTime ul li .btn button {width:80px; height:36px; border-radius:5px;} .nonFaceWrap .nFTime ul li .btn button span {font-size:15px; line-height:36px; letter-spacing:-0.6px;} .nonFaceWrap .nFBanner {padding:10px 0 30px 0;} .nonFaceWrap .nFBanner span {font-weight: 500; font-size: 18px; color:#7064E7;} .nonFaceWrap .nFBanner .tele {padding-left: 20px;} .nonFaceWrap .nFBanner ul li {margin:16px 0 0 0;} .nonFaceWrap .nFBanner ul li a {height:86px; border-radius:15px;} .nonFaceWrap .nFBanner ul li a strong {left:24px; top:16px; font-size:17px; letter-spacing:-0.8px;} .nonFaceWrap .nFBanner ul li a span {left:24px; top:42px; font-size:12px; line-height:1.2; letter-spacing:-0.4px;} .nonFaceWrap .nFBanner ul li a .ico {right:25px;} .nonFaceWrap .nFBanner ul li.sty01 a .ico {width:42px; height:42px; margin:-21px 0 0 0; background-size:42px auto;} .nonFaceWrap .nFBanner ul li.sty02 a .ico {width:44px; height:44px; margin:-22px 0 0 0; background-size:44px auto;} .nonFaceWrap .nFBanner ul li.sty03 a .ico {width:45px; height:41px; margin:-20px 0 0 0; background-size:45px auto;} .nonFaceWrap .nFBanner ul li.sty04 a .ico {width:41px; height:44px; margin:-22px 0 0 0; background-size:41px auto;} .nonFaceWrap .nFBanner ul li.sty05 a .ico {width:44px; height:42px; margin:-21px 0 0 0; background-size:44px auto;} .nonFaceWrap .nFBanner ul li.sty06 a .ico {width:44px; height:42px; margin:-21px 0 0 0; background-size:44px auto;} .nonFaceWrap .nFBanner ul li.sty07 a .ico {width:44px; height:44px; margin:-21px 0 0 0; background-size:44px auto;} /* 예약내역 및 결과조회 */ .nonFaceWrap.type2 .nFTiba .img img {width:160px;} .nonFaceWrap.type2 .nFBanner {padding:50px 0 30px 0;} /* 비대면 결과 */ .nonFaceWrap .nRList {padding:50px 0;} .nonFaceWrap .nRList ul li {margin:0 0 15px 0; border-radius:15px;} .nonFaceWrap .nRList ul li .hTx {padding:0 50px 0 20px;} .nonFaceWrap .nRList ul li .hTx .noti {right:20px; top:20px; width:18px; height:22px; background-size:18px auto;} .nonFaceWrap .nRList ul li .hTx .h01 {font-size:16px; letter-spacing:-0.6px; padding:20px 0 0 0;} .nonFaceWrap .nRList ul li .hTx .h02 {font-size:16px; letter-spacing:-0.6px; padding:5px 0 15px 0;} .nonFaceWrap .nRList ul li .hBx {height:50px; font-size:16px; line-height:50px; letter-spacing:-0.4px;} .nonFaceWrap .nRList ul li .hBx a {font-size:14px; line-height:50px; letter-spacing:-0.4px;} /* 병원검진항목비교 */ .comparisonApp {padding-top: 0px;} .medicalComparison {padding:30px 0 0 0;} .medicalComparison .hospitalDv {gap:10px; margin:20px 0 0 0;} .medicalComparison .hospitalDv .hosBx {border-radius:10px;} .medicalComparison .hospitalDv .hosBx .hosTt {font-size:16px; letter-spacing:-0.6px;} .medicalComparison .hospitalDv .hosBx .hosTt span {font-size:14px; line-height:50px; padding:0 0 0 12px;} .medicalComparison .hospitalDv .hosBx .hosTx {padding:14px;} .medicalComparison .hospitalDv .hosBx .hosTx ul li {font-size:14px; letter-spacing:-0.3px; padding:4px 0;} .medicalComparison .inspectionItem {margin:20px 0 0 0;} .medicalComparison .inspectionItem .inspHead {height:40px;} .medicalComparison .inspectionItem .inspHead p {font-size:16px; line-height:40px; letter-spacing:-0.6px; padding:0 0 0 14px;} .medicalComparison .inspectionItem .inspHead a {right:10px; font-size:14px; line-height:40px; letter-spacing:-0.4px; padding:0 30px 0 0;} .medicalComparison .inspectionItem .inspHead a:after {margin:-13px 0 0 0; width:26px; height:26px; background-size:26px auto;} .medicalComparison .inspectionItem .inspBody .inBx ul li {font-size:13px; line-height:20px; letter-spacing:-0.3px; padding:5px 5px 5px 10px;} .medicalComparison .inspectionSelect {padding:25px 0;} .medicalComparison .inspectionSelect .insSelHead p {font-size:16px; letter-spacing:-0.8px; padding:0 0 10px 0;} .medicalComparison .inspectionSelect .insSelBody {gap:10px;} .medicalComparison .inspectionSelect .insSelBody .insSelBx {padding:5px 10px 5px;} .medicalComparison .inspectionSelect .insSelBody .insSelBx .instt {font-size:15px; line-height:44px; letter-spacing:-0.4px;} .medicalComparison .inspectionSelect .insSelBody .insSelBx .instx {padding:5px 0;} .medicalComparison .inspectionSelect .insSelBody .insSelBx .instx ul {padding:0 0px;} .medicalComparison .inspectionSelect .insSelBody .insSelBx .instx ul li {font-size:14px; line-height:16px; letter-spacing:-0.5px; padding:0 0 0 2px;} .medicalComparison .hospitalSelect .hsTit {font-size:24px; letter-spacing:-1.2px; padding:24px 0 25px 0;} .medicalComparison .hospitalSelect .hsDx ul li {margin:16px 0 0 0;} .medicalComparison .hospitalSelect .hsDx ul li .st {font-size:15px; letter-spacing:-0.6px; padding:5px 0 8px 0;} .medicalComparison .hospitalSelect .hsDx ul li select {font-size:17px; height:48px; line-height:48px;} .medicalComparison .hospitalSelect .hsBtn {margin:50px 0 30px 0;} /* 빠른 예약 - 내용*/ .qReserveWrap {padding:70px 0 0 0;} .qReserveWrap .qRInfo ul li {padding:0px 0 10px 0;} .qReserveWrap .qRInfo ul li .qTt {font-size:16px; letter-spacing:-0.5px; line-height:1.2; letter-spacing:-1px; padding:0px 5px; } .qReserveWrap .qRInfo ul li .qTx {padding: 15px; margin-bottom: 15px; border-radius: 10px;} .qReserveWrap .qRInfo ul li .qTx p {font-size:16px; letter-spacing:-0.5px; padding:0 0 4px 0;} .qReserveWrap .qRInfo ul li .qTx .btn {border-radius:5px; padding:3px 10px; top:15px; right: 15px;} .qReserveWrap .qRInfo ul li .qTx .btn span {font-size:12px; line-height:20px; letter-spacing:-0.3px;} .qReserveWrap .qRInfo ul li .qTc {padding: 15px;border-radius: 10px;} .qReserveWrap .qRInfo ul li .qTc p {font-size:16px; letter-spacing:-0.5px;} .qReserveWrap .qRInfo .img {width: 110px} .qReserveWrap .qRInfo .fin {margin-top: 18px;font-weight: 600; font-size: 20px;color:#7064E7;} .qReserveWrap .qRInfo .finTitle {padding-top: 18px; padding-bottom:10px; font-size: 20px;} .qReserveWrap .qRInfo .finTime {color: #7064E7; margin-top: 10px; font-size: 20px; padding: 2px; font-weight: 400; line-height: 26px;} .qReserveWrap .qCost .qcTt {font-size:18px; letter-spacing:-0.6px; padding:36px 0 8px 0;} .qReserveWrap .qCost .qcData {padding:16px 15px; border-radius:10px;} .qReserveWrap .qCost .qcData .qcTx {padding:0 0 16px 0;} .qReserveWrap .qCost .qcData .qcTx ul li span {font-size:16px; line-height:30px; letter-spacing:-0.5px;} .qReserveWrap .qCost .qcData .qcTx ul li span strong {font-size:16px; line-height:30px; letter-spacing:-0.5px;} .qReserveWrap .qCost .qcData .qcBx {padding:16px 0 0 0;} .qReserveWrap .qCost .qcData .qcBx ul li span {font-size:16px; line-height:30px; letter-spacing:-0.5px;} .qReserveWrap .qCost .qcData .qcBx ul li span strong {font-size:16px; line-height:30px; letter-spacing:-0.5px;} .qReserveWrap .qCBtn {width:100%; padding:35px 0; overflow:hidden;} .inputGroup .myselfGoods {padding-left: 10px;padding-right: 10px;padding-top: 8px;padding-bottom: 6px;color: #fff !important;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;} /* 빠른 예약 결과 */ .qReserveWrap .qCost .qcData .qcDx {padding:20px 0 0 0;} .qReserveWrap .qCost .qcData .qcDx strong {font-size:16px; letter-spacing:-0.6px;} .qReserveWrap .qCost .qcData .qcDx p {font-size:13px; line-height:1.3; letter-spacing:-0.4px;} .qReserveWrap .qSurvey {padding:25px 0 35px 0;} .qReserveWrap .qSurvey .qSTop {padding:16px 15px 10px; border-radius:10px 10px 0 0;} .qReserveWrap .qSurvey .qSTop strong {font-size:20px; letter-spacing:-0.8px;} .qReserveWrap .qSurvey .qSTop p {font-size:13px; line-height:1.3; letter-spacing:-0.4px; padding:10px 0 0 0;} .qReserveWrap .qSurvey .qSTop img {width: 50px; height: 50px;} .qReserveWrap .qSurvey .qSBom {height:52px; line-height:52px; border-radius:0 0 10px 10px;} .qReserveWrap .qSurvey .qSBom span {font-size:20px; line-height:52px; letter-spacing:-0.8px;} /* 빠른 예약 - 약관 */ .qRguideWrap {margin:0;} .qRNotiMx {padding:30px 0 0 0;} .qRNotiMx:after {margin:5px 0 0 -25px; width:80px; height:80px; background-size:80px;left: 25px} .qRNotiMx .mInner {padding:20px 14px 20px 86px; border-width:1px; border-radius:8px;} .qRNotiMx .mInner p {font-size:15px; letter-spacing:-0.5px;} .qRNotiMx .mInner strong {display:inline-block; font-size:20px; letter-spacing:-0.8px; margin:-5px 0; } .qRNotiPay {position:relative; width:100%; overflow:hidden;} .qRNotiPay .mInnerUp {width:100%; padding:20px 20px 15px; text-align:left; border-radius: 10px 10px 0px 0px; background: #E46182; overflow:hidden; font-size: 16px; line-height: 20px; color:#FFFFFF;} .qRNotiPay .mInnerUp svg {width:22px; height:22px; vertical-align: middle;} .qRNotiPay .mInnerUp strong {font-size:18px; color:#FFFFFF; line-height:1.2; letter-spacing:-1px; font-weight:600; vertical-align: middle;} .qRNotiPay .mInnerUp p {font-size:14px; line-height:1.2; letter-spacing:-1px; margin-top: 10px;} .qRNotiPay .mInnerDown {width:100%; padding:15px 20px 15px; text-align:left; border-radius: 0px 0px 10px 10px; background: #EEE; overflow:hidden; font-size: 14px; line-height: 18px; color: #000000;} .qRNotiPay .mInnerDown p {font-size:14px; line-height:1; letter-spacing:-1px; font-weight:500;} .qRguideWrap .qRguide .qRgut {font-size:16px; letter-spacing:-0.6px; padding:32px 110px 14px 0;} .qRguideWrap .qRguide .icon {width:110px; height:110px;z-index:10000;right:-10px;top:80px;} .qRguideWrap .qRguide .qRguDx {padding:20px 10px; border-radius:10px; margin-bottom:10px;} .qRguideWrap .qRguide .qRguBx {height:158px; padding:0 10px;} .qRguideWrap .qRguide .qRguBx p {font-size:13px; letter-spacing:-0.3px;} .qRguideWrap .qRguide .qRguBx p strong {font-size:13px; letter-spacing:-0.3px; font-weight: 600;} .qRguideWrap .qRguide .qRguChk {margin:10px 0 0 0;} .qRguideWrap .qRguide .qRguChk .inputchk:nth-child(2) {margin-left:20px;} .qRguideWrap .qRguide .qRguChk .inputchk label:after {transform:translateY(-44%);} .qRguideWrap .qRguAllChk {margin:30px 0 0 0;border-radius: 10px; padding: 20px 0;} /* 생활습관조사 */ .habitSurvey {padding:80px 0 50px 0;} .habitSurvey .stepDx .stepBar {padding:0 30px 0 0; margin:35px 0;} .habitSurvey .stepDx .stepBar .backbar {height:10px;} .habitSurvey .stepDx .stepBar .backbar .bar {height:10px;} .habitSurvey .stepDx .stepBar .total {font-size:12px; line-height:10px;} .habitSurvey .habitQuiz .habitQ {padding:0 0 35px 0;} .habitSurvey .habitQuiz .habitQ p {font-size:16px; letter-spacing:-0.6px;} .habitSurvey .habitQuiz .habitQ p span {font-size:16px;} .habitSurvey .habitQuiz .habitA ul li {margin:0 0 10px 0;} .habitSurvey .habitQuiz .habitA .inputGroup label {font-size:14px; padding:6px 20px 6px 45px; border-width:1px;} .habitSurvey .habitQuiz .habitA .inputGroup label:after {left:12px;} .habitSurvey .hBtn {margin:40px 0 0 0;} .habitSurvey .hBtn ul li.w100 {padding-top:20px;} /* 검진예약조회 */ .exReserChk {padding:70px 0 0 0;} .exReserChk .exResba {height:140px; border-radius:15px;} .exReserChk .exResba p {left:50%; top:22px; font-size:16px; letter-spacing:-0.4px;} .exReserChk .exResba p strong {font-size:24px; line-height:1.2; letter-spacing:-0.8px; padding:5px 0 0 0;} .exReserChk .exResba p strong span {font-size:24px; line-height:1.2; letter-spacing:-0.8px;} .exReserChk .exResba .img {left:-30px; bottom:-26px;} .exReserChk .exResba .img img {width:192px;} .exReserChk .exResList {padding:80px 0 50px 0;} .exReserChk .counselEmpty {margin-top: -80px;} .exReserChk .exResList .yearChk {top:21px;} .exReserChk .exResList .yearChk select {width:104px; height:38px; font-size:17px; letter-spacing:-0.5px; line-height:38px; padding:0 0 0 12px; background-size:14px auto; background-position:right 12px top 50%;} .exReserChk .exResList ul li {margin:0 0 24px 0; border-radius:15px;} .exReserChk .exResList ul li .hTx {padding:0 50px 20px 20px;} .exReserChk .exResList ul li .hTx .noti {width:104px; height:30px; border-radius:0 15px;} .exReserChk .exResList ul li .hTx .noti span {font-size:12px; line-height:30px; letter-spacing:-0.6px; padding:0 0 0 28px; background-position:left 12px top 50%; background-size:12px auto;} .exReserChk .exResList ul li .hTx .h01 {font-size:18px; letter-spacing:-0.6px; padding:20px 0 0 0;} .exReserChk .exResList ul li .hTx .h02 {font-size:16px; letter-spacing:-0.6px; padding:3px 0 0 0;} .exReserChk .exResList ul li .hBx {height:40px; font-size:14px; line-height:40px; letter-spacing:-0.4px;} .exReserChk .exResList ul li .hBx a {font-size:14px; line-height:40px; letter-spacing:-0.4px;} /* 직무스트레스결과 */ .stressRes {padding:70px 0 50px 0;} .stressRes .stressResba {height:140px; border-radius:15px;} .stressRes .stressResba p {left:20px; top:20px; font-size:16px; letter-spacing:-0.4px;} .stressRes .stressResba p strong {font-size:24px; line-height:1.2; letter-spacing:-0.8px; padding:5px 0 0 0;} .stressRes .stressResba p strong span {font-size:24px; line-height:1.2; letter-spacing:-0.8px;} .stressRes .stressResba .img {bottom:-26px;} .stressRes .stressResba .img img {width:184px;} .stressRes .stressResList {margin:44px 0 0 0;} .stressRes .stressResList ul li {padding:32px 0 0 0;} .stressRes .stressResList ul li .sTt {font-size:16px; line-height:18px; letter-spacing:-0.6px; padding:0 0 12px 0;} .stressRes .stressResList ul li .sTt span {font-size:12px; line-height:18px; letter-spacing:-0.4px;} .stressRes .stressResList ul li .sPer {padding:0 0 0 58px; border-radius:10px;} .stressRes .stressResList ul li .sPer .preWrap {width:65px;} .stressRes .stressResList ul li .sPer .preWrap .per {width:65px; font-size:20px; letter-spacing:-0.8px; margin:-12px 0 0 0;} .stressRes .stressResList ul li .sPer p {font-size:12px; letter-spacing:-0.4px; padding:14px 14px 23px;} .stressRes .stressTotal {margin:10px 0 0 0;} .stressRes .stressTotal ul li {padding:5px 0 0 0;} .stressRes .stressTotal ul li .sTt {font-size:16px; line-height:18px; letter-spacing:-0.6px; padding:0 0 12px 0;} .stressRes .stressTotal ul li .sTt span {font-size:12px; line-height:18px; letter-spacing:-0.4px;} .stressRes .stressTotal ul li .sPer {padding:0 0 0 58px; border-radius:10px;} .stressRes .stressTotal ul li .sPer .preWrap {width:65px;} .stressRes .stressTotal ul li .sPer .preWrap .per {width:65px; font-size:20px; letter-spacing:-0.8px; margin:-12px 0 0 0;} .stressRes .stressTotal ul li .sPer p {font-size:30px; letter-spacing:-0.4px; padding:10px 20px;} .stressRes .stressResDx .scTt {font-size:18px; letter-spacing:-0.8px; padding:42px 0 13px 0;} .stressRes .stressResDx .scData {padding:20px 15px; border-radius:10px;} .stressRes .stressResDx .scData .scTx {padding:0 0 16px 0;} .stressRes .stressResDx .scData .scTx p {font-size:14px; letter-spacing:-0.6px;} .stressRes .stressResDx .scData .scTx p strong {font-size:14px;} .stressRes .stressResDx .scData .scTx p span {font-size:14px;} .stressRes .stressResDx .scData .scNx {padding:16px 0 0 0;} .stressRes .stressResDx .scData .scNx strong {font-size:12px;} .stressRes .stressResDx .scData .scNx ul {padding:3px 0 0 0;} .stressRes .stressResDx .scData .scNx ul li {font-size:12px; padding:0 0 0 10px;} .stressRes .stressResDx .scData .scNx ul li:after {top:6px; width:2px; height:2px;} .stressRes .stressResTa .stTt {font-size:18px; letter-spacing:-0.8px; padding:42px 0 13px 0;} .stressRes .stressResTa .tabs ul li a {border-width:3px; font-size:14px; line-height:34px; letter-spacing:-0.8px; } .stressRes .stressResList .stressSearch .company-info {font-size: 20px; font-weight: 600; color: #000;} /* table */ .basic {margin:20px 0 0 0;} .basic th {font-size:11px; padding:8px 2px 8px 5px;} .basic th.bg {padding:8px 0;} .basic th.left {padding:8px 2px 8px 5px;} .basic td {font-size:10px; padding:8px 0;} .basic td.th {font-size:11px;} .basic td.left {padding:8px 2px 8px 5px; text-align:left;} /* nurigo 2.0 */ .nurigoUpgrade {padding:70px 0 50px 0;} .nurigoUpgrade .nurigoUpba {height:154px; border-radius:15px;} .nurigoUpgrade .nurigoUpba p {left:180px; top:58px; font-size:16px; letter-spacing:-0.4px;} .nurigoUpgrade .nurigoUpba p strong {font-size:24px; line-height:1.2; letter-spacing:-0.8px; padding:5px 0 0 0;} .nurigoUpgrade .nurigoUpba p strong span {font-size:24px; line-height:1.2; letter-spacing:-0.8px;} .nurigoUpgrade .nurigoUpba .img img {width:230px;} .nurigoUpgrade .nurigoTt {font-size:19px; letter-spacing:-0.8px; padding:50px 0;} .nurigoUpgrade .nurigoTt strong {font-size:30px; letter-spacing:-1px; padding:4px 0 0 0;} .nurigoUpgrade .nurigoUpList ul li {margin:0 0 30px 0;} .nurigoUpgrade .nurigoUpList ul li .img {border-radius:15px;} .nurigoUpgrade .nurigoUpList ul li .tt {font-size:20px; letter-spacing:-0.8px; padding:16px 0 10px 0;} .nurigoUpgrade .nurigoUpList ul li .tx {font-size:15px;line-height:1.5; letter-spacing:-0.4px;} /* 지역 우선 예약 */ .preReserWrap {padding:90px 0 0px 0;} .preReserWrap .preReser {padding:0 90px 0 0;} .preReserWrap .preReser button {width:90px; height:50px;} .preReserWrap .preReser button span {font-size:16px; line-height:50px;} .preReserWrap .preReser .ex {font-size:14px; padding:10px 0 0 0;} .preReserWrap .preRBtn {margin:30px 0 0 0;} .preReserWrap .preRTt {font-size:20px; line-height:1.2; padding:34px 0 15px 0;} .preReserWrap .preRMap {border-radius:10px;} .preReserWrap .preRMap .tt {font-size:18px; padding:20px 20px 0;} .preReserWrap .preRMap .tx {font-size:15px; padding:6px 20px 16px;} .preReserWrap .preRSpecial ul {gap:18px;} .preReserWrap .preRSpecial ul li {height:162px; border-radius:10px;} .preReserWrap .preRSpecial ul li a .ico {height:64px; margin:30px 0 0 0;} .preReserWrap .preRSpecial ul li a .tx {font-size:17px; color:#000; line-height:1.2; font-weight:600; padding:16px 0 0 0;} .preReserWrap .preRSpecial ul li.s01 a .ico {background-size:60px auto;} .preReserWrap .preRSpecial ul li.s02 a .ico {background-size:60px auto;} .preReserWrap .preRSpecial ul li.s03 a .ico {background-size:60px auto;} .preReserWrap .preRSpecial ul li.s04 a .ico {background-size:60px auto;} /* 에러페이지 */ .errorPage {padding:130px 0 30px 0;} .errorPage .ico {width:170px;} .errorPage .errorTxt {font-size:24px; color:#51308E; line-height:1.2; letter-spacing:-1px; } .errorPage .errorsubTxt {font-size:20px; color:#7064E7; line-height:1; letter-spacing:-1px; padding:15px 0 0 0;} /* 검진병원 */ .medicalHospital {padding:0 0 50px 0;} .medicalHospital .mHTabs ul li {margin:0 10px 0 0;} .medicalHospital .mHTabs ul li a {font-size:12px; line-height:28px; padding:0 10px; border-radius:28px;} .medicalHospital .mHMap {margin:20px 0 0 0;} .medicalHospital .mHMap .state {padding:12px 20px;} .medicalHospital .mHMap .state ul li {margin:0 6px 0 0;} .medicalHospital .mHMap .state ul li span {font-size:12px; line-height:28px; padding:0 12px 0 30px; border-radius:28px; background-size:10px auto;} .medicalHospital .mHMap .tt {font-size:19px; padding:0 20px;} .medicalHospital .mHMap .tx {font-size:15px; padding:3px 20px;} .medicalHospital .mHMap .info {padding:0 20px 16px;} .medicalHospital .mHMap .info .tel {font-size:15px; padding-top: 8px} .medicalHospital .mHMap .info .mylocation {right:20px; top:6px;} .medicalHospital .mHMap .info .mylocation a {font-size:12px; line-height:18px; padding:0 0 0 18px; background-size:10px auto;} .medicalHospital .mHMap .btn ul li button {height:40px;} .medicalHospital .mHMap .btn ul li button span {line-height:40px; font-size:15px;} /* 5대 질환 */ .illnessList {padding:0 0 15px;} .illnessList button {border-radius:15px;} .illnessList button span {font-size:12px; line-height:28px; padding:0 10px; letter-spacing:0.1px;} .recentState { padding:20px; border-radius:10px;} .recentState .ico {width:27%; margin:-15px 0 0 0;} .recentState .ico img {width:30px;} .recentState .txt {padding:0 0 0 20%;} .recentState .txt p {font-size:14px;} .recentState .txt p span {font-size:14px;} .recentState .txt p strong {font-size:14px;} .illnessTit {padding:30px 0 20px;} .illnessTit .tit {font-size:16px; padding:0 26px 0 12px;} .illnessTit .tit a {margin:-9px 0 0 0;} .illnessTit .tit a img {width:18px;} .illnessCate ul li a {padding:0 12px; border-radius:15px;} .illnessCate ul li a span {font-size:12px; line-height:30px;} .illnessCate .swiper-slide {margin:0 10px 0 0;} .illnessCate .swiper-slide:first-child {margin-left:24px;} .illnessCate .swiper-slide:last-child {margin-right:24px;} .illnessGraph {margin:25px 0 0 -10px; padding:0 12px 0 0;} .referenceTxt {font-size:13px; line-height:1.4; padding:5px 0 25px 0;} .precautions {padding:20px; border-radius:10px;} .precautions .ico {left:0; width:76px; margin:-20px 0 0 0;} .precautions .ico img {width:40px;} .precautions .txt {padding:0 0 0 54px;} .precautions .txt p {font-size:12px; color:#282728; line-height:1.4;} .illnessNoti {margin:25px 0 0 0;} .illnessNoti ul li {font-size:12px;} .illnessNoti ul li:after {left:2px; top:8px;} /* sub tabs */ .subTabs {top:12px;} .subTabs ul li a {border-bottom:3px #ccc solid; font-size:20px; line-height:40px; letter-spacing:-1px; } /*** popWrap ***/ #popWrap .guCont {border-radius:20px;} #popWrap .guCont .innerBox {padding:20px;} #popWrap .guHead {padding:0 0 12px 0;} #popWrap .guHead .guClosed {right:16px; top:16px;} #popWrap .guHead .guClosed a {width:30px; height:30px; background-size:28px auto;} #popWrap #guTMid {max-width:none; margin:0 20px;} /* medicalPop */ .medicalPop {padding:12px 0 0 0;} .medicalPop .medicalImg img {width:110px;} .medicalPop .medicalTt {font-size:22px; letter-spacing:-1px; padding:22px 0 18px 0;} .medicalPop .medicalTx {font-size:14px; line-height:1.4; letter-spacing:-0.5px; padding:0 0 20px 0;} /* counselPop */ .counselPop .counselImg img {width:110px;} .counselPop .counselImg img.survey {width:130px;} .counselPop .counselTt {font-size:24px; letter-spacing:-0.8px; padding:30px 0 42px 0;} .counselPop .counselBtn button {width:104px; height:36px; border-radius:6px;} .counselPop .counselBtn button span {font-size:15px; line-height:36px; letter-spacing:-0.6px;} /* input */ input[type='text'],input[type='tel'],input[type='password'] {width:100%; height:50px; font-size:16px; letter-spacing:-0.5px; line-height:40px; padding:0 0 0 12px;} textarea {height:120px; padding:12px 12px; font-size:14px; letter-spacing:-0.4px;} /* select */ select {width:100%; height:40px; font-size:14px; color:#000; font-weight:300; letter-spacing:-0.4px; line-height:36px; padding:0 0 0 12px; background-size:16px 7px; background-position:right 12px top 50%; background-repeat:no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0.754042L8 7.75404L16 0.754042L15.3415 0.00146484L8 6.42527L0.658505 0.00146484L0 0.754042Z' fill='%23222222'/%3E%3C/svg%3E"); background-color:#fff;} /* button */ .baseBtn {width:100%; height:50px;} .baseBtn span {font-size:16px; color:#fff; font-weight:500; line-height:50px; letter-spacing:-0.8px;} .grayBtn {width:100%; height:50px;} .grayBtn span {font-size:16px; color:#fff; font-weight:500; line-height:50px; letter-spacing:-0.8px;} .blueBtn {width:100%; height:50px;} .blueBtn span {font-size:16px; color:#fff; font-weight:500; line-height:50px; letter-spacing:-0.8px;} .orgBtn {width:100%; height:50px;} .orgBtn span {font-size:16px; color:#fff; font-weight:500; line-height:50px; letter-spacing:-0.8px;} .tangBtn {width:100%; height:50px;} .tangBtn span {font-size:16px; color:#fff; font-weight:500; line-height:50px; letter-spacing:-0.8px;} .goHBtn {width:100%; height:50px;} .goHBtn span {font-size:16px; color:#fff; font-weight:500; line-height:50px; letter-spacing:-0.8px;} /* input radio check */ .inputchk label {font-size:16px; letter-spacing:-0.4px; padding:3px 0 0 35px;} .inputchk label:after {width:16px; height:16px; background-size:16px; left:12px; } .inputchk input:checked ~ label:after {background-size:16px;} .inputchk input {width:16px; height:16px; left:12px;} /* input radio check */ .inputGroup {margin:8px 0;} .inputGroup label {font-size:16px; line-height:27px; padding:13px 20px 13px 52px; border-radius:6px;} .inputGroup label:after {left:20px; width:18px; height:18px; background-size:18px;} .inputGroup label span {font-size:12px; letter-spacing:-0.4px; padding: 5px 10px 5px 5px; } .inputGroup label span.red {position:relative; font-size:12px; color:#e50065; line-height:1.2; letter-spacing:-0.8px; font-weight:500; margin:0 0 0 7px;border: 1px solid #e50065; border-radius: 5px;padding: 3px;top:-3px;} .inputGroup label u {font-size:12px; letter-spacing:-0.4px; padding:0 0 0 8px; transform:translateY(-2px); } .inputGroup input:checked ~ label:after {background-size:18px;} .inputGroup input {width:18px; height:18px; left:20px;} /* 개발 추가 */ .loginBtn {position: absolute; width: 80px; top: 24px; height: 24px; right: 103px; border-radius: 15px; background-color: #fff; text-align: center; } .logoutTxt {letter-spacing: normal; text-align: center; color: #000; line-height: 24px; /* 추가된 부분 */ } .inputGroup input .myselfGoods {border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;} } /* 202406 */ /* AI */ .aiwrapDx {width:100%; padding:118px 0 0 0;} .aiwrapDx .aiDxba {position:relative; width:100%; height:500px; border-radius:20px; background:#51308E;} .aiwrapDx .aiDxba .text {position:absolute; left:0; top:42px; width:100%; text-align:center;} .aiwrapDx .aiDxba p.a1 {font-size:30px; color:#fff; line-height:1.3; letter-spacing:-0.8px;} .aiwrapDx .aiDxba p.a1 strong {display:block; font-size:48px; color:#F6BB54; line-height:1.2; letter-spacing:-1.2px; font-weight:500; margin:-3px 0 0 0;} .aiwrapDx .aiDxba p.a2 {font-size:24px; color:#CEC5FE; line-height:1.3; letter-spacing:-0.8px; padding:2px 0 0 0;} .aiwrapDx .aiDxba .img {position:absolute; left:50%; bottom:-91px; margin:0 0 0 -216px;} .aiwrapDx .aiDxba .img img {width:432px;} .aiwrapDx .aiDxba .icon {position:relative; bottom:-117px; margin:0 auto;width: 450px;} .aiwrapDx .aiDxtx {width:100%; padding:100px 0 0 0; text-align:center;} .aiwrapDx .aiDxtx .info1 {width:100%; padding:0 0 70px 0;} .aiwrapDx .aiDxtx .info1 .tt {font-size:40px; color:#000; line-height:1.2; letter-spacing:-2px; font-weight:600;} .aiwrapDx .aiDxtx .info1 .tt span {font-size:40px; color:#7064E7;} .aiwrapDx .aiDxtx .info1 .tx {font-size:20px; color:#000; line-height:1.4; letter-spacing:-0.6px; padding:6px 0 0 0;} .aiwrapDx .aiDxtx .info2 {width:100%; padding:0 0 40px 0;} .aiwrapDx .aiDxtx .info2 .ico img {width:150px;} .aiwrapDx .aiDxtx .info2 .tt {font-size:28px; color:#7064E7; line-height:1.2; letter-spacing:-1px; font-weight:600; padding:20px 0 6px 0;} .aiwrapDx .aiDxtx .info2 .tx {font-size:24px; color:#000; line-height:1.4; letter-spacing:-0.6px;} .aiwrapDx .aiDxtx .info3 {width:100%; padding:30px 0 0 0;} .aiwrapDx .aiDxtx .info3 .alert {position:relative; width:110px; height:110px; background:#ff9104; border-radius:100%; margin:0 auto;z-index: 2} .aiwrapDx .aiDxtx .info3 .alert span {display:inline-block; font-size:24px; color:#fff; line-height:110px; letter-spacing:-1px; font-weight:600;} .aiwrapDx .aiDxtx .info3 .tx {position:relative;font-size:20px; color:#000; line-height:1.4; letter-spacing:-0.6px; padding:40px 0 30px 0; background-color: #f5f5f5; border-radius: 15px;top:-30px; z-index: 1;} .aiwrapDx .aiDxtx .info3 .ico img {width:100%;margin-bottom: 10px;} .aiwrapDx .aiDxbn {width:100%; padding:20px 0 55px 0;} @media (max-width: 750px) { .aiwrapDx {padding:70px 0 0 0;} .aiwrapDx .aiDxba {height:335px; border-radius:10px;} .aiwrapDx .aiDxba .text {top:30px;} .aiwrapDx .aiDxba p.a1 {font-size:18px;} .aiwrapDx .aiDxba p.a1 strong {font-size:31px; letter-spacing:-0.8px; margin:-2px 0 0 0;} .aiwrapDx .aiDxba p.a2 {font-size:15px; padding:2px 0 0 0;} .aiwrapDx .aiDxba .img {bottom:-65px; margin:0 0 0 -140px;} .aiwrapDx .aiDxba .img img {width:280px;} .aiwrapDx .aiDxba .icon {position:relative; bottom:-80px; margin:0 auto;width: 300px;} .aiwrapDx .aiDxtx {padding:50px 0 0 0;} .aiwrapDx .aiDxtx .info1 {padding:0 0 38px 0;} .aiwrapDx .aiDxtx .info1 .tt {font-size:24px; letter-spacing:-1.2px;} .aiwrapDx .aiDxtx .info1 .tt span {font-size:24px;} .aiwrapDx .aiDxtx .info1 .tx {font-size:13px; padding:6px 0 0 0;} .aiwrapDx .aiDxtx .info2 {padding:0 0 20px 0;} .aiwrapDx .aiDxtx .info2 .ico img {width:85px;} .aiwrapDx .aiDxtx .info2 .tt {font-size:20px; letter-spacing:-0.6px; padding:12px 0 4px 0;} .aiwrapDx .aiDxtx .info2 .tx {font-size:16px;} .aiwrapDx .aiDxtx .info3 {padding:14px 0 0 0;} .aiwrapDx .aiDxtx .info3 .alert {width:72px; height:72px;} .aiwrapDx .aiDxtx .info3 .alert span {font-size:16px; line-height:72px;} .aiwrapDx .aiDxtx .info3 .tx {font-size:13px; letter-spacing:-1px; padding:40px 0 20px 0;} .aiwrapDx .aiDxbn {width:100%; padding:10px 0 35px 0;} } /* 심리상담 */ .psychologyiDx {width:100%; padding:118px 0 0 0;} .psychologyiDx .psyDxba {position:relative; width:100%; height:344px; border-radius:20px; background:url('../images/new/bg_nf_titbar.png') left top no-repeat; background-size:cover; margin:0 0 40px 0;} .psychologyiDx .psyDxba .text {position:absolute; left:0; top:54px; width:100%; margin-left: 50px;} .psychologyiDx .psyDxba p.a1 {font-size:48px; color:#fff; line-height:1.1; letter-spacing:-1.2px;} .psychologyiDx .psyDxba p.a2 {font-size:24px; color:#fff; line-height:1.4; letter-spacing:-0.8px; padding:20px 0 0 0;} .psychologyiDx .psyDxba .img {position:absolute; left:73%; bottom:-102px; margin:0 0 0 -168px;} .psychologyiDx .psyDxba .img img {width:336px;} .psychologyiDx .psyDxtx {width:100%; overflow:hidden;} .psychologyiDx .psyDxtx .tt {font-size:40px; color:#000; line-height:1.2; letter-spacing:-1.2px; font-weight:600; padding:76px 0 28px 0; text-align:center;} .psychologyiDx .psyDxtx .tt span {font-size:40px; color:#7064E7;} .psychologyiDx .psyDxtx .tx {padding:30px 34px; border-radius:20px; background:#EEEEEE;} .psychologyiDx .psyDxtx .tx ul:after {content:""; display:block; clear:both;} .psychologyiDx .psyDxtx .tx ul li {position:relative; display:block; padding:3px 0 3px 12px; font-size:23px; color:#000; line-height:1.2; letter-spacing:-0.8px;} .psychologyiDx .psyDxtx .tx ul li:after {content:''; position:absolute; left:0; top:15px; width:3px; height:3px; background:#000; border-radius:100%; overflow:hidden;} .psychologyiDx .psyDxtx .tx p {font-size:23px; color:#000; line-height:1.5; letter-spacing:-0.8px; padding:4px 0;} .psychologyiDx .psyDxtx .ico {width:100%; text-align:center; padding:75px 0 25px 0;} .psychologyiDx .psyDxtx .ico img {width:262px;} .psychologyiDx .psyDxtx .tq {font-size:23px; color:#000; line-height:1.5; letter-spacing:-0.8px; text-align:center; padding:0 20px;} .psychologyiDx .psyDxbn {width:100%; padding:65px 0 55px 0;} /* 전문가 소개 */ .psychologyiDx .disnoneDx {display:none;} .psychologyiDx .disnoneDx.tab01 {display:block;} .psychologyiDx .subTabs {margin-top:-20px;} .psychologyiDx .disnoneDx {margin:-10px 0 0 0;} .psychologyiDx .psySxba {position:relative; width:100%; height:202px; border-radius:20px; background:#E46182; overflow:hidden;} .psychologyiDx .psySxba .text {position:absolute; left:32px; top:26px; width:100%; text-align:left;} .psychologyiDx .psySxba .text span {display:block; font-size:28px; color:#fff; line-height:1.2; letter-spacing:-1px;} .psychologyiDx .psySxba .img {position:absolute; right:0; bottom:0;} .psychologyiDx .psySxba .img img {width:350px;} .psychologyiDx .specialist {width:100%; padding:7px 0 50px 0; overflow:hidden;} .psychologyiDx .specialist ul:after {content:""; display:block; clear:both;} .psychologyiDx .specialist ul li {display:block; position:relative; margin:30px 0 0 0; padding:0 0 0 170px; min-height:202px;} .psychologyiDx .specialist ul li .pic {position:absolute; left:0; top:0; width:145px; height:191px; border-radius:10px; overflow:hidden;} .psychologyiDx .specialist ul li .pic img {width:100%;} .psychologyiDx .specialist ul li .info {margin-bottom: 50px;} .psychologyiDx .specialist ul li .info .name {font-size:24px; color:#000; line-height:1.2; letter-spacing:-1.5px; font-weight:600; padding:4px 0 0 0;} .psychologyiDx .specialist ul li .info .memo {font-size:18px; color:#000; line-height:1.2; letter-spacing:-1.2px; padding:10px 0 40px 0;} .psychologyiDx .specialist ul li .info .memo.ellipsis {margin-top: 5px; color:#676767; width: 550px; max-width: 100%; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 60px;line-height:25px;} .psychologyiDx .specialist ul li .info .price {font-size:22px; color:#7064E7; line-height:1.2; letter-spacing:0px; font-weight:600;} .psychologyiDx .specialist ul li .info .category {font-size:18px; color:#3d3c3c; line-height:1.2; padding:6px 0 0 0;} .psychologyiDx .specialist .btn button {right: 0px; width:33.33%; height:56px; background:#9fb7ff; border-radius:15px; text-align:center;} .psychologyiDx .specialist .btn button span {font-size:22px; color:#fff; line-height:56px; letter-spacing:-1.2px;} .psychologyiDx .specialist .more-profile {margin-top: 10px; color: #7064E7; font-weight: 500; font-size: 16px;} .psychologyiDx .specialist .more-profile img {width:15px; margin-left: 5px;} .profile-skills-flex {display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 5px;} .profile-skills-item {background: #ebebeb;border-radius: 20px;padding: 10px 15px;margin-right: 7px; margin-bottom: 7px;} .profile-detail {font-size:16px; line-height: 22px; color: #252525; background-color: #f5f5f5;border-radius: 15px;padding: 20px; margin-left: 169px; margin-top: -40px;} .mind-pay {padding: 32px 60px 0 0 !important;} @media (max-width: 750px) { .psychologyiDx {padding:70px 0 0 0;} .psychologyiDx .psyDxba {height:270px; border-radius:10px;} .psychologyiDx .psyDxba .text {top:30px; margin-left:25px;} .psychologyiDx .psyDxba p.a1 {font-size:32px;} .psychologyiDx .psyDxba p.a2 {font-size:15px; padding:16px 0 0 0;} .psychologyiDx .psyDxba .img {bottom:-75px; margin:0 0 0 -110px;} .psychologyiDx .psyDxba .img img {width:200px;} .psychologyiDx .psyDxtx .tt {font-size:26px; padding:48px 0 18px 0;} .psychologyiDx .psyDxtx .tt span {font-size:26px;} .psychologyiDx .psyDxtx .tx {padding:20px 24px; border-radius:10px;} .psychologyiDx .psyDxtx .tx ul li {padding:3px 0 3px 8px; font-size:15px;} .psychologyiDx .psyDxtx .tx ul li:after {top:10px; width:2px; height:2px;} .psychologyiDx .psyDxtx .tx p {font-size:15px;} .psychologyiDx .psyDxtx .ico {padding:50px 0 20px 0;} .psychologyiDx .psyDxtx .ico img {width:170px;} .psychologyiDx .psyDxtx .tq {font-size:15px; padding:0 12px;} .psychologyiDx .psyDxbn {padding:40px 0 35px 0;} /* 전문가 소개 */ .psychologyiDx .subTabs {margin-top:-10px;} .psychologyiDx .disnoneDx {margin:22px 0 0 0;} .psychologyiDx .psySxba {height:132px; border-radius:10px;} .psychologyiDx .psySxba .text {left:20px; top:20px;} .psychologyiDx .psySxba .text span {font-size:15px;} .psychologyiDx .psySxba .img img {width:220px;} .psychologyiDx .specialist ul li {margin:20px 0 0 0; padding:0 0 0 110px; min-height:131px;} .psychologyiDx .specialist ul li .pic {width:94px; height:124px;} .psychologyiDx .specialist ul li .info {margin-bottom: 30px;} .psychologyiDx .specialist ul li .info .name {font-size:18px; padding:2px 0 0 0;} .psychologyiDx .specialist ul li .info .memo {font-size:14px; padding:5px 0 26px 0;} .psychologyiDx .specialist ul li .info .memo.ellipsis {margin-top: 0px; color:#676767; width: 270px; max-width: 100%; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 44px; line-height: 20px;} .psychologyiDx .specialist ul li .info .price {font-size:15px;} .psychologyiDx .specialist ul li .info .category {font-size:14px; padding:2px 0 0 0;} .psychologyiDx .specialist .more-profile {font-size: 14px;} .profile-detail {font-size:14px; line-height: 22px; color: #252525; background-color: #f5f5f5;border-radius: 15px;padding: 20px; margin-left: 0px; margin-top: -20px;} .profile-skills-item {font-size:12px;background: #ebebeb;border-radius: 20px;padding: 8px 10px;margin-right: 7px; margin-bottom: 7px;} .notice-text-strong {font-size: 16px !important;} .mind-pay {padding: 22px 24px 0 0 !important;} /* 직무스트레스 검사 */ .bigTitle {font-size: 20px; font-weight: 600; margin-bottom: 10px; color:#F6BB54;} .wFormWrap {background:#F5F5F5; padding:20px 20px; border-radius:15px;} .wFormWrap.inq {padding:0 0 5px 0;} .wFormWrap:after {content:""; display:block; clear:both;} .wFormWrap .nameT {font-size:1.666rem; color:#000; line-height:1.2; font-weight:600;} .wFormWrap .stressSMtitle {font-size:24px; color:#ffffff; line-height:2; font-weight:600; height:100px;margin-top:5px;margin-bottom:10px;background:#6688e2;width:100px;text-align: center; border-radius:50px;line-height : 100px;margin: auto;} .wFormWrap .space {font-size:1.266rem; color:#ffffff; margin-top:5px;margin-bottom:10px;} .wFormWrap .stressContenttitle {font-size:16px; color:#ffffff; line-height:30px; font-weight:600;text-align:center;width:100px;height:30px;border-radius:0 15px 15px 0;background:#F6BB54;margin-top:30px;padding:0 20px;margin-left: -20px;} .wFormWrap .stressContenttitle:first-child {margin-top:5px;} .wFormWrap .stressContent {font-size:15px; color:#666666; line-height:1.2; font-weight:500;padding-top: 10px;padding-bottom: 5px;} .wFormWrap .chooseAnswer {font-size:14px;padding-left: 25px;} .wFormWrap .wt {font-size:22px; color:#666; line-height:1.2; font-weight:600; padding:30px 0 14px 0;} .wFormWrap .wForm {position:relative; width:100%; overflow:hidden;} .wFormWrap .wForm .chkArea {margin-top: 5px;padding-left:16px;margin-bottom: 12px;} .wFormWrap .wForm .chkArea:last-child {margin-top: 5px; margin-bottom: 15px;padding-left:16px;} .wFormWrap .wForm input {line-height:36px; color:#666; margin-bottom:5px;} .wFormWrap .wForm .divide:after {content:""; display:block; clear:both;} .wFormWrap .wForm .divide ul:after {content:""; display:block; clear:both;} .wFormWrap .wForm .divide ul li {position:relative; display:block; margin:0 0 5px 0; box-sizing:border-box;} .wFormWrap .wForm .divide ul li:last-child {margin:0;} .wFormWrap .wForm .divide ul li.search {padding:0 80px 0 0; } .wFormWrap .wForm .divide ul li.search input {border-radius:3px 0 0 3px;} .wFormWrap .wForm .divide ul li.search a {position:absolute; right:0; top:0; display:inline-block; width:80px; height:38px; border-radius:0 3px 3px 0; background:#ccc; text-align:center;} .wFormWrap .wForm .divide ul li.search a span {display:inline-block; width:100%; font-size:1.333rem; color:#666; line-height:36px;} .wFormWrap .wForm .divideThree:after {content:""; display:block; clear:both;} .wFormWrap .wForm .divideThree ul {margin:0 -3% 0 0;} .wFormWrap .wForm .divideThree ul:after {content:""; display:block; clear:both;} .wFormWrap .wForm .divideThree ul li {float:left; width:30.333%; margin:0 3% 0 0;} .wFormWrap .wForm .addTxt {width:100%; font-size:1.1em; color:#000; line-height:1.2; font-weight:500; padding:25px 0 0 0; text-align:center; overflow:hidden;} .wFormWrap .wForm textarea {width:100%; height:140px; font-size:1.333rem; color:#666; line-height:1.2; font-weight:500; padding:10px; border:1px #e4e4e4 solid; border-radius:10px; box-sizing:border-box; overflow-y:auto;} /* checkbox, radio */ label {display:inline-block; font-size:14px; color:#666; font-weight:normal; line-height:15px; padding:0 0 0 20px; word-break:keep-all;} .checkbox {position:relative; display:inline-block;} .checkbox input + label::before {position:absolute; left:0; top:50%; content:''; width:20px; height:20px; margin:-10px 0 0 0; background:url('../images/bg/bg_check.png') left top no-repeat; background-size:20px auto;} .checkbox input:checked + label::before {background:url('../images/bg/bg_check_on.png') left top no-repeat; background-size:20px auto;} .radio {position:relative; display:inline-block;} .radio input + label::before {position:absolute; left:0; top:50%; content:''; width:15px; height:15px; margin:-8px 0 0 0; background:url('../images/bg/bg_radio.png') left 50% no-repeat; background-size:15px auto;} .radio input:checked + label::before {background:url('../images/bg/bg_radio_on.png') left 50% no-repeat; background-size:15px auto;} .radio * {vertical-align:top;} .process .processTxt {font-size:18px} .hsResult .hsCertified .tt {font-size:20px; color:#000; line-height:1.2; font-weight:500; padding:24px 0 5px 0;} .hsResult .hsCertified .tt {font-size:20px; color:#000; line-height:1.6; font-weight:600; padding:24px 0 5px 0;} .hsResult .hsCertified .tx {font-size:16px; color:#000; line-height:1.2; font-weight:300; padding:0 0 30px 0;} .hsResult .hsCertified .hpTt {font-size:20px; color:#000; line-height:1.6; font-weight:600; padding:24px 0 15px 0;} .hsResult .hsCertified .hpTx {font-size:16px; color:#000; line-height:1.2; font-weight:300; padding:0 0 30px 0;} .hsResult .hsCertified .hpForm ul li.certify a {position:absolute; right:0; top:0; display:block; width:100px; height:50px; font-size:14px; color:#fff; letter-spacing:-1px; line-height:50px; text-align:center; background:#7064E7; border-radius:0 10px 10px 0; overflow:hidden;} .hsResult .hsCertified .hpForm ul li.certify a span {font-size: 16px;} .zentalkPay .hpTt {font-size:20px; color:#000; line-height:1.6;} .hsResult .hsCertified .macrogenText {font-size:16px; color:#000; line-height:1.2; font-weight:300; padding:0 0 30px 0;} }