@charset "utf-8";
body {min-width: 900px;}
#wrap {width:100%; height:100%;}
/**/
header {padding-bottom:20px;}
h1 {min-width:calc(100% - 45%);} /* width:100%-45(좌우여백) */
h1 span {width:180px; height:16px; background:url(../images/ico/txt_logo.png) no-repeat;}
/**/
section {padding:50px 0; background-color:#f4f5f5;}
article {min-width:calc(100% - 45%); padding:45px 0 50px; background-color:#fff;} /* width:100%-45(좌우여백) */
article .login {width:388px; margin:0 auto;}
h2 {font-weight:500; padding-bottom:16px; font-size:25px; color:#272727; letter-spacing:-1px; text-align: right;}
/* article .login div.logo_img {background:url(../images/ico/login_logo.png) no-repeat;} */
article .login li {width:100%; height:46px;}
article .login li .inputForm {position:relative; width:calc(100% - 2px); height:calc(100% - 2px); margin-top:10px; border:1px solid #e4dcd3; background-color:#fff;} /* width:100%-2(라인), height:100%-2(라인) */
article .login li .inputForm input[type="text"], article .login li .inputForm input[type="password"] {position:absolute; top:0; left:0; width:calc(100% - 75px); height:100%; padding:0 15px; margin-left:45px; border:none; font-weight:100; font-size:16px; color:#474747;} /* width:100%-75(좌우패딩) */
article .login li .inputForm input:focus::-webkit-input-placeholder {color:transparent !important;} /* chrome, safari */
article .login li .inputForm input:focus::-moz-placeholder {color:transparent !important;} /* firefox */
article .login li .inputForm input:focus:-moz-placeholder {color:transparent !important;} /* firefox */
article .login li .inputForm input:focus:-ms-input-placeholder {color:transparent !important;} /* explorer */
article .login li .inputForm input::-webkit-input-placeholder {color:#676767 !important;} /* chrome, safari */
article .login li .inputForm input::-moz-placeholder {color:#676767 !important;} /* firefox */
article .login li .inputForm input:-moz-placeholder {color:#676767 !important;} /* firefox */
article .login li .inputForm input:-ms-input-placeholder {color:#676767 !important;} /* explorer */
article .login li.btn a {width:100%; height:100%; margin-top:20px; background-color:#222223;}
article .login li.btn a span {font-size:17px; color:#fff;}
/**/
footer {padding-top:17px; font-weight:200; font-size:14px; color:#272727;}

span.red {color:#d2492c;}

.alert_bg {background-color:rgba(0,0,0,0.7); height:calc(100% - 43px) !important;}
.alert_bg .pop {width:400px; height:100%;}
.alert_bg .pop .con_bg {width: calc(100% - 30px); min-height: calc(100% - 73px); display: table; margin:15px 15px;}
.alert_bg .pop .con_bg .con {width:100%; display: table-cell; vertical-align: middle; text-align: center;}
.alert_bg .pop .con_bg .con p {padding:3px 0; font-size:15px; color:#474747; line-height:20px;}
.alert_bg .pop .btn {padding-bottom:15px;}
.alert_bg .pop .btn li {float:left; margin:0 3px;}
.alert_pop {max-height:194px !important; z-index:10010 !important;}
.login_alert_pop {max-height:250px !important; z-index:10010 !important;}
.login_alert_pop .alert_bg .pop {width:470px !important;}
.colour a {background-color:#222223 !important;}
.btnA a {height:28px; border-radius:4px; font-size:14px; padding:0 10px; color:#fff !important;}

.pop_bg_alert {position: absolute; min-width:1440px; width: 100%; height: 100%; background-color:rgba(0,0,0,0.5); z-index: 10009;}

.commonDetailPop {width:auto !important; height:90% !important; background-color:#fff; box-shadow:0 1px 3px 1px rgba(0,0,0,0.3); border-radius:10px !important;}
.commonDetailPop > .ui-dialog-titlebar {height:43px; padding:0 !important;}
.commonDetailPop > .ui-dialog-titlebar > .ui-dialog-title {position:absolute; top:13px; left:12px; font-weight:600; font-size:18px; color:#2d2a29;}
.commonDetailPop > .ui-dialog-titlebar > .ui-button {background-color:#fff;}
.commonDetailPop > .ui-dialog-titlebar > .ui-button:hover {background-color:#fff;}
.commonDetailPop > .ui-dialog-titlebar > .ui-button:active {background-color:#fff;}
.commonDetailPop > .ui-dialog-titlebar > .ui-dialog-titlebar-close {top:13px !important; right:13px !important; width:17px !important; height:17px !important; margin:0 !important; padding:0 !important; border:none; background-color:#fff !important;} /* background 추가 */
.commonDetailPop > .ui-dialog-titlebar > .ui-dialog-titlebar-close > .ui-icon {top:0 !important; left:0 !important; width:22px !important; height:21px !important; margin:0 !important; background:url(../images/close.png) no-repeat !important;}
.commonDetailPop > .ui-widget-header {border-bottom:1px solid #c4c4c4 !important; background-color:transparent !important; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important;}
.commonDetailPop > .ui-dialog-content {padding:0 !important;}