@charset "utf-8";


/* 본고딕 */
@font-face{
    font-family: 'Noto Sans KR';
    font-weight: 300;
    src: url("/fonts/NotoSansCJKkr-Light-6c7a75c84991a5cda126524414f4b977.woff2") format('woff2'),
    url("/fonts/NotoSansCJKkr-Light-8775cf02d7c511d2c6f84ce18aca528a.woff") format('woff');
}
@font-face{
    font-family: 'Noto Sans KR';
    font-weight: 400;
    src: url("/fonts/NotoSansCJKkr-DemiLight-23ce7c9481a38b04fa81111dcf1e8122.woff2") format('woff2'),
    url("/fonts/NotoSansCJKkr-DemiLight-71d9f7f5bb72c4f446c7c2b5efe5ea8c.woff") format('woff');
}
@font-face{
    font-family: 'Noto Sans KR';
    font-weight: 500;
    src: url("/fonts/NotoSansCJKkr-Medium-6d1c2264a53a5a78b7259ed152152a8d.woff2") format('woff2'),
    url("/fonts/NotoSansCJKkr-Medium-c0a5c213cb1ae8951a8eaae69a662b2a.woff") format('woff');
}
@font-face{
    font-family: 'Noto Sans KR';
    font-weight: 700;
    src: url("/fonts/NotoSansCJKkr-Bold-d8adff610eddc6a88a851de72cb9e154.woff2") format('woff2'),
    url("/fonts/NotoSansCJKkr-Bold-009c407c5b462c6261bd97479e8ef641.woff") format('woff');
}

* {
    box-sizing: border-box;
    font-family: 'Noto Sans KR';
    letter-spacing: -.02rem
}

body {position: relative;padding: 0;overflow-x: hidden;min-height: 100vh;font-family: 'Noto Sans KR';}
a,button {cursor: pointer;}
button:active {outline: none;}
button {background-color: transparent;color: inherit;font-family: inherit;font-size: inherit; outline: none;}
/* 로그인페이지 레이아웃 */

#lo-wrap {position:relative;display:flex;align-items: center;  width:100%;box-sizing:border-box; overflow:hidden;margin:0 auto;background: url(/images/login/bg-login-aaf231db2183b98f6d16f276a02e3950.png) no-repeat 50% / cover;flex-direction: column;height: 100vh;justify-content: center;}

.lo-inner {position:relative;display: flex;box-sizing:border-box; margin:0 auto;align-items:center;flex-direction: row-reverse;z-index: 1;}

