@charset 'utf-8'; /* 팝업 s --------------------------------------------------------------------------------------------------- */ /* 전통시장 팝업 */ .trademarket_gbox {overflow:hidden; padding:20px 20px 10px; background:#f5f5f5; line-height:1.2; font-size:14px;} .trademarket_gbox dt {float:left; width:70px; height:30px; color:#999;} .trademarket_gbox dt.font_wide_2f {letter-spacing:10px;} .trademarket_gbox dd {float:left; width:380px; height:30px; color:#666;} /* 로그인 > 알려드립니다 */ .pop_cont_scroll {height:393px; overflow-y:scroll; padding:10px; border-top:1px solid #333; border-bottom:1px solid #ddd; font-size:13px; line-height:1.6;} /* 로그인 > 로그인이용안내 */ .pop_cont_area {font-size:14px;} .pop_faq_cont {} .pop_faq_cont .pop_faq {border-top:1px solid #333;} .pop_faq_cont .pop_faq .pop_faq_q {padding:14px; border-bottom:1px solid #ddd; } .pop_faq_cont .pop_faq .pop_faq_q:hover, body .pop_faq_cont .pop_faq_q_on {cursor:pointer; color:#f26630; font-weight:700;} .pop_faq_cont .pop_faq .pop_faq_a {margin-top:-1px; border-top:1px solid #f5f5f5; border-bottom:1px solid #ddd; padding:14px 14px 14px 30px; text-indent:-15px; background:#f5f5f5;} .pop_customer_center {border:4px solid #ddd; padding:20px; font-size:13px;} .pop_customer_center h2 {font-size:16px; color:#333;} .pop_customer_center div {margin-top:13px; padding:5px 0 10px 57px; background:url(/resources/images/icon/pop_cus_cen.png) no-repeat 0 0; line-height:1;} .pop_customer_center div span {color:#f26630; font-size:24px; font-weight:700;} .pop_customer_center div b {font-size:15px; font-weight:700;} /* 약관동의 */ /*.terms-contents caption {display: table-caption; *display: block; position: static; width: auto; height: auto; text-align: left; font-size: 12px; line-height: normal; padding-bottom: 8px; color:#666;}*/ /* : 사용되는곳이 있는경우 주석해제 하시고 오늘이 2018-02-01 이후면 삭제 팝업:체육시설 쿠폰 출력 .coupon_prev {background:url(/resources/images/mypage/bg_coupon.gif) 0 0 no-repeat; height:125px; padding:40px 0 0 65px; margin-top:10px; color:#574726; font-size:11px;} .coupon_prev .tit_club {line-height:13px;} .coupon_prev .ticket {padding:12px 0 0 30px; font-size:12px; color:#fff; font-weight:bold;} .coupon_prev .ticket .tit {color:#a08d50;} .coupon_prev .ticket strong {font-size:16px;} .coupon_prev dl {margin-top:16px; line-height:14px; *zoom:1;} .coupon_prev dl:after {content:""; display:block; clear:both;} .coupon_prev dl dt {float:left;} .coupon_prev dl dd {font-weight:bold;} popup- 개인정보활용동의 .pop-btn a {position: absolute; top: 222px; width: 153px; height: 36px; text-indent: -1000em; cursor:pointer; background: url(/resources/images/member/blank.png)} .pop-btn .psn-agree {left: 67px;} .pop-btn .psn-later {left: 230px;} */ /* 모바일 앱 미사용시 팝업 */ .mb_app_wrap {position:relative; display:block; width:446px; height:388px; text-align:center; border:2px solid #666; background:#fff; overflow:hidden; } .mb_app_wrap .mb_cls {position:absolute; display:block; top:17px; right:16px; width:24px; height:23px; text-indent:-99999px; z-index:1010; } .mb_app_wrap .mb_cls img {display:block; width:100%; height:100%;} .mb_app_wrap .mb_app_top {width:446px; height:271px;} .mb_app_wrap .mb_app_top h2 {margin-top:26px;} .mb_app_wrap .mb_app_top p.mb_tit {font-size:45px; font-weight:700; color:#333; margin-top:14px;} .mb_app_wrap .mb_app_top p.mb_txt {font-vsize:15px; font-weight:500; color:#333; margin-top:10px;} .mb_app_wrap .mb_app_top .mb_btn {margin-top:20px;} .mb_app_wrap .mb_app_top .mb_btn ul {overflow:hidden; width:392px; margin:0 auto;} .mb_app_wrap .mb_app_top .mb_btn ul li {float:left; width:98px; height:auto;} .mb_app_wrap .mb_app_top .mb_btn ul li a {display:block; font-size:14px; font-weight:500; color:#666;} .mb_app_wrap .mb_app_top .mb_btn ul li a img {display:block; width:68px; height:68px; margin:0 auto; padding-bottom:10px;} .mb_app_wrap .ph_num_wrap_n {position:absolute; bottom:0; width:442px; height:117px; background:#f2f2f2; overflow:hidden;} .mb_app_wrap .ph_wrap_n {width:auto; margin-top:24px; padding:0 52px;} .mb_app_wrap .ph_num_wrap_n p {font-size:14px; font-weight:700; color:#333; margin-top:25px;} .mb_app_wrap .ph_num_wrap_n .mob_num_n {float:left;width:auto;} .mb_app_wrap .ph_num_wrap_n select {vertical-align:top; height:23px; padding-left:10px;} .mb_app_wrap .ph_num_wrap_n input {width:90px; height:23px; font-size:15px; outline:none;} .mb_app_wrap .ph_num_wrap_n .mob_btn {float:left;} .mb_app_wrap .ph_num_wrap_n .mob_btn button {width:55px; height:25px; margin-left:5px; background:url("/resources/images/btn/btn_txt2.png") 100% center no-repeat;} .mb_app_wrap .ph_num_wrap_n .mob_btn button span {background:none;} /* 팝업 e ---------------------------------------------------------------------------------------------------------- */ /* 레이어팝업 s --------------------------------------------------------------------------------------------------- */ .l_pop_wrap {padding:20px 0 30px;border:#666 1px solid;background:#fff;} .ui-widget .ui-button {position:absolute;top:24px;right:25px;width:24px;height:23px;font-size:0;line-height:0;color:transparent;background:url(/resources/images/btn/btn_pop_close.png) no-repeat} .ui-dialog-titlebar {height:0;} .l_pop_wrap > .c_pop_tit {display:block;margin:0 24px;padding:0 30px 10px 0;color:#333;font-size:22px;font-weight:bold;line-height:120%;border-bottom:#ddd 1px solid} .l_pop_wrap > .c_pop_cnt {margin:30px 24px 0;line-height:150%} .ui-widget {z-index:8010;} /* 레이어팝업 : 마이페이지 > 베네피아 쿠폰안내 */ .ui-widget .ui-button, .l_pop_wrap {margin-top:100px;} .l_pop_wrap > .c_pop_cnt > p {font-size:14px} .l_pop_wrap > .c_pop_cnt > ul {margin:18px 0 0;padding:16px 20px 18px 26px;font-size:14px;background:#f5f5f5} .l_pop_wrap > .c_pop_cnt > ul > li {margin-top:7px} .l_pop_wrap > .c_pop_cnt > ul > li:first-child {margin-top:0} .l_pop_wrap > .c_pop_cnt > ul > li > em {position:relative;display:block;margin-bottom:2px;color:#ff242c;font-weight:bold} .l_pop_wrap > .c_pop_cnt > ul > li > em:after {position:absolute;top:50%;left:-7px;margin-top:-1px;width:2px;height:2px;background:#fe3d43;content:''} .l_pop_wrap > .c_pop_foot {margin-top:30px;text-align:center} .l_pop_wrap > .c_pop_foot > .btn_confirm {display:inline-block;padding:0 10px 1px;height:26px;font-size:13px;font-weight:bold;color:#fff;background:#ff242c} .l_pop_wrap button {outline:none} .ui-widget-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%;} .ui-widget-overlay {background: #aaa; opacity: .3; filter: Alpha(Opacity=30);} .ui-widget-shadow {margin: -8px 0 0 -8px; padding: 8px; background: #aaa; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px;} /* 레이어팝업 e --------------------------------------------------------------------------------------------------- */ /* 쿠폰발급받기 */ .viewGetCouponNumber .mainImg { margin-top: 55px; text-align: center; } .viewGetCouponNumber .couponField { margin-top: 55px; background: #fff; padding-top:20px; padding-bottom:20px; } .viewGetCouponNumber .couponField a, .viewGetCouponNumber .couponField label { display: inline-block; *display: inline; *zoom: 1; vertical-align:top; } .viewGetCouponNumber .couponField label { margin-top:4px; } .viewGetCouponNumber .couponField input { width: 186px; height:24px; line-height:24px; } .viewGetCouponNumber .con_info_txt li { line-height:26px; } .viewGetCouponNumber .con_info_txt li .sub { color: #999999; font-size: 11px; } .viewGetCouponNumber .con_info_txt li .sub .firstChar { font-size: 12px; } .viewGetCouponNumber .couponFlow { background: #fff; padding:0 20px; padding-bottom:20px; } .viewGetCouponNumber .couponFlow .flow { background: #f4f4f4; padding-top:15px; padding-bottom:20px; text-align:left; } .viewGetCouponNumber .couponFlow .flow h5 { margin-left:25px; font-size: 13px; font-weight: bold; } .viewGetCouponNumber .couponFlow .flow ul { margin-left:21px; margin-top:20px; overflow:hidden; } .viewGetCouponNumber .couponFlow .flow ul:after { content:''; display:block; clear:left; } .viewGetCouponNumber .couponFlow .flow li { float:left; width:33%; height:50px; } .viewGetCouponNumber .couponFlow .flow li strong, .viewGetCouponNumber .couponFlow .flow li span { display: block; margin-left:60px; } .viewGetCouponNumber .couponFlow .flow li strong { margin-top:8px; font-size:15px; } .viewGetCouponNumber .couponFlow .flow li span { margin-top:2px; font-size:12px; letter-spacing:-1px; } .viewGetCouponNumber .couponFlow .flow li.playstore { width:27%; background:url(/resources/images/ico/ico_playstore.png) no-repeat 0 0; } .viewGetCouponNumber .couponFlow .flow li.appstore { width:27%; background:url(/resources/images/ico/ico_appstore.png) no-repeat 0 0; } .viewGetCouponNumber .couponFlow .flow li.benepia { width:46%; background:url(/resources/images/ico/ico_benepia.png) no-repeat 0 0; } /* 개인정보변경 > 본인인증 */ .viewPrivacyModifyConfirm .boxNotice { padding: 15px 18px; border: 1px solid #dddddd; } .viewPrivacyModifyConfirm .boxNotice li { line-height: 22px; } .viewPrivacyModifyConfirm .boxConfirmMethod { overflow: hidden; text-align: center; } .viewPrivacyModifyConfirm .boxConfirmMethod .fl, .viewPrivacyModifyConfirm .boxConfirmMethod .fr { float: left; width: 368px; height: 264px; border: 1px solid #dddddd; } .viewPrivacyModifyConfirm .boxConfirmMethod .fr { margin-left: 9px; } .viewPrivacyModifyConfirm .boxConfirmMethod h5 { height: 26px; padding-top: 10px; margin-bottom: 30px; border-bottom: 1px solid #ddd; background: #f5f5f5; } .viewPrivacyModifyConfirm .boxConfirmMethod .txt { height: 65px; margin-top: 18px; font-size: 12px; color: #666666; line-height: 1.2em } /* 테마톡 */ .viewThemeTokView .detail h3 { margin:28px 0; font-size:25px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333333; letter-spacing:-1px; } .viewThemeTokView .detail ul { padding-bottom:20px; } .viewThemeTokView .detail li { margin-bottom:10px; } .viewThemeTokView .detail .box { padding:14px; border:1px solid #dddddd; } .viewThemeTokView .detail .box img { width: 720px; } .viewThemeTokView .detail .box a.to-detail img { width: auto; } /* 포인트 정보 안내 신청 */ .view-mypage-pointInfoApply .box { border:1px solid #dddddd; } .view-mypage-pointInfoApply .box.nth-1 { padding:30px; background:url(/resources/images/mypage/img_pointInfoApply.png) no-repeat 516px 30px; } .view-mypage-pointInfoApply .box.nth-1 img.nth-2 { margin-top:15px; } .view-mypage-pointInfoApply .box.nth-1 ul { margin-top:15px; margin-bottom:30px; font-weight:bold; } .view-mypage-pointInfoApply .box.nth-1 .btns { margin-top:0; margin-bottom:0; } .view-mypage-pointInfoApply .box.nth-2 { padding:20px; padding-bottom:30px; } .view-mypage-pointInfoApply .box.nth-2 .img { margin-top:30px; text-align:center; } .view-mypage-pointInfoApply .box.nth-2 .btns { margin-top:30px; margin-bottom:30px; } /* 기념일 상품 신청 */ .viewAnnivApplyGift .infoBox { padding:20px; margin-top:12px; text-align:left; position:relative; } .viewAnnivApplyGift .infoBox h5 { font-size:13px; } .viewAnnivApplyGift .infoBox p { margin-top:10px; line-height:1.35em; } .viewAnnivApplyGift .infoBox a { position:absolute; bottom:20px; right:20px; } .viewAnnivApplyGift .noList { margin-top:130px; text-align:center; } /* BENEDR-29887_회원가입폰트_2026-09-02 s : 회원가입/아이디·비밀번호찾기 본문 맑은고딕(base.2017.css body) → Pretendard 통일 */ [class*=view-member-joinStep].page-sticky-footer #container { --font-primary: "Pretendard", sans-serif; } [class*=view-member-joinStep].page-sticky-footer #container, [class*=view-member-joinStep].page-sticky-footer #container * { font-family: var(--font-primary); } /* BENEDR-29887_회원가입폰트_2026-09-02 e */ /* 회원가입 > 핸드폰인증, 이메일인증 */ .view-member-joinStep1 .h3_tit_area.tit_all { border-bottom: 1px solid #dddddd; padding-bottom:12px; } .view-member-joinStep1 .h3_tit_area.tit_all .txt_sub { bottom: 12px; font-size: 13px; letter-spacing: -1px; } .view-member-joinStep1 .con_box02 { background: #fff; } .view-member-joinStep1 .auth-info { border-top: 1px solid #eeeeee; } .view-member-joinStep1 .authtype { width:750px; padding-left:100px; } .view-member-joinStep1 .authtype:after { content:""; clear:both; display:block; } .view-member-joinStep1 .authtype label { display: inline-block; *display: inline; *zoom: 1; width: 70px; } .view-member-joinStep1 .authtype li { float:left; margin-bottom:10px; text-align:left; } .view-member-joinStep1 .authtype li.field-auth { float: none; clear: left; width: 100%; } .view-member-joinStep1 .authtype li.field-auth p { margin-top: 6px; margin-left: 90px; font-size: 11px; } .view-member-joinStep1 .c-check .c-check__label {font-size: 15px;} /* 2026.로그인페이지 UI 개선 추가 [TES-3537 : P256276] */ /* 회원가입 > 가입완료 */ .view-member-joinStep4 .coupon { position:relative; } .view-member-joinStep4 .coupon p { position: absolute; top:62%; left:0; width:100%; text-align:center; color: #999999; font-size:12px; line-height:145%; } /* 개인정보 연계 동의 */ .view-member-myinfoAgree .auth_area { padding-bottom: 30px; border: 1px solid #ddd; text-align: center; } .view-member-myinfoAgree .auth_area .img-wrap { margin-top: 50px; } .view-member-myinfoAgree .auth_area .agree-field { display: inline-block; *display: inline; *zoom: 1; width: 585px; height: 30px; line-height: 30px; margin-top: 30px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .view-member-myinfoAgree .auth_area .agree-field p { display: inline-block; *display: inline; *zoom: 1; margin-right: 30px; vertical-align: top; } .view-member-myinfoAgree .auth_area .agree-field .radioT1 { display: inline-block; *display: inline; *zoom: 1; } .view-member-myinfoAgree .auth_area .agree-field .radioT1.nth-1 { margin-right: 20px; } .view-member-myinfoAgree .auth_area .agree-field .radioT1 label { vertical-align: top; } .view-member-myinfoAgree .auth_area .btn_area { margin-top: 30px; } /* 본인인증 요청 */ .view-member-selfAuthRequest .img-wrap { text-align: center; } .view-member-selfAuthRequest .auth-list li.nth-1 { line-height: 25px; width: 30%; } .view-member-selfAuthRequest .auth-list li.nth-1 dfn { display: inline-block; *display: inline; *zoom: 1; margin-right: 10px; } .view-member-selfAuthRequest .authtype li.nth-1 { line-height: 25px; } .view-member-selfAuthRequest .authtype li.nth-1 dfn { display: inline-block; *display: inline; *zoom: 1; margin-left: 3px; margin-right: 10px; } /* 계정찾기 */ .viewAccountFind .findTopMenu { overflow:hidden; height:40px; background:#e7e7e7; } .viewAccountFind .findTopMenu:after { display:block; content:''; clear:right; } .viewAccountFind .findTopMenu .wrap { overflow:hidden; width:960px; margin:0 auto; } .viewAccountFind .findTopMenu ul { float:right; margin-top:8px; } .viewAccountFind .findTopMenu ul:after { display:block; content:''; clear:left; } .viewAccountFind .findTopMenu li { float:left; margin-left:20px; } .viewAccountFind .findTopMenu li a { display:inline-block; *display:inline; *zoom:1; height:21px; line-height:21px; padding-left:34px; font-size:12px; color:#999999; background-repeat:no-repeat; background-position: 0 0; letter-spacing:-1px; } .viewAccountFind .findTopMenu li.on a { background-position: 0 -21px; color:#ff242c; } .viewAccountFind .findTopMenu li a.idFind { background-image:url(/resources/images/member/ico_idFind.gif); } .viewAccountFind .findTopMenu li a.pwFind { background-image:url(/resources/images/member/ico_pwFind.gif); } /* 계정찾기 > 비밀번호 찾기 */ .viewAccountFind.viewPrivacyModifyConfirm .boxConfirmMethod .fl { width: 473px; } .viewAccountFind.viewPrivacyModifyConfirm .boxConfirmMethod .fr { width: 473px; margin-left:10px; } .viewAccountFind.viewPrivacyModifyConfirm .authtype { padding-left:0px; width:300px; margin:0 auto; } .viewAccountFind.viewPrivacyModifyConfirm .authtype label { width:80px; } .viewAccountFind.viewPrivacyModifyConfirm .authtype li { float:none; } .viewAccountFind.viewPrivacyModifyConfirm p.authinfo { margin-top:30px; } /* 계정찾기 > 비밀번호 재설정 찾기 */ .viewAccountFind.viewPwReset .authtype { padding-left:0px; width:400px; margin:0 auto; } .viewAccountFind.viewPwReset .authtype label { width:120px; } .viewAccountFind.viewPwReset .authtype li { float:none; } .viewAccountFind.viewPwReset p.authinfo { margin-top:30px; padding:20px 0; border-top: 1px solid #ddd; } .viewAccountFind.viewPwReset dl.authinfo { padding:0 100px; padding-top:20px; border-top:1px solid #ddd; text-align:left; } .viewAccountFind.viewPwReset dl.authinfo dt { margin-bottom: 10px; } .viewAccountFind.viewPwReset dl.authinfo dd { margin-left:20px; padding-left:10px; text-indent:-10px; line-height:1.5em; } /* 계정찾기 > 아이디 찾기 */ .viewAccountFind.viewIdFind .auth-list { width:450px; margin-bottom:0; } .viewAccountFind.viewIdFind .auth-list li { width:250px; } .viewAccountFind.viewIdFind .auth-list li:first-child { width:200px; } /* 계정찾기 > 아이디 찾기 결과 */ .viewAccountFind.viewIdFindResult .box_pw_change { padding:25px 0; text-align:center; } /* 정보동의 공통, 2024-04-18 */ .common-agree-box > th.req::before {content: "* ";color: #ff6600;} .common-agree-box > th.req::after {display: none;} .common-agree-box > th.req.right::before {display: none;} .common-agree-box > th.req.right::after {display: inline; content: "*";color: #ff6600;margin-left:3px;} .common-agree-box > td, .tbTypeV .common-agree-box > td, .mpType02 .tbl_type02 table tbody .common-agree-box td {line-height: 1.35em; padding: 9px 10px;background: none;} .common-agree-box > td > h3 {font-size: 13px !important;font-weight: 700;} .common-agree-box > td p {margin-top: 10px;} .common-agree-box > td input[type=radio] {width:auto !important; vertical-align: -2px;} /* 2026-03-20 수정 */ .common-agree-box > td table.tbl_type01 { margin-top:14px; border-bottom:1px solid #dddddd; table-layout:fixed; width:100%; border-collapse:collapse; } .common-agree-box > td caption { height:1px; overflow:hidden; opacity:0; filter: alpha(opacity=0); } .common-agree-box > td table.tbl_type01 thead th, .common-agree-box > td table.tbl_type01 tbody td { padding:10px; border:1px solid #dddddd; border-bottom:0px; text-align: center; line-height: 1.2em;} .common-agree-box > td table.tbl_type01 thead th { background:#f5f5f5; font-weight:normal; } .common-agree-box > td ul { margin-top:15px; color:#666; letter-spacing:-1px; } .common-agree-box > td li { margin-top:5px; } .common-agree-box > td .agree-wrap { margin-top:14px; } .common-agree-box > td .tx-list {padding-left: 15px} .common-agree-box > td .tx-list li {text-indent: -17px} /* 3자 정보제공 동의 */ .view_3thPrivacyAgree { padding-bottom:100px; } .view_3thPrivacyAgree .contents { margin-top:20px; padding:40px 86px; border:1px solid #dddddd; } .view_3thPrivacyAgree .contents p.nth-1 { color:#666; letter-spacing:-1px; line-height:1.35em; } .view_3thPrivacyAgree .contents table { margin-top:14px; border-bottom:1px solid #dddddd; table-layout:fixed; width:100%; border-collapse:collapse; } .view_3thPrivacyAgree .contents caption { height:1px; overflow:hidden; opacity:0; filter: alpha(opacity=0); } .view_3thPrivacyAgree .contents th, .view_3thPrivacyAgree .contents td { padding:10px; border:1px solid #dddddd; border-bottom:0px; text-align:center; } .view_3thPrivacyAgree .contents th { background:#f5f5f5; font-weight:normal; } .view_3thPrivacyAgree .contents ul { margin-top:15px; color:#666; letter-spacing:-1px; } .view_3thPrivacyAgree .contents li { margin-top:5px; } .view_3thPrivacyAgree .contents .agree-wrap { margin-top:14px; } .view_3thPrivacyAgree .contents .agree-wrap label { color:#999999; } .view_3thPrivacyAgree .contents .tx-list {padding-left: 15px} .view_3thPrivacyAgree .contents .tx-list li {text-indent: -17px} .fzb {font-size: 14px; font-weight: 900;} /* 본인인증 팝업 */ .view-popMyAuth .box { border:1px solid #dddddd; padding:15px 0; text-align:center; } .view-popMyAuth .box .btn_area { margin-top:15px; } .view-popMyAuth .box .btn_area { margin-top:15px; } .view-popMyAuth .listT2 { padding-left:15px; padding-right:65px; } /* 이메일 수신거부 */ .view-emDeny { text-align:center; min-height:600px; } .view-emDeny .top-img { position:relative; margin-top:70px; } .view-emDeny .top-img div { position:absolute; top:66px; left:296px; font-size:14px; color:#999999; letter-spacing:-1px; text-align:left; font-weight:bold; line-height:135%; } .view-emDeny .top-img div p { margin-left:62px; margin-bottom:10px; } .view-emDeny .top-img.type2 div { top:76px; } .view-emDeny .box { margin-top:33px; padding-bottom:37px; border:1px solid #dddddd; } .view-emDeny .box p { padding:20px 0; border-bottom:1px dashed #dddddd; font-weight:bold; color:#666666; font-size:18px; } .view-emDeny .btns { margin-top:32px; } /* 마이페이지 > 복리후생 내역 신청 및 조회 */ .view-mypage-welfareListApply {} .view-mypage-welfareListApply label { margin: 0 !important; } .view-mypage-welfareListApply .btn_area a { vertical-align: middle; } /* 마이페이지 > 사용복지카드 등록 정보 */ .view-mypage-useWelfareCardInfo .important { height: 100px; padding-top: 34px; padding-left: 288px; background:url(/resources/images/mypage/img_card2.gif) no-repeat 50px top; line-height: 130%; font-size: 20px; color: #666666; } .view-mypage-useWelfareCardInfo .tbl_type02 th, .view-mypage-useWelfareCardInfo .tbl_type02 td { padding-top: 15px; padding-bottom: 15px; font-size: 13px; } /* 마이페이지 > 복지카드 등록 정보 */ .view-mypage-welfareCardInfo .important { height: 110px; padding-top: 24px; padding-left: 288px; background:url(/resources/images/mypage/img_card2.gif) no-repeat 50px top; } .view-mypage-welfareCardInfo .tbl_type02 th, .view-mypage-welfareCardInfo .tbl_type02 td { padding-top: 15px; padding-bottom: 15px; font-size: 13px; } /* 마이페이지 > 복지카드 변경 */ .view-mypage-welfareCardChange .cardSelect { border: 1px solid #dddddd; padding:28px 0; } .view-mypage-welfareCardChange .cardSelect ul { overflow: hidden; } .view-mypage-welfareCardChange .cardSelect ul:after { content: ''; display:block; clear: left; } .view-mypage-welfareCardChange .cardSelect ul.three li { width: 33.333%;} /* 2023-10-06 추가 */ .view-mypage-welfareCardChange .cardSelect li { float: left; width: 50%; padding-top: 140px; background-repeat: no-repeat; background-position: center 0; text-align: center; font-size:14px; font-weight: bold; color: #333333; letter-spacing:1px; } .view-mypage-welfareCardChange .cardSelect .nth-1 { background-image: url(/resources/images/mypage/img_card3.gif); } .view-mypage-welfareCardChange .cardSelect .nth-2 { background-image: url(/resources/images/mypage/img_card4.gif); } .view-mypage-welfareCardChange .cardSelect .nth-3 { background-image: url(/resources/images/mypage/img_card5.gif); } /* 2023-10-06 추가 */ .view-mypage-welfareCardChange .cardSelect label { padding-left:5px; } /* 마이페이지 > 메인 */ .view-mypage-main {} .view-mypage-main .tbl_type01 .bdT .mypoint ul { margin-top:10px; } .view-mypage-main .tbl_type01 .bdT .mypoint li { display:inline-block; *display:inline; *zoom:1; margin:0 3px; font-size:12px; } .view-mypage-main .chart-wrap { position: relative; width: 309px; height: 309px; } .view-mypage-main .chart-wrap .summary { position: absolute; top: 95px; left: 50%; width: 220px; margin-left: -110px; } .view-mypage-main .chart-wrap .summary li { } .view-mypage-main .chart-wrap .summary li dfn, .view-mypage-main .chart-wrap .summary li var { display: inline-block; *display: inline; *zoom: 1; width: 50%; margin-top: 12px; font-style: normal; font-weight: bold; font-size: 12px; } .view-mypage-main .chart-wrap .summary li dfn { text-align: center; color: #999999; } .view-mypage-main .chart-wrap .summary li var { text-align: left; color: #000000; } .view-mypage-main .chart-wrap .summary li.nth-1 { padding-bottom: 10px; border-bottom: 1px dashed #999999; } .view-mypage-main .chart-wrap .summary li.nth-1 dfn, .view-mypage-main .chart-wrap .summary li.nth-1 var { display: block; width: 100%; font-size: 18px; } .view-mypage-main .chart-wrap .summary li.nth-1 dfn { margin-top: 0px; } .view-mypage-main .chart-wrap .summary li.nth-1 var { text-align: center; } /* 마이페이지 > 복지포인트 */ .view-mypage-pointInfo {} .view-mypage-pointInfo .charts { position: relative; margin: 20px 10px 0; } .view-mypage-pointInfo .charts ul { overflow: hidden; *zoom: 1; } .view-mypage-pointInfo .charts ul:after { clear: left; content: ' '; display: block; } .view-mypage-pointInfo .charts li { float:left; text-align: center; } .view-mypage-pointInfo .charts li .chart-wrap { display: inline-block; *display: inline; *zoom: 1; position: relative; width: 170px; height: 170px; } .view-mypage-pointInfo .charts li .chart-wrap .fl { position: absolute; top: 65px; left: 0px; width: 100%; } .view-mypage-pointInfo .charts .nodata { position:relative; background:url(/resources/images/temp/temp_point_nodata.gif) 6px 0 no-repeat;text-align: center;width: 182px;height:170px;} .view-mypage-pointInfo .charts .nodata h4 { padding:65px 0 0; font-size: 13px; color: #666; } .view-mypage-pointInfo .charts .point { padding: 10px 0 0; font-size: 18px; color: #ff242c; font-family:Verdana; } .view-mypage-pointInfo .charts.nth-1 li { width:25%; *width: 182px; } .view-mypage-pointInfo .charts.nth-2 li { width:33.333333333333%; } .view-mypage-pointInfo .tbl_type01.nth-1 table tfoot td { font-size:14px; background:#fdf0d0; } /* 마이페이지 > 개인정보 > 본인인증 */ .view-mypage-myauth .auth-box { padding:30px 50px; border:1px solid #dddddd; } .view-mypage-myauth .auth-box p { text-align:center; color:#777777; } .view-mypage-myauth .auth-box p.method { height:30px; line-height:30px; margin-top:16px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; color:#333333; } .view-mypage-myauth .auth-box p.method strong { padding-right:22px; } .view-mypage-myauth .auth-box ul { padding-top:15px; padding-left:30px; font-size:11px; color:#999999; } .view-mypage-myauth .auth-box li { padding-top:5px; } /* 마이페이지 > 본인인증 요청 */ .view-myauth .h2_tit_area { padding-bottom:20px; } .view-myauth .auth-box { padding-left:130px; padding-right:130px; } .view-myauth .auth-box ul { padding-left:120px; } /* 2014-02-20 충북대학교병원 카드선택 */ .chungbuk .cardSelectWrap { margin-bottom:50px; padding:40px; border:1px solid #ddd; overflow:hidden;} .chungbuk .cardSelectWrap ul { display:inline-block; margin-left:20px; } .chungbuk .cardSelectWrap li { float:left; width:314px; text-align:center; } .chungbuk .cardSelectWrap .card-img { display:block; margin-bottom:10px; } .chungbuk .cardSelectWrap .con_info_txt { margin-bottom:15px; text-align:center; font-weight:bold; color:#ff242c; font-size:12px; } /* 비밀번호 변경 */ .box_pw_change_info { position:relative; } .box_pw_change_info .para { position:absolute; top:100px; left:296px; width:664px; height:158px; background:#fff; line-height:1.4em; font-size:15px; font-weight:bold; color:#999999; } .box_pw_change_info .para p { margin-bottom:8px; } .box_pw_change { padding:20px 30px 10px; border:1px solid #ddd;} .box_pw_change p { padding-bottom:17px; font-size:12px; color:#616161; text-align:center; border-bottom:1px solid #ddd;} .box_pw_change ul { width:330px; margin:0 auto; padding-top:20px;} .box_pw_change ul li { clear:both; width:100%;} .box_pw_change ul li:after { content:""; clear:both; display:block;} .box_pw_change .fl { float:left; width:125px; margin-bottom:9px;} .box_pw_change .fl img { margin-top:9px;} .box_pw_change .fr { float:right; width:205px; margin-bottom:9px;} .box_pw_change .fr span { display:block; padding-top:5px; font-size:11px; color:#616161;} .box_pw_change_notice { padding:20px; padding-top:0px; border-top:1px solid #ddd;} .box_pw_change_notice li { padding-left:10px]; line-height:1.4em;} /* 가족회원관리 */ .h3_tit_area> p> strong {font-size: 15px;} .cnt-view {width: 65px; height: 19px; display: inline-block; background: url(/resources/images/btn/btn_view_set.gif) left top no-repeat; text-indent: -1000em;} .cnt-view.on {background: url(/resources/images/btn/btn_view_set.gif) left bottom no-repeat;} .tbl_top_msgbox .desc {margin: 10px 0 15px 0;} .tbl_top_msgbox .etc {margin-bottom: 10px;} .tbl_top_msgbox .etc> * {line-height: 20px; vertical-align: middle;} .tbl_top_msgbox .etc button {margin-left: 15px;} .tbl_top_msgbox .policy {width: 686px; height: 110px; position: relative; border: 1px solid #dddddd; display: none;} .tbl_top_msgbox .policy.on {display: block} .etc-list-type1 li {background: url(/resources/images/ico/ico_squ_off.gif) left center no-repeat; padding-left:8px; margin-bottom: 3px;} .tbl_type01 .red-txt {color: #ff242c;} .tbl_type01 .red-txt.outer {display: inline-block; width: 82px;} .footer {border-bottom: 1px solid #ddd; overflow: hidden;} .footer > span {display: inline-block; vertical-align: middle; line-height: 25px;} .footer span.fl {float: left; margin-left: 20px;} .footer span.fr {float: right; margin-right: 10px;} .footer span.fl i {color: #ff242c;} .orderList.maT10 {overflow: hidden; margin-top: 10px;} .orderList li {padding-left: 10px; text-indent: -10px; margin-bottom: 3px;} .inp-chk {overflow: hidden;} .inp-chk.maT10 {margin-top: 10px;} /* 회원가입, 2026.로그인페이지 UI 개선 start [TES-3537 : P256276] */ .join_tprocess {position: relative; overflow:hidden; width:calc(100% - 300px); margin-left:150px; background:#fff; display: flex; gap: 132px;} .join_tprocess::before {content: ''; display: block; width: 100%; height: 1px; background-color: #EEEEEE; position: absolute; left: 0; top: 50%;} .join_tprocess>li {width: 96px; height: 96px; background-color: #F5F5F5; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #666; font-family: var(--font-primary); font-size: 16px; font-weight: 600; z-index: 1;} .join_tprocess img {z-index: 1;} .join_tprocess>li .step {margin-bottom: 4px; text-transform: uppercase; font-size: 14px; color: #999; font-weight: 400;} .join_tprocess>li.current {background-color: #F88800; color: #fff;} .join_tprocess>li.current .step {color: #fff;} /* 회원가입, 2026.로그인페이지 UI 개선 e */ /* 회원가입 */ .join_tprocess {overflow:hidden; width:777px; margin-left:153px; background:#fff url("/resources/images/common/dot_joinpro.gif") repeat-x 249px 49px; } .join_tprocess img {float:left; padding-left:131px;} .join_tprocess img:first-child {padding-left:0;} .join_pro_auth {position:relative; line-height:1.5;} .join_pro_auth label {font-size:14px;} .tab_userange .tit_select {top:21px} .auth_roption {margin-top:15px; border:1px solid #ddd;} .auth_roption div {padding:15px;} .auth_roption_ipin {overflow:hidden;} .auth_roption_ipin:after {display:block; clear:both; content:'.'; overflow:hidden; visibility:hidden; height:0} .auth_roption_ipin .auth_ipin_box {float:left; margin:20px 25px 0 0;} .auth_roption_ipin .auth_ipin_box dt {padding-left:8px; background:url("/resources/images/icon/dot_pink.gif") no-repeat 0 8px; font-weight:bold; color:#555;} .auth_roption_ipin .auth_ipin_box dt a {text-decoration:underline; font-weight:bold;} .auth_roption_ipin .auth_ipin_box dd {padding-left:8px;} .join_notif_service label {font-size:13px; font-weight:normal;} /* 2026.로그인페이지 UI 개선 s [TES-3537 : P256276] */ .join_notif_service>.c-check {display: flex;} .join_notif_service>.c-check + .c-check {margin-top: 12px;} .join_notif_service>.c-check .c-chkeck__label {font-size: 15px;} .join_notif_service>p.pointOr {margin-top: 16px; font-weight: 500; font-size: 15px; font-family: var(--font-primary);} /* 2026.로그인페이지 UI 개선 e */ .guide_exp_area {padding:20px 30px; border:1px solid #D9D9D9;} /* 2026.로그인페이지 UI 개선 m [TES-3537 : P256276]*/ .guide_exp_area .guide_exp {line-height:1.6;} .guide_exp_area .guide_exp li {padding-left:18px; text-indent:-8px;} /* 2026.로그인페이지 UI 개선 m [TES-3537 : P256276]*/ .guide_exp_area .guide_exp > li > ul > li, .dot_gray {padding-left:20px; text-indent:-8px; background:url("/resources/images/icon/dot_gray.gif") no-repeat 3px 8px; font-family: var(--font-primary); letter-spacing: 0;} /* 2026.로그인페이지 UI 개선 m [TES-3537 : P256276] */ .dot_gray_999 {padding-left:15px; text-indent:-8px; background:url("/resources/images/icon/dot_gray_999.gif") no-repeat 3px 8px;} .guide_exp_area h4 {margin-top:0;} .joinstep_complete {overflow:hidden; padding:60px 0; border:1px solid #D9D9D9; text-align:center; font-size:28px; font-weight:400; color: #212121; letter-spacing:0; line-height: 1.3em; font-family: var(--font-primary);} /* 2026.로그인페이지 UI 개선 m [TES-3537 : P256276] */ .joinstep_complete .complete_id {display: inline-block; margin-top: 46px; font-size:20px; font-weight: 600; color:#212121; letter-spacing:0px;} /* 2026.로그인페이지 UI 개선 m [TES-3537 : P256276]*/ .joinstep_complete .complete_id span {color:#666;} .joinstep_complete .complete_id>strong.text {padding: 16px 80px; background-color: #F8F8F8; border-radius: 10px; font-weight: 600;} /* 2026.로그인페이지 UI 개선 m [TES-3537 : P256276]*/ /* 2026.로그인페이지 UI 개선 s [TES-3537 : P256276] */ .guide_exp_area .guide_exp_title {font-family: var(--font-primary); font-size: 15px; color: #212121; font-weight: 600;} .guide_exp_area .guide_exp>li>strong {display: block; margin-top: 24px; font-family: var(--font-primary); font-size: 14px; color: #212121; font-weight: 400;} .guide_exp_area .color_9 {color: #666;} /* 2026.로그인페이지 UI 개선 e */ /* 2026.로그인페이지 UI 개선 s [TES-3537 : P256276] */ .joinstep_complete .result-text {font-size: 20px; color: #212121; font-weight: 500; font-family: var(--font-primary); letter-spacing: 0;} .joinstep_complete .result-id {display: inline-block; padding: 16px 80px; margin-top: 30px; background-color: #F8F8F8; border-radius: 10px; font-size: 20px; letter-spacing: 0; font-weight: 600; font-family: var(--font-primary); color: #212121; line-height: 140%;} /* 2026.로그인페이지 UI 개선 e */ /* 전통시장 */ .tmarket_point_info .tac {overflow:hidden; padding:0 96px; position:relative;} .tmarket_area_t .tac {padding-left:50px; overflow:hidden;} .tmarket_point {display:inline-block; text-align:center; line-height:2; font-size:18px; color:#999; position:relative; vertical-align:middle;} .tmarket_area_c .tmarket_point {font-size:12px; line-height:1;} .tmarket_point > div {position:absolute; top:0; left:0; z-index:1;} .legendLabel {font-weight:700;} .pdt110 .legend > div, .pdt70 .legend > div {display:inline-block; width:100%; position:relative; z-index:1; font-size:16px; line-height:1.9; letter-spacing:-1px;} .pdt110 .legend > div {padding-top:110px; font-size:18px;} .pdt70 .legend > div {padding-top:70px;} .pdt40 {padding-top:40px;} .pdt110 .legend > div > div, .pdt70 .legend > div > div, .pdt40 .legend > div > div {display:none;} .pdt110 .legend > div > div:first-child, .pdt70 .legend > div > div:first-child {display:block;} .legend .point {display:block; color:#ff242c; font-size:20px; font-weight:700;} .tmarket_area_c .point {color:#ff242c; font-weight:700;} .ico_plus, .ico_equal {display:inline-block;margin:-10px 20px 0; vertical-align:middle;} .tmarket_area_t .ico_plus, .tmarket_area_t .ico_equal {float:left; padding-top:86px; vertical-align:middle;} .tradmarket_point, .tradmarket_point_s {display:inline-block;} .tmarket_point_exp {overflow:hidden; clear:both; text-align:left; padding-left:40px; } .tmarket_point_exp p {line-height:1.4;} .available_point_info .bg_color {background:#fafafa; position:relative;} .available_point_info .tmarket_area_t {position:relative;} .available_point_info .tmarket_area_t p, .available_point_info .tmarket_area_c p {font-size:13px; font-weight:normal;} .available_point_info .tmarket_area_t, .available_point_info .tmarket_area_c {overflow:hidden; text-align:center; font-weight:700;} .available_point_info .tmarket_area_t img, .available_point_info .tmarket_area_c img {vertical-align:middle;} .available_point_info .tmarket_area_c h5 {float:left; width:259px; padding:40px 0 0 35px; text-align:left; font-size:15px; font-weight:700; line-height:2; color:#666;} .available_point_info .tmarket_area_c h5 > em {font-weight:700; color:#999;} .available_point_info .tmarket_area_c .tmarket_cont {float:left; width:568px; padding:40px 0;} .available_point_info .tmarket_area_t .tmarket_point p, .available_point_info .tmarket_area_c .tmarket_cont p {font-weight:700;} .available_point_info .tmarket_area_c .tmarket_cont .wid_m {width: 131px; height: 131px;} .available_point_info .tmarket_area_c .tmarket_cont .wid_m > div {width: 131px; height: 131px; } .available_point_info .tmarket_area_c .tmarket_cont .wid_m .wid_m6 {background:url(/resources/images/icon/tmarket_point6.png) 0 0 no-repeat;} .available_point_info .tmarket_area_c .tmarket_cont .wid_m .wid_m7 {background:url(/resources/images/icon/tmarket_point7.png) 0 0 no-repeat;} .available_point_info .tmarket_area_c .tmarket_cont .wid_m .wid_m8 {background:url(/resources/images/icon/tmarket_point8.png) 0 0 no-repeat;} .available_point_info .tmarket_area_c .tmarket_cont .wid_m .wid_m9 {background:url(/resources/images/icon/tmarket_point9.png) 0 0 no-repeat;} .available_point_info .tmarket_area_c .point {display:inline-block; font-size:14px; margin-top:5px;} .available_point_info {border:4px solid #f5f5f5; color:#999;} .available_point_info h4 {padding:36px 0 0 35px; color:#666; font-size:15px; font-weight:700;} .tmarket_area_t h4 {margin-bottom:30px; text-align:left;} .tradapptype_area { } .tradapptype_area .tab_trade {overflow:hidden; width:100%; border-top:2px solid #333; background:#f7f7f7; text-align:center; color:#666;} .tradapptype_area .tab_trade > div {float:left; width:50%; height:60px; line-height:3.7; font-size:15px;} .tradapptype_area .tab_trade_on {background:#eee; color:#333; font-weight:700;} .tradapptype_area .trade_option_view {overflow:hidden; border:1px solid #ddd; padding:20px;} .tradapptype_area .trade_option_view p {color:#999; line-height:1.5;} /* 전통시장 pie chart */ .demo-container {display:inline-block; overflow:hidden; width:201px; height:201px; margin:30px auto 0; position: relative; } .tmarket_area_t .demo-container {margin-top:0; width:201px; height:201px;} .tmarket_point_info .demo-container {width:309px; height:309px; } .demo-placeholder {width: 100%;height: 100%; font-size: 14px; line-height: 1.2em; background:url(/resources/images/icon/bg_placeholder.gif) 0 0 no-repeat;} .tmarket_area_t .demo-placeholder {font-size:13px; background:url(/resources/images/icon/bg_placeholder_t.gif) 0 0 no-repeat;} .placeholder {} .description {} #code {display: block; width: 870px; padding: 15px; margin: 10px auto; border: 1px dashed #999; background-color: #f8f8f8; font-size: 16px; line-height: 20px; color: #666;} /* 로그인 : 여기 없는 로그인 css 는 삭제해야함 */ /* LOGIN */ #container.login {width:100%;} #container.login .content {width:960px; margin:auto;} .login {background:url(/resources/images/member/bg_login.gif) 0 0 repeat-x;} .login .login_top {padding-top:30px;} .login .inputs {padding-top:28px;} .login .inputs .web {width:100%} .login .inputs .gong {float:right; width:473px; margin-left:10px;} .login .inputs .inner_box {position:relative; background:#fff; height:216px; border:1px solid #dedede;} /* .login .inputs .member_chice {padding-bottom:15px; _padding-bottom:10px; position:absolute; left:200px; top:0} */ .login .inputs .member_chice label {margin:0 20px 0 5px;} .login .inputs .login_web {position:relative; height:110px; margin:0 70px; margin-top:15px; _margin-top:10px; padding-bottom:10px; padding-left:200px; border-bottom:1px solid #f5f5f5;} /*.login .inputs .login_web dl {position:relative; top:30px; height:100px;}*/ .login .inputs .login_web dl {margin-top:16px;} .login .inputs .login_web dt {float:left; clear:left; width:70px; margin-bottom:10px; *margin-bottom:7px;} .login .inputs .login_web dt img {margin-top:5px; _margin-top:7px;} .login .inputs .login_web dd {margin-bottom:10px; *margin-bottom:7px;} .login .inputs .login_web .keeping {margin-left:70px; margin-top:-5px;} .login .inputs .login_web .submit {position:absolute; top:30px; _top:32px; left:485px; width:140px; height:60px; border:none; padding:0;} .login .inputs .forgot {margin:0 70px; margin-top:10px; padding-left:200px; position:absolute; left:0; top:135px; *display: inline; zoom: 1; *margin-left: 0; *padding-right: 70px;} .login .inputs .forgot .txt_forgot {margin-right:17px;} .login .inputs .forgot p{margin-top:15px; font-weight: bold; text-align: justify; color: #666;} .login .inputs .login_gong {position:relative; width:420px; margin-left:25px; margin-top:70px; } .login .inputs .login_gong dt {margin-bottom:10px; } .login .inputs .login_gong .submit {position:absolute; top:-10px; left:282px; width:140px; height:60px; padding:0;} .login .login_mobile_guide { overflow:hidden; clear:left; content:' '; display:block; } .login .login_mobile_guide p { float:left; width:576px; padding-left:18px; padding-top:17px; } .login .login_mobile_guide .sms { float:left; width:366px; } .login .login_mobile_guide .sms .tit { margin-top:24px; margin-bottom:10px; } .login .login_mobile_guide .sms select, .login .login_mobile_guide .sms input { width:80px; } .login .login_mobile_guide .sms a, .login .login_mobile_guide .sms button { margin-left:5px; } .login .login_etc {width:960px; margin-top:20px; padding-top:35px; overflow:visible; border-top:1px solid #dddddd; } .login .login_etc:after{content:""; clear:both; display:block} .login .login_etc ul {; width:1050px;} .login .login_etc ul li {float:left; width:470px; height:35px; padding-right:20px;} .login .login_etc dt {float:left; padding-top:5px;} .login .login_etc dd {float:right;} .login .login_etc .fl{float:left; width:470px} .login .login_etc .fr{float:right; width:470px} .login .login_etc .fl li{padding-right:0} .login .login_etc .fr li{padding-right:0} .login .login_ban {margin-top:35px; *margin-top:15px; border:1px solid #ddd;} .joinstep {margin-top:40px; border:1px solid #ddd;} .login_logo {text-align:center} .login .inputs .inner_box .txt_middle{padding-top:90px} /* 로그인 */ .login-browser { background: url(/resources/images/member/bg_login2.gif) repeat-x 0 0 !important; } .login-browser .inputs { padding-top: 60px; min-height:247px; } .login-brower-notice { position: absolute; top: 380px; left: 0px; width: 100%; height: 63px; text-align: center; background: url(/resources/images/member/bg_brower_upgrade.gif) repeat-x 0 0; } .login-brower-notice div { margin-top: 10px; display: inline-block; *display: inline; *zoom: 1; white-space:nowrap; } .login-brower-notice div p { display: inline-block; *display: inline; *zoom: 1; height: 49px; line-height: 49px; margin-top: -3px; margin-right: 10px; padding-left: 60px; background: url(/resources/images/member/img_brower_upgrade.png) no-repeat 0 0; font-size: 12px; color: #666; } .login-brower-notice div strong, .login-brower-notice div em { color: #de0008; } /* 로그인 header */ #haeder_wrap .tgnb_wrap {background:#D9D9D9; height:40px; padding:0;} /* 2026.로그인페이지 UI 개선 [TES-3537 : P256276] */ #haeder_wrap .tgnb_wrap .tgnb {position:relative; width:1080px; margin:auto; *zoom:1;} body #haeder_wrap .tgnb_wrap .tgnb.w960 {width:960px;} #haeder_wrap .tgnb_wrap .tgnb:after {content:""; display:block; clear:both;} #haeder_wrap .tgnb_wrap .tgnb .h1_logo {float:left; padding-top:11px; font-size:0; line-height:0;} #haeder_wrap .tgnb_wrap .tgnb .to_login { float:right; margin-top:11px; color:#fff; } #haeder_wrap .tgnb_wrap .tgnb .location_tnb {position:absolute; display:inline-block; top:14px; right:0;font-size:12px; color:#8e8e8e; } #haeder_wrap .tgnb_wrap .tgnb .location_tnb strong {color:#fff; } #haeder_wrap .tgnb_wrap .tgnb .location_tnb em { padding:0 20px; } #haeder_wrap .tgnb_wrap .tgnb .util {float:right; padding-top:7px} #haeder_wrap .tgnb_wrap .tgnb .util:after {content:""; display:block; clear:both;} #haeder_wrap .tgnb_wrap .tgnb .util li {float:left; background:url(/resources/images/com/sec_01.gif) 100% 1px no-repeat; padding-right:9px; margin-right:9px; font-size:11px} #haeder_wrap .tgnb_wrap .tgnb .util li a{color:#b1b1b1; font-weight:bold;} #haeder_wrap .tgnb_wrap .tgnb .util li.last {background:none; padding-right:0; margin-right:0;} #haeder_wrap .tgnb_wrap .tgnb .find_idpw_curr {float:right; margin-right:-20px; line-height:40px;} /* 2026.로그인페이지 UI 개선 s [TES-3537 : P256276]*/ #haeder_wrap .tgnb_wrap .tgnb .find_idpw_curr a {position: relative; display:inline-block; padding:0 20px; padding-left: 20px; color:#212121; font-family: var(--font-primary); font-size: 13px; font-weight: 600; letter-spacing: -0.2px} #haeder_wrap .tgnb_wrap .tgnb .find_idpw_curr a + a::before {content: ''; width: 1px; height: 13px; background-color: #BABABA; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} #haeder_wrap .tgnb_wrap .tgnb .find_idpw_curr a:first-child {background-image:none; font-size:12px; letter-spacing:0;} #haeder_wrap .tgnb_wrap .tgnb .find_idpw_curr strong {font-weight: 700; color:#212121;} /* 2026.로그인페이지 UI 개선 e */ /* 로그인 > 개인정보 활용 동의 안내 레이어 팝업 */ .dialog-privacy-agree .dialog-contents { width:422px; margin-left:-235px; margin-top:-100px; } .dialog-privacy-agree .pop_cont_area { text-align: center; } .dialog-privacy-agree .pop_cont_area a { margin: 0 2px; } /* 로그인 contents */ .login_area {background:#f0f0f0; margin-bottom:-60px;} .login_area .login_h1 {background:#fff; width:100%; padding:35px 0 14px;} .login_area .login_h1 h1 {overflow:hidden; width:1080px; margin:0 auto; position:relative;} .login_area .login_h1 h1 img {height:61px; margin-right:8px;} .login_area .login_h1 h1 p {position:absolute; bottom:5px; right:0;} .execu_login {overflow:hidden; width:100%; background: url("/resources/images/icon/bg_login.gif") repeat-x 0 0;} .execu_login .execu_login_area {overflow:hidden; width:1080px; margin:40px auto 0; background:#fff;} .execu_login .execu_login_area fieldset.execu_login_fieldset {float:left; overflow:hidden; width:470px; padding:28px 0 0 70px; margin:0; font-size:14px;} /* 2024-09-09 수정 */ .execu_login .execu_login_area fieldset.execu_login_fieldset legend {display:block; height:119px; padding-top:47px; font-size:40px; font-weight:500;} .execu_login .execu_login_area fieldset.execu_login_fieldset .login_first_user {margin:20px 0 7px; color:#333; font-size:12px;} /* 2024-09-09 수정 */ .execu_login .execu_login_area fieldset.execu_login_fieldset .login_first_user strong {color:#333;} .execu_login .execu_login_area fieldset.execu_login_fieldset .execu_login_input {} .execu_login .execu_login_area fieldset.execu_login_fieldset .execu_login_input .execu_log_input_id, .execu_login .execu_login_area fieldset.execu_login_fieldset .execu_login_input .execu_log_input_pw {width:338px; height:52px; margin-top:8px; padding:12px 10px 12px 58px; border:1px solid #ddd; font-size:16px; background-position:18px -34px; background-repeat:no-repeat;} .execu_login .execu_login_area fieldset.execu_login_fieldset .execu_login_input .execu_log_input_id {background-image:url("/resources/images/icon/login_id.png") } .execu_login .execu_login_area fieldset.execu_login_fieldset .execu_login_input .execu_log_input_pw {background-image:url("/resources/images/icon/login_pw.png") } .execu_login .execu_login_area fieldset.execu_login_fieldset .execu_login_input > input:hover, .execu_login .execu_login_area fieldset.execu_login_fieldset .execu_login_input > input:focus {width:337px; height:52px; padding:10px 10px 10px 57px; border:2px solid #f26630; color:#f26630; } .execu_login .execu_login_area fieldset.execu_login_fieldset .execu_login_input .execu_log_input_id:hover {background-position:17px -135px;} .execu_login .execu_login_area fieldset.execu_login_fieldset .execu_login_input .execu_log_input_id:focus {background-position:17px -85px;} .execu_login .execu_login_area fieldset.execu_login_fieldset .execu_login_input .execu_log_input_pw:hover {background-position:17px -135px;} .execu_login .execu_login_area fieldset.execu_login_fieldset .execu_login_input .execu_log_input_pw:focus {background-position:17px -85px;} .execu_login .execu_login_area fieldset.execu_login_fieldset .execu_login_input .no_blank {background-position:18px 16px;} .execu_login .execu_login_area fieldset.execu_login_fieldset .execu_login_input .no_blank:hover {background-position:17px -85px;} .execu_login .execu_login_area fieldset.execu_login_fieldset .execu_login_input > div {overflow:hidden; width:340px; height:48px; padding-top:13px;} .execu_login .execu_login_area fieldset.execu_login_fieldset .execu_login_input > div a {padding-left:5px; color:#ce112a; font-weight:bold; background:url("/resources/images/icon/dot_gray2.gif") no-repeat 0 9px;} .execu_login .execu_login_area fieldset.execu_login_fieldset .execu_login_input > div a:hover {text-decoration:underline;} .execu_login .execu_login_area .execu_login_banner {float:left; width:540px; overflow:hidden; margin:60px 0 30px; position:relative;} /* 2020.08.12 */ .execu_login .execu_login_area .execu_login_banner .vacation_download {margin-top: 5px;} /* // 2020.08.12 */ /* 2020.07.28 */ .execu_login .execu_login_area .execu_login_btm {float: left; width: 100%; padding: 0 70px 30px 70px; box-sizing: border-box; font-size: 14px;} .execu_login .execu_login_area .execu_login_btm h3 span {color: red;} .execu_login .execu_login_area .execu_login_btm ul {margin-top: 3px;} /* // 2020.07.28 */ .execu_login .execu_login_notice {overflow:hidden; width:1080px; border-top:1px solid #eee; margin:0 auto; background:#fff;} .execu_login .execu_login_notice > div {float:left; width:534px; border-left:1px solid #eee; margin-left:-1px;} .execu_login .execu_login_notice > div:first-child {width:472px;} .execu_login .execu_login_notice h2 {height:71px; padding:30px 0 0 70px; font-size:16px; font-weight:700; color:#333;} .execu_login .execu_login_notice ul {overflow:hidden; width:470px; height:112px; padding-left:70px; font-size:14px; color:#666;} .execu_login .elogin_notice h2 {padding-left:61px;} .execu_login .elogin_notice ul {width:540px; padding-left:61px;} .execu_login .execu_login_notice ul li {padding:0 0 11px 12px; background:url("/resources/images/icon/dot_gray2.gif") 0 9px no-repeat; font-size:14px;} .execu_login .execu_login_notice ul li a:hover {text-decoration:underline;} .login_area_foot {overflow:hidden; width:1080px; height:128px; padding:29px 0 35px; margin:0 auto; background:#f7f7f7;} .login_area_foot > div {width:410px; position:relative;} .login_area_foot .leftarea {padding-left:70px; padding-top:17px; font-size:14px; line-height:1.5; letter-spacing:-1.8px;} .login_area_foot .leftarea span {position:absolute; top:21px; right:0px;} .login_area_foot .rightarea {width:550px; margin-top:1px; font-size:13px;} .login_area_foot .rightarea h3 {height:30px; font-size:16px; font-weight:700; color:#333;} .login_area_foot .rightarea h3 > span {font-size:13px; color:#999; letter-spacing:-1.8px; font-weight:normal;} .login_area_foot .rightarea p {color:#333; line-height:1.4; font-weight:400;} .login_area_foot .rightarea p > span {color:#999; font-weight:700;} .login_area_foot .rightarea .contact_phone {position:absolute; top:37px; right:70px;} /* 로그인 > 휴면아이디해제안내 2018.07.20 add */ .disable_wrap {background:#fff;} .disable_wrap .login_area {background:#fff; margin-bottom:-60px;} .disable_wrap .login_area .execu_login {background: none;border-top:3px solid #e4e4e4;} .execu_login .disable_login_area {overflow:hidden; width:1080px; margin:55px auto 0; background:#fff;padding:0px 0;} .execu_login .disable_login_area .dis_tit {display:block; font-size:40px; font-weight:600; color: #333; text-align: center;} .execu_login .disable_login_area .dis_txt {display:block; margin:26px 0 44px; font-size:20px; font-weight:600; color: #333; text-align: center;} .execu_login .disable_login_area .dis_explanation {margin:0 50px;font-size:15px;line-height: 1.7;} .execu_login .disable_login_area .dis_explanation dt {display: inline-block; font-weight: bold; font-size:16px;margin-bottom: 36px;color: #fff;background-color: #000;padding: 2px 10px 3px;} .execu_login .disable_login_area .dis_explanation dd {margin-bottom: 38px} .execu_login .disable_login_area .dis_explanation dd strong {color: #ff0000;font-weight:600;} .execu_login .disable_login_area .dis_explanation dd span {color: #3ab0f0;font-weight:600;margin-left: 18px;} /* 로그인 bxslider */ .login_area .bx-controls-direction {display:none;} .login_area .bx-controls {display:inline-block; float:right; margin-top:10px;} .login_area .bx-controls-auto {float:right; width:9px; height:10px; margin-top: 6px} /* 2019.03.22 수정 */ .login_area .bx-stop {display:block; width:9px; height:10px; background:url("/resources/images/btn/login_slider_stop.png") no-repeat 0 0; text-indent:-9999px;} .login_area .bx-start {display:block; width:9px; height:10px; background:url("/resources/images/btn/login_slider_start.png") no-repeat 0 0; text-indent:-9999px;} .login_area .bx-pager {float:right;} .login_area .bx-pager > div {display:inline;} .login_area .bx-pager-item .bx-pager-link {float:left; width:10px; height:10px; margin-right:7px; background:url("/resources/images/btn/login_slider_paging.png") no-repeat 0 0; text-indent:-9999px;} .login_area .bx-pager-item .active {background-position:0 -10px;} .login_area .login_bxslider img {width:540px; height:374px;} /* 패스키 로그인박스 재정의 */ .execu_login .execu_login_area fieldset.execu_login_fieldset .execu_login_input .login_btn_controls {display: flex; align-items: center; justify-content: space-between; height: auto; padding: 0;} .execu_login .execu_login_area fieldset.execu_login_fieldset .execu_login_input .login_btn_controls>a {display: block; padding: 0;} /* //패스키 로그인박스 재정의 */ /* 개인정보 약관 처리방침 */ /*.terms-contents { padding: 0; font-size: 12px; font-size:12px; font-family:"dotum",Tahoma,arial,sans-serif; color:#666; } .terms-contents * { margin: 0; padding: 0; } .terms-contents .hide { position: absolute; height: 1px; padding: 0px; overflow: hidden; margin-top: -1px; font-size: 0px; opacity: 0; filter: alpha(opacity=0); } .terms-contents .box { margin-bottom: 25px; } .terms-contents .tit { margin: 0; margin-bottom: 10px; font-size: 13px; text-align: left; } .terms-contents h4, .terms-contents h5 { margin-top: 5px; margin-bottom: 5px; font-size: 12px; } .terms-contents p { margin-top: 5px; margin-bottom: 5px; font-size: 12px; line-height: 1.35em; } .terms-contents li { list-style: none; line-height: 1.5em; margin: 3px 0 3px 18px; } .terms-contents .term-list1 li { padding-left: 15px; text-indent: -15px; } .terms-contents .term-list2 li { padding-left: 20px; text-indent: -20px; } .terms-contents table { table-layout: fixed; margin-top: 8px; margin-bottom: 8px; width: 100%; border-collapse: collapse; text-indent: 0px; } .terms-contents caption { display: table-caption; *display: block; position: static; width: auto; height: auto; text-align: left; font-size: 12px; line-height: normal; padding-bottom: 8px; color:#666; } .terms-contents th, .terms-contents td { padding: 5px; border: 1px solid #DEDEDE; } .terms-contents th { background: #f0f0f0; text-align: center; } .terms-contents td.list ul { margin-left: 20px; margin-top: 15px; margin-bottom: 15px; overflow: hidden; } .terms-contents td.list li { float: left; width: 25%; display: inline-block; *display: inline; *zoom: 1; margin-left: 0; padding-left: 0; text-indent: 0; white-space: nowrap; } */ /* 비밀번호 변경 캠페인 */ .pwch_campaign {overflow:hidden; width:1080px; padding:0 60px 50px; margin:80px auto 0; background:#fff url("/resources/images/icon/bg_pwchcam_t.png") no-repeat 821px 55px;} .pwch_campaign.w860 {width:860px; background:#fff url("/resources/images/icon/bg_pwchcam_t.png") no-repeat 720px 55px;} .pwch_campaign h1 {margin-top:60px; font-size:44px; font-weight:600; letter-spacing:-2px; color:#333;} .pwch_campaign .pwch_cam_txt {margin-top:30px; font-size:15px; line-height:1.5;} .pwch_campaign .pwch_cam_txt strong {font-weight:700;} .wide_style .change_pass_inarea {padding-left:316px} .wide_style .auth_box_area {padding:0;} .wide_style .auth_box_area .auth_box {width:470px;} .wide_style .auth_box_area .auth_box .auth_box_border {width:468px;} .wide_style .auth_box_area .auth_box .auth_box_border legend {width:469px;} .pwch_campaign .tit_authori {position:relative; background:url(/resources/images/icon/ico_h4.gif) 0 3px no-repeat; padding-left:10px; margin:25px 0 15px 0; font-size:12px; color:#333; line-height:12px;} /* 제도최초로그인 */ .firstsign_sys {overflow:hidden; width:1080px; padding-bottom: 40px; margin:80px auto 0; background:#fff; color:#666;} .firstsign_sys .auth_box .auth_box_border {height:396px; } .firstsign_sys h2 {padding:15px 0 25px 80px; color:#333; font-size:36px; font-weight:700;} .firstsign_sys .agree_box h2 {padding:0; font-size:12px; font-weight:400;} .firstsign_sys h2.ico_f_agree, .firstsign_sys h2.ico_f_auth {padding:5px 0 10px 60px; font-size:30px;} .firstsign_sys h2.ico_f_agree {background:url(/resources/images/icon/ico_f_agree.png) 0 0 no-repeat; } .firstsign_sys h2.ico_f_agree_b {background:url(/resources/images/icon/ico_f_agree_b.png) 0 0 no-repeat; } .firstsign_sys h2.ico_f_auth {background:url(/resources/images/icon/ico_f_auth.png) 0 0 no-repeat; } .firstsign_sys h2.ico_f_auth_b {background:url(/resources/images/icon/ico_f_auth_b.png) 0 0 no-repeat; } .firstsign_sys h2.ico_f_agree span, .firstsign_sys h2.ico_f_auth span, .firstsign_sys h2.ico_f_agree_b span, .firstsign_sys h2.ico_f_auth_b span {color:#ff7713;} .firstsign_sys .auth_box .btn_getissue2 {border-bottom:0;} .firstsign_sys .auth_box_area .auth_box {width:50%; margin:0; padding:0 0 0 10px; } .firstsign_sys .auth_box_area .auth_box:first-child {padding:0 10px 0 0;} .firstsign_sys .auth_box_area .auth_box:last-child {padding} .firstsign_sys .auth_box_area .auth_box_nobtn {height:292px;} .firstsign_sys .auth_box_area .auth_box_nobtn .auth_box_border {height:290px;} .firstsign_sys .auth_box_area .auth_box .auth_box_border {width:100%;} .firstsign_sys .auth_box_area .auth_box .auth_box_border legend {width:100%;} /* 법인 콘도 관련 (대검찰청 스타일 한정) */ /* 법인 콘도 관련: content tab */ .l_condo ul.sty_tab li.tab6 {width:16.6%;} .l_condo ul.sty_tab li.tab7 {width:14%;} .l_condo ul.sty_tab li.tab3.infoStyle a{color: #000;} html .l_condo ul.sty_tab li.active, html .l_condo ul.tab li.active a:hover { background: #fff; border-bottom: 1px solid #fff; border-top: 2px solid #4f4f4f; border-left: 1px solid #4f4f4f; border-right: 1px solid #4f4f4f; } .l_condo ul.sty_tab li.active a{color: #4f4f4f;} .l_condo .sty_tab_content .tab_view{min-height: 590px;} .l_condo .tbTypeH.list .bodyTh th{border-top: 1px solid #ddd;} .l_condo .lodgment_infoType2 dt{display: block; width: 100%; margin-bottom: 20px;} .l_condo .lodgment_infoType2 dd{display: block; width: 100%;} .l_condo .lodgment_infoType2 dd ul li{width: 30%; height: 70px; padding-top: 7px; font-size: 20px; border-left: 0; text-align: left;} .l_condo .lodgment_infoType2 dd ul li.lodgment_list1{margin-left: 82px; padding-left: 80px; background:url(/resources/images/icon/icon_lodgment01.png) 0 0 no-repeat;} .l_condo .lodgment_infoType2 dd ul li.lodgment_list2{padding-left: 80px; background:url(/resources/images/icon/icon_lodgment02.png) 0 0 no-repeat;} .l_condo .lodgment_infoType2 dd ul li.lodgment_list3{padding-left: 80px; background:url(/resources/images/icon/icon_lodgment03.png) 0 0 no-repeat;} .l_condo .lodgment_infoType2 dd ul li .ico_tit{overflow: hidden; text-indent: -9999px; width: 0; font-size: 0;} .l_condo .lodgment_infoType2 dd ul li strong{font-size: 20px; font-weight: bold;} .l_condo .lodgment_infoType2 dd ul li .font15{font-size: 15px;} .l_condo .etc_tab li{float: left; width: 30%; margin-left: 10px; text-align: center;} .l_condo .etc_tab li:first-child{margin-left: 0;} .l_condo .etc_tab li a{display: block; width: 100%; padding: 10px 0;} .l_condo .codo_table .btn_payDetail{display: block; padding: 8px 25px 8px 10px; background: #999 url(/resources/images/ico/ico_paydetail-bottom.png) 92% 60% no-repeat; color: #fff; text-align: center;} .l_condo .codo_table .btn_payDetail.on{background: #999 url(/resources/images/ico/ico_paydetail-up.png) 92% 60% no-repeat;} .l_condo .payDetailBox{height: 0; opacity: 0;} .l_condo .payDetailBox.on{height: auto; opacity: 1; margin-top: 15px;} .l_condo .payDetailBox th{padding-left: 3px; text-align: center;} .l_condo .payDetailBox th.fontS16{font-size: 16px;} .l_condo .payDetailBox td.fontS16{font-size: 16px;} /* 법인 콘도 관련: 레이어팝업 */ .l_condo .layerPop { display:none; position:fixed; left:0; top:0; z-index:9999; width:100%; height:100%; } .l_condo .layerPop .bg { position:absolute; left:0; top:0; width:100%; height:100%; background: url(/resources/images/popup/bg_dim.png) 0 0 repeat; z-index:-1; } .l_condo .layerPop .inner { position:absolute; left:50%; top:50%; } .l_condo .layerPop .inner.wid650{width: 650px; height: 750px; margin-top: -370px; margin-left: -330px;} .l_condo .popHeader { position:relative; padding-left:20px; background-color:#fff; border-bottom: 1px solid #ddd; } .l_condo .popHeader .popTitle { height:58px; line-height:58px; font-weight:700; font-size:22px; color:#333; } .l_condo .popHeader .popClose { position:absolute; right:10px; top:50%; width:30px; height:30px; margin-top:-15px; text-indent:-9999px; background:url(/resources/images/btn/btn_pop_close.png) no-repeat 50% 50%; outline:none; } .l_condo .popContent { padding:20px; background: #fff; max-height: 690px; } .l_condo .popContent .txtInfo{font-size: 14px; color: #666; letter-spacing: -1px;} .l_condo .popContent .stepBox{padding-top: 20px;} .l_condo .popContent .stepBox .titStep{display: block; padding-bottom: 10px; font-size: 14px; color: #222; font-weight: bold;} .l_condo .popContent .stepBox .step1{float: left; width: 44%;} .l_condo .popContent .stepBox .step1 .calendarBox{width: 100%;} .l_condo .popContent .stepBox .step1 .calendarBox .ui-datepicker{width: 240px !important; border: 0 !important;} .l_condo .popContent .stepBox .step1 .calendarBox .ui-datepicker td span, .l_condo .popContent .stepBox .step1 .calendarBox .ui-datepicker td a, .l_condo .popContent .stepBox .step1 .calendarBox .ui-datepicker td button{width: auto;} .l_condo .popContent .stepBox .step1 .calendarBox .ui-datepicker .ui-datepicker-prev, .l_condo .popContent .stepBox .step1 .calendarBox .ui-datepicker .ui-datepicker-next{top: 7px;} .l_condo .popContent .stepBox .step2{float: right; width: 55%;} .l_condo .popContent .stepBox .step2 .titSel{padding-right: 5px; font-size: 14px; color: #333; font-weight: bold;} .l_condo .popContent .stepBox .step2 .selectArea{margin-bottom: 10px;} .l_condo .popContent .stepBox .step2 .endData{margin-bottom: 10px; padding: 20px 10px; border-top: 1px solid #333; border-bottom: 1px solid #333; font-size: 15px; color: #333; font-weight: bold; text-align: center;} .l_condo .popContent .stepBox .step2 .endData em{color: #ff242c; font-weight: bold;} .l_condo .popContent .stepBox .step2 .btn_cardZim{display: block; width: 100%; padding: 10px 0; background: #919191; font-size: 13px; color: #fff; font-weight: bold; text-align: center;} .l_condo .popContent .stepBox .step2 .step2Info{margin-top: 20px;} .l_condo .popContent .myZimList > strong{display: block; font-size: 14px; color: #222; font-weight: bold;} .l_condo .popContent .myZimList .tbTypeH th, .l_condo .popContent .myZimList .tbTypeH td{ text-align: center; } .l_condo .popContent .pop_btn_area{text-align: center;} .l_condo .popContent .btn_ok{display:inline-block; width: 140px; height:42px; line-height:46px; background: #ff242c; color:#fff; font-size:15px; font-weight:bold; text-align:center; letter-spacing:-1px;} /* 법인 콘도 관련: 2017-12-22 신청내역조회 */ .l_condo .search_box {position:relative; border:2px solid #d9d9d9; background:#fafafa;} .l_condo .search_box .inner {padding:10px; text-align:center;} .l_condo .search_box .inner dl {display:inline-block;} .l_condo .search_box .inner dl dt {display:inline-block; padding-right:5px; line-height:26px;} .l_condo .search_box .inner dl dt:last-child {padding-right:0;} .l_condo .search_box .inner dl dd {display:inline-block; padding-right:10px; line-height:26px;} .l_condo .tbl_topArea {padding:0 0 10px 0;} .l_condo .tbl_topArea:after {content:""; display:block; clear:both;} .l_condo .tbl_topArea .total {float:left; line-height:26px;} .l_condo .tbl_topArea .sorting {float:right; text-align:right;} .l_condo .tbTypeV .btn_payDetail{display:block; float:right; padding:8px 25px 8px 10px; text-align:center; color:#fff; background:#999 url(/resources/images/ico/ico_paydetail-bottom.png) 92% 60% no-repeat;} .l_condo .tbTypeV .btn_payDetail.on{background:#999 url(/resources/images/ico/ico_paydetail-up.png) 92% 60% no-repeat;} /* 법인 콘도 관련: 1801 추가 */ .l_condo .ui-datepicker .ui-datepicker-prev{display: none;} .l_condo .ui-datepicker .ui-datepicker-next{display: none;} /* 법인 콘도 관련: calendar 180123 수정 */ .l_condo .calendarBox table th, .l_condo .calendarBox table td{border-bottom: 1px solid #ddd;} .l_condo .calendarBox table td:first-child{color: #ff0000;} .l_condo .calendarBox table th{padding: 5px 5px; font-size: 15px; font-weight: bold; background: #f8f8f8; border-top: 1px solid #ddd; text-transform: uppercase;} .l_condo .calendarBox table td{position: relative; height: 108px; padding: 5px 5px; vertical-align: top; cursor: pointer;} .l_condo .calendarBox table td.nonCursor{cursor: default;} .l_condo .calendarBox table td:hover .numDate{text-decoration: underline;} .l_condo .calendarBox table td.nonCursor:hover .numDate{text-decoration: none;} .l_condo .calendarBox table td.on{background: #fcf8e3;} .l_condo .calendarBox table td .numDate.colorRed{color: #ff0000;} .l_condo .calendarBox table td .numDate.colorGrey{color: #ccc;} .l_condo .calendarBox table td .numCheck{padding-top: 29px; color: #666; text-decoration: none; text-align: center;} .l_condo .calendarBox table td .numCheck.numZero{color: #ff0000;} .l_condo .calendarBox table td .txtCheck{position: absolute; top: 25px; left: 0px; width: 100%; height: 21px; color: #fff; padding: 0 0 0 5px; box-sizing: border-box;} .l_condo .calendarBox table td .txtCheck.txtType1{background: #7bb241;} .l_condo .calendarBox table td .txtCheck.txtType2{background: #5b89d6;} .l_condo .calendarBox table td .layerPopNum{display: none; position: absolute; top: 64px; left: 10px; z-index: 4000; width: 450px; padding: 20px 20px; border: 1px solid #000; background: #fff;} .l_condo .calendarBox table td .layerPopNum .tit{display: block; padding-bottom: 10px; color: #222; font-size: 13px; font-weight: bold; border-bottom: 2px solid #afafaf;} .l_condo .calendarBox table td .layerPopNum li{padding: 0 0; color: #666; border-bottom: 1px solid #e9e9e9;} .l_condo .calendarBox table td .layerPopNum li > strong{display: inline-block; width: 110px; min-height: 35px; padding: 7px 15px; background: #fafafa; color: #222;} .l_condo .calendarBox table td .layerPopNum li .listResortNum{display: inline-block; width: 275px; min-height: 35px; padding: 7px 10px;} .l_condo .calendarBox table td .layerPopNum li > a:hover{text-decoration: underline; color: #222;} .l_condo .calendarBox table td .bg_dim{position: absolute; top: 0; left: 0; z-index: 4000; opacity: .6; width: 100%; height: 100%; background: url(/resources/images/client/spo/bg_calendar_dim.png) 0 0 repeat;} .l_condo .calSelect .selLeft{float: left; width: 30%;} .l_condo .calSelect .selLeft .txtDate{font-size: 14px;} .l_condo .calSelect .selLeft strong.txtDate{color: #333; font-weight: bold;} .l_condo .calSelect .selLeft > button{margin: 0 5px;} .l_condo .calSelect .selMid{float: left; width: 40%; text-align: center;} .l_condo .calSelect .selMid .titSel{margin-right: 5px; color: #333; font-size: 14px; font-weight: bold;} .l_condo .calSelect .selRight{float: right; width: 30%; text-align: right;} .l_condo .calSelect .selRight.selSingle{width: 50%;} .l_condo .calSelect .selRight .titSel{margin-right: 5px; color: #333; font-size: 14px; font-weight: bold;} /* 법인 콘도 관련: 180123 수정 */ .l_condo .calIcoList{display: block; margin-bottom: 2px; margin-left: 5px; text-align: left;} .l_condo .calIcoList > span{display: inline-block; width: 17px; height: 15px; margin-right: 3px; color: #fff; text-align: center;} .l_condo .calIcoList .icoType1 img{vertical-align: middle;} .l_condo .calIcoList .icoType2 img{vertical-align: middle;} .l_condo .calIcoList .icoType3 img{vertical-align: middle;} .l_condo .calSelect .calIcoList{display: inline-block; margin-left: 10px; margin-right: 0; margin-bottom: 0;} /* 법인 콘도 관련: 예약기간안내 */ .l_condo .infoReservation{overflow: hidden; padding: 25px 10px; border: 2px solid #d9d9d9; background: #fafafa;} .l_condo .infoReservation h3{text-align: center;} .l_condo .infoReservation ul{width: 90%; margin: 0 auto;} .l_condo .infoReservation li{float: left; width: 45%;} .l_condo .infoReservation li.fr{float: right;} .l_condo .infoReservation li .basic_btn{margin-left: 10px;} /* 법인 콘도 관련: 성수기 리조트 리스트 */ .l_condo .listResort{width: 100%; margin-top: 30px;} .l_condo .listResort > li{float: left; width: 18.5%; height: 130px; margin-left: 10px; cursor: pointer;} .l_condo .listResort > li:first-child{margin-left: 0;} .l_condo .listResort > li.on{width: 40%;} .l_condo .listResort > li > p{float: left; width: 200px; height: 100px; text-align: center;} .l_condo .listResort > li > p > span{display: block; margin-top: 10px;} .l_condo .listResort > li > p > img{width: 100%; height: 100%;} .l_condo .listResort > li.on > p{float: left; width: 40%; height: 100px;} .l_condo .listResort > li .btnArea{display: none; float: left; width: 60%; height: 100px;} .l_condo .listResort > li.on .btnArea{display: block;} .l_condo .listResort > li .btnArea .btnAll{float: left; width: 32%; height: 100%; margin-left: 5px; text-align: center; background: #f2f2f2; line-height: 8;} .l_condo .listResort > li .btnArea ul{float: left; width: 65%;} .l_condo .listResort > li .btnArea ul li{float: left; width: 46%; margin-left: 5px;} /* 법인 콘도 관련: 공지사항 상세보기 테이블 1801 */ .l_condo .noticeView{width: 500px;} .l_condo .noticeView thead th{background: #afafaf; color: #fff;} .l_condo .noticeView .colorBlue{color: #001eff;} .l_condo .noticeView .colorRed{color: #ff0000;} /* 법인 콘도 관련: 180130 추가 */ .l_condo .tbCom td .txtCheck.txtType1{display: inline-block; padding: 2px 2px; background: #7bb241; color: #fff;} .l_condo .tbCom td .txtCheck.txtType2{display: inline-block; padding: 2px 2px; background: #5b89d6; color: #fff;} /* 법인 콘도 관련: 180130 추가 */ .l_condo .txtBakYellow{background: #d8f800;} /* 보기 변경 버튼 2019.05.13 */ .button-wrap-change-view {text-align: right;border-bottom: 1px solid black;} .button-wrap-change-view .button {background:#f3f3f3;color:#666;} .button-wrap-change-view .button.active {background:#ff242c;color:white;} /* 리스트 변경 버튼 2019.05.13 */ .tab-button-wrap { margin-left: -5px; } .tab-button-wrap:after {content:"";display:block;clear:both;} .tab-button-wrap li {float:left;width: 20%;display:block;padding-left: 5px;padding-bottom: 5px;} .tab-button-wrap .button.normal {color:#5d5d5d;min-width:auto;font-size: 14px;width: 100%;height: 46px;padding:0 .7em;display:block;border:1px solid #b9b9b9;background:none;outline:none;} .tab-button-wrap .button.active {font-weight: 700;color: black;border-color:black;} .tab-button-wrap.count-5 li { width: 20%; } /* 2019.06.11 add */ .tab-button-wrap.count-6 li { width: 16.6666666666666%; } .tab-button-wrap.count-8 li { width: 12.5%; } .tab-button-wrap.count-free li { width: auto; min-width: 16.6666666666666%; } .tab-button-wrap.season-type li button, .tab-button-wrap.count-5 li button {line-height: 1.2em; white-space: pre-wrap;} /* 2019.06.11 add */ /* 탭 컨텐츠 2019.05.13 */ .tab-content { display: none; } .tab-content.active { display: block; } .tab-content .condo-list {margin:0;padding:0;margin-left: -13px; } .tab-content .condo-list:after {content:"";display:block;clear:both; } .tab-content .condo-list li {float:left;width: 20%;padding-left: 13px;margin-bottom: 25px; } .tab-content .condo-list li img { width: 164px; height: 152px; } .tab-content .condo-list li h3 {font-size: 15px;color: black;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: .3em 0 .2em; } .tab-content .condo-list li .room-type {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#eb1515;font-weight: 400; } .tab-content .condo-list li .condo-location {padding: 3px 0; overflow: hidden; /*text-overflow: ellipsis; white-space: nowrap;*/ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NEQ1QzNFRjc4NkUxMUU5QkY3MEUzNzJGOEZCM0RDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NEQ1QzNGMDc4NkUxMUU5QkY3MEUzNzJGOEZCM0RDMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk0RDVDM0VENzg2RTExRTlCRjcwRTM3MkY4RkIzREMxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk0RDVDM0VFNzg2RTExRTlCRjcwRTM3MkY4RkIzREMxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+i6sMQgAAALlJREFUeNpi/P//P8OuXbs0GBgYeoHYhQEC9gBxsZub2w3GnTt3qgI5Z4CYjwEVfAJiEyYg0YYkeRCKGaBibSAFXlCB/UAjHUAYxIaKeYEUcEA5b5GMh7E5WIDEXSAGuSMY6NheqEQwlL4LMmEelMMIxEVQzAgVmwdSMAGIrzBgApDYBCago34AGSFA/AVJEsQOAcmBTGAAMm4CqSwkBdlQMQZGUEjCANCRh6EabGFiLGj29qM7BCDAAFLDMjYGPcaNAAAAAElFTkSuQmCC');background-position: left 5px;background-repeat: no-repeat;color:#969595;border-top: 1px solid #969595;border-bottom: 1px solid #969595;padding-left: 1em;height: 38px;line-height:16px;margin-top: 10px; } /* 2019.06.11 edit */ .tab-content .condo-list li .condo-location strong {font-weight: bold; color: #333;} /* 2019.06.11 add */ /* 대림산업 법인콘도기본정도 상세 페이지, 2019.05.24 */ .content section:after {content:"";display:block;clear:both;} .content section .sect-left {position:relative; float: left; width: 380px;} /* 2019.06.04 edit */ .content section .sect-left a.button {position: absolute; left:0; top:0;} /* 2019.06.04 add */ .content section .sect-left .tbl_type01 {margin-top: 40px !important;} /* 2019.06.04 add */ .content section .sect-right {float: right;width: 462px;} .content section .sect-right.tbl_type02 table td {word-break: break-word} /* 2019.06.04 add */ .content section table a {color:#185be4;text-decoration: underline;} .tbl-height-50 td, .tbl-height-50 th { height: 50px; } /* common style reset */ #container .tbl_type02 { font-weight: 400; } #container .tbl_type02 input[type=text], #container .tbl_type02 select {width: 112px;height: 25px;} #container .btn_l_set.btn_reset { background:white;border:1px solid #9d9d9d; color:#5d5d5d;font-size:15px;font-weight:600; } /* #condo-image-gallery */ #condo-image-gallery li img { display:none;} #condo-image-gallery li > div {width: 100%;height: 235px;background-size:cover;background-position:center center;} #condo-image-gallery-wrap {position: relative;text-align: center;} #condo-image-gallery-wrap .bx-wrapper { position: relative; } #condo-image-gallery-wrap .bx-controls .bx-controls-direction a {text-indent: -9999px;display: block;width: 38px;height: 45px;position: absolute;z-index: 15;top: 50%;margin-top: -22px;background-repeat: no-repeat;} #condo-image-gallery-wrap .bx-controls .bx-controls-direction .bx-prev {left: 0;background-image: url(/resources/images/main/btn_roll_prev.png);} #condo-image-gallery-wrap .bx-controls .bx-controls-direction .bx-prev:hover {background-image: url(/resources/images/main/btn_roll_prev_on.png);} #condo-image-gallery-wrap .bx-controls .bx-controls-direction .bx-next {right: 0;background-image: url(/resources/images/main/btn_roll_next.png);} #condo-image-gallery-wrap .bx-controls .bx-controls-direction .bx-next:hover { background-image: url(/resources/images/main/btn_roll_next_on.png); } #condo-image-gallery-wrap .custom-pager {margin: 5px auto 0;display:inline-block;} #condo-image-gallery-wrap .custom-pager a {display:block;float:left;width: 54px;height: 54px;background-size:cover;background-position: center center;overflow:hidden;text-indent: -5000px;margin:0 2px;opacity: .4;} #condo-image-gallery-wrap .custom-pager a.active { opacity: 1; } /* room select */ #condo-room-select-wrap td, #condo-room-select-wrap th { padding:0; } #condo-room-select-wrap label {width: 100%;line-height: 16px;display: block;padding: 12px 2px;} /* calendar - ui datepicker */ .reservation-calendar-wrap * {box-sizing: border-box;} .reservation-calendar-wrap .ui-datepicker {width: 100%;box-sizing: border-box;border:none !important;padding:0;padding-top: .2em;} .reservation-calendar-wrap .ui-datepicker .ui-datepicker-title { font-weight: 600;font-size: 17px; line-height:17px; color:#333; } .reservation-calendar-wrap .ui-datepicker .ui-datepicker-prev, .reservation-calendar-wrap .ui-datepicker .ui-datepicker-next {line-height: 20px;left: auto;right: auto;border:1px solid #ebebeb; width: 19px; height:19px; background-position: 50% 50% !important;} .reservation-calendar-wrap .ui-datepicker .ui-datepicker-prev {right: calc(50% + 4.4em);text-align:right;} .reservation-calendar-wrap .ui-datepicker .ui-datepicker-next {left: calc(50% + 4.4em);} .reservation-calendar-wrap .ui-datepicker table { margin-top: 10px; font-size:12px; } .reservation-calendar-wrap .ui-datepicker table th { font-weight: 700;padding: 8px 0 6px 0;border: 1px #ddd solid; width: 14.28571428571429%; background:#9c9c9c;color:white;} .reservation-calendar-wrap .ui-datepicker table th:first-child { color: white; } .reservation-calendar-wrap .ui-datepicker table td { font-weight: 700; padding: 8px 0 0 0;text-align: center;padding: 8px 0 0 0;border: 1px #ddd solid;} .reservation-calendar-wrap .ui-datepicker table td:first-child { color: #ff242c; } .reservation-calendar-wrap .ui-datepicker table td label, .reservation-calendar-wrap .ui-datepicker table td:after {padding: .4em 0;font-weight: 400;margin-top: .2em; color: #fff; background-color: #185be4; } .reservation-calendar-wrap .ui-datepicker table td label { display:block; } .reservation-calendar-wrap .ui-datepicker table td.closed:after {content:"신청마감";display:none;background:#ff242c;color:white;} .reservation-calendar-wrap .ui-datepicker table td.closed label { display: none; } .reservation-calendar-wrap .ui-datepicker table td.closed:after { display:block; } /* 수원시청 법인콘도 신청예약시스템, 2020.02.05 */ .reservation-calendar-wrap.type1 .ui-datepicker table td {position: relative; padding: 0; box-sizing: border-box} .reservation-calendar-wrap.type1 .ui-datepicker .ui-state-default {margin: 3px 0 8px;} .reservation-calendar-wrap.type1 .ui-datepicker table td.unable:after {content:"신청불가";display:none; margin: 0; line-height: 18px; background:#696969;color:white;} .reservation-calendar-wrap.type1 .ui-datepicker table td.unable .apply-btn { display: none; } .reservation-calendar-wrap.type1 .ui-datepicker table td.unable:after { display:block; } .reservation-calendar-wrap.type1 .ui-datepicker table td.closed:after {content:"신청마감";display:none;margin: 0; line-height: 18px; background:#ff242c;color:white;} .reservation-calendar-wrap.type1 .ui-datepicker table td.closed .apply-btn { display: none; } .reservation-calendar-wrap.type1 .ui-datepicker table td.closed:after { display:block; } .reservation-calendar-wrap.type1 .ui-datepicker table td .apply-btn {display: block; width:100%; height: auto; padding: .4em 0; background-color: #185be4; color: #fff; border:0 none;} .reservation-calendar-wrap.type1 .ui-datepicker table td.active .apply-btn {display: none} .reservation-calendar-wrap.type1 .ui-datepicker table td.active:before {content: ""; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; padding: 0; border: 2px solid #185be4;} .reservation-calendar-wrap.type1 .ui-datepicker table td:after {content: "신청가능"; display:none; margin: 0; line-height: 18px; background: #fff; color: #185be4} .reservation-calendar-wrap.type1 .ui-datepicker table td.active:after {display: block} /* // 수원시청 법인콘도 신청예약시스템, 2020.02.05 */ .reservation-calendar-wrap {position: relative; margin-top: 10px;} /* 2019.06.04 edit */ .reservation-calendar-wrap .refresh {position: absolute;right:0;top:0;} /* 콘도예약 관련 문구 추가, 2019.06.11 add */ .guide_exp_area.reserve_notice {padding-left: 0; padding-bottom: 0} .guide_exp_area.reserve_notice .guide_exp > li {margin-bottom: 10px} .guide_exp_area.reserve_notice .guide_exp > li:last-child {margin-bottom: 0} .guide_exp_area.reserve_notice .guide_exp > li strong {font-weight: bold;} .guide_exp_area.reserve_notice .guide_exp .underline {text-decoration: underline;} /* 차감신청 내 바로가게 배너 추가 2020.12.10 */ .barogage-banner-wrap { margin-bottom: 40px; } .barogage-banner-wrap .bx-controls .bx-controls-direction { display: none; } .barogage-banner-wrap .bx-pager { text-align: center; } .barogage-banner-wrap .bx-pager .bx-pager-item { display: inline-block; margin-left: 15px; } .barogage-banner-wrap .bx-pager .bx-pager-item:first-child { margin-left: 0; } .barogage-banner-wrap .bx-pager .bx-pager-item .bx-pager-link { display: inline-block; width: 11px; height: 11px; background: #d5d5d5; border-radius: 6px; opacity: unset; font-size: 0; } .barogage-banner-wrap .bx-pager .bx-pager-item .bx-pager-link.active { width: 33px; background: #1b1b1b; } /* // 차감신청 내 바로가게 배너 추가 2020.12.10 */ /*20210512 | 마이페이지 - 나의리뷰 디자인 수정 */ .mpType02 select {-webkit-appearance:none; -moz-appearance: none; appearance: none;} .mpType02 select::-ms-expand {display: none;} .mpType02 select {width:146px; height:27px; margin-right:4px; padding-left:18px; font-size:12px; border:1px solid #dbdbdb; background:#fff url('../../../img/ico/ico_select.gif') no-repeat right 7px;} .mpType02 .h3_tit_area {margin-top:30px;} .mpType02 .h3_tit_area h3.h3_tit {margin-left:14px; padding-left:8px; font-size:16px; color:#2b2b2b; background:url(/resources/images/icon/dot_gray4.gif) 0 9px no-repeat;} .mpType02 .btn_txt_w span.pointRe {margin-left:-1px; color:#fff !important; background-color:#f12730 !important;} .mpType02 td.datepicker .btnWrap {display:inline-block; margin:0 5px; border:1px solid #dbdbdb; border-width:1px 0 1px 1px;} .mpType02 td.datepicker .btn_txt_w {width:58px; height:28px; margin-right:-4px; font-size:12px; line-height:28px; background-image:none;} .mpType02 td.datepicker .btn_txt_w:last-child {margin-right:0;} .mpType02 td.datepicker .btn_txt_w span {width:58px; height:28px; padding:0; border-right:1px solid #dbdbdb; background:#fff;} .mpType02 .button.small {margin-left:9px; font-size:13px;} .mpType02 span.selectbox_title {height:22px; margin-right:4px; padding:5px 20px 0 18px; font-size:12px; border:1px solid #dbdbdb; background:#fff url('../../../img/ico/ico_select.gif') no-repeat right 7px;} .mpType02 .dateWrap {display:inline-block; width:102px; height:28px; padding:0 5px 0 8px; border:1px solid #dbdbdb; background:#fff;} .mpType02 .dateWrap:last-child {margin-right:0px;} .mpType02 .datepicker input {padding:0; font-size:12px; border:0;} .mpType02 .ui-datepicker-trigger {width:15px; height:15px; margin:0;} .mpType02 .item-view-tabs2 {border-bottom:0;} .mpType02 .item-view-tabs2 li {margin-bottom:0;} .mpType02 .item-view-tabs2 button {font-family:'나눔고딕', 'NanumGothic'; font-size:14px; font-weight:normal; color:#2b2b2b; background:#f5f5f5;} .mpType02 .item-view-tabs2 .active button {color:#fff; background:#2b2b2b;} .mpType02 .tbl_type01 table thead th {position:relative; padding:11px 5px 10px 5px; font-size:13px; font-weight:normal;} .mpType02 .tbl_type01 table thead th::before {content:''; display:inline-block; position:absolute; top:11px; left:0; width:1px; height:18px; background:#dbdbdb;} .mpType02 .tbl_type01 table thead th:first-child:before {display:none;} .mpType02 .tbl_type01 table tbody th {position:relative; padding:11px 5px 10px 5px; font-size:13px; font-weight:normal;} .mpType02 .tbl_type01 table tbody th::before {content:''; display:inline-block; position:absolute; top:11px; left:0; width:1px; height:18px; background:#dbdbdb;} .mpType02 .tbl_type01 table tbody th:first-child:before {display:none;} .mpType02 .tbl_type02 table tbody td {padding:10px; background:#f5f5f5;} .mpType02 .tbl_type02.traverse th {padding:9px 10px 8px 25px; font-weight:normal; text-align:left;} .mpType02 .tbl_type02.traverse td {background:#fff;} /* 2022-06-09 마이페이지 - 건강검진 서비스 */ .bd0 {border:0 !important;} .health_wrap {} .health_wrap .health_header {margin:11px 0 13px; text-align:center;} .health_tit {font-weight:bold; font-size:28px; text-align:center; color:#333; margin-bottom:25px; letter-spacing:-1px;} .health_tit > span {font-size:30px;} .health_tit2 {font-weight:bold; font-size:15px; color:#666; padding-top:110px;} .health_tx0 {font-size:16px; color:#333;} .health_tx1 {font-size:20px; color:#333; line-height:32px; margin-left:253px; font-weight:bold; letter-spacing:0;} .health_tx1 > span {font-size:21px; font-weight:500; } .health_tx2 {margin-left:30px; font-weight:bold;} .health_tx3 {color:#f88800; margin:0 6px; font-weight:bold;} .health_tx4 {color:#989898; font-size:12px; margin:0 0 10px 0;} .health_tx5 {color:#666; font-size:14px; line-height:24px; letter-spacing:-0.3px; font-weight:bold;} .health_tx5.mt {margin-top:10px;} .health_tx6 {color:#989898 !important; font-size:14px;} .health_tx6 > strong {color:#f88800; margin-left:10px;} .health_tx6 > span {margin-left:10px;} .health_list {width:100%; margin-top:37px; border-bottom:1px solid #ddd; font-size:15px;} .health_list strong {font-weight:bold;} .health_list .vat {padding:26px 0; vertical-align:top;} .health_list td { border-top:1px solid #ddd; min-height:35px; padding:17px 0; color:#666;} .health_bt1 {text-align:center; border-radius:3px; background:#f88800; color:#fff; font-weight:bold; width:150px; height:36px; line-height:36px;} .health_bt2 {text-decoration:underline; color:#1b1b1b; margin-top:22px; font-size:14px; letter-spacing:-1px; font-weight:bold;} .health_bt3 {margin:10px 3px 0 0; text-align:right;} .health_bt4 {text-align:center; font-size:14px;} .health_bt4 > button {padding-left:56px; color:#212121; line-height:40px; background:url(/resources/images/mypage/health_img02.png) no-repeat 0 0; font-size:19px; letter-spacing:-1px; font-weight:bold; margin:50px 16px 0 0;} .health_bt4 > p {margin:-2px 0 0 43px; color:#f88800; font-size:14px; font-weight:bold;} .tbl_type01.health_table table thead th {font-weight:bold;} .tbl_type01.health_table table tbody td {text-align:left; padding:29px 21px 40px;} .tbl_type01.health_table table tbody td:first-child {font-size:14px; font-weight:bold;} .health_bx1 {border:1px solid #ccc; border-radius:5px; margin-left:0; padding:17px 19px; color:#666; font-size:14px; line-height:19px; min-height:82px; width:376px;} .health_tx_wrap {margin-bottom:18px;} .health_tx_wrap .health_tit2 {margin-bottom:9px;} .health_tx_wrap > p {line-height:17px;} .health_conts1 {margin-bottom:78px;} .health_conts1 .tx1 {font-size:14px; font-weight:bold; color:#1b1b1b; padding-bottom:12px; border-bottom:1px solid #333; margin:27px 0 28px; padding-left:21px;} .health_conts1 .tx2 {overflow:hidden; margin-bottom:59px; margin-left:21px;} .health_conts1 .tx2 > strong {display:inline-block; margin-right:18px; font-weight:bold; font-size:14px; color:#1b1b1b;} .health_conts1 .tx2 > a {display:inline-block; float:right; font-weight:bold; font-size:14px; text-decoration:underline; margin-right:36px; color:#1b1b1b;} .health_conts1 .tx2 > p {font-size:13px; color:#989898;} .health_conts1 .tx3 {text-align:center; margin-top:23px;} .health_conts1 .tx3 a {font-weight:bold; font-size:13px; text-decoration:underline; margin-right:36px; color:#666;} .health_conts1 .bx {overflow:hidden; margin-left:18px;} .health_conts1 .bx li {float:left; width:252px; margin-left:20px;} .health_conts1 .bx li:first-child {margin-left:0; width:272px;} .health_conts1 .bx li > p {font-size:13px; color:#666; height:25px; font-weight:500;} .health_conts1 .bx li > p > a {font-size:13px; color:#989898; font-weight:500; margin-left:11px; text-decoration:underline;} .health_conts1 .bx li .health_bx2 {width:250px; height:100px; padding:20px 10px 10px 20px; border:1px solid #ccc; border-radius:5px; font-weight:500; color:#666; line-height:18px; font-size:13px;} .health_conts1 .bx li:first-child .health_bx2 {width:270px;} .health_conts1 .bx li .health_bx2.ex {color:#989898;} .health_conts1 .bx li > a.save {font-weight:bold; font-size:13px; text-decoration:underline; color:#666; float:right; margin-top:11px; display:inline-block;} .fTable_list.health_table th, .fTable_list.health_table td {border-right:1px solid #ddd;} .fTable_list.health_table th:last-child, .fTable_list.health_table td:last-child {border-right:0;} .fTable_list.health_table .chk_agree {margin-top:17px; color:#999;} .fTable_list.health_table .chk_agree span {display:inline-block; float:right;} .fTable_list.health_table .chk_agree label {font-size:13px; color:#666;} .fTable_list.health_table .chk_agree > span > a {display: inline-block;font-weight: bold; font-size: 14px;text-decoration: underline;margin-left: 12px;color: #1b1b1b;} /* 건강검진 입력전 */ .health_wrap .registration-notice {margin-top: 40px; padding: 70px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center;} .health_wrap .registration-notice.to-bg {padding: 90px 0 80px;} .health_wrap .to-bg::after {content: ""; display: inline-block; margin: 35px 0 0 0; width: 67px; height: 43px; background: url("/resources/images/mypage/bg-register-notice.png") no-repeat;} /* 2022-08-08 수정 */ .health_wrap .registration-notice > p {margin-top: 26px; font-size: 18px; line-height: 1.33333em; color: #212121; font-weight: 400;} .health_wrap .registration-notice > p:first-child {margin-top: 0} .health_wrap .registration-notice > p strong {font-weight: bold;} .health_wrap .registration-notice .health_bt1 {margin-top: 37px; font-size: 15px;} .health_list strong + a img {width: 20px; vertical-align: middle; padding:2px 2px 3px 2px;} /* 2022-10-13 수정버튼 추가 */ .health_banner_wrap {margin-top:100px}/* 2023-08-17 */ /* 건강검진 종료, 2022-12-13 */ .health_wrap.health-finished .health_tx1 {text-align: center;margin-left: 0;} .health_wrap.health-finished .health_tx1 span {font-size: 22px;} .health_wrap.health-finished .health_tx0 {text-align: center;margin-top: 1em;} .health_wrap.health-finished + form .health_tit2 {padding-top: 60px;} /* 마이여행 예약내역, 2023.01.27 */ .trip-info-box {text-align: left;line-height: 1.45em;position: relative;min-height: 80px;padding-left: 80px;} .trip-info-box img {width: 70px;height: 70px;zzposition: absolute;top: 50%;left: 0;transform: translateY(-50%);} .trip-info-box .trip-company {font-weight: bold;color: #bfbfbf;} .trip-info-box .trip-title {font-weight: bold;} .trip-info-box .trip-period {color: #a1a1a1;margin-top: .5em;} .trip-info-box .trip-option {margin-top: .5em;} .trip-info-box .trip-option + .trip-period {margin-top: 0;} .trip-info-box .trip-price {font-weight: bold;} /* 2023-10-17 : 개인정보변경 페이지 */ .privacy-info-page h2 { position: relative; font-size: 15px; color : #666; border-bottom: 1px solid #333333; line-height: 32px; margin-top: 40px;} .privacy-info-page h2 button { position: absolute; top: calc(50% - 12px); right: 0; font-size: 12px; background: no-repeat #bdbdbd; border-radius: 1px; color: white; height: 25px; padding: 0 14px;} .privacy-info-page h2 button.add { background-color: #999999; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAzIDc5LjE2NDUyNywgMjAyMC8xMC8xNS0xNzo0ODozMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBEMTRCNEE3N0RCNzExRUM5NkI5RkUzMUFGRDhFREZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBEMTRCNEE4N0RCNzExRUM5NkI5RkUzMUFGRDhFREZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEQxNEI0QTU3REI3MTFFQzk2QjlGRTMxQUZEOEVERkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEQxNEI0QTY3REI3MTFFQzk2QjlGRTMxQUZEOEVERkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Bf3xUAAAAKUlEQVR42mL8//8/AxYAEmREF2RiIAEMEsUsUM/g8iSGYsbhHBoAAQYAd7oHFqqBnzgAAAAASUVORK5CYII='); background-position: right 11px center; padding-right: 30px;} .privacy-info-page .privacy-radio-wrap { margin-top: 35px;} .privacy-info-page .privacy-radio-wrap::after { content: ""; display: block; clear: both;} .privacy-info-page .privacy-radio-wrap label { float: left; width: 50%; padding-left: 30px; height: 38px;} .privacy-info-page .privacy-radio-wrap label input + span { margin-left: 5px;} /* 2023-10-17 : 핸드폰 정보 입력 페이지 */ .confirm_telephone_wrap .inner { margin:0 auto; width:960px; } .confirm_telephone_wrap .top_area {padding:70px 0; background-color: #f9f9f9; letter-spacing: -1px;} .confirm_telephone_wrap .top_area p {margin-bottom:16px; line-height:20px; font-size:16px; } .confirm_telephone_wrap .top_area h2 {font-size:40px; line-height:50px; color:#222; letter-spacing: -2px;} .confirm_telephone_wrap .mid_area {padding-top:47px;} .confirm_telephone_wrap .btm_area {padding-top:87px;} .confirm_telephone_wrap strong { display:block; font-weight:bold;} .confirm_telephone_wrap .guide_txt01 { margin-bottom:20px; font-weight:bold; font-size:15px; line-height:23px; color:#333; } .confirm_telephone_wrap .guide_txt02 { margin-bottom:17px; } .confirm_telephone_wrap .guide_txt03 { line-height:22px; } .confirm_telephone_wrap ul li { font-size:13px; line-height:22px; color:#999; } .confirm_telephone_wrap select {width:110px; appearance: none; background: url(../../images/common/ico_selectbox.png) no-repeat right 13px center;} .confirm_telephone_wrap select,.confirm_telephone_wrap input[type=text] {padding:6px 18px; font-size:14px; height:36px; } /* 2024-02-01 */ .pop-error-box {padding:37px 0 48px; text-align: center; } .pop-error-box .pop-error-txt { display:inline-block; padding:0 85px; font-size:24px; line-height:42px; color:#1b1b1b; letter-spacing: -0.25px; background: url(../../images/etc/ico_popup_error.png) no-repeat left center;} .pop-error-box .highlight {position: relative; display:inline-block; font-weight: bold; z-index: 2;} .pop-error-box .highlight:after {position: absolute; left:-4px; right:-4px; bottom: 4px; width:100%; height:12px; background-color: #c5eeff; content: ''; z-index: -1;} .tab_btn_wrap {display: flex; align-items: center; border-bottom:1px solid #222 } .tab_btn_wrap > li {width:50%; text-align: center; border-top:1px solid #ddd;} .tab_btn_wrap > li > a { display:block; width:100%; height:100%; font-size:15px; line-height:50px; font-weight:600; } .tab_btn_wrap > li.on {background:#4f4f4f; border-color:#222} .tab_btn_wrap > li.on a {color:#fff;} .tab_btn_wrap > li a > span { display:inline-block; padding-left:40px; line-height:50px; background-repeat:no-repeat; background-position:left center;} .tab_btn_wrap > li a[rel=tabEdge] > span { background-image:url(../../images/etc/ico_browser_edge.png)} .tab_btn_wrap > li a[rel=tabChrome] > span { background-image:url(../../images/etc/ico_browser_chrome.png)} .tab_cnt_wrap {position: relative;} .system-text-box span {position: absolute; line-height:14px; font-weight: 400; font-size:12px; color:#000; z-index: 1;} .tab_cnt_wrap.tabEdge .system-text-box .system-txt1 {left:436px; bottom: 609px; } .tab_cnt_wrap.tabEdge .system-text-box .system-txt2 {left:297px; bottom: 295px; } .tab_cnt_wrap.tabChrome .system-text-box .system-txt1 {left:661px; bottom: 891px; } .tab_cnt_wrap.tabChrome .system-text-box .system-txt2 {left:408px; bottom: 118px; } /* 2024-09-09 패스키 로그인 신규 */ .loginTab {position: relative; overflow: hidden;} .loginTab .loginTab_balloon {position:absolute; right:36px;} .loginTab ul {padding-top:36px;} .loginTab ul li {float:left;} .loginTab ul li button, .loginTab ul li a {display: flex; align-items: center; justify-content: center; border-bottom:1px solid #f1f1f1; width:168px; height:46px; text-align: center; line-height:22px; font-size:17px; letter-spacing: -1px;} .loginTab ul li button.on, .loginTab ul li a.on {border-bottom:2px solid #212121; font-weight:bold; height:47px; } .loginTab ul li button span, .loginTab ul li a span {display:block; margin-top:-8px; color: #666;} .loginTab ul li button.on span, .loginTab ul li a.on span {color: #212121;} .loginTab_contents {position:relative;} .loginTab_contents li {display:none; height:270px;} .loginTab_contents li:last-child {height:233px;} .loginTab_contents li.on {display:block;} .loginTab_contents input {width: 218px; height: 43px; margin-top: 11px; padding: 12px 17px; border: 1px solid #ddd; font-size: 13px; border-radius: 4px; color: #212121;} .loginTab_contents input::placeholder {color: #9f9f9f;} .loginTab_contents input:focus {color: #212121} .loginTab_contents .loginTab_btn {position:absolute; right:64px; top:36px;} .loginTab_contents_tx1 {font-size:12px; color:#777; margin:19px 0 9px 12px; text-indent:-12px;} .loginTab_contents_tx1.mt {margin:56px 0 9px 12px;} .loginTab_contents_tx2 {font-size:13px; color:#F88802; margin-top:5px; display: inline-block;} .loginTab_contents .rightarea {margin:10px 64px 0 0; font-size:13px; font-weight:bold; color:#F00A0D;} .loginTab_contents .rightarea a:first-child:after {content:"|"; margin:0 6px 0 10px; color:#e3e3e3; display:inline-block; vertical-align: 2px;} .chkimgNew { display: none; font-size:12px;} .chkimgNew+label::before {content:''; display: inline-block; width:21px; height:20px; background: url('/resources/images/common/chkimgNew.png') no-repeat 0 -20px; overflow: hidden; vertical-align: -4px; margin:10px 3px 0 0;} .chkimgNew:checked+label::before{ background-position:0 0; } .chkimgNew+label {font-size:12px !important;} .loginTab_btn2 {height:24px; line-height:22px; padding:0 14px; color:#4F4F4F; border:1px solid #666; border-radius:12px; letter-spacing:-1px; font-size:12px !important; display:inline-block; font-weight:bold; margin-left:7px;} .ovh {overflow:hidden;} .loginTab_btn3 {display:block; margin:6px 0 0 12px;} .loginTab_btn4 {position:absolute; right:64px; top:-1px;} .execu_login .execu_login_area .notice {margin-top: -4px;} /* 로그인 Caps Lock 문구 2025-02-10 */ .capslock_tx { font-weight:700; font-size:13px; line-height:17.299px; color:#212121; margin-top:10px; background: url(/resources/images/icon/ico_capslock.png) no-repeat 0 0; padding-left:22px; display:none; background-size:17px;} /* 2026-02-20 AI추천 - Recommand Service (서브페이지용)*/ .ai-recommand-service-wrap .recommand-service {/* 2026-02-20 */ margin-top: 30px; padding-top: 40px; } .ai-recommand-service-wrap ~ .prd-list {/* 2026-02-20 */ border-top: 1px solid #E7E7E7; margin-top: 70px; padding-top: 30px; } .ai-recommand-service-wrap .product-list-header { padding-right: 30%; margin: 0px 0 20px; } .ai-recommand-service-wrap .cbestSlider ul li:not(.ban-liq, .ban, .sold-out) .pdBox .imgFlag::after {/* 2026-02-27 딤처리 추가 */ content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, .03); z-index: 2; } /* AI OCR 인식 / WIKI-294944400_영수증승인신청_2026-03-09 */ .ai-ocr-recognition-wrap, .ai-ocr-recognition-wrap .button-group .button {font-family: 'Pretendard', Roboto, 'Droid Sans', AppleSDGothicNeo, Helvetica, sans-serif;} .ai-ocr-recognition-wrap {padding: calc(30em / 12) calc(20em / 12);text-align: center;border: #ddd 1px solid;border-radius: 4px;margin-bottom: 10px;} .ai-ocr-recognition-wrap h4 {font-size: calc(20em / 12);font-weight: 700;line-height: calc(20.8em / 16);color:#212121;} .ai-ocr-recognition-wrap .button-group {margin: calc(30em / 12) auto 0;display: flex;justify-content: center;gap: calc(8em / 12);} .ai-ocr-recognition-wrap .button-group::after {display: none;} .ai-ocr-recognition-wrap .button-group .button {font-size: calc(15em / 12);height: calc(45em / 15);width:150px;padding: 0;border-radius: calc(6em / 15);font-weight: 700;display: flex;justify-content: center;align-items: center;}.ai-ocr-recognition-wrap .button-group .button.red-wh {color: #FF242C;border: 1px solid #FF242C;background: none;} .ai-ocr-recognition-wrap .button-group .button.gray {background-color: #aaa;} .ai-ocr-recognition-wrap label.ai-ocr-file {width: 300px;cursor:pointer;margin: calc(44.27em / 12) auto 0;display: block;padding-top: calc(90em / 12); background: no-repeat center top / 80px auto url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjgwIiBoZWlnaHQ9IjgwIiByeD0iNDAiIGZpbGw9IiNFRkVGRUYiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE0MV82OTgpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01NS4xNDIyIDQzLjAzOTVDNTYuMzUyMiA0My4wMzk1IDU3LjMzMzYgNDQuMDMwMiA1Ny4zMzM2IDQ1LjI1MjRWNTMuNDAzN0M1Ny4zMzM2IDU1LjE1NzggNTUuOTI1NiA1Ni41ODAzIDU0LjE4OTEgNTYuNTgwNUgyNS44MTEyQzI0LjA3NDUgNTYuNTgwNSAyMi42NjY2IDU1LjE1NzkgMjIuNjY2NiA1My40MDM3VjQ1LjI1MjRDMjIuNjY2NyA0NC4wMzAzIDIzLjY0NzIgNDMuMDM5NiAyNC44NTcxIDQzLjAzOTVDMjYuMDY3IDQzLjAzOTUgMjcuMDQ4NCA0NC4wMzAyIDI3LjA0ODUgNDUuMjUyNFY1MS41NzA3QzI3LjA0ODUgNTEuODkzMiAyNy4zMDYzIDUyLjE1NDUgMjcuNjI1NiA1Mi4xNTQ3SDUyLjM3NDZDNTIuNjkzNSA1Mi4xNTQ2IDUyLjk1MTggNTEuODkzMyA1Mi45NTE4IDUxLjU3MDdWNDUuMjUyNEM1Mi45NTE4IDQ0LjAzMDMgNTMuOTMyNCA0My4wMzk2IDU1LjE0MjIgNDMuMDM5NVpNMzguOTEyNyAyMy44NzU0QzM5LjUxMzUgMjMuMjY5MSA0MC40ODcyIDIzLjI2OTEgNDEuMDg3NSAyMy44NzU0TDUxLjA5ODMgMzMuOTg1OEM1MS45NTM4IDM0Ljg0OTkgNTEuOTUzOCAzNi4yNTA1IDUxLjA5ODMgMzcuMTE0N0M1MC4yNDI3IDM3Ljk3ODggNDguODU2MiAzNy45Nzg4IDQ4LjAwMDYgMzcuMTE0N0w0Mi40NDAxIDMxLjQ5ODVDNDIuMzQ3NiAzMS40MDU2IDQyLjE5MDEgMzEuNDcyMiA0Mi4xOTAxIDMxLjYwMzlWNDQuNjM0MkM0Mi4xOTAxIDQ1Ljg1NjQgNDEuMjA5NiA0Ni44NDcxIDM5Ljk5OTYgNDYuODQ3MUMzOC43ODk3IDQ2Ljg0NyAzNy44MDkyIDQ1Ljg1NjMgMzcuODA5MiA0NC42MzQyVjMxLjYwMzlDMzcuODA5MiAzMS40NzIyIDM3LjY1MTcgMzEuNDA1OSAzNy41NTkyIDMxLjQ5ODVMMzEuOTk4NyAzNy4xMTQ3QzMxLjE0MzEgMzcuOTc4OCAyOS43NTY2IDM3Ljk3ODggMjguOTAxIDM3LjExNDdDMjguMDQ1NiAzNi4yNTA1IDI4LjA0NTUgMzQuODQ5OSAyOC45MDEgMzMuOTg1OEwzOC45MTI3IDIzLjg3NTRaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMTQxXzY5OCkiLz4KPC9nPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzE0MV82OTgiIHgxPSI0MC4wMDAxIiB5MT0iMjMuNDIwNyIgeDI9IjQwLjAwMDEiIHkyPSI1Ni41ODA0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNCMEIwQjAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjN0M3QzdDIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTQxXzY5OCI+CjxyZWN0IHdpZHRoPSIzNC42NjY3IiBoZWlnaHQ9IjMzLjE1OTQiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMi42NjY2IDIzLjQyMDQpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==); } .ai-ocr-recognition-wrap label.ai-ocr-file p {font-size: calc(13em / 12);line-height: 140%;color: #666;} .ai-ocr-recognition-wrap .ai-ocr-recognition-complete {margin-top: calc(8em / 12);padding-bottom: calc(140em / 12); background: no-repeat center bottom / calc(110em / 12) auto url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQwIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE0MCAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxNDAiIGhlaWdodD0iMTQwIiByeD0iNzAiIGZpbGw9IiNGRkYwRTQiLz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF83MV80ODkpIj4KPHBhdGggZD0iTTMwLjQ4MzQgMTEzLjMwOEwzNS4xMTk4IDExMC4zODJDMzUuNDcyMSAxMTAuMTU5IDM1LjkyMjkgMTEwLjE1OSAzNi4yNzUyIDExMC4zODJMNDEuOTkyMyAxMTMuOTg5QzQyLjM0NDUgMTE0LjIxMiA0Mi43OTUzIDExNC4yMTIgNDMuMTQ3NiAxMTMuOTg5TDQ4Ljg1ODcgMTEwLjM4MkM0OS4yMTEgMTEwLjE1OSA0OS42NjE4IDExMC4xNTkgNTAuMDE0MSAxMTAuMzgyTDU1LjcxOTIgMTEzLjk4OUM1Ni4wNzE1IDExNC4yMTIgNTYuNTIyMyAxMTQuMjEyIDU2Ljg3NDYgMTEzLjk4OUw2Mi41ODI3IDExMC4zODJDNjIuOTM1IDExMC4xNTkgNjMuMzg1OCAxMTAuMTU5IDYzLjczODEgMTEwLjM4Mkw2OS40NDMyIDExMy45ODlDNjkuNzk1NSAxMTQuMjEyIDcwLjI0NjMgMTE0LjIxMiA3MC41OTg2IDExMy45ODlMNzYuMzAzNyAxMTAuMzgyQzc2LjY1NiAxMTAuMTU5IDc3LjEwNjggMTEwLjE1OSA3Ny40NTkxIDExMC4zODJMODMuMTY0MiAxMTMuOTg5QzgzLjUxNjUgMTE0LjIxMiA4My45NjczIDExNC4yMTIgODQuMzE5NiAxMTMuOTg5TDkwLjAyMTcgMTEwLjM4NUM5MC4zNzQgMTEwLjE2MiA5MC44MjQ4IDExMC4xNjIgOTEuMTgwMSAxMTAuMzg1TDk2Ljg3OTMgMTEzLjk4OUM5Ny4yMzE2IDExNC4yMTIgOTcuNjgyMyAxMTQuMjEyIDk4LjAzNDYgMTEzLjk4OUwxMDMuNzQgMTEwLjM4MkMxMDQuMDkyIDExMC4xNTkgMTA0LjU0MyAxMTAuMTU5IDEwNC44OTUgMTEwLjM4MkwxMDkuNTIgMTEzLjMwNUMxMTAuMjM5IDExMy43NiAxMTEuMTc2IDExMy4yNDYgMTExLjE3NiAxMTIuMzk4VjM3LjAxMTJDMTExLjE3NiAzMC44NDM3IDEwNi4xNzcgMjUuODQzOSAxMDAuMDA5IDI1Ljg0MzlIMzkuOTkwOEMzMy44MjMzIDI1Ljg0MzkgMjguODIzNiAzMC44NDM3IDI4LjgyMzYgMzcuMDExMkMyOC44MjM2IDQzLjE3MTcgMjguODIzNiAxMTIuMzk4IDI4LjgyMzYgMTEyLjM5OEMyOC44MjM2IDExMy4yNDYgMjkuNzYxIDExMy43NiAzMC40ODA1IDExMy4zMDVMMzAuNDgzNCAxMTMuMzA4WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8cGF0aCBkPSJNNDAuOTIyNSA3My4yNTlIOTcuMDIxNkM5Ny44MDM4IDczLjI1OSA5OC40Mzk3IDczLjg5MjMgOTguNDM5NyA3NC42NzEzQzk4LjQzOTcgNzUuNDUwMyA5Ny44MDM4IDc2LjA4MzYgOTcuMDIxNiA3Ni4wODM2SDQwLjkyMjVDNDAuMTQwMyA3Ni4wODM2IDM5LjUwNDQgNzUuNDUwMyAzOS41MDQ0IDc0LjY3MTNDMzkuNTA0NCA3My44OTIzIDQwLjE0MDMgNzMuMjU5IDQwLjkyMjUgNzMuMjU5WiIgZmlsbD0iI0ZDQkE5NSIvPgo8cGF0aCBkPSJNNDAuOTIyNSA4MC4zNTZIODguNDk4MkM4OS4yODA0IDgwLjM1NiA4OS45MTYzIDgwLjk4OTIgODkuOTE2MyA4MS43NjgyQzg5LjkxNjMgODIuNTQ3MiA4OS4yODA0IDgzLjE4MDUgODguNDk4MiA4My4xODA1SDQwLjkyMjVDNDAuMTQwMyA4My4xODA1IDM5LjUwNDQgODIuNTQ3MiAzOS41MDQ0IDgxLjc2ODJDMzkuNTA0NCA4MC45ODkyIDQwLjE0MDMgODAuMzU2IDQwLjkyMjUgODAuMzU2WiIgZmlsbD0iI0ZDQkE5NSIvPgo8cGF0aCBkPSJNNDAuOTIyNSA4Ny41MTM0SDg4LjQ5ODJDODkuMjgwNCA4Ny41MTM0IDg5LjkxNjMgODguMTQ2NyA4OS45MTYzIDg4LjkyNTdDODkuOTE2MyA4OS43MDQ3IDg5LjI4MDQgOTAuMzM4IDg4LjQ5ODIgOTAuMzM4SDQwLjkyMjVDNDAuMTQwMyA5MC4zMzggMzkuNTA0NCA4OS43MDQ3IDM5LjUwNDQgODguOTI1N0MzOS41MDQ0IDg4LjE0NjcgNDAuMTQwMyA4Ny41MTM0IDQwLjkyMjUgODcuNTEzNFoiIGZpbGw9IiNGQ0JBOTUiLz4KPHBhdGggZD0iTTU5Ljc4MDcgNTAuOTM5M0g2MC41OTU4TDU5LjkwOTEgNDcuMTk5NkM1OS42NzMyIDQ1Ljg4ODUgNjAuMTg5MyA0NC45NjUxIDYxLjI0MDMgNDQuNzkyM0M2Mi4zMzU1IDQ0LjYxOTQgNjMuMjM3IDQ1LjAyODQgNjMuNDUxOCA0Ni4zMzk2TDY0LjE4MjcgNTAuOTM5M0g2Ni4zOTQyTDY3LjQ2ODQgNDYuMzgzOEM2Ny43Njk2IDQ1LjA3MjYgNjguODg1OSA0NC43NTAxIDY5LjY4IDQ0Ljc1MDFDNzAuNDc0IDQ0Ljc1MDEgNzEuNTkwMyA0NS4wNzI2IDcxLjg5MTUgNDYuMzgzOEw3Mi45NDQ2IDUwLjkzOTNINzUuMTc3M0w3NS45MDgxIDQ2LjMzOTZDNzYuMTIzIDQ1LjAyODQgNzcuMDI0NCA0NC42MTk0IDc4LjExOTcgNDQuNzkyM0M3OS4xNDk2IDQ0Ljk2NTEgNzkuNjY1NiA0NS44ODg1IDc5LjQyOTcgNDcuMTc4Nkw3OC43MjIxIDUwLjkzOTNINzkuNTYwM0M4MC41MjcxIDUwLjkzOTMgODAuODcwNCA1MS41MTkgODAuODcwNCA1Mi4xNjRDODAuODcwNCA1Mi44MDkxIDgwLjUwNiA1My40NTQxIDc5LjU2MDMgNTMuNDU0MUg3OC4yNzEzTDc3LjA4OTcgNTkuOTAwNEM3Ni44NTM4IDYxLjE5MDUgNzUuODg3MSA2MS45NjQyIDc0LjkyMDMgNjIuMDQ4NUM3My44OTAzIDYyLjEzNDkgNzIuNzA4NyA2MS43MDQ5IDcyLjM2NTQgNjAuMjg2Mkw3MC44MTk1IDUzLjQ1Mkg2OC41NDI2TDY2Ljk5NjYgNjAuMjg2MkM2Ni42NTMzIDYxLjcwNDkgNjUuNDcxNyA2Mi4xMzQ5IDY0LjQ0MTggNjIuMDQ4NUM2My40NzUgNjEuOTYyMSA2Mi41MTAzIDYxLjE4ODQgNjIuMjcyMyA1OS45MDA0TDYxLjA2OTcgNTMuNDU0MUg1OS43ODA3QzU4LjgzNSA1My40NTQxIDU4LjQ3MDYgNTIuODA5MSA1OC40NzA2IDUyLjE2NEM1OC40NzA2IDUxLjUxOSA1OC44MTM5IDUwLjkzOTMgNTkuNzgwNyA1MC45MzkzWk02NS4wODQyIDU2LjYzM0w2NS44MTUgNTMuNDUySDY0LjU3MDJMNjUuMDg2MyA1Ni42MzNINjUuMDg0MlpNNjkuMDk4NyA1MC45MzkzSDcwLjIzNkw2OS42Nzc5IDQ4LjQwMzNMNjkuMDk4NyA1MC45MzkzWk03NC4yNzM3IDU2LjYxMTlMNzQuNzY2NSA1My40NTJINzMuNTIxOEw3NC4yNzM3IDU2LjYxMTlaIiBmaWxsPSIjRjQ2MzAwIi8+CjxyZWN0IHg9Ijk4Ljg3NSIgd2lkdGg9IjM1IiBoZWlnaHQ9IjM1IiByeD0iMTcuNSIgZmlsbD0iI0Y4ODgwMCIvPgo8cGF0aCBkPSJNMTIzLjg3NSAxM0wxMTQuNDUyIDIzTDEwOC44NzUgMTcuMTY2NyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIzLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzcxXzQ4OSIgeD0iMjcuMTc2NSIgeT0iMjQuMTk2OCIgd2lkdGg9IjkyLjIzNTMiIGhlaWdodD0iOTguMTk0NiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR4PSIzLjI5NDEyIiBkeT0iMy4yOTQxMiIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyLjQ3MDU5Ii8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfNzFfNDg5Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzcxXzQ4OSIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K); } .ai-ocr-recognition-wrap .ai-ocr-recognition-complete p {font-size: calc(16em / 12);font-weight: 500;color: #212121;line-height: 140%;} /* AI OCR 인식 - 팝업 / WIKI-294944400_영수증승인신청_2026-03-09 */ /* 팝업 공통 */ [id*=ai-ocr-recognizing-] { z-index: 15000; font-family: 'Pretendard', Roboto, 'Droid Sans', AppleSDGothicNeo, Helvetica, sans-serif; border:none;} /* WIKI-294944400_영수증승인신청_v2_2026-03-26 */ [id*=ai-ocr-recognizing-] .layerbody { border-radius:15px; border:none; top: 200px;margin-left: 0;transform: translateX(-50%);} [id*=ai-ocr-recognizing-] .layerbody .to-close {text-indent: -200vw; overflow: hidden;width: 18px;height: 18px;top: 20px;right: 24px; background: no-repeat center / 18px auto url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2Ljc1IDE2Ljc1TDguNzUgOC43NUwxNi43NSAwLjc1IiBzdHJva2U9IiMyMTIxMjEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTAuNzQ5OTk5IDAuNzVMOC43NSA4Ljc1TDAuNzUwMDAxIDE2Ljc1IiBzdHJva2U9IiMyMTIxMjEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==); } [id*=ai-ocr-recognizing-] .layerpopheader {margin: 0;height: auto;border-bottom-color: #eee;text-align: left;} [id*=ai-ocr-recognizing-] .layerpopheader h1 {font-size: 16px;line-height: 1em;letter-spacing: 0;padding: 20px 24px;} [id*=ai-ocr-recognizing-] .layerbody .layerpopcontents {padding: 40px 24px 50px;} /* 인식중 */ #ai-ocr-recognizing-pop .layerbody {width: 500px;} #ai-ocr-recognizing-pop .layerpopheader { border-bottom: none; } #ai-ocr-recognizing-pop .layerpopheader h1 {text-align: center;font-size: 25px;padding-top: calc(50.83em / 25);padding-bottom: calc(50.83em / 25);padding-bottom: calc(16em / 25);line-height: 34px;} #ai-ocr-recognizing-pop .layerpopcontents {padding-top: 0;} #ai-ocr-recognizing-pop .layerpopcontents p {font-size: calc(16em / 12);line-height: calc(20em / 14);font-weight: 500;color: #666;} #ai-ocr-recognizing-pop .layerpopcontents img {margin-top: calc(30em / 12); max-width: 380px; border-radius: 14.286px;} /* 수정 : WIKI-294944400_영수증승인신청_v3_2026-04-21 */ /* 인식 실패 */ #ai-ocr-recognizing-fail-pop .layerbody {width: 530px;} #ai-ocr-recognizing-fail-pop .layerbody .layerpopcontents {text-align: center;color: #212121;} #ai-ocr-recognizing-fail-pop .layerbody .layerpopcontents h2 {line-height: 1em;font-size: calc(26em / 12);margin-top: 0;border-bottom: none;color: inherit;} #ai-ocr-recognizing-fail-pop .layerbody .layerpopcontents p {font-size: calc(16em / 12);margin-top: 1em;font-weight: 500;} #ai-ocr-recognizing-fail-pop .layerbody .layerpopcontents p em {font-weight: 700;} #ai-ocr-recognizing-fail-pop .layerbody .layerpopcontents ol {font-size: calc(14em / 12);text-align: left;line-height: 1em;padding-left: 130px;padding-bottom: calc(10em / 14);margin-top: calc(30em / 14);list-style: decimal;color: #333;} #ai-ocr-recognizing-fail-pop .layerbody .layerpopcontents ol li {list-style: decimal;font-weight: 400;} #ai-ocr-recognizing-fail-pop .layerbody .layerpopcontents ol li + li {margin-top: calc(8em / 14);}