/* PC – 1321px~  */
@media screen {
html, body {
	background-color: #f1f1f1 !important;
	background-image: none;
	color: #333;
	font-size:16px !important; /* 2016819 */
	font-family:arial, san-serif;
}

/* article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {display:block;margin:0;padding:0;} */

a {cursor:pointer; color:#0056b8;}
a:hover {color:#0098cf;}

#main {background-color:#f1f1f1 !important;}
#content {padding:0 !important;} /* 20160504 추가 */
.row {margin-left:0; margin-right:0;}

/* Drag Color */
::selection { background:#17aee5; color:#fff; }
::-moz-selection { background:#17aee5; color:#fff; }
::-webkit-selection { background:#17aee5; color:#fff; }

/* Title */
h1 {font-weight:600; color:#333; text-transform:capitalize; font-size:1.688em; letter-spacing:0; margin:5px 0;}
h2 {margin:15px 0 10px 0; font-size:1.000em; font-weight:500; color:#092c74; text-transform:capitalize; letter-spacing:normal !important;}
h3 {font-size:1.000em; font-weight:600; margin:0 0 10px 0; text-transform:capitalize;}
.menu-title {margin:20px 0; border-bottom:1px solid #d0d5d8; box-shadow:0 1px 0 rgba(255,255,255,.8); -ms-box-shadow:0 1px 0 rgba(255,255,255,.8); -webkit-box-shadow:0 1px 0 rgba(255,255,255,.8); -moz-box-shadow:0 1px 0 rgba(255,255,255,.8);}

/* Login */
#extr-page {height:100%;}
#header-login {background-color:#fff; width:100% !important; height:70px; background-image:none;  text-align:center; border-bottom:1px solid #d1dae2; box-shadow:0 5px 0 rgba(230,236,241,1); -webkit-box-shadow:0 5px 0 rgba(230,236,241,1); moz-box-shadow:0 5px 0 rgba(230,236,241,1); ms-box-shadow:0 5px 0 rgba(230,236,241,1);} /* 20161116 */
#logo-login {margin:0 auto; max-width:900px; min-width:720px; text-align:center;}
/* #logo-login img {margin:18px 0 0 15px; padding:0; float:left; display:inline-block;}
#logo-login span {color:#333; font-size:1.846em; font-weight:700; float:left; display:inline-block; margin:24px 0 0 10px; line-height:34px;}  20160622 */
#logo-login img {width:121px; height:36px; margin:17px 0 0 15px; padding:0; float:left; display:inline-block;} /* 20161028 */
#logo-login img.home {display:none;} /* 20161116 */
#logo-login span {color:#092c74; font-size:1.188em; font-family:arial, san-serif; font-weight:500; float:left; display:inline-block; margin:23px 0 0 10px;}  /* 20161028 */
#main.login {margin:5px 0 0 0; padding:0 !important; text-align:center; min-height:640px; height:auto !important;}
/* #img-area {width:100% !important; height:325px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,0.2); -webkit-box-shadow:0 2px 8px rgba(0,0,0,0.2); -moz-box-shadow:0 2px 8px rgba(0,0,0,0.2); -ms-box-shadow:0 2px 8px rgba(0,0,0,0.2);  border-top: 5px solid #e6ecf1; background:url(../img/bg_login.jpg) 0 0 no-repeat; background-size:cover;} */
#img-area {max-width: 900px;height: 300px;text-align:center;/*border-top: 5px solid #e6ecf1;*/background: url(../img/bg_hyundai0.png) 10px 80px no-repeat;background-size: 50%;position:relative;margin: 0 auto;} /* 20161123 */
#main .login-wrap {position:relative; margin:0 auto; max-width:900px; min-width:720px; min-height:300px;}
.login-account {float:left;display:inline-block;padding: 10px 0 0 0;text-align:left;width: 550px;margin-left: 10px;box-sizing: border-box;border-top: 1px solid #d0d5d8;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.8);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.8);-ms-box-shadow:inset 0 1px 0 rgba(255,255,255,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.8);}
/*.login-account>div:first-child {width:550px;padding-bottom:10px;border-top: 1px solid #d0d5d8;box-shadow:0 1px 0 rgba(255,255,255,.8);-ms-box-shadow: 0 1px 0 rgba(255,255,255,.8);-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8);-moz-box-shadow: 0 1px 0 rgba(255,255,255,.8);} */
.login-account>.btn-group>span>a {font-size:0.875em;} /* 20160527 */
#main .login-wrap:after, .login-account:after {clear:both; content:" "; display:block;}

.login-form {position:absolute; top:-240px; right:10px; width:370px; min-height:400px; background-color:#fff; z-index:999 !important; box-shadow:0 4px 8px rgba(0,0,0,0.3); -webkit-box-shadow:0 4px 8px rgba(0,0,0,0.3); -moz-box-shadow:0 4px 8px rgba(0,0,0,0.3); -ms-box-shadow:0 4px 8px rgba(0,0,0,0.3); text-align:left;} /* 20161116 */
.login-form .header { height:45px; background-color:#e6ecf1; border-top:1px solid #bfccdb; border-bottom:1px solid #bbccdd; box-shadow:inset 0 1px 0 rgba(255,255,255,1.0); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,1.0); -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,1.0); -ms-box-shadow:inset 0 1px 0 rgba(255,255,255,1.0);}
.login-form .header h1 {font-size:1.250em; color:#002856; text-transform:uppercase; margin:12px 0 0 30px;} /* 20160527 */
.login-form form {padding:15px 30px 20px;clear:both;}
.login-form .form-group {margin-bottom:13px;} /* 20160527 */
.login-form section>label {font-size:0.875em !important; color:#333; font-weight:400; display:block; text-align:left; padding:0;}
.login-form section>label.checkbox {padding-left:25px;}
.login-form section>label.label {margin-bottom:6px;}
.login-form label.checkbox {margin:6px 0;}
.login-form label.checkbox+span {font-size:0.875em !important; line-height:24px;} /* 20161101 */
.login-form .btn-login, .login-form .btn-create {float:left;display:inline-block;}
.login-form .btn-login+.btn-create {margin-left:10px;}
.login-form .btn-login a {font-size:1.077em; text-transform:uppercase; padding:5px 30px;}
.login-form .btn-login input.urBtnStdNew {font-size:1.077em; text-transform:uppercase; /*padding:5px 30px;*/ border-radius: 2px;-webkit-border-radius: 2px; -moz-border-radius: 2px; box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);  -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);  -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05); outline: none !important; color:#fff; background-color:#0074c8; border-color:#0056b8; width:110px !important; height:35px !important;} /* 20160622 */
.login-form .btn-login input.urBtnStdNew:hover {color:#fff; background-color:#092c74; border-color:#002856;} /* 20160527 */
.login-form .errorMsg {margin-top:10px; padding-top:10px; font-size:0.813em;} /* 20160628 ìˆ˜ì • */
.login-form .errorMsg font span {font-size:1.000em; color:#f34e50 !important; margin-left:3px; } /* 20160628 ìˆ˜ì • */
.login-form .btn-create>a {height:35px;}
/* 20170428 */	
.login-form .form-group.inline-btn label.input, .login-form .form-group.inline-btn span {float:left; display:inline-block;}
.login-form .form-group.inline-btn label.input {width:40%;}
.login-form .form-group.inline-btn span {width:60%; padding-left:10px;}
.login-form .form-group.inline-btn span a {padding: 3px 12px;}
.login-form .form-group.inline-btn label.input input {width:100%;}
.login-form .form-group.inline-btn::after {clear:both; display:block; content:"";}	

.login-guide {margin:7px 0 0 0; padding:0; width:255px;} /* 20161101 */
.login-guide a, .login-guide a:visited {font-size:0.938em; color:#39b982; font-weight: bold;} /* 20161124 */
.login-guide a:hover {color:#0074c8; text-decoration:none;} /* 20161124 */
.login-guide a i {font-size:0.875em;} /* 20161124 */

/* 20161027 ADH */ /* 20161101 */
.login-guide-privacy {margin:10px 0 0 0;padding:0; width:250px;} /* 20161123 */
.login-guide-privacy a, .login-guide a:visited { font-size:0.875em; color:#1e5085;}
.login-guide-privacy a:hover {color:#0074c8; text-decoration:none;}	

/* 20161123 */
.hd-notice {float:left; display: block; padding:90px 0 0 10px; font-size:0.813em; text-align: left; opacity: .7;}
	
.forgot-btn {text-align:center; padding:20px 0 25px 0;}
.forgot-btn span { display:inline-block; margin-bottom:10px;}
.forgot-btn span:first-child {margin-right:10px;}
.forgot-btn span a {padding:6px 20px; font-size:1.077em; width:170px;} /* 20160527 */

.account-update { width:900px; margin:0 auto;}
.account-update>div, .account-update form {text-align:left;}

 /* 20161002 */
.change-box {position:relative; display:block; margin:0 auto; width:550px; min-height:580px;}
.change-pw {width:100%; background-color:#fff; border:1px solid #ddd; margin-top:100px; margin-bottom:20px; border-top:0; box-shadow:0 2px 0 rgba(0,0,0,0.05); -webkit-box-shadow:0 2px 0 rgba(0,0,0,0.05); -moz-box-shadow:0 2px 0 rgba(0,0,0,0.05); -ms-box-shadow:0 2px 0 rgba(0,0,0,0.05); text-align:left;}
.change-pw header {height:60px; background-color:#e6ecf1; border-top:1px solid #bbccdd; border-bottom:1px solid #bbccdd; box-shadow:inset 0 1px 0 rgba(255,255,255,1.0); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,1.0); -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,1.0); -ms-box-shadow:inset 0 1px 0 rgba(255,255,255,1.0);}
.change-pw h1 {padding:13px 0 0 30px; text-align:left; font-size:1.250em; font-weight:600; color:#002856;}
.change-pw fieldset {padding:30px 30px 20px 30px;}
.change-pw section.form-group {margin-bottm:13px;}
.change-pw section>label {font-size:0.875em !important; color:#333; font-weight:400; display:block; text-align:left; padding:0;}
.change-pw section>label.new-pw {color:#0074c8;}
.change-pw section>label.label {margin-bottom:6px;}
.change-pw .errorMsg {padding:16px 30px 13px 0px; font-size:0.813em;}
.change-pw .errorMsg span.urTxtMsg {font-size:1.000em; color:#f34e50 !important; margin-left:3px;}

input, select {border:1px solid #bdbdbd; border-radius:0; padding-left:5px; font-weight:400; font-size:13px; color:#333; box-shadow:none; -ms-box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
input.input-sm {border:1px solid #bdbdbd;width:100%; border-radius:0; padding:5px;  -webkit-appearance: none; font-size:13px; height:28px;box-shadow:none; -ms-box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;} /* 20160624 font-size 추가 */ /* 20160908 */
input.input-sm-half {border:1px solid #bdbdbd;width:40%; border-radius:0; padding:5px;  -webkit-appearance: none; font-size:13px; height:28px;box-shadow:none; -ms-box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;} /* 20170405 login id/pw inputbox size작게 추가 */ 

input:focus, select:focus {border:1px solid #8191c2; outline: none;}
.checkbox input, .radio input { position: absolute; left: -9999px;}
.inline-group .checkbox, .inline-group .radio {float: left; margin-right: 30px;}
.checkbox, .radio {margin-bottom: 4px; padding-left: 25px;  line-height: 25px; color: #404040; cursor: pointer;}
.checkbox input+i:after { content: '\f00c'; position: absolute; top:0; left: 2px; width: 15px; height: 15px; font: 400 16px/19px FontAwesome;  text-align: center; color:#fff;}
.checkbox input:checked:hover+i:after {content: '\f00d';}
.checkbox input:checked+i {border-color:#8191c2;  } /* checkbox, radio border color ìˆ˜ì • */
.checkbox input:checked+i:after {color:#3352ae; } /* checkbox, radio border color ìˆ˜ì • */
.checkbox:hover i, .input:hover input, .radio:hover i, .select:hover select, .textarea:hover textarea, .toggle:hover i { border-color:#8191c2;} /* form 요소 hover border color ìˆ˜ì • */
.checkbox i, .radio i {position: absolute; top:2px; left:0; display: block; width: 20px;  height: 20px; outline: 0;  border:1px solid #bdbdbd;  background: #FFF;}
header>label.checkbox {max-width:350px;} /* 20161101 */
/* 20161012 select box ìˆ˜ì • */
/*select.select {display: block; box-sizing: border-box;  -moz-box-sizing: border-box; width: 100%; height: 28px; line-height: 32px; padding: 5px 10px; outline: 0; border:1px solid #bdbdbd; border-radius: 0; background: #fff; font: 13px/16px Arial,sans-serif; color: #333;} */
.select {position: relative; display: block; font-weight: 400;}
.select select {display: block; box-sizing:border-box; width:100%; outline:0; background-color: #fff; -webkit-appearance:none; padding:5px;}
select.input-sm {z-index: 999; position: relative; border:1px solid #bdbdbd; width:100%; border-radius:0; -webkit-appearance: none; font-size:13px; height:28px; line-height:15px; background-color:transparent; box-shadow:none; -ms-box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; }
select.input-sm+i {height:5px;} /* 20161002 ìˆ˜ì • */
.select i {position: absolute; top: 13px; right: 10px; width: 2px; height:5px; background:#fff; box-shadow:0 0 0 9px #fff; -webkit-box-shadow:0 0 0 9px #fff; -moz-box-shadow:0 0 0 9px #fff; -ms-box-shadow:0 0 0 9px #fff;}
.select i {z-index: 998;}
.select i:before { top: 0;}
.select i:after {bottom: 2px; border-top: 4px solid #404040;}
.select i:after,  .select i:before {content: '';position: absolute; right: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.input.state-disabled input, .select.state-disabled select, .select select:disabled {background-color:#efefef; border-color:#ccc; color:#888;}
.select.state-disabled i, .select select:disabled+i {background:#efefef; box-shadow:0 0 0 9px #efefef !important; -webkit-box-shadow:0 0 0 9px #efefef !important; -moz-box-shadow:0 0 0 9px #efefef !important; -ms-box-shadow:0 0 0 9px #efefef !important; opacity: .6;} /* 20161002 ìˆ˜ì • */
/*  input:required, input:invalid {border:1px solid #bdbdbd !important;} 20160621 */
.checkbox.state-error i, .radio.state-error i, .state-error input, .state-error textarea, .toggle.state-error i {background: #fff; border:1px solid #f34e50} /* 20160624 */
.state-error select {background-color: transparent; border:1px solid #f34e50}
/*  .state-error select+i {top: 11px; height:7px;background: #fff;box-shadow: 0 0 0 9px #fff} 20160624 */
select::-ms-expand {display: none;} /* 20161002 */
select {-moz-appearance:none; -webkit-appearance: none;} /* 20161002 */

/* .login-form *, .login-form:after, .login-form:before {margin:0; padding:0; box-sizing: content-box;} */

.input-three {width:28%; float:left;}
span.input-bar {float:left; display:inline-block; width:8%; text-align:center; vertical-align:top; margin-top:6px;}
.input-firstname {width:72%; float:left;} /* 20160609 */
.input-miname {width:20%; float:left;} /* 20160609 */

 /* Tooltip-error  */
.form-group .tooltip-error {position: absolute; display: block;  z-index: 999; padding: 3px 8px; font-size:13px;font-weight: 400;line-height:18px; font-weight: 400;background: rgba(238,238,238,.7);color: #e54228;opacity:1 !important; border-radius:1px;transition: margin .3s,opacity .3s;  -o-transition: margin .3s,opacity .3s; -ms-transition: margin .3s,opacity .3s; -moz-transition: margin .3s,opacity .3s; -webkit-transition: margin .3s,opacity .3s;}
.form-group .tooltip-error:after {content: '';position: absolute;}

/* TEXT */
.text-primary {color:#0074c8;}
.txt-color-blue {color:#5f7dd7 !important;}
.txt-warning {color:#9d8443 !important;}
.txt-danger {color:#f34e50 !important;}
.txt-success {color:#39b982 !important;}

/* 2016.04.04 Form - Table 4 : Mobile label+date 1col */
/* 2016.04.13 Modified */
.tbl-form, .tbl-txt-only {border:1px solid #ddd; border-top-color:#bbccdd; border-bottom:0; /* margin-bottom:15px; */ margin-top:-3px;background-color:#fff;} /*  20160622 */
.tbl-form header { display:block; padding:6px 13px !important; border-bottom:1px solid #ddd; margin:0;} /* 20160512 */
.tbl-form header h5 { font-size:16px; font-weight:600; padding-top:5px;} /* 20160512 */
.tbl-form section {margin-bottom:0 !important;}
.tbl-form section > div  {width:100%; border-collapse:collapse;}
.tbl-form section dl.col  {float: left; min-height:1px; box-sizing: border-box; padding:0; margin:0; border-bottom:1px solid #ddd; display:table; position:relative;}
.tbl-form section dl.col.col-xs-12 {width:100%;}
.tbl-form section dt, .tbl-form section dd {vertical-align: middle; height:36px; line-height:13px; color:#333; padding:0 5px; display:table-cell;} /* 20160908 */
.tbl-form section dt {background-color:#ebf8fc; width:160px; padding:0 10px 0 7px; font-size:12px; font-weight:600; text-transform: capitalize;} /* 20160419 */
.tbl-form section dt.detail  {background-color:#f6f6f6;} /* 20160419 */
.tbl-form section dt.w9 {width:100px; padding-left:7px;} /* 20160608 */
.tbl-form section dt.w9-full , .tbl-form section dd.w9-full {width:100%; display:block;} /* 20160608 */
.tbl-form section dt.w9-full {padding-top:13px; border-bottom:1px solid #ddd; min-height:44px;} /* 20160608 */
.tbl-form section dt.w9-full label { display:inline-block; text-align:left; word-break:break-all; word-wrap:break-word; white-space: pre-line;} /* 20160608 */
.tbl-form section dt.w9-full span a.btn {margin-top:-6px;}
.tbl-form section dd.w9-full {padding-top:4px;} /* 20160908 */
.tbl-form section dd { background-color:#fff; margin:0;}
.tbl-form section dd.special {background-color:#fffbe9;}
.tbl-form section dd input { width:100%;}
.tbl-form section label,
.tbl-form section label.label {margin-bottom:0; color:#333; font-size:13px; font-weight:600; line-height:14px; margin-left:0; } /* 20160419 */
/* .tbl-form section .need:before, .tbl-txt-only section .need:before {content:"* " ; color:#ec3619; font-weight:600; margin-left:-8px;} 20160419 */
.tbl-form section label.input { display:block;}
.tbl-form section dl.blank dt, .tbl-form section dl.blank dd { background-color:#fff;}
.tbl-form section p.col.col-xs-12  {width:100%;}
.tbl-form section p {border-bottom:1px solid #ddd; padding:8px; background-color:#fff;  padding-left:20px; font-size:1.000em;} /* 20160419 */
.tbl-form section ul { list-style:none; padding:10px 0;}
.tbl-form section ul li  { padding-bottom:15px;}
.tbl-form section ul li:last-child { padding-bottom:0;}
.tbl-form section ul li a { text-decoration:underline;}
.tbl-form section dd>dl {margin-left:-5px; margin-right:-5px}
.tbl-form section dd>dl dt {background-color:#f6f6f6; border-left:1px solid #ebebeb; width:8%;} /* 20160512 */
.tbl-form section dd>dl dd {width:25.333%;} /* 20160512 */
.tbl-form section dd>label.textarea {padding:5px 0;}
.tbl-form section dd>div.check-only {padding-bottom:30px;}
p.info-msg {border-bottom:none !important; padding:8px 0 8px 2px !important;}  /* 20160512 */
.need:before {content:"* " ; color:#ec3619; font-size:18px; font-weight:600; margin-left:-8px;} /* 20160513 */

/* Search box */ /* 20160628 */
.box-basic {border:1px solid #d8d8d8; background-color:#fff !important; padding-top:0 !important; box-shadow:0 2px 0 #e5e5e5; -webkit-box-shadow:0 2px 0 #e5e5e5; -moz-box-shadow:0 2px 0 #e5e5e5; -ms-box-shadow:0 2px 0 #e5e5e5; margin-top:-3px;}
.box-basic section { margin:0; padding:10px 0 0 0;} /* 20160901 */
.box-basic section>div {margin-bottom:8px;} /* 20160901 */
.box-basic section label {display: block; margin-bottom: 0; line-height: 19px; font-weight: 400; font-size: 13px; color: #333; text-align: left; white-space: normal; padding:0;} /* 20160901 */
.box-basic span.search-btn a, .box-basic span.search-btn button, .search-form span.create-btn a, .search-form span.create-btn button, .box-basic span.create-btn a, .box-basic span.create-btn button {margin-top:19px;} /* 20160901 */
.search-form span.create-btn a, .search-form span.create-btn button, .box-basic span.create-btn a, .box-basic span.create-btn button {margin-left:10px;}
.box-basic.no-boxshadow { box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none;}

/* 20160712 Terms */
.box-terms {border:1px solid #d8d8d8; border-top-color:#bbccdd; background-color:#fff !important; margin-bottom:3px; padding-bottom:5px;} /* 20160901 */
.box-terms div.agree { float:left; margin-left:10px; font-size:13px;}
.box-terms div.agree span a.btn {margin-top:7px;}

/* Dealer Code */ /* 20160628 */
.dealer-code {display:block; border:1px solid #d8d8d8; background-color:#f2f2f2; padding:12px 15px 5px; margin-bottom:10px;}
.dealer-code ul {padding:0; margin:0;}
.dealer-code ul li {list-style:none; line-height:24px; margin:0 15px 5px 0; display:inline-block;}
.dealer-code ul li button {margin-top:-2px;}
.tbl-form .dealer-code { float:left; display:inline-block; background-color:#fff; border:none; padding:0; margin-bottom:0; font-size:13px;}
.tbl-form .dealer-code ul { display:inline-block; padding:9px 0 0 0;}
.tbl-form .dealer-code ul li {padding-bottom:0;}
.table-y-scroll { overflow-y:scroll; max-height:200px;} /* 20160819 */
.table-y-scroll>.table {margin-bottom:0;} /* 20160819 */

/* TBL - BASIC */ /* 20160628 */
.table {margin-bottom:15px; border-top-color:#bbccdd !important; background-color:#fff; color:#333;}
.table>thead>tr>td, .table>thead>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {background-color:#ebf8fc; border-bottom:0; vertical-align:middle; font-size:13px; padding:6px 10px 5px;}
.table>thead>tr>th, .table>tbody>tr>th, .table-bordered>thead>tr>th { text-transform:capitalize;}
.table>tbody>tr>th, .table-bordered>tbody>tr>th {background-color:#f2f2f2; vertical-align:middle;}
.table>tbody>tr>td {vertical-align:middle; padding:4px 10px;}
.table>tbody>tr:last-child {border-bottom:1px solid #ddd; }
.table td>label.checkbox {margin-top:-12px;}
.table td.thinner-field { width:20px; padding:4px 0 4px 4px; text-align:center;}

/* BTN */
.btn {border-radius: 2px;-webkit-border-radius: 2px; -moz-border-radius: 2px; box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);  -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);  -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05); outline: none !important;}
.btn-default {padding:6px 12px; border-color:#bdbdbd;}
.btn-default-sm {padding:4px 12px; border-color:#bdbdbd;} /* 20170405 password ìž…ë ¥ì¹¸ ì˜†ì—  ë²„íŠ¼ì „ 위치시키기 위해 paddingê°’ì „ 줄임*/	
.btn-default.active, .btn-default:active, .btn-default:hover, .open>.dropdown-toggle.btn-default {background-color:#f5f5f5;}
.btn-primary, .btn-primary:visited {color:#fff; background-color:#0074c8; border-color:#0056b8;} /* btn-primary color ìˆ˜ì • */ 
.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {color:#fff; background-color:#092c74; border-color:#002856; } /* btn-primary hover color ìˆ˜ì • */
 /* .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover {background-color:#d6e6f6; border-color:#d6e6f6; opacity:.50; filter:alpha(opacity=50);} btn-primary disabled color ìˆ˜ì • */
.btn-sm {padding:4px 10px;} /* 20160908 */
.btn-xs {padding:2px 6px;}
.btn-submit {color:#fff; background-color:#3dab7c; border-color:#239664;} /* btn-submit complete color ìˆ˜ì • */ 
.btn-submit.active, .btn-submit:hover, .open>.dropdown-toggle.btn-submit {color:#fff; background-color:#56be91; border-color:#44b484; } /* btn-submit complete hover color ìˆ˜ì • */ 
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {opacity:.70;}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary {opacity:.40;}
.btn-group-sm>.btn, .btn-sm {font-size:13px; line-height:1.385em;} /* BTN font size ìˆ˜ì • */
.btn-group>span a, .btn-group-vertical>span a {margin:0 5px 5px 0;} /* BTN 간격 ìˆ˜ì • */
.btn-group>span:last-child a, .btn-group-vertical>span:last-child a { margin-right:0;}
/*.btn-checkbox-group {float:left; display:inline-block; margin-bottom:5px;}
.btn-checkbox {float:left; display:inline-block; padding:2px 8px 3px 6px; border:1px solid #bdbdbd; background-color:#fff; border-radius:2px; -webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,.05); margin:0 10px 5px 0;} */
.btn-checkbox {width:100%;padding:5px 8px; border:1px solid #d0d0d0; background-color:#fff; margin:0 10px 5px 0; margin-top:5px;}
.btn-checkbox.active {background-color:#eff9fd; border-color:#bbccdd;}
.btn-checkbox:last-child {margin-right:0;}
.btn-checkbox label.checkbox { font-weight:600;}
.btn-item-move span a {width:100%; display:block; margin-bottom:15px; font-size:1.231em;}
div.DTTT_container {margin-bottom:0;} /* 20160520 */
a.DTTT_button, button.DTTT_button, div.DTTT_button {color:#333 !important; border:1px solid #bdbdbd !important; font-size:1.000em !important; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none;} /* 20160520 */
a.DTTT_button:hover, button.DTTT_button:hover, div.DTTT_button:hover {border:1px solid #bdbdbd !important;box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none;} /* 20160520 */
.btn-right-inline, .btn-right-inlinefix {float:right;} 
.btn-right-inline>span a, .btn-right-inlinefix>span a, .btn-right-inline>span button, .btn-right-inlinefix>span button, .btn-right-inline>button, .btn-right-inlinefix>button, .btn-right-inlinefix>input.btn {margin:0 5px 5px 0;} /* 20161002 */
.btn-right-inline>span:last-child a, .btn-right-inlinefix>span:last-child a, .btn-right-inline>span:last-child button, .btn-right-inlinefix>span:last-child button, .btn-right-inline>button:last-child, .btn-right-inlinefix>button:last-child, .btn-right-inlinefix>input:last-child.btn {margin-right:0;} /* 20161002 */
.btn-del {background-color:#fff; border:1px solid #bdbdbd; padding:1px 4px; color:#888; font-weight:400; font-size:11px;} /* 20160628 */

/* Alert */
.alert { overflow:hidden; border-width:1px !important;} /* 20160510 */
.alert strong {margin-right:15px;}
.alert-warning {border-color:#f2df9b; color:#9d8443; background-color:#fbebb0;} /* 20160510 */
.alert-success {border-color:#54cb98; color:#fff; background-color:#54cb98;}
.alert-info {border-color:#4ec1ea; color:#fff; background-color:#4ec1ea;}
.alert-danger {border-color:#f34e50; color:#fff; background-color:#f34e50;}

/* Error-page */ /* LOGO */
#logo {margin:0; text-align:center; width:420px !important;}
#logo img {width:121px; height:36px; margin:8px 0 0 15px; padding:0; float:left; display:inline-block;} /* 20161101 */
#logo span {color:#333; font-size:1.846em; font-weight:600; float:left; display:inline-block; margin:10px 0 0 10px;} /* 20160401 */
.error-msg { margin-top:220px; text-align:center; margin-bottom:220px;}
.error-msg h1 { font-size:3.077em; padding-bottom:12px; color:#777;}
.error-msg h1 i {color:#f56c6d;}
.error-msg p {font-size:1.077em; line-height:1.538em; color:#888;}
.error-header {height:55px !important;}

/* Modal */
.modal-header {background-color:#f8f8f8; border-bottom:1px solid #ddd; border-top-left-radius:4px; border-top-right-radius:4px; box-shadow:0 2px 2px rgba(0,0,0,0.05); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.05); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.05); -ms-box-shadow:0 2px 2px rgba(0,0,0,0.05); padding:8px 15px;} /* 20160908 */
.modal-header h4 {color:#333;}
.modal-header .close {padding-top:5px;}
.modal-dialog {width:800px; z-index:9999; margin-top:10px !important;} /* 20160624 z-index 추가 */ /* 20160908 */
.modal-dialog.modal-alert {width:500px !important;}
.modal-body {padding:10px 5px 10px 5px; overflow-y:auto; max-height:600px; font-size:0.813em;} /* 20160712 overflow, height 추가 */
.modal-body p {font-size:1.077em; line-height:1.375em;} /* 20160527 */
.modal-body.co-button {background-color:#f1f1f1; box-shadow:inset 0 2px 2px rgba(0,0,0,0.05); -webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,0.05); -moz-box-shadow:inset 0 2px 2px rgba(0,0,0,0.05); -ms-box-shadow:inset 0 2px 2px rgba(0,0,0,0.05);}
header h4, header h5, header h6 {text-align:left !important;}
header h5 {font-family:arial; font-size:16px; color:#004188; font-weight:600; margin-top:0;}
header h6 {font-family:arial; font-size:1.077em; color:#004188; font-weight:600; margin:0; line-height:1.538em !important;} /* 20160908 */
.notify {padding-bottom:5px; margin-bottom:5px; font-size:1.000em !important; border-bottom:1px solid #bbccdd; line-height:1.538em !important;} /* 20160908 */
.notify .underline { text-decoration:underline;} /* 20160608 */
.w9-check label {font-size:1.000em; font-weight:600; line-height:1.692em; padding-top:4px;} /* 20160608 */
.modal-footer {padding:8px 15px;} /* 20160908 */
.modal-open .modal {padding-left:10px !important;padding-right:10px !important;}
.ssn {font-size:1.231em; font-weight:600; color:#0056b8; text-align:center; padding:8px 0;} /* 20160624 */

/* JQuery Modal */
/* .ui-dialog {width:800px;} */
.ui-widget-overlay { background-color:#000; opacity:.5;}
.ui-dialog .ui-dialog-titlebar {background-color:#f8f8f8;border-bottom:1px solid #ddd;box-shadow:0 2px 2px rgba(0,0,0,0.05); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.05); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.05); -ms-box-shadow:0 2px 2px rgba(0,0,0,0.05);}
.ui-dialog p {margin:0 13px;}
.ui-dialog .ui-dialog-title {padding:0 0 0 3px;}
.ui-dialog .ui-dialog-title h4>i.fa-warning {color:#9d8443 !important;} /* warning */
.ui-dialog .ui-dialog-title h4>i.fa-info-circle {color:#0098cf !important;} /* info */
.ui-dialog .ui-dialog-title h4>i.fa-times-circle {color:#f34e50 !important;} /* error */
.ui-dialog .ui-dialog-titlebar-close {margin-top:-10px;}
.ui-dialog .ui-dialog-content {padding:1em 0 !important;}
.ui-dialog .ui-dialog-buttonpane {margin-top:0; padding:10px 9px 13px;}

/* Footer 20160404 */
.page-footer.login {padding:15px 0; height: 52px;  width: 100%; display: block; bottom: 0; border-top: 1px solid #e1e1e1; color:#bfbfbf; text-align:center; font-size:10px; text-transform:uppercase;} /* 20161011 */

/* margin */
.margin-top-15 {margin-top:15px;}
.margin-top-20 {margin-top:20px;}
.margin-bottom-0 {margin-bottom:0;}
.margin-bottom-5 {margin-bottom:5px;}
.margin-bottom-10 {margin-bottom:10px;}
.margin-bottom-20 {padding-bottom:20px;}
.margin-top-m3 {margin-top:-3px;}
.margin-top-m9 {margin-top:-9px;} /* 20160504 datatableì ´ boxë¡œ ë¶™ì „ë•Œ */
.margin-top-m16 {margin-top:-16px;} /* 20160513 */
.margin-right-10 {margin-right:10px;} /* 20160628 */
.margin-left-25 {margin-left:25px;} /* 20161101 */

/* padding */
.padding-13 {padding:13px;}
.padding-right-0 {padding-right:0 !important;}
.padding-left-0 {padding-left:0 !important;}
.padding-top-0 {padding-top:0 !important;}
.padding-top-5 {padding-top:5px;}
.padding-bottom-25 {padding-bottom:25px;}

.mn-width-50 {min-width:50px;}
.mn-width-100 {min-width:100px;}
.mn-width-120 {min-width:120px;}
.mn-width-150 {min-width:150px;}
.mn-width-200 {min-width:200px;}

.no-border { border:0 !important;}
}


/* Tablet(1) – 876px~1171px  */ 
@media (min-width:876px) and (max-width:1171px) {
#img-area {background:url(../img/bg_hyundai0.png) 10px 80px no-repeat; background-size:45%;}	 /* 20161123 */
.account-update { width:876px; margin:0 auto;}
}


/* Tablet(2) – 768px~875px  */ 
@media (min-width:768px) and (max-width:875px) {
	
#left-panel {left:0;}
#main {margin-left:220px; width:auto !important;}
#img-area {background:url(../img/bg_hyundai0.png) 10px 80px no-repeat; background-size: 45%;} /* 20161123 */
.account-update { width:100%; margin:0 auto;}

.box-basic section>div {margin-bottom:5px;} /* 20160628 */
.box-basic span.search-btn a, .box-basic span.search-btn button {margin-top:0; margin-bottom:20px; float:right;} /* 20160628 */

/* TBL - BASIC */
.table td.th-txt {width:auto; height:auto !important; background-color:#fafafa;}

/* 20160512 calendar input */
.cal-half label.input {width:25%;}

/* 2016.04.13 Form - Table 4 : Mobile label+date 1col */
/* .tbl-form section dl.col.col-xs-6, .tbl-txt-only section dl.col.col-xs-6, .tbl-form section dl.col.col-xs-4, .tbl-txt-only section dl.col.col-xs-4 {width:100%;} */
/* .tbl-form section dl.blank dt, .tbl-form section dl.blank dd { display:none;} */
.tbl-form section dd>dl {padding:0 5px;} /* 20160512 */
.tbl-form section dd>dl dt {background:none; border-left:none; width:99%; height:20px; display:block; padding:8px 0 0 2px;} /* 20160512 */
.tbl-form section dd>dl dd {width:99%; display:block; height:36px; padding:0 0 0 2px;} /* 20160512 */
.tbl-form section dd>dl dd.txt-only {height:24px;} /* 20160512 */

/* 2016.04.11  Table */
.responsive-tbl>.table tr {text-align:left !important;}
.responsive-tbl>.table th { display:none;}
.responsive-tbl>.table td { display:block !important; border-right:0; height:60px; text-align:left !important;} /* 20161011 */
.responsive-tbl>.table td:before {content:attr(Title); position:relative; float:left; display:block; width:230px; padding:0 10px 10px 3px; font-size:13px; font-weight:600;}
.responsive-tbl>.table td:first-child { border-top:1px solid #8eabc9;}
.responsive-tbl>.table>tbody>tr.total>td { height:auto;}
.responsive-tbl>.table-thin td {height:35px;}

/* Select - Wide */
.dropdown-menu-large>li { margin-bottom:0 !important;}

/* Modal */
.modal-dialog {width:auto;}

/* JQuery Modal
.ui-dialog {width:auto;}
 */
}

/* Mobile – 767px ì ´í•˜ */
@media (max-width:767px) {

.login-account>div:first-child {width:auto; padding-bottom:0; border-bottom:0; box-shadow:none; -ms-box-shadow: none; -webkit-box-shadow:none; -moz-box-shadow: none;} /* 20161101 */
.hd-notice {padding:30px 0 0 10px;}/* 20161123 */
.hd-notice br {display: none;}/* 20161123 */

.account-update { width:100%; margin:0 auto;}

/* Header + BTN (20160328 ìˆ˜ì • 추가) */
.header-inline {margin-right:15px;}
.btn-right-inline { float:none; }

.box-basic section>div {margin-bottom:5px;} /* 20160628 */
.box-basic span.search-btn a, .box-basic span.search-btn button {margin-top:0; margin-bottom:20px; float:right;} /* 20160628 */

/* TBL - BASIC */
.table td.th-txt {width:auto; height:auto !important; background-color:#fafafa;}

/* 2016.04.04 Form - Table 4 : Mobile label+date 1col */
.tbl-form section dl.col.col-xs-6, .tbl-txt-only section dl.col.col-xs-6, .tbl-form section dl.col.col-xs-4, .tbl-txt-only section dl.col.col-xs-4 {width:100%;}
/* .tbl-form section dt {width:90px;} */
.tbl-form section dl.blank, .tbl-txt-only section dl.blank {display:none;}
.tbl-form section dd>dl {padding:0 5px;} /* 20160512 */
.tbl-form section dd>dl dt {background:none; border-left:none; width:99%; height:20px; display:block; padding:8px 0 0 2px;} /* 20160512 */
.tbl-form section dd>dl dd {width:99%; display:block; height:36px; padding:0 0 0 2px;} /* 20160512 */
.tbl-form section dd>dl dd.txt-only {height:24px;} /* 20160512 */

/* 2016.04.11  Table */
.responsive-tbl>.table tr {text-align:left !important;}
.responsive-tbl>.table th { display:none;}
.responsive-tbl>.table td { display:block !important; border-right:0; height:60px; text-align:left !important;} /* 20161011 */
.responsive-tbl>.table td:before {content:attr(Title); position:relative; float:left; display:block; width:180px; padding:0 10px 10px 3px; font-size:13px; font-weight:600;}
.responsive-tbl>.table td:first-child { border-top:1px solid #8eabc9;}
.responsive-tbl>.table>tbody>tr.total>td { height:auto;}
.responsive-tbl>.table-thin td {height:35px;}

/* Tabs - Fix Box */
.tab-box ul li { width:49.8%;}

/* Select - Wide */
.dropdown-menu-large>li { margin-bottom:0 !important;}

/* Modal */
.modal-dialog {width:auto;}
.modal-dialog.modal-alert {width:auto !important;}

/* JQuery Modal
.ui-dialog {width:auto;}
 */
 
/* Login */
/* #header-login {width:100% !important; text-align:center;}
#logo-login {margin:0 auto; max-width:auto; min-width:auto; text-align:center;}
#logo-login img {margin:18px 0 0 -15px; float:none;}
#logo-login span {font-size:1.846em; font-weight:600; margin:16px 0 0 10px;} */
#header-login {width:100% !important; text-align:center; height:58px; box-shadow: none; -webkit-box-shadow: none; moz-box-shadow: none; ms-box-shadow: none;} /* 20161116 */
/* #logo-login {margin:0 auto; max-width:210px; min-width:210px; text-align:center;} */
#logo-login img {margin:10px 0 0 15px; display:inline-block;}  /* 20161028 */
#logo-login img.home {width:121px; height:18px; margin:20px 0 0 15px; padding:0; float:left; display:inline-block;} /* 20161116 */
#logo-login span {font-size:1.125em; margin:16px 0 0 10px;} /* 20161028 */
#main.login {min-height:620px;}
#img-area {display:none;}
#main .login-wrap {position:relative; margin:0 auto; max-width:100%; min-width:100%; min-height:100%; height:100%; padding:15px;}
.login-form {position:relative; top:0; left:0; width:100%; border:1px solid #ddd; border-top:0; box-shadow:0 2px 0 rgba(0,0,0,0.05); -webkit-box-shadow:0 2px 0 rgba(0,0,0,0.05); -moz-box-shadow:0 2px 0 rgba(0,0,0,0.05); -ms-box-shadow:0 2px 0 rgba(0,0,0,0.05); }
.login-form .header {border-top:1px solid #bbccdd;}
.login-form .header h1 {margin:14px 0 0 20px;}
.login-form form {padding:15px 20px;}
.login-account { float:none; display:block; width:100%; margin:10px 0 0 10px; border:0;-webkit-box-shadow:none; -moz-box-shadow:none;-ms-box-shadow:none; box-shadow:none;}
.login-guide {margin-bottom:10px;}
}

@media (max-width:600px) {

.hd-notice {padding:30px 0 20px 10px;}

.account-update, .change-box { width:100%; margin:0 auto; height:auto;} /* 20161002 */
#main .change-box {padding:15px;} /* 20161002 */
.change-pw {margin-top:0; } /* 20161002 */
.change-pw header {height:45px;}
.change-pw h1 {padding:6px 0 0 20px;}

.change-pw form {padding:15px 20px;}

/* 2016.04.04 Form - Table 4 : Mobile label+date 1col */
/* .tbl-form section dt {width:100px;} */
.tbl-form section dl.blank {display:none;}

.box-basic section>div {margin-bottom:5px;} /* 20160628 */
.box-basic span.search-btn a, .box-basic span.search-btn button {margin-top:0; margin-bottom:20px; float:right;} /* 20160628 */

/* 2016.04.11  Table */
.responsive-tbl>.table tr {text-align:left !important;}
.responsive-tbl>.table th { display:none;}
.responsive-tbl>.table td { display:block !important; border-right:0; height:65px; text-align:left !important;} /* 20161011 */
.responsive-tbl>.table td:before {content:attr(Title); position:relative; float:left; display:block; width:115px; padding:0 10px 10px 3px; font-size:13px; font-weight:600;}
.responsive-tbl>.table-thin td {height:35px;}

/* Select - Wide */
.dropdown-menu-large>li { margin-bottom:0 !important;}

/* Modal */ 
.modal-dialog {width:auto;}
.modal-footer button {margin-bottom:8px;}
.modal-footer .btn+.btn {margin-bottom:8px !important;}

/* JQuery Modal
.ui-dialog {width:auto;}
 */
.forgot-btn span:first-child {margin-right:0;}

}

@media (max-width:599px) {
.tbl-form section dt { width:130px; letter-spacing:-1px;}
}



/* 2023.05.04 password change form */
#chd-pw-msg-area ul {
  list-style: none; /* Remove HTML bullets */
  padding: 0;
  margin: 16px 0 16px 20px;
}

#chd-pw-msg-area .valid {
   	color: rgb(3, 184, 190);
}
#chd-pw-msg-area .valid:before {
   	position: relative;
   	left: -10px;
   	content: "✔";
}
#chd-pw-msg-area .invalid {
   	color: red;
}
#chd-pw-msg-area .invalid:before {
   position: relative;
   left: -10px;
   content: "✖";
}

/*
* New Code
*/

.radio input:checked+i:after {opacity: 1;}
.radio input+i:after {background-color: #3352ae;}
.radio input+i:after {content: '';top: 5px;left: 5px;width: 9px;height: 9px;border-radius: 50%;}
.radio {margin-bottom: 4px;padding-left: 25px;line-height: 25px;color: #404040;cursor: pointer;font-size: 13px;position: relative;display: block;}
.radio input+i:after {position: absolute;opacity: 0;transition: opacity .1s;-o-transition: opacity .1s;-ms-transition: opacity .1s;-moz-transition: opacity .1s;-webkit-transition: opacity .1s;}
.mfaOption {margin: 10px 0px 0px 0px;padding: 0px 0px 0px 10px;box-sizing: content-box;}
.radio {float: left; margin-right: 30px;}
.mfaOption label.radio {font-weight: bold;}
.radio i {border-radius: 50%;}
span.reSend {display: block;margin-top: 10px;}
.mfaCode {width: 64px;height: 37px;margin-right: 8px;}
div#otpInput {display: block;float: left;margin-top: 10px;margin-left: 10px;}
label#phone_option {margin-top: 10px;}
.corporateLink{float:right;}
.corporateLink a{border:0px; box-shadow: none;}
#corporateLoginFrom{display:none;}
.intro {padding: 8px 30px 0px;}
.attrEntry {padding: 5px 0;}
input#mfaType_email, input#mfaType_phone, input#MFAchoice_email, input#MFAchoice_phone {height: 12px !important;width: 12px !important;}
label#email_option, label#mfaType_phone {margin-left: 0.5rem;}
input#mfaType_phone {margin-left: 1rem;}
div#verifyEmailOrPhoneControl ul {padding: 0px;}
ul {padding: 0px 0px;list-style-type: none;}
.attr label{display: inline-block;font-family: Arial,Gulim;margin-bottom: 4px;}
.attr input[type="text"], input[type="password"] {border: 1px solid #bdbdbd;width: 40%;border-radius: 0;padding: 5px;-webkit-appearance: none;font-size: 13px;height: 28px;box-shadow: none;-ms-box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;width: 100%;}

button#next, .sendCode, .buttons #continue, .buttons #cancel, .verifyCode, .sendNewCode, #verifyEmailOrPhoneControl_but_send_code, #cancelLoginMfa {color: #fff;background-color: #092c74; border-color: #002856;font-size: 1.077em;text-transform: uppercase;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);-moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);outline: none !important; color: #fff;background-color: #0074c8;border-color: #0056b8;height: 35px !important;border: 0px;padding: 5px 20px;cursor: pointer;text-transform: capitalize;}
#mfaType_email, #email_option, #mfaType_phone, #phone_option, .readOnlyPhone_li,.readOnlyEmail_li, .email_option, .phone_option {display:none;}
label.radio.email_option{margin-top:0px}
.checkbox+.checkbox, .radio+.radio{margin-top: 0px !important;}
div#sessionExistMsg {padding: 19px;font-size: 14px;}
div#sessionExist .modal-content {width: 375px;margin: 0 auto;}
.showPass {
    position: absolute;
    top: 4px;
    right: 6px;
}
label.input.passwordField {
    position: relative;
}
input::-ms-reveal,
input::-ms-clear {
	display: none;
}
#changePassContainer{display: none;}
.launchText{position: absolute;width: 500px;bottom: 0px;left: 0px;text-align: left;color: #ff5200;font-size: 17px;}
.urMsgBarImgError.urTxtMsg span {display: block;width: 100%;padding-left: 21px;float: left; font-size: 11px;}
.urMsgBarImgError.urTxtMsg{width:100%;}
.launchText span {font-weight: bold;}