.lo-inner .indicator {background-color: #1c242dbd;border: 1px solid rgba(53,76,66,.57);border-bottom-right-radius: 30px;border-top-right-radius: 30px;height: 500px;padding: 120px 0;width: 110px;}
.lo-inner .indicator-list {display: flex;flex-direction: column;height: auto;justify-content: space-between;}
.lo-inner .indicator-item {align-items: center;cursor: default;display: flex;flex-direction: column;font-size: 16px;font-weight: 500;gap: 10px;height: 90px;justify-content: center;letter-spacing: -.32px;line-height: 19px;position: relative;width: 100%;}
.lo-inner .indicator-item:before {content: "";display: block;height: 24px;width: 24px;}
.lo-inner .indicator-item a {color: #7a8a99;}
.lo-inner .indicator-item.on a {color: #fff;}
.lo-inner .indicator-item.on:after {background-color: #fff;content: "";height: 100%;position: absolute;right: -1px;width: 4px;}

.lo-inner .indicator-item.indicator-login:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23BFC7CE' d='M1.285 17.429a1 1 0 0 1 1 1V21a.715.715 0 0 0 .714.715h2.572l.102.005a1.001 1.001 0 0 1 0 1.989l-.102.006H3A2.716 2.716 0 0 1 .285 21v-2.571a1 1 0 0 1 1-1m21.429 0a1 1 0 0 1 1 1V21a2.715 2.715 0 0 1-2.715 2.715h-2.571a1 1 0 0 1 0-2h2.571a.715.715 0 0 0 .715-.715v-2.571a1 1 0 0 1 1-1M5.673.29a1.001 1.001 0 0 1 0 1.99l-.102.005H3A.715.715 0 0 0 2.285 3v2.572a1.001 1.001 0 0 1-2 0V3A2.714 2.714 0 0 1 3 .286h2.572zM20.999.286A2.715 2.715 0 0 1 23.714 3v2.572a1 1 0 0 1-2 0V3a.716.716 0 0 0-.715-.714h-2.571a1 1 0 0 1 0-2z'/%3E%3Cpath fill='%237A8A99' d='M11.998 13.331a7.58 7.58 0 0 1 7.247 5.355c.094.305-.145.6-.464.6H5.214c-.319 0-.556-.296-.463-.6a7.58 7.58 0 0 1 7.247-5.355m-.003-9.474a3.789 3.789 0 1 1 0 7.578 3.789 3.789 0 0 1 0-7.578'/%3E%3C/svg%3E");
}
.lo-inner .indicator-item.indicator-login.on:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%230FA661' d='M1.286 17.429a1 1 0 0 1 1 1V21a.715.715 0 0 0 .714.715h2.572l.102.005a1.001 1.001 0 0 1 0 1.989l-.102.006H3A2.716 2.716 0 0 1 .286 21v-2.571a1 1 0 0 1 1-1m21.429 0a1 1 0 0 1 1 1V21A2.714 2.714 0 0 1 21 23.715h-2.571a1 1 0 0 1 0-2H21a.715.715 0 0 0 .715-.715v-2.571a1 1 0 0 1 1-1M5.674.29a1.001 1.001 0 0 1 0 1.99l-.102.005H3A.715.715 0 0 0 2.286 3v2.572a1.001 1.001 0 0 1-2 0V3A2.714 2.714 0 0 1 3 .286h2.572zM21 .286A2.714 2.714 0 0 1 23.715 3v2.572a1.001 1.001 0 0 1-2 0V3A.716.716 0 0 0 21 2.286h-2.571a1 1 0 0 1 0-2z'/%3E%3Cpath fill='%23fff' d='M11.998 13.331a7.58 7.58 0 0 1 7.247 5.355c.094.305-.145.6-.464.6H5.214c-.319 0-.556-.296-.463-.6a7.58 7.58 0 0 1 7.247-5.355m-.003-9.474a3.789 3.789 0 1 1 0 7.578 3.789 3.789 0 0 1 0-7.578'/%3E%3C/svg%3E");
}
.lo-inner .indicator-item.indicator-auth:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23BFC7CE' fill-rule='evenodd' d='M12 3.429A3.43 3.43 0 0 0 8.57 6.857V9.43a1.714 1.714 0 0 1-3.428 0V6.857a6.857 6.857 0 0 1 13.714 0V9.43a1.714 1.714 0 0 1-3.429 0V6.857A3.43 3.43 0 0 0 12 3.43' clip-rule='evenodd'/%3E%3Cpath fill='%237A8A99' d='M2.571 11.143A2.57 2.57 0 0 1 5.143 8.57h13.714a2.57 2.57 0 0 1 2.571 2.572v10.286A2.57 2.57 0 0 1 18.857 24H5.143a2.57 2.57 0 0 1-2.572-2.571z'/%3E%3C/svg%3E");
}
.lo-inner .indicator-item.indicator-auth.on:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%230FA661' fill-rule='evenodd' d='M12 3.429A3.43 3.43 0 0 0 8.57 6.857V9.43a1.714 1.714 0 0 1-3.428 0V6.857a6.857 6.857 0 0 1 13.714 0V9.43a1.714 1.714 0 0 1-3.429 0V6.857A3.43 3.43 0 0 0 12 3.43' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M2.572 11.143A2.57 2.57 0 0 1 5.144 8.57h13.714a2.57 2.57 0 0 1 2.571 2.572v10.286A2.57 2.57 0 0 1 18.858 24H5.144a2.57 2.57 0 0 1-2.572-2.571z'/%3E%3C/svg%3E");
}
   
            
     
