@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
body{font-family:'Noto Sans KR', dotum, sans-serif;}
/* ( 크롬, 사파리, 오페라, 엣지 ) 동작 */
html:-webkit-scrollbar, body:-webkit-scrollbar{
  display: none;
}
html, body{
  -ms-overflow-style: none; /* 인터넷 익스플로러 */
  scrollbar-width: none; /* 파이어폭스 */
}
/*  */
.landingpageWrap{max-width:100% !important;}
/*  */
#landingpage{overflow:hidden;position:relative;left:0;top:0;margin:0 auto;height:5437px;background:url("/client/peoplelife09new/images/pc.png?v=1.4") no-repeat center top;background-size:100vw auto;}
#landingpageformbox{position:absolute;left:0;top:1624px;width:100%;z-index:10;}
#landingpageformbox .landingpageformbox_inner{position:relative;left:0;top:0;margin:0 auto;width:51%;}
#landingpageformbox .landingpageformbox_column_cate{display:flex;justify-content:space-between;position:absolute;left:0;top:0;width:100%;}
#landingpageformbox .landingpageformbox_column_cate > div{position:relative;left:0;top:0;width:31.4%;}
#landingpageformbox .landingpageformbox_column_cate label{display:flex;justify-content:center;align-items:center;width:100%;height:124px;background:#fff;border:solid 3px #323232;font-size:38px;font-weight:500;color:#222;}
#landingpageformbox .landingpageformbox_column_cate input{position:absolute;left:0;top:0;opacity:0;}
#landingpageformbox .landingpageformbox_column_cate input:checked + label{background:#005eab;color:#fff;}
#landingpageformbox .landingpageformbox_column_name{position:absolute;left:126px;top:467px;width:488px;height:125px;}
#landingpageformbox .landingpageformbox_column_name .textbox{position:absolute;left:0;top:0;padding:0 40px;width:100%;height:100%;background:none;border:none;font-size:45px;}
#landingpageformbox .landingpageformbox_column_gender{display:flex;position:absolute;left:679px;top:498px;width:370px;}
#landingpageformbox .landingpageformbox_column_gender > div{display:flex;}
#landingpageformbox .landingpageformbox_column_gender input{appearance:none;position:relative;left:0;top:0;margin:0 auto;padding:0;width:66px;height:66px;background:#fff;border:solid 5px #ebebeb;border-radius:50%;}
#landingpageformbox .landingpageformbox_column_gender input:checked:after{content:"";display:block;position:absolute;left:50%;top:50%;width:34px;height:34px;background:#005eab;border-radius:50%;transform:translate(-50%, -50%);}
#landingpageformbox .landingpageformbox_column_gender label{overflow:hidden;display:block;margin-right:20px;width:140px;height:50px;text-indent:-1000em;}
#landingpageformbox .landingpageformbox_column_birth{position:absolute;left:126px;top:638px;width:949px;height:125px;}
#landingpageformbox .landingpageformbox_column_birth .textbox{position:absolute;left:0;top:0;padding:0 40px;width:100%;height:100%;background:none;border:none;font-size:45px;}
#landingpageformbox .landingpageformbox_column_tel{position:absolute;left:126px;top:809px;width:949px;height:125px;}
#landingpageformbox .landingpageformbox_column_tel .textbox{position:absolute;left:0;top:0;padding:0 40px;width:100%;height:100%;background:none;border:none;font-size:45px;}
#landingpageformbox .landingpageformbox_column_privacy{position:absolute;left:0;top:1010px;width:100%;text-align:center;}
#landingpageformbox .landingpageformbox_column_privacy .btns_agree{position:absolute;top:0;}
#landingpageformbox .landingpageformbox_column_privacy .btns_agree_1{left:90px;}
#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:345px;height:45px;text-indent:-1000em;}
#landingpageformbox .landingpageformbox_column_privacy .btns_agree input{appearance:none;margin:0 auto;padding:0;width:48px;height:48px;background:#fff;border:solid 10px #ebebeb;border-radius:50%;}
#landingpageformbox .landingpageformbox_column_privacy .btns_agree input:checked{background:#005eab;}
#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:1132px;width:100%;}
#landingpageformbox .btns .btn_submit{overflow:hidden;width:100%;height:187px;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:339.8125rem;}
    #landingpageformbox{top:101.5rem;}
    #landingpageformbox .landingpageformbox_column_cate label{height:7.75rem;border:solid 0.1875rem #323232;font-size:2.375rem;}
    #landingpageformbox .landingpageformbox_column_name{left:7.875rem;top:29.1875rem;width:30.5rem;height:7.8125rem;}
    #landingpageformbox .landingpageformbox_column_name .textbox{padding:0 2.5rem;font-size:2.8125rem;}
    #landingpageformbox .landingpageformbox_column_gender{left:42.4375rem;top:31.125rem;width:23.125rem;}
    #landingpageformbox .landingpageformbox_column_gender input{width:4.125rem;height:4.125rem;border:solid 0.3125rem #ebebeb;}
    #landingpageformbox .landingpageformbox_column_gender input:checked:after{width:2.125rem;height:2.125rem;}
    #landingpageformbox .landingpageformbox_column_gender label{margin-right:1.45rem;width:8.75rem;height:3.125rem;}
    #landingpageformbox .landingpageformbox_column_birth{left:7.875rem;top:39.875rem;width:59.3125rem;height:7.8125rem;}
    #landingpageformbox .landingpageformbox_column_birth .textbox{padding:0 2.5rem;font-size:2.8125rem;}
    #landingpageformbox .landingpageformbox_column_tel{left:7.875rem;top:50.5625rem;width:59.3125rem;height:7.8125rem;}
    #landingpageformbox .landingpageformbox_column_tel .textbox{padding:0 2.5rem;font-size:2.8125rem;}
    #landingpageformbox .landingpageformbox_column_privacy{top:63.125rem;}
    #landingpageformbox .landingpageformbox_column_privacy .btns_agree_1{left:5.625rem;}
    #landingpageformbox .landingpageformbox_column_privacy .btns_agree_2{left:31.5625rem;}
    #landingpageformbox .landingpageformbox_column_privacy .btns_agree a{left:3.4375rem;width:21.5625rem;height:2.8125rem;}
    #landingpageformbox .landingpageformbox_column_privacy .btns_agree input{width:3rem;height:3rem;border:solid 0.625rem #ebebeb;}
    #landingpageformbox .landingpageformbox_column_privacy .textareabox > div{max-width:31.45rem;}
    #landingpageformbox .btns{top:70.75rem;}
    #landingpageformbox .btns .btn_submit{height:11.6875rem;}
}
/* ----------------------------------------------------------------------------------------------------------------
-- 650 (1080 / 10)--------------------------------------------------------------------------------------------------------- */
@media all and (max-width:650px){
    html, body{font-size:10px;font-size:0.92592592592593vw;}
    #landingpage{height:7637px;background-image:url("/client/peoplelife09new/images/mobile.png?v=1.4");}
    #landingpageformbox{top:2374px;}
    #landingpageformbox .landingpageformbox_inner{width:68.8%;}
    #landingpageformbox .landingpageformbox_column_cate label{height:96px;border-width:3px;font-size:27px;}
    #landingpageformbox .landingpageformbox_column_name{left:0;top:359px;width:373px;height:95px;}
    #landingpageformbox .landingpageformbox_column_name .textbox{font-size:34px;}
    #landingpageformbox .landingpageformbox_column_gender{left:422px;top:381px;width:330px;}
    #landingpageformbox .landingpageformbox_column_gender input{width:50px;height:50px;border-width:6px;}
    #landingpageformbox .landingpageformbox_column_gender label{margin-right:10px;width:115px;height:44px;}
    #landingpageformbox .landingpageformbox_column_birth{left:0;top:557px;width:100%;height:95px;}
    #landingpageformbox .landingpageformbox_column_birth .textbox{font-size:34px;}
    #landingpageformbox .landingpageformbox_column_tel{left:0;top:750px;width:100%;height:95px;}
    #landingpageformbox .landingpageformbox_column_tel .textbox{font-size:34px;}
    #landingpageformbox .landingpageformbox_column_privacy{left:0;top:899px;}
    #landingpageformbox .landingpageformbox_column_privacy .btns_agree input{width:45px;height:45px;border-width:9px;}
    #landingpageformbox .landingpageformbox_column_privacy .btns_agree_1{left:175px;}
    #landingpageformbox .landingpageformbox_column_privacy .btns_agree_2{left:175px;top:80px;}
    #landingpageformbox .landingpageformbox_column_privacy .btns_agree a{left:60px;width:350px;height:45px;}
    #landingpageformbox .btns{top:1078px;}
    #landingpageformbox .btns .btn_submit{height:147px;}
    #landingpageformbox .landingpageformbox_column_privacy .textareabox > div{max-width:none;width:80%;}
    /*  */
    #landingpage{height:763.7rem;}
    #landingpageformbox{top:237.4rem;}
    #landingpageformbox .landingpageformbox_column_cate label{height:9.6rem;border-width:0.3rem;font-size:2.7rem;}
    #landingpageformbox .landingpageformbox_column_name{top:35.9rem;width:37.3rem;height:9.5rem;}
    #landingpageformbox .landingpageformbox_column_name .textbox{font-size:3.4rem;}
    #landingpageformbox .landingpageformbox_column_gender{left:42.2rem;top:38.1rem;width:33rem;}
    #landingpageformbox .landingpageformbox_column_gender input{width:5rem;height:5rem;border-width:0.6rem;}
    #landingpageformbox .landingpageformbox_column_gender label{margin-right:1rem;width:11.5rem;height:4.4rem;}
    #landingpageformbox .landingpageformbox_column_birth{top:55.7rem;height:9.5rem;}
    #landingpageformbox .landingpageformbox_column_birth .textbox{font-size:3.4rem;}
    #landingpageformbox .landingpageformbox_column_tel{top:75rem;height:9.5rem;}
    #landingpageformbox .landingpageformbox_column_tel .textbox{font-size:3.4rem;}
    #landingpageformbox .landingpageformbox_column_privacy{top:89.9rem;}
    #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:17.5rem;}
    #landingpageformbox .landingpageformbox_column_privacy .btns_agree_2{left:17.5rem;top:8rem;}
    #landingpageformbox .landingpageformbox_column_privacy .btns_agree a{left:6rem;width:35rem;height:4.5rem;}
    #landingpageformbox .btns{top:107.8rem;}
    #landingpageformbox .btns .btn_submit{height:14.7rem;}
}