@charset "utf-8"; @import url(webfont.css); /* 2023-12-15 footer/logo */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; padding: 0 !important; } main { display: block; } h1 { font-size: 2em; margin: 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } /* account default design */ * {margin:0; padding:0; font-family:inherit; font-size:inherit; line-height:inherit; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } html { -ms-text-size-adjust:100%; } body { color:#252525; font-size:16px; line-height:1.46; -webkit-font-smoothing:antialiased; font-family:Arial, Roboto, "Helvetica Neue", "Apple SD Gothic Neo", sans-serif; word-wrap:break-word; word-break:break-word; } /* lang font */ [lang="en"] body, [lang="la"] body, [lang="el"] body, [lang="ru"] body {font-family:'SamsungOne', 'SamsungOneKorean', Arial, Roboto, "Helvetica Neue", "Apple SD Gothic Neo", sans-serif;} [lang="ko"] body {font-family:'SamsungOneKorean', 'SamsungOne', Arial, Roboto, "Helvetica Neue", "Apple SD Gothic Neo", sans-serif; word-wrap: break-word; word-break:keep-all; } [lang="zh"] body {font-family:'Microsoft Yahei', Arial, Roboto, "Helvetica Neue", "Apple SD Gothic Neo", sans-serif; word-break:break-all; } [lang="ja"] body {font-family:Arial, "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; word-wrap: break-word; word-break:break-word;} [lang="ar"] body, [lang="hy"] body, [lang="ka"] body, [lang="he"] body, [lang="lo"] body, [lang="km"] body, [lang="my"] body {font-family:'SamsungOne', Arial, Roboto, "Helvetica Neue", "Apple SD Gothic Neo", sans-serif; word-break: break-all; } button, input, select, textarea {font-family:inherit; vertical-align:baseline; appearance:none; -moz-appearance:none; -webkit-appearance:none; border-radius:0; } input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; } fieldset {border:0 none; padding:0; margin:0; } legend {display:none;} button[disabled]{opacity:0.4;} /* 아랍어 인풋 방향 처리 */ [dir=rtl] input[type=email], [dir=rtl] input[type=number], [dir=rtl] input[type=tel], [dir=rtl] input[type=url], [dir=rtl] input[type=password] {direction:ltr; text-align:right; } input[type=text]::-ms-clear, input[type=tel]::-ms-clear, input[type=email]::-ms-clear, input[type=number]::-ms-clear {display:none;} /* 시스템 X 버튼 삭제 */ select::-ms-expand {display:none;} /* ie에서 시스템 셀렉트화살표 없애기 */ input:-webkit-autofill { -webkit-box-shadow:0 0 0 1000px #fff inset; -moz-box-shadow:0 0 0 1000px #fff inset; box-shadow:0 0 0 1000px #fff inset; } /* edge password hidden icon 20231228 */ input[type="password"]::-ms-reveal, input[type="password"]::-ms-clear { display: none; } /* 크롬 자동 채우기 기능 시 색상 변경 방지 */ input::placeholder{color:#c7c7c7;} /* account layout 1순위 모바일 화면 580px 기준, 2순위 PC 화면 580px 이상 */ html, body { margin:0; padding: 0; } a { color:#636363; font-weight: bold; text-decoration: underline; } a.link { color: #A9A9A9; text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: inherit; line-height: inherit; } ul, li, ol { list-style: none; } html { /* height:-webkit-fill-available; background-color:#f4f4f4; */ height:100%; /* background-color: transparent; */ } body { height:100%; /* overflow: auto; */ background-color:#F2F2F2; } /* ********************* 디자인 가이드 *************************** */ .wrapper { display: flex; /* 플렉스 지정 */ flex-direction: column; /* 방향 위에서 아래로 */ /* min-height: 100vh; /* ie10-ie11 min-height 문제 */ height: 100%; min-width: 319px; /* overflow: auto; flex 잘리는 문제 */ flex-wrap:nowrap; /* 웹뷰 안드 하단 잔상 문제 */ } /* header style */ .one-header { min-height: 56px; } .one-header .header-inner { max-width:1165px; margin: 0 auto; box-sizing: border-box; } .one-header .logo { margin:21px 24px 21px 24px; } .one-header .logo img { height: 14px; width: 126px; } [lang="fr"] .one-header .logo img { height: 14px; width: auto; } [lang="jp"] .one-header .logo img { height: 14px; width: auto; } [lang="zh"] .one-header .logo img { height: 14px; width: auto; } [lang="zh_hk"] .one-header .logo img { height: 14px; width: auto; } [lang="hk"] .one-header .logo img { height: 14px; width: auto; } [lang="zh_tw"] .one-header .logo img { height: 14px; width: auto; } [lang="tw"] .one-header .logo img { height: 14px; width: auto; } .one-header .header-title { padding:20px 24px 8px 24px; font-size: 18px; font-weight: 500; } /* tab menu */ nav.tab-menu { padding:0 24px; margin: 10px auto; max-width: 640px; width:100%; } nav.tab-menu ul { display: flex; flex-wrap: wrap; justify-content: space-between; } nav.tab-menu li {flex:1 1 0;text-align: center;min-height: 36px;vertical-align: middle;padding:3px 4px; width:50%; } nav.tab-menu a { font-size: 15px; text-decoration: none; font-weight: bold; line-height: 36px; border-radius:18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } nav.tab-menu a {min-height: 36px;display: inline-block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 100%;} nav.tab-menu li.on a {border:1px solid #717171; padding-left: 10px;padding-right: 10px;} /* main style */ /* 높이값 해결 https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/ */ .one-header, .one-footer { flex: none; } .one-main { /* flex:1 0 auto; */ flex-grow:1; /* 컨텐츠 내용에 상관 없이 꽉 채우기 1, 안채우고 컨텐츠 내용대로 0 */ flex-shrink:0; /* 컨텐츠 내용에 딱 맞게 박스 채우기, 밖으로 터져나가기 0 */ flex-basis:auto; /* 컨텐츠 아이템의 길이 지정 */ width: auto; /* 100% 에서 익스 이슈로 테스트 */ min-width: 220px; } .one-main::after {content:'\00a0'; /*   */ display: block; margin-top:auto; height: 0; visibility: hidden; font-size: 0; line-height: 0; } .one-main .main-inner {max-width: 640px; margin:0 auto; } .main-inner .container { border-radius:26px; background-color: #FCFCFC; padding:30px 24px 30px 24px; margin-bottom:20px; } body.one-card-ui .one-main .main-inner .container { margin-bottom: 0; } .desc { margin-top: 10px; } /* 카드 없는 ui 전용 - 로그인 */ body.one-card-ui { background-color: #FCFCFC; /* height:100%; */ } /* 한국 전용 - 14세 이상 게이트웨이 */ body.gateway-kor { background-color: #FCFCFCfc; } body.gateway-kor .one-main .main-inner .container { border: none; background-color:transparent; } /* content */ .main-inner .content { font-size:16px; font-weight:500; line-height:1.5; color:#252525; clear: both; } .main-inner .container .title h1 { font-size: 24px; font-weight:500; margin-bottom:20px; display:block; /* 타이틀 모바일일 때 말줄임 처리 overflow:hidden;text-overflow:ellipsis;white-space:nowrap; */ } .main-inner .container .title.subCase h1 { text-align: inherit; color:inherit; } .main-inner .container .title h2 { font-size: 18px; font-weight:500; margin-bottom: 8px; } .main-inner .container .title h3 { font-size: 24px; font-weight:500; margin-bottom:20px; display:block; /* 타이틀 모바일일 때 말줄임 처리 overflow:hidden;text-overflow:ellipsis;white-space:nowrap; */ } .main-inner .container .title.one-title h1 { font-size: 27px; line-height: 1.33; font-weight: 600; text-align: center; margin: 42px 0 36px 0; } .main-inner .container .title.one-title.sso-title h1 { color: #252525; } @media (min-width: 360px){ .main-inner .container .title h1{font-size:28px;} } /* 컨텐츠 텍스트 가이드 */ .text-guide { margin-bottom: 12px; } .text-guide:last-of-type { margin-bottom: 12px; } .text-guide.only-guide, .text-guide.guide-only { margin-bottom: 0; } .main-inner .container .text-guide-bottom { margin-top: 24px; margin-bottom:0; } .indent-list p:first-of-type { margin-bottom: 12px; } .indent-list li { text-indent:-8px; margin-left:8px; margin-bottom: 4px; } [dir="rtl"] .indent-list li { text-indent:-8px; margin-left:inherit; margin-right: 8px; } .indent-list ul.number li { text-indent:-17px; margin-left:17px; } [dir="rtl"] .indent-list ul.number li { text-indent:-17px; margin-left:inherit; margin-right: 17px; } /* 20230718 아이콘 삭제하라고 지시 정영경 - 20231011 제플린 아이콘 모바일 복구 전달받음 */ .main-inner .container .title .ic { padding-left:36px; line-height:36px; } [dir="rtl"] .main-inner .container .title .ic { padding-left:0; padding-right: 36px; } .main-inner .container .title .ic[class$="call"] { background: url("../images/v3/icon_call.png") no-repeat center left; background-size:36px 36px; } .main-inner .container .title .ic[class$="device"] { background: url("../images/v3/icon-device.png") no-repeat center left; background-size:36px 36px; } .main-inner .container .title .ic[class$="app"] { background: url("../images/v3/icon-app.png") no-repeat center left; background-size:36px 36px; } .main-inner .container .title .ic[class$="code"] { background: url("../images/v3/icon-code.png") no-repeat center left; background-size:36px 36px; } .main-inner .container .title .ic[class$="message"] { background: url("../images/v3/icon-message.png") no-repeat center left; background-size:36px 36px; } [dir="rtl"] .main-inner .container .title .ic[class$="call"], [dir="rtl"] .main-inner .container .title .ic[class$="device"], [dir="rtl"] .main-inner .container .title .ic[class$="app"], [dir="rtl"] .main-inner .container .title .ic[class$="code"], [dir="rtl"] .main-inner .container .title .ic[class$="message"] { background-position:center right; } .content-menu { margin-top: 26px; } .content-menu li { margin:0 0 8px 0; } .content-menu li:last-of-type { margin-bottom: 0; } .content-menu li, .under-menu li a { font-size: 16px; line-height: 1.5; color: #636363; } .content-menu li a { font-weight: bold; display: inline-block; } /* under-content 카드 밖 */ .under-content { padding:0 24px 24px 24px; } .subDesc { font-size: 16px; font-weight: 500; line-height: 1.44; margin-bottom: 15px; } /* 박스 안쪽 추가 텍스트 */ .subDesc:last-of-type { margin-bottom: 0; } .subDesc a { font-weight: 700; } .outDesc { margin-bottom: 25px; } /* 박스 바깥쪽 추가 텍스트 */ .outDesc:last-of-type { margin-bottom: 0; } .outDesc.setN1 { margin-bottom: 24px; } .outDesc .link { margin-top: 12px; } .under-menu p { font-size: 16px; font-weight: 500; line-height: 1.5; } .under-menu { margin-top: 30px; } .under-menu li { margin:0 0 8px 0; } .under-menu li:last-of-type { margin-bottom: 0; } .under-menu li, .under-menu li a { font-size: 16px; line-height: 1.5; color: #636363; } .under-menu li a { font-weight: bold; display: inline-block; } .under-menu.check-pass { margin-bottom: 30px; } .under-menu.bottom-pass { margin-bottom: 30px; } /* footer */ .one-footer { flex-shrink:0; text-align: center; padding: 30px; } .one-footer .footer-inner { calc(1165px + 58px + 58px); margin: 0 auto; font-size: 10px; font-weight: 300; opacity: 1; display: flex; flex-direction: column; } .one-footer .footer-inner div:first-of-type { flex: none; opacity:1; } .footer-logo { } .footer-logo img { width: 144px; height:16px; opacity: 0.56; } [lang="fr"] .footer-logo img { width: auto; height:16px; } [lang="jp"] .footer-logo img { width: auto; height:16px; } [lang="zh"] .footer-logo img { width: auto; height:16px; } [lang="zh_hk"] .footer-logo img { width: auto; height:16px; } [lang="hk"] .footer-logo img { width: auto; height:16px; } [lang="zh_tw"] .footer-logo img { width: auto; height:16px; } [lang="tw"] .footer-logo img { width: auto; height:16px; } .footer-links { display:inline-block; } .footer-links .active { font-weight: 700; color: #636363; } .footer-links a { position: relative; padding:6px 8px 6px 8px; text-decoration: none; display: inline-block; vertical-align: middle; font-size: 12px; font-weight: 300; color: #636363; opacity:1; } .footer-address { font-size:12px; font-weight: 500; color:#8c8c8c; opacity:1; margin-top: 8px; font-stretch: normal; font-style: normal; white-space: nowrap; width: fit-content; } .one-footer .footer-inner > .footer-links { order:1; margin: -6px auto 22px auto; } .one-footer .footer-inner > .footer-logo { order: 2; display: flex; flex-direction: column; align-items: center; } .one-footer .footer-inner > .footer-address { order: 3; } /* footer style */ /**************************************** 기본 요소 디자인 버튼, 인풋, 박스 ******************************************/ /* button */ .one-btn-container{ width:fit-content; text-align:center; padding:0; margin:0 auto 0 auto; display: flex; flex-direction: column; flex-wrap: wrap; } /* button ie 대응 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .one-btn-container { display: table; width: auto; } } ie Edge Legacy 12-18 @supports (-ms-accelerator:true) { .one-btn-container { display: table; width: auto; } } */ .one-button { width: 100%; min-width:216px; min-height:44px; padding:8px 16px; margin: 0 auto 12px auto; background:transparent; border:1px solid transparent; border-radius:22px; color:#252525; font-weight:700; font-size:17px; line-height:24px; word-wrap: break-word; word-break:break-word; position:relative; display:block; cursor:pointer; vertical-align:middle; font-style:inherit; font-variant:inherit; font-family:inherit; text-decoration:none; text-align:center; box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; } .one-button:last-of-type { margin-bottom: 0; } [lang="ko"] .one-button { word-break:break-word; } a.one-button { /* border: 1px solid #d9d9d9; */ display: inline-block; line-height:33px; } /* 버튼 2개 이상 wise */ .one-btn-container.wise { padding:0; display:flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; margin-bottom: 0; width: 100%; } .one-btn-container.wise .one-button { width:calc(50% - 12px); min-width: auto; margin: 0; } /* 버튼 활성화, 비활성화, 취소 */ .one-button.one-default { background-color: transparent; color:inherit; } .one-button.one-primary { background-color:#0381FE; color:#FAFAFA; } .one-button.one-cancel { background-color:#E5E5E5; color:#252525; } .one-button.one-default[disabled], .one-button.one-default:disabled { opacity:1;} .one-button.one-primary[disabled], .one-button.one-primary:disabled { background-color:#98CBFD; color: #FAFAFA; /*opacity:0.4; */} .one-button.one-cancel[disabled], .one-button.one-cancel:disabled { background-color:#E5E5E5; color: #A9A9A9; /*opacity:0.4; */} /* 내부 컨텐츠일때 버튼 색상 */ .one-main .container .one-button.one-cancel { background-color:#E5E5E5; border-color:transparent; } /* ui 박스 안일 때 날씬이 버튼 - 20231204 plm 36px 높이값 맞춤 요구로 line-height:20px에서 18px로 줄임 */ .one-main .container .one-button { margin-bottom: 12px; font-size: 15px; line-height: 18px; font-weight: 700; padding: 8px 20px; min-width: 216px; border-radius: 18px; min-height:36px; } .one-main .container .one-button:last-of-type [type="button"] { margin-bottom: 0; } /* 구글 로그인 버튼 */ .one-btn-container.google .one-button { text-align: center; padding-left: 49px; padding-right: 14px; vertical-align: middle; font-size: 17px; color: #fafafa; } [dir="rtl"] .one-btn-container.google .one-button { padding-left: 14px; padding-right: 49px; } .one-btn-container.google .one-button { background: url(gg.png) no-repeat left 4px center #0381FE; background-size:36px 36px; } /* 구글아이콘 */ [dir="rtl"] .one-btn-container.google .one-button { background-position: right 5px top 6px; } .one-btn-container.google .one-button { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 줄임처리 임시 */ /* 위챗 로그인 버튼 */ .one-btn-container.wechat { margin-bottom: 0; } .one-forms-login .one-btn-container.wechat .one-button { text-align: center; padding-left: 49px; padding-right: 14px; vertical-align: middle; font-size: 17px; color: #fafafa; } [dir="rtl"] .one-forms-login .one-btn-container.wechat .one-button { padding-left: 14px; padding-right: 49px; } .one-forms-login .one-btn-container.wechat .one-button { background: url(../images/layout/wechat.png) no-repeat left 5px top 7px #0381FE; background-size:30px 30px; } /* 구글아이콘 */ [dir="rtl"] .one-forms-login .one-btn-container.wechat .one-button { background-position: right 5px top 7px; } .one-forms-login .one-btn-container.wechat .one-button { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 줄임처리 임시 */ /* QR 로그인 버튼 */ .one-btn-container.qrcode .one-button { min-width: 270px; /* max-width: 270px; */ text-align: center; padding-left: 49px; padding-right: 14px; vertical-align: middle; font-size: 17px; color: #fafafa; } [dir="rtl"] .one-btn-container.qrcode .one-button { padding-left: 14px; padding-right: 49px; } .one-btn-container.qrcode .one-button { background: url(ff.png) no-repeat left 4px center #0381FE; background-size:36px 36px; } /* 구글아이콘 */ [dir="rtl"] .one-btn-container.qrcode .one-button { background-position: right 5px top 6px; } .one-btn-container.qrcode .one-button { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 줄임처리 임시 */ /* 라디오, 체크박스 */ .one-radio, .one-checkBox { overflow:hidden;position:relative; box-sizing:border-box; margin-bottom: 14px; min-height: 24px; } .one-checkBox:last-of-type { margin-bottom:0; } input[type="checkbox"]:not(old),input[type=radio]:not(old){margin:1px 5px -21px 5px; padding:0;opacity:0;width:20px; height:20px; display: block; border-radius: 100%; } input[type="checkbox"]:not(old) + label, input[type=radio]:not(old) + label{display:block;float:left;background:transparent;word-wrap:break-word;word-break:break-word; cursor: pointer; } [lang="ko"] input[type="checkbox"]:not(old) + label, input[type=radio]:not(old) + label { word-break: keep-all; } [dir="rtl"] input[type="checkbox"]:not(old) + label, [dir="rtl"] input[type=radio]:not(old) + label { float: right; padding-right: 32px; padding-left: 0; } input[type="checkbox"]:not(old) + label, input[type=radio]:not(old) + label { font-size: 16px; font-weight: 500; line-height: 1.44; color: #333; min-height: 24px; } input[type="checkbox"]:not(old) + label.one-checkBox-label, input[type=radio]:not(old) + label.one-checkBox-label { font-size: 16px; font-weight: 500; line-height: 1.44; color: #636363; min-height: 24px; } input[type="checkbox"]:not(old) + label > span,input[type=radio]:not(old) + label > span{display:inline-block;width:20px;height:20px;margin:2px 13px 10px 0;border-radius:100%;vertical-align:middle; } input[type="checkbox"]:not(old) + label > span {margin-right:18px;} [dir="rtl"] input[type="checkbox"]:not(old) + label > span {margin-left:18px; margin-right:0;} input[type=radio]:not(old) + label > span {margin-right:18px; margin-left:0px; top:3px; } [dir="rtl"] input[type=radio]:not(old) + label > span {margin-left:18px; margin-right:0px; left:inherit; right: 2px; } input[type="checkbox"]:not(old) + label > span, input[type=radio]:not(old) + label > span {position:absolute;top:0;left:5px;background-color:transparent;border:1px solid #8c8c8c;} [dir="rtl"] input[type="checkbox"]:not(old) + label > span{position:absolute; left:auto;right:2px;} input[type="checkbox"]:not(old):checked + label > span{background-color:#0381FE;border-color:#0381FE;} input[type="checkbox"]:not(old):checked + label > span:after{box-sizing:border-box;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:relative;left:5px;top:2px;width:8px;height:11px;border-width:2px;color:#fafafa;content:'';display:table;border-style:solid;border-top:0;border-left:0;} input[type=radio].one-radio-phone_nm-checked:not(old):checked + label > span:after{display:block;content:'';position:absolute;top:3px;left:3px;width:12px;height:12px;background:#0381FE;border-radius:50%;} [dir="rtl"] input[type="checkbox"]:not(old):checked + label > span:after { right:5px; left: inherit; } input[type=radio]:not(old):checked + label > span:after{display:block;content:'';position:absolute;top:3px;left:3px;width:12px;height:12px;background:#3e91ff;border-radius:50%;} input[type=radio].one-radioBox-checked:not(old):checked + label > span:after{display:block;content:'';position:absolute;top:3px;left:3px;width:12px;height:12px;background:#0381FE;border-radius:50%;} [dir="rtl"] input[type=radio]:not(old):checked + label > span:after{ left:inherit; right:3px; } input[type=radio]:not(old):checked + label > span{background-color:#fff;border-color:#3e91ff;} input[type="checkbox"]:not(old):disabled + label, input[type=radio]:not(old):disabled + label {opacity:0.4; } input[type="checkbox"]:not(old):disabled + label > span, input[type=radio]:not(old):disabled + label > span{opacity:0.4; } input[type="checkbox"]:not(old)+label, input[type="radio"]:not(old)+label {position:relative;padding-left:36px;} [dir="rtl"] input[type="checkbox"]:not(old)+label { padding-left: inherit; padding-right:36px; } .one-checkBox.sub { margin-left: 37px; } [dir="rtl"] .one-checkBox.sub { margin-left:inherit; margin-right: 37px; } .one-checkBox-title { margin-bottom: 12px; } .one-checkBox.single { margin-top: 28px; } .one-checkBox ~ div.bar { padding-top: 2px; } /* more 버튼 */ .more_btn { display: block; float: none; clear: both; padding-left:36px; font-size: 13px; line-height:normal; font-weight: 700;} [dir="rtl"] .more_btn { padding-left: 0; padding-right: 36px; } .main-inner .content .more_btn a { display: inline-block; color: #636363; font-weight: 700; font-size: 13px; } /* 구분 bar */ div.bar { display: block; width: 100%; padding: 16px 0 16px 0; } div.bar hr { margin: 0; padding: 0; border: 0; height: 1px; background-color:transparent; border-bottom: 2px dotted #E5E5E5; } div.bar hr.row { margin: 0; padding: 0; border: 0; height: 1px; background-color:transparent; border-bottom: 2px dotted #E5E5E5; } /* 인풋 */ .one-input-container { display: block; position: relative; z-index: 1; margin:26px 0 12px 0; } .one-input-container > label { position: absolute; top: -1px; left: auto; max-width: 100%; height: 2.7em; line-height: 1.33; font-weight: 500; color: #A9A9A9; font-size: 18px; cursor: text; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .2s; transition: all .2s; /* z-index: -1; */ pointer-events: none; -webkit-font-smoothing: antialiased; -webkit-transform: translate3d(0, 1px, 0) scale(1); transform: translate3d(0, 1px, 0) scale(1); -webkit-transform-origin: left top; transform-origin: left top; } .one-input-container.focus > label { color: #0381FE; font-size:12px; } .one-input-container.focus > label, .one-input-container.active > label { top: -16px; left: auto; font-size:12px; line-height: 1.33; } .one-input-container.focus .side div { color: #0381FE; } .one-input-container > input, .one-input-container > select { height: 36px; line-height: 1.33; font-size:18px; } .one-input-container > select::-ms-expand { display: none; } /* 익스플로러용 잠시 숨김 */ .one-input-container > input, .one-input-container > textarea { padding: 0; } .one-input-container > input, .one-input-container > select, .one-input-container > textarea { display: block; width: 100%; color: #A9A9A9; border: none; border-bottom: 1px solid #a9a9a9; background-color: transparent; box-sizing: border-box; border-radius:0; } .one-input-container > select { color:transparent; } .one-forms2 .link { margin-bottom:46px; margin-top: 18px; } .one-forms2 .link span.umd { display: block; margin-bottom: 8px; } .one-forms2 .link span.umd:last-of-type { margin-bottom: 0; } /* 패스워드 */ .one-password-container {position: relative; z-index: 1; margin:26px 0 12px 0;} .one-password-container > label { position: absolute; top: 4px; left: auto; max-width: 100%; height: 26px; line-height: 1.33; font-weight: 500; color: #A9A9A9; font-size: 18px; cursor: text; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .2s; transition: all .2s; z-index: 1; pointer-events: none; -webkit-font-smoothing: antialiased; -webkit-transform: translate3d(0, 1px, 0) scale(1); transform: translate3d(0, 1px, 0) scale(1); -webkit-transform-origin: left top; transform-origin: left top; } .one-password-container > .one-password-input-container { width: 100%; display: flex; border-bottom: 1px solid #A9A9A9; align-items: end;} .one-password-input-container > input { flex-grow: 1; height: 26px; font-weight: 500; line-height: 24px; font-size:18px; outline: none; border: none; background-color: transparent; margin-bottom: 10px; color: #A9A9A9;} .one-password-container img { width: 36px; height: 36px; } .one-password-input-container:focus-within {border-color: #0381FE; color: #0381FE; border-width: 2px} .one-password-input-container:focus-within > input {color: #0381FE} .one-password-input-container > button {border: none; background-color: transparent; margin-bottom: 4px; margin-inline-start: 8px; height: 36px;} .one-password-input-container > button:focus {box-shadow: none;} .one-password-container:focus-within > label, .one-password-container.active > label {font-size:12px; line-height: 16px; left:auto; top: -16px; } .one-password-container:focus-within > label { color: #0381FE; } /* IE9, IE10 */ @media screen and (min-width:0\0) { .one-input-container > select { color: #fff; } a { display:inline-block;} } /* 인풋 활성화, 인풋 포커스 */ .one-input-container.active > select {color:#A9A9A9;} .one-input-container > input:focus, .one-input-container > select:focus, .one-input-container > textarea:focus { outline: 0; border-color: #0381FE; border-width: 2px; color: #0381FE; } .one-input-container select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 30px 0 0; border-radius: 0; text-overflow: ellipsis; } [dir=rtl] .one-input-container select { padding:0 0 0 30px; } /* 인풋 팁 좌우 */ .one-input-container .side { width: 100%; font-size:12px; color: #636363; padding-top:6px; vertical-align: top; display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex; -webkit-box-pack:justify;-moz-flex-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between; } .one-input-container .side .tip { width:80px; padding-left: 12px; text-align: right; margin-top:-1px; } [dir=rtl] .one-input-container .side .tip { padding-left: 0; padding-right: 12px; text-align: left; } /* input error */ .one-input-container .error-msg, .oneinput-flexbox .error-msg, .one-checkBox .error-msg, .outDesc .error-msg { font-size:12px; color: #db332a; display: none; margin-top:6px; } .oneinput-flexbox .error-msg { width:100%; flex-basis: auto; display: none; } .one-checkBox label { width:100%; } .one-checkBox .error-msg { width:100%; clear: both; } .one-input-container.one-error label, .one-input-container.one-error input, .one-input-container.one-error select, .one-input-container.one-error .side, .one-input-container.one-error .side .tip { color: #db332a; } .one-input-container.one-error input, .one-input-container.one-error select { border-bottom-color: #db332a; border-bottom-width: 2px; } [dir=rtl] .one-input-container.one-error select { padding-right: 0; padding-left: 30px; } .one-input-container.one-error .error-msg { display: block; word-break:break-word; word-wrap: break-word; } .one-error.selectfield:after { color: #db332a; border-bottom-color:#db332a; } .one-input-container.one-error .side .error-msg { margin-top: 0px; } .one-input-container .side .error-msg { margin-top:0; } /* 입력시간 오류 */ /* input disabled */ /* .one-input-container input[disabled], .one-input-container select[disabled] { background-position: bottom -1px left 0; background-size: 4px 1px; background-repeat: repeat-x; border-bottom-color: transparent; background-image: linear-gradient(90deg, rgba(121, 121, 121, 0.4) 0, rgba(121, 121, 121, 0.4) 33%, transparent 0); background-image: -ms-linear-gradient(left, transparent 0, rgba(121, 121, 121, 0.4) 100%); opacity: 1; } */ .one-input-container input[disabled], .one-input-container select[disabled] { border-bottom:1px dotted #ddd; opacity: 1; } .one-input-container.active input[disabled], .one-input-container.active select[disabled] {background:none; border-bottom:1px solid #ebebeb; } .iam-disabled label { opacity: 0.4; } .iam-disabled.active label { opacity: 1; } .iam-disabled.selectfield:after { opacity: 0.4; } /* readonly */ .one-input-container.iam-readonly.focus > label { color: #767676; } .one-input-container.iam-readonly input[readonly], .one-input-container.iam-readonly select[readonly]{background:none; border-bottom:1px solid #ebebeb;} .one-input-container.iam-readonly > input:focus, .one-input-container.iam-readonly > select:focus, .one-input-container.iam-readonly > textarea:focus {color: #000; } .one-readonly.selectfield.focus:after {color: #767676;} .one-readonly.selectfield:after { opacity: 0.4; } /* 플렉서블한 select input 박스 */ .flex-input-box { display: flex; flex-wrap: wrap; } .flex-input-box .one-input-container.flex-header { display: flex; width: 100%; flex-basis: auto; } .flex-input-box .one-input-container { margin-right:8px; display: flex; flex: 1 1 0; } .flex-input-box .one-input-container:nth-last-of-type(end) { margin-right: 0; } /* 플렉서블한 radio 박스 */ .flex-radio-box { display: flex; flex-wrap: wrap; } .flex-radio-box .one-checkBox { display: flex; flex: 1 1 0; margin-bottom: 14px; padding: 8px 0; } .flex-radio-box .one-checkBox:last-of-type(end) { margin-bottom: auto; } .flex-radio-box:last-of-type(end) .one-checkBox { margin-bottom: 0; } /* 단독형 라벨 */ .one-checkbox-container { margin-bottom:20px; } .one-checkbox-container:last-of-type { margin-bottom: 0; } .label-checkbox { font-size: 12px; color: #A9A9A9; line-height:1.33; cursor: text; margin-bottom:6px; } /* 셀렉트박스 화살표 */ .selectfield:after { transform:rotate(-180deg); -webkit-transform:rotate(-180deg); content: ""; position: absolute; right: 0; top: 12px; overflow:hidden; font-size: 12px; line-height: 1.2; z-index: -1; width: 0; height: 0; border-left:6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #8c8c8c; } .selectfield.focus:after { transform:rotate(0deg); -webkit-transform:rotate(0deg); border-bottom-color:#0381FE; } [dir=rtl] .selectfield:after { left: 0; right: auto; } /* 에러일때 */ .selectfield.focus.one-error:after { border-bottom-color:inherit; } /* input flex 2~n개 가능 3~4개 이상은 무리 */ .oneinput-flexbox { display:-webkit-box; display:-moz-box;display:-ms-flexbox;display:-webkit-flex; display:flex; width:100%; margin: 2.215em 0 1.75em; vertical-align: top; flex-wrap: wrap; justify-content: space-between; flex-direction: row; } .oneinput-flexbox .one-input-container { flex:1 1 auto; display: inline-flex; flex-basis: 0; max-width: 100%; margin-right:1em; margin-top: 0; margin-bottom: 0; } [dir="rtl"] .oneinput-flexbox .one-input-container { margin-left: 1em; margin-right: inherit; } .oneinput-flexbox .one-input-container:last-of-type { margin-right: 0; } [dir="rtl"] .oneinput-flexbox .one-input-container:last-of-type { margin-right:inherit; margin-left:0; } .oneinput-flexbox .one-input-container.flexbdy { width: 100%; display: flex; margin-right: 0; flex-basis:auto; } .oneinput-flexbox .one-input-container.flexbdy.off { display: none; } /* input 마지막일때 여백 제거 */ .one-input-container:last-of-type { margin-bottom:0; } .oneinput-flexbox:last-of-type { margin-bottom: 0; } /* .one-main form .one-btn-container:last-of-type { margin-bottom: 0; padding-bottom: 0; } */ .one-main form .mbr_signin .one-btn-container { margin-bottom: 24px; } /* radio n개수 이상일때 모바일 처리 */ .one-checkbox-container.mobile-service1 .one-checkBox, .one-checkbox-container.mobile-service2 .one-checkBox { flex: 50%; } .one-checkbox-container.mobile-service2 { margin-bottom: 40px; } .one-checkbox-container.mobile-service2 .tooltip { margin-top: 10px; } /* 툴팁 */ .tooltip { font-size: 12px; line-height:1.33; color: #636363; margin-top:0px; } .tooltip dt { font-weight: bold; } /* 가이드용 구분선 */ hr.pas { border-bottom:4px dotted #000; border-top:none; opacity: 0.2; margin: 80px 0; } /* 인포 디테일 */ .info-dec { background: url(../images/layout/info-detail.png) no-repeat left 4px; background-size: 20px 20px; padding:0 0 0 40px; } [dir="rtl"] .info-dec { background: url(../images/layout/info-detail.png) no-repeat right 4px; background-size: 20px 20px; padding:0 40px 0 0; } .info-dec .title { margin-bottom: 12px; } .info-dec .title > strong { font-size: 18px; font-weight: 500; } .info-dec li { margin-bottom:8px; } /* signup complete */ .complete-userinfo { text-align: center; margin-top: 4px; } .complete-userinfo .photo img { width: 96px; } .complete-userinfo .name { font-size: 18px; line-height: 1.22; font-weight:500; margin: 24px 0 6px 0; } .complete-userinfo .email { font-size: 18px; line-height: 1.33; color:#636363; } .complete-userinfo .msg { font-size: 18px; line-height: 1.33; margin: 24px 0 6px 0; } /* verification */ .content.verification_guide h1.title{ font-size: 24px; font-weight: 500; margin-bottom: 20px; } .content.verification_guide .text1 { margin-bottom: 30px; } .content.verification_guide .button1 { margin-bottom: 30px; } .content.verification_guide h2.title { font-size:24px; font-weight: 500; margin-bottom:20px; } .content.verification_guide .icon { text-align: center; margin:12px 0; } .content.verification_guide .step { margin-bottom: 30px; } .content.verification_guide .step dl { margin-bottom: 12px; } .content.verification_guide .step dt { font-size: 18px; outline-style: 1.33; font-weight: bold; color: #636363; margin-bottom: 8px; } .content.verification_guide .step dd { font-size: 16px; line-height:1.5;} .content.verification_guide .step dd.more { text-align: right; margin-top: 8px; } [dir="rtl"] .content.verification_guide .step dd.more { text-align: left; } .content.verification_guide .step dd.more a { font-size: 16px; line-height: 1.38; color: #0381FE; font-weight: bold; display: inline-block;} /* 로그인 */ .one-main .main-inner .container.loginForm { border: none; background-color: transparent; } .main-inner .container.loginForm .title h1 { font-size: 39px; line-height: 1.23; /* color: #0381FE; */ font-weight:500; text-align: center;} .main-inner .container.loginForm .title h1 { overflow:inherit; text-overflow: inherit; white-space: normal; } /* 줄임표 삭제처리 */ /* .one-forms-login { } */ .one-forms-login.one-password { padding-top: 0; } .one-main.new-login .one-forms-login.one-password .mbr_signin { margin-bottom: 0; } .mbr_signin { margin-top:30px; margin-bottom: 19px; } .mbr_signin .one-btn-container { margin-bottom: 28px; } .mbr_signin li, .mbr_signin li a { font-size: 13px; font-weight: 600; line-height: normal; letter-spacing: 0; margin-bottom:16px; color: #8c8c8c; } .mbr_signin li:last-of-type { margin-bottom: 0; } /* 신규 로그인용 모바일 버전 전용 버튼 */ .one-forms-login .one-btn-container .one-button { min-height: 44px; min-width: 316px; border-radius: 22px; font-size: 17px; font-weight: normal; padding: 8px 16px; font-size: 17px; line-height: 19px; font-weight: 700; } /* 예외 적용 신규 로그인용 360px 강제 예외 버튼 */ .one-main.new-login .one-btn-container { width: 100%; } /* 스페셜 약관 목록 */ .specialTermsList { margin-bottom: 24px; } .specialTermsList li { border-bottom:1px solid #E5E5E5; padding: 22px 0 20px 0; font-size: 18px; line-height: 1.33; font-weight: 500; } .specialTermsList li:last-of-type { border-bottom: none; } .specialTermsList li a { text-decoration: none; width:100%; display: inline-block; position: relative; padding-right:20px; } [dir="rtl"] .specialTermsList li a { padding-right:0; padding-left:20px; } .specialTermsList li span.arrow { position: absolute; right: 1px; top:calc(50% - 3px); border: solid #A9A9A9; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } [dir="rtl"] .specialTermsList li span.arrow { right: inherit; left:1px; transform: rotate(135deg); -webkit-transform: rotate(135deg); } .exception_list h2 { font-size:18px; line-height:1.33; font-weight:500; border-bottom:1px solid #E5E5E5; border-top:1px solid #E5E5E5; padding:18px 0 20px 0; } .exception_list button { text-decoration: none; width: 100%; display: inline-block; position: relative; padding-right: 20px; background-color:transparent; text-align:left; border:none; cursor:pointer; } [dir="rtl"] .exception_list button { text-align:right; padding-right:0; padding-left:20px; } .exception_list h2 button span.arrow { position: absolute; right: 1px; top: calc(50% - 3px); border: solid #A9A9A9; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } [dir="rtl"] .exception_list h2 button span.arrow { right:auto; left:1px; } .exception_list h2.on button span.arrow { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .exception_list h2.on { border-bottom:none; font-weight:bold; } .exception_list .view { display:none; } .exception_list.on .view { display:block; } .exception_list .tm { padding:20px 0; } .exception_list .tm dt { font-weight:bold; } .exception_list .tm li { text-indent:-14px; margin-left:16px; } [dir="rtl"] .exception_list .tm li { margin-left:0; margin-right:0; text-indent:0; } /* 약관 상세 */ .one-terms { margin:28px 0 0 0; word-wrap: break-word; word-break:break-word; } .one-terms .terms-title { font-size: 18px; line-height: 1.33; font-weight: bold; margin-bottom: 8px; } .one-terms .terms-date { font-size: 16px; line-height: 1.5; font-weight: 500; margin-bottom: 12px; } .one-terms .terms-detail { font-size: 16px; line-height: 1.5; font-weight: 500; /* white-space: pre-line; 주석처리요구20210701 */ } .one-terms .terms-detail table { width: 100%; } .one-terms .terms-detail table th, .one-terms .terms-detail table td { font-size:inherit !important; } .one-terms .terms-detail a { word-break: break-all; word-wrap: break-word; } /* 악관상세 테이블 처리 및 다국어 처리 20210924 */ [lang="zh"] .one-terms { word-break: break-word; word-wrap: break-word; } .one-terms .terms-detail th, .one-terms .terms-detail td { font-size:inherit !important; } .one-terms .terms-detail a { word-break:break-all; word-wrap: break-word; } [lang="zh"] .one-terms .terms-detail td, [lang="zh"] .one-terms .terms-detail th { word-wrap:break-word; word-break:break-all; } /* 회원가입 */ .one-forms.joinAccount { /* margin-bottom: -28px; */ } /* 이메일계정체크 */ .user-email { text-align: center; font-size: 16px; font-weight: bold; line-height: 1.5; margin: 30px 0 24px 0; } .user-email-button .one-button { margin-bottom: 12px; } .user-email-button { margin-bottom: 46px; } .user-email-button .one-button:last-child { margin-bottom: 0;} .user-email span.new-email { display: block; font-size: 12px; font-weight: normal; color: #A9A9A9; line-height: 2.7em; } .user-email.only-guide:last-of-type { margin-bottom: 0; } /* 약관동의 */ body.one-card-ui .main-inner .container .checkBlock { margin-left:6px; margin-right:6px; } .mbr-termsAgree { margin-bottom: 36px; } .mbr-termsAgree a { display: inline-block; } /* .signUp-detail { margin-top:20px; }*/ .signUp-detail .checkBlock { margin-bottom: 16px; } .signUp-detail .checkBlock:last-of-type { margin-bottom: 0; } .signUp-detail .checkBlock .one-checkBox { margin-bottom:0px; } /* 20221219 terms space modify */ .signUp-detail .checkBlock .text-area { border: 1px solid #E5E5E5; background-color: #FCFCFC; height: 100px; overflow: auto; white-space: normal; margin:10px 0 0 35px; padding: 10px; font-size: 13px; font-weight: 500; line-height: 1.23; color:#A9A9A9; } [dir="rtl"] .signUp-detail .checkBlock .text-area { margin-left:0; margin-right:35px; } .signUp-detail hr.bar { margin:26px 0 16px 0; padding: 0; width: 100%; height:1px; border: none; background-color: #E5E5E5; } /* signUp-detail 앞에 있고 뒤에 bar가 있을 경우 상위 간격 없애기 */ .signUp-detail ~ div.bar { padding-top: 0; } .signUp-detail .checkBlock ~ div.bar { padding-top: 0; } /* 체크동의 반대방향 rtl처리 */ [dir="rtl"] .checkBlock.mbr_2stepverifi { text-align: right; direction: ltr; } [dir="rtl"] .user-phone-number { direction: ltr; } [dir="rtl"] .user-email { direction: ltr; } [dir="rtl"] .checkBlock.findid-result { text-align: right; direction: ltr; } [dir="rtl"] .result-title { direction: rtl; text-align: inherit; } [dir="rtl"] .checkBlock.verify-account .one-checkBox label > strong { direction: ltr; text-align:right; } [dir="rtl"] .number-2fa { direction: ltr; } /* 회원가입동의 - 게이트웨이 신규 20230627 */ .join-select { margin-top: 36px; } .join-select .one-btn-container { margin-top: 24px; margin-bottom: 36px; } .one-main .container .join-select .one-button { min-width:244px; min-height: 44px; border-radius: 22px; font-size: 17px; font-weight: 700; line-height: 1.41; margin-bottom: 0; } body.one-card-ui.gateway .container .title h1 { font-size: 27px; font-weight: 600; line-height: 1.33; text-align: center; margin-top: 42px; margin-bottom: 36px; } .signup-type .text { font-size: 16px; font-weight: 500; line-height: 1.44; margin-bottom: 24px; } .one-main .container .one-btn-container.select-type { margin-bottom: 0; } .one-main .container .one-btn-container.select-type .one-button { font-size: 17px; line-height: 1.41; min-height: 44px; border-radius: 22px; margin-bottom: 16px; } .one-main .container .one-btn-container.select-type .one-button:last-of-type { margin-bottom: 0; } /* 구글 캡챠 -*/ .one-chptcha { width:100%; max-height: 72px; margin-top:32px; } /* 심플 캡챠 */ .simpleCaptchaArea { width:100%;margin-top:20px; margin-bottom: 0px; } .simpleCaptchaArea .captchaContainer { display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between; } .simpleCaptchaArea .captchaImg, .simpleCaptchaArea .captchaImg img {width: 100%;max-width:256px;min-height:52px;vertical-align: middle; } /* add 20210114 */ .simpleCaptchaArea .captchaImg, .simpleCaptchaArea .captchaImg img { background-color: #fff; } .simpleCaptchaArea .captchaBtns { display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center; } .simpleCaptchaArea .captchaBtns button { margin:auto 8px;line-height:0; border: none; background-color: transparent; } .simpleCaptchaArea .captchaBtns button img { width:48px;height:48px; } /* banner */ .banner {padding-top:14px} .banner img {width:100%;} /* 국가 검색 */ .one-counrty .search { border-radius: 22px; height: 44px; background:rgba(0,0,0,0.1); margin:30px 0 40px 0; } .one-counrty .search input[type="search"] { border:none; background-color: transparent; padding: 11px 25px; font-size: 18px; color: #7a7a7a; width: 100%; box-sizing: border-box; } .one-counrty .counrty-list { margin-bottom: 30px; } .one-counrty .counrty-list:last-of-type { margin-bottom: 0; } .one-counrty .counrty-list:last-of-type li:last-of-type { border-bottom:none; } .one-counrty .counrty-list .title h2 { font-size: 14px; line-height: 1.71; font-weight: 500; color: #858585; border-bottom: 1px solid #E5E5E5; margin: 0; padding-bottom: 4px; } .one-counrty .counrty-list ul, .one-counrty .counrty-list li, .one-counrty .counrty-list li a { font-size: 18px; line-height: 1.33; color: #252525; font-weight: 500; } .one-counrty .counrty-list li { padding:10px 0 9px 0; border-bottom:1px solid #E5E5E5; } .one-counrty .counrty-list a { text-decoration: none; display:block; } /* sign out 회원탈퇴 */ .hybrid-ServiceList { display:flex; } .hybrid-ServiceList:first-of-type { margin-top: 7px; } .hybrid-ServiceList .icon { min-width: 52px; display: inline-block; align-items: center; margin:12px 0 0 0; } .hybrid-ServiceList .icon img { width: 40px; height: 40px; } .hybrid-ServiceList .cntServiceMol { display: inline-block; padding-top: 14px; padding-bottom: 13px; border-bottom: 1px solid #E5E5E5; } .hybrid-ServiceList:last-of-type .cntServiceMol:last-of-type { padding-bottom: 0; border-bottom: none; } .hybrid-ServiceList .cntServiceMol dt { font-size: 18px; line-height: 1.33; font-weight: 500; margin-bottom: 2px; } .hybrid-ServiceList .cntServiceMol dd { font-size: 13px; line-height: 1.23; color: #A9A9A9; margin-bottom: 4px; } .hybrid-ServiceList:last-of-type .cntServiceMol dd:last-of-type { margin-bottom: 0; } .hybrid-ServiceList .cntServiceMol dd.link a { font-size: 13px; line-height: 1.23; font-weight: 500; } /* verify phone number */ .user-phone-number { text-align: center; font-weight: bold; font-size: 18px; line-height: 2.89; margin:0 0 36px 0; text-decoration: underline; color: #636363;} /* 한국용 약관 동의 모바일일때 사라지게 */ .signUp-detail .checkBlock .text-area { display: none; } /* 이메일 변경 */ .one-forms.change-email { margin-bottom: 24px; } /* 중국전용 id - email */ .set-user-mail { margin: 30px 0; } .user-mail-id { border-bottom:1px solid #d6d6d6; font-size: 16px; line-height:1.5; font-weight: bold; padding-bottom: 7px; } .set-user-mail li { border-bottom:1px solid #d6d6d6; font-size: 18px; line-height: 1.33; font-weight: 500; padding: 15px 0 14px 0; } .set-user-mail:last-of-type li:last-of-type { border-bottom: none; padding-bottom: 0; } .set-user-mail li span { display: block; font-size: 13px; line-height: 1.23; color: #A9A9A9; font-weight: 500; margin-top: 2px; } .set-user-mail.special-off { margin-bottom: 0; } /* 마케팅동의팅동의 */ .set-push-mail { margin: 30px 0 0 0; } .set-push-mail li { border-bottom:1px solid #d6d6d6; font-size: 18px; line-height: 1.33; font-weight: 500; padding: 15px 0 14px 0; } .set-push-mail li span { display: block; font-size: 13px; line-height: 1.23; color: #A9A9A9; font-weight: 500; margin-top: 2px; } /* 디바이스 목록*/ .device-list-protec { text-align:center; } .device-list-protec li { margin-bottom: 0px; font-size: 18px; font-weight: 500; line-height: 2.89; } .device-list-protec li:last-of-type { margin-bottom: 0; } /* fine id pw 결과 */ .result-title { margin-bottom:8px; font-size: 16px; font-weight: bold; line-height: 1.5; color: #252525; } .checkBlock.findid-result { margin-bottom: 20px; } .checkBlock.findid-result:last-of-type { margin-bottom: 0; } .checkBlock.findid-result .one-checkBox, .checkBlock.findid-result .one-radioBox {margin-bottom: 0; } .checkBlock.findid-result label { font-size:18px; line-height:2.89; font-weight: 500; } .checkBlock.findid-result label > span { top:13px; } .fineid-guide { margin-bottom: 20px; } .findid-result ul li { font-size: 16px; font-weight: 500; line-height:1.5; color: #252525; } /* recapctha 리캡챠 */ .recapctha-one-ui { margin-top: 8px; } /* under*/ .under-msg { margin-bottom: 20px; margin-top: 36px; } .under-msg:last-of-type { margin-bottom: 0; } .under-msg .link { display: block; font-weight: bold; } /* 20230417 input shadow focus key move */ button:focus { box-shadow: 0 0 0 0.2rem rgba(62,145,255,0.40); outline:0; } a:focus, input[type="checkbox"]:not(old):focus + label > span, input[type=radio]:not(old):focus + label > span, input[type="search"]:not(old):focus { box-shadow: 0 0 0 0.1rem rgba(62,145, 255, 0.4); outline:0; } /* 20230417 restore a:focus, input[type="checkbox"]:not(old):focus + label > span, input[type=radio]:not(old):focus + label > span, input[type="search"]:not(old):focus { -moz-box-shadow:0 0 0 0.1rem rgba(62,145, 255, 0.4); -webkit-box-shadow: 0 0 0 0.1rem rgba(62,145, 255, 0.4); box-shadow: 0 0 0 0.1rem rgba(62,145, 255, 0.4); outline:0; } */ /* nav.tab-menu a:focus { box-shadow: 0 0 0 0.2rem rgba(62,145,255,0.40); outline:0; border-radius: 18px; } */ .phone-number { text-align:center; margin-bottom: 30px; } .info-2fa { background:url("../images/layout/info-2fa.png") no-repeat top 0 left 0; background-size:40px; margin:28px 0 12px 0; padding:6px 0 0 52px; } [dir="rtl"] .info-2fa { background:url("../images/layout/info-2fa.png") no-repeat top 0 right 0; background-size:40px; padding-left: 0; padding-right: 52px; } .info-2fa .title { font-weight: 500; font-size: 18px; margin-bottom: 14px; } .number-2fa { text-align: center; margin-bottom: 30px; } .qr-code { text-align: center; position: relative; width:100%; margin: 14px auto 16px auto; background-color: #fff; border-radius: 1em; } .qr-code .code-view { display: block; width: 204px; height: 204px; margin: 0 auto; border: 32px solid #fff; background-color: #fff; } .qr-code .code-view canvas, .qr-code .code-view img { width: 140px; height: 140px; display: block; background-color: #fff; } .qr-code .re-fresh { width: 50px; height: 50px; position: absolute; border-radius: 100%; top:calc(50% - 25px); left: calc(50% - 25px); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); } .qr-code .re-fresh button { border: none; background-color: #fefefe; border-radius: 100%; cursor:pointer; } .qr-code .re-fresh img { width: 30px; height: 30px; display: block; margin:10px; } .qr-code.disabled .code-view canvas, .qr-code.disabled .code-view img, .qr-code.disabled .code-view svg { opacity:0.4; -webkit-filter: blur(2px); filter: blur(2px); } .qr-code .code-sevice-icon svg, .qr-code .code-sevice-icon img, .qr-code .code-sevice-icon canvas { opacity: 0.4; } .about-backupcode { margin-top: 36px; } .about-backupcode ul { margin-top: 8px; } .about-backupcode li { margin-left: 20px; color: #636363; line-height: 1.5; margin-bottom: 8px; text-indent: -16px; padding-left:16px; } [dir="rtl"] .about-backupcode li { margin-left: inherit; margin-right: 20px; padding-left:inherit; padding-right: 16px; } .about-backupcode li:last-of-type { margin-bottom:0; } /* singin tool tip */ .signin-tooltip { margin:30px 0 0 0; border:1px solid #dddddd; border-radius: 26px; padding: 24px; } .signin-tooltip dt, .signin-tooltip dd { font-size: 18px; font-weight: 500; } .signin-tooltip dt { margin-bottom: 6px; color:#252525; font-weight: bold; } .signin-tooltip dd { line-height: 1.5; color: #252525; font-size: 13px; } .signin-tooltip dd:last-of-type { margin-bottom: 0; } /* 미인증 */ .signup-verify-failed { margin-bottom: 36px; } .signup-verify-failed:last-of-type { margin-bottom: 0; } .signup-verify-failed .one-btn-container { margin-top: 30px; } .signup-verify-failed:last-of-type .one-btn-container { margin-bottom: 0; } /* login rememberID 간격 수정 */ #rememberID label { width:auto; } /* ************************* 모바일 배율용 간격 마지막으로 둘 것 ******************* */ .form-verify-email .one-btn-container.mbr_sendcode { margin-top: 24px; } .one-btn-container.mbr_sendcode { /* margin-top:12px; */ padding-bottom: 19px; } .one-btn-container.mbr_expendtime { margin-top: 24px; } /* .under-content .one-btn-container { margin-bottom: 25px; } */ /* .under-content .one-btn-container .one-button { margin-bottom: 12px; width:calc(50% - 8px); } */ /* .under-content .one-btn-container.wise .one-button:first-of-type { margin: 0 0 0 0; } */ /* .under-content .one-btn-container.wise .one-button:last-of-type { margin: 0 0 0 0; } */ /* .checkBlock.mbr_2stepverifi { margin-top: 24px; } */ .checkBlock.mbr_2stepverifi { margin: 12px 0 0 0; } .checkBlock.mbr_2stepverifi .one-checkBox { min-height: 24px; padding: 14px 0; margin-bottom: 0; } .checkBlock.mbr_2stepverifi .one-btn-container.mbr_sendcode { margin-top: 12px; margin-bottom: 28px; } .one-checkBox.mbr_rememberid { /* margin-top: -14px;*/ } .one-forms.oneVerify { /* margin-bottom: -28px; */ } /* .main-inner .container .text-guide.only-guide:last-of-type { margin-bottom: 0; } */ /* 중국전용 공안 패스포트 간격 */ .one-checkbox-container.militatyID-Passport { margin-bottom: -17px; } /* find id pw */ .checkBlock.verify-account { margin-top: 26px; } .checkBlock.verify-account .one-checkBox label > strong { font-weight:500; display: block; font-size: 16px; line-height: 1.5; color: #A9A9A9; } .checkBlock.verify-security { margin-bottom: 40px; } /* resignin */ .reSignin-title { margin: 36px 0 8px 0; clear: both; } /* connect service list */ .connect-service { display: flex; width: 280px; margin:33px auto 0 auto; background: url("../images/layout/link-connect.png") no-repeat top 9px center; background-size: 112px; } .connect-service div { text-align: center; } .connect-service div > img { width: 54px; height: 54px; } .connect-service .left { flex:none; } .connect-service .right { margin-left: auto; } .connect-service div > span { display:block; width: 105px; font-size: 12px; } .connect-service div.right > span { opacity: 0.7; } /* CW 추가 */ .account-id { margin: 24px 0 0 0; } .device-mid-chk { margin: 24px 0 0 0; } /* sso login id */ .login-id-sso { text-align: center; font-weight: bold; margin: 30px 0; } .login-id-sso:last-of-type { margin-bottom: 0; } .service-icon-sso { text-align: center; margin:30px auto 60px auto; } .service-icon-sso img { width: 96px; } .service-sso .with { margin-bottom: 30px; } .service-sso .with span.id { display:inline-block; font-weight: 700; } .service-sso li { margin-bottom: 30px; font-weight: bold; } .service-sso li:last-of-type { margin-bottom: 0; } .service-sso li span { display: block; margin-top: 4px; color: #636363; font-weight: normal; } /* 삼성인터넷 기본 다크모드 로고 .one-card-ui .one-header .logo { background-color:#FCFCFC; } .one-card-ui .one-header .logo h1 img { background-color:#FCFCFC; } */ /*** push 2020-11-30 move ***/ .inner-title h3 { font-size: 24px; line-height:29px; font-weight: normal; margin:12px 0 19px 0; display: none; } .inner-title h4 { font-size: 18px; line-height: 1.33; font-weight: bold; margin: 0 0 8px 0; } .inner-title h5 { font-size: 16px; line-height: 1.5; font-weight: bold; margin:0 0 8px 0; } .link-more { text-align: right; margin: 8px 0; font-weight: bold; } [dir="rtl"] .link-more { text-align:left; } .link-more a { text-decoration: underline; } .fold-list { border-bottom: 1px solid #d6d6d6; padding:16px 0 16px 0; } .fold-list:last-of-type { border-bottom:none; } .fold-list .fold-title { display: flex; justify-content: space-between; align-items: center; } .fold-list .fold-title h4 { font-weight: 500; margin:0; } .fold-list .fold-title h4 button { display:inline-block; color: #252525; border:none; background-color: transparent; text-align: left; line-height: 1.33; font-size: 18px; cursor:pointer; } .fold-list .fold-title div.arrow { border:1px solid #979797; border-width: 0 1px 1px 0; display: inline-block; transform: rotate(45deg); -webkit-transform: rotate(45deg); height: 7px; width: 7px; text-indent:inherit; color: transparent; font-size: 0; line-height: 0; } .fold-list .fold-title div.arrow.on { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .fold-list .sec-area { display:none; } .fold-list .sec-area.on { display: block; } .fold-list .sec-area { padding: 12px 0 0 0; } .img-verification { text-align: center; margin: 40px 0 40px 0; } .img-verification img { width: 209px; } .inner-title.side-n1 h4 { margin-top: 42px; } .side-n2 { margin-bottom: 20px; } .link-mode { padding-top: 12px; } .link-mode .sub-em { margin-bottom: 8px; } .link-mode dt { font-size: 16px; font-weight: 500; line-height: 1.5; color: #636363; } .link-mode dl { margin-bottom: 18px; } .link-mode dl:last-of-type { margin-bottom: 0; } .link-mode dd, .link-mode dd a { font-size: 13px; font-weight: 500; line-height: 1.23; color: #A9A9A9; text-decoration: none; word-break: break-all; } .link-mode dd a { display: inline-block; } .inner-bar { height: 1px; background-color: #E5E5E5; margin: 30px 0; border: 0; } .one-main .one-btn-container.wide { margin:40px auto; } .part_list { margin-bottom:30px; } .part_list ul, .part_list li { list-style:none; margin: 0; padding:0; } .part_list li { font-size: 18px; line-height: 1.33; font-weight: 500; margin: 0 0 14px 0; padding: 0 0 14px 0; border-bottom: 1px solid #E5E5E5; } .part_list li span.dec { display: block; font-size: 13px; line-height: 1.23; font-weight: 500; color: #A9A9A9; } /* winsdk */ .one-main.one-sdk .main-inner .container { border:none; background-color: transparent; } .one-main.one-sdk .container .title h1 { text-align: center; font-size: 39px; font-weight: 500; line-height: normal; } .one-main.one-sdk .container .text-guide { text-align: center; } .sdk-midchat { text-align: center; } .sdk-midchat img { width: 100%; max-width: 360px; } /* loading - winsdk ie전용gif */ /* loading APNG 2020-08-20 */ .loading-wrap {position:fixed;top:0;left:0;height:100%;width:100%;z-index:99;} .loading-wrap .dim-Bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.2; filter:alpha(opacity=20);} .loading-wrap .loading-icon { position: absolute; left: 50%; top: 50%; margin-left: -24px; margin-top: -24px; background:url("../images/v2/loading_48px.gif") no-repeat 0 0; background-size:48px; width: 48px; height: 48px; z-index: 9999; } .loading-wrap.iepix .loading-icon { background:url("../images/v2/hc_loading_new.gif") no-repeat 0 0; background-size:48px; width: 48px; height: 48px; } .loading-link { position:absolute; top:60%; padding:0 15px; } .loading-dem { min-height: calc(100vh - 200px); } .no-data-loading .txt-loading { font-size: 12px; text-align:center; } .no-data-loading .loading-wrap { position: relative; height: 50vh; } .loading-wrap .dim-Bg.fullpage { opacity:1; background-color: #fff; } .loading-wrap .loading .dec-txt { position: absolute; width:100%; top:50%; padding-left: 20%; padding-right: 20%; margin-top:34px; text-align: center; } .excp_wipsdk { margin-bottom: 30px; line-height: 1.5; color: #636363; font-weight: 500; } .excp_wipsdk span.cn-try { display: inline-block; direction: ltr; padding-left: 26px; vertical-align: middle; line-height: 1.5; min-width: 27px; min-height: 30px; background:url("../images/layout/winsdk-google.png") no-repeat left -4px bottom 2px; background-size: 30px 30px; } /* banner top */ .wrapper .banner { border-bottom: 1px solid #e4edfa; background-color: #0381FE; font-size:16px; line-height: 1.5; color: #eeeeee; font-family:inherit; font-weight: 500; margin: 0; padding: 0; word-break: keep-all; word-wrap: break-word; display:block; flex:none; } .wrapper .banner a { color: #f8ff9c; word-wrap: break-word; word-break: break-all; } .wrapper .banner .banner-inner { max-width: 1164px; margin:0 auto; position: relative; padding: 57px 23px 20px 23px; } .wrapper .banner .close { position:absolute; top:6px; right:6px; } [dir="rtl"] .wrapper .banner .close { right:inherit; left: 6px; } .wrapper .banner .close button { width: 48px; height: 48px; border: none; background-color: transparent; background-image: url("../images/layout/ic-close.png"); background-repeat: no-repeat; background-position: center center; background-size: 42px; font-size: 0; color:transparent; cursor: pointer; } .wrapper .banner .title { font-size: 20px; font-weight: 500; color: #ffffff; line-height: 1.4; } .wrapper .banner .cnt { margin-top: 8px; } /* ie not supported */ .page-not-supported .illust-ie { background:url("../images/layout/illust-ie.png") no-repeat center top; background-size:220px 220px; padding:232px 0 20px 0; } .page-not-supported .illust-ie h2 { font-size:24px; line-height: 1.25; font-weight: 500; } .page-not-supported ul { margin: 36px 0 0 0; } .page-not-supported li { margin: 0 0 20px 0; color: #000; } .page-not-supported li:last-of-type { margin-bottom:0; } .page-not-supported li span { display: block; min-height: 48px; line-height: 48px; padding: 0 0 0 60px; background-size:48px 48px; background-position: left top; background-repeat: no-repeat; } [dir="rtl"] .page-not-supported li span { padding-right:60px; padding-left:0; background-position:right top; } .page-not-supported span.edge { background-image: url("../images/layout/icon-edge.png"); } .page-not-supported span.chrome { background-image: url("../images/layout/icon-chrome.png"); } .page-not-supported span.firefox { background-image: url("../images/layout/icon-firefox.png"); } /* signed tv */ .un-device-title { font-size: 39px; line-height: 1.23; color: #0381FE; font-weight: 500; text-align: center; margin: 45px 24px 48px 24px; } .signined-device .icon { display: block; width: 80px; height: 80px; border: 1px solid #E4E4E4; border-radius: 100%; color: transparent; margin: 0 auto; font-size: 0; line-height: 0; background: url("../images/layout/ico-device.png") no-repeat center center #E4E4E4; background-size:48px 48px; } .signined-device .email { text-align: center; margin-top: 12px; } /* reset link */ .one-buttonArea.reset-btn { margin: 40px 0; } /* 202110 new login -- 20230701 신규 간격 변경 */ .one-main.new-login .main-inner .content { /* max-width: 360px; */ margin: 0 auto; width: 100%; } body.one-card-ui .one-main.new-login .main-inner .container { padding: 72px 24px 0 24px; } .one-main.new-login .main-inner .container .title h1 { font-size: 27px; font-weight: 600; line-height: normal; letter-spacing: 0.01px; text-align: center; margin-bottom: 36px; } .one-main.new-login .title h2 { min-height: 60px; text-align: center; font-size: 16px; font-weight: 500; color: #636363; margin-bottom: 7px; } .one-field-data { color: #8c8c8c; font-size: 14px; font-weight: 500; letter-spacing: 0.01px; word-wrap: break-word; word-break: break-all; margin-bottom: 0; margin-top: 8px; } .one-field-data a { display: block; width: 100%; } .main-inner .one-field-data button, .main-inner .one-field-data a { border: none; background-color: transparent; line-height: 24px; width: 100%; text-align: left; cursor: pointer; text-decoration: none; color: #8c8c8c; font-size: 14px; font-weight: 500; letter-spacing: 0.01px; } [dir="rtl"] .one-field-data button, [dir="rtl"] .one-field-data a { text-align: right; } .one-field-data .filed-id { display: inline-block; background: url("../images/layout/ic-back-light.png") no-repeat left 0 top transparent; background-size: 24px 24px; font-size: 0; line-height: 0; color: transparent; width: 28px; height: 24px; vertical-align: top; } [dir="rtl"] .one-field-data .filed-id { background-position: left 0 top; width: 28px; transform: rotate(-180deg); margin-left: auto; } .one-main.new-login .one-btn-container.google .one-button, .one-btn-container.google .one-cancel.one-button { background-color:#E5E5E5; color: #252525; font-size: 17px; line-height: 19px; font-weight:700; margin-bottom: 0; } .one-main.new-login .one-btn-container.qrcode .one-button, .one-btn-container.qrcode .one-cancel.one-button { background-color:#E5E5E5; color: #252525; font-size: 17px; line-height: 19px; font-weight:700; margin-bottom: 0; } .one-main.new-login .one-btn-container.google .one-primary.one-button { background-color: #0381FE; color: #fff; } .one-main.new-login .one-checkBox.mbr_rememberid { margin-top:0; padding-bottom:0; padding-top: 4px; } .one-main.new-login .one-checkBox.mbr_rememberid label { color: #636363; font-size:15px; font-weight: 600; line-height: normal; padding-top: 2px; } .one-main.new-login .mbr_signin { margin-top:24px; margin-bottom: 24px; } .one-main.new-login .mbr_signin .one-btn-container .one-button { margin-bottom: 0; } .new-pwform { /* min-height:139px; */ margin-top: 26px; margin-bottom: 20px; } /* .one-main.new-login .mbr_signin a { color:#636363; font-weight: 500; } * .one-input-container .show-eye { position: absolute; right: 0; top:-3px; font-size: 0; line-height: 0; color: transparent; height: 36px; width: 36px; } [dir="rtl"] .one-input-container .show-eye { right: inherit; left: 0; } .one-input-container .show-eye input[type="checkbox"] { cursor: pointer; opacity:0; margin: 0; width: 36px; height: 36px; } .one-input-container .show-eye input[type="checkbox"] + label { font-size: 0; line-height: 0; display: block; width: 36px; height: 36px; margin-top: -36px; } .one-input-container .show-eye input[type="checkbox"]:not(old):checked + label { background: url("../images/layout/ico-show-eyes.png") no-repeat top right; background-size: 36px 36px; } .one-input-container .show-eye input[type="checkbox"]:not(old) + label { background: url("../images/layout/ico-show-eyes-on.png") no-repeat top right; background-size: 36px 36px; } .one-input-container .show-eye input[type="checkbox"]:checked { box-shadow: 0 0 0 0.2rem rgba(62,145,255,0.40); outline:0; } .one-input-container .show-eye input[type="checkbox"]:focus { } /* 수정전 .one-input-container .show-eye { position: absolute; right: 0; top:-3px; font-size: 0; line-height: 0; color: transparent; height: 36px; width: 36px; } [dir="rtl"] .one-input-container .show-eye { right: inherit; left: 0; } .one-input-container .show-eye input[type="checkbox"] { cursor: pointer; opacity:1; margin: 0; width: 36px; height: 36px; background: url("../images/layout/ico-show-eyes.png") no-repeat top right; background-size: 36px 36px; } .one-input-container .show-eye input[type="checkbox"]:checked { background: url("../images/layout/ico-show-eyes-on.png") no-repeat top right; background-size: 36px 36px; } .one-input-container .show-eye input[type="checkbox"]:focus { box-shadow: 0 0 0 0.2rem rgba(62,145,255,0.40); outline:0; } */ .mb-list { margin-bottom: 12px; } .step_gate { margin-bottom: 20px; } .step_gate:last-of-type { margin-bottom: 0; } .step_gate p { margin-bottom: 8px; } .step_gate ul { margin: 0; padding: 0; } .step_gate ul li { margin: 0 0 8px 0; } .step_gate ul li:last-of-type { margin-bottom: 0; } /* 20220509 말머리 기호 요청 */ .content ul.mark { margin:8px 0 0 0; } .content ul.mark li {text-indent: -0.7em; margin-left: 0.7em; } [dir="rtl"] .content ul.mark li {text-indent: -0.7em; margin-left:inherit; margin-right: 0.7em; } .content ul.mark li::before{ content: "- "; } /* 20220516 신규로그인 버튼간격 */ .one-btn-container.google, .one-btn-container.wechat { margin-bottom: 16px;} /* 20220905 14세가족 신규 */ .join-14younger .link { color: #a9a9a9; } .path-link { color: #a9a9a9; } .user-email-show { font-weight: bold; } .fg_Invitation { margin-top: 36px; } .info-inv { background: url(../images/layout/info-detail.png) no-repeat left 1px; background-size: 20px 20px; padding:0 0 0 40px; } [dir="rtl"] .info-inv { background: url(../images/layout/info-detail.png) no-repeat right 1px; background-size: 20px 20px; padding:0 40px 0 0; } .info-inv .title { margin-bottom: 12px; } .info-inv ul { margin:12px 0 0 0; } .info-inv .title > strong { font-size: 18px; font-weight: 500; } .info-inv li { margin-bottom:8px; } .info-inv ul.indent { margin-left: 1em; } [dir="rtl"] .info-inv ul.indent { margin-left: inherit; margin-right: 1em; } .info-inv ul.indent li { text-indent:-1em; } /* 20221017 add stay signin */ .mbr_staySignIn { margin:36px auto 0 auto; position: relative; } .mbr_staySignIn .login-aggre { width: fit-content; margin:0 auto; position: relative; padding-right: 40px; z-index: 8; } [dir="rtl"] .mbr_staySignIn .login-aggre { padding-right: 0; padding-left: 40px; } .mbr_staySignIn .login-aggre .ic_pop { position: absolute; top: -4px; right: 0; z-index: 9; } [dir="rtl"] .mbr_staySignIn .login-aggre .ic_pop { right: auto; left:0; } .mbr_staySignIn a.view_infopop { cursor: pointer; display:inline-block; margin: 0; width:32px; height: 32px; color: transparent; vertical-align: top; background: url("../images/v2/ic-info-light.png") no-repeat 0 0; background-size: 32px; font-size: 0; line-height: 0; } .mbr_staySignIn .ic_info { max-width: 360px; width: 100%; display: none; padding: 24px; border: 1px solid #ddd; background: #FCFCFC; border-radius: 26px; font-size: 13px; font-weight: 500; line-height: 1.54; color: #252525; margin-top: -6px; } /* 20230921 */ .mbr_staySignIn .ic_info.on { display: block; margin-left: auto; margin-right:auto; } /* 20221026 */ .mbr_family_oz { margin: 12px 0 24px 0; } .mbr_family_oz h3 { font-weight: normal; margin-bottom: 14px; } /* 20221209 */ .one-checkbox-container.militatyID-Passport input[type="checkbox"]:not(old), .one-checkbox-container.militatyID-Passport input[type=radio]:not(old) { height: 0; width: 0; } /* 20221216 sso gate */ body.deviceSSO-gate { background-color: #FCFCFCfc; } body.deviceSSO-gate .one-main .main-inner .container { border: none; background-color: transparent; } body.deviceSSO-gate .join-select p { font-size: 16px; font-weight: 500; line-height: 1.44; } body.deviceSSO-gate .main-inner .container.loginForm .title h1 { font-size: 27px; font-weight: 600; line-height: 36px; } /* 20230131 mbr terms */ .one-checkBox .scr { font-size: 16px; font-weight: 500; line-height: 23px; color: #636363; margin: 4px 0 4px 0; width: 100%; } .one-checkBox .scr a { color: #636363; text-decoration: underline; } /* 20230406 swith box ie ev */ /* 20230131 new switch checkbox backup .service-state [type="checkbox"] { appearance: none; position: relative; border: max(2px, 0.1em) solid #A9A9A9; border-radius: 1.25em; width: 40px; height:20px; opacity: 1; margin: 0; background-color: #A9A9A9; } .service-state [type="checkbox"]::before { content: ""; position: absolute; left: -5px; top:calc(50% - 16px); width: 30px; height: 30px; border-radius: 50%; transform: scale(0.8); background-color: #fff; border: 1px solid #A9A9A9; transition: left 250ms linear; } .service-state [type="checkbox"]:checked { background-color: #3e91ff; border-color: #3e91ff; } .service-state [type="checkbox"]:checked::before { background-color: #fff; border: 1px solid #3e91ff; left: 9px; } .service-state [type="checkbox"]:focus-visible { outline-offset: max(2px, 0.1em); outline: max(2px, 0.1em) solid #f9f9f9; } .service-state [type="checkbox"]:enabled:hover { } /* over event */ /* ie only .service-state [type="checkbox"]::-ms-check { border: none; opacity: 1; border-radius: 1.25em; background-color: transparent; color: #fff; } */ .service-state { margin:0 0 30px 0; } .service-state:last-of-type { margin-bottom: 0; } .service-state ul { margin:0 0 21px 0; } .service-state ul li { border-bottom:1px solid #E5E5E5; padding:16px 0 13px 0; } .service-state dl { width:100%; display:block; display:inline-flex; flex-direction:row; flex-shrik:1; justify-content: space-between; align-items: center; } .service-state dl dt { padding:0; font-size:18px; font-weight:500; line-height:1.33; letter-spacing:normal; } .service-state dl dd { padding:0 0 0 16px; margin:-2px 0; } [dir="rtl"] .service-state dl dd { padding:0 16px 0 0; } .service-state:last-of-type ul:last-of-type li:last-of-type, .service-state:last-of-type ul:last-of-type { border-bottom:none; margin-bottom:0; } .service-state label { display: inline-flex;align-items: center;gap: 0.5rem;cursor: pointer; width:100%; } .service-state .switch { position: relative; display:block; width: 40px; height: 20px; cursor: pointer; border-radius: 1.25em; background-color: transparent;} .service-state .switch input[type="checkbox"] { opacity: 0; width: 0; height: 0; } .service-state .slider { position: absolute; cursor: pointer; width: 40px; height: 20px; top: 0; left: 0; right: 0; bottom: 0; background-color: #A9A9A9; -webkit-transition:.4s; transition:.4s; border-radius: 1em; } .service-state .slider:before { content: ""; position: absolute; height: 23px; width: 23px; left: 0px; top:calc(50% - 12px); background-color: #fff; -webkit-transition: .4s; transition: .4s; border-radius: 50%; border:1px solid #A9A9A9; } .service-state .switch input[type="checkbox"]:checked + .slider { background-color: #3e91ff; } .service-state .switch input[type="checkbox"]:focus + .slider { box-shadow: 0 0 1px #2196F3; } .service-state .switch input[type="checkbox"]:checked + .slider:before { -webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px); border-color: #3e91ff; } .service-state .switch input[type="checkbox"]:checked:disabled + .slider { opacity: 0.4; } .service-state .switch input[type="checkbox"]:checked:disabled + .slider:before { border-color:#3e91ff; } .service-state .switch [type="checkbox"]:disabled { border-color: #E5E5E5; opacity: 0.7; cursor: not-allowed; background-color: #E5E5E5; } .service-state .switch [type="checkbox"]:disabled:before { background-color: #f9f9f9; } .service-state .switch [type="checkbox"]:disabled + span { opacity: 0.7; cursor: not-allowed; background-color:#E5E5E5; } .service-state .switch [type="checkbox"]:disabled + span.slider:before { opacity: 1; background-color: #fff; /* border-color: #E5E5E5; */ } /* -- 20230406 end -- */ .filed-custom-service { color: #A9A9A9; font-size: 13px; font-weight: 500; line-height: 1.23; letter-spacing: normal; margin-bottom:10px; } h2.management-title { font-size: 12px; font-weight: 500; color: #636363; line-height: 1.33; margin-bottom: 8px; } /* 20230327 qr-code new serice icon */ .qr-code { background-color: transparent; position: relative; } .qr-code .code-view canvas, .qr-code .code-view img, .qr-code .code-view svg { width: 200px; height: 200px; display: block; } .qr-code .code-view { border: 1px solid #d0d0d0; background-color: #FCFCFC; border-radius: 32px; padding: 12px; width: auto; height:auto; display: inline-block; } .qr-code .code-sevice-icon { position: absolute; top: calc(50% - 29px); left:calc(50% - 25px); } .qr-code .code-sevice-icon svg, .qr-code .code-sevice-icon img { width: 50px; height: 50px; background-color: #FCFCFC; border-radius: 100%; } /* 20230615 Resident Registration number */ input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="number"] { -moz-appearance: textfield; } .flex-radio-box .one-checkBox input[type="checkbox"]:not(old), .flex-radio-box .one-checkBox input[type="radio"]:not(old) { width: 0; height: 0; } .one-input-container.nonebar { flex: 0 1 auto; } /* 20230615 모바일 모드에서 버튼 언더 영역 아래로 붙이는 요건 샘플 요청 - 주석처리 ****** .one-main .main-inner { display: flex; flex-direction: column; height: 100%; } .main-inner .container { height: 100%; } .under-content { margin-top: auto; } */ /* 언더 버튼 리버스 요청 .under-content { display: flex; flex-direction: column-reverse; } */ /* 20230619 통신사 인증 분리 */ body.full-screen { background-color: #FCFCFC; height: auto;} body.full-screen .one-header, body.full-screen .one-footer { display: none; } body.full-screen .main-inner .container { background-color: transparent; padding-top: 86px; padding-bottom: 0px; } body.full-screen .label-checkbox { font-size: 12px; font-weight:500; line-height: 1.33; color: #636363; } body.full-screen .mobile-service1 input[type="checkbox"]:not(old) + label, body.full-screen .mobile-service1 input[type=radio]:not(old) + label { font-size: 18px; font-weight: 500; line-height: 2.89; color: #252525; } body.full-screen .mobile-service1 input[type="checkbox"]:not(old) + label > span, body.full-screen .mobile-service1 input[type=radio]:not(old) + label > span { top:calc(50% - 13px); } body.full-screen .mobile-service1 .flex-radio-box .one-checkBox { padding:0; } .ub-link { margin-top: 20px; } .ub-link, .ub-link a { font-size: 12px; font-weight: bold; line-height: 1.33; } body.full-screen .one-radio, body.full-screen .one-checkBox { margin-bottom: 20px; } body.full-screen .mobile-service1 .one-checkBox { margin-bottom: 0; } body.full-screen .one-main .main-inner { padding-bottom: 37px; } body.full-screen .under-content { padding-top: 10px; } body.full-screen .outDesc .error-msg { margin-top: 0; } body.full-screen .outDesc { margin-bottom: 8px; } body.full-screen input[type="checkbox"]:not(old) + label, body.full-screen input[type=radio]:not(old) + label { font-size: 16px; font-weight: normal; line-height: 1.44; color: #333; } body.full-screen .one-checkBox label a { color: #333; } .scb-title { font-size: 16px; font-weight: 500; color: #333; line-height:1.44; margin-bottom: 20px; } @media (min-width: 680px) { body.full-screen .one-main { padding-top: 0; } body.full-screen .main-inner .container { padding-top: 0; padding-bottom: 0; margin-bottom: 0; } } .text-guide.guide-telecom { font-size: 16px; font-weight: 500; line-height: 1.5; color: #252525; } .telecom-sms .user-phone-number { font-size: 18px; font-weight: 500; line-height:2.89; margin: 0 0 30px 0; } .search-guide { font-size: 16px; font-weight: 500; line-height: 1.5; color: #252525; margin-bottom: 36px; } /* 플로팅없는 input */ .ui-input-container { display: block; position: relative; z-index: 1; margin: 23px 0 24px 0; } .ui-input-container label { font-size:12px; font-weight: 500; line-height: 1.33; color: #636363; } .ui-input-container input { font-size: 18px; font-weight: 500; line-height: 1.33; color: #A9A9A9; border: none; width: 100%; padding: 8px 0 9px 0; border-bottom: 1px solid #8c8c8c; background-color: transparent; box-sizing: border-box; border-radius: 0; } .ui-input-container input:focus { outline: 0; border-color: #0381FE; border-width: 2px; color: #0381FE; } .ui-input-container .box { min-height: 24px; position: relative; } .ui-input-container .box .time { width: 55px; margin-left: 10px; font-size: 14px; font-weight: 500; line-height: 1.14; color: #A9A9A9; position: absolute; top: calc(50% - 9px); right: 0; text-align: right; } [dir="rtl"] .ui-input-container .box .time { right: inherit; left:0; text-align: left; margin-left: 0; margin-right:10px; } .ui-input-container.active label, .ui-input-container.active input, .ui-input-container.active .box .time { color: #A9A9A9 } .ui-input-container.focus label, .ui-input-container.focus input, .ui-input-container.active input:focus, .ui-input-container.focus .box .time { color: #0381FE; } .ui-input-container.error label, .ui-input-container.error input, .ui-input-container.error .box .time { color: #db332a; } .ui-input-container.error input { border-bottom-color: #db332a; border-bottom-width: 2px; } .ui-input-container.error input:focus { color: #db332a; } .ui-input-container .error-message { font-size: 12px; color: #db332a; display: none; } .ui-input-container.error .error-message { display: block; } .ui-input-container input[disabled] ,.ui-input-container input[disabled] + span.time { opacity: 0.4; } /* 20230627 주민등록 뒷자리 한개 */ .one-input-container.personal-no { position: relative;} .one-input-container.personal-no label { z-index: 1; border:none; position: absolute; left: 0; top:0; height: 36px; } .one-input-container.personal-no input { z-index: 2; } .one-input-container.personal-no input + label span:first-of-type { background-color: #c2c2c2; } .one-input-container.personal-no input:focus + label { top:6px; } .one-input-container.personal-no input:valid + label { top:7px; } .one-input-container.personal-no input:valid + label span:first-of-type { background-color: transparent; } .one-input-container.personal-no label span { display: inline-block; width: 6px; height: 6px; border-radius:100%; background-color: #424242; margin: 0 3px; } /* 20230621 패밀리 차일드 계정 */ .family_account_infoview { margin-bottom: 24px; text-align: center; } .family_account_infoview img { width: 100%; max-width: 468px; } .family_account_dsc { font-size: 16px; font-weight: 500; line-height: 1.44; color: #333; } .family_account_dsc.nv1 { margin-bottom: 8px; } .one-card-ui.fullpage-ui .main-inner .container .title h1 { font-size: 27px; font-weight: 600; line-height: 1.33; margin-bottom: 36px; text-align: center; margin-top: 42px; } /* 20230621 약관 step 표기 */ .page-step { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; height: 32px; margin-top: -6px; margin-bottom: 30px; } .page-step div { display: inline-block; width: 22px; height: 5px; border-radius: 9px; background-color: #E5E5E5; font-size: 0; line-height: 0; margin: 0 4px; } .page-step div.on { background-color: #0381FE; } .main-inner .container .text-guide.secDesc { margin-bottom: 30px; } .main-inner .container .text-guide.secDesc.secPass { text-align: center; margin-bottom: 36px; } .user-email-view.secPass { margin: 8px 0 8px 0; font-size: 16px; line-height: 1.5; } /* 20230622 회원가입완료 플렉스 풀페이지 */ .wrapper.flex-full-layout { } .wrapper.flex-full-layout .main-inner .container .title h1 { text-align: center; font-size: 27px; font-weight: 600; line-height: 1.33; margin-top: 43px; margin-bottom: 36px; } .wrapper.flex-full-layout .one-main .main-inner { display: flex; flex-direction:column; flex-wrap: wrap; align-items: center; height: 100%; } .wrapper.flex-full-layout .one-main .main-inner .under-content { margin-top: auto; } .signup-user-complete { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; flex-basis: 10rem; flex-grow: 1; } .signup-user-complete dt { text-align: center; margin-bottom: 12px; } .signup-user-complete dt img, .signup-user-complete dt svg, .signup-user-complete canvas { width: 80px; height: 80px; border:none; } .signup-user-complete dd { text-align: center; } .signup-user-complete dd span { display: block; width: 100%; } .signup-user-complete dd span.name { font-size: 20px; font-weight: bold; line-height: 1.2; color: #333; margin-bottom: 4px; } .signup-user-complete dd span.email { font-size: 15px; font-weight: 500; line-height: 1.27; color: #636363; } .signup-user-complete dd span.family-name { font-size: 20px; font-weight: bold; line-height: 1.2; color: #333; text-align:center;} .signup-user-complete dd span.text { font-size: 16px; font-weight: 500; line-height: 1.45; color: #333; margin: 12px 0 4px 0; } .family-dsc { margin: 0; font-size: 18px; line-height: 1.44; color: #333; text-align: center; } .new-idform { margin-top: 30px;} .one-main .mbr_signin ul { /* margin-left:2px; margin-right:2px; */ } .family-dsc.again { margin: 16px 0 16px 0; } /* 20230828 일반 카드 ui일 때 닫힌 높이값 때문에 문제 터짐 min-height 높이값을 줘야함- gui 없는 문제 */ .signup-user-complete.card-ui { min-height: 139px; } /* 회원가입완료 플렉스2/3 비율 */ .wrapper.flex-full-layout .one-main .main-inner .container { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap:wrap; } .wrapper.flex-full-layout .one-main .main-inner .container .title { flex: 0 auto; } .wrapper.flex-full-layout .one-main .main-inner .container .content { flex: 1; width: 100%; } /* 회원가입 여백을 메꾸기 위한 0 처리 */ .wrapper.flex-full-layout .one-main .main-inner .container { padding-bottom: 0; } .wrapper.flex-full-layout .one-main .main-inner .container .content { padding-bottom: 0; } .dummy { flex-grow:2; min-height: 40px; } .dummy.inside { flex-grow: 1; margin-bottom: -30px; } .dummy.inside2 { flex-grow: 1; margin-bottom: 20px; } .dummy:nth-of-type(3) { flex-grow: 3; } /* 20230626 카드ui일때 언더 버튼 */ /* body.one-card-ui .main-inner .under-content button.one-button { min-width: 100%; } */ body.one-card-ui .main-inner .container .text-guide { font-size: 16px; font-weight: normal; letter-spacing: 0px; color: #636363; } .new-subform { margin: 27px 0 0 0; padding-bottom: 40px; } /* 20230628 회원가입 게이트웨이 변경 .one-main .container .one-btn-container.select-type .one-button { min-width: 286px; } */ /* 회원 이메일 입력 */ .user-email-view { text-align: center; margin-bottom: 24px; font-size: 16px; font-weight: bold; color: #252525; } /* .wrapper.flex-full-layout .main-inner .container .title h1 { margin-top: 42px; } */ /* 20230628 풀페이지 버튼 하단 고정 */ body.one-card-ui.fullpage-ui .one-main .main-inner { display: flex; flex-direction: column; flex-wrap: wrap; height: 100%; } body.one-card-ui.fullpage-ui .under-content.under-fix { margin-top:auto; /* padding: 24px 24px 0 24px; */ } .one-forms-verifyphoneNum { margin-top: 24px; } .cms-userEmail { margin-top: 36px; font-size: 20px; font-weight: bold; line-height: 1.2; text-align: center; } .user-email-view-dum { border: 5px solid red; display: flex; flex-direction: column; flex-wrap: wrap; text-align: center; } .user-email-view-dum .dum { border: 2px solid blue; flex-grow: 1; min-height: 36px; } /* 20230714 샘플테스트 .one-input-container > input:placeholder-shown { background-color: yellow; color: red; } */ /* 20230719 모바일에서 360px 예외 버튼 적용을 위한 pc 360 고정 */ .one-main.new-login .one-btn-container { max-width: 360px; } /* 20230808 약관 버튼 위치 추가 */ .main-inner .container .title.terms-button h1 { margin-bottom: 40px; } .main-inner .container .title.terms-button .download button { width: auto; } /* 20230810 CwG */ .text-guide.new_CwG { text-align: center; margin-bottom: 30px; } .one-main.new-login .mbr_signin.new_CwG { margin-top: 40px; } /* 20231011 2step add */ .step-phoneCode { margin: 30px 0 30px 0; } .current-title { text-align: center; font-size: 16px; font-weight: 500; line-height: 24px; margin-bottom: 12px; } .current-number { margin: 0 0 30px 0; } .current-number li { padding: 14px 0; text-align: center; font-size: 18px; font-weight: 500; line-height: 24px; } .one-btn-container.side-send { margin: 24px auto; } .one-btn-container.mbr_expendtime { margin: 24px auto 0 auto; } .one-btn-container.extend-time { margin: 24px auto; } .one-btn-container.mbr_expendtime .one-button.one-cancel { margin-bottom: 0; } .user-number { text-align: center; font-size: 18px; font-weight: 500; line-height: 24px; padding: 14px 0 14px 0; margin: 0 0 12px 0; } .user-pin-email { text-align:center; font-size: 16px; font-weight: 700; line-height: 24px; } /* 20231103 add 2step */ .one-input-container.phone_nm { /* margin-top: 35px; */ } .one-btn-container.abs_expendtime { margin: 24px auto 0 auto; } .one-btn-container.abs_expendtime .one-button.one-cancel { margin-bottom: 0; } .mid-guide { margin: 0 0 36px 0; } .one-forms-verifyphoneNum .one-btn-container.mbr_expendtime { margin-bottom: 0; } .one-forms-verifyphoneNum .one-btn-container.mbr_expendtime .one-button.one-cancel { margin-bottom: 0; } /* 20231107 modify */ .one-forms-verifyphoneNum .one-input-container.selectfield { padding-bottom: 10px; } /* 20231115 */ .deviceSSO-gate input[type="checkbox"]:not(old) + label, input[type=radio]:not(old) + label { font-size: 15px; color: #636363; font-weight: 600; } /* 20231116 앞뒤 간격 -2px 추가 */ .one-main.new-login .one-btn-container button { margin-left: -2px; margin-right: -2px; } /* 20231116 로그인폼 앞뒤 간격 추가 인도 개발자 요청 반영분 */ .new-idform .one-input-container { padding-left: 6px; padding-right: 6px; margin-left: -6px; margin-right: -6px; } body.deviceSSO-gate .one-main .main-inner .container { padding-bottom: 0; margin-bottom: 0; } .mbr_staySignIn input[type="checkbox"]:not(old) + label, input[type=radio]:not(old) + label { font-size: 15px; font-weight: 600; color: #636363; } .mbr_staySignIn input[type="checkbox"]:not(old) + label.one-checkBox-label, input[type=radio]:not(old) + label.one-checkBox-label { font-size: 15px; font-weight: 600; color: #252525; } .mbr_staySignIn input[type="checkbox"]:not(old) + label.one-phone_nm-label, input[type=radio]:not(old) + label.one-phone_nm-label { font-size: 18px; font-weight: 500; color: #252525; line-height: 24px; } /* 2SV Reset */ .text-guide-date { margin-bottom: 12px; text-align: center; } .text-date { margin-bottom: 30px; font-weight: 700; text-align: center; } .text-list { margin-bottom: 8px; } .text-info-bold { font-weight: 700; } .text-list.text-left { display: inline-block; margin-bottom: 8px; } .text-list.text-right { display: inline-block; margin-bottom: 8px; } .end-info { margin-bottom: 16px; } .button-link { margin-bottom: 30px; } /* ***************************************************************************************** */ /* ***************************************************************************************** */ /* pc 화면 디자인 640px 기준 SAOD-19749 -- sdk 기준점 변경 */ @media(min-width:680px) { html { height: -webkit-fill-available; /* background-color: #f4f4f4; */ } body { background-color:#f4f4f4; } .one-header { display: block; background-color: #fff; max-height: 90px; } .one-header .logo { margin:33px 0 33px 0; } /* 언어코드에 따른 이미지 svg 사이즈 */ .one-header .logo img, .one-header .logo svg { width: 216px; height: 24px; margin-left: 58px; } [lang="fr"] .one-header .logo img, [lang="fr"] .one-header .logo svg { width: 280px; height: 24px; } [lang="jp"] .one-header .logo img, [lang="jp"] .one-header .logo svg { width: 206px; height: 24px; } [lang="zh"] .one-header .logo img, [lang="zh"] .one-header .logo svg { width: 164px; height: 24px; } [lang="zh_hk"] .one-header .logo img, [lang="zh_hk"] .one-header .logo svg { width: 171px; height: 24px; } [lang="hk"] .one-header .logo img, [lang="hk"] .one-header .logo svg { width: 171px; height: 24px; } [lang="zh_tw"] .one-header .logo img, [lang="zh_tw"] .one-header .logo svg { width: 171px; height: 24px; } [lang="tw"] .one-header .logo img, [lang="tw"] .one-header .logo svg { width: 171px; height: 24px; } .one-card-ui .one-header .logo { background-color:#ffffff; } .one-card-ui .one-header .logo h1 img { background-color:#ffffff; } .one-main { flex-grow:0; margin-bottom:-1px; padding-top:48px; } /*컨텐츠 내용 길이 늘리기 */ .main-inner .container .title.subCase h1 { font-size: 27px; font-weight: 600; line-height: 1.33; letter-spacing: 0.01px; text-align: center; margin-bottom: 26px; } .main-inner .container .title h2 { font-size: 24px; overflow:inherit; text-overflow: inherit; white-space:normal;font-weight:500; margin-bottom: 12px; } .main-inner .content { border:none; font-size: 16px; padding: 0; } .main-inner .container { padding: 0 0 0 0; margin-bottom: 72px; } .checkBlock.mbr_2stepverifi { margin-top: 36px; margin-bottom: 36px; } /* 타이틀 */ .one-main.new-login .main-inner .container .title h1 { margin-top: 0; font-size: 27px; font-weight: 600; line-height: normal; } .main-inner .container .title h1 { font-size: 32px; font-weight: 300; line-height: 1.25; margin-bottom:36px } body.one-card-ui.gateway .container .title h1 { margin-top: 0; } /* 20230919 add new title */ .main-inner .container .title.one-title h1 { margin-top: 12px; margin-bottom: 36px; font-size: 27px; font-weight: 600; line-height: 1.33; } /* pc용 일반 박스 컨테이너 일때 상단 60, 하단48유지 */ .one-main .main-inner { background-color: #FCFCFC; border-radius: 26px; padding:60px 3px 48px 3px; } /* 모바일 풀페이지 컨테이너의 pc용 일때 상단 , 하단 유지 */ body.one-card-ui .one-main .main-inner { padding: 72px 72px 72px 72px; } /* 패밀리 완료 화면 변수 - gui 변경 요청 20231204 */ body.one-card-ui.fullpage-ui .one-main .main-isnner { padding: 72px 72px 72px 72px; } s /* 카드없는 모바일 ui일때 pc화면 */ body.one-card-ui .one-main .main-inner .container { padding: 0; margin-bottom: 72px; } /* 카드없는 모바일 ui일때 + pc화면 패밀리 완료 화면 변수 */ body.one-card-ui.fullpage-ui .one-main .main-inner .container { margin-bottom: 0; } /* 신규 new 로그인 pc 일때 여백 */ body.one-card-ui .one-main.new-login .main-inner .container { padding: 0; margin-bottom: 0; } /* 카드 없는 모바일 ui 일때 pc화면 + 14세 게이트웨이 */ body.one-card-ui.gateway .one-main .main-inner .container { margin-bottom: 0; } /* 카드없는 모바일 ui일때 pc 약관 타이틀 */ body.one-card-ui .main-inner .container .title.one-title h1 { margin-top: 0; min-height: 72px; } .under-content { padding:0 0 0 0; } .subDesc { padding-left:0; padding-right: 0; } .outDesc { padding-left:0; padding-right: 0; } .outDesc a { margin-left:1px; margin-right: 1px;} .resendEmail-address { margin: 43px 0; } /* new login 용 pc간격 */ .one-main.new-login .main-inner .content { /* max-width:360px; */ margin-bottom: 0; } /* pc용 풋터 */ .one-footer { margin-top:auto; text-align: inherit; padding: 0; } .one-footer .footer-inner { font-size: 12px; padding: 0 0 48px 0; display: flex; justify-content: space-between; flex-direction: row; align-items: end; } .one-footer .footer-inner > .footer-links { order:1; margin-left:58px; margin-right:inherit; max-width: 700px; margin-bottom: 0; margin-top: -4px; overflow-wrap: normal; } [dir="rtl"] .one-footer .footer-inner > .footer-links { margin-left:inherit; margin-right:0; } .one-footer .footer-inner > .footer-logo { order:2; align-items: flex-end; margin-right: 58px; } [dir="rtl"] .one-footer .footer-inner > .footer-logo { text-align:left;} .one-footer .footer-inner > .footer-address { order:3; width: auto; font-size: 12px; color: #8c8c8c; font-weight: 500; opacity: 1; line-height: 14px; } /* 20231201 검증팀 요구 ACCOUNTPM0-6046 */ .footer-links a { font-size: 12px; font-weight: 500; color: #252525; padding: 0; opacity: 1; line-height:normal; letter-spacing:normal; margin: 4px 32px 4px 0; } .footer-links a:last-of-type { margin-right: 0; } [lang="en"] .footer-links a { line-height: 14px; } [dir="rtl"] .footer-links a { margin-left: 32px; margin-right: 0; } [dir="rtl"] .footer-links a:last-of-type { margin-left: 0; } .footer-links .active { color: #252525; font-weight: 700; } .footer-logo img { width: 216px; height: 24px; opacity:0.56; } [lang="fr"] .footer-logo img { width: 208px; height: 24px; } [lang="jp"] .footer-logo img { width: 206px; height: 24px; } [lang="zh"] .footer-logo img { width: 164px; height: 24px; } [lang="zh_hk"] .footer-logo img { width: 171px; height: 24px; } [lang="hk"] .footer-logo img { width: 171px; height: 24px; } [lang="zh_tw"] .footer-logo img { width: 171px; height: 24px; } [lang="tw"] .footer-logo img { width: 171px; height: 24px; } /* PC용 탭 */ nav.tab-menu { padding:0; margin:0 auto 35px auto; max-width: 640px; } /* PC용 버튼 */ .one-button { min-width: 236px; } .one-main .container .one-button { min-width: 236px; } .one-btn-container.wise .one-button { width: calc(50% - 12px); } /* .one-btn-container.wise .one-button { min-width:236px; margin-left: 12px; margin-right: 12px; } */ /* .one-main .container .one-button { min-width: 360px; } */ .one-main .container .download .one-button { min-width:216px; margin-bottom: 48px; } .one-forms-login .one-btn-container.google .one-button { min-width: 360px; max-width: 360px;} /* PC용 배율 간격 ___ 항상 마지막에 둘 것 */ /* 사이간격 padding-bottom 맞추라라라있음 수정하지 말아볼 것 SignUp_Child_email_verify.html */ .one-btn-container.mbr_sendcode { margin-top:36px; /* padding-bottom: 23px; */ } /* .one-btn-container.mbr_expendtime { margin-bottom: 36px; } */ .one-radio, .one-checkBox { margin-bottom: 14px; } /*.one-checkBox:last-of-type { margin-bottom: 29px; } */ .one-main form .mbr_signin .one-btn-container { margin-bottom:0; } /* .under-content .one-btn-container { margin: 0; } */ /* .under-content .one-btn-container:last-of-type { margin-bottom:0; } */ /* .under-content .one-btn-container:last-of-type .one-button:last-of-type { margin-bottom: 0; } */ .one-btn-container.mbr_aggreTerms { margin-bottom:0; } .info-dec { padding:0 0 0 48px; background-position:left 6px top 4px; } [dir="rtl"] .info-dec { padding: 0 48px 0 0; background-position: right 6px top 4px; } .content.verification_guide h1.title{ font-size: 32px; font-weight: 300; line-height: 1.25; margin-bottom: 36px; } .content.verification_guide .text1 { margin-bottom: 36px; } .content.verification_guide .button1 { margin-bottom: 96px; } .content.verification_guide h2.title { font-size:32px; font-weight: 500; margin-bottom:36px; } .content.verification_guide .icon { text-align: center; margin:36px 0; } .content.verification_guide .step { margin-bottom: 36px; } .content.verification_guide .step dl { margin-bottom: 24px; } /* .one-btn-container.wise { padding: 0; margin-bottom:13px; } */ .mbr_signin .one-btn-container { margin-bottom: 36px; } .one-main.new-login .mbr_signin { margin-top: 30px; margin-bottom: 0px; max-width: 360px; margin-left: auto; margin-right:auto; } .mbr_signin li { margin-bottom: 18px; } .one-main .main-inner .container.loginForm { margin-bottom:0; } .specialTermsList ul { margin-bottom: 79px; } .specialTermsList li { padding:23px 0 23px 0; } .specialTermsList li span.arrow { right: 4px; } [dir="rtl"] .specialTermsList li span.arrow { right: inherit; left: 4px; } /* 약관 상세 _ PC용 플렉스 버튼 */ .one-main.terms-main .main-inner { max-width: 1232px; padding: 60px 96px 48px 96px; } .one-main.terms-main .title.terms-button { display: flex; flex-wrap: wrap; justify-content: space-between; flex-basis: 0; flex-direction:row; margin-bottom: -35px; } .one-main.terms-main .title.terms-button h1 { width: 100%; margin-bottom: 48px; } [dir="rtl"] .one-main.terms-main .title.terms-button h1 { margin-right:inherit; margin-left: 24px; } .one-main.terms-main .title.terms-button .download { width: 216px; margin: 0 auto; } .one-terms .terms-title { font-size: 20px; line-height: 1.2; } .one-terms .terms-date { margin-bottom: 36px; } .one-forms.joinAccount { margin-bottom: 50px; } .one-forms.oneVerify { margin-bottom: 24px; } .user-email { margin: 36px 0 24px 0; font-size: 20px; line-height: 1.2; } .user-email-button { margin-bottom: 36px; } .one-btn-container.mbr_expendtime { margin-top: 0; } .text-guide.only-guide { margin-bottom:72px; } .under-menu { margin-top: 43px; } .join-select .one-btn-container { margin-top: 24px; } .join-select:last-of-type .one-btn-container:last-of-type { margin-bottom: 0; } body.deviceSSO-gate .join-select p { text-align: inherit; } .checkBlock.agree-step { margin-bottom: 70px; } /* PC용 싱글 페이지 하단 버튼 간격 main에 one-single 추가 */ .one-main.one-single .main-inner { /* padding-bottom:23px */ } .one-main .one-btn-container.google { margin-bottom:0; } .one-main .one-btn-container.qrcode { margin-top:16px; margin-bottom: 8px; } /* pc용 로그인 페이지 중앙정렬 */ .one-chptcha { text-align: center; margin-left:auto; margin-right: auto; } .one-counrty .search { margin-bottom: 48px; margin-left: 0; margin-right: 0; } .one-counrty .counrty-list .title h2 { font-size: 14px; line-height: 1.71; font-weight: 500; color: #858585; margin-bottom: 0; } .one-counrty .counrty-list { margin-bottom: 36px; } .mbr_staySignIn { margin-top: 42px; margin-bottom: -15px; } /* 카드 없는 ui 전용 - 로그인 */ body.one-card-ui { background-color: #f2f2f2; } /* korea only 14 year gateway + 20221216 add sso gate */ body.gateway-kor, body.deviceSSO-gate { background-color: #f2f2f2; } /* sign out */ .hybrid-ServiceList .icon img { width: 48px; height: 48px; } .hybrid-ServiceList .icon { min-width: 74px; } .hybrid-ServiceList .cntServiceMol dd { font-size:16px; line-height:1.5; } .hybrid-ServiceList .cntServiceMol dt { margin-bottom: 4px; } .hybrid-ServiceList .cntServiceMol dd.link a { font-size: 14px; } /* verify phone number */ .one-forms-verifyphoneNum .one-btn-container.mbr_sendcode { /* margin-top: 0; **** 체크해볼 것 */ } .user-phone-number { font-size: 20px; line-height: 1.2; margin: 36px 0 48px 0; } /* 독일용 폼간격 */ .one-forms.detail-deu { padding-bottom: 0px; } /* 한국용 약관 동의 PC일때 보이게 */ .signUp-detail .checkBlock .text-area { display: block; } /* 심플캡챠 PC용 */ .simpleCaptchaArea { /* margin-bottom: 24px; */ } /* 한국인증 간격 */ .one-checkbox-container.mobile-service1 .one-checkBox, .one-checkbox-container.mobile-service2 .one-checkBox { /* flex:1 1 0; */ } /* 중국인증 간격 */ .set-user-mail { margin: 30px 0 37px 0; } .set-user-mail li { padding: 14px 0 13px 0; } .set-user-mail.special-off { margin-bottom: 48px; } .set-push-mail { margin-bottom: 47px; } .device-list-protec li { } /* fine id pw 간격 */ .result-title { font-size: 20px; font-weight: bold; line-height: 1.2; color: #252525; margin-bottom: 12px; } .findid-result ul li { margin: 0; font-size: 16px; font-weight: 500; line-height: 1.5; } .checkBlock.findid-result { margin-bottom: 36px; } .under-msg { margin-bottom: 24px; } /* 2fa 간격 */ .phone-number { margin-bottom: 36px; } .info-2fa { margin-top: 44px; margin-bottom: 36px; } .info-2fa .title { margin-bottom: 16px; } .number-2fa { margin-bottom: 36px; } .qr-code { margin-bottom: 36px; } .about-backupcode { margin-bottom: 70px; } .one-checkBox-title { margin-bottom: 24px; } /* connect service */ .connect-service { margin-top: 36px; margin-bottom: 70px; } /* signin tooltop pc */ .signin-tooltip { margin-top:45px; } .btn-under { margin-top: 40px; } /* special offer */ .one-forms.specialOffer { margin-bottom: 48px; } .outDesc.setN1 { margin-bottom: 24px; } /* 2step title */ .main-inner .container .title .ic { line-height: 40px; padding-left:52px; } [dir="rtl"] .main-inner .container .title .ic { padding-left:0; padding-right: 52px; } .main-inner .container .title .ic[class~="call"] { background: url("../images/v3/icon_call.png") no-repeat center left; background-size:40px 40px; } .main-inner .container .title .ic[class~="device"] { background: url("../images/v3/icon-device.png") no-repeat center left; background-size:40px 40px; } .main-inner .container .title .ic[class~="app"] { background: url("../images/v3/icon-app.png") no-repeat center left; background-size:40px 40px; } .main-inner .container .title .ic[class~="code"] { background: url("../images/v3/icon-code.png") no-repeat center left; background-size:40px 40px; } .main-inner .container .title .ic[class~="message"] { background: url("../images/v3/icon-message.png") no-repeat center left; background-size:40px 40px; } [dir="rtl"] .main-inner .container .title .ic[class$="call"], [dir="rtl"] .main-inner .container .title .ic[class$="device"], [dir="rtl"] .main-inner .container .title .ic[class$="app"], [dir="rtl"] .main-inner .container .title .ic[class$="code"], [dir="rtl"] .main-inner .container .title .ic[class$="message"] { background-position:center right; } /* winsdk pc */ .sdk-midchat img { max-width:515px; } .one-main.one-sdk .container .title h1 { font-size: 39px; font-weight: 500; } .excp_wipsdk { margin-bottom: 0px; } /* banner pc */ .wrapper .banner { border-bottom-color: #8fb7ef; } .wrapper .banner .banner-inner { padding: 14px 48px 20px 24px; } [dir="rtl"] .wrapper .banner .banner-inner { padding-left: 48px; padding-right: 24px; } .wrapper .banner .close { top: 9px; right: 0; } [dir="rtl"] .wrapper .banner .close { right: inherit; left: 0; } .wrapper .banner .title { line-height: inherit; } /* not ie */ .page-not-supported .illust-ie { background-size:252px 252px; padding:288px 0 32px 0; } .page-not-supported .illust-ie h2 { font-size:32px; font-weight: 300; } /* device tv*/ .un-device-title { margin-top: 0; margin-bottom: 32px; } .main-inner .container .title.un-device-subtitle h1 { font-size: 24px; font-weight: 500; text-align: center; margin-bottom: 44px;} .signined-device .email { margin-bottom: 78px; } /* galaxy device login */ .one-btn-container.galaxy-device { margin:32px 0; } .loading-link { left: calc(50% - 80px); } /* 신규로그인 pc */ .one-main.new-login .main-inner .container .title h2 { font-size: 16px; } .one-main.new-login .one-checkBox.mbr_rememberid { margin-top:0; padding-top: 10px; padding-bottom: 0; margin-bottom: -3px; } .simpleCaptchaArea .captchaContainer { justify-content:flex-start; } .signin-tooltip dt { font-size: 15px; } .signin-tooltip dd { font-size: 13px; } /* body.one-card-ui .one-main .main-inner { padding: 0 0 0 0; } 확인용!!! */ .outDesc { margin: 25px 0 25px 0; } /* 신규 로그인 전용 버튼 */ .one-forms-login .one-btn-container .one-button { min-width: 360px; font-size: 17px; } /* 20221017 stay signin pc일때 */ .mbr_staySignIn .ic_info { position: absolute; top: 39px; left: calc(50% - 180px); z-index: 10; } /* 20230621 */ .family_account_infoview { margin-bottom: 56px; } body.one-card-ui.fullpage-ui .under-content .one-btn-container { margin-top: 48px; } .page-step { margin-top: -36px; margin-bottom: 36px; } .main-inner .container .text-guide.secDesc { margin-bottom: 48px; } .telecom-sms .user-phone-number { margin-bottom: 36px; } .ui-input-container:last-of-type { margin-bottom: 0; } .signup-user-complete { margin-top: 4px; } /* .one-forms-login { padding-top:25px; } 신규 로그인 화면 중첩되어서 일단 주석 처리 */ .new-idform { margin-left: 0; margin-right: 0; } /* 20230626 모바일 풀페이지, 카드ui 일때 하단 버튼 언더 포함 */ body.one-card-ui .one-main.new-login .main-inner .under-content button.one-button { min-width: 360px; } .user-email-view { font-size: 20px; font-weight: bold; line-height: 1.2; margin-bottom: 36px; } /* 20230718 버튼 236px로 복귀 body.one-card-ui .wrapper.flex-full-layout .main-inner .under-content button.one-button { min-width: 320px; } */ /* 유동간격플렉스 고쳤음 0 버튼 1개일때- 수정금지!!! */ body.one-card-ui .wrapper.flex-full-layout .main-inner .under-content button.one-button:last-of-type { margin-bottom:0; } /* 유동간격플렉스 서브컨텐츠 있을 때, 여백 */ .family-dsc { margin-bottom: 40px; } .family-dsc.again { margin: 0 0 40px 0; } .wrapper.flex-full-layout .main-inner .container .title h1 { margin-top: 12px; } .new-subform { padding-bottom: 40px; margin-bottom: 0; } /* body.one-card-ui .one-main.new-login .main-inner .container { margin-bottom: 0; } */ /* .one-main .container .one-btn-container.select-type .one-button { min-width: 320px; } */ body.one-card-ui.fullpage-ui .under-content.under-fix { margin-top: 0; padding-top: 0; } .wrapper.flex-full-layout .one-main .main-inner .under-content { /* padding-top: 72px; */ } .one-card-ui.fullpage-ui .main-inner .container .title h1 { margin-bottom: 40px; margin-top: 0; } .new-pwform { margin-top: 0; } /*20230830 2step 간격 변경 제플린 요청 */ .step_gate { margin-bottom: 24px; } /* 20230918 풀페이지 content 간격 변경 요청 */ .one-main.new-login .main-inner .content { max-width:inherit; } body.one-card-ui .new-idform, body.one-card-ui .one-forms, .new-pwform, .simpleCaptchaArea, .one-forms-login .one-main .one-btn-container.google { max-width: 360px; margin-left: auto; margin-right: auto; } .one-main .mbr_signin ul { margin-top: 26px; margin-bottom: 24px; } .one-main .one-forms-login.one-password .mbr_signin ul { margin-bottom: 0; } body.deviceSSO-gate .one-main .main-inner .container { margin-bottom: 0px; } /* 20231011 2step pc 모드일 때 */ .one-forms2 .link { margin-bottom: 52px; } .user-number { margin-top: 36px; margin-bottom: 8px; } .user-pin-email { font-size: 20px; font-weight: 700; } /* 20231116 pc전용 타이틀 간격 */ .one-main.new-login .main-inner .container .title h1 { padding-left:48px; padding-right:48px; } /* 20231204 회원약관동의 간격 변경 요청 pc모드일때 - 약관동의 박스 간격 pc일때 고정 */ body.one-card-ui .main-inner .container .checkBlock .one-checkBox { margin-bottom: 20px; } .one-checkBox .scr { width: 460px; } body.one-card-ui .main-inner .container .checkBlock .bar { padding-top: 0; margin-top: -4px; } /* 2SV Reset */ .text-guide-date { margin-bottom: 12px; text-align: center; } .text-date { margin-bottom: 34px; font-weight: 700; text-align: center; } .text-list { margin-bottom: 8px; } .text-info-bold { font-weight: 700; } .text-list.text-left { display: inline-block; margin-bottom: 8px; } .text-list.text-right { display: inline-block; margin-bottom: 8px; } .end-info { margin-bottom: 16px; } .button-link { margin-bottom: 36px; } } /* 최소치 버튼 정렬 */ @media(max-width:320px) { /*아이폰se 320px, Fold 290px */ body.one-card-ui { /* height: fit-content; */ } /* 갤럭시플립용 */ body.gateway-kor { /* height: fit-content; */ } /* 갤럭시플립용 */ .wrapper { min-width:280px; } .one-button { width: 216px; min-width:216px; } .one-forms-login { padding-left:0; padding-right: 0; min-width:inherit; } .one-forms-login .one-btn-container .one-button { min-width:220px; } .one-forms-login .one-btn-container.google .one-button { min-width:220px; max-width: 220px; } .one-forms-login .one-btn-container.wechat .one-button { min-width:220px; max-width:220px; } .one-btn-container.wise .one-button { min-width:auto; } .main-inner .container { padding-left:15px; padding-right: 15px; } .one-header .logo { margin-left: 15px; margin-right: 15px; } .under-content { padding-left:15px; padding-right: 15px; padding-top: 24px; } nav.tab-menu { padding-left: 15px; padding-right: 15px; } .one-main .container .join-select .one-button { min-width:216px; } .one-main.new-login .main-inner .content { max-width: max-content; } .user-email-show { margin-bottom: 36px; } .one-checkbox-container.mobile-service1 .one-checkBox { width: 100%; flex: none; } /* .signup-user-complete { margin-top: 24px; } dummy에 min-height:40추가 */ } /* 크롬 전용 다크모드 */ @media (prefers-color-scheme: dark) { body.one-card-ui, body.one-card-ui .one-header, body.one-card-ui .one-main, body.one-card-ui .one-footer, body.gateway-kor, body.gateway-kor .one-header, body.gateway-kor .one-main, body.gateway-kor .one-footer, body.full-screen { background-color:#171717; color:#fafafa; } body.one-card-ui .wrapper { background-color:#171717; } html, body, .one-header, body.deviceSSO-gate { background-color:#010101; color:#a9a9a9; } input[type="checkbox"]:not(old) + label, input[type=radio]:not(old) + label { color: #ddd; } input[type="checkbox"]:not(old) + label.one-checkBox-label, input[type=radio]:not(old) + label.one-checkBox-label { color: #ddd; } input[type=radio]:not(old) + label.one-phone_nm-label { color: #ddd; } a { color: #a9a9a9; } .tooltip { color: #A9A9A9; } .main-inner .container .title h1, .main-inner .container .title h2 { color: #E5E5E5;} body.deviceSSO-gate .main-inner .container .title.one-title h1 { color: #E5E5E5; } .signin-tooltip { background-color: transparent; border-color:#333333; color:#E5E5E5; } .main-inner .container { border-color: #171717; background-color:#171717; border-radius:26px; } .one-button.one-cancel { background-color: rgba(255, 255, 255, 0.3); color: #fafafa; } .one-main .container .one-button.one-cancel[disabled] { background-color:rgba(255, 255,255, 0.3); border-color: rgba(255, 255,255, 0.3); } .user-phone-number { color: #e5e5e5; } input[type=radio]:not(old):checked + label > span { background-color: transparent; } .mbr_signin li a, .under-menu li, .under-menu li a { color: #a9a9a9; } div.bar hr { background-color:transparent; border-color: #252525; } .about-backupcode li { color: #fff; } .fold-list .fold-title h4 button { color: #fff; } .exception_list button { color: #fff; } .exception_list .view { opacity:0.8; } .simpleCaptchaArea .captchaImg, .simpleCaptchaArea .captchaImg img { background-color:#fff; } .simpleCaptchaArea .captchaBtns button img { filter:invert(1); } .one-card-ui .one-header .logo { background-color: inherit; } .footer-links a { color: #e5e5e5; opacity: 1; } .footer-links .active { color: #e5e5e5; font-weight: 700; } .one-footer .footer-inner > .footer-address { color: #999999; opacity: 1; } .loading-wrap.iepix .loading-icon { background:url("../images/v2/hc_loading_new.gif") no-repeat 0 0; background-size:48px; width: 48px; height: 48px; } .wrapper .banner { background-color:#636363; border-bottom-color: #636363; opacity: 0.8; } .wrapper .banner a { background-color: transparent; } .page-not-supported h2, .page-not-supported li, .page-not-supported p { color: #fafafa; } .main-inner .container .text-guide { color:#ddd; } .one-input-container .show-eye input[type="checkbox"] {background: url("../images/layout/ic-show-pw-off-dark.png") no-repeat top right; background-size: 36px 36px; } .one-input-container .show-eye input[type="checkbox"]:checked { background: url("../images/layout/ic-show-pw-on-dark.png") no-repeat top right; background-size: 36px 36px; } .one-main.new-login .one-btn-container.google .one-button, .one-btn-container.google .one-cancel.one-button, .one-main.new-login .one-btn-container.qrcode .one-button, .one-btn-container.qrcode .one-cancel.one-button { background-color: rgba(255, 255, 255, 0.3); color:#fafafa; } .signin-tooltip dt, .signin-tooltip dd { color:#E5E5E5; } .main-inner .content { color: #e5e5e5; } .excp_wipsdk { color: #fafafa; } .one-input-container > input, .one-input-container > textarea { color: #a9a9a9; border-bottom-color: #a9a9a9; } .one-input-container.focus > label { color: #3e91ff } .one-input-container .error-msg, .oneinput-flexbox .error-msg, .one-checkBox .error-msg { color:#db332a; } .one-input-container.one-error label, .one-input-container.one-error input, .one-input-container.one-error select, .one-input-container.one-error .side, .one-input-container.one-error .side .tip { color: #db332a; } .one-input-container.one-error input, .one-input-container.one-error select { border-bottom-color:#db332a; } .one-error.selectfield:after { color: #db332a; border-bottom-color: #db332a; } .one-input-container > input:focus, .one-input-container > select:focus, .one-input-container > textarea:focus { border-color: #0381FE; color: #3e91ff; } .main-inner .container .title.subCase h1 { color: #e5e5e5; } .one-field-data button { color: inherit; } .qr-code.disabled .code-view { background-color: #fafafa; } .qr-code .re-fresh button { background-color: #5a5a5a; } .service-state [type="checkbox"]:focus-visible { outline-offset: max(2px, 0.1em); outline: max(2px, 0.1em) solid #636363; } .main-inner .content .more_btn a { color: #a9a9a9; } input[type="checkbox"]:not(old):checked + label > span:after { color: #171717; } .one-main .container .one-button.one-cancel { background-color: rgba(255, 255,255, 0.3); border-color: transparent; } body.full-screen { background-color: #000; } body.full-screen .one-main { background-color: #000; } body.full-screen .mobile-service1 input[type="checkbox"]:not(old) + label, body.full-screen .mobile-service1 input[type=radio]:not(old) + label { color: #e5e5e5; } body.full-screen input[type="checkbox"]:not(old) + label, body.full-screen input[type=radio]:not(old) + label { color: #e5e5e5; } body.full-screen .one-checkBox label a { color: #e5e5e5; } .family_account_dsc { color: #ddd; } .family-dsc { color: #ddd; } .signup-user-complete dd span.family-name { color: #ddd; } .search-guide { color: #e5e5e5; } .result-title { color: #ddd; } .signup-user-complete dd span.name { color: #e5e5e5; } .signup-user-complete dd span.email { color: #ddd; } body.one-card-ui.gateway .container .title h1 { color: #e5e5e5; } .signup-type .text { color: #ddd; } body.full-screen .label-checkbox { color: #ddd; } .scb-title { color: #ddd; } .main-inner .one-field-data button, .main-inner .one-field-data a { color: #999; } .user-email-view { color: #ddd; } body.one-card-ui .main-inner .container .text-guide { color: #ddd; } .main-inner .container .title.one-title h1 { /* color: #e5e5e5; */ } .complete-userinfo .email { color: #a9a9a9; } .user-email { color: #e5e5e5; } hr.pas { border-bottom-color: #fff; } .one-main.new-login .one-checkBox.mbr_rememberid label { color: #a9a9a9; } .one-checkBox .scr { color: #636363; } .findid-result ul li { color: #e5e5e5; } } /* 크롬 전용 다크모드 pc모드 */ @media (prefers-color-scheme: dark) and (min-width: 680px) { body, body.one-card-ui, .one-footer, body.full-screen .one-main .main-inner { background-color: #010101; } .one-main .main-inner { background-color:#171717; border-color: #171717; } .one-header { background-color:#171717; } .one-card-ui .one-header .logo h1 img { background-color: transparent; } body.one-card-ui .wrapper { background-color: #010101; } body.one-card-ui .one-main { background-color: #010101; } body.one-card-ui .one-footer { background-color: #010101; } .signUp-detail .checkBlock .text-area { background-color:transparent; color: #fafafa; } } @media (prefers-color-scheme: dark) { .one-checkBox .scr a { color: #A9A9A9; } .one-checkBox .scr { color: #A9A9A9; } } /* ms 전용 고대비 모드 해제 */ /* ms only */ @media(-ms-high-contrast: active){ .selectfield::after { -ms-high-contrast-adjust:none; top:22px; } .one-input-container > select { font-size: 15px; } .one-input-container > label { font-size:16px; line-height: 42px; } /* 고대비 모드 버튼 라인 추가 */ .one-button.one-primary { border:1px solid #0381fe; } .one-button.one-cancel { border:1px solid rgba(0, 0, 0, 0.06); } }