@charset "UTF-8";

/*==================================================================================
 UI & design consuting - FOR C&C (주)에프오알씨앤씨 - UI Creative Team 
www.forcnc.co.kr  / (02)322-0637
==================================================================================*/

.lay-login-wrap {position:absolute;top:0;right:0;bottom:0;left:0;background-color:#b0bec5;}

.lay-login-wrap1 {position:absolute;top:0;right:0;bottom:0;left:0;background-color:#b0bec5;}
.lay-login-wrap2 {position:absolute;top:0;right:0;bottom:0;left:0;background-color:#b0bec5;}
.lay-login-wrap3 {position:absolute;top:0;right:0;bottom:0;left:0;background-color:#b0bec5;}
.lay-login-wrap4 {position:absolute;top:0;right:0;bottom:0;left:0;background-color:#b0bec5;}

.login-window-area {position:absolute;top:50%;left:50%;width:942px;height:490px;margin-left:-471px;margin-top:-245px;}
.login-window-area .login-box {box-shadow:1px 2px 8px #777777;border-radius:5px;height:440px;background-color:#FFF;}
.login-window-area .main-login {width:402px;float:left;}
.login-window-area .login-pr {width:530px;float:right;}
.login-box-margin {margin:0 50px;}
.login-logo-area {padding:60px 0 10px 20px;}
.login-logo {text-indent:-10000px;display:block;width: 250px;height:49px;cursor:pointer;background: url(/neo/img/ncp/theme/login/logo_login.png) no-repeat;}
.login-content-area {padding-top:30px;}
.login-window-area .login-input-txt,
.login-window-area .login-input-pw,
.expire-box-area .login-input-pw,
.login-pop-contents .login-input-pw {border-radius:4px;font-size:15px;color:#e0e0e0;margin-bottom:10px;padding-left:20px;width:100%;height:50px;background:#f2f2f2;color:#b0b0b0;}
.login-window-area input:focus,
.expire-box-area input:focus,
.login-pop-contents input:focus{border:2px solid #ff5722 !important;}
.login-window-area .btn-login-confirm,
.expire-confirm-area .btn-confirm{height:60px;width:100%;font-size:21px;color:#fff;background:#ff5722;border-radius:5px;margin:5px 0;}
.main-login-link {text-align:center;padding:20px 0;}
.main-login-link .login-txt-anchor {font-size:13px;color:#999999;text-decoration:underline;padding:0 10px;}

.login-ad-area {margin-top:70px;}
.login-banner-area {margin-top:30px;}
.login-pr li {list-style:none;background-size:100%;}
.login-ad-list {margin:0;padding:0;}
.login-ad01 {background:url(/neo/img/ncp/theme/login/login_ad.jpg) no-repeat;height:222px;}
.login-banner-list {margin:0;padding:0;}

footer.login-lay-footer {position:absolute;bottom:0;width:100%;background:rgba(0,0,0,0.5);}
footer .login-footer-wrap {height:30px;padding:10px;}
footer .login-copyright {color:#999999;float:left;margin:7px 0;}
footer .login-footer-select {float:right;margin:1px;}

/* Select - dark */
div.custom-select-dark {display:inline-block;vertical-align:top;position:relative;}
div.custom-select-dark .jqTransformSelectAnchor {color:#999;font-size:12px;line-height:1.33em;padding:6px 23px 5px 13px;max-width:100%;height:28px;display:inline-block;box-sizing:border-box;background-color:#373737;}
.custom-select-dark a.jqTransformSelectOpen {display:block;position:absolute;top:0;right:0;width:23px;height:28px;background:url(/neo/img/ncp/theme/common/custom_form.png) right -100px;}
.custom-select-dark .jqTransformSelectLayer,
.custom-select-dark iframe {position:absolute;bottom:27px;left:0px;list-style:none;border:1px solid #a6a6a6;display:none;margin:0px;padding:0px;max-height:150px;overflow:auto;overflow-y:auto;z-index:10;background-color:#373737;}
.custom-select-dark .jqTransformSelectLayer a {display:block;padding:7px 14px;text-decoration:none;color:#989899;background-color:#FFF;font-size:12px;}
.custom-select-dark .jqTransformSelectLayer li:first-child a {border-top-width:0;}
.custom-select-dark .jqTransformSelectLayer a.selected {background:#f1f1f1;}

/* 외부망 (login_outer.html) */
.login-main-notice {font-size:15px;letter-spacing:-1px;margin:0;text-align:center;}
.login-timer {height:15px;text-align:center;margin:0;padding-top:20px;padding-bottom:30px;}
.login-timer span{font-size:17px;color:#ff5722;letter-spacing:1px;}
.certi-option {height:30px;margin-bottom:10px;}
.certi-option-left {float:left;padding:3px 13px;}
.certi-option-left label {padding-right:10px;}
.certi-option-right {float:right;}
.certi-option-right .btn-certi {color:#fff;font-size:12px;line-height:1.3em;background-color:#ff5722;width:120px;height:28px;border-radius:5px;}
.certi-option-right .btn-certi.active {background-color:#8d6e63;} 

/* POP UP */
.login-pop-openwindow {width:480px;height:500px;}
.login-pop-openwindow .pop-openwindow-header {height:48px;background:#ff5722;}
.login-pop-openwindow .pop-openwindow-title {font-size:13px;}
.login-pop-openwindow .pop-openwindow-contents {height:452px; overflow:auto;}
.login-pop-contents .pw-notice {float:none;width:auto;}
.login-pop-contents .pw-notice ul {margin:0 30px;padding:20px 0;}
.login-pop-contents .pw-insert {width:100%;padding:30px 0;text-align:center;}
.login-pop-contents .pw-insert input {width:300px;}

/* 재접속 (login_reconnect.html) */
.login-reconnect {position:absolute;top:50%;left:50%;width:402px;height:490px;margin-left:-201px;margin-top:-245px;}
.login-window-area.login-reconnect .login-box {border:1px solid #e0e0e0;border-radius:5px;box-shadow:none;height:490px;background-color:#FFF;}
.login-content-area .login-sub-notice {font-size:13px;line-height:1.4em;margin:0;margin-top:-15px;padding-bottom:30px;text-align:center;}
.login-reconnect .login-copyright {color:#999999;text-align:center;margin-top:60px;}

/* 비밀번호 만료 (login_pw_expire.html) */
.expire-header-area {height:60px;}
.expire-wrap {width:1100px;margin:0 auto;padding-top:100px;}
.pw-change-box {border:1px solid #e0e0e0;border-radius:5px;}
.info-insert-box {border:1px solid #e0e0e0;border-radius:5px;margin:15px 0;}
.pw-insert {width:290px;padding:30px 40px;display:inline-block;vertical-align:top;}
.pw-insert .pw-insert-desc {font-size:13px;font-weight:bold;line-height:1.5em;margin:0;padding-bottom:20px;}
.pw-notice {float:right;width:723px;background:#f2f2f2;}
.pw-notice ul {margin:30px;padding:5px 0;line-height:1.6em;}
.pw-notice li {list-style:none;}
.pw-notice .notice-point {color:#fe630f;}
.expire-confirm-area {text-align:center;}
.expire-confirm-area .btn-confirm {width:300px;}
.info-insert-desc {font-size:13px;font-weight:bold;text-align:center;padding-top:25px;margin:0;}
.datatable-research {margin:30px auto; width:920px;}
.datatable-research .datatable-head {font-size:15px;font-weight:normal;text-align:left;padding-left:20px;}
.datatable-research .sub-tit {font-size:12px;padding-left:5px;}
.datatable-research .input-txt {border:none;width:100%;vertical-align:bottom;    padding-left:10px;background:#f2f2f2;}
.datatable-research .input-txt:focus {border:none;}
.datatable-research .custom-select {width:150px;}
.datatable-research .license .custom-select {width:90px;}
.datatable-research .license input {width:150px;}
.datatable-research .license input:focus {border:1px solid #e0e0e0;}
.datatable-research .habit input {border:none;vertical-align:bottom;width:166px;background:#f2f2f2;}
.datatable-research .btn-add {font-size:12px;color:#FFF;height:28px;box-sizing:border-box;padding:0 10px;vertical-align:bottom;background-color:#448aff;}