@charset "utf-8";

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
}

/* reset */
*{margin: 0;padding: 0;border: 0;outline-style: none;box-sizing: border-box;}
html{-webkit-tap-highlight-color:transparent !important;-webkit-text-size-adjust: none;-webkit-appearance: none;}
body{min-width: 320px;max-width: 100%;font-family: 'Pretendard', sans-serif;color: #2E2E2E;font-weight: 400;}
ol,ul,li{list-style: none;}
table,th,td{border-collapse: collapse;/*border-spacing: 0;*/}
input{-webkit-appearance: none;-webkit-border-radius: 0;border-radius: 0;font-family: 'Pretendard', sans-serif;font-weight: 400;}
input[type=text]::-ms-clear, 
input[type=tel]::-ms-clear{display: none;}
select{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand{display: none;}/* IE 10, 11의 네이티브 화살표 숨기기 */
button{border: none;background: none;cursor: pointer;outline: none;}
label{cursor: pointer;}
label img{pointer-events: none;}
a{text-decoration: none;color: #242424;}
button{border: none;background: none;cursor: pointer;-webkit-transform: translate3d(0,0,0);outline: none;}
img{display: block;border: 0;width: 100%;}

/* common */
.ir_text{overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;clip: rect(0 0 0 0);}
.clearfix:after{content: '';display: block;clear: both;height: 0;visibility: visible;}
.bl_txt{font-weight: bold;}
.scrollDisable{height: 100%;min-height: 100%;overflow: hidden !important;touch-action: none;}

/* footer */
#footer{width: 100%;height: auto;background: #F2F4F5;}
#footer .footer_wrap{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 100%;padding: 35px 0 0;z-index: 10;}
#footer .footer_wrap p{font-size: 15px;color: #222222;}
#footer .footer_wrap p.copyright{margin-top: 8px;}

/* contents */
#wrapper{width: 100%;min-width: 1300px;height: 100%;min-height: 100vh;padding: 146px 0 130px;background: #F2F4F5;}
#new_wrap{width: 100%;height: auto;}
#new_wrap .container{width: 100%;height: 100%;}
#new_wrap .container .section{position: relative;width: 100%;height: 100%;}

/* 로그인 페이지 220829 add */
#new_wrap.login .cont_wrap{display: flex;flex-direction: column;align-items: center;width: 100%;height: 100%;}
#new_wrap.login .cont_wrap .login_wrap{width: 717px;height: 725px;border-radius: 20px;-webkit-box-shadow: 4px 1px 8px 0px rgba(0,0,0,0.06);-moz-box-shadow: 4px 1px 8px 0px rgba(0,0,0,0.06);box-shadow: 4px 1px 8px 0px rgba(0,0,0,0.06);overflow: hidden;}
#new_wrap.login .cont_wrap .login_wrap .kvBox{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 717px;height: 279px;border-radius: 20px 20px 0 0;background: url('/resources/common/img/login/kfc_time.png') no-repeat center center;background-size: 100% 100%;}
#new_wrap.login .cont_wrap .login_wrap .kvBox h1{display: block;line-height: 1;font-size: 55px;font-weight: 700;letter-spacing: 1.65px;color: #ffffff;margin-bottom: 23px;}
#new_wrap.login .cont_wrap .login_wrap .kvBox h3{display: block;line-height: 1;font-size: 30px;font-weight: 400;letter-spacing: -0.9px;color: #ffffff;}
#new_wrap.login .cont_wrap .login_wrap .loginBox{display: flex;flex-direction: column;justify-content: flex-start;align-items: center;width: 717px;height: 446px;padding: 60px 0 0;background: #ffffff;}
#new_wrap.login .cont_wrap .login_wrap .loginBox > div{margin-bottom: 15px;}
#new_wrap.login .cont_wrap .login_wrap .loginBox > div input{width: 385px;height: 50px;line-height: 48px;padding: 0 10px;background: #FFFFFF;border: 1px solid #DCDCDC;border-radius: 5px;font-size: 15px;color: #242424;letter-spacing: -0.5px;transition: all .3s;}
#new_wrap.login .cont_wrap .login_wrap .loginBox > div input:focus{border-color: rgba(214,35,0,1);}
#new_wrap.login .cont_wrap .login_wrap .loginBox > div input::-webkit-input-placeholder{color: #B9B9B9;}
#new_wrap.login .cont_wrap .login_wrap .loginBox > div input:-ms-input-placeholder{color: #B9B9B9;}
#new_wrap.login .cont_wrap .login_wrap .loginBox > div input::placeholder{color: #B9B9B9;}
#new_wrap.login .cont_wrap .login_wrap .loginBox > .btn_box{margin: 11px auto 0;text-align: center;}
#new_wrap.login .cont_wrap .login_wrap .loginBox > .btn_box > div{display: flex;justify-content: space-between;margin-top: 57px;}
#new_wrap.login .cont_wrap .login_wrap .loginBox > .btn_box a.login_btn{display: flex;justify-content: center;align-items: center;width: 385px;height: 50px;margin-bottom: 20px;font-size: 18px;color: #FFFFFF;background: #393B46;border-radius: 5px;}
#new_wrap.login .cont_wrap .login_wrap .loginBox > .btn_box a.login_btn:hover{background: #EC2700;}
#new_wrap.login .cont_wrap .login_wrap .loginBox > .btn_box a.reset_btn{display: inline-block;font-size: 15px;color: #585858;letter-spacing: -0.5px;}
#new_wrap.login .cont_wrap .login_wrap .loginBox > .btn_box > div a.pthr_go_btn,
#new_wrap.login .cont_wrap .login_wrap .loginBox > .btn_box > div a.hris_go_btn{display: flex;justify-content: center;align-items: center;width: 185px;height: 50px;font-size: 18px;color: #FFFFFF;background: #D62300;border-radius: 5px;}
#new_wrap.login .cont_wrap .login_wrap .loginBox > .btn_box > div a.pthr_go_btn:hover,
#new_wrap.login .cont_wrap .login_wrap .loginBox > .btn_box > div a.hris_go_btn:hover{background: #393B46;}

/* PTHR 로그인 추가 */
#new_wrap.login .cont_wrap{display: flex;flex-direction: column;align-items: center;width: 100%;height: 100%;}
#new_wrap.login .cont_wrap .login_wrap_pt{width: 417px;height: 400px;border-radius: 20px;-webkit-box-shadow: 4px 1px 8px 0px rgba(0,0,0,0.06);-moz-box-shadow: 4px 1px 8px 0px rgba(0,0,0,0.06);box-shadow: 4px 1px 8px 0px rgba(0,0,0,0.06);overflow: hidden;}
#new_wrap.login .cont_wrap .login_wrap_pt .kvBox{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 417px;height: 279px;border-radius: 20px 20px 0 0;background: url('/resources/common/img/login/kfc_time.png') no-repeat center center;background-size: 100% 100%;}
#new_wrap.login .cont_wrap .login_wrap_pt .kvBox h1{display: block;line-height: 1;font-size: 55px;font-weight: 700;letter-spacing: 1.65px;color: #ffffff;margin-bottom: 23px;}
#new_wrap.login .cont_wrap .login_wrap_pt .kvBox h3{display: block;line-height: 1;font-size: 30px;font-weight: 400;letter-spacing: -0.9px;color: #ffffff;}
#new_wrap.login .cont_wrap .login_wrap_pt .loginBox{display: flex;flex-direction: column;justify-content: flex-start;align-items: center;width: 417px;height: 446px;padding: 60px 0 0;background: #ffffff;}
#new_wrap.login .cont_wrap .login_wrap_pt .loginBox > div{margin-bottom: 15px;}
#new_wrap.login .cont_wrap .login_wrap_pt .loginBox > div input{width: 385px;height: 50px;line-height: 48px;padding: 0 10px;background: #FFFFFF;border: 1px solid #DCDCDC;border-radius: 5px;font-size: 15px;color: #242424;letter-spacing: -0.5px;transition: all .3s;}
#new_wrap.login .cont_wrap .login_wrap_pt .loginBox > div input:focus{border-color: rgba(214,35,0,1);}
#new_wrap.login .cont_wrap .login_wrap_pt .loginBox > div input::-webkit-input-placeholder{color: #B9B9B9;}
#new_wrap.login .cont_wrap .login_wrap_pt .loginBox > div input:-ms-input-placeholder{color: #B9B9B9;}
#new_wrap.login .cont_wrap .login_wrap_pt .loginBox > div input::placeholder{color: #B9B9B9;}
#new_wrap.login .cont_wrap .login_wrap_pt .loginBox > .btn_box{margin: 11px auto 0;text-align: center;}
#new_wrap.login .cont_wrap .login_wrap_pt .loginBox > .btn_box > div{display: flex;justify-content: space-between;margin-top: 57px;}
#new_wrap.login .cont_wrap .login_wrap_pt .loginBox > .btn_box a.login_btn{display: flex;justify-content: center;align-items: center;width: 385px;height: 50px;margin-top: 15px;margin-bottom:10px;font-size: 18px;color: #FFFFFF;background: #393B46;border-radius: 5px;}
#new_wrap.login .cont_wrap .login_wrap_pt .loginBox > .btn_box a.login_btn:hover{background: #EC2700;}
#new_wrap.login .cont_wrap .login_wrap_pt .loginBox > .btn_box a.pthr_go_btn{display: flex;justify-content: center;align-items: center;width: 385px;height: 50px;font-size: 18px;color: #FFFFFF;background: #D62300;border-radius: 5px;}
#new_wrap.login .cont_wrap .login_wrap_pt .loginBox > .btn_box a.pthr_go_btn:hover{background: #393B46;}