/* CSS 초기화 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, form { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: top; background: transparent; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
body { background-color:#2C3338; margin: 0; padding: 0; font-family: "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "Noto Sans"; color: #333; line-height: 1; font-size: 14px; letter-spacing: -1px; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav ul, li { list-style: none; }
a { margin: 0; padding: 0; font-size: 100%; text-decoration: none; vertical-align: baseline; color: #282828; background: transparent; }
img { vertical-align: top; max-width: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
input, select, textarea { margin: 0; padding: 0; /*appearance: none;*/ border-radius: 0; font-family: "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "Noto Sans"; font-size: 13px; }
textarea { resize: none; border: 1px solid #ddd; font-size: 13px; padding: 5px; color: #777; }
input::-moz-input-placeholder {
    color:#e65d5d;
}
input::-webkit-input-placeholder {
    color:#e65d5d;
}
select { font-size: 13px !important; color: #777; border: 1px solid #ddd; }
hr { clear: both; display: none; }
em { font-style: normal; }

/*공통*/
.blind { display: none !important; }
.clear { clear: both !important; }
.clear_fix:after { display: block; content: ''; clear: both; }
.fl { float: left !important }
.fr { float: right !important }
.fc_w { color: #fff !important; }
.fc_y { color: #e7db1e !important; }
.fc_dg { color: #333 !important; }
.fc_red { color:#ff0000 !important}
.fc_gr { color:#0b9f00 !important }
.fc_bl { color:#125590 !important }

.site_menu .g_user_menu { padding: 20px 33px; background: url('../img/gnb_bg_line.jpg') left top repeat-x; }
.site_menu .g_user_menu > ul > li, a { display: inline-block; }
.site_menu .g_user_menu > ul > li + li { margin-left: 20px; }
.site_menu .g_user_menu > ul > li > a { width: 20px; height: 20px; text-indent: -9999px; }
.site_menu .g_user_menu > ul > li:nth-child(1) > a { background: url('../img/g_setting.png') center no-repeat }
.site_menu .g_user_menu > ul > li:nth-child(2) > a { background: url('../img/g_manual.png') center no-repeat }

/* Member */
.member { width: 280px; position: absolute; left: 50%; margin-left: -140px; top: 50%; padding: 8em 0 5em 0; }
/* .member.login { margin-top: -227px } */ /* ami csm*/
.member.login { margin-top: -270px }
.member.join, .member.m_modify { margin-top: -332px }
.member.Inquiry_idpw { margin-top: -296px }

.member h1 { width:100%; height: 60px; margin-bottom: 2em; }
.member h1.default { background: url('/img/logo/login-logo-kpf.png') center no-repeat;}
.member h1.maeil { background: url('/img/logo/login-logo-jam.png') center no-repeat;}
.member h1.kookje { background: url('/img/logo/login-logo-kookje.png') center no-repeat;}
/* css 재수정 */
.member h1.imaeilcom { background: url('/img/logo/login-logo-jam.png') center no-repeat; }
.member h1.kookjecokr { background: url('/img/logo/login-logo-kookje.png') center no-repeat; }

/* 2017.09.22 K.M.C 신규선정사 로고 추가 */
.member h1.heraldcorpcom { background: url('/img/logo/login-logo-herald.png') center no-repeat; }
.member h1.khancokr { background: url('/img/logo/login-logo-khan.png') center no-repeat; }
.member h1.idaegucom { background: url('/img/logo/login-logo-daeguilbo.png') center no-repeat; }
.member h1.busancom { background: url('/img/logo/login-logo-busan.png') center no-repeat; }
.member h1.jnilbocom { background: url('/img/logo/login-logo-jnilbo.png') center no-repeat; }
.member h1.knnewscokr { background: url('/img/logo/login-logo-knnews.png') center no-repeat; }
.member h1.kwangjucokr { background: url('/img/logo/login-logo-kwangju.png') center no-repeat; }

.member h1 a { width:100%; height:100%; text-indent: -9999px; }
.member h2 { font-size:26px; color:#f6ec00; text-align:center; padding:20px 0 50px 0; }
.member form span { background-color: #363b41; border-radius: 3px 0px 0px 3px; color: #606468; display: block; float: left; line-height: 40px; text-align: center; width: 50px; height: 40px; }
.member form input[type="text"], .member form input[type="password"] { background-color: #3b4148; border-radius: 0px 3px 3px 0px; color: #777; font-size: 14px; padding: 0 10px; width: 230px; height: 40px; border: none }
.member form .submit,
.member form .id_chdck { border: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #135591; color: #eee; text-transform: uppercase; }
.member form .submit { width: 280px; height: 40px; text-align: center; font-size: 15px; line-height: 1.5;} /* padding-top: 7px; cursor: pointer;*/
.member form button.id_chdck { position: absolute; top: 0px; right: 0; width: 63px; height: 40px; margin: 0 0 0 8px; font-size: 11px; }
.member form input[type="submit"]:hover, .member form button.id_chdck:hover { background-color: #0f4c83; }
.member form input[type="checkbox"] { margin-right: 5px; background: #3b4148; }
.member form fieldset + fieldset { margin-top: 1em; padding-top: 1.5em; border-top: 1px solid #3b4148; }
.member p { position: relative; color: #838789; font-size: 13px; margin-bottom: 1em; }
.member form + div { border-top: 1px solid #3b4148; padding-top: 1em; }
.member form + div > a { color: #838789 }
/*20161123추가*/
.member.join select { width: calc( 100% - 50px); height:40px; border:none; background:#3b4148; border-radius: 0px 3px 3px 0px;}
.member.join select + select { border-radius: 3px; margin:0.5em 0 0 50px;   }
/*20161123추가 - 끝*/
/*20161219 추가*/
.member.join { width:570px; margin-left:-285px; margin-top:-370px; }
.member.join fieldset div { width:280px; float:left; }
.member.join fieldset div + div { margin-left:10px; }
.member.join fieldset div.submit_btn{ margin:10px 0 0 0; width:100%; text-align:center; }
.member.join fieldset div p input + input { margin-top:13px; border-radius:3px; width:100%; }
.member.join fieldset .postcode { position: absolute; top:7px; left:60px; background:none; border:1px solid #7d8185; border-radius:3px; padding:3px; color:#aeaeae; cursor:pointer }
.member.join fieldset .postcode:hover { background:rgba(255,255,255,0.1) }
.member.join fieldset .postcode + input { width:230px; margin-top:0; padding-left:115px; }
@media (min-width: 320px) and (max-width: 630px) {
    .member.join{ width:280px; margin-left:-140px; margin-top:-500px; }
    .member.join fieldset div { float:none; }
    .member.join fieldset div + div { margin-left:0; }
}

/*20161219 추가 - 끝*/
.member-page { background: #125590; }
.member-box { width: 320px; margin: 15% auto; }
.member-title { font-size: 2em; font-weight: bold; text-align: center; margin-bottom: 20px; color: #fff; }
.member-box-header { border-bottom: 1px solid #333; margin-bottom: 20px; padding-bottom: 20px; }
.member-box-header h2 { font-size: 1.45em; }
.member-box-body { background: #fff; padding: 30px 15px; }
.btn-log { margin-top: 20px; }
.btn-log button { border: 1px solid #aaa; background: #aaa; color: #fff; width: 100%; padding: 6px 0; cursor: pointer; }
.login-box-footer { margin: 20px 0; }
.login-box-footer .bt-reg { color: #333; float: left; font-size: 0.98em; }
.login-box-footer .bt-find { color: #333; float: right; font-size: 0.98em; }
.reg-box { padding: 4px 0; height: 35px; }
.reg_item { width: 25%;
    text-align: left;
    padding: 7px 0 7px 5px;
    font-size: 0.95em; float: left; }
.reg_input { float: left; }
.reg_input input { width: 210px; }
.id-check .reg_input input { width: 125px; float: left; margin-right: 10px; }
.id-check .reg_input button { float: right; height: 27px; border: 1px solid #3075b3; padding: 0 10px; background: #3075b3; color: #fff; }
::-webkit-input-placeholder {
    color: #777 !important;
}
:-moz-placeholder {
    color: #777 !important;
}
::-moz-placeholder {
    color: #777 !important;
}
:-ms-input-placeholder {
    color: #777 !important;
}