@charset "UTF-8";

.login-img{font-size:0}

/* **************************************** *
 * 내부망 로그인
 * **************************************** */
.login-int{flex:1; display:flex; align-items:center; justify-content:center; position:relative; background-color:#f5f7f9}
.login-int .login-logo{display:flex; align-items:center; margin-bottom:12px; z-index:1}
.login-int .login-logo .logo{width:253px; height:41px; background:url("../images/common/logo_member.svg") no-repeat 50% 50%; background-size:253px 41px}
.login-int .login-logo .logo a{display:block; width:253px; height:41px; cursor:pointer}

.login-int .login-wrap{display:flex; flex-direction:column; position:relative; width:1280px; padding:25px 40px 25px; box-sizing:border-box}

.login-int .login-core{display:flex; gap:32px}
.login-int .login-core .core-align{flex:1; display:flex; flex-direction:column; box-sizing:border-box}
.login-int .login-core .core-align.align-id-login{position:relative; min-width:320px; max-width:320px; padding-top:0; overflow:hidden}
.login-int .login-core .core-align.align-id-login:after{display:none; content:''; position:absolute; right:-280px; top:250px; width:298px; height:656px; background-color:#102446; border-radius:30px; transform:rotate(135deg); box-sizing:border-box}
.login-int .login-core .login-core-tit{display:flex; align-items:flex-end; margin-bottom:15px}
.login-int .login-core .login-core-tit .tit,
.login-int .login-core .login-core-tit .stit{line-height:1.2em; font-weight:300; letter-spacing:-1px}
.login-int .login-core .login-core-tit .tit{color:#202020; font-family:ppl; font-size:20px}
.login-int .login-core .login-core-tit .stit{margin-left:5px; color:#505050; font-size:15px}

/*.login-int .gpo-login{display:flex; flex-direction:column; flex:1; position:relative; padding:30px; background-color:#f5f6fd; box-shadow:0 0 0 2px #3e55e1; border-radius:12px; transition:all .20s ease; box-sizing:border-box}
.login-int .gpo-login .login-core-tit .tit{color:#3e55e1}*/
.login-int .gpo-login{display:flex; flex-direction:column; flex:1; position:relative; padding:30px; background-color:#f5f6fd; box-shadow:0 0 0 1px #d8ddf9; border-radius:12px; transition:all .20s ease; box-sizing:border-box}
.login-int .gpo-login:hover{box-shadow:0 0 0 2px #3e55e1}
.login-int .gpo-login .login-core-tit .tit{color:#3e55e1}

.login-int .spcialnews-view{display:flex; flex-direction:column; flex:1; position:relative; padding:30px; background-color:#eef6f9; box-shadow:0 0 0 1px #b2dff0; border-radius:12px; transition:all .20s ease; box-sizing:border-box}
.login-int .spcialnews-view .login-core-tit .tit{color:#0085b7}

.login-int .login-service{display:flex; gap:32px; margin-top:20px; padding:10px 30px 20px; background-color:#fff; border-radius:8px; box-shadow:0 0 0 1px #e9e9ea}
.login-int .login-service .service-align{display:flex; flex-direction:column}
.login-int .login-service .service-align.align-banner{min-width:340px; max-width:340px}
.login-int .login-service .service-align.align-down{min-width:180px; max-width:180px}

/* 아이디 로그인 */
.login-int .id-login{display:flex; flex-direction:column; flex:1; position:relative; padding:30px 30px 35px; background-color:#172e55; border-radius:12px; overflow:hidden; box-sizing:border-box}
.login-int .id-login:before,
.login-int .id-login:after{content:''; position:absolute; width:298px; height:656px; border-radius:30px; transform:rotate(135deg); box-sizing:border-box}
.login-int .id-login:before{left:-200px; bottom:-240px; background-color:#23395e}
.login-int .id-login:after{right:-200px; top:-300px; background-color:#0f2344}

.login-int .id-login .login-core-tit{position:relative; flex-direction:column; align-items:flex-start; margin-bottom:25px; z-index:1}
.login-int .id-login .login-core-tit .tit{color:#fff}
.login-int .id-login .login-core-tit .stit{margin-left:0; margin-top:5px; color:rgba(255,255,255,.8)}

.login-int .id-login .login-input{display:flex; flex-direction:column; align-items:flex-start; position:relative; border-bottom:1px solid #ebebeb; z-index:1}
.login-int .id-login .login-input:last-child{border-bottom:none}
.login-int .id-login .login-input .tit{display:none; margin-bottom:8px; color:rgba(255,255,255,.8); line-height:1em; font-size:15px; font-weight:normal; letter-spacing:-1px}
.login-int .id-login .login-input label{display:flex; align-items:center; justify-content:center; position:absolute; left:0; bottom:0; width:50px; height:50px; font-size:20px; color:#909090; box-sizing:border-box}
.login-int .id-login .login-input input{
    width:100%;
    height:50px;
    line-height:50px;
    margin:0;
    padding:1px 0;
    padding-right:40px;
    text-align:left;
    font-size:16px;
    color:#202020;
    letter-spacing:-0.5px;
    font-weight:normal;
    background:#fff;
    border:0;
    text-indent:40px;
    border-radius:0;
    outline:none;
    transition:all .20s ease;
    box-sizing:border-box;
    -webkit-appearance:none
}
.login-int .id-login .login-input:hover input,
.login-int .id-login .login-input input:focus{background:#fff}
.login-int .id-login .login-input input::-webkit-input-placeholder{color:#a4a4a4; font-size:15px; font-weight:normal}
.login-int .id-login .login-input input::-moz-placeholder{color:#a4a4a4; font-size:15px; font-weight:normal}
.login-int .id-login .login-input input[disabled],
.login-int .id-login .login-input input[readonly]{background:#f2f4f5}

.login-int .id-login .login-input.eye .eye-toggle{display:flex; align-items:center; justify-content:center; position:absolute; right:8px; top:11px; width:30px; height:30px; margin:0; padding:0; background:none; border:0; cursor:pointer}
.login-int .id-login .login-input.eye .eye-toggle:after{content:'\ecb4'; color:#909090; font-size:16px; font-family:remixicon}
.login-int .id-login .login-input.eye .eye-toggle.active:after{content:'\ecb6'}

.login-int .id-login .login-saveid{margin-top:10px}
.login-int .id-login .login-saveid .check-login{display:inline-block; position:relative; min-width:18px; min-height:18px; padding-right:1px; vertical-align:middle; overflow:hidden}
.login-int .id-login .login-saveid .check-login input[type="checkbox"]{position:absolute; top:-100px; left:0; margin:0}
.login-int .id-login .login-saveid .check-login .check{display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; width:18px; height:18px; background-color:rgba(255,255,255,.4); border-radius:2px; cursor:pointer}
.login-int .id-login .login-saveid .check-login .check:after{content:'\eb7b'; color:rgba(255,255,255,.2); font-size:18px; font-family:remixicon}
.login-int .id-login .login-saveid .check-login input[type='checkbox']:checked + .check:after{color:rgba(255,255,255,1); background-color:rgba(62,85,225,1)}
.login-int .id-login .login-saveid .check-login .txt{display:flex; align-items:center; line-height:1em; padding-left:23px; padding-top:2px; font-size:14px; color:#fff; letter-spacing:-0.8px; font-weight:normal; cursor:pointer}

.login-int .id-login .login-confirm{display:flex; align-items:center; justify-content:center; position:relative; margin:20px 0; padding:0; border:0; width:100%; height:60px; background:#3e55e1; border:0; border-radius:0; cursor:pointer; transition:all .20s ease; z-index:1; box-sizing:border-box}
.login-int .id-login .login-confirm:hover{background:#4c63ec}
.login-int .id-login .login-confirm span{color:#fff; font-family:ppl; font-size:17px; font-weight:300; letter-spacing:-0.2px}

.login-int .id-login .login-util{display:flex; flex-wrap:wrap; position:relative; margin:20px -8px 0}
.login-int .id-login .login-util .util-r{display:flex; flex-wrap:wrap; margin-left:auto}
.login-int .id-login .login-util a{display:flex; align-items:center; position:relative; padding:0 8px; cursor:pointer}
.login-int .id-login .login-util a span{line-height:1.2em; color:rgba(255,255,255,.8); font-size:14px; font-weight:normal; letter-spacing:-0.8px}
.login-int .id-login .login-util a:hover span{color:rgba(255,255,255,1)}
.login-int .id-login .login-util a i{position:relative; top:0; color:rgba(255,255,255,.8); font-size:18px}
.login-int .id-login .login-util a:before{content:''; position:absolute; right:-1px; top:50%; width:1px; height:12px; margin-top:-6px; background-color:rgba(255,255,255,.4)}
.login-int .id-login .login-util a:last-child:before{display:none}


/* 통합회원전환 안내 */
.login-int .widget-guide{display:flex; flex-direction:column; position:relative; margin-top:auto; padding:18px 20px; background-color:#102446; border:2px solid #fff; border-radius:8px; box-sizing:border-box; z-index:1}
.login-int .widget-guide:after{
	content:''; position:absolute; right:10px; top:10px; width:14px; height:14px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,.8)'%3E%3Cpath d='M16.0037 9.41421L7.39712 18.0208L5.98291 16.6066L14.5895 8H7.00373V6H18.0037V17H16.0037V9.41421Z'%3E%3C/path%3E%3C/svg%3E");
	background-size:20px; background-repeat:no-repeat; background-position:center
}
.login-int .widget-guide .widget-top{display:flex; align-items:center; box-sizing:border-box} 
.login-int .widget-guide .widget-top .top-tit{display:flex; align-items:center; flex:1}
.login-int .widget-guide .widget-top .top-tit .tit{display:flex; align-items:center; line-height:1.2em; color:#fff; font-size:15px; font-weight:300; letter-spacing:-0.5px}
.login-int .widget-guide .widget-temp-guide{margin-top:5px}
.login-int .widget-guide .guide-cont{display:flex; flex-direction:column}
.login-int .widget-guide .guide-cont .cont-box{display:flex; align-items:center}
.login-int .widget-guide .guide-cont .cont-box .info{color:rgba(255,255,255,.8); line-height:1.3em; font-size:14px; font-weight:normal; letter-spacing:-0.2px; word-break: keep-all}


/* 공무원 로그인 */
.login-int .module-gpo{display:flex; flex-direction:column; flex:1; gap:6px}
.login-int .module-gpo .module-box{display:flex; flex-direction:column; justify-content:space-between; flex:1; padding:22px 20px 22px; border-radius:8px; background-color:rgba(255,255,255,1); box-shadow:0 0 0 1px #d8ddf9; transition:all .20s ease; box-sizing:border-box}
.login-int .module-gpo .module-tit .tit{display:flex; align-items:center; line-height:1.2em; color:#202020; font-family:ppl; font-size:17px; font-weight:300; letter-spacing:-0.5px}
.login-int .module-gpo .module-tit .tit span{font-family:pps; font-weight:300; margin-right:5px; letter-spacing:-0.8px}
.login-int .module-gpo .module-confirm{display:flex; align-items:center; justify-content:center}
.login-int .module-gpo .module-confirm .confirm-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:200px;
    height:58px; 
    padding:1px 15px 0;
    line-height: 1em;
    color:#fff;
    font-family:ppl;
    font-weight:300;
    font-size:15px;
    letter-spacing:-0.2px;
    text-align:center;
    background:#798291;
    border:0;
    border-radius:6px;
    cursor:pointer;
    box-sizing:border-box;
    transition:all .20s ease
}
.login-int .module-gpo .module-box:hover{background-color:rgba(255,255,255,.4)}
.login-int .module-gpo .module-box:hover .module-confirm .confirm-btn{background:#3e55e1}
.login-int .module-gpo .module-box .module-confirm .confirm-btn .eng{font-family:pps; margin-right:4px}

.login-int .module-gpo .module-util{display:flex; align-items:center; justify-content:center; margin:15px 0 0}
.login-int .module-gpo .module-util a{position:relative; padding:0 8px; cursor:pointer}
.login-int .module-gpo .module-util a span{line-height:1.2em; color:#808080; font-size:14px; font-weight:normal; letter-spacing:-0.4px}
.login-int .module-gpo .module-util a:before{content:''; position:absolute; right:-1px; top:50%; width:1px; height:12px; margin-top:-6px; background-color:#d8ddf9}
.login-int .module-gpo .module-util a:last-child:before{display:none}
.login-int .module-gpo .module-guide{margin-top:8px; line-height:1.2em; color:#808080; font-size:14px; font-weight:normal; letter-spacing:-0.6px; text-align:center}
.login-int .module-gpo .module-tit.module-certificate .tit:before{
	content:''; width:30px; height:30px; margin-right:5px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuODg5IDMuNkgyNC4xMWEyLjI4OSAyLjI4OSAwIDAxMi4yOSAyLjI4OVYxMC4yYS44LjggMCAwMDEuNiAwVjUuODg5QTMuODg5IDMuODg5IDAgMDAyNC4xMTEgMkg1Ljg5QTMuODg5IDMuODg5IDAgMDAyIDUuODg5VjI0LjExQTMuODg5IDMuODg5IDAgMDA1Ljg4OSAyOEgxNy4zMWEuOC44IDAgMDAwLTEuNkg1Ljg5YTIuMjg5IDIuMjg5IDAgMDEtMi4yOS0yLjI4OVY1Ljg5QTIuMjg5IDIuMjg5IDAgMDE1Ljg4OSAzLjZ6IiBmaWxsPSIjMkQyRDJEIi8+PHBhdGggZD0iTTcuOCA5YS44LjggMCAxMDAgMS42aDEwLjRhLjguOCAwIDAwMC0xLjZINy44ek03IDE1LjhhLjguOCAwIDAxLjgtLjhoNi40YS44LjggMCAwMTAgMS42SDcuOGEuOC44IDAgMDEtLjgtLjh6IiBmaWxsPSIjMkQyRDJEIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOCAxOWMwIDEuNzc3Ljc3MyAzLjM3NCAyIDQuNDcydjQuODQ0YTEgMSAwIDAwMS40NzkuODc4TDI0IDI3LjgybDIuNTIxIDEuMzc0QTEgMSAwIDAwMjggMjguMzE2di00Ljg0NEE2IDYgMCAxMDE4IDE5em0xMC40IDBhNC40IDQuNCAwIDExLTguOCAwIDQuNCA0LjQgMCAwMTguOCAwem0tMi4wODQgNS41MzdBNS45ODEgNS45ODEgMCAwMTI0IDI1Yy0uODIgMC0xLjYwMy0uMTY1LTIuMzE2LS40NjN2Mi44OUwyNCAyNi4xNjVsMi4zMTYgMS4yNjJ2LTIuODl6IiBmaWxsPSIjMkQyRDJEIi8+PC9zdmc+");
	background-size:30px;
	background-repeat:no-repeat;
	background-position:center;
}
.login-int .module-gpo .module-tit.module-mobile-public .tit:before{
	content:''; width:30px; height:30px; margin-right:5px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIuSURBVHgB7VfbUcJAFF1C+ALG2EH8Y4aHsQOtwHQAVKBUYKxAOgArECrADgjwwx+hAvGXp+fAhkGUmV0mwXH0zNxh9+aSe3bvYzdC/HUkdie5XM42TbORSCQcTC0RMVarVWs+n9eGw2HwhQCdp1KpLpzTsC2iBxd0C5nMZrOrkIQZPoXzOo0Mw7jwfT8QMcBxHHuxWHThq4HpDXXGznOya8flnJDv5u46oc7Ys3kTp4F1iMDJ8eMETHEEbNu2MpnMndjEktvZQvk+I8YToQntHZDOOyhXDxVzBbExri+Xyw6yXLt3aBNIp9MVNirIY7/ftyEXHKN3OGgy90IT2gTg7BYSwLEX6jgGgbHsoLETeIez7/RUxh8COPfxYxcKhYdQJ8fMhZbQhHYVINuZcOyaXrFYrEg1nftIyKbQhPYOsNTg6AYOa5iOIT0mIXUnK0OcZhUcKperDc6wI5fT6dQVR0CLAGJ9nc1mu1jtUzKZdHlyYvXnEBfzBkIygmgRUSaQz+fLcMQGxGmVztkHBoOBA6GyKp+9lEqlsup7lQjwssIEY/0z1nDY3I83dTI3AoSlzv+ovFuJAC4Q3tp4k2jBITs+ow2GlrzgREOAJcasV7ms0IZVAXkVClDqA4i10mp27D1V2/8LyS4B7S52JKxDBHjIuKrlcwzku9e371C3TUJ0sqq8s4/Q8Vqo5ch3BCXqojp4lmwvLp8+zeSHQ12yjBR0jEX1sNBKnN8evw8fxrvbPL9UpKgAAAAASUVORK5CYII=);
	background-size:30px;
	background-repeat:no-repeat;
	background-position:center;
}

/* 특보메세지 */
.login-int .widget-spcialnews{display:flex; flex-direction:column; flex:1; position:relative; margin-bottom:10px; box-sizing:border-box}
.login-int .widget-spcialnews .widget-top{display:flex; align-items:center; position:relative; margin-bottom:15px; box-sizing:border-box}
.login-int .widget-spcialnews .widget-top .top-util .util-date{display:flex; align-items:center}
.login-int .widget-spcialnews .widget-top .top-util .util-date .tit{
	display:flex; align-items:center; justify-content:center; margin-right:5px; padding:3px 12px; padding-left:10px;
	line-height:1.4em; color:#fff; font-size:14px; font-weight:300; letter-spacing:-0.8px;
	background-color:#0085b7; border-radius:200px; box-sizing:border-box
}
.login-int .widget-spcialnews .widget-top .top-util .util-date .tit:before{content:'\f20f'; position:relative; margin-right:2px; font-family:remixicon; color:#fff; font-size:16px;}
.login-int .widget-spcialnews .widget-top .top-util .util-date .date{position:relative; line-height:1.2em; color:#505050; font-size:15px; font-weight:normal; letter-spacing:-0.8px}

.login-int .widget-spcialnews .widget-temp-spcialnews{display:flex; flex-direction:column; flex:1}
.login-int .widget-spcialnews .spcialnews-top{display:flex; align-items:center; position:relative; height:52px; padding:0 20px; padding-left:15px; text-align:center; background-color:#0085b7; border-radius:8px; transition:all .20s ease; box-sizing:border-box}
.login-int .widget-spcialnews .spcialnews-top:hover{background-color:rgb(0, 146, 199)}
.login-int .widget-spcialnews .spcialnews-top:before{
	content:''; min-width:22px; height:22px; margin-right:5px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,1)'%3E%3Cpath d='M19.3891 3.16113L20.8033 4.57535L18.3277 7.04951L20.8033 9.52509L18.3277 11.9993L20.8033 14.4748L18.3284 16.9497L20.8033 19.4246L19.3891 20.8388L15.5 16.9497L17.9749 14.4748L15.5 12L17.9749 9.52509L15.5 7.05022L19.3891 3.16113ZM12.887 3.73847C12.9601 3.8278 13 3.93967 13 4.05509V19.9448C13 20.221 12.7761 20.4448 12.5 20.4448C12.3846 20.4448 12.2727 20.4049 12.1834 20.3318L6.889 15.9991L3 16C2.44772 16 2 15.5523 2 15V8.99997C2 8.44768 2.44772 7.99997 3 7.99997L6.889 7.99907L12.1834 3.66811C12.3971 3.49325 12.7121 3.52475 12.887 3.73847ZM11 7.21997L7.60302 9.99891L4 9.99897V14L7.60285 13.9989L11 16.779V7.21997Z'%3E%3C/path%3E%3C/svg%3E");
	background-size:22px;
	background-repeat:no-repeat;
	background-position:center;
}
.login-int .widget-spcialnews .spcialnews-top strong{
    line-height:1.2em; color:#fff; font-size:16px; font-weight:normal; letter-spacing:-0.8px; text-align:left;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; word-break:break-all; overflow:hidden;
}
.login-int .widget-spcialnews .spcialnews-detail{display:flex; flex-direction:column; flex:1; margin-top:5px; padding:10px; background-color:#fff; border:1px dashed #b2dff0; border-radius:8px}
.login-int .widget-spcialnews .spcialnews-detail .detail-inner
{
	display:flex; flex-direction:column; flex:1; max-height:250px; padding:10px; overflow:hidden; overflow-y:auto; box-sizing:border-box;
	line-height:1.6em !important; color:#505050 !important; font-size:15px !important; font-weight:normal !important; letter-spacing:-0.4px!important
}
.login-int .widget-spcialnews .spcialnews-detail b{line-height:1.6em !important; color:#505050 !important; font-size:15px !important; font-weight:300 !important; letter-spacing:-0.4px!important}
.login-int .widget-spcialnews .spcialnews-detail br{display:none}

.login-int .widget-spcialnews .spcialnews-detail .detail-inner::-webkit-scrollbar{width:8px; height:8px}
.login-int .widget-spcialnews .spcialnews-detail .detail-inner::-webkit-scrollbar-corner{background:transparent}
.login-int .widget-spcialnews .spcialnews-detail .detail-inner::-webkit-scrollbar-track
{
    background-color:transparent;
    background-image:-moz-linear-gradient(left, rgba(0,0,0,.1) 0%, rgba(0,0,0,.1) 100%);
	background-image: linear-gradient(to left, rgba(0,0,0,.1) 0%, rgba(0,0,0,.1) 100%);
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,.1) 0%, rgba(0,0,0,.1) 100%);
    background-image: -ms-linear-gradient(left, rgba(0,0,0,.1) 0%, rgba(0,0,0,.1) 100%);
    border-radius:200px;
}
.login-int .widget-spcialnews .spcialnews-detail .detail-inner::-webkit-scrollbar-thumb{background:#679fb3; border-radius:200px}
.login-int .widget-spcialnews .spcialnews-detail .detail-inner::-webkit-scrollbar-thumb:hover{background:#679fb3}

/* 헬프데스크 */ 
/*
.login-int .widget-helpdesk{display:flex; align-items:center; position:relative; margin-top:auto; padding:14px 18px; background-color:#455065; border-radius:8px; box-sizing:border-box}
.login-int .widget-helpdesk .widget-top{display:flex; align-items:center; box-sizing:border-box} 
.login-int .widget-helpdesk .widget-top .top-tit .tit{display:flex; align-items:center; line-height:1.2em; color:#fff; font-size:15px; font-weight:300; letter-spacing:-0.2px}
.login-int .widget-helpdesk .widget-top .top-tit .tit:before{
	content:''; position:relative; top:-1px; width:24px; height:24px; margin-right:5px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(2545,255,255,1)'%3E%3Cpath d='M7.29117 20.8242L2 22L3.17581 16.7088C2.42544 15.3056 2 13.7025 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C10.2975 22 8.6944 21.5746 7.29117 20.8242ZM7.58075 18.711L8.23428 19.0605C9.38248 19.6745 10.6655 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 13.3345 4.32549 14.6175 4.93949 15.7657L5.28896 16.4192L4.63416 19.3658L7.58075 18.711ZM7 12H9C9 13.6569 10.3431 15 12 15C13.6569 15 15 13.6569 15 12H17C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12Z'%3E%3C/path%3E%3C/svg%3E");
	background-size:24px;
	background-repeat:no-repeat;
	background-position:center;
}
.login-int .widget-helpdesk .widget-temp-helpdesk{margin-left:auto}
.login-int .widget-helpdesk .helpdesk-cont{display:flex; flex-direction:column}
.login-int .widget-helpdesk .helpdesk-cont .cont-box{display:flex; align-items:center}
.login-int .widget-helpdesk .helpdesk-cont .cont-box span{line-height:1.4em; color:#fff; font-size:15px; letter-spacing:-0.2px}
.login-int .widget-helpdesk .helpdesk-cont .cont-box span.tit{margin-right:5px}
*/

/* 헬프데스크 */
.login-int .widget-helpdesk{display:flex; flex-direction:column; position:relative; margin-top:10px;  padding:14px 20px; background-color:#0085b7; border-radius:8px; box-sizing:border-box}
.login-int .widget-helpdesk .widget-top{display:flex; align-items:center; box-sizing:border-box}
.login-int .widget-helpdesk .widget-top .top-tit{display:flex; align-items:center; flex:1}
.login-int .widget-helpdesk .widget-top .top-tit .tit{display:flex; align-items:center; line-height:1.2em; color:#fff; font-size:15px; font-weight:300; letter-spacing:-0.2px}
.login-int .widget-helpdesk .widget-top .top-tit .tit:before{
	content:''; position:relative; top:-1px; width:24px; height:24px; margin-right:5px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(2545,255,255,1)'%3E%3Cpath d='M7.29117 20.8242L2 22L3.17581 16.7088C2.42544 15.3056 2 13.7025 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C10.2975 22 8.6944 21.5746 7.29117 20.8242ZM7.58075 18.711L8.23428 19.0605C9.38248 19.6745 10.6655 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 13.3345 4.32549 14.6175 4.93949 15.7657L5.28896 16.4192L4.63416 19.3658L7.58075 18.711ZM7 12H9C9 13.6569 10.3431 15 12 15C13.6569 15 15 13.6569 15 12H17C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12Z'%3E%3C/path%3E%3C/svg%3E");
	background-size:24px;
	background-repeat:no-repeat;
	background-position:center;
}
.login-int .widget-helpdesk .widget-temp-helpdesk{margin-top:5px}
.login-int .widget-helpdesk .helpdesk-cont{display:flex; flex-direction:column}
.login-int .widget-helpdesk .helpdesk-cont .cont-box{display:flex; align-items:center}
.login-int .widget-helpdesk .helpdesk-cont .cont-box span{line-height:1.4em; color:#fff; font-size:15px; letter-spacing:-0.2px}
.login-int .widget-helpdesk .helpdesk-cont .cont-box span.tit{width:60px; min-width:60px}

/* 일일상황 */
.login-int .widget-dailyreport{display:flex; flex-direction:column; position:relative; border-radius:8px; box-sizing:border-box}
.login-int .widget-dailyreport .widget-top{display:flex; align-items:center; position:relative; min-height:54px; box-sizing:border-box} 
.login-int .widget-dailyreport .widget-top .top-tit{display:flex; align-items:center; flex:1}
.login-int .widget-dailyreport .widget-top .top-tit .tit{display:flex; align-items:center; line-height:1.2em; color:#202020; font-family:ppl; font-size:20px; font-weight:300; letter-spacing:-0.8px; white-space:nowrap}

.login-int .widget-temp-dailyreport{display:flex; flex-wrap:wrap;  justify-content:flex-start; margin-left:-10px; margin-top:-5px}
.login-int .widget-temp-dailyreport .dailyreport-align{width:50%}
.login-int .widget-temp-dailyreport .dailyreport-box{display:flex; margin-left:10px; margin-top:5px; padding:4px; padding-right:15px; border:1px solid #ebebeb; background-color:#fff; border-radius:2px; cursor:pointer}
.login-int .widget-temp-dailyreport .dailyreport-date{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; margin-right:10px; min-width:68px; width:68px; height:58px; background-color:transparent; border-radius:4px}
.login-int .widget-temp-dailyreport .dailyreport-date .year,
.login-int .widget-temp-dailyreport .dailyreport-date .mmdd{line-height:1.2em; font-family:pps; letter-spacing:-0.2px}
.login-int .widget-temp-dailyreport .dailyreport-date .year{color:#808080; font-size:12px; font-weight:normal; letter-spacing:-0.2px}
.login-int .widget-temp-dailyreport .dailyreport-date .mmdd{color:#3e55e1; font-size:16px; font-weight:300; letter-spacing:-0.8px}

.login-int .widget-temp-dailyreport .dailyreport-cont{flex:1; display:flex; flex-direction:column; align-items:flex-start; justify-content:center}
.login-int .widget-temp-dailyreport .dailyreport-cont .subject{
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
	line-height:1.3em; color:#202020; font-size:15px; font-weight:normal; letter-spacing:-0.8px;
	word-wrap:break-word; text-overflow:ellipsis; word-break:break-all; overflow:hidden
}
.login-int .widget-temp-dailyreport .dailyreport-box:hover .dailyreport-cont .subject{color:#3e55e1}


/* 다운로드 */
.login-int .widget-down{display:flex; flex-direction:column; gap:5px; margin-top:auto}
.login-int .widget-down .down-box{display:flex; align-items:center; position:relative; height:86px; padding:12px 20px; background-color:#000; border-radius:8px; transition:all .20s ease; box-sizing:border-box}
.login-int .widget-down .down-box:after{content:'\ea4a'; position:absolute; right:20px; top:28px; color:#fff; font-family:remixicon; font-size:24px}
.login-int .widget-down .down-box:nth-child(1){background-color:#3e55e1}
.login-int .widget-down .down-box:hover:nth-child(1){background-color:#4c63ec}
.login-int .widget-down .down-box:nth-child(2){background-color:#0085b7}
.login-int .widget-down .down-box:hover:nth-child(2){background-color:#0092c7}
.login-int .widget-down .down-box .tit{color:#fff; line-height:1.3em; color:#fff; font-family:ppl; font-size:15px; font-weight:300; letter-spacing:-0.2px}
.login-int .widget-down .down-box .tit .eng{font-family:pps}


/* 알림배너 */
.login-int .widget-banner{display:flex; flex-direction:column; position:relative; box-sizing:border-box}
.login-int .widget-banner .widget-top{display:flex; align-items:center; position:relative; min-height:54px; box-sizing:border-box} 
.login-int .widget-banner .widget-top .top-tit{display:flex; align-items:center; flex:1}
.login-int .widget-banner .widget-top .top-tit .tit{display:flex; align-items:center; line-height:1.2em; color:#202020; font-family:ppl; font-size:20px; font-weight:300; letter-spacing:-0.8px; white-space:nowrap}
.login-int .widget-banner .widget-top .top-util{margin-left:auto}
.login-int .widget-banner .widget-top .top-util .date{position:relative; top:4px; line-height:1.2em; color:#808080; font-size:14px; font-weight:normal; letter-spacing:-0.8px}

.login-int .widget-banner .widget-temp-banner{display:flex; flex-direction:column}
.login-int .widget-banner .banner-swiper-nav{display:flex; align-items:center; position:relative; margin-left:auto; right:-3px}
.login-int .widget-banner .banner-swiper-button-prev,
.login-int .widget-banner .banner-swiper-button-next,
.login-int .widget-banner .banner-swiper-button-play{display:flex; width:auto; height:auto; margin:0; padding:0; border:none; background:none; cursor:pointer}
.login-int .widget-banner .banner-swiper-button-prev:after,
.login-int .widget-banner .banner-swiper-button-next:after,
.login-int .widget-banner .banner-swiper-button-play:after{font-family:'remixicon'; font-size:28px; color:#646464; transition:all .20s ease}
.login-int .widget-banner .banner-swiper-button-prev:after{content:'\ea64'}
.login-int .widget-banner .banner-swiper-button-next:after{content:'\ea6e'}
.login-int .widget-banner .banner-swiper-button-play:after{content:'\efd6'; font-size:24px}
.login-int .widget-banner .banner-swiper-button-play.active:after{content:'\f009'}
.login-int .widget-banner .banner-swiper-button-prev.swiper-button-disabled:after,
.login-int .widget-banner .banner-swiper-button-next.swiper-button-disabled:after{color:#d2d2d2}
.login-int .widget-banner .banner-swiper-pagination{display:flex; align-items:center; margin:0 2px; color:#808080; line-height:1em; font-family:pps; font-size:14px; letter-spacing:1.5px}
.login-int .widget-banner .swiper-pagination-bullet{display:flex; align-items:center; justify-content:center; width:24px; height:24px; margin:0 2px !important; padding-top:1px; color:#808080; font-family:pps; font-size:13px; font-weight:normal; background-color:#f2f2f2; opacity:1}
.login-int .widget-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{color:#fff; background-color:#3e55e1}
.login-int .widget-banner .banner-swiper-pagination{font-size:10px}
.login-int .widget-banner .banner-swiper-pagination .swiper-pagination-current,
.login-int .widget-banner .banner-swiper-pagination .swiper-pagination-total{font-size:15px}
.login-int .widget-banner .banner-swiper-pagination .swiper-pagination-current{color:#3e55e1; font-weight:300}

.login-int .widget-banner .banner-body{margin-top:15px}
.login-int .widget-banner .banner-swiper-container{overflow:hidden}
.login-int .widget-banner .banner-swiper-container .swiper-box{display:block; font-size:0; height:140px}
.login-int .widget-banner .banner-swiper-container .swiper-box img{width:100%; height:140px; border-radius:8px}

/* 로그인 푸터 */
.login-footer{display:flex; align-items:center; justify-content:space-between; padding-top:15px}
.login-footer .footer-local{display:flex; align-items:center; min-width:240px}
.login-footer .footer-local a{position:relative; margin:0 10px; cursor:pointer}
.login-footer .footer-local a:before{content:''; position:absolute; left:-10px; top:50%; width:1px; height:16px; margin-top:-8px; background-color:#dadada}
.login-footer .footer-local a:first-child{margin-left:0}
.login-footer .footer-local a:first-child:before{display:none}
.login-footer .footer-local a span{line-height:1.2em; color:#505050; font-size:14px; font-weight:normal; letter-spacing:-0.5px; text-align:left}
.login-footer .footer-local a.privacy span{color:#3e55e1; font-weight:300}
.login-footer .footer-copyright{color:#808080; font-family:pps; font-size:13px; font-weight:normal; letter-spacing:normal; text-align:center}
.login-footer .footer-servicedesk{min-width:240px; color:#808080; font-family:pps; font-size:13px; font-weight:normal; letter-spacing:normal; text-align:right}


/* **************************************** *
 * 외부망 로그인
 * **************************************** */
.login-ont{flex:1; display:flex; align-items:center; justify-content:center; position:relative; background-color:#f5f7f9}
.login-ont .login-logo{display:flex; align-items:center; margin-bottom:20px; z-index:1}
.login-ont .login-logo .logo{width:253px; height:41px; background:url("../images/common/logo_member.svg") no-repeat 50% 50%; background-size:253px 41px}

.login-ont .login-wrap{display:flex; flex-direction:column; position:relative; width:1280px; padding:40px 40px 40px; box-sizing:border-box}

.login-ont .login-core{display:flex; gap:32px}
.login-ont .login-core .core-align{flex:1; display:flex; flex-direction:column; box-sizing:border-box}
.login-ont .login-core .core-align.align-id-login{position:relative; min-width:320px; max-width:320px; padding-top:0; overflow:hidden}
.login-ont .login-core .core-align.align-id-login:after{display:none; content:''; position:absolute; right:-280px; top:250px; width:298px; height:656px; background-color:#102446; border-radius:30px; transform:rotate(135deg); box-sizing:border-box}
.login-ont .login-core .login-core-tit{display:flex; align-items:flex-end; margin-bottom:15px}
.login-ont .login-core .login-core-tit .tit,
.login-ont .login-core .login-core-tit .stit{line-height:1.2em; font-weight:300; letter-spacing:-1px}
.login-ont .login-core .login-core-tit .tit{color:#202020; font-family:ppl; font-size:20px}
.login-ont .login-core .login-core-tit .stit{margin-left:5px; color:#505050; font-size:15px}

.login-ont .gpo-login{display:flex; flex-direction:column; flex:1; position:relative; padding:30px; background-color:#f5f6fd; box-shadow:0 0 0 1px #d8ddf9; border-radius:12px; transition:all .20s ease; box-sizing:border-box}
.login-ont .gpo-login:hover{box-shadow:0 0 0 2px #3e55e1}
.login-ont .gpo-login .login-core-tit .tit{color:#3e55e1}

.login-ont .gov-login{display:flex; flex-direction:column; flex:1; position:relative; padding:30px; background-color:#eef6f9; box-shadow:0 0 0 1px #b2dff0; border-radius:12px; transition:all .20s ease; box-sizing:border-box}
.login-ont .gov-login:hover{box-shadow:0 0 0 2px #0085b7}
.login-ont .gov-login .login-core-tit .tit{color:#0085b7}

.login-int .gov-login{display:flex; flex-direction:column; flex:1; position:relative; padding:30px; background-color:#eef6f9; box-shadow:0 0 0 1px #b2dff0; border-radius:12px; transition:all .20s ease; box-sizing:border-box}
.login-int .gov-login:hover{box-shadow:0 0 0 2px #0085b7}
.login-int .gov-login .login-core-tit .tit{color:#0085b7}

/* 아이디 로그인 */
.login-ont .id-login{display:flex; flex-direction:column; flex:1; position:relative; padding:30px 30px 35px; background-color:#172e55; border-radius:12px; overflow:hidden; box-sizing:border-box}
.login-ont .id-login:before,
.login-ont .id-login:after{content:''; position:absolute; width:298px; height:656px; border-radius:30px; transform:rotate(135deg); box-sizing:border-box}
.login-ont .id-login:before{left:-200px; bottom:-240px; background-color:#23395e}
.login-ont .id-login:after{right:-200px; top:-300px; background-color:#0f2344}

.login-ont .id-login .login-core-tit{position:relative; flex-direction:column; align-items:flex-start; margin-bottom:25px; z-index:1}
.login-ont .id-login .login-core-tit .tit{color:#fff}
.login-ont .id-login .login-core-tit .stit{margin-left:0; margin-top:5px; color:rgba(255,255,255,.8)}

.login-ont .id-login .login-input{display:flex; flex-direction:column; align-items:flex-start; position:relative; border-bottom:1px solid #ebebeb; z-index:1}
.login-ont .id-login .login-input:last-child{border-bottom:none}
.login-ont .id-login .login-input .tit{display:none; margin-bottom:8px; color:rgba(255,255,255,.8); line-height:1em; font-size:15px; font-weight:normal; letter-spacing:-1px}
.login-ont .id-login .login-input label{display:flex; align-items:center; justify-content:center; position:absolute; left:0; bottom:0; width:50px; height:50px; font-size:20px; color:#909090; box-sizing:border-box}
.login-ont .id-login .login-input input{
    width:100%;
    height:50px;
    line-height:50px;
    margin:0;
    padding:1px 0;
    text-align:left;
    font-size:16px;
    color:#202020;
    letter-spacing:-0.5px;
    font-weight:normal;
    background:#fff;
    border:0;
    text-indent:40px;
    border-radius:0;
    outline:none;
    transition:all .20s ease;
    box-sizing:border-box;
    -webkit-appearance:none
}
.login-ont .id-login .login-input:hover input,
.login-ont .id-login .login-input input:focus{background:#fff}
.login-ont .id-login .login-input input::-webkit-input-placeholder{color:#a4a4a4; font-size:15px; font-weight:normal}
.login-ont .id-login .login-input input::-moz-placeholder{color:#a4a4a4; font-size:15px; font-weight:normal}
.login-ont .id-login .login-input input[disabled],
.login-ont .id-login .login-input input[readonly]{background:#f2f4f5}

.login-ont .id-login .login-input.eye .eye-toggle{display:flex; align-items:center; justify-content:center; position:absolute; right:8px; top:11px; width:30px; height:30px; margin:0; padding:0; background:none; border:0; cursor:pointer}
.login-ont .id-login .login-input.eye .eye-toggle:after{content:'\ecb4'; color:#909090; font-size:16px; font-family:remixicon}
.login-ont .id-login .login-input.eye .eye-toggle.active:after{content:'\ecb6'}

.login-ont .id-login .login-saveid{margin-top:10px}
.login-ont .id-login .login-saveid .check-login{display:inline-block; position:relative; min-width:18px; min-height:18px; padding-right:1px; vertical-align:middle; overflow:hidden}
.login-ont .id-login .login-saveid .check-login input[type="checkbox"]{position:absolute; top:-100px; left:0; margin:0}
.login-ont .id-login .login-saveid .check-login .check{display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; width:18px; height:18px; background-color:rgba(255,255,255,.4); border-radius:2px; cursor:pointer}
.login-ont .id-login .login-saveid .check-login .check:after{content:'\eb7b'; color:rgba(255,255,255,.3); font-size:18px; font-family:remixicon}
.login-ont .id-login .login-saveid .check-login input[type='checkbox']:checked + .check:after{color:rgba(255,255,255,1); background-color:rgba(62,85,225,1)}
.login-ont .id-login .login-saveid .check-login .txt{display:flex; align-items:center; line-height:1em; padding-left:23px; padding-top:2px; font-size:14px; color:#fff; letter-spacing:-0.8px; font-weight:normal; cursor:pointer}

.login-ont .id-login .login-confirm{display:flex; align-items:center; justify-content:center; position:relative; margin-top:20px; padding:0; border:0; width:100%; height:60px; background:#3e55e1; border:0; border-radius:0; cursor:pointer; transition:all .20s ease; z-index:1; box-sizing:border-box}
.login-ont .id-login .login-confirm:hover{background:#4c63ec}
.login-ont .id-login .login-confirm span{color:#fff; font-family:ppl; font-size:17px; font-weight:300; letter-spacing:-0.2px}

.login-ont .id-login .login-util{display:flex; flex-wrap:wrap; position:relative; margin:20px -8px 0}
.login-ont .id-login .login-util .util-r{display:flex; flex-wrap:wrap; margin-left:auto}
.login-ont .id-login .login-util a{display:flex; align-items:center; position:relative; padding:0 8px; cursor:pointer}
.login-ont .id-login .login-util a span{line-height:1.2em; color:rgba(255,255,255,.8); font-size:14px; font-weight:normal; letter-spacing:-0.8px}
.login-ont .id-login .login-util a:hover span{color:rgba(255,255,255,1)}
.login-ont .id-login .login-util a i{position:relative; top:0; color:rgba(255,255,255,.8); font-size:18px}
.login-ont .id-login .login-util a:before{content:''; position:absolute; right:-1px; top:50%; width:1px; height:12px; margin-top:-6px; background-color:rgba(255,255,255,.4)}
.login-ont .id-login .login-util a:last-child:before{display:none}

/* 통합회원전환 안내 */
.login-ont .widget-guide{display:flex; flex-direction:column; position:relative; margin-top:auto; padding:18px 20px; background-color:#102446; border:2px solid #fff; border-radius:8px; box-sizing:border-box; z-index:1}
.login-ont .widget-guide:after{
	content:''; position:absolute; right:10px; top:10px; width:14px; height:14px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,.8)'%3E%3Cpath d='M16.0037 9.41421L7.39712 18.0208L5.98291 16.6066L14.5895 8H7.00373V6H18.0037V17H16.0037V9.41421Z'%3E%3C/path%3E%3C/svg%3E");
	background-size:20px; background-repeat:no-repeat; background-position:center
}
.login-ont .widget-guide .widget-top{display:flex; align-items:center; box-sizing:border-box} 
.login-ont .widget-guide .widget-top .top-tit{display:flex; align-items:center; flex:1}
.login-ont .widget-guide .widget-top .top-tit .tit{display:flex; align-items:center; line-height:1.2em; color:#fff; font-size:15px; font-weight:300; letter-spacing:-0.5px}
.login-ont .widget-guide .widget-temp-guide{margin-top:5px}
.login-ont .widget-guide .guide-cont{display:flex; flex-direction:column}
.login-ont .widget-guide .guide-cont .cont-box{display:flex; align-items:center}
.login-ont .widget-guide .guide-cont .cont-box .info{color:rgba(255,255,255,.8); line-height:1.3em; font-size:14px; font-weight:normal; letter-spacing:-0.2px; word-break: keep-all}

/* 헬프데스크 */
.login-ont .widget-helpdesk{display:flex; flex-direction:column; position:relative; margin-top:10px;  padding:14px 20px; background-color:#0085b7; border-radius:8px; box-sizing:border-box}
.login-ont .widget-helpdesk .widget-top{display:flex; align-items:center; box-sizing:border-box} 
.login-ont .widget-helpdesk .widget-top .top-tit{display:flex; align-items:center; flex:1}
.login-ont .widget-helpdesk .widget-top .top-tit .tit{display:flex; align-items:center; line-height:1.2em; color:#fff; font-size:15px; font-weight:300; letter-spacing:-0.2px}
.login-ont .widget-helpdesk .widget-top .top-tit .tit:before{
	content:''; position:relative; top:-1px; width:24px; height:24px; margin-right:5px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(2545,255,255,1)'%3E%3Cpath d='M7.29117 20.8242L2 22L3.17581 16.7088C2.42544 15.3056 2 13.7025 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C10.2975 22 8.6944 21.5746 7.29117 20.8242ZM7.58075 18.711L8.23428 19.0605C9.38248 19.6745 10.6655 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 13.3345 4.32549 14.6175 4.93949 15.7657L5.28896 16.4192L4.63416 19.3658L7.58075 18.711ZM7 12H9C9 13.6569 10.3431 15 12 15C13.6569 15 15 13.6569 15 12H17C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12Z'%3E%3C/path%3E%3C/svg%3E");
	background-size:24px;
	background-repeat:no-repeat;
	background-position:center;
}
.login-ont .widget-helpdesk .widget-temp-helpdesk{margin-top:5px}
.login-ont .widget-helpdesk .helpdesk-cont{display:flex; flex-direction:column}
.login-ont .widget-helpdesk .helpdesk-cont .cont-box{display:flex; align-items:center}
.login-ont .widget-helpdesk .helpdesk-cont .cont-box span{line-height:1.4em; color:#fff; font-size:15px; letter-spacing:-0.2px}
.login-ont .widget-helpdesk .helpdesk-cont .cont-box span.tit{width:60px; min-width:60px}

/* 공무원 로그인 */
.login-ont .module-gpo{display:flex; flex-direction:column; flex:1; gap:6px}
.login-ont .module-gpo .module-box{display:flex; flex-direction:column; flex:1; padding:24px 20px 24px; border-radius:8px; background-color:rgba(255,255,255,1); box-shadow:0 0 0 1px #d8ddf9; justify-content:space-between; transition:all .20s ease; box-sizing:border-box}
.login-ont .module-gpo .module-tit .tit{display:flex; align-items:center; line-height:1.2em; color:#202020; font-family:ppl; font-size:17px; font-weight:300; letter-spacing:-0.5px}
.login-ont .module-gpo .module-tit .tit span{font-family:pps; font-weight:300; margin-right:5px; letter-spacing:-0.8px}
.login-ont .module-gpo .module-confirm{display:flex; align-items:center; justify-content:center}
.login-ont .module-gpo .module-confirm .confirm-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:200px;
    height:58px;
    padding:1px 15px 0;
    line-height: 1em;
    color:#fff;
    font-family:ppl;
    font-weight:300;
    font-size:15px;
    letter-spacing:-0.2px;
    text-align:center;
    background:#798291;
    border:0;
    border-radius:6px;
    cursor:pointer;
    box-sizing:border-box;
    transition:all .20s ease
}
.login-ont .module-gpo .module-box:hover{background-color:rgba(255,255,255,.4)}
.login-ont .module-gpo .module-box:hover .module-confirm .confirm-btn{background:#3e55e1}
.login-ont .module-gpo .module-box .module-confirm .confirm-btn .eng{font-family:pps; margin-right:4px}

.login-ont .module-gpo .module-util{display:flex; align-items:center; justify-content:center; margin:20px 0 0}
.login-ont .module-gpo .module-util a{position:relative; padding:0 8px; cursor:pointer}
.login-ont .module-gpo .module-util a span{line-height:1.2em; color:#808080; font-size:14px; font-weight:normal; letter-spacing:-0.2px}
.login-ont .module-gpo .module-util a:before{content:''; position:absolute; right:-1px; top:50%; width:1px; height:12px; margin-top:-6px; background-color:#d8ddf9}
.login-ont .module-gpo .module-util a:last-child:before{display:none}
.login-ont .module-gpo .module-guide{margin-top:20px; line-height:1.2em; color:#808080; font-size:14px; font-weight:normal; letter-spacing:-0.6px; text-align:center}
.login-ont .module-gpo .module-tit.module-certificate .tit:before{
	content:''; width:30px; height:30px; margin-right:5px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuODg5IDMuNkgyNC4xMWEyLjI4OSAyLjI4OSAwIDAxMi4yOSAyLjI4OVYxMC4yYS44LjggMCAwMDEuNiAwVjUuODg5QTMuODg5IDMuODg5IDAgMDAyNC4xMTEgMkg1Ljg5QTMuODg5IDMuODg5IDAgMDAyIDUuODg5VjI0LjExQTMuODg5IDMuODg5IDAgMDA1Ljg4OSAyOEgxNy4zMWEuOC44IDAgMDAwLTEuNkg1Ljg5YTIuMjg5IDIuMjg5IDAgMDEtMi4yOS0yLjI4OVY1Ljg5QTIuMjg5IDIuMjg5IDAgMDE1Ljg4OSAzLjZ6IiBmaWxsPSIjMkQyRDJEIi8+PHBhdGggZD0iTTcuOCA5YS44LjggMCAxMDAgMS42aDEwLjRhLjguOCAwIDAwMC0xLjZINy44ek03IDE1LjhhLjguOCAwIDAxLjgtLjhoNi40YS44LjggMCAwMTAgMS42SDcuOGEuOC44IDAgMDEtLjgtLjh6IiBmaWxsPSIjMkQyRDJEIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOCAxOWMwIDEuNzc3Ljc3MyAzLjM3NCAyIDQuNDcydjQuODQ0YTEgMSAwIDAwMS40NzkuODc4TDI0IDI3LjgybDIuNTIxIDEuMzc0QTEgMSAwIDAwMjggMjguMzE2di00Ljg0NEE2IDYgMCAxMDE4IDE5em0xMC40IDBhNC40IDQuNCAwIDExLTguOCAwIDQuNCA0LjQgMCAwMTguOCAwem0tMi4wODQgNS41MzdBNS45ODEgNS45ODEgMCAwMTI0IDI1Yy0uODIgMC0xLjYwMy0uMTY1LTIuMzE2LS40NjN2Mi44OUwyNCAyNi4xNjVsMi4zMTYgMS4yNjJ2LTIuODl6IiBmaWxsPSIjMkQyRDJEIi8+PC9zdmc+");
	background-size:30px;
	background-repeat:no-repeat;
	background-position:center;
}
.login-ont .module-gpo .module-tit.module-mobile-public .tit:before{
	content:''; width:30px; height:30px; margin-right:5px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIuSURBVHgB7VfbUcJAFF1C+ALG2EH8Y4aHsQOtwHQAVKBUYKxAOgArECrADgjwwx+hAvGXp+fAhkGUmV0mwXH0zNxh9+aSe3bvYzdC/HUkdie5XM42TbORSCQcTC0RMVarVWs+n9eGw2HwhQCdp1KpLpzTsC2iBxd0C5nMZrOrkIQZPoXzOo0Mw7jwfT8QMcBxHHuxWHThq4HpDXXGznOya8flnJDv5u46oc7Ys3kTp4F1iMDJ8eMETHEEbNu2MpnMndjEktvZQvk+I8YToQntHZDOOyhXDxVzBbExri+Xyw6yXLt3aBNIp9MVNirIY7/ftyEXHKN3OGgy90IT2gTg7BYSwLEX6jgGgbHsoLETeIez7/RUxh8COPfxYxcKhYdQJ8fMhZbQhHYVINuZcOyaXrFYrEg1nftIyKbQhPYOsNTg6AYOa5iOIT0mIXUnK0OcZhUcKperDc6wI5fT6dQVR0CLAGJ9nc1mu1jtUzKZdHlyYvXnEBfzBkIygmgRUSaQz+fLcMQGxGmVztkHBoOBA6GyKp+9lEqlsup7lQjwssIEY/0z1nDY3I83dTI3AoSlzv+ovFuJAC4Q3tp4k2jBITs+ow2GlrzgREOAJcasV7ms0IZVAXkVClDqA4i10mp27D1V2/8LyS4B7S52JKxDBHjIuKrlcwzku9e371C3TUJ0sqq8s4/Q8Vqo5ch3BCXqojp4lmwvLp8+zeSHQ12yjBR0jEX1sNBKnN8evw8fxrvbPL9UpKgAAAAASUVORK5CYII=);
	background-size:30px;
	background-repeat:no-repeat;
	background-position:center;
}

/*유관기관ㆍ민간기관 로그인 */
.login-ont .module-gov{display:flex; flex-direction:column; gap:6px}
.login-ont .module-gov .module-box{display:flex; flex-direction:column; height:165px; padding:20px 20px 20px; background-color:rgba(255,255,255,1); border-radius:8px; box-shadow:0 0 0 1px #b2dff0; transition:all .20s ease; box-sizing:border-box}
.login-ont .module-gov .module-tit{display:flex; align-items:center; margin-bottom:15px}
.login-ont .module-gov .module-tit .tit{display:flex; align-items:center; line-height:1.2em; color:#202020; font-family:ppl; font-size:17px; font-weight:300; letter-spacing:-0.5px}
.login-ont .module-gov .module-tit:after{
    content:'\ea6e'; display:flex; align-items:center; justify-content:center; position:relative; width:28px; height:28px; margin-left:auto; padding-left:1px;
    font-family:remixicon; color:#202020; font-size:24px; border-radius:50%; background-color:#fff; transition:all .20s ease; box-sizing:border-box
}
.login-ont .module-gov .module-box:hover{background-color:rgba(255,255,255,.4)}
.login-ont .module-gov .module-box:hover .module-tit:after{background-color:#0085b7; color:#fff}

.login-ont .module-gov .module-info{margin-top:auto}
.login-ont .module-gov .module-info p{ line-height:1.4em; color:#808080; font-size:14px; font-weight:normal; letter-spacing:-0.2px; word-break:keep-all}

.login-ont .module-gov .module-tit.module-mobile-id .tit:before{
	content:''; width:30px; height:30px; margin-right:5px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjAwNCAyNC4yOWw1LjMyNS00LjQ5NyA3LjM4IDIuNjYgOS45Ny04LjQxOCA1LjMyNSAxLjkxOHYuMDA0TDE2LjIxMyAyNy41OTlhMy40MTYgMy40MTYgMCAwMS0zLjM2LjYwMkwyLjAwMyAyNC4yOXoiIGZpbGw9IiMyRDJEMkQiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1Ljc5MSA0LjQwNGEzLjQwOCAzLjQwOCAwIDAxMy4zNTYtLjYwMWwxMC44NTcgMy45MS0xNS41IDEyLjc4OUwyIDE2LjA0NyAxNS43OTEgNC40MDR6bTIuODEyLjkwM2ExLjgwOSAxLjgwOSAwIDAwLTEuNzguMzJMNS4xNSAxNS40OGwzLjM2NSAxLjIxMiA4LjQ1LTcuMTMzIDUuODY4IDIuMTE0IDQuMDItMy4zOTYtOC4yNS0yLjk3eiIgZmlsbD0iIzJEMkQyRCIvPjwvc3ZnPg==");
	background-size:30px;
	background-repeat:no-repeat;
	background-position:center;
}
.login-ont .module-gov .module-tit.module-pattern .tit:before{
	content:''; width:30px; height:30px; margin-right:5px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjM2MiA4LjM3YTQuNTA4IDQuNTA4IDAgMTAtOS4wMTYgMCA0LjUwOCA0LjUwOCAwIDAwOS4wMTYgMHptMTYuMjg5LjAwOGE0LjUwOCA0LjUwOCAwIDEwLTkuMDE2IDAgNC41MDggNC41MDggMCAwMDkuMDE2IDB6bS0xNi4yODcgMTUuMjVhNC41MDggNC41MDggMCAxMC05LjAxNiAwIDQuNTA4IDQuNTA4IDAgMDA5LjAxNiAweiIgc3Ryb2tlPSIjMkQyRDJEIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjQxMSA3LjU4aDExLjI5NGE0LjUzMiA0LjUzMiAwIDAwMCAxLjZIOC40MWEuOC44IDAgMTEwLTEuNnptMTMuMTYgNC41MDNhNC41MzUgNC41MzUgMCAwMS0xLjEzMS0xLjEzMWwtOS40NDQgOS40NDNjLjM4OS4zNzguNzEuODI1Ljk0MiAxLjMyMmw5LjYzNC05LjYzNHptLTkuMjggMTAuNzQzYTQuNTMgNC41MyAwIDAxMCAxLjZoMTEuODUzYS44LjggMCAxMDAtMS42SDEyLjI5eiIgZmlsbD0iIzJEMkQyRCIvPjxwYXRoIGQ9Ik0yNC4xNDcgMjguMTM4YTQuNTA4IDQuNTA4IDAgMTAwLTkuMDE1IDQuNTA4IDQuNTA4IDAgMDAwIDkuMDE1eiIgc3Ryb2tlPSIjMkQyRDJEIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+");
	background-size:30px;
	background-repeat:no-repeat;
	background-position:center;
}
.login-ont .module-gov .module-tit.module-financial-certificate .tit:before{
	content:''; width:30px; height:30px; margin-right:5px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuODg5IDMuNkgyNC4xMWEyLjI4OSAyLjI4OSAwIDAxMi4yOSAyLjI4OVYxMC4yYS44LjggMCAwMDEuNiAwVjUuODg5QTMuODg5IDMuODg5IDAgMDAyNC4xMTEgMkg1Ljg5QTMuODg5IDMuODg5IDAgMDAyIDUuODg5VjI0LjExQTMuODg5IDMuODg5IDAgMDA1Ljg4OSAyOEgxNy4zMWEuOC44IDAgMDAwLTEuNkg1Ljg5YTIuMjg5IDIuMjg5IDAgMDEtMi4yOS0yLjI4OVY1Ljg5QTIuMjg5IDIuMjg5IDAgMDE1Ljg4OSAzLjZ6IiBmaWxsPSIjMkQyRDJEIi8+PHBhdGggZD0iTTcuOCA5YS44LjggMCAxMDAgMS42aDEwLjRhLjguOCAwIDAwMC0xLjZINy44ek03IDE1LjhhLjguOCAwIDAxLjgtLjhoNi40YS44LjggMCAwMTAgMS42SDcuOGEuOC44IDAgMDEtLjgtLjh6IiBmaWxsPSIjMkQyRDJEIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOCAxOWMwIDEuNzc3Ljc3MyAzLjM3NCAyIDQuNDcydjQuODQ0YTEgMSAwIDAwMS40NzkuODc4TDI0IDI3LjgybDIuNTIxIDEuMzc0QTEgMSAwIDAwMjggMjguMzE2di00Ljg0NEE2IDYgMCAxMDE4IDE5em0xMC40IDBhNC40IDQuNCAwIDExLTguOCAwIDQuNCA0LjQgMCAwMTguOCAwem0tMi4wODQgNS41MzdBNS45ODEgNS45ODEgMCAwMTI0IDI1Yy0uODIgMC0xLjYwMy0uMTY1LTIuMzE2LS40NjN2Mi44OUwyNCAyNi4xNjVsMi4zMTYgMS4yNjJ2LTIuODl6IiBmaWxsPSIjMkQyRDJEIi8+PC9zdmc+");
	background-size:30px;
	background-repeat:no-repeat;
	background-position:center;
}

/*유관기관ㆍ민간기관 로그인 */
.login-int .module-gov{display:flex; flex-direction:column; gap:6px}
.login-int .module-gov .module-box{display:flex; flex-direction:column; height:165px; padding:20px 20px 20px; background-color:rgba(255,255,255,1); border-radius:8px; box-shadow:0 0 0 1px #b2dff0; transition:all .20s ease; box-sizing:border-box}
.login-int .module-gov .module-tit{display:flex; align-items:center; margin-bottom:15px}
.login-int .module-gov .module-tit .tit{display:flex; align-items:center; line-height:1.2em; color:#202020; font-family:ppl; font-size:17px; font-weight:300; letter-spacing:-0.5px}
.login-int .module-gov .module-tit:after{
    content:'\ea6e'; display:flex; align-items:center; justify-content:center; position:relative; width:28px; height:28px; margin-left:auto; padding-left:1px;
    font-family:remixicon; color:#202020; font-size:24px; border-radius:50%; background-color:#fff; transition:all .20s ease; box-sizing:border-box
}
.login-int .module-gov .module-box:hover{background-color:rgba(255,255,255,.4)}
.login-int .module-gov .module-box:hover .module-tit:after{background-color:#0085b7; color:#fff}

.login-int .module-gov .module-info{margin-top:auto}
.login-int .module-gov .module-info p{ line-height:1.4em; color:#808080; font-size:14px; font-weight:normal; letter-spacing:-0.2px; word-break:keep-all}

.login-int .module-gov .module-tit.module-mobile-id .tit:before{
	content:''; width:30px; height:30px; margin-right:5px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjAwNCAyNC4yOWw1LjMyNS00LjQ5NyA3LjM4IDIuNjYgOS45Ny04LjQxOCA1LjMyNSAxLjkxOHYuMDA0TDE2LjIxMyAyNy41OTlhMy40MTYgMy40MTYgMCAwMS0zLjM2LjYwMkwyLjAwMyAyNC4yOXoiIGZpbGw9IiMyRDJEMkQiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1Ljc5MSA0LjQwNGEzLjQwOCAzLjQwOCAwIDAxMy4zNTYtLjYwMWwxMC44NTcgMy45MS0xNS41IDEyLjc4OUwyIDE2LjA0NyAxNS43OTEgNC40MDR6bTIuODEyLjkwM2ExLjgwOSAxLjgwOSAwIDAwLTEuNzguMzJMNS4xNSAxNS40OGwzLjM2NSAxLjIxMiA4LjQ1LTcuMTMzIDUuODY4IDIuMTE0IDQuMDItMy4zOTYtOC4yNS0yLjk3eiIgZmlsbD0iIzJEMkQyRCIvPjwvc3ZnPg==");
	background-size:30px;
	background-repeat:no-repeat;
	background-position:center;
}
.login-int .module-gov .module-tit.module-pattern .tit:before{
	content:''; width:30px; height:30px; margin-right:5px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjM2MiA4LjM3YTQuNTA4IDQuNTA4IDAgMTAtOS4wMTYgMCA0LjUwOCA0LjUwOCAwIDAwOS4wMTYgMHptMTYuMjg5LjAwOGE0LjUwOCA0LjUwOCAwIDEwLTkuMDE2IDAgNC41MDggNC41MDggMCAwMDkuMDE2IDB6bS0xNi4yODcgMTUuMjVhNC41MDggNC41MDggMCAxMC05LjAxNiAwIDQuNTA4IDQuNTA4IDAgMDA5LjAxNiAweiIgc3Ryb2tlPSIjMkQyRDJEIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjQxMSA3LjU4aDExLjI5NGE0LjUzMiA0LjUzMiAwIDAwMCAxLjZIOC40MWEuOC44IDAgMTEwLTEuNnptMTMuMTYgNC41MDNhNC41MzUgNC41MzUgMCAwMS0xLjEzMS0xLjEzMWwtOS40NDQgOS40NDNjLjM4OS4zNzguNzEuODI1Ljk0MiAxLjMyMmw5LjYzNC05LjYzNHptLTkuMjggMTAuNzQzYTQuNTMgNC41MyAwIDAxMCAxLjZoMTEuODUzYS44LjggMCAxMDAtMS42SDEyLjI5eiIgZmlsbD0iIzJEMkQyRCIvPjxwYXRoIGQ9Ik0yNC4xNDcgMjguMTM4YTQuNTA4IDQuNTA4IDAgMTAwLTkuMDE1IDQuNTA4IDQuNTA4IDAgMDAwIDkuMDE1eiIgc3Ryb2tlPSIjMkQyRDJEIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+");
	background-size:30px;
	background-repeat:no-repeat;
	background-position:center;
}
.login-int .module-gov .module-tit.module-financial-certificate .tit:before{
	content:''; width:30px; height:30px; margin-right:5px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuODg5IDMuNkgyNC4xMWEyLjI4OSAyLjI4OSAwIDAxMi4yOSAyLjI4OVYxMC4yYS44LjggMCAwMDEuNiAwVjUuODg5QTMuODg5IDMuODg5IDAgMDAyNC4xMTEgMkg1Ljg5QTMuODg5IDMuODg5IDAgMDAyIDUuODg5VjI0LjExQTMuODg5IDMuODg5IDAgMDA1Ljg4OSAyOEgxNy4zMWEuOC44IDAgMDAwLTEuNkg1Ljg5YTIuMjg5IDIuMjg5IDAgMDEtMi4yOS0yLjI4OVY1Ljg5QTIuMjg5IDIuMjg5IDAgMDE1Ljg4OSAzLjZ6IiBmaWxsPSIjMkQyRDJEIi8+PHBhdGggZD0iTTcuOCA5YS44LjggMCAxMDAgMS42aDEwLjRhLjguOCAwIDAwMC0xLjZINy44ek03IDE1LjhhLjguOCAwIDAxLjgtLjhoNi40YS44LjggMCAwMTAgMS42SDcuOGEuOC44IDAgMDEtLjgtLjh6IiBmaWxsPSIjMkQyRDJEIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOCAxOWMwIDEuNzc3Ljc3MyAzLjM3NCAyIDQuNDcydjQuODQ0YTEgMSAwIDAwMS40NzkuODc4TDI0IDI3LjgybDIuNTIxIDEuMzc0QTEgMSAwIDAwMjggMjguMzE2di00Ljg0NEE2IDYgMCAxMDE4IDE5em0xMC40IDBhNC40IDQuNCAwIDExLTguOCAwIDQuNCA0LjQgMCAwMTguOCAwem0tMi4wODQgNS41MzdBNS45ODEgNS45ODEgMCAwMTI0IDI1Yy0uODIgMC0xLjYwMy0uMTY1LTIuMzE2LS40NjN2Mi44OUwyNCAyNi4xNjVsMi4zMTYgMS4yNjJ2LTIuODl6IiBmaWxsPSIjMkQyRDJEIi8+PC9zdmc+");
	background-size:30px;
	background-repeat:no-repeat;
	background-position:center;
}

/* 로그인 푸터 */
.login-ont .login-footer{padding-top:25px}


/* 모바일 공무원증 로그인 */
.qr-login{display:flex; flex-direction:column; align-items:center; justify-content:center}
.qr-login .qr-info{line-height:1.4em; color:#808080; font-size:15px; font-weight:normal; letter-spacing:-0.2px; text-align:center}
.qr-login .qr-code{margin:30px 0; padding:10px; font-size:0; border:2px solid #000; border-radius:12px}
.qr-login .qr-code img{width:250px}
.qr-login .qr-timer{display:flex; align-items:center; gap:10px}
.qr-login .qr-timer .timer-count{display:flex; align-items:center; gap:5px; position:relative; top:2px}
.qr-login .qr-timer .timer-count .count-tit,
.qr-login .qr-timer .timer-count .count-num{line-height:1.4em; font-size:15px; font-weight:normal; letter-spacing:-0.2px;}
.qr-login .qr-timer .timer-count .count-tit{color:#808080}
.qr-login .qr-timer .timer-count .count-num{color:#0085b7}


/* 본인인증 수단 */
.member-certify{display:flex; align-items:center; margin-left:-10px}
.member-certify .certify-align{width:33.333333%}
.member-certify .certify-align .certify-box{display:flex; align-items:center; justify-content:center; height:70px; margin-left:10px; background-color:#fff; border:1px solid #ebebeb; border-radius:4px; transition:all .20s ease; box-sizing:border-box}
.member-certify .certify-align .certify-box:hover{border:1px solid #3e55e1}
.member-certify .certify-align .certify-box span{display:flex; align-items:center; line-height:1.2em; color:#505050; font-size:15px; font-weight:300; letter-spacing:-0.8px}
.member-certify .certify-align .certify-box span:before{content:''; width:30px; height:30px; margin-right:5px; background-size:30px; background-repeat:no-repeat; background-position:center}
.member-certify .certify-align .certify-box.certificate span:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuODg5IDMuNkgyNC4xMWEyLjI4OSAyLjI4OSAwIDAxMi4yOSAyLjI4OVYxMC4yYS44LjggMCAwMDEuNiAwVjUuODg5QTMuODg5IDMuODg5IDAgMDAyNC4xMTEgMkg1Ljg5QTMuODg5IDMuODg5IDAgMDAyIDUuODg5VjI0LjExQTMuODg5IDMuODg5IDAgMDA1Ljg4OSAyOEgxNy4zMWEuOC44IDAgMDAwLTEuNkg1Ljg5YTIuMjg5IDIuMjg5IDAgMDEtMi4yOS0yLjI4OVY1Ljg5QTIuMjg5IDIuMjg5IDAgMDE1Ljg4OSAzLjZ6IiBmaWxsPSIjMkQyRDJEIi8+PHBhdGggZD0iTTcuOCA5YS44LjggMCAxMDAgMS42aDEwLjRhLjguOCAwIDAwMC0xLjZINy44ek03IDE1LjhhLjguOCAwIDAxLjgtLjhoNi40YS44LjggMCAwMTAgMS42SDcuOGEuOC44IDAgMDEtLjgtLjh6IiBmaWxsPSIjMkQyRDJEIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOCAxOWMwIDEuNzc3Ljc3MyAzLjM3NCAyIDQuNDcydjQuODQ0YTEgMSAwIDAwMS40NzkuODc4TDI0IDI3LjgybDIuNTIxIDEuMzc0QTEgMSAwIDAwMjggMjguMzE2di00Ljg0NEE2IDYgMCAxMDE4IDE5em0xMC40IDBhNC40IDQuNCAwIDExLTguOCAwIDQuNCA0LjQgMCAwMTguOCAwem0tMi4wODQgNS41MzdBNS45ODEgNS45ODEgMCAwMTI0IDI1Yy0uODIgMC0xLjYwMy0uMTY1LTIuMzE2LS40NjN2Mi44OUwyNCAyNi4xNjVsMi4zMTYgMS4yNjJ2LTIuODl6IiBmaWxsPSIjMkQyRDJEIi8+PC9zdmc+")}
.member-certify .certify-align .certify-box.mobile-public span:before{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIuSURBVHgB7VfbUcJAFF1C+ALG2EH8Y4aHsQOtwHQAVKBUYKxAOgArECrADgjwwx+hAvGXp+fAhkGUmV0mwXH0zNxh9+aSe3bvYzdC/HUkdie5XM42TbORSCQcTC0RMVarVWs+n9eGw2HwhQCdp1KpLpzTsC2iBxd0C5nMZrOrkIQZPoXzOo0Mw7jwfT8QMcBxHHuxWHThq4HpDXXGznOya8flnJDv5u46oc7Ys3kTp4F1iMDJ8eMETHEEbNu2MpnMndjEktvZQvk+I8YToQntHZDOOyhXDxVzBbExri+Xyw6yXLt3aBNIp9MVNirIY7/ftyEXHKN3OGgy90IT2gTg7BYSwLEX6jgGgbHsoLETeIez7/RUxh8COPfxYxcKhYdQJ8fMhZbQhHYVINuZcOyaXrFYrEg1nftIyKbQhPYOsNTg6AYOa5iOIT0mIXUnK0OcZhUcKperDc6wI5fT6dQVR0CLAGJ9nc1mu1jtUzKZdHlyYvXnEBfzBkIygmgRUSaQz+fLcMQGxGmVztkHBoOBA6GyKp+9lEqlsup7lQjwssIEY/0z1nDY3I83dTI3AoSlzv+ovFuJAC4Q3tp4k2jBITs+ow2GlrzgREOAJcasV7ms0IZVAXkVClDqA4i10mp27D1V2/8LyS4B7S52JKxDBHjIuKrlcwzku9e371C3TUJ0sqq8s4/Q8Vqo5ch3BCXqojp4lmwvLp8+zeSHQ12yjBR0jEX1sNBKnN8evw8fxrvbPL9UpKgAAAAASUVORK5CYII=")}
.member-certify .certify-align .certify-box.mobile-id span:before{background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjAwNCAyNC4yOWw1LjMyNS00LjQ5NyA3LjM4IDIuNjYgOS45Ny04LjQxOCA1LjMyNSAxLjkxOHYuMDA0TDE2LjIxMyAyNy41OTlhMy40MTYgMy40MTYgMCAwMS0zLjM2LjYwMkwyLjAwMyAyNC4yOXoiIGZpbGw9IiMyRDJEMkQiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1Ljc5MSA0LjQwNGEzLjQwOCAzLjQwOCAwIDAxMy4zNTYtLjYwMWwxMC44NTcgMy45MS0xNS41IDEyLjc4OUwyIDE2LjA0NyAxNS43OTEgNC40MDR6bTIuODEyLjkwM2ExLjgwOSAxLjgwOSAwIDAwLTEuNzguMzJMNS4xNSAxNS40OGwzLjM2NSAxLjIxMiA4LjQ1LTcuMTMzIDUuODY4IDIuMTE0IDQuMDItMy4zOTYtOC4yNS0yLjk3eiIgZmlsbD0iIzJEMkQyRCIvPjwvc3ZnPg==")}
.member-certify .certify-align .certify-box.pattern span:before{background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjM2MiA4LjM3YTQuNTA4IDQuNTA4IDAgMTAtOS4wMTYgMCA0LjUwOCA0LjUwOCAwIDAwOS4wMTYgMHptMTYuMjg5LjAwOGE0LjUwOCA0LjUwOCAwIDEwLTkuMDE2IDAgNC41MDggNC41MDggMCAwMDkuMDE2IDB6bS0xNi4yODcgMTUuMjVhNC41MDggNC41MDggMCAxMC05LjAxNiAwIDQuNTA4IDQuNTA4IDAgMDA5LjAxNiAweiIgc3Ryb2tlPSIjMkQyRDJEIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjQxMSA3LjU4aDExLjI5NGE0LjUzMiA0LjUzMiAwIDAwMCAxLjZIOC40MWEuOC44IDAgMTEwLTEuNnptMTMuMTYgNC41MDNhNC41MzUgNC41MzUgMCAwMS0xLjEzMS0xLjEzMWwtOS40NDQgOS40NDNjLjM4OS4zNzguNzEuODI1Ljk0MiAxLjMyMmw5LjYzNC05LjYzNHptLTkuMjggMTAuNzQzYTQuNTMgNC41MyAwIDAxMCAxLjZoMTEuODUzYS44LjggMCAxMDAtMS42SDEyLjI5eiIgZmlsbD0iIzJEMkQyRCIvPjxwYXRoIGQ9Ik0yNC4xNDcgMjguMTM4YTQuNTA4IDQuNTA4IDAgMTAwLTkuMDE1IDQuNTA4IDQuNTA4IDAgMDAwIDkuMDE1eiIgc3Ryb2tlPSIjMkQyRDJEIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+")}


/* **************************************** *
 * 회원가입
 * **************************************** */
.potal-join{flex:1; display:flex; align-items:center; justify-content:center; position:relative; background-color:#f5f7f9}
.potal-join .join-logo{display:flex; align-items:center; margin-bottom:15px; z-index:1}
.potal-join .join-logo .logo{width:253px; height:41px; background:url("../images/common/logo_member.svg") no-repeat 50% 50%; background-size:253px 41px}
.potal-join .join-logo .logo a{display:block; width:253px; height:41px; cursor:pointer}
.potal-join .join-wrap{display:flex; flex-direction:column; position:relative; width:1280px; padding:30px 40px 30px; box-sizing:border-box}
.potal-join .join-core{display:flex; flex-direction:column; min-height:700px; padding:50px 60px; background-color:#fff; border-radius:12px}

/* 상단 타이틀 */
.join-top{display:flex; justify-content:center; padding-bottom:40px}
.join-top .tit{display:block; position:relative; line-height:1em; font-family:ppl; font-size:48px; font-weight:normal; color:#202020; letter-spacing:-2px}

/* 진행단계 */
.join-state{display:flex; align-items:center; margin-bottom:50px; margin-left:-24px}
.join-state .state-align{flex:1; }
.join-state .state-box{display:flex; flex-direction:column; align-items:center; position:relative; margin-left:24px}
.join-state .state-core
{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    position:relative;
    width:100%;
    height:70px;
    padding-top:6px;
    background:#fff;
    border-radius:300px;
    border:2px dashed #dadada;
    box-sizing:border-box
}
.join-state .state-num
{
    display:block;
    position:absolute;
    top:-12px;
    line-height:1.2em;
    padding:4px 10px;
    color:#fff;
    font-size:12px;
    font-weight:normal;
    background:#182146;
    white-space:nowrap;
    border-radius:200px;
    box-sizing:border-box;
}
.join-state .state-tit{display:flex; align-items:center; flex-direction:column; position:relative; line-height:1.2em; color:#202020; font-size:15px; font-weight:600; letter-spacing:-0.2px}
.join-state .state-tit:before{margin-bottom:5px; color:#808080; font-family:remixicon; font-size:20px; font-weight:normal}
.join-state .state-info{margin-top:10px; line-height:1.2em; color:#808080; font-size:14px; font-weight:normal; letter-spacing:-0.2px}

.join-state .state-box.agree .state-tit:before{content:'\f398'}
.join-state .state-box.verifi .state-tit:before{content:'\f26c'}
.join-state .state-box.register .state-tit:before{content:'\ec5c'}
.join-state .state-box.right .state-tit:before{content:'\f4e9'}
.join-state .state-box.final .state-tit:before{content:'\eb7b'}
.join-state .state-box .state-next
{
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    right:0;
    top:50%;
    width:20px;
    height:20px;
    margin-top:-11px;
    margin-right:-21px;
    padding-left:1px;
    background-color:transparent;
    border:2px solid transparent;
    border-radius:50%;
    box-sizing:border-box;
    z-index:1
}
.join-state .state-box .state-next:after{content:'\ea6e'; color:#dadada; font-family:remixicon; font-size:22px}
.join-state .state-align:last-child .state-box .state-next{display:none}
.join-state .state-box.active .state-next{background-color:#fff; border:2px solid #3e55e1; animation:status-next 1.4s cubic-bezier(0.7, 0, 0.3, 1) 1s infinite forwards}
.join-state .state-box.active .state-next:after{color:#3e55e1}
@keyframes status-next{0%{margin-right:-21px; opacity:0;} 100%{margin-right:-36px; opacity:1}}

.join-state .state-box.active .state-core{background:#3e55e1; border:2px dashed #3e55e1}
.join-state .state-box.active .state-tit{color:#fff}
.join-state .state-box.active .state-tit:before{color:#fff}

/* 안내 텍스트 */
.join-guide{display:flex; flex-direction:column; align-items:center; margin:0 0 45px}
.join-guide i{display:flex; align-items:center; justify-content:center; width:54px; height:54px; margin-bottom:8px; color:#fff; font-size:26px; background-color:#3e55e1; border-radius:50%}
.join-guide .guide-tit{margin-bottom:20px; line-height:1.45em; font-family:ppl; font-size:32px; font-weight:normal; color:#202020; letter-spacing:-1.6px}
.join-guide .guide-info{line-height:1.45em; font-size:17px; font-weight:300; color:#505050; letter-spacing:-0.8px}

/* 약관 */
.join-terms{position:relative; margin-bottom:35px}
.join-terms:after{content:''; display:block; clear:both}
.join-terms .terms-group{position:relative; margin-bottom:40px}
.join-terms .terms-group:last-child{margin-bottom:0}
.join-terms .terms-top{display:flex; align-items:center; position:relative; min-height:48px; padding:10px 15px; background:#fff; border:1px solid #ebebeb; border-radius:8px 8px 0 0; box-sizing:border-box; z-index:1}
.join-terms .terms-top .tit{line-height:1.2em; font-family:ppl; font-size:16px; font-weight:300; letter-spacing:-0.5px; color:#202020; word-break:keep-all}
.join-terms .terms-top .info{margin-left:5px; line-height:1em; font-size:15px; font-weight:normal; letter-spacing:-0.8px; color:#808080}
.join-terms .terms-body{position:relative; height:250px; margin-top:-1px; padding:25px; border:1px solid #ebebeb; overflow-y:auto; box-sizing:border-box}
.join-terms .terms-body.auto{height:auto}
.join-terms .check-sector-box{position:relative; padding:20px 18px; background-color:#f8f8f8; border-radius:8px}
.join-terms .check-sector{display:flex; align-items:center}
.join-terms .check-sector .check-tit{position:relative; min-width:420px; margin-right:10px; line-height:1.65em; font-size:15px; font-weight:300; color:#505050; letter-spacing:-0.5px}
.join-terms .terms-check{position:relative; margin-top:-1px; padding:20px; background-color:#f5f6fd; border:1px solid #d8ddf9; border-radius:8px}

/* 본인인증 */
.join-certify{width:600px; margin:0 auto}

/* 회원정보 */
.join-register-form{width:840px; margin:0 auto}

/* 회원가입 절차 */
.join-core-process{display:flex; position:relative; padding:30px 20px; background-color:#f8f8f8; border-radius:12px; box-sizing:border-box}
.process-user{display:flex; flex:none; min-width:140px; max-width:140px}
.process-user:nth-child(1){justify-content:flex-start}
.process-user:nth-child(3){justify-content:flex-end}
.process-user .user-inner{display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; width:84px}
.process-user .user-inner:before 
{
    content:'\f264'; display:flex; align-items:center; justify-content:center; width:44px; height:44px;
    color:#fff; font-family:remixicon; font-size:22px;
    background-color:#0085b7; border-radius:50%
}
.process-user .user-tit{margin-top:8px; line-height:1.2em; color:#202020; font-size:16px; font-weight:300; letter-spacing:-0.2px; text-align:center}

.process-user .user-arrow{position:absolute}
.process-user:nth-child(1) .user-arrow{top:21px; bottom:21px}
.process-user:nth-child(3) .user-arrow{top:21px; bottom:77px}

.process-user .user-arrow.arrow-r{right:-10px; border-right:1px solid #dadada}
.process-user .user-arrow.arrow-r .arrow{display:block; position:absolute; right:-36px; position:absolute; width:36px; height:1px; background-color:#dadada}
.process-user .user-arrow.arrow-r .arrow:after{content:'\ea6d'; position:absolute; right:-10px; top:-12px; color:#cbcbcb; font-family:remixicon; font-size:22px; z-index:1}
.process-user .user-arrow.arrow-r .arrow:nth-child(1){top:0}
.process-user .user-arrow.arrow-r .arrow:nth-child(2){top:50%}
.process-user .user-arrow.arrow-r .arrow:nth-child(3){bottom:0}

.process-user .user-arrow.arrow-l{left:-10px; border-left:1px solid #dadada}
.process-user .user-arrow.arrow-l .arrow{display:block; position:absolute; left:-36px; position:absolute; width:36px; height:1px; background-color:#dadada}
.process-user .user-arrow.arrow-l .arrow:after{content:'\ea63'; position:absolute; left:-10px; top:-12px; color:#cbcbcb; font-family:remixicon; font-size:22px; z-index:1}
.process-user .user-arrow.arrow-l .arrow:nth-child(1){top:0}
.process-user .user-arrow.arrow-l .arrow:nth-child(2){bottom:0}

.process-step{display:flex; flex-direction:column; flex:1; gap:12px}
.process-step .step-col{display:flex; position:relative}
.process-step .step-col.arrow-r:before{content:''; position:absolute; top:50%; left:0; right:0; height:1px; background-color:#dadada}
.process-step .step-col .step-align{position:relative; width:160px}
.process-step .step-col .step-align.arrow-r{display:flex; align-items:center; flex:1; position:relative}
.process-step .step-col .step-align.arrow-r:before{content:''; position:absolute; top:50%; left:0; right:10px; height:1px; background-color:#dadada}
.process-step .step-col .step-align.arrow-r:after{content:'\ea6d'; position:relative; right:0; margin-left:auto; color:#cbcbcb; font-family:remixicon; font-size:22px; z-index:1}
.process-step .step-col .step-align.arrow-r.short{flex:none; width:100px}
.process-step .step-col .step-align .step-tit
{   display:flex; position:relative; padding:14px 20px; background-color:#fff;
    line-height:1em; font-size:15px; font-weight:normal; letter-spacing:-0.8px; color:#505050;
    border-radius:4px; box-shadow:5px 5px 5px rgb(0 0 0 / 2%); box-sizing:border-box;
}


/* **************************************** *
 * 회원 관련 기타
 * **************************************** */
 .potal-member{flex:1; display:flex; align-items:center; justify-content:center; position:relative; background-color:#f5f7f9}
 .potal-member .member-logo{display:flex; align-items:center; margin-bottom:15px; z-index:1}
 .potal-member .member-logo .logo{width:253px; height:41px; background:url("../images/common/logo_member.svg") no-repeat 50% 50%; background-size:253px 41px}
 .potal-member .member-logo .logo a{display:block; width:253px; height:41px; cursor:pointer}
 .potal-member .member-wrap{display:flex; flex-direction:column; position:relative; width:1280px; padding:30px 40px 30px; box-sizing:border-box}
 .potal-member .member-core{display:flex; flex-direction:column; min-height:700px; padding:50px 180px; background-color:#fff; border-radius:12px}
 
 .potal-member .member-tab-large{position:relative; margin-bottom:50px; padding:0 10px}
 .potal-member .member-tab-large > ul{display:flex; align-items:center}
 .potal-member .member-tab-large > ul > li{display:flex; flex:1; position:relative; margin:0 -10px}
 .potal-member .member-tab-large > ul > li a{display:flex; align-items:center; justify-content:center; position:relative; width:100%; height:54px; padding:0 8px; background-color:#f0f0f0; border-radius:200px; mix-blend-mode:multiply; transition:all .20s ease; box-sizing:border-box}
 .potal-member .member-tab-large > ul > li a > span{position:relative; top:1px; color:#505050; font-family:ppl; font-size:17px; font-weight:300; letter-spacing:-0.5px; transition:all .20s ease}
 .potal-member .member-tab-large > ul > li.active a{background-color:#3e55e1; z-index:1}
 .potal-member .member-tab-large > ul > li.active a > span{color:#fff}
 
 .potal-member .member-form{margin:0 auto}
 
 .potal-member .member-guide{display:flex; flex-direction:column; align-items:center; margin:0 0 45px}
 .potal-member .member-guide i{display:flex; align-items:center; justify-content:center; width:54px; height:54px; margin-bottom:8px; color:#fff; font-size:26px; background-color:#3e55e1; border-radius:50%}
 .potal-member .member-guide .guide-info{line-height:1.45em; font-size:17px; font-weight:300; color:#505050; letter-spacing:-0.8px}

 .member-writing .writing-list li{margin-bottom:30px}
 .member-writing .writing-list li:last-child{margin-bottom:0}
 .member-writing .writing-tit{display:flex; align-items:center}
 .member-writing .writing-tit .tit{margin-bottom:8px; color:#808080; line-height:1em; font-size:15px; font-weight:normal; letter-spacing:-0.8px}
 .member-writing .writing-cont{display:flex; flex-direction:column}
 .member-writing .writing-cont .writing-form{display:flex; align-items:center; gap:4px}
 .member-writing .writing-cont .flex-none{flex:none}
 
 .member-writing .txtinput-cmm{flex:1}
 .member-writing .txtinput-cmm input{height:50px; padding:0 14px; font-size:16px; border-radius:6px; outline:none; transition:all .20s ease}
 .member-writing .txtinput-cmm input:hover,
 .member-writing .txtinput-cmm input:focus{border:1px solid #3e55e1}
 .member-writing .txtinput-cmm input::-webkit-input-placeholder{color:#A4A4B0; font-size:15px; font-weight:normal}
 .member-writing .txtinput-cmm input::-moz-placeholder{color:#A4A4B0; font-size:15px; font-weight:normal}
 .member-writing .txtinput-cmm input[disabled],
 .member-writing .txtinput-cmm input[readonly]{background:#F3F5FC; border:1px solid #DDE1E5}
 .member-writing .txtinput-cmm input[disabled]:hover,
 .member-writing .txtinput-cmm input[readonly]:hover{border:1px solid #DDE1E5}
 
 .member-writing .select-cmm{flex:1}
 .member-writing .select-cmm select{height:54px; padding-left:14px; font-size:16px; border-radius:8px; outline:none; transition:all .20s ease}
 .member-writing .select-cmm select:hover,
 .member-writing .select-cmm select:focus{border:1px solid #3e55e1}
 .member-writing .select-cmm select[disabled]{background:#eeeeee url("../images/common/select.png") right 50% no-repeat; background-size:30px 36px; color:#b4b4b4}
 .member-writing .select-cmm select[readonly]{background:#f5f5f5 url("../images/common/select.png") right 50% no-repeat; background-size:30px 36px;}
 .member-writing .dash-txt{line-height:1.2em; margin-top:10px; color:#808080}
 
 .member-writing .writing-confirm{display:flex; align-items:center; gap:5px; margin-top:25px}
 .member-writing .writing-confirm .confirm-btn{
     flex:1;
     display:flex;
     align-items:center;
     justify-content:center;
     padding:0 20px;
     border:0;
     height:54px;
     background:#5d6063;
     border:0;
     border-radius:6px;
     cursor:pointer;
     outline:none;
     box-sizing:border-box;
     transition:all .25s ease;
 }
 .member-writing .writing-confirm .confirm-btn.active{background:#3e55e1}
 .member-writing .writing-confirm .confirm-btn span{color:#fff; font-family:ppl; font-size:16px; font-weight:300; letter-spacing:-0.2px}
 .member-writing .writing-confirm .flex-none{flex:none}

 
/* **************************************** *
 * 개인정보처리방침 라벨링
 * **************************************** */
.privacy-lbl .lbl-main{display:flex; flex-wrap:wrap; margin-left:-20px; margin-top:-20px}
.privacy-lbl .lbl-main .lbl-align{width:33.333333%}
.privacy-lbl .lbl-main .lbl-box{display:flex; flex-direction:column; align-items:center; justify-content:center; justify-content:center; min-height:220px; margin-left:20px; margin-top:20px; border:1px solid #ebebeb; border-radius:8px}
.privacy-lbl .lbl-main .lbl-box:hover{border:1px solid #3e55e1}
.privacy-lbl .lbl-main .lbl-ico{display:flex; align-items:center; height:80px}
.privacy-lbl .lbl-main .lbl-ico img{width:60px; height:auto}
.privacy-lbl .lbl-main .lbl-tit{margin-top:10px; color:#202020; line-height:1em; font-size:17px; font-weight:300; letter-spacing:-0.8px}
.privacy-lbl .lbl-main .lbl-info{margin-top:10px; color:#808080; line-height:1.4em; font-size:14px; font-weight:normal; letter-spacing:-0.5px}

.privacy-lbl .lbl-content{padding:25px; border:1px solid #ebebeb; border-radius:8px; box-sizing:border-box}
.privacy-lbl .lbl-content .lbl-list{display:flex; flex-wrap:wrap; margin-left:-20px; margin-top:-12px}
.privacy-lbl .lbl-content .lbl-align{width:50%}
.privacy-lbl .lbl-content .lbl-box{display:flex; align-items:flex-start; gap:5px; margin-left:20px; margin-top:12px}
.privacy-lbl .lbl-content .lbl-ico{flex:none; display:flex; align-items:center; gap:2px; position:relative; top:-4px}
.privacy-lbl .lbl-content .lbl-ico img{width:26px; height:auto}
.privacy-lbl .lbl-content .lbl-num{flex:none; min-width:44px}
.privacy-lbl .lbl-content .lbl-num,
.privacy-lbl .lbl-content .lbl-tit{color:#202020; line-height:1.4em; font-size:15px; font-weight:normal; letter-spacing:-0.5px}
.privacy-lbl .lbl-content .lbl-box:hover .lbl-tit{color:#3e55e1}

/* 상황전파 메신저 다운로드 버튼을 위해 로그인화면 2단계 사업단 추가 작업 */
.login-int .widget-down .down-box{
    padding: 12px 35px 12px 15px;
}
.login-int .widget-down .down-box:after{
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.login-int .widget-down .down-box:has(.new){
    flex-direction: column;
    align-items: flex-start;
}
.login-int .widget-down .down-box .new{
    border-radius: 50px;
    color: #fff;
    background-color: #eb003b;
    padding: 0 8px;
    font-weight: 500;
    font-size: 12px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    display: inline-block;
    margin-left: 6px;
    vertical-align: bottom;
}
.login-footer.has-util{
    flex-direction: column;
    gap: 8px;
    padding-top: 20px;
}