/* COMMON */
/* body { overflow-x:hidden; } 
.re_f_wrap { margin-top:0; } */
.evt_wrap { overflow:hidden; } 
.ov { overflow:hidden; } 
.main_inner { width:1050px; margin:0 auto; position:relative; text-align:center; } 
.in { width:1000px; margin:0 auto; position:relative; text-align:center; } 
.in2 { width:1200px; margin:0 auto; position:relative; text-align:center; } 
.in_wide { width:2560px; position:relative; text-align:center; left:50%; transform: translateX(-50%); } 
:focus { outline:none; } 
.pos_r { position:relative; } 
.fc_red { color:#ff0000 !important; } 
.c_green { color:#c3ff51; } 
.c_purple { color:#6f39d2 !important } 
.c_blue { color:#2538b4 !important } 

.bx-wrapper .bx-viewport { background: transparent; } 
.bx-wrapper .bx-pager { position: static; width: 100%; bottom: -16%; } 
.bx-wrapper .bx-pager.bx-default-pager a { width: 18px; height: 18px; background:rgba(0,255,255,0.3); border-radius: 50%; margin-right: 10px; } 

/* BG */
.con07 { background: url('//cdn.hackersut.com/ingang/images/event/2022/11/2402/con07_bg.jpg') no-repeat center top; } 
.pay_area { background: url('//cdn.hackersut.com/ingang/images/event/2022/11/2402/con12_bg.jpg') no-repeat center top; } 

/*우측 배너*/
.r_ban_box{position:absolute;top:317px;right:50%;margin-right:-830px;z-index:10;}
.r_ban_box.fix{position:fixed !important;top:150px !important;}
.r_ban_box .close{position:absolute;top:0px;right:0%;width:40px;height:40px;}

/* TIMER */
.timer_wrap { background-color:#3aff9b; width:100%; z-index: 10; }
.timer_wrap .in {width: 1000px; text-align: left;}
.timer_wrap .timer { position:absolute; top:42%; left: 20%; transform: translateY(-50%); }
.timer_wrap .timer span { display:inline-block; font-size:44px; color:#fff; letter-spacing: 0.55em; font-weight:bold; } 
.timer_wrap .timer span.time1 {margin-right: 50px;}
.timer_wrap .timer span.time2, .timer_wrap .timer span.time3, .timer_wrap .timer span.time4 { margin-right: 17px; }
.timer_wrap .gisu { border: 2px dashed #64ffd9; color: #64ffd9; width: 120px; height: 35px; line-height: 35px; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); text-align: center; font-size: 19px; font-weight: bold; } 
.timer_wrap .timer_txt {position: absolute;left: 20px;top: 50%;transform: translateY(-50%);color: #222;font-size: 16px;text-align: center;font-weight: bold;}
.timer_wrap .timer_txt p:last-child{color:#001cb0}
.timer_wrap .gisu_txt { color: #828282; position: absolute; left: 1008px; top: 0; width: 130px; text-align: left; height: 100%; display: flex; align-items: center; font-size: 12px; word-break: keep-all; }

/* .left_txt { position: absolute; text-align: center; font-size: 18px; font-weight: bold; color:#fff; top: 50%; left: 12%; transform: translate(-50%,-50%); } */

/* CONT */
.con03 .bxslider-default { width: 1200px; margin: 0 auto; position: absolute; bottom: 150px; left:50%; transform: translateX(-50%); } 
.con03 .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.con03 .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff; } 
/* .con03 .bx-wrapper .bx-controls-direction .bx-prev { left:-55px } 
.con03 .bx-wrapper .bx-controls-direction .bx-next { right:-55px } */

/* 합격자 리스트 */
.con03 .rol_list_wrap { position: absolute; top: 430px; transform: perspective(150px) rotateX(25deg); width: 100%; } 
.con03 .list_hk_v2 { width: 1000px; margin: 0 auto; box-sizing: border-box; overflow: hidden; background:transparent; height: 274px; line-height: 30px; } 
.con03 .list_hk_v2 li { display: flex; justify-content: space-around } 
.con03 .list_hk_v2 li p:nth-child(2n) { width:0%; } 
.con03 .list_hk_v2 li p:nth-child(2n+1) { width:50%; margin:0 auto; } 
.con03 .list_hk_v2 li p { text-align: center; font-size: 16px; color:#fff; } 

/*강의롤링 */
.t_rolling { position: relative; width:1000px; margin:0 auto 100px; background:#fff; box-sizing: border-box; border: 1px solid #dfdfdf; } 
.t_rolling::after { content: ""; display: block; position: absolute; bottom: -10px; height: 100px; width: 100%; background: linear-gradient(to bottom, transparent, #fff); z-index: 1; } 
.t_rolling .rolling_wrap { width:100%; height:601px; margin:0 auto; overflow-y:auto; box-sizing: border-box; } 
.t_rolling .rolling_wrap img { width:100%; } 

.con06 .bxslider-default { width: 1100px; z-index:10; margin: 0 auto; position: absolute; top: 238px; left:50%; transform: translateX(-50%); } 
.con06 .bx-wrapper .bx-controls-direction .bx-prev { left:-55px } 
.con06 .bx-wrapper .bx-controls-direction .bx-next { right:-55px } 

/* .con07 .bx01.bxslider-default { width: 1200px; z-index:10; margin: 0 auto; position: absolute; top: 250px; left:50%; transform: translateX(-50%); } */
.con07 .bx01 .bx-wrapper .bx-controls-direction .bx-prev { left:-55px } 
.con07 .bx01 .bx-wrapper .bx-controls-direction .bx-next { right:-55px } 
.con07 .bx02.bxslider-default { width: 1000px; margin: 50px auto; } 
.con07 .bx-wrapper .bx-pager.bx-default-pager a { background: rgba(0,0,0,0.1); } 
.con07 .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.con07 .bx-wrapper .bx-pager.bx-default-pager a.active { background: #9616ef; } 

.con08 .bx02.bxslider-default { width: 1000px; margin: 50px auto; } 

/* 합격자 리스트 */
.con07 .rol_list_wrap { transform: translateX(-50%); width: 100%; position: absolute; top: 0; left: 50%; overflow: hidden; } 
.con07 .list_hk_v2 { width: 850px; margin: 0 auto; box-sizing: border-box; overflow: hidden; background:transparent; height: 274px; line-height: 30px; } 
.con07 .list_hk_v2 ul { padding:5%; } 
.con07 .list_hk_v2 li p { text-align: center; font-size: 16px; color:#000; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; } 
.con07 .list_hk_v2 li p span { margin-right: 20px; } 

/* TAB */
.con07 .tab_area { position: absolute; top: 288px; width: 952px; left: 50%; transform: translateX(-50%); z-index: 1;} 
.con07 .tab_area li { height:74px; } 
.pay_area .tab_area { display: inline-block; width: auto; margin:0 auto 42px; } 
.pay_area .tab_area li { background:url('//cdn.hackersut.com/ingang/images/event/2022/11/2402/con12_tab.png') no-repeat 0 0; height:81px; margin-right: 10px !important; width: 400px !important; } 
.pay_area .tab_area li:last-child { margin-right: 0 !important; } 

.tab_area { width:100%; box-sizing: border-box; } 
.tab_area:after { display:block; content:""; clear:both; } 
.tab_area li { float:left; cursor: pointer; } 
.tab_area li:nth-of-type(1) { margin:0; background-position-x: 0; } 
.tab_area li.on { background-position-y:100%; } 
.tab_con { display: none; position: relative; } 
.tab_con.on { display: block; } 

/* 기수 */
.d_wrap { position: absolute; left: 38.5%; top: 100px; font-size: 30px; color: #fff; letter-spacing: -1px; } 

/* 결제단 */
.pay_area .d_wrap { left: 50%; transform: translateX(-50%); color: #fff; top: 110px; font-size: 29px; border-radius: 50px; background: #000; padding: 5px 50px; } 
.pay_area .box1 { position: absolute; top: 172px; left: 98px; width: 1000px; display: flex; } 
.pay_area .box1 li { position: relative; width: 50%; } 
.pay_area .box1 li p { position: absolute; top:41px; } 
.pay_area .box1 li .price { top: 35px; color: #a0ab92; right: 254px; font-size: 26px; } 
.pay_area .box1 li .dc_rate { color: #fff; right: 138px; font-size: 16px; background: #000; padding: 3px 12px; } 
.pay_area .box1 li .dc_price { text-align: right; font-size: 31px; color: #ad41f8; top: 69px; right: 131px; } 
.pay_area .box1 li .dc_price b { font-size: 1.7em; } 
.pay_area .box1 li .chk { position: absolute; top: 648px; left: 57px; } 
.pay_area .box1 li input[type="checkbox"] { display: none; } 
.pay_area .box1 li input + label { display: block; width: 388px; height: 60px; background: url('//cdn.hackersut.com/ingang/images/event/2022/11/2402/chk_off.jpg') no-repeat 0 0/26px; } 
.pay_area .t1 .box1 li input:checked + label { background-image: url('//cdn.hackersut.com/ingang/images/event/2022/11/2402/chk_on1.jpg'); } 
.pay_area .t2 .box1 li input:checked + label { background-image: url('//cdn.hackersut.com/ingang/images/event/2022/11/2402/chk_on2.jpg'); } 
.pay_area .t2 .box1 li .dc_price { color: #4838e8; } 
/* .pay_area .box1 li input:checked + .ico { background:url('//cdn.hackersut.com/ingang/images/event/2022/08/2500/chk_on3.png') no-repeat 100%; opacity: 1; background-position-y: 0; } 
.pay_area .box1 ul > li.lect01 .check_box.v2 input:checked + .ico { background:url('//cdn.hackersut.com/ingang/images/event/2022/08/2500/chk_on3.png') no-repeat 100%; background-position-y: -139px; opacity: 1; z-index: 3; } 
.pay_area .box1 ul > li.lect01 .check_box.v3 input:checked + .ico { background:url('//cdn.hackersut.com/ingang/images/event/2022/08/2500/chk_on3.png') no-repeat 100%; background-position-y: -325px; opacity: 1; z-index: 3 } */

.pay_area .box1 li .btn { position: absolute; top: 921px; left: 46px; width: 403px; height: 99px; } 
/* .pay_area .box li:last-child .dc_rate { left:155px } 
.pay_area .box li .dc_price b { font-size:58px; } */

/* 근거문구 팝업 */
.reason { position: absolute; width:1000px; top:120px; left:50%; transform: translateX(-50%); padding:35px; box-sizing: border-box; background:rgba(0,0,0,0.85); color:rgba(255,255,255,0.7); text-align: left; font-size:14px; line-height: 1.5; letter-spacing: -0.04em; display:none } 
.reason .close { position: absolute; width:20px; height:20px; top:10px; right:10px; cursor: pointer; } 
.reason .close::before, .reason .close::after { content:''; display:block; width:100%; height:1px; background:rgba(255,255,255,0.7); position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) rotate(45deg); } 
.reason .close::after { transform: translate(-50%,-50%) rotate(-45deg); } 

.con01 .reason { top: 70px; } 
.con06 .reason { top: 596px; } 
.con08 .reason { top:460px; z-index: 11; } 

/* 플로팅 배너 */
.floating_bnr { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 2; } 
.floating_bnr .timer-txt { left: 40.5%; } 
.floating_bnr .timer-txt span.time1 { margin-right: 52px; } 

.video_pop { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; } 
.video_pop .bg { display: block; background:rgba(0,0,0,0.7); width: 100%; height: 100%; } 
.video_pop video { position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 750px; } 

/* 팝업 */
.popup_box { position: fixed; height: 100vh; width: 100%; top: 0; left: 0; z-index: 20; display: none; } 
.popup_box .bg { display: block; width: 100%; height: 100%; background:rgba(0,0,0,0.7) } 
.popup_box .popup_content { position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); } 
.popup_box .popup_content .close_btn { position: absolute; top: 20px; right: 20px; display: inline-block; width: 25px; height: 25px; text-indent:-9999px } 

/* 비디오 팝업 */
.video_box { position: fixed; height: 100vh; width: 100%; top: 0; left: 0; z-index: 20; display: none; } 
.video_box .bg { display: block; width: 100%; height: 100%; background:rgba(0,0,0,0.7) } 
.video_box .video_content { position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 1000px; } 
.video_box .video_content video { width: 100%; }

/* 레이어 팝업 용 */
.layer_wrap { display:none; } 
.layer_bg { position:fixed; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=50); opacity:0.5; z-index:999; } 
.layer_wrap .layer_pop { position:fixed; top:13%; left:50%; transform: translateX(-50%); z-index:9999; width:90%; max-width: 640px; } 
.layer_wrap .layer_pop img { max-width:100%; } 
.layer_wrap .layer_close { position:absolute; top:0; right:0; margin-top:-20px; } 
.layer_wrap .layer_close a { color:#fff; font-size:16px; padding:10px 5px; } 
.pop_add_wrap { padding:22px 15px 30px; background:#fff; text-align:center; } 
.pop_add_wrap .file_wrap { background:#eee; text-align:center; padding:20px; margin-top:20px; } 
.pop_add_wrap .file_wrap strong { color:#222; font-size:16px; } 
.pop_add_wrap .file_wrap input { margin-left:15px; } 
.pop_add_wrap .user_info { width:100%; height:100px; overflow-y: scroll; margin: 10px 0 0 0; padding:10px; background:#f6f6f6; box-sizing: border-box; text-align:left; color:#777; line-height:18px; font-size:11px; } 
.pop_add_wrap .user_info strong { font-size: 14px; color:red; } 
.pop_add_wrap .user_info li { text-align:left; color:#777; line-height:23px; font-size:11px; } 
.pop_add_wrap .user_info li.first { font-size:14px; font-weight:bold; padding-bottom:5px; } 
.pop_add_wrap .btn_wrap { text-align:center; margin-top:20px; } 
.pop_add_wrap .btn_wrap a { font-size:16px; font-weight: bold; color:#fff; background:#040404; display:inline-block; padding: 15px; border-radius: 10px; width: 160px; } 
.layer_pop a.close { position:absolute; right:0; top:-28px; font-size: 18px; color:#fff; background:#000; width:28px; height:28px; line-height: 26px; text-align: center; } 
.layer_pop .pop_add_tit { width: 100%; height: 55px; line-height: 55px; font-weight: bold; color: #000; font-size: 20px; background: #f6e9ff; padding: 0 17px; box-sizing: border-box; vertical-align: middle; display: flex; justify-content: space-between; align-items: center; letter-spacing: -.05em; } 
.layer_pop .pop_add_tit b { color: #ad41f8; } 
.layer_pop .pop_add_tit select#big_type { height: 30px; border-radius: 5px; border: 1px solid #ddd; } 
.infoBox_text_w { display:block; padding-top:10px; text-align: left; } 

/* 강의리스트 팝업 */
#evt_pop7 .pop_add_wrap { padding: 22px 20px 30px; height:600px; overflow-y: scroll; } 
.pop_add_wrap select#lect_list { width: 95%; text-align: center; height: 40px; color: #217bff; border-radius: 5px; background: #e7e7e7; font-size: 15px; font-weight: bold; border: 0; -webkit-appearance:none; /* 크롬 화살표 없애기 */-moz-appearance:none; /* 파이어폭스 화살표 없애기 */appearance:none /* 화살표 없애기 */ } 
.pop_add_wrap select#lect_list option { background: #eee; } 
.pop_add_wrap .lec_txt { margin: 0 0 10px; width: 100%; text-align: left; color: #000; } 
.pop_add_wrap .lec_txt li { font-size: 16px; padding: 2px; } 
.pop_add_wrap .lec_txt li::before { content: ""; display: inline-block; width: 13px; height: 13px; background: url('//cdn.hackersut.com/ingang/images/event/2022/11/2402/ico_circle.png') no-repeat 0 0; vertical-align: middle; margin-right: 6px; } 
.pop_add_wrap .lec_txt li b { font-weight: normal; } 
.pop_add_wrap h2 { line-height: 50px; font-size: 20px; color: #262626; text-align: left; } 
.pop_add_wrap .lect_name::before { content: ""; display: inline-block; width: 24px; height: 27px; background: url('//cdn.hackersut.com/ingang/images/event/2022/11/2402/ico_write.png') no-repeat 0 0; vertical-align: sub; } 
.pop_add_wrap .lect_table { width: 100%; position: relative; } 
.pop_add_wrap .lect_table th { height: 36px; background: #b2b2b2; color: #fff; border-right: 1px solid #fff; font-size: 14px; } 
.pop_add_wrap .lect_table td { height: 40px; background: #f3f3f3; color: #000; font-size: 13px; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; } 
.pop_add_wrap .lect_table td:nth-child(4) { padding: 5px; box-sizing: border-box; } 
.pop_add_wrap .lect_table th:last-child,.pop_add_wrap .lect_table td:last-child { border-right:0; } 

.bottom_ban { width:100%; position:fixed; left:0; bottom:0; z-index:99;; display:block; background:#c180ff; } 
.bottom_ban img { width:100%; } 
.bottom_ban .timer-txt { position:absolute; top:10px; left:45%; transform: translateX(-50%); } 

.bottom_ban .ban_text1 { position: absolute; left: 20px; top:54px; font-size: 28px; color: #1e1e1e; font-weight: bold; } 
.bottom_ban .bottom_ban .timer-guide { display:block; width:100px; padding:20px; text-align:center; position:absolute; top:3px; left:50%; margin-left:-444px; color:#000; font-size:18px; } 
.bottom_ban .timer-txt span { font-size:55px; color:#fff; font-weight:bold; position:absolute; top:18px; left:43%; letter-spacing:10px; } 
.bottom_ban .timer-txt span { letter-spacing: 17px; font-size:45px; } 
.bottom_ban .timer-txt .time1 { margin-left: -200px; } 
.bottom_ban .timer-txt .time2 { margin-left: -68px; } 
.bottom_ban .timer-txt .time3 { margin-left: 36px; } 
.bottom_ban .timer-txt .time4 { margin-left: 141px; } 
.bottom_ban .timer-txt .time5 { margin-left: 243px; } 

.bottom_ban .sale_text { position:absolute; right:79px; top:27px; color:#fdff00; font-size:15px; font-weight:bold; } 
/* 결제단 */

/* .pay_area { position:relative; background:#fff; } 
.pay_area .expire_date { position: absolute; top:109px; left:116px; font-size:28px; color:#fff } */
/* .pay_area .tab_area { width: 1000px; margin:0 auto; } 
.pay_area .tab_area li { background:url('//cdn.hackersut.com/ingang/images/event/2022/08/2500/lect_tab.png') no-repeat 0 0; height:122px; width:50%; background-size:200%; background-position-x:0%; } 
.pay_area .tab_area li.on { background-position-y: 99.5%; } 
.pay_area .tab_area li a { position: absolute; top: 72px; left: 50%; transform: translateX(-50%); width: 130px; height: 28px; } */
/* .pay_area .tab_con { position: relative; } 
.pay_area .tab_con ul { width: 1000px; position: absolute; top:0; left: 35px; } 
.pay_area .tab_con ul li { width: 50%; font-size: 19px; position:relative; } 
.pay_area .tab_con ul li:nth-child(2) { left: 484px; } 
.pay_area .tab_con ul li .fc_blue1 { color:#0035ba; } 
.pay_area .tab_con ul li:nth-child(2) .fc_blue1 { color:#1c57eb; } 
.pay_area .tab_con ul li:nth-child(3) .fc_blue1 { color:#0097dd; } 

.pay_area .tab_con ul > li input { display: none; } 
.pay_area .tab_con ul > li.lect01 .check_box input + .ico { position: absolute; top: 481px; left: 65px; z-index: 2; display: inline-block; width:495px; height:139px; } 
.pay_area .tab_con ul > li.lect01 .check_box.v2 input + .ico { position: absolute; top: 620px; left: 65px; z-index: 2; display: inline-block; width:495px; height:185px; } 
.pay_area .tab_con ul > li.lect01 .check_box.v3 input + .ico { position: absolute; top: 805px; left: 65px; z-index: 2; display: inline-block; width:495px; height:452px; } 

.pay_area .tab_con ul > li.lect02 .check_box input + .ico { position: absolute; top: 481px; left:86px; z-index: 2; display: inline-block; width:495px; height:139px; } 
.pay_area .tab_con ul > li.lect02 .check_box.v2 input + .ico { position: absolute; top: 620px; left: 86px; z-index: 2; display: inline-block; width:495px; height:185px; } 
.pay_area .tab_con ul > li.lect02 .check_box.v3 input + .ico { position: absolute; top: 805px; left: 86px; z-index: 2; display: inline-block; width:495px; height:452px; } 

.pay_area .tab_con ul > li .btn { cursor: pointer; } 

.pay_area .tab_con ul > li > .lect_btn { position: absolute; top:1128px; left:130px; width:365px; height:75px; z-index: 4; } 
.pay_area .tab_con ul > li.lect02 > .lect_btn { left:152px; } 
.pay_area .tab_con ul > li > .lect_info { position: absolute; top:743px; left:163px; width:130px; height:25px; z-index: 4; } 
.pay_area .tab_con ul > li.lect02 > .lect_info { left:182px; } 

.pay_area .tab_con ul > li input + .ico + label { position: absolute; top: 16px; left: 51px; z-index: 2; font-size: 17px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; color: #222; width: 74.5%; } 
.pay_area .tab_con ul > li input + .ico + label b { position: absolute; bottom: 0; right: 0; font-size: 22px; } 
.pay_area .tab_con ul > li.lect01 input:checked + .ico { background:url('//cdn.hackersut.com/ingang/images/event/2022/08/2500/chk_on3.png') no-repeat 100%; opacity: 1; background-position-y: 0; } 
.pay_area .tab_con ul > li.lect01 .check_box.v2 input:checked + .ico { background:url('//cdn.hackersut.com/ingang/images/event/2022/08/2500/chk_on3.png') no-repeat 100%; background-position-y: -139px; opacity: 1; z-index: 3; } 
.pay_area .tab_con ul > li.lect01 .check_box.v3 input:checked + .ico { background:url('//cdn.hackersut.com/ingang/images/event/2022/08/2500/chk_on3.png') no-repeat 100%; background-position-y: -325px; opacity: 1; z-index: 3 } 
.pay_area .tab_con ul > li.lect02 input:checked + .ico { background:url('//cdn.hackersut.com/ingang/images/event/2022/08/2500/chk_on4.png') no-repeat 100%; opacity: 1; background-position-y: 0; } 
.pay_area .tab_con ul > li.lect02 .check_box.v2 input:checked + .ico { background:url('//cdn.hackersut.com/ingang/images/event/2022/08/2500/chk_on4.png') no-repeat 100%; background-position-y: -139px; opacity: 1; z-index: 3 } 
.pay_area .tab_con ul > li.lect02 .check_box.v3 input:checked + .ico { background:url('//cdn.hackersut.com/ingang/images/event/2022/08/2500/chk_on4.png') no-repeat 100%; background-position-y: -325px; opacity: 1; z-index: 3 } 
 */

/* .pay_area .tab_con ul li .fbc_blue { display:inline-block; color:#fff; background-color:#0035ba; padding:5px 10px; border-radius:30px; } 
.pay_area .tab_con ul li:nth-child(2) .fbc_blue { background-color:#1c57eb; } 
.pay_area .tab_con ul li:nth-child(3) .fbc_blue { background-color:#0097dd; } */


/* .pay_area .tab_con ul li .pay_chk { position:absolute; top:-40px; left:412px; font-size:20px; vertical-align:middle; } 
.pay_area .pay_chk input[type="checkbox"] { width:18px; height:18px; vertical-align: middle; margin-right:12px; } 

.pay_area .tab_con ul li .fc_pur { color:#4d00d7; } 
.pay_area .tab_con ul li:nth-child(2) .fc_pur { color:#5a19ff; } 
.pay_area .tab_con ul li:nth-child(3) .fc_pur { color:#8a24e1; } 
.pay_area .tab_con ul li .fbc_pur { display:inline-block; color:#fff; background-color:#4d00d7; padding:5px 10px; border-radius:30px; } 
.pay_area .tab_con ul li:nth-child(2) .fbc_pur { background-color:#5a19ff; } 
.pay_area .tab_con ul li:nth-child(3) .fbc_pur { background-color:#8a24e1; } 
.pay_area .pay_total { font-size:60px; font-weight: bold; color:#fff; position: absolute; bottom:71px; right:432px; } 
.pay_tab_benefit.off { background:#fff; width:128px; height:45px; position:absolute; top:20px; left:488px; display:none; } 
.pay_area .tab_con .expire_date1129 { position:absolute; bottom:127px; font-size:18px; font-weight:bold; color:#fff; background:#000; padding:5px 16px; border-radius: 50px; } 
.pay_area .tab_con .expire_date1129_left { left:247px; border:3px solid #fdff00; } 
.pay_area .tab_con .expire_date1129_right { left:723px; border:3px solid #007850; } */