@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
body{font-family:'Noto Sans KR', dotum, sans-serif;}
/*  */
.landingpageWrap{max-width:100% !important;}
/*  */
#landingpage{overflow:hidden;position:relative;left:0;top:0;margin:0 auto;height:4438px;max-width:1920px;background:url("/client/peoplelife04new/images/pc.png?v=1.2") no-repeat center top;}
#landingpageformbox{position:absolute;left:0;top:2542px;width:100%;z-index:10;}
#landingpageformbox .landingpageformbox_inner{position:relative;left:0;top:0;margin:0 auto;width:55.5%;}
#landingpageformbox .landingpageformbox_column_name{position:absolute;left:252px;top:0;width:370px;height:106px;}
#landingpageformbox .landingpageformbox_column_name .textbox{position:absolute;left:0;top:0;padding:0 20px;width:100%;height:100%;background:none;border:none;font-size:39px;text-align:center;}
#landingpageformbox .landingpageformbox_column_gender{display:flex;position:absolute;left:650px;top:26px;width:370px;}
#landingpageformbox .landingpageformbox_column_gender > div{display:flex;}
#landingpageformbox .landingpageformbox_column_gender input{appearance:none;margin:0 auto;padding:0;width:50px;height:50px;background:#fff;border:solid 9px #fff;border-radius:50%;box-shadow:3px 3px 7px #8d8d8d;}
#landingpageformbox .landingpageformbox_column_gender input:checked{background:#00eaa9;}
#landingpageformbox .landingpageformbox_column_gender label{overflow:hidden;display:block;margin-right:10px;width:140px;height:50px;text-indent:-1000em;}
#landingpageformbox .landingpageformbox_column_birth{position:absolute;left:252px;top:141px;width:765px;height:106px;}
#landingpageformbox .landingpageformbox_column_birth .textbox{position:absolute;left:0;top:0;padding:0 20px;width:100%;height:100%;background:none;border:none;font-size:39px;text-align:center;}
#landingpageformbox .landingpageformbox_column_tel{position:absolute;left:252px;top:282px;width:765px;height:106px;}
#landingpageformbox .landingpageformbox_column_tel .textbox{position:absolute;left:0;top:0;padding:0 20px;width:100%;height:100%;background:none;border:none;font-size:39px;text-align:center;}
#landingpageformbox .landingpageformbox_column_privacy{position:absolute;left:57px;top:448px;width:100%;text-align:center;}
#landingpageformbox .landingpageformbox_column_privacy .btns_agree{position:absolute;top:0;}
#landingpageformbox .landingpageformbox_column_privacy .btns_agree_1{left:20px;}
#landingpageformbox .landingpageformbox_column_privacy .btns_agree_2{left:505px;}
#landingpageformbox .landingpageformbox_column_privacy .btns_agree a{overflow:hidden;display:block;position:absolute;left:55px;top:0;width:375px;height:45px;text-indent:-1000em;}
#landingpageformbox .landingpageformbox_column_privacy .btns_agree input{appearance:none;margin:0 auto;padding:0;width:44px;height:44px;background:#fff;border:solid 9px #fff;border-radius:50%;box-shadow:3px 3px 7px #8d8d8d;}
#landingpageformbox .landingpageformbox_column_privacy .btns_agree input:checked{background:#00eaa9;}
#landingpageformbox .landingpageformbox_column_privacy .textareabox{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;}
#landingpageformbox .landingpageformbox_column_privacy .textareabox:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:.5;z-index:1;}
#landingpageformbox .landingpageformbox_column_privacy .textareabox > div{position:fixed;left:50%;top:50%;width:90%;max-width:500px;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-webkit-transform-origin:-50% -50%;z-index:5;}
#landingpageformbox .btns{position:absolute;left:0;top:568px;width:100%;}
#landingpageformbox .btns .btn_submit{overflow:hidden;width:100%;height:166px;background:none;border:none;text-indent:-1000em;}
/* ────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
── Media Query ────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── */
/* ----------------------------------------------------------------------------------------------------------------
-- 1920 --------------------------------------------------------------------------------------------------------- */
@media all and (max-width:1920px){
    html, body{font-size:16px;font-size:0.83333333333333vw;}
    #landingpage{height:277.375rem;background-size:100vw auto;}
    #landingpageformbox{top:158.875rem;}
    #landingpageformbox .landingpageformbox_column_name{left:15.75rem;width:23.125rem;height:6.625rem;}
    #landingpageformbox .landingpageformbox_column_name .textbox{padding:0 1.25rem;font-size:2.4375rem;}
    #landingpageformbox .landingpageformbox_column_gender{left:40.625rem;top:1.625rem;width:23.125rem;}
    #landingpageformbox .landingpageformbox_column_gender input{width:3.125rem;height:3.125rem;border:solid 0.5625rem #fff;box-shadow:0.1875rem 0.1875rem 0.4375rem #8d8d8d;}
    #landingpageformbox .landingpageformbox_column_gender label{margin-right:0.625rem;width:8.75rem;height:3.125rem;}
    #landingpageformbox .landingpageformbox_column_birth{left:15.75rem;top:8.8125rem;width:47.8125rem;height:6.625rem;}
    #landingpageformbox .landingpageformbox_column_birth .textbox{padding:0 1.25rem;font-size:2.4375rem;}
    #landingpageformbox .landingpageformbox_column_tel{left:15.75rem;top:17.625rem;width:47.8125rem;height:6.625rem;}
    #landingpageformbox .landingpageformbox_column_tel .textbox{padding:0 1.25rem;font-size:2.4375rem;}
    #landingpageformbox .landingpageformbox_column_privacy{left:3.5625rem;top:28rem;}
    #landingpageformbox .landingpageformbox_column_privacy .btns_agree_1{left:1.25rem;}
    #landingpageformbox .landingpageformbox_column_privacy .btns_agree_2{left:31.5625rem;}
    #landingpageformbox .landingpageformbox_column_privacy .btns_agree a{left:3.4375rem;width:23.4375rem;height:2.8125rem;}
    #landingpageformbox .landingpageformbox_column_privacy .btns_agree input{width:2.75rem;height:2.75rem;border:solid 0.5625rem #fff;box-shadow:0.1875rem 0.1875rem 0.4375rem #8d8d8d;}
    #landingpageformbox .landingpageformbox_column_privacy .textareabox > div{max-width:31.25rem;}
    #landingpageformbox .btns{top:35.5rem;}
    #landingpageformbox .btns .btn_submit{height:10.375rem;}
}
/* ----------------------------------------------------------------------------------------------------------------
-- 650 (1080 / 10)--------------------------------------------------------------------------------------------------------- */
@media all and (max-width:650px){
    html, body{font-size:10px;font-size:0.92592592592593vw;}
    #landingpage{height:5773px;background-image:url("/client/peoplelife04new/images/mobile.png?v=1.2");}
    #landingpageformbox{top:3658px;}
    #landingpageformbox .landingpageformbox_inner{width:68%;}
    #landingpageformbox .landingpageformbox_column_name{left:32px;width:327px;height:94px;}
    #landingpageformbox .landingpageformbox_column_name .textbox{font-size:34px;}
    #landingpageformbox .landingpageformbox_column_gender{left:393px;top:26px;width:330px;}
    #landingpageformbox .landingpageformbox_column_gender input{width:44px;height:44px;border-width:9px;}
    #landingpageformbox .landingpageformbox_column_gender label{margin-right:10px;width:125px;height:44px;}
    #landingpageformbox .landingpageformbox_column_birth{left:32px;top:200px;width:678px;height:94px;}
    #landingpageformbox .landingpageformbox_column_birth .textbox{font-size:34px;}
    #landingpageformbox .landingpageformbox_column_tel{left:32px;top:397px;width:678px;height:94px;}
    #landingpageformbox .landingpageformbox_column_tel .textbox{font-size:34px;}
    #landingpageformbox .landingpageformbox_column_privacy{left:0;top:556px;}
    #landingpageformbox .landingpageformbox_column_privacy .btns_agree input{width:45px;height:45px;border-width:9px;}
    #landingpageformbox .landingpageformbox_column_privacy .btns_agree_1{left:144px;}
    #landingpageformbox .landingpageformbox_column_privacy .btns_agree_2{left:144px;top:92px;}
    #landingpageformbox .landingpageformbox_column_privacy .btns_agree a{left:60px;width:390px;height:50px;}
    #landingpageformbox .btns{top:758px;}
    #landingpageformbox .btns .btn_submit{height:147px;}
    #landingpageformbox .landingpageformbox_column_privacy .textareabox > div{max-width:none;width:80%;}
    /*  */
    #landingpage{height:577.3rem;}
    #landingpageformbox{top:365.8rem;}
    #landingpageformbox .landingpageformbox_column_name{left:3.2rem;width:32.7rem;height:9.4rem;}
    #landingpageformbox .landingpageformbox_column_name .textbox{font-size:3.4rem;}
    #landingpageformbox .landingpageformbox_column_gender{left:39.3rem;top:2.6rem;width:33rem;}
    #landingpageformbox .landingpageformbox_column_gender input{width:4.4rem;height:4.4rem;border-width:0.9rem;}
    #landingpageformbox .landingpageformbox_column_gender label{margin-right:1rem;width:12.5rem;height:4.4rem;}
    #landingpageformbox .landingpageformbox_column_birth{left:3.2rem;top:20rem;width:67.8rem;height:9.4rem;}
    #landingpageformbox .landingpageformbox_column_birth .textbox{font-size:3.4rem;}
    #landingpageformbox .landingpageformbox_column_tel{left:3.2rem;top:39.7rem;width:67.8rem;height:9.4rem;}
    #landingpageformbox .landingpageformbox_column_tel .textbox{font-size:3.4rem;}
    #landingpageformbox .landingpageformbox_column_privacy{top:55.6rem;}
    #landingpageformbox .landingpageformbox_column_privacy .btns_agree input{width:4.5rem;height:4.5rem;border-width:0.9rem;}
    #landingpageformbox .landingpageformbox_column_privacy .btns_agree_1{left:14.4rem;}
    #landingpageformbox .landingpageformbox_column_privacy .btns_agree_2{left:14.4rem;top:9.2rem;}
    #landingpageformbox .landingpageformbox_column_privacy .btns_agree a{left:6rem;width:39rem;height:5rem;}
    #landingpageformbox .btns{top:75.8rem;}
    #landingpageformbox .btns .btn_submit{height:14.7rem;}
}