@charset "utf-8";
@import url(webfont.css);

/*! 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; }
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; word-wrap: break-word; word-break:keep-all; }
html { -ms-text-size-adjust:100%; }
body { color:#252525; font-size:16px; line-height:1.46; -webkit-font-smoothing:antialiased; }

/* lang font */
body { font-family:Arial, Roboto, "Helvetica Neue", "Apple SD Gothic Neo", sans-serif; }
[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;}
[lang="zh"] body {font-family:'Microsoft Yahei', Arial, Roboto, "Helvetica Neue", "Apple SD Gothic Neo", sans-serif;}
[lang="ja"] body {font-family:Arial, "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
[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;}

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; } 

/* 크롬 자동 채우기 기능 시 색상 변경 방지 */
input::placeholder{color:#c7c7c7;}

/* account layout 1순위 모바일 화면 580px 기준, 2순위 PC 화면 580px 이상 */
html, body { margin:0; padding: 0;  }
a { color:#252525; }
a.link { color: #909090; 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%; background-color:#f4f4f4; }

/* ******************************************************************************* 디자인 가이드 ********************************************************************************* */
.wrapper { 
	display: flex; /* 플렉스 지정 */
	flex-direction: column;   /* 방향 위에서 아래로 */
	/* min-height: 100vh; /* ie10-ie11 min-height 문제 */
	height: 100%;
	min-width: 319px;
}
/* header style */
.one-header { min-height: 56px; }
.one-header .header-inner { max-width:1164px; margin: 0 auto; box-sizing: border-box; }
.one-header .logo { margin:15px 24px 16px 24px; }
.one-header .logo img { height: 11px; }
.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: 100%;
	min-width: 220px;
}
.one-main::after {content:'\00a0'; /* &nbsp; */ 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 {margin-bottom:20px; border: 1px solid #d9d9d9; border-radius:26px; background-color: #fcfcfc; padding:30px 24px 30px 24px;  } 

/* 카드 없는 ui 전용 - 로그인 */
body.one-card-ui {  background-color: #fcfcfc; height:100%; }
body.one-card-ui .one-main .main-inner .container { border: none; background-color:transparent; }

/* 한국 전용 - 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; line-height: 1.5; color: #252525; display: block; 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: 39px; line-height: 1.23; font-weight: 500; text-align: center; color: #0072de; }
.main-inner .container .text-guide { margin-bottom: 12px; }
.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; }
.main-inner .container .title .ic {  padding-left:32px; line-height:28px; }
[dir="rtl"] .main-inner .container .title .ic {  padding-left:0; padding-right: 32px;  }
.main-inner .container .title .ic[class$="call"] { background: url("../images/layout/icon-ic1.png") no-repeat top 2px left 0; background-size:24px 22px; }
.main-inner .container .title .ic[class$="device"] { background: url("../images/layout/icon-ic2.png") no-repeat top 2px left 0; background-size:24px 22px; }
.main-inner .container .title .ic[class$="app"] { background: url("../images/layout/icon-ic3.png") no-repeat top 2px left 0; background-size:24px 22px; }
.main-inner .container .title .ic[class$="code"] { background: url("../images/layout/icon-ic4.png") no-repeat top 2px left 0; background-size:24px 22px; }
.main-inner .container .title .ic[class$="message"] { background: url("../images/layout/icon-ic5.png") no-repeat top 2px left 0; background-size:24px 22px; }
[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:top 2px right 0; }

/* under-content 카드 밖 */
.under-content { padding:0 24px 24px 24px; }
.subDesc { font-size: 16px; line-height: 1.33; margin-bottom: 24px;  } /* 박스 안쪽 추가 텍스트 */
.subDesc a { font-weight: bold; }
.outDesc { } /* 박스 바깥쪽 추가 텍스트 */
.outDesc.setN1 { margin-bottom: 24px; }
.under-menu { margin-top: 12px; }
.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: #505050; }
.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: 1em 1em 30px 1em; } 
.one-footer .footer-inner { max-width:1116px; margin: 0 auto;  font-size: 10px; font-weight: 300; opacity: 0.8; display: flex; flex-wrap: wrap; justify-content: space-between;  }
.one-footer .footer-inner div:first-of-type { width: 100%; flex: none; margin-top: 23px; margin-bottom: 8px; opacity:1; } 
.footer-logo { }
.footer-logo img { width: 140px; height: auto; }
.footer-links { display:inline-block; }
.footer-links .active { font-weight: bold; }
.footer-links a {  position: relative; padding:2px 8px; text-decoration: none; display: inline-block; vertical-align: middle; font-size: 10px; font-weight: 500; color: #707070; opacity: 0.7; }
.footer-address {  font-size:10px; font-weight: 500; font-style: normal; font-stretch: normal; color:#888888; opacity: 0.6; }
.one-footer .footer-inner > .footer-links { order:1; margin-left: auto; margin-right: auto; }
.one-footer .footer-inner > .footer-logo { order: 2; width: 100%;  }
.one-footer .footer-inner > .footer-address { order: 3; width: 100%;  }
/* footer style */

/******************************************************************* 기본 요소 디자인 버튼, 인풋, 박스 ************************************************************/
/* button */
.one-btn-container{ width:100%; text-align:center; padding:0; margin:0 0 30px 0; }
.one-button{ min-width:216px; min-height:44px; padding:7px 16px 6px 16px; margin: 0 auto; background:transparent; border:0 ; border-radius:22px; color:#000; font-weight:bold; font-size:17px; line-height:1.27; letter-spacing:0.01em; 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; }
[lang="ko"] .one-button { word-break: keep-all; }
a.one-button { /* border: 1px solid #d9d9d9; */ display: inline-block; line-height:33px; }

/* 버튼이 컨텐츠 안에 들어가면 높이값 축소_날씬이버튼 */
.one-main .container .one-button { min-width: 216px; min-height: 36px; padding:8px 20px 7px 20px; border-radius:18px; font-size: 15px;  }
.content.verification_guide .one-btn-container:last-of-type { margin-bottom: 0; }

/* 버튼 2개 이상 wise */
.one-btn-container.wise { padding:0 24px; display:inline-flex; justify-content:space-around;  }
.one-btn-container.wise .one-button {  min-width:152px; margin-left: 4px; margin-right: 4px;  }

/* 버튼 활성화, 비활성화, 취소 */
.one-button.one-default { background-color: transparent; border:1px solid transparent; color:inherit; }
.one-button.one-primary { background-color:#0072de; border:1px solid #0072de; color:#fff; }
.one-button.one-cancel { background-color:#ededed; border:1px solid #ededed; color:#252525; }
.one-button.one-default[disabled], .one-button.one-default:disabled {color:#e1e1e1;opacity:1;}
.one-button.one-primary[disabled], .one-button.one-primary:disabled {opacity:0.4;}

/* 구글 로그인 버튼 */
.one-forms-login .one-btn-container.google .one-button { min-width: 270px; max-width: 270px; text-align: center; padding-left: 49px; padding-right: 14px;  vertical-align: middle; font-size: 15px; color: #fafafa; }
[dir="rtl"] .one-forms-login .one-btn-container.google .one-button { padding-left: 14px; padding-right: 49px; }
.one-forms-login .one-btn-container.google .one-button { background: url(../images/layout/google.png) no-repeat left 5px top 6px #0072de; background-size:30px 30px; } /* 구글아이콘 */
[dir="rtl"] .one-forms-login .one-btn-container.google .one-button { background-position: right 5px top 6px; }
.one-forms-login .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 { min-width: 270px; max-width: 270px; text-align: center; padding-left: 49px; padding-right: 14px;  vertical-align: middle; font-size: 15px; 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 #0072de; 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; } /* 줄임처리 임시 */

/* 라디오, 체크박스 */
.one-radio, .one-checkBox { overflow:hidden;position:relative; box-sizing:border-box; margin-bottom: 14px; }
.one-checkBox:last-of-type { margin-bottom:0; }
input[type="checkbox"]:not(old),input[type=radio]:not(old){margin:0 0 -28px 0; padding:0;opacity:0;width:30px; height:30px; display: block; }
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: 30px; padding-left: 0; }
input[type="checkbox"]:not(old) + label, input[type=radio]:not(old) + label { font-size: 16px; font-weight: 500; line-height: 1.5; color: #252525; }
input[type="checkbox"]:not(old) + label > span,input[type=radio]:not(old) + label > span{display:inline-block;width:18px;height:18px;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:4px;background-color:transparent;border:1px solid #8f8f8f;}
[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:#3e91ff;border-color:#3e91ff;}
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:6px;height:10px;border-width:2px;color:#fafafa;content:'';display:table;border-style:solid;border-top:0;border-left:0;}
[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:10px;height:10px;background:#3e91ff;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:30px;}
[dir="rtl"] input[type="checkbox"]:not(old)+label { padding-left: inherit; padding-right:30px;  }
.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; }

/* more 버튼 */
.more_btn { display: block; float: none; clear: both; padding-left:31px; font-size: 15px; line-height: 1.47; font-weight: bold; padding-top: 2px; padding-bottom: 3px; }
[dir="rtl"] .more_btn { padding-left: 0; padding-right: 31px; }
.more_btn a { display: inline-block; }

/* 구분 bar */
div.bar { margin:26px 0 15px 0; padding: 0;  }
div.bar hr { margin: 0; padding: 0; border: 0; height: 1px; background-color:transparent; border-bottom: 2px dotted #e6e6e6; }
div.bar hr.row { border-bottom:1px solid #e6e6e6; }

/* 인풋 */
.one-input-container { display: block; position: relative; z-index: 1; margin:37px 0 24px 0; }
.one-input-container > label { position: absolute; top: -1px; left: auto; max-width: 100%; height: 2.7em; line-height: 1.33; color: #909090; 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, 3px, 0) scale(1); 	transform: translate3d(0, 3px, 0) scale(1); -webkit-transform-origin: left top; transform-origin: left top; }
.one-input-container.focus > label { color: #0072de; 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: #0072de; }
.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: #909090; border: none; border-bottom: 1px solid #8c8c8c; background-color: transparent; box-sizing: border-box; border-radius:0;  }
.one-input-container > select { color:transparent; }

/* 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:#909090;}
.one-input-container > input:focus, .one-input-container > select:focus, .one-input-container > textarea:focus { outline: 0; border-color: #0072de; border-width: 2px;  color: #0072de; }
.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: #505050;  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 { font-size:12px; color: #d0021b; 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: #d0021b; }
.one-input-container.one-error input, .one-input-container.one-error select { border-bottom-color: #d0021b; 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: keep-all; word-wrap: break-word; } 
.one-error.selectfield:after { color: #d0021b; border-bottom-color:#d0021b; }
.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;  }
.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: #909090; 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 #9c9c9c; }
.selectfield.focus:after { transform:rotate(0deg); -webkit-transform:rotate(0deg); border-bottom-color:#0072de;  }
[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; }
.one-main form .mbr_signin .one-btn-container { margin-bottom: 28px; }

/* 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: #505050; margin-top:-21px; }
.tooltip dt { font-weight: bold; }

/* 인포 디테일 */
.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:#505050; }

/* 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: #505050; 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: #0074d4; 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: #0072de; font-weight:500; text-align: center;}
.main-inner .container.loginForm .title h1 { overflow:inherit; text-overflow: inherit; white-space: normal; } /* 줄임표 삭제처리 */
.one-forms-login { padding-left: 21px; padding-right: 21px; min-width: 270px; }
.mbr_signin { margin-top:30px; margin-bottom: 28px; }
.mbr_signin .one-btn-container { margin-bottom: 28px; }
.mbr_signin li { margin-bottom: 6px; font-size: 15px; line-height: 1.6; font-weight: bold; }
.mbr_signin li:last-of-type { margin-bottom: 0; }
.mbr_signin li a { font-size: 15px; line-height: 1.6; color: #505050; margin:auto 2px; display: inline-block; }
.one-forms-login .one-btn-container .one-button { min-height: 44px; min-width: 270px; border-radius: 22px; }

/* 스페셜 약관 목록 */
.specialTermsList { margin-bottom: 24px; }
.specialTermsList li {  border-bottom:1px solid #e6e6e6;  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 #9c9c9c; 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 #e6e6e6; border-top:1px solid #e6e6e6; 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 #9c9c9c; 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:30px 0 0 0; }
.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-forms.joinAccount { /* margin-bottom: -28px; */  }

/* 이메일계정체크 */
.user-email { text-align: center; font-weight: bold; margin: 30px 0; }
.user-email-button .one-button { margin-bottom: 12px;  }
.user-email-button { margin-bottom: 24px; }
.user-email-button .one-button:last-child { margin-bottom: 0;}
.user-email span.new-email { display: block; font-size: 12px; font-weight: normal; color: #909090; line-height: 2.7em; }
.user-email.only-guide:last-of-type { margin-bottom: 0; }

/* 약관동의 */
body.one-card-ui .main-inner .container .title.one-title h1 { margin-top: 28px; margin-bottom: 36px; }
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-top:14px; }
.signUp-detail .checkBlock .one-checkBox { margin-bottom:0px; }
.signUp-detail .checkBlock .text-area { border: 1px solid #e6e6e6; background-color: #fcfcfc; height: 100px;  overflow: auto; white-space: pre-wrap; margin:10px 0 0 35px; padding: 10px; font-size: 13px; font-weight: 500; line-height: 1.23; color:#909090; }
[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: #e6e6e6; }

/* 체크동의 반대방향 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; }

/* 회원가입동의 */
.join-select { margin-top: 36px;  }
.join-select .one-btn-container { margin-top: 30px; margin-bottom: 30px; }
.one-main .container .join-select .one-button { min-width:270px; }

/* 구글 캡챠 -*/
.one-chptcha { width:100%; max-height: 72px;  margin-top:32px; }

/* 심플 캡챠 */
.simpleCaptchaArea { width:100%;margin-top:37px; margin-bottom: 36px; }
.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:30px;height:30px; }
/* 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 #e6e6e6; margin: 0; padding-bottom: 4px; }
.one-counrty .counrty-list ul, .one-counrty .counrty-list li { 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 #e6e6e6; }
.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 #e6e6e6;  }
.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: #909090; 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: 1.22; color: #2a2a2a; margin-top:30px; margin-bottom:30px; }

/* 한국용 약관 동의 모바일일때 사라지게 */
.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: #909090; 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: #909090; 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 { font-weight: bold;  margin-bottom:9px; }
.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: 18px; font-weight: 500; line-height:2.89; }

/* recapctha 리캡챠 */
.recapctha-one-ui { margin-top: 8px; }

/* under*/
.under-msg { margin-bottom: 20px; }
.under-msg:last-of-type { margin-bottom: 0; }
.under-msg .link { display: block; font-weight: bold; }

/* input shadow 탭키 클릭 포커스 갔을 때 테두리 클리어하고 지정  */
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,.40); 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;  }
.about-backupcode ul { margin-top: 8px; }
.about-backupcode li { margin-left: 20px; color: #505050; 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; background-color: #fcfcfc; border:1px solid #d6d6d6; padding: 20px; margin-left:-20px; margin-right: -20px; }
.signin-tooltip dt, .signin-tooltip dd { font-size: 18px; font-weight: 500; }
.signin-tooltip dt { margin-bottom: 6px; }
.signin-tooltip dd { line-height: 1.5; color: #505050; font-size: 16px; margin-bottom: 8px; }
.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; }

/* ******************************************************************** 모바일 배율용 간격 ___ 마지막으로 둘 것 ******************************************************************* */
.one-btn-container.mbr_sendcode { margin-top:12px; }
.one-btn-container.mbr_expendtime { margin-bottom: 30px; margin-top: -12px; }
.under-content .one-btn-container { margin-bottom: 25px; }
.under-content .one-btn-container .one-button { margin-bottom: 12px; }
.under-content .one-btn-container:last-of-type .one-button:last-of-type { margin-bottom: 0; }
.under-content .one-btn-container.wise:last-of-type .one-button:last-of-type { margin-bottom: 12px; }
.checkBlock.mbr_2stepverifi { margin-top: 24px; }
.checkBlock.mbr_2stepverifi .one-checkBox { min-height: 39px; margin-top: 10px; }
.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: #909090; }
.checkBlock.verify-security { margin-bottom: 26px; }

/* 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-bottom: 24px; }

/* 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: #505050; 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 dt { font-size: 16px; line-height: 24px; color: #505050; }
.link-mode dd { margin-bottom: 18px; }
.link-mode dd, .link-mode dd a { font-size: 13px; line-height: 16px; color: #909090; text-decoration: none; word-break: break-all; }
.link-mode dd a { display: inline-block; }
.inner-bar { height: 1px; background-color: #e6e6e6; 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 #e6e6e6; }
.part_list li span.dec { display: block; font-size: 13px; line-height: 1.23; font-weight: 500; color: #909090; }

/* 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/aloading.png") no-repeat 0 0; background-size:48px; width: 48px; height: 48px; z-index: 9999; }
.loading-wrap.iepix .loading-icon { background:url("../images/v2/loading_48px.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; }

.excp_wipsdk { margin-bottom: 30px; line-height: 1.5; color: #505050; 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: #0072de; 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: #0072de; font-weight: 500; text-align: center; margin: 45px 24px 48px 24px; }
.signined-device .icon { display: block; width: 80px; height: 80px; border: 1px solid #ededed; 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 #ededed; background-size:48px 48px; }
.signined-device .email { text-align: center; margin-top: 12px; }

/* ***************************************************************************************** */
/* ***************************************************************************************** */
/* 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; border-bottom: 1px solid #d5d5d5; background-color: #fff; }
	.one-header .logo { margin:36px 24px 29px 24px; }
	.one-header .logo img { height: 18px; }
	.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 { border:none;  }
	.main-inner .container {  padding: 0; margin-bottom:0;  } /* 임시조치 */
	.main-inner .container .title h1 { font-size: 32px; font-weight: 300; line-height: 1.25; padding: 0; text-overflow: inherit; overflow:inherit; white-space: inherit; margin-bottom:35px;  }
	.main-inner .container .title.subCase h1 {  font-size: 39px; line-height: 1.23; color: #0072de; font-weight: 500; text-align: center;  }
	.main-inner .container .title h2 { font-size: 24px; overflow:inherit; text-overflow: inherit; white-space:normal;font-weight:500; margin-bottom: 19px; }
	.main-inner .content  { border:none; font-size: 16px; padding: 0; }
	.one-main .main-inner {  background-color: #fcfcfc;  border-radius: 26px; border:1px solid #d9d9d9; padding:60px 72px 48px 72px; }
	.main-inner .under-content { padding: 0; }
	.subDesc { padding-left:0; padding-right: 0; margin-bottom:23px;  }
	.outDesc { padding-left:0; padding-right: 0; }
	.outDesc a { margin-left:1px; margin-right: 1px;}
	.resendEmail-address { margin: 43px 0;  }
	
	/* pc용 풋터 */
	.one-footer { margin-top:auto; text-align: inherit; }
	.one-footer .footer-inner { font-size: 12px; }
	.one-footer .footer-inner div:first-of-type { margin-bottom:6px; }
	.one-footer .footer-inner > .footer-links { order:2; margin-left:0; margin-right:inherit; max-width: 650px;  }
	[dir="rtl"] .one-footer .footer-inner > .footer-links { margin-left:inherit; margin-right:0; }
	.one-footer .footer-inner > .footer-logo { order:1; text-align: right;}
	[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: #888888; opacity: 1; }
	.footer-links a { font-size: 12px; font-weight: 500; color: #252525; padding-left: 15px; padding-right: 15px; opacity: 1; }
	.footer-logo img { width: 201px; height: auto; opacity:1; }
	.footer-links a:first-of-type { padding-left:0;}
	[dir="rtl"] .footer-links a:first-of-type { padding-left:15px; padding-right:0;}
	
	/* PC용 탭 */
	nav.tab-menu { padding:0; margin:0 auto 35px auto; max-width: 640px; }
	
	/* PC용 버튼 */
	.one-button { min-width: 236px; }
	.one-btn-container.wise .one-button {  min-width:236px;  margin-left: 12px; margin-right: 12px; }
	.one-main .container .one-button { min-width: 280px; }
	.one-forms-login .one-btn-container.google .one-button { min-width: 280px; max-width: 280px; }
	
	/* PC용 배율 간격 ___ 항상 마지막에 둘 것 */
	.main-inner .container .text-guide { margin-bottom: 36px !important; }
	.one-btn-container.mbr_sendcode { margin-top:36px; margin-bottom: 36px; }
	.one-btn-container.mbr_expendtime { margin-bottom: 36px; }
	.one-radio, .one-checkBox  { margin-bottom: 14px; }
	.one-checkBox:last-of-type { margin-bottom: 36px; }
	
	.bar { margin: 36px 0 24px 0; }
	.under-content .one-btn-container { margin-top: 50px;  }
	.under-content .one-btn-container:last-of-type { margin-bottom:0;  }
	.under-content .one-btn-container.wise:last-of-type  { margin-bottom: -13px; }
	.one-btn-container.mbr_aggreTerms { margin-top: 36px; 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; }
	.mbr_signin { margin-top: 36px; margin-bottom: 36px; max-width: 280px; margin-left: auto; margin-right:auto; }
	.mbr_signin li { margin-bottom: 8px; }
	.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 { margin-right: 24px; }
	[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-left: 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; }
	.user-email-button { margin-bottom: 20px; }
	.one-btn-container.mbr_expendtime { margin-top: 0; }
	.main-inner .container .text-guide.only-guide { margin-bottom:71px; }
	.under-menu { margin-top: 43px; }
	
	.join-select .one-btn-container { margin-top: 36px; }
	.join-select:last-of-type .one-btn-container:last-of-type { margin-bottom: 0;  }
	.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; }
	
	/* 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; }
	
	/* 카드 없는 ui 전용 - 로그인 */
	body.one-card-ui {  background-color: #f2f2f2; }

	/* 한국 전용 - 14세 이상 게이트웨이 */
	body.gateway-kor { 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 { margin-top: 0; margin-bottom: 36px; }
	
	/* 독일용 폼간격 */
	.one-forms.detail-deu { padding-bottom: 54px; }
	
	/* 한국용 약관 동의 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  { margin-bottom: 12px; font-size: 20px; line-height: 1.2;  }
    .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; }
	.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-left: 0; margin-top: 0; }
	
	.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: 28px; padding-left:42px; }
	[dir="rtl"] .main-inner .container .title .ic { padding-left:0; padding-right: 42px; }
	.main-inner .container .title .ic[class~="call"] { background: url("../images/layout/icon-ic1.png") no-repeat top 0px left 0; background-size:30px 28px; }
	.main-inner .container .title .ic[class~="device"] { background: url("../images/layout/icon-ic2.png") no-repeat top 2px left 0; background-size:30px 22px; }
	.main-inner .container .title .ic[class~="app"] { background: url("../images/layout/icon-ic3.png") no-repeat top 0px left 0; background-size:30px 28px; }
	.main-inner .container .title .ic[class~="code"] { background: url("../images/layout/icon-ic4.png") no-repeat top 0px left 0; background-size:30px 28px; }
	.main-inner .container .title .ic[class~="message"] { background: url("../images/layout/icon-ic5.png") no-repeat top 0px left 0; background-size:30px 28px; }
	[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:top 0px right 0; }	
	
	/* 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); }
}

/* 최소치 버튼 정렬 */
@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 { 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: 116px; }
	.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; }
	nav.tab-menu { padding-left: 15px; padding-right: 15px; }
	.one-main .container .join-select .one-button { min-width:216px; }
}

/* 크롬 전용 다크모드 */
@media (prefers-color-scheme: dark) {
	html, body, a, body.one-card-ui, input[type="checkbox"]:not(old) + label, input[type=radio]:not(old) + label, .main-inner .container, .main-inner .content, .one-header, .one-main .main-inner { background-color: #000; color:#fff; }
	.tooltip { color: #909090; }
	body.gateway-kor { background-color: #000; }
	.signin-tooltip { background-color: transparent; border-color:#505050; color:#909090;  }
	.main-inner .container, .one-main .main-inner { border-color: #505050; }
	.one-button.one-cancel { background-color: #2b2b2b; color: #fff; }
	.one-header { border-bottom-color: #505050; }
	.user-phone-number { color: #fff; }
	.one-header .logo img { filter: invert(1); }
	input[type=radio]:not(old):checked + label > span { background-color: transparent; }
	.mbr_signin li a, .under-menu li, .under-menu li a { color: #fff; }
	div.bar hr { background-color: #8c8c8c; }
	.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: #fff; opacity: 1; }
	.one-footer .footer-inner > .footer-address { color: #fff; 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:#505050; border-bottom-color: #505050; opacity: 0.8; }
	.wrapper .banner a { background-color: transparent; }
	.page-not-supported h2, .page-not-supported li, .page-not-supported p  { color: #fafafa; }
}