.lo-content {box-shadow: 0 34px 54px -30px #000c;height: 618px;width: 520px;}

.tab_content {
    width:100%;height:100%;
    position: relative;
    padding: 30px;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='263' height='320' fill='none' viewBox='0 0 263 320'%3E%3Cpath fill='%23000' fill-opacity='.02' d='M225.89 292.826c-36.231 36.229-95.532 36.229-131.77 0l-66.934-66.974C-9.06 189.66-9.06 130.349 27.172 94.119L94.12 27.176c36.238-36.237 95.539-36.237 131.77 0l66.925 66.944c36.247 36.229 36.247 95.54 0 131.732z'/%3E%3Cpath fill='%23000' fill-opacity='.03' d='M121.008 258.888a9.544 9.544 0 0 1-9.551-9.2 9.554 9.554 0 0 1 7.316-9.708 9.603 9.603 0 0 1 11.844 8.923 9.59 9.59 0 0 1-5.574 9.088 9.6 9.6 0 0 1-3.639.868c-.115.029-.259.029-.396.029M156.153 75.345c-5.435 0-9.785 1.7-13.309 5.214-7.598 7.571-11.568 23.191-11.226 43.995.438 25.652 6.505 75.958 26.624 101.901 3.256 4.2 6.758 7.549 10.409 9.981 3.561 2.327 7.516 4.632 13.724 4.632 1.71 0 3.502-.187 5.391-.515 11.539-2.804 25.962-15.657 36.698-32.798a8.93 8.93 0 0 1 5.554-3.938 8.9 8.9 0 0 1 6.706 1.133 9.04 9.04 0 0 1 3.941 5.58 8.904 8.904 0 0 1-1.145 6.728c-13.584 21.662-31.531 36.871-47.977 40.698q-.207.068-.424.074a48 48 0 0 1-8.818.858c-10.595 0-18.104-4.05-23.427-7.564-5.272-3.498-10.201-8.16-14.639-13.933-28.305-36.447-30.238-104.833-30.364-112.516-.305-18.216 2.297-42.861 16.475-56.967 6.9-6.892 15.584-10.368 25.732-10.368h1.643c10.208 0 18.892 3.476 25.785 10.368 14.178 14.106 16.787 38.751 16.468 56.967-.305 18.954-3.755 55.676-23.361 88.623a8.983 8.983 0 0 1-7.643 4.312c-1.598 0-3.159-.448-4.55-1.238a8.97 8.97 0 0 1-4.046-5.487 9 9 0 0 1 .976-6.754c13.717-23.019 20.349-48.373 20.854-79.777.365-20.804-3.62-36.424-11.234-43.995-3.494-3.513-7.851-5.214-13.263-5.214z' style='mix-blend-mode:hard-light'/%3E%3C/svg%3E");
    background-position: 110% 115%;
    background-repeat: no-repeat;
} 


#tab2.tab_content {background-image: none;padding: 30px 40px;}  
         
.lo-content .login-form-top {align-items: center;display: flex;justify-content: space-between;} 
.lo-content .login-form-top h1 {height: 18px;}
.lo-content .login-form-top h1 img{height: 100%;width: auto;}
  
.lo-content .login-system-name {align-items: center;display: flex;flex-direction: column;margin: 64px 0 60px;}
.lo-content .login-system-name h2 {color: #222;font-size: 52px;font-weight: 700;line-height: 62px;}
.lo-content .login-system-name span {color: #606060;font-size: 20px;font-weight: 400;letter-spacing: -.4px;line-height: 24px;margin-top: 5px;}
          
.login-box {position:relative;display: flex;flex-direction: column;gap: 15px;padding: 0 30px;}


.lo-l-t-l {display: flex;flex-direction: column;gap: 15px;}
.lo-l-t-l input, .lo-l-t-l input[type=text], .lo-l-t-l input[type=password] {
	border-radius:0;
	width:100%;
	box-sizing:border-box;
	border: 0;
    border-bottom: 1px solid #939393;
    color: #333;
    font-family: 'Noto Sans KR';
    font-size: 16px;
    font-weight:500;
    line-height: 1.2;
    height: 38px;
    padding: 9px 0;
    box-shadow:none;
    }
    
.lo-l-t-l .p-inputtext:focus {border-bottom-color: #1b1b1b}
.lo-l-t-l .p-inputtext::-moz-placeholder {color: #bfc7ce}
.lo-l-t-l .p-inputtext::placeholder {color: #bfc7ce}

.item-checkbox {position:relative;align-items: center;display: flex;gap: 5px;}


.p-checkbox-input[type="checkbox"] {opacity: 0;position: absolute;width: 14px;height: 14px;z-index: 10;}
.p-checkbox-box {width: 14px;height: 14px;border: 1px solid #ccc;border-radius: 2px;background-color: #fff;display: inline-block;position: relative;cursor: pointer;transition: all 0.2s ease;}
.p-checkbox-input:checked + .p-checkbox-box {background-color: #4caf50;border-color: #4caf50;}
.p-checkbox-input:checked + .p-checkbox-box::after {content: "";position: absolute;left: 4px;top: 1px;width: 4px;height: 8px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.item-checkbox label {cursor: pointer;line-height: 1.2;font-size:14px;font-weight:400;}
        
    
.login-box .btn-login, .cert-list .btn-login {
	display: inline-flex;
	justify-content: center;
    align-items: center;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: bottom;
    font-family: 'Noto Sans KR';
    background-color: #0fa561;
    border: 0;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    height: 46px;
    margin-top: 24px;
    width: 100%
    }

.login-box .btn-login:hover, .login-box .btn-login:active {background-color:#2E7D32;}

.cert-list .btn-login {background-color: #1C242D;}     
.cert-list .btn-login:hover, .cert-list .btn-login:active {background-color:#1B1B1B;}

.lo-content .group-button {display: flex;gap: 5px;justify-content: space-between;}
.lo-content .p-button-link {background-color: transparent;border: none;height: 17px;padding: 0 0 2px;font-size:14px;}

          	


/* 인증서 */
.cert-list {align-items: center;display: flex;flex-direction: column;width:100%;}  
.cert-list h3 {width:100%;display:block;margin-bottom:24px;}
.cert-list h3 span{font-size: 16px;font-weight:500;line-height: 1.2;color:#1b1b1b;} 

.app-group {display:flex;justify-content: space-evenly;align-items: center;width:100%;padding:30px 0;}

	.famenu {width: 70px;padding: 0;}
	.famenu a {display: block;text-align: center;}
	.famenu a .round {display: inline-flex;justify-content: center;align-items: center;width: 70px;height: 70px;margin: 0;border-radius: 50%;transition: background-color ease-out .2s;}
	.famenu a .round.r1 {background-color: #DF6648;}
	.famenu a .round.r2 {background-color: #FEE500;}
	.famenu a .round.r3 {background-color: #2774BC;}
	.famenu a .round .lottie {display: flex;align-items: center;justify-content: center;margin: 0;}
	.famenu a .round.r1 .lottie {width: 22px;height: 22px;}
	.famenu a .round.r2 .lottie {width: 28px;height: 28px;}
	.famenu a .round.r3 .lottie {width: 28px;height: 28px;}
	.famenu p {margin-top: 6px;letter-spacing: -0.5px;line-height: 24px;padding-top: 0px;text-align: center;display: block;font-size:14px;color:#333;}


    
.app-form {position:relative;display: flex;flex-direction: column;justify-content: space-between;width: 100%;margin:20px 0;padding:30px 0;border-top:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;}
	.app-form .tit {position:relative;font-size: 14px;font-weight: 500;line-height: 1.2;color: #1b1b1b;padding-left:12px;display:block;text-align:left;}
	.app-form .tit::before {position: absolute;left: -5px;content: 'ㆍ';display: inline-block;font-size: 14px;color:#FF5500;}

	.busi-box {position:relative; width:100%; margin:10px 0 5px;display:flex;flex-direction: row;justify-content: space-between;}
	.busi-box .in {width:calc(100% - 110px);display:block;box-sizing:border-box;}
	.busi-box .in input {width:100%; height:30px; background:#fff; border:1px solid #CCCCCC;border-radius:0; padding:0 15px; box-sizing:border-box;font-size:14px;color:#1B1B1B;font-family: 'Noto Sans KR';}
	.busi-box .in input::-moz-placeholder {color: #888888}
	.busi-box .in input::placeholder {color: #888888} 
	.busi-box .btn {display:flex;justify-content: center;align-items: center; width:103px; height:30px;background:#fff;  color:#7A8A99; font-size:14px;font-weight:500; text-align:center;margin:0;border:1px solid #7A8A99;border-radius:0;}
	.app-form p {font-size: 14px;font-weight: 400;display:block;text-align:left;color:#888888;}
	.app-form p span {color:#2774BC;padding-left:20px;display:inline-block;}    

        
.app-text {display:block;width:100%;padding:10px 20px;color:#606060;font-size:12px;box-sizing:border-box;border-radius: 10px;background:#F8F8F8;margin:10px 0;}
 


          

/* 푸터영역 */
.layout-footer {display: flex;justify-content: center;bottom: 34px;left: 50%;position: absolute;transform: translate(calc(-50% - 55px));align-items: center;font-size: 12px;line-height: 14px;}
.layout-footer .copy {line-height:30px;display:inline-block;padding-right:20px;color:#ffffff;}
.layout-footer ul {gap: 21px;height:auto; margin-left:20px; box-sizing:border-box;display:flex;justify-content: center;}
.layout-footer ul li {height: 30px;line-height:30px;color:#ffffff;}
.layout-footer ul li:last-child {margin-right:0;}
.layout-footer ul li a {font-size:13px; line-height:20px; font-weight:400; color:#ffffff;}
.layout-footer ul li a.policy {color:#ffffff;}
.layout-footer ul:after {content:""; display:block; clear:both;}