@charset "UTF-8";

/* login */
.login-wrap {display: table; position:relative; width: 100%; height: 100%; background: url(../../../images/domain/SI17600001/img_loginbg.jpg) 50% 50% no-repeat; background-size: cover;}
.login-wrap::before {position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; content:'COPYRIGHT ⓒ 2024 GYEONGSAN-SI. ALL RIGHTS RESERVED.'; font-size: 12px; color: rgb(0, 0, 0); font-weight: 300; text-align: center;}
.login-wrap > div {vertical-align: middle; display: table-cell; }
.login-wrap > div div {display: block; margin: 0 auto; background-color: #fff; width: 90%; max-width: 350px; height: auto; border: 1px solid var(--indigo); min-height: 400px; padding: 2em; font-size: 1em; box-shadow: -5px 5px 40px rgba(0,0,0, .3); border-radius: 10px;}
.login-wrap > div div h2 {display: block; text-align: center; font-weight: 600; font-size: 1.4em; margin: 1em 0; padding: 0; font-family: 'Gmarket Sans'; color: #262626;}
.login-con {margin: 0 auto; text-align: left;}
.login-con dt {font-size: .8em; line-height: 3em; display: block; color: #666;}
.login-con dd { margin-bottom: 1em;}
.login-con dd input {width: 100%; height: 3em; line-height: 3em;}
.login-wrap .login-btn {width: 100%; height: 3em; line-height: 3em; background-color: var(--indigo); font-size: 1em; font-weight: 600; font-family: 'Gmarket Sans'; box-sizing: border-box;}
.password-text {font-size: 13px; line-height: 1.2; margin: 1em 0; text-align: left; word-break: keep-all; color: #F65556; position: relative; font-weight: 400; padding-left: 12px;}
.password-text::before {left: 0; top: 7px; position: absolute; width: 5px; height: 1px; content:''; background-color: #F65556;}
.login-logo {position: absolute; left: 2em; top: 2em;}
.login-logo img {width: 150px;}

.login-comment {margin: 1em 0 0;}
.login-comment li {display: block; margin-bottom: 5px; font-size: .8em; font-weight: 300; line-height: 1.2; color: #999; position: relative; padding-left: 10px;}
.login-comment li::before {content:'- '; display: block; width: 10px; height: 10px; top: 0; left:  0; position: absolute; text-align: left;}


/* modal */
/* .pop {position:fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 10; display: none; background: rgba(0,0,0,.7);} */
/* .pop > div.pop-inner {display: inline-block; vertical-align: middle; margin: 0; min-width: 350px; max-width: 700px; background: #fff; padding: 1.5em; border-radius: 5px; box-shadow: 2px 2px 2px rgba(0,0,0,0.07); overflow-y: auto; max-height: 80%; width: 80%;} */
/* .pop .large {max-width: 1000px !important;} */
/* .pop .small {max-width: 350px !important;} */
/* .pop::after {content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle;} */
.pop-wrap {width: 100%; height: 100%;}
.pop-wrap h2 {color: #34425a; text-align: left; font-size: 1em; height: 1.8em; line-height: 1.8; font-weight: 600; padding: 0; font-family:'Gmarket Sans'; padding-left: 25px; position: relative;}
.pop-wrap h2::before { content: ''; position: absolute; width: 4px; height: 4px; left: 5px; top: 7px; border-radius: 15px; border: 3px solid #2f67cb;}
.pop-wrap h2 .btn-close {float: right; margin: 0; width: 20px; height: 20px; background: url(../../../images/domain/SI17600001/btn_popclose.png) 50% 50% no-repeat #fff; border: 0; cursor: pointer;}
.pop-wrap .pop-body {position: relative; padding: 0; height: calc( 100% - 2.5em ); overflow: auto; width: 100%;}
/* .pop .btn-wrap {border-top: 0; padding: 0; margin: 0;} */
.pop-wrap .tbl-basic th, .pop-wrap .tbl-basic td {padding: .5em 1em; font-size: .8em;}
.pop-wrap .tbl-top {font-size: .8em;}
.pop-wrap .tbl-top p {font-size: 1em;}
.pop-wrap .tbl-top select {height: 28px; line-height: 28px;}
.pop-wrap .sub-search-wrap2 {width: 100%; min-height: 1%; font-size: .9em; margin: 0 auto; padding: 1em; border-radius: 4px; border: 1px solid #ddd; background: #f9f9f9; }
.pop-wrap .sub-search-wrap2::after {content: ''; height: 0; display: block; visibility: hidden; clear: both;}
.pop-wrap .sub-search-wrap2 select {width: 120px; float: left; height: 28px; line-height: 28px;}
.pop-wrap .sub-search-wrap2 input[type='text'] {width: calc(100% - 205px); margin-right: 4px; float: left; height: 28px; line-height: 28px;}
.pop-wrap .sub-search-wrap2 button {width: 80px; float: left; height: 28px; line-height: 28px;}