.container{ padding: 0; padding-bottom: 20px; min-height: calc(100vh - 90px); }

.main_top{ height: 550px; background-color: #2a58c1; position: relative; }
.main_top_area{ width: calc(100% - 135px); height: 100%; border-radius: 100px 0 0 0; float: right; background-color: #3c6cd9; padding: 63px 0 0 0; }
.main_top_inner{ width: 1250px; position: absolute; left: 50%; transform: translateX(-50%); }
.main_top_left > h1{ font-size: 60px; color: #fff; letter-spacing: -0.6px; font-family:'paybooc-Bold'; margin-top: 24px; }
.main_top_left .main_top_link{ margin-top: 44px; width: 630px; display: flex; align-items: center; justify-content: space-between; }
.main_top_left .main_top_link a{ width: 300px; height: 250px; overflow: hidden; padding: 43px 42px; background-color: #cce2fc; border-radius: 0 0 50px 0; font-size: 26px; letter-spacing: -1.04px; line-height: 32px; font-weight: bold; box-shadow: 0 12px 25.8px 3.2px rgba(3,0,0,0.24); position: relative; }
.main_top_left .main_top_link a img{ position: absolute; bottom: 0; right: 16px; }
.main_top_area img.main_top_img{ position: absolute; bottom: -85px; right: 0;  }



.main_bottom{ width: 1250px; margin: 0 auto; margin-top: 70px; display: flex; align-items: flex-start; justify-content: space-between; }
.main_notice{ width: 540px; }
.main_notice .main_notice_title{ display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 16px; margin-bottom: 6px; border-bottom: 2px solid #000; }
.main_notice .main_notice_title h2{ font-size: 26px; color: #01112f; letter-spacing: -1.04px; font-weight: bold; }
.main_notice .main_notice_title a{ font-size: 14px; letter-spacing: -0.56px; color: #01112f; display: flex; align-items: center; }
.main_notice .main_notice_title a img{ margin-left: 8px; }
.main_notice > a{ margin-top: 18px; display: flex; align-items: center; justify-content: space-between; }
.main_notice > a p{ font-size: 16px; letter-spacing: -0.16px; color: #000; }
.main_notice > a span{ font-size: 14px; letter-spacing: -0.14px; color: #828282; }

.main_bot_right{ width: 650px; display: flex; align-items: flex-start; justify-content: space-between; }
.main_bot_text { width: 520px; }
.main_bot_text .main_bot_logo{ width: 100%; display: flex; align-items: flex-end; }
.main_bot_text .main_bot_logo p{ font-size: 13px; letter-spacing: -0.98px; color: #626262; margin-left: 4px; }
.main_bot_text > h2{ font-size: 24px; letter-spacing: -0.6px; color: #000; font-family:'paybooc-ExtraBold'; margin-top: 18px; margin-right: 8px; }
.main_bot_text .main_bot_con{ display: flex; align-items: flex-start; margin-top: 15px; }
.main_bot_text .main_bot_con > h3{ font-size: 16px; letter-spacing: -0.8px; color: #1b1b1b; width: 74px; }
.main_bot_text .main_bot_con > div{ width: 390px; }
.main_bot_text .main_bot_con > div p{ display: inline-block; width: 49%; font-size: 15px; letter-spacing: -0.75px; color: #104bd3; margin-bottom: 8px; white-space: nowrap;}
.main_bot_text > p{ font-size: 13px; letter-spacing: -0.65px; line-height: 18px; color: #1b1b1b; margin-top: 10px; }

.main_qr_area .main_qr{ width: 130px; height: 140px; border: 1px solid #a4baed; display: flex; align-items: center; justify-content: center; }
.main_qr_area button{ width: 130px; height: 40px; margin-top: 10px; border-radius: 2px; border: 1px solid rgba(27,27,27,0.41); font-size: 14px; letter-spacing: -0.7px; color: #000; font-weight: bold; }



.footer{ height: 90px; background-color: #f2f2f2f2; }