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

/* default settings */
* { margin: 0; padding: 0; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body { width: 100%; height: 100%; }
html { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; }
body { background: #f7f7f7; font-family: Arial, Roboto, "Helvetica Neue", "Apple Gothic", sans-serif;  font-size: 16px; line-height: 1.2; }
[lang=zh] body { font-family: 'Microsoft Yahei', Arial, Roboto, "Helvetica Neue", "Apple Gothic", sans-serif; }
/* webfont */
[lang=en] body { font-family:'SamsungOne', Arial, Roboto, "Helvetica Neue", "Apple Gothic", sans-serif; }
[lang=en] h1, [lang=en] .iam-signinUI h2, [lang=en] .iam-signupUI .iam-banner .iam-banner-text { font-family:'SamsungSharpSans', Arial, Roboto, "Helvetica Neue", "Apple Gothic", sans-serif; }
[lang=ko] body { font-family:'SamsungOneKorean',  Arial, Roboto, "Helvetica Neue", "Apple Gothic", sans-serif; }

button, input, select, textarea { font-family: inherit; vertical-align: baseline; -moz-appearance: none; -webkit-appearance: none; appearance: none; -webkit-border-radius: 0; }
header, main, footer { display: block; }
a { color: #1428a0; }
button { background: transparent; border: 0; text-transform: uppercase; cursor: pointer; }
input[type=button], input[type=reset], input[type=submit] { cursor: pointer; }
fieldset { border: 0 none; }
legend { display: none; }
img { border-style: none; }
[disabled] { opacity: .4; }
input[type=text]::-ms-clear, input[type=tel]::-ms-clear, input[type=email]::-ms-clear, input[type=number]::-ms-clear  {display:none;} /* 시스템 X 버튼 삭제 */
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; } /* 크롬 자동 채우기 기능 시 색상 변경 방지 */
select::-ms-expand { display: none; } /* ie에서 시스템 셀렉트화살표 없애기 */

@media (max-width: 900px) { 
	body { font-size:15px; }
	input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #f7f7f7 inset; -moz-box-shadow: 0 0 0 1000px #f7f7f7 inset; box-shadow: 0 0 0 1000px #f7f7f7 inset; }
}

/* common Layout */
html, body, iam-wrapper, header, main, footer { min-width: 240px; }
header, main, footer { width: 100%;}
h1 { color: #000; font-size: 20px; font-weight: bold; }
footer { width: 100%; height: 78px; font-size: 0.75em; }
footer a{text-decoration:none;}
footer address{font-style:normal;}
.iam-footer-row {width:100%; overflow:hidden;}
.iam-footer-row:last-child {width:100%; border-top:1px solid #e1e1e1;overflow:hidden;}
.iam-footer-row:first-child .iam-footer-inner {width:100%; border-top:1px solid #e1e1e1;}
.iam-footer-row:first-child {height:30px;line-height:30px;background:#f7f7f7;}
.iam-footer-row:last-child {height:48px;line-height:48px;background:#ebebeb;}
.iam-footer-row:first-child .iam-footer-inner .iam-footer-goto, .iam-footer-row:last-child .iam-footer-inner {margin:auto;}
.iam-footer-goto a{display:block;padding-left:1.25em; background:url(../../images/v2/ico_goto.png) no-repeat left 8px; background-size:1.125em; color:#333;}
[dir=rtl] .iam-footer-goto a{padding-left:auto; padding-right:1.25em; background:url(../../images/v2/ico_goto_rtl.png) no-repeat right 8px; background-size:1.125em; }
.iam-footer-row:last-child .iam-footer-inner{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; }
.iam-footer-links a{ padding:0 11px 0 6px; background:url(../../images/v2/img_bar.png) no-repeat right center; background-size:1px 8px; color:#1428a0; display:inline; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden; text-overflow: ellipsis; }
[dir=rtl] .iam-footer-links a{padding:0 10px 0 11px; background:url(../../images/v2/img_bar.png) no-repeat left center; background-size:1px 8px; }
.iam-footer-links a:first-child{padding-left:0;}
[dir=rtl] .iam-footer-links a:first-child{padding-left:10px;}
.iam-footer-links a:last-child{background-image:none;}
.iam-footer-address{color:#767676; }

@media (max-width: 900px) { 
	header { width:100%; height: 50px; line-height: 50px; border-bottom: 1px solid #e1e1e1; background: #f7f7f7; text-align: center; }
	h1 { font-size: 19px; text-align: center; }
	footer { width: 100%; height:85px; }
	.iam-footer-row:last-child {height:55px; padding-top:6px; }
	.iam-footer-row:last-child .iam-footer-inner {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex; -webkit-box-orient:vertical; -webkit-flex-direction: column; flex-direction: column; }
	.iam-footer-row:last-child .iam-footer-inner .iam-footer-links {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex; -webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center; line-height:normal;}
	.iam-footer-row:last-child .iam-footer-inner .iam-footer-links a { height:auto; }
	.iam-footer-links a { padding:0 8px 0 7px; background:url(../../images/v2/img_bar.png) no-repeat right center; background-size:1px 7px; line-height:normal; display:-webkit-box; }
	.iam-footer-row:last-child .iam-footer-inner div, .iam-footer-row:last-child .iam-footer-inner address{height:24px; line-height:normal; text-align:center; }
}
@media (max-width: 320px) { 
	.iam-footer-links a { font-size:10px; }
}
@media (max-width: 319px) { 
	.iam-footer-links a { padding:0 5px 0 2px; background:url(../../images/v2/img_bar.png) no-repeat right center; background-size:1px 6px; letter-spacing: -1px; }
}
@media (max-width: 240px) { 
	[lang=de] .iam-footer-links a, [lang=el] .iam-footer-links a { word-break:break-all; }
}

.h2textBlock p + p{margin-top:1em;}
.h2textBlock + .textBlock { margin-top: 3.125em; }
.h2textBlock + .iam-tabs, .textBlock + .iam-tabs { margin-top: 1.875em; }
.helpBlock + .h2textBlock{ margin-top:1em; }
.iam-tabs + .textBlock{ margin-top:1.5em; }
.h2textBlock + .iam-cancel-linkArea {margin-top:3.75em;}
.textBlock + .iam-cancel-linkArea {margin-top:3.125em;}
.textBlock + .h2textBlock{ margin-top: 3.125em; }
.h2textBlock.termsList, .iam-signupUI .h2textBlock { padding-bottom:1.875em; border-bottom:1px solid #ccc; margin-bottom:1.875em; }
.textBlockHeader{ margin:1.875em 0 .625em; padding-bottom:.625em; border-bottom:1px solid #ccc; }
.textBlock i{color: #1428a0; font-style: normal;}
.termsListHeader{margin:1.875em 0 .625em; font-weight:normal;}
.tabTextBlock{margin-top:1.5em;}
.iam-radio + .helpBlock {margin-bottom:0; }
.helpBlock.iam-admin-tip { margin:42px 0 0 0; word-wrap: break-word; word-break: keep-all; }
[lang="zh"] .helpBlock.iam-admin-tip { word-break: break-all;  }
.helpBlock.iam-admin-tip .title { color: #333; font-size:16px; line-height: 1.38; }
.helpBlock.iam-admin-tip p { font-size: 14px; line-height: 1.29; }

/* tab */
.iam-tabs {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex; margin-bottom: .625em; }
.iam-tabs li { min-height: 60px; border-bottom: 2px solid transparent; color: #767676; font-weight: bold; font-size: 1.375em; cursor: pointer; text-align: center; -webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1; display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex; -webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center; }
.iam-tabs li.on { color: #1428a0; border-color: #1428a0; cursor: default; }

@media (max-width: 900px) { 
	.iam-tabs li { font-size:19px; }
}
@media (max-width: 442px) { 
	[lang=kk] .iam-tabs li span, [lang=ml] .iam-tabs li span, [lang=ta] .iam-tabs li span { word-break:break-all; }
}
@media (max-width: 319px) { 
	[lang=de] .iam-tabs li span, [lang=hy] .iam-tabs li span, [lang=ru] .iam-tabs li span { word-break:break-all; }
}

/* date of birth */
.error-msgSide {margin-bottom:1.75em; padding-bottom:4px;}
.iam-input-flexbox + .dateofbirthHelp, .error-msgSide + .dateofbirthHelp { margin-top: -1.125em; }
.dateofbirthHelp { /* display:none; */}
.dateofbirthHelp { width: 100%; margin: .625em 0; padding: 10px 10px 12px; border: 1px solid #acb3d8; background: #f5f6ff; color: #333; }
.dateofbirthHelp .title { display: block; margin-bottom: 4px; padding-left: 1.375em; background: url(../../images/v2/ico_help02.png) no-repeat 0 0; background-size: 1.125em; font-weight: bold; font-size: 1.125em; }
[dir=rtl] .dateofbirthHelp .title { padding-left:0; padding-right: 1.375em; background: url(../../images/v2/ico_help02.png) no-repeat right 0; background-size: 1.125em; }
.dateofbirthHelp p { margin: 0; }

.helpBlock { width: 100%; margin: .625em 0 1em; padding: 10px 10px 12px; background: #ebebeb; color: #333; }
.helpBlock .title { display: block; margin-bottom: 4px; text-indent: 1.375em; background: url(../../images/v2/ico_help03.png) no-repeat 0 1px; background-size: 1.0625em; color:#111; font-weight: bold; font-size: 1em; }
[dir=rtl] .helpBlock .title { background: url(../../images/v2/ico_help03.png) no-repeat right 0; background-size: 1.0625em; }
.helpBlock p { margin: 0 0 1em; padding:0 2px; color:#333; font-size:.875em; }
.helpBlock p + ul.boxLine {margin-top:-.75em; margin-bottom:1em; }
.helpBlock ul.boxLine{ border:1px solid #ccc; padding:.5em;  }
.helpBlock i{color: #1428a0; font-weight: bold; font-style: normal;}
.helpBlock p:last-child{margin-bottom:0;}
.helpBlock li{list-style: none;background:url(../../images/v2/ico_checked.png) no-repeat left 4px; background-size:27px auto;padding-left:24px;font-size:.875em; margin-left:-6px; }
[dir=rtl] .helpBlock li{background:url(../../images/v2/ico_checked.png) no-repeat right 5px; background-size:27px auto; padding-left:auto;padding-right:24px; margin-left:0; margin-right:-6px; }
.helpBlock ul + p{margin-top:1em;}
.iam-input-container + .helpBlock{margin-top:-1.625em;}
.iam-button + .helpBlock {margin-top:1.125em; }
.msg-caution{ padding-left: 1.33em; background: url(../../images/v2/ico_help04.png) no-repeat left 2px; background-size: 1.0625em; color:#d0021b; }
[dir=rtl] .msg-caution { padding-left:auto; padding-right: 1.33em; background: url(../../images/v2/ico_help04.png) no-repeat right 2px; background-size: 1.0625em; }

/* security code */
.iam-input-container + .securityCodeGuide { margin-top: -1.9em; color: #d0021b; font-size: .875em; }

/* captcha */
.simpleCaptchaArea { margin-top: 2.5em; }
.simpleCaptchaArea .captchaContainer {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex; }
.simpleCaptchaArea p + .captchaContainer { margin-top:.625em; }
.simpleCaptchaArea .captchaImg, .simpleCaptchaArea .captchaImg img { width: 276px; height:52px; }
#recaptcha_image { width: 276px !important; height:52px !important; }
.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; }
.simpleCaptchaArea .captchaBtns button + button { margin: auto 0; }
.simpleCaptchaArea .captchaBtns button img { width: 30px; height: 30px; }
.simpleCaptchaArea .error-msg { font-size: .875em; color: #d0021b;  margin-top: .625em; }
.reCaptchaArea { margin: 2.5em 0; }
.reCaptchaArea .error-msg { font-size: .875em; color: #d0021b;  margin-top: .625em; }

@media (min-width:360px) and (max-width:411px) { 
	.simpleCaptchaArea .captchaImg, .simpleCaptchaArea .captchaImg img { width:224px; height:42px; }
	#recaptcha_image { width: 224px !important; height:42px !important; }
}
@media (max-width: 359px) { 
	.simpleCaptchaArea .captchaContainer { -webkit-box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; }
	.simpleCaptchaArea .captchaImg, .simpleCaptchaArea .captchaImg img { width: 100%; }
	.simpleCaptchaArea .captchaBtns button {  margin: 11px 0 0 0; }
	.simpleCaptchaArea .captchaBtns button + button{ margin: 11px 8px 0; }
}
@media (max-width: 320px) { 
	#recaptcha_image { width:260px !important; height:52px !important; }
}
@media (max-width: 240px) { 
	.simpleCaptchaArea .captchaImg, .simpleCaptchaArea .captchaImg img { width:180px; height:32px; }
	#recaptcha_image { width:180px !important; height:32px !important; }
}

/* Dup List */
.dupList { margin:1.25em 0 2.5em; border:1px solid #e6e6e6; border-bottom:0; list-style: none; }
.dupList h3{background:#ededed; border-bottom:1px solid #e6e6e6; color:#333;}
.dupList h3 span{ position:relative; display:block; margin:0 12px; padding: 14px 0 12px 18px; word-break:break-all;word-wrap:break-word;white-space:normal;  }
.dupList h3 span:before{position:absolute; left:0; top:16px; display:block; overflow:hidden; content: ''; width:14px; height:14px;  background:url(../../images/v2/ico_bl.png) no-repeat left center; background-size:14px;  } 
[dir=rtl] .dupList h3 span{padding: 14px 18px 12px 0; }
[dir=rtl] .dupList h3 span:before{left:auto; right:0; } 
.dupList ul {list-style: none; }
.dupList ul li{padding:12px 14px 10px;border-bottom:1px solid #e6e6e6; font-size:.8em; color:#000; }
.dupList ul li span{ display:block; }
.dupList ul li span:last-child{color:#767676;}
.dupList ul li p { color:#767676;}
.dupList ul li p b { font-weight:normal; color:#000; }

/* Profile List */
.profileList { margin:1.25em 0 0; }
.profileList li{margin-bottom:10px; border:1px solid #e6e6e6; border-bottom:0; list-style: none; }
.profileList li:last-child{margin-bottom:0;}
.profileList h3{background:#ededed; border-bottom:1px solid #e6e6e6; color:#333;}
.profileList h3 span{ position:relative; display:block; margin:0 12px; padding: 14px 0 12px 18px; word-break:break-all;word-wrap:break-word;white-space:normal;  }
.profileList h3 span:before{position:absolute; left:0; top:16px; display:block; overflow:hidden; content: ''; width:14px; height:14px;  background:url(../../images/v2/ico_bl.png) no-repeat left center; background-size:14px;  } 
[dir=rtl] .profileList h3 span{padding: 14px 18px 12px 0; }
[dir=rtl] .profileList h3 span:before{left:auto; right:0; } 
.profileList .profileItemContainer,  .profileList .profileItem{padding:12px 14px 10px;border-bottom:1px solid #e6e6e6; color:#767676; font-size:.8em; word-wrap:break-word; word-break:break-word; }
.profileList h4{color:#000; font-weight:normal; }
.profileList .profileItemContainer .itemEdit{display:block;width:100%;padding-right:20px; background:url(../../images/v2/btn_arrow.png) no-repeat right center; background-size: 20px; color:#767676; text-decoration:none; }
[dir=rtl] .profileList .profileItemContainer .itemEdit{padding-right:0; padding-left:20px; background:url(../../images/v2/btn_arrow_rtl.png) no-repeat left center; background-size: 20px; }
.profileItem p{margin-bottom:2px; }

/* Service List */
.serviceList { margin-top:20px; padding-top:7px; border-top:1px solid #767676; }
.serviceList li { list-style: none; position:relative; min-height:96px; padding: 16px 13px 6px 90px; border-bottom:1px solid #e1e1e1; }
[dir=rtl] .serviceList li { padding: 16px 90px 6px 13px; }
.serviceList h3 { margin-bottom:2px; color:#000; font-size:1.125em; }
.serviceList p { color:#333; }
.serviceList a { text-decoration: none; }
.serviceList a h3 {  text-decoration: underline; }
.serviceList .serviceIcon { position:absolute; left:0; top:13px; }
[dir=rtl] .serviceList .serviceIcon { left:auto; right:0; }
.serviceList .serviceIcon img{ width:70px; height:70px; }

/* 스페셜 약관 목록 */
.spetialTermsList { margin: 2px 0 0 0; }
.spetialTermsList ul { margin: 0; padding: 0;}
.spetialTermsList li { margin: 0; padding: 0;  list-style: none; border-bottom: 1px solid #e1e1e1; }
.spetialTermsList li a  { position:relative; display: block; color: #000; text-decoration: none; font-size: 1.125em; /* font-size: 18px; */ margin:0 8px; padding: 14px 0 12px 20px;  } 
.spetialTermsList li a:before  { position:absolute; left:0; top:.95em; display:block; overflow:hidden; content: ''; width:14px; height:14px;  background:url(../../images/v2/dot_arrow.png) no-repeat left center; background-size:14px;  } 
.spetialTermsList .date {display:block; margin:.2em 0 0; color:#767676; font-size:.888em;}
[dir=rtl] .spetialTermsList li a  { padding: 14px 20px 12px 0;  } 
[dir=rtl] .spetialTermsList li a:before  { left:auto;right:0; -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); }
.spetialTermsList li a:focus { color: #1428a0; }

/* agreeTerms */
.iam-forms .terms { border:1px solid #cccccc; color:#767676; height: 6.5em ; overflow: auto; box-sizing: border-box; margin: 8px 0 0 0; padding: 6px; word-break:break-all;word-wrap:break-word;white-space:normal; }

@media (max-width: 900px) { 
	.iam-forms .terms { display:none; }
}

/* terms */
.iam-defaultUI .iam-termsWrapper .termsTextBox { padding:10px 0; }
.iam-defaultUI .iam-termsWrapper .iam-contents, .iam-defaultUI .iam-termsWrapper .termsTextBox, .termsTextBox { word-break:normal;word-wrap:break-word;white-space:normal; }
.iam-btn-backArea { position:fixed; left:0; bottom:0;width:100%;height:3.75em;background:#fff;border-top:1px solid #ebebeb;text-align:center;box-shadow: 0 -1px 10px rgba(0, 0, 0, .1), 0 -1px 5px rgba(0, 0, 0, .05); } 
.iam-btn-backArea .iam-button { height:2.5em;min-height:2.5em;width:12.5em;margin:.625em 0;padding:0; background-color: #1428a0; border-color: #1428a0; color: #fff;}
.termsTextBox { line-height:1.25; }
.termsTextBox p { margin:1em 0; }
.termsTextBox li { margin:0 1.5em; }
.iam-mobNotice { white-space:pre-line; word-break:keep-all; word-wrap:break-word; }
.termsDocDownload p { margin: 0 0 0.4em 0; }	
.termsDocDownload .down { background: url(../../images/v2/ico_download2.png) no-repeat; background-size: 0.9em; padding: 0 0 0 20px; vertical-align: middle; }
@media (max-width: 900px) { 
	.termsDocDownload .down { display:none;  }
}
/* button */
/* .iam-button { min-height: 3.125em;  min-width: 180px; padding: .5em 1.5em; background: transparent; border: 1px solid #e1e1e1; border-radius: .5em; color: #000; font-weight: bold; font-size: 1em; line-height: 1.2; letter-spacing: .01em; word-break: break-all; text-transform: uppercase; position: relative; display: inline-block; cursor: pointer;  vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; align-items: center; text-align: center; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; font-style: inherit; font-variant: inherit; font-family: inherit; text-decoration: none; } */
.iam-button { min-height: 3.125em;  min-width: 180px; padding: .5em 1.5em; background: transparent; border: 1px solid #e1e1e1; border-radius: .5em; color: #000; font-weight: bold; font-size: 1em; line-height: 1.2; letter-spacing: .01em; word-break: break-all; text-transform: uppercase; position: relative; display: inline-block; cursor: pointer;  vertical-align: middle; -webkit-box-align: center; -webkit-align-items: center; align-items: center; text-align: center; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-style: inherit; font-variant: inherit; font-family: inherit; text-decoration: none; }
.iam-button.iam-primary { background-color: #1428a0; border-color: #1428a0; color: #fff; }
.iam-button.iam-default[disabled], .iam-button.iam-default:disabled { color: #e1e1e1; opacity: 1; }
.iam-cancel-linkArea { margin-top: 1.875em; }
.iam-cancel-linkArea a { display: inline-block; margin-top: 4px; }
.iam-cancel-linkArea li { padding-left:12px; list-style: none; background: url(../../images/v2/ico_arrow_r1.png) no-repeat left 7px; background-size:8px 12px; }
[dir=rtl] .iam-cancel-linkArea li { padding-left:0; padding-right:12px; list-style: none; background: url(../../images/v2/ico_arrow_r1_rtl.png) no-repeat right 7px; background-size:8px 12px; }
.iam-link-btn { color: #1428a0; font-weight: bold; /* text-transform: uppercase; */ }
.iam-btn-container { width:100%; margin-top: 3.75em; }
.iam-btn-container + .textBlock, .iam-btn-container + .h2textBlock { margin-top: 3.75em; }
.iam-btn-container + .iam-btn-container { margin-top: 2.8125em; }
.iam-btn-container  p + .iam-button{margin-top:1.125em;}
.iam-signupUI .iam-btn-container .iam-button{width:100%;}
.iam-signupUI .iam-btn-container .iam-button + .iam-button{margin-top:.625em; }
.iam-defaultUI .iam-btn-container.both {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; -webkit-box-direction:reverse;-ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; }
.iam-defaultUI .iam-btn-container.both .iam-button{ display:block; min-width: 180px; margin:0 .3em; }
.iam-defaultUI .iam-btn-container.both .iam-button:first-child{margin-right:0;}
.iam-defaultUI .iam-btn-container.both .iam-button:last-child{margin-left:0;}
[dir=rtl] .iam-defaultUI .iam-btn-container.both .iam-button:first-child{margin-right:auto; margin-left:0;}
[dir=rtl] .iam-defaultUI .iam-btn-container.both .iam-button:last-child{margin-left:auto; margin-right:0;}
.iam-defaultUI .iam-input-container + p{margin-top:-.875em;}
.iam-defaultUI .iam-forms-btnArea{margin-top:3.125em;}

@media (max-width: 900px) { 
	.iam-defaultUI .iam-button, .iam-signupUI .iam-button { width: 100%; }
	.iam-button + .iam-button{margin-top:.625em;}
	.iam-defaultUI .iam-btn-container.both { -webkit-box-orient:vertical; -webkit-box-direction:initial; -webkit-flex-direction: column; flex-direction: column; }
	.iam-defaultUI .iam-btn-container .iam-button, .iam-defaultUI .iam-forms-btnArea .iam-button {width:100%;}
	.iam-btn-backArea .iam-button{width:12.5em;}
	.iam-defaultUI .iam-btn-container.both .iam-button{margin:0;}
	.iam-defaultUI .iam-btn-container.both .iam-button + .iam-button{margin-top:.625em;}
}

/* input, select, textarea */
.iam-fakeSelect-container{ display: block; position: relative; z-index: 1; margin: 2.215em 0; }
.iam-fakeSelect-container .iam-fakeLabel{ position: absolute; top: -3px; left: auto; max-width: 100%; height: 2.7em; line-height: 2.7em; color: #767676; font-size: 1.142em; 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; }
.iam-fakeSelect-container .iam-fakeSelect{ min-height: 2.7em; padding: 15px 30px 15px 0; border-bottom: 1px solid #DDD; line-height: 1.2; font-size: 1.142em; }
.iam-fakeSelect-container .iam-fakeSelect.textArea{ padding: 15px 0; border-bottom-color:#ededed;}
.iam-fakeSelect-container .iam-fakeSelect.textArea:after{ opacity:0; }
[dir=rtl] .iam-fakeSelect-container .iam-fakeSelect {padding: 15px 0 15px 30px; }
/* .iam-fakeSelect-container .iam-fakeSelect:after { content: "﹀"; position: absolute; right: 0; top: 2em; color: #767676; font-size: 12px; line-height: 1.2; z-index: -1;  } */
.iam-fakeSelect-container .iam-fakeSelect:after { content: ""; position: absolute; right: 0; top: 2em; width:12px; height:14px; overflow:hidden; background:url(../../images/v2/ico_select.png) no-repeat center top; background-size:12px auto; color: #767676; font-size: 12px; line-height: 1.2; z-index: -1;  }
.iam-fakeSelect-container.focus .iam-fakeSelect:after { background:url(../../images/v2/ico_select_on.png) no-repeat center top; background-size:12px auto; color: #1428a0; }
[dir=rtl] .iam-fakeSelect-container .iam-fakeSelect:after{ right:auto; left:0;  }
.iam-fakeSelect-container .iam-fakeSelectList {border:1px solid #ddd; border-top:0; list-style: none;}
.iam-fakeSelect-container .iam-fakeSelectList a{display:block; padding:4px 6px 6px; color:#000; font-size: 1.142em; text-decoration:none;}
.iam-fakeSelect-container .iam-fakeSelectList a:focus, .iam-fakeSelect-container .iam-fakeSelectList a:hover{ background:#e1e1e1; }
.iam-fakeSelect-container.focus .iam-fakeLabel { color: #1428a0; font-size: 0.875em; }
.iam-fakeSelect-container.focus .iam-fakeLabel , .iam-fakeSelect-container.active  .iam-fakeLabel  { top: -1.9em; left: auto; font-size: 0.875em; }
.iam-fakeSelect-container.focus .iam-fakeSelect { outline: 0; border-color: #1428a0; border-width: 2px;  color: #1428a0; }
.iam-fakeSelect-container.iam-error .error-msg{margin-top: .625em; color: #d0021b; font-size: .875em; }
.iam-fakeSelect-container.iam-error .iam-fakeLabel, .iam-fakeSelect-container.iam-error .iam-fakeSelect{color:#d0021b;}
.iam-input-container { display: block; position: relative; z-index: 1; margin: 2.215em 0; }
.iam-input-container > label { position: absolute; top: -3px; left: auto; max-width: 100%; height: 2.7em; line-height: 2.7em; color: #767676; font-size: 1.142em; 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; }
.iam-input-container.focus > label { color: #1428a0; font-size: 0.875em; }
.iam-input-container.focus > label, .iam-input-container.active > label { top: -1.9em; left: auto; font-size: 0.875em; }
.iam-input-container.focus .side div { color: #1428a0; }
.iam-input-container > input, .iam-input-container > select { height: 2.7em; line-height: 1.2; font-size: 1.142em; }
.iam-input-container > select: : -ms-expand { display: none; }
.iam-input-container > input, .iam-input-container > textarea { padding: 0; }
.iam-input-container > input, .iam-input-container > select, .iam-input-container > textarea { display: block; width: 100%; color: #000; border: none; border-bottom: 1px solid #DDD; background-color: transparent; box-sizing: border-box; }
.iam-input-container > select {color:#fff;}
.iam-input-container.selectfield.iam-disabled label{ width:90%; height:2.6em; background:#fff; color:#c8c8c8; opacity:1; }
@media (max-width: 900px) { 
	.iam-input-container > select {color:#f7f7f7;}
	.iam-input-container.selectfield.iam-disabled label{ background:#f7f7f7; }
}

.iam-input-container.active > select {color:#000;}
.iam-input-container > input:focus, .iam-input-container > select:focus, .iam-input-container > textarea:focus { outline: 0; border-color: #1428a0; border-width: 2px;  color: #1428a0; }
.iam-input-container select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 30px 0 0; border-radius: 0; text-overflow: ellipsis; }
[dir=rtl] .iam-input-container select { padding:0 0 0 30px; }
/*.selectfield:after { content: "﹀"; position: absolute; right: 0; top: 2em; color: #767676; font-size: 12px; line-height: 1.2; z-index: -1; }*/
.selectfield:after { content: ""; position: absolute; right: 0; top: 2em; width:12px; height:14px; overflow:hidden; background:url(../../images/v2/ico_select.png) no-repeat center top; background-size:12px auto; color: #767676; font-size: 12px; line-height: 1.2; z-index: -1; }
.selectfield.focus:after { background:url(../../images/v2/ico_select_on.png) no-repeat center top; background-size:12px auto; color: #1428a0;}
[dir=rtl] .selectfield:after { left: 0; right: auto; }
.iam-input-container .side { width: 100%; font-size: .875em;  padding-top:4px; 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; }
.iam-input-container .side .error-msg, .iam-input-container .side .msg{margin-top:0; -webkit-box-flex:1;-moz-flex:1;-ms-flex:1;-webkit-flex:1; flex: 1;}
.iam-input-container .side .tip { width: auto; padding-left: 12px; text-align: right; }
[dir=rtl] .iam-input-container .side .tip { padding-left: 0; padding-right: 12px; text-align: left; }
.iam-input-container.iam-error .side .tip, .iam-input-container.iam-error .side .rol, .iam-input-container.focus.iam-error .side div, .iam-input-container.active.iam-error .side div { color: #d0021b; }
.iam-input-container.iam-error .side .error-msg{font-size:1em;}

/* input error */
.iam-input-container .error-msg { font-size: .875em; color: #d0021b; display: none; margin-top: .625em; }
.iam-input-container.iam-error label, .iam-input-container.iam-error input, .iam-input-container.iam-error select { color: #d0021b; }
.iam-input-container.iam-error input, .iam-input-container.iam-error select { border-bottom-color: #d0021b; border-bottom-width: 2px;  }
[dir=rtl] .iam-input-container.iam-error select { padding-right: 0; padding-left: 30px; }
.iam-input-container.iam-error .error-msg { display: block; word-break: keep-all; word-wrap: break-word; } 
.iam-error.selectfield:after { color: #d0021b; }

/* input disabled */
/* .iam-input-container input[disabled], .iam-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; } */
.iam-input-container input[disabled], .iam-input-container select[disabled] { border-bottom:1px dotted #ddd; opacity: 1; }
.iam-input-container.active input[disabled], .iam-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 */
.iam-input-container.iam-readonly.focus > label { color: #767676; }
.iam-input-container.iam-readonly input[readonly], .iam-input-container.iam-readonly select[readonly]{background:none; border-bottom:1px solid #ebebeb;}
.iam-input-container.iam-readonly > input:focus, .iam-input-container.iam-readonly > select:focus, .iam-input-container.iam-readonly > textarea:focus {color: #000; }
.iam-readonly.selectfield.focus:after {color: #767676;}
.iam-readonly.selectfield:after { opacity: 0.4; }

 /* input flex align */
.iam-input-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; }
/* profile update rev */
.iam-input-flexbox .iam-input-container { -webkit-box-flex:1; -moz-flex:1; -ms-flex:1; -webkit-flex:1; flex: 1; margin-right: 1em; margin-top: 0; margin-bottom: 0; }
.iam-input-flexbox .birth-year{ flex:1 1 29%;}
.iam-input-flexbox .birth-month{ flex:1 1 43%;}
.iam-input-flexbox .birth-day{ flex:1 1 28%;}

@media (max-width: 320px) { 
	.iam-input-flexbox {font-size: 11px; }
}

.iam-input-flexbox .iam-input-container:last-of-type { margin-right: 0;  }
[dir=rtl] .iam-input-flexbox .iam-input-container { margin-right: 1em; }
[dir=rtl] .iam-input-flexbox .iam-input-container:first-of-type { margin-right: 0; }
.iam-input-flexbox span.error-msg { width: 100%; color: #d0021b; font-size: 12px; margin-top: .625em; }
.iam-input-flexbox ~ div.error-msgSide { width: 100%; color: #d0021b;  font-size: .75em; padding-top: 4px; display: block; margin-top: -22px;}	
.iam-input-container ~ div.error-msgSide { width: 100%; color: #d0021b; font-size: .75em;  padding-top: 4px; display: block; margin-top: -22px;}	
 
 /* check box */
.iam-designbox { width: 100%; display: inline-block; font-weight: bold; position: relative; clear: both; margin: 0 0 14px 0; }
.iam-designbox input { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: none; }	
.iam-designbox input:focus { outline-width: thin; outline-color: grey; outline-style: hidden; }
.iam-designbox input[type=checkbox] { width: 24px; 	height: 24px; background: url(../../images/v2/chk_box2.png) no-repeat 0 0; vertical-align: middle; background-size: 24px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: absolute; top: 0; left: auto; right: auto; }
.iam-designbox input[type=checkbox]:checked { background-position: 0 100%; 	background-size: 24px; } 
.iam-designbox input[type=checkbox]:disabled { opacity: 0.4; }
.iam-designbox input[type=checkbox]:disabled ~ label { opacity: 0.4; }
.iam-designbox label { word-break: keep-all; word-wrap: break-word; display: inline-block; line-height: 28px; min-height: 28px; cursor: pointer; font-weight: normal; margin: 2px 0 0 32px; }
[dir=rtl] .iam-designbox label { margin-right: 32px; margin-left: 0; }

/* radio */
.iam-radio{ width: 100%; box-sizing: border-box; clear: both; margin-bottom:.625em; padding-left:1.875em; background:url(/accounts/v1/resources/images/v2/ico_check.png) no-repeat right bottom; background-size:0;}
.iam-radio.iam-row { display:block; }
[dir=rtl] .iam-radio { padding-left:0; padding-right: 1.875em; }
.iam-radio input::-ms-check { display: none; } 
/* .iam-radio label { cursor: pointer; -webkit-font-smoothing:antialiased; line-height:1.3; box-sizing: border-box;  } */
.iam-radio label { cursor: pointer; -webkit-font-smoothing:antialiased; margin-left:-1.6em; line-height:1.3; box-sizing: border-box; vertical-align:-webkit-baseline-middle;  }
/* .iam-radio input[type=checkbox]:not(old), .iam-radio input[type=radio]:not(old) { margin:0;  padding:0;  opacity:0; margin-left: -2.25em; vertical-align: top; width:0; } */
.iam-radio input[type=checkbox]:not(old), .iam-radio input[type=radio]:not(old) { margin:0;  padding:0; margin-left:-28px; background-color:transparent; border:none; border:0; border-color:transparent; vertical-align:bottom; width:1.375em; height:1.375em;  position:relative; z-index:2; }
/* [dir=rtl] .iam-radio input[type=checkbox]:not(old), .iam-radio [dir=rtl] input[type=radio]:not(old)  { margin-left: 0; margin-right: -2.25em; } */
[dir=rtl] .iam-radio input[type=checkbox]:not(old), .iam-radio [dir=rtl] input[type=radio]:not(old)  { margin-left: 0; margin-right: -1.75em; }
.iam-radio input[type=checkbox]:not(old) + label, .iam-radio input[type=radio]:not(old) + label {  word-wrap: break-word; }
/* [dir=rtl] .iam-radio input[type=checkbox]:not(old) + label, [dir=rtl] .iam-radio input[type=radio]:not(old) + label { margin-left: auto;  } */
[dir=rtl] .iam-radio input[type=checkbox]:not(old) + label, [dir=rtl] .iam-radio input[type=radio]:not(old) + label { margin-left: auto;  margin-right:-1.65em; }
.iam-radio input[type=checkbox]:not(old) + label > span { display: inline-block; width: 1.375em; height:1.375em; margin:0 .5em 0 0; border-radius: 3px; vertical-align:bottom; }
.iam-radio input[type=radio]:not(old) + label > span { display: inline-block; width: 22px; height:22px; margin:0 8px 0 0; border-radius:100%; vertical-align:bottom; }
[dir=rtl] .iam-radio input[type=checkbox]:not(old) + label > span, [dir=rtl] .iam-radio input[type=radio]:not(old) + label > span { margin:0 0 0 .5em; }
.iam-radio input[type=radio]:not(old) + label > span, .iam-radio input[type=checkbox]:not(old) + label > span { background:transparent; border:2px solid #bdc3c9; }
.iam-radio input[type=radio]:not(old):checked + label > span {border-color: #1428a0; }
.iam-radio input[type=checkbox]:not(old):checked + label > span { background:#1428a0 url(../../images/v2/ico_check.png) no-repeat center center; background-size:.875em; border-color: #1428a0; }
.iam-radio input[type=radio]:not(old):checked + label > span > span{ display: block;  width: 12px;  height: 12px; margin: 3px;  border-radius: 100%; background: #1428a0; }
.iam-radio input[type=radio]:disabled + label, input[type=checkbox]:disabled + label { opacity: 0.6; }
.iam-radio input[type=radio]:disabled, input[type=checkbox]:disabled { opacity: 0; }
.iam-radio .error { color: #d0021b; font-size: .875em; margin-top: .625em; }

.iam-radio.moreInfo { position: relative; padding-right: 1.875em; }
.iam-radio .rideBtn { position: absolute;  top:1px; right: 0; }
html[dir=rtl] .iam-radio .rideBtn { left:0; right: auto; }
.iam-radio .rideBtn input[type=button] { text-indent:-9999px;  border: 0;  width:24px; height:24px; background: url(../../images/v2/bt_down.png) no-repeat center center; background-size:20px; }
.iam-radio .rideBtn input[type=button].on { background: url(../../images/v2/bt_up.png) no-repeat center center; background-size:20px; }
.iam-radio .more { margin: 0.4em; word-wrap: break-word; word-break: keep-all;  }

@media (max-width: 900px) { 
	.iam-radio input[type=radio] + label{line-height:1.4;}
}

/*  iam-switch */
.iam-switch {position: relative; height:24px; margin-top:5px; padding-top:5px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; }
/* .iam-switch-checkbox {position:absolute; opacity: 0; } */
.iam-switch-checkbox {position:absolute; z-index:2; width:40px; height:26px; margin-top:-5px; background-color:transparent; border:none; border:0; border-color:transparent; }
.iam-switch-checkbox::-ms-check { display: none; } 
.iam-switch-label {display: block; overflow: hidden; cursor: pointer; width:48px; height:14px; background:url(../../images/v2/bg_switch.png) no-repeat left 0; background-size: auto 14px; }
[dir=rtl] .iam-switch-label {background:url(../../images/v2/bg_switch.png) no-repeat right 0; background-size: auto 14px; }
.iam-switch-state:after {position:absolute; left:50px; top:5px; content: "OFF"; color: #767676; transition: margin 0.3s ease-in 0s; }
[dir=rtl] .iam-switch-state:after {left:auto; right:50px; }
.iam-switch-ball {position: absolute; top: 0; bottom: 0; left:0; display: block; width: 24px; height:24px; background: #fff; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12); border-radius: 24px; transition: all 0.3s ease-in 0s; }
[dir=rtl] .iam-switch-ball {left:auto; right:15px; }
.iam-switch-checkbox:checked + .iam-switch-label .iam-switch-state:after {content: "ON"; color: #1428a0; }
.iam-switch-checkbox:checked + .iam-switch-label .iam-switch-ball {left: 15px; background-color: #1428a0; }
[dir=rtl] .iam-switch-checkbox:checked + .iam-switch-label .iam-switch-ball {left: auto; right: 0; }

.gateCheckName { margin: 2.8em 0 2.8em 0; }
.step2verifychk { margin: 1.4em 0 .625em; }
progress { width: 150px; }
.iam-statusbar { display: block; width: 150px; margin-top: .833em; }
.iam-statusbar span { display: block; width: 100%; color: #999; }
.iam-statusbar > span > span { height: 4px; margin: .625em 0; background: url(../../images/v2/sbg-step.png) no-repeat; background-size:150px 24px; display: block; text-indent: -9999em; overflow: hidden; } 
.iam-statusbar [class^="sp-"] { font-size: .75em; }
span.sp-1 { color: #d0021b; }
span.sp-1 > span { background-position: 0 -4px; }
span.sp-2 { color: #d0021b; }
span.sp-2 > span { background-position: 0 -8px; }
span.sp-3 { color: #f26522; }
span.sp-3 > span { background-position: 0 -12px; }
span.sp-4 { color: #598527 }
span.sp-4 > span { background-position: 0 -16px; }
span.sp-5 { color: #598527; }
span.sp-5 > span { background-position: 0 -20px; }

/* 개별 Layout */
.iam-defaultUI .iam-banner, .iam-signinUI .iam-banner { display: none; }
.iam-defaultUI .btn-close, .iam-signupUI .btn-close { display: none; }

/********** signIn **********/ 
.iam-signinUI { background-color:#f7f7f7; background-repeat:no-repeat; background-position:top center; } 
.iam-signinUI .iam-wrapper:before { content: ''; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: .1; z-index: 1; }
.iam-signinUI header { position: fixed; left: auto; right: auto; top: 0; z-index: 3; }
.iam-signinUI main { position: relative; left: 0; top: 0; right: 0; bottom: 0; padding: 120px 0 0; z-index: 2; }
.iam-signinUI .iam-main-inner { position: relative; width: 600px; margin: auto; padding: 60px; background: #fff; }
.iam-signinUI h2 { margin-bottom: 10px; color: #1428a0; font-weight: bold; font-size: 40px; }
.iam-signinUI .iam-input-container + .error-msg { margin-top:-1.9em; font-size: .875em; color: #d0021b; }
.iam-signinUI #rememberID {margin-top:-16px;}
.iam-signinUI .iam-signIn-banner {margin:2.215em 0 0;}
.iam-signinUI .iam-signIn-button { width: 100%; margin: 3.75em 0 2.5em; text-align: center; }
.iam-signinUI .iam-signIn-button .iam-button { margin: 0; background: transparent; border: 2px solid #000; color: #000; }
.iam-signinUI footer { display: none; }

/* signIn 하단 text Link */
.iam-signIn-link { width: 100%;}
.iam-signIn-link { text-align: center; }
.iam-signIn-link a:first-child { display: block; margin-bottom:4px; }

/* 가상 레이어 닫기 버튼 */
.iam-signinUI  .iam-contents .btn-close { position: absolute; top: 30px; right: 30px; width: 24px; height: 24px; overflow: hidden; text-indent: -999em; background: url(../../images/v2/btn_close.png) no-repeat; background-size: 24px; }
[dir=rtl] .iam-signinUI  .iam-contents .btn-close { left: 30px; right: auto; }

@media (max-width: 900px) {
	.iam-signinUI {/* background-color:#f7f7f7 !important; */ background-image:none !important;} 
	.iam-signinUI header { position: relative; z-index: 3; }
	.iam-signinUI main{ width:100%; padding: 0; }
	.iam-signinUI .iam-main-inner { width: 100%; height: auto; padding: 20px 30px 45px; background: #f7f7f7; }
	.iam-signinUI .iam-contents { max-width: 600px; margin: auto; }
	.iam-signinUI h2 { display: none; }
	.iam-signIn-link a:first-child { margin-bottom:1px; }
	.iam-signinUI .iam-contents .btn-close { top: 20px; right: 20px; width: 15px; height: 15px; overflow: hidden; text-indent: -999em; background: url(../../images/v2/btn_close.png) no-repeat; background-size: 15px; }
	[dir=rtl] .iam-signinUI  .iam-contents .btn-close { left: 20px; right: auto; }
}

/********** signUp **********/ 
.iam-signupUI .iam-wrapper { height: 100%; }
.iam-signupUI main { width: 920px; min-height: 100%; margin: -70px auto -78px; padding: 120px 0 120px; }
.iam-signupUI .iam-main-inner { display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex; }
.iam-signupUI .iam-banner { width: 460px; }
.iam-signupUI .iam-banner .iam-banner-text { width: 359px; font-weight:bold; font-size:4em; line-height: 1.125; word-break : keep-all; word-wrap:break-word; }
[lang=zh] .iam-signupUI .iam-banner .iam-banner-text { width: 384px;}
.iam-signupUI .iam-banner .iam-banner-icons { margin-top: 60px; text-indent: -10px; font-size:0; line-height:0; }
.iam-signupUI .iam-banner .iam-banner-icons img { width: 42px; margin: 0 10px; }
.iam-signupUI .iam-banner .iam-banner-link { margin-top:20px; font-size:1.125em; font-weight:bold; }
.iam-signupUI .iam-contents { width: 460px; }
.iam-signupUI h2 { display: none; }
.iam-signupUI .iam-footer-row:first-child .iam-footer-inner .iam-footer-goto, .iam-signupUI .iam-footer-row:last-child .iam-footer-inner { width: 920px; }

@media (max-width: 900px) { 
	.iam-signupUI main { width: 100%; max-width: 600px; margin: -50px auto -85px; padding: 80px 30px 130px; }
	.iam-signupUI .iam-main-inner { -webkit-box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; }
	.iam-signupUI .iam-banner { width: 100%; text-align: center; }
	.iam-signupUI .iam-banner .iam-banner-text { width: 100%; font-size: 32px; }
	.iam-signupUI .iam-banner .iam-banner-icons { margin: 30px 0 10px; text-indent: 0; }
	.iam-signupUI .iam-banner .iam-banner-icons img { width: 36px; margin: 0 5px; }
	.iam-signupUI .iam-contents { width: 100%; margin-top:20px; }
	.iam-signupUI .iam-footer-row:first-child .iam-footer-inner .iam-footer-goto, .iam-signupUI .iam-footer-row:last-child .iam-footer-inner {width:100%; max-width: 600px; padding: 0 30px; }
	[lang=zh] .iam-signupUI .iam-banner .iam-banner-text { width:100%; }
}

/********** defaultUI **********/
.iam-defaultUI .iam-wrapper { height: 100%; }
.iam-defaultUI main { min-height: 100%; margin: -70px 0 -78px; padding: 120px 0 120px; }
.iam-defaultUI .iam-contents { width: 700px; min-height: 400px; margin: auto; padding: 60px; border-radius: 10px; background: #fff; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12); }
.iam-defaultUI .iam-contents2 { width: 540px; min-height: 400px; margin: auto; padding: 60px; border-radius: 10px; background: #fff; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12); }
.iam-defaultUI h2 { margin-bottom: .3em; font-weight: bold; font-size: 1.375em; }
.iam-defaultUI .iam-forms .iam-input-flexbox .iam-input-container { width: 100%; }
.iam-defaultUI .iam-forms .btn-select { width: 100%; margin-left: 0; margin-right: 0; }
.iam-defaultUI .iam-footer-row:first-child .iam-footer-inner .iam-footer-goto, .iam-defaultUI .iam-footer-row:last-child .iam-footer-inner { width: 700px; }

@media (max-width: 900px) { 
	.iam-defaultUI main { width:100%; max-width: 600px;margin: -50px auto -85px; padding: 50px 0 95px; background: transparent; }
	.iam-defaultUI .iam-contents { width: 100%; max-width: 600px; min-height: auto; margin:auto; padding: 25px 30px 35px; background: transparent; box-shadow: none; }
    .iam-defaultUI .iam-contents2 { width: 100%; max-width: 600px; min-height: auto; margin:auto; padding: 25px 30px 35px; background: transparent; box-shadow: none; }
	.iam-defaultUI h2 { font-size:19px; }
	.iam-defaultUI .iam-tabs { width: 100%; }
	.iam-defaultUI .iam-forms .iam-input-container, .iam-defaultUI .iam-forms .iam-input-flexbox { width: 100%; }
	.iam-defaultUI .iam-forms input, .iam-defaultUI .iam-forms .iam-select { width: 100%; }
	.iam-defaultUI .iam-btnBlock button { width: 100%; }
	.iam-defaultUI .iam-termsWrapper main { padding: 50px 0; }
	.iam-defaultUI .iam-termsWrapper .iam-contents { width: 100%; }
	.iam-defaultUI .iam-footer-row:first-child .iam-footer-inner .iam-footer-goto, .iam-defaultUI .iam-footer-row:last-child .iam-footer-inner {width:100%; max-width: 600px; padding: 0 30px; }
	.iam-radio + .iam-radio {margin-top:20px; }
}

@media (max-width: 320px) { 
	.iam-defaultUI .iam-btnBlock button { padding: 0 1.5em; }
}

@media (min-width: 901px) { 
	.iam-signinUI header { display:none; }
	.iam-signinUI main { padding-top: 90px; }

	/* .iam-signupUI header{ width:920px; height:100px; margin:auto; } */
	.iam-signupUI header{ width:920px; height:90px; margin:auto; }
	.iam-signupUI header h1{ padding-top:50px; }
	/* .iam-signupUI main { margin: -100px auto -78px; padding: 100px 0 120px; } */
	.iam-signupUI main { margin: -90px auto -78px; padding: 90px 0 120px; }
	
	/* .iam-defaultUI header{width:700px; height:100px; margin:auto; } */
	.iam-defaultUI header{width:700px; height:90px; margin:auto; }
	.iam-defaultUI header h1 { padding-top:50px; }
	/* .iam-defaultUI main { margin: -100px 0 -78px; padding: 100px 0 120px; } */
	.iam-defaultUI main { margin: -90px 0 -78px; padding: 90px 0 120px; }
}

/* loading */
.loadingWrap{position: fixed;top:0;left:0;height:100%;width:100%;z-index: 10;}
.loading{position:absolute;top:50%;left:50%;margin:-85px 0 0 -75px;}
.dimBg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.2; filter:alpha(opacity=20);} 

/* findid long keyword */
#iam-findIDRes { word-break:break-all; }

/************* loading type *************/
.cssload-spin-box {
	position: absolute;
	margin: auto;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
		-o-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
		-ms-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
		-webkit-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
		-moz-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
	animation: cssload-spin ease infinite 4.6s;
		-o-animation: cssload-spin ease infinite 4.6s;
		-ms-animation: cssload-spin ease infinite 4.6s;
		-webkit-animation: cssload-spin ease infinite 4.6s;
		-moz-animation: cssload-spin ease infinite 4.6s;
}

@keyframes cssload-spin {
	0%,
	100% {
		box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
	}
	25% {
		box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
	}
	50% {
		box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
	}
	75% {
		box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
	}
}

@-o-keyframes cssload-spin {
	0%,
	100% {
		box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
	}
	25% {
		box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
	}
	50% {
		box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
	}
	75% {
		box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
	}
}

@-ms-keyframes cssload-spin {
	0%,	100% { box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223); }
	25% { box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);	}
	50% { box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223); 	}
	75% { box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49; }
}

@-webkit-keyframes cssload-spin {
	0%,
	100% {
		box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
	}
	25% {
		box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
	}
	50% {
		box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
	}
	75% {
		box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
	}
}

@-moz-keyframes cssload-spin {
	0%,
	100% {
		box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
	}
	25% {
		box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
	}
	50% {
		box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
	}
	75% {
		box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
	}
}

/*20171129 라디오버튼,체크박스버튼 수정*/
.iam-radio label { word-break: break-all;  }    
.iam-radio input[type=radio]:not(old) + label > span, .iam-radio input[type=checkbox]:not(old) + label > span { display: inline-table;}
/* .iam-radio input[type=checkbox]:not(old), .iam-radio input[type=radio]:not(old) { margin-left:-28px; margin-top:4px;  }  20180802 삭제 */
.midDm { font-size:95%; color: #666; vertical-align: top; font-weight: normal; display:inline-block;  }
.h2textBlock.iam-signupBar { border-bottom:none; margin-bottom:0; }
.h2textBlock.termsList.iam-signupBar { border-bottom:none; margin-bottom:0; }
.iam-radio.iam-signupBar { border-top:1px solid #ccc; padding-top:1.5em; margin-top:1.875em; } 

/* 20180614 iam 아랍어email 정렬 변경 */
[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; }
[dir=rtl] #signUpID { direction:ltr; text-align:right; }

/* 20180706 error 추가 */
.iam-input-container.iam-error.iam-pwd-warn label, 
.iam-input-container.iam-error.iam-pwd-warn input, 
.iam-input-container.iam-error.iam-pwd-warn select { color:#000; }
.iam-input-container.iam-error.iam-pwd-warn input, 
.iam-input-container.iam-error.iam-pwd-warn select { border-bottom-color:#DDD; border-bottom-width:1px; }
.iam-error.selectfield.iam-pwd-warn:after { color: #000; }

/* 20190110 google width connect 추가 */
.iam-signIn-button.btn-continuew { margin-bottom:20px;  }
.iam-signIn-button.btn-continuew .iam-button { min-width:270px; max-width:270px; }
.iam-signIn-button.btn-continuew.iam-google { margin-top:47px; }
.iam-signIn-button.btn-continuew.iam-google .iam-button { border:1px solid #c9c9c9; }
.iam-signIn-button.btn-continuew.iam-google .iam-button span{ display: inline-block; width:18px; height:18px;  background: url(../../images/v2/ico_google.png) no-repeat left top; background-size:18px 18px; vertical-align:middle; margin-right:6px; margin-bottom:1px; }
[dir=rtl] .iam-signIn-button.btn-continuew.iam-google .iam-button span { margin-right:0; margin-left:6px; }
.iam-signIn-button.btn-continuew.iam-wechat { margin-top:47px; }
.iam-signIn-button.btn-continuew.iam-wechat .iam-button { border:1px solid #c9c9c9; }
.iam-signIn-button.btn-continuew.iam-wechat .iam-button span{ display: inline-block; width:20px; height:18px;  background: url(../../images/v2/ico_wechat.png) no-repeat left top; background-size:20px 18px; vertical-align:middle; margin-right:4px; }
[dir=rtl] .iam-signIn-button.btn-continuew.iam-wechat .iam-button span { margin-right:0; margin-left:4px; }