.re_f_wrap { margin-top:0; } 
.evt_wrap { overflow:hidden; } 
.in { width:1000px; margin:0 auto; position:relative; text-align:center; } 
.in2 { width:1100px; margin:0 auto; position:relative; text-align:center; } 
.in_wide { width:2560px; position:relative; text-align:center; left:50%; margin-left:-1280px; } 
:focus { outline: none; } 
.pos_r { position: relative; } 
.t_r { text-align: right; } 
.t_c { text-align: center!important; } 
.mt-1{margin-top: -1px;}

.bx-wrapper .bx-viewport { background: transparent !important; } 

/* timer css*/
.timer_wrap { position: static; top: 0; left: 50%; background-color: #242424; width:100%; z-index: 10;} 
.timer_wrap img { display: block; } 
.timer_wrap .in { width: 1000px; text-align: left; } 
.timer_wrap .timer { position: absolute; top: 42%;left: 23.5%; 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: 52px; } 
.timer_wrap .timer span.time2, .timer_wrap .timer span.time3, .timer_wrap .timer span.time4 { margin-right: 17px; } 
.timer_wrap .gisu { border: 2px dashed #5fffa5; color: #5fffa5; 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; right:79%; top: 45%; transform: translateY(-50%); color: #9b9b9b; font-size: 16px; font-weight: bold; } 
.timer_wrap .timer_txt p:last-child { color:#9b9b9b; text-align: center; font-size: 1.15rem; } 
.timer_wrap .gisu_txt {color: #ccc;position: absolute;left: 50%; bottom: 0;width: 800px;text-align: left;display: flex; justify-content: center; align-items: center;font-size: 12px;word-break: keep-all;transform: translateX(-50%);} 
.timer_wrap .gisu_txt p:nth-of-type(1){margin-right: 10px;}
.timer_wrap .apply_btn {width: 165px; height: 60px; line-height: 20px; position: absolute; top: 19px; right: 100px; cursor: pointer; border-radius: 30px;}

/*근거문구 팝업*/
.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); } 

/* bxslider */
.sd_box .bx-wrapper .bx-controls-direction a {width: 52px; height: 52px; } 
.sd_box .bx-wrapper .bx-controls-direction a.bx-prev { left: -5%; background:url("https://cdn.hackersut.com/ingang/images/event/2024/08/1401/arrow_prev.png") } 
.sd_box .bx-wrapper .bx-controls-direction a.bx-next { right: -5%; background:url("https://cdn.hackersut.com/ingang/images/event/2024/08/1401/arrow_next.png") } 

/* tab 공통 */
.js-tab-type1-con{padding: 0;}

.con01 .pos_img{width: 100%; position: absolute; top: 0; left: 0;}

.con03 .sd_box{width: 700px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.con03 .sd_box .bx-wrapper .bx-controls-direction a {top: unset; bottom: -90px;}
.con03 .sd_box .bx-wrapper .bx-controls-direction a.bx-prev { left: 39%; background:url("https://dev-cdn.hackers.com/ingang/images/event/2024/09/0500/con03_prev.png") 0 0 no-repeat;  } 
.con03 .sd_box .bx-wrapper .bx-controls-direction a.bx-next { right: 39%; background:url("https://dev-cdn.hackers.com/ingang/images/event/2024/09/0500/con03_next.png") 0 0 no-repeat;  } 

.con04 .sd_box {width: 100%;  position: absolute; left: 51%; bottom: 60px; transform: translateX(-50%); } 
.con04 .sd_box .bx-wrapper .bx-viewport {height: 836px !important;} 
.con04 .sd_box .bx-wrapper .bx-viewport .bxslider li{opacity: 0.5;transform:scale(0.9);position: relative;}
.con04 .sd_box .bx-wrapper .bx-viewport .bxslider li.active-slide{opacity: 1; transform:scale(1)}
.con04 .sd_box .bx-wrapper .bx-viewport .bxslider li img.sd_tit{visibility: hidden;}
.con04 .sd_box .bx-wrapper .bx-viewport .bxslider li.active-slide img.sd_tit{visibility: visible;}
.con04 .sd_box .bx-wrapper .bx-controls-direction a {width: 19px; height: 33px; top: 40px; background:url("https://dev-cdn.hackers.com/ingang/images/event/2024/09/0500/con04_arrow.png") 0 0 no-repeat;}
.con04 .sd_box .bx-wrapper .bx-controls-direction a.bx-prev { left: 29%; transform: scale(-1);} 
.con04 .sd_box .bx-wrapper .bx-controls-direction a.bx-next { right: 32%;} 

/* con05 강사 카드 — 마크업은 운영 페이지와 같은 tab_area/tab_menu/tab_con/btn_area 구조다.
   좌표는 카드 조각의 정규 박스(설계 y 10~1098, 691x1088) 기준 px 이다.
   흰 캡슐(.tab_menu)이 카드에 구워진 탭 캡슐을 덮고, 그 안에서 활성 pill 조각을 보여준다. */
.con06_wrap .con06_card .tab_area .tab_menu{position:absolute;left:155px;top:369px;width:380px;height:80px;margin:0;padding:0 10px;box-sizing:border-box;list-style:none;display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:40px;transform:none;z-index:20;}
.con06_wrap .con06_card .tab_area .tab_menu li{width:175px;height:65px;margin:0;padding:0;list-style:none;}
.con06_wrap .con06_card .tab_area .tab_menu li a{display:block;position:relative;width:100%;height:100%;padding:0;font-size:0;}
.con06_wrap .con06_card .tab_menu li a img.con06_ton{position:absolute;left:0;top:0;width:175px;height:65px;display:none;}
.con06_wrap .con06_card .tab_menu li.on a img.con06_ton{display:block;}
.con06_wrap .con06_card .tab_menu li a img.con06_toff{position:absolute;left:50%;top:50%;width:62px;height:35px;margin:-17px 0 0 -31px;display:block;}
.con06_wrap .con06_card .tab_menu li.on a img.con06_toff{display:none;}
.con06_wrap .con06_card .tab_area .tab_con{display:none;position:absolute;left:0;top:464px;width:690px;height:624px;z-index:10;overflow:hidden;}
.con06_wrap .con06_card .tab_area .tab_con.on{display:block;}
.con06_wrap .con06_card .tab_area .tab_con img{display:block;width:690px;height:624px;}
.con06_wrap .con06_card .btn_area{position:absolute;left:35px;top:950px;width:620px;height:100px;margin:0;padding:0;list-style:none;display:flex;justify-content:space-between;align-items:center;transform:none;z-index:30;}
.con06_wrap .con06_card .btn_area li{height:100%;margin:0;padding:0;list-style:none;}
.con06_wrap .con06_card .btn_area li:first-child{width:385px;}
.con06_wrap .con06_card .btn_area li:last-child{width:220px;}
.con06_wrap .con06_card .btn_area li a{display:block;width:100%;height:100%;}

.lec_list{display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000;}
.lec_list .bg{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.7);}
.lec_list .lec_con{display: none; width: 600px; height: 55%; padding: 10px 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; flex-direction: column; justify-content: space-evenly; border: 5px solid #aaa; border-radius: 15px;max-height: 700px;}
.lec_list .lec_con ul{height: 500px;overflow-y:auto;}
.lec_list .lec_con ul::-webkit-scrollbar {width: 10px;}
.lec_list .lec_con ul::-webkit-scrollbar-track {background-color: #eee;}
.lec_list .lec_con ul::-webkit-scrollbar-thumb { background-color: #888;border-radius: 5px;}
.lec_list .lec_con ul::-webkit-scrollbar-button {display: none;}


.lec_list .lec_con li{text-align: center;}
.lec_list .lec_con .tit{font-size: 20px; font-weight: bold; text-align: center;}
.lec_list .lec_con li a{font-size: 16px; color: #333;}
.lec_list .lec_con li a:hover{text-decoration: underline;}
.lec_list .close{display: block; padding: 5px 10px; position: absolute; top: 5%; right: 5%; font-size: 24px; font-weight: bold; color: #000;}

.con06 .btn_area{width: 580px; height: 220px; position: absolute; top: 400px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; justify-content: space-between;}
.con06 .btn_area li{width: 100%; height: 45%;}
.con06 .btn_area li a{display: block; height: 100%;}

.con07 .con07_slide{width: 600px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.con07 .con07_slide .swiper-pagination { bottom: 80px; left: 50%; transform: translateX(-50%); } 
.con07 .con07_slide .swiper-pagination-bullet { width: 40px; height: 8px; background: #c2c2c2; border-radius: 10px; } 
.con07 .con07_slide .swiper-pagination-bullet-active { background: #107aff;}

.con09_slide {width: 1300px; position: absolute; bottom: 26px; left: 50%; transform: translateX(-50%);} 
.con09_slide li img { width: 100%; } 
.con09_slide .swiper-slide { opacity: 0.7; transition: opacity .5s; border-radius:20px; overflow: hidden; } 
.con09_slide .swiper-slide-active { opacity: 1; } 
.con09_slide .swiper-slide::after { content: ''; display: block; width: 248px; height: 266px; background: #666; position: absolute; bottom: 0; left: 0; opacity: 0.5; } 
.con09_slide .swiper-slide-active::after { content: ''; display: none !important; cursor: pointer; } 
.con09_slide .s_btn { color: #222; } 
.con09_slide .swiper-button-prev { left: 50%; margin-left: -710px } 
.con09_slide .swiper-button-next { right: 50%; margin-right: -710px } 

/* 적중 리스트 */
.book_slide {width: 1030px; margin: 0 auto 30px;}
.book_slide li{width: 158px;}
.book_slide .book_swiper{padding-bottom: 80px}
.book_slide .swiper-horizontal>.swiper-scrollbar {bottom:25px;background: #d9d9d9 ;width: 540px;left: 50%; margin-left: -250px;}
.book_slide .swiper-scrollbar-drag{background: #222;padding: 3px;border-radius: 10px;margin-top: -3px;}

.con10 .bg{background: url(https://dev-cdn.hackers.com/ingang/images/event/2024/09/0500/con10_bg.jpg) center no-repeat; background-size: cover;}
.con10 .sd_box{width: 690px; margin: 0 auto;}
.con10 .sd_box .bx-wrapper .bx-controls-direction a {top: unset; bottom: 60px;}
.con10 .sd_box .bx-wrapper .bx-controls-direction a.bx-prev {left: 40%; background: url(https://dev-cdn.hackers.com/ingang/images/event/2024/09/0500/con10_prev.png);} 
.con10 .sd_box .bx-wrapper .bx-controls-direction a.bx-next {right: 40%; background: url(https://dev-cdn.hackers.com/ingang/images/event/2024/09/0500/con10_next.png);} 

.con11 .bg{padding-bottom: 70px; background: url(https://cdn.hackersut.com/ingang/images/event/2024/09/0500/re_240913/con11_bg.jpg) center no-repeat; background-size: cover;}
.con11 .sd_box {width: 100%;} 
.con11 .bx-wrapper .bx-viewport{height: 347px !important;}

.con12__gisu{position: absolute;top: 90px;left: 41.7%;color: #fff;font-size: 36px;}
.con12 .benefit-img{position: absolute;display: flex;top: 280px;left: 39.5%; width: 22%; height: 42%;}
.con12 .benefit-img img:nth-of-type(1){margin-right: 20px;}

.con13{margin-top: -1vw;}

.vod_slide {margin: 60px auto 0; width: 1120px; height: 500px;} 
.vod_slide ul > li {position: absolute; width: 375px; height: 223px;} 
.vod_slide ul > li img{width: 100%;height: 100%;position: relative;z-index: 5;}
.vod_slide ul > li video{display: none; width: 100%; height: 100%; position: absolute;top: 0;left: 0;z-index: 2;}
.vod_slide ul > li:first-child {left: -50px; bottom: 0; width: 780px; height: 480px;} 
.vod_slide ul > li:nth-child(2) { right:0; bottom: 236px; } 
.vod_slide ul > li:nth-child(3) { right: 0; bottom: 0px; } 
.vod_slide ul > li:nth-child(-n+3) { display: block; } 
.vod_slide ul > li:nth-child(n+4) { display: none; } 
.vod_slide .slide_btn a { position: absolute; top: -20px; width: 45px; height: 45px; background: url('//cdn.hackersut.com/www/images/event/2023/01/1701/re_231022/arrow.png') no-repeat 0 0/200%; } 
.vod_slide .slide_btn a.prev { right: 60px; } 
.vod_slide .slide_btn a.next { right: 0; background-position-x: 100%; } 

/* 합격생 롤링 */
.con11 .win_list { margin-top: -230px; padding-bottom: 0; transform: perspective(150px) rotateX(15deg); padding: 50px 0; }
.con11 .win_list .list_hk_v2 { width: 1000px; height: 190px; padding: 0; box-sizing: border-box; margin: 0 auto; overflow: hidden; margin-top: -100px; }
.con11 .win_list .list_hk_v2 ul li p { float: left; font-size: 16px; font-weight: bold; color: #000; width: 33.3%; text-align: center; }
.con11 .win_list .list_hk_v2 li::after { content: ''; display: block; clear: both; }
.con11 .win_list .list_hk_v2 li { height: 40px; line-height: 40px; }

.con11_bot .sd_box.t2 {width: 560px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);} 
.con11_bot .sd_box .bx-wrapper .bx-controls-direction a {width: 35px; height: 70px; top: 40%; background:url("//dev-cdn.hackers.com/ingang/images/event/2024/09/0500/con11_arrow.png") 100% 0 no-repeat;} 
.con11_bot .sd_box .bx-wrapper .bx-controls-direction a.bx-prev { transform: scale(-1); left: -15%; background-position-x: 0; } 
.con11_bot .sd_box .bx-wrapper .bx-controls-direction a.bx-next { right: -15%; } 

.con14 .js-tab-type1{width: 680px; position: absolute; top: 310px; left: 50%; transform: translateX(-50%); justify-content: space-between;}
.con14 .js-tab-type1 li{width: 32.5%;}
.con14 .js-tab-type1 li a{display: block; padding-bottom: 15px; font-size: 22px; font-weight: bold; color: #b7b7b7; border-bottom: 3px solid #636262;}
.con14 .js-tab-type1 li.on a{color: #239aff; border-bottom: 3px solid #239aff;}
.con14 .js-tab-type1-con{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}

.con15 .show_reason{position: absolute;top: 89%;left: 37%;border: 1px solid #f5d700;z-index: 2;border-radius: 20px;padding: 5px 20px;color: #f5d700;}
.con15 .reason{z-index: 2;top:80%;}
/* lect */
.con13 .lect{position: absolute; top: 350px; left: 50%; transform: translateX(-50%);}
.lect .sys_f{position: absolute; top: 15px; right: 41%; font-size: 20px; font-weight: bold; color: #fff; z-index: 1;}
.lect .js-tab-type1{width: 625px; position: absolute; top: 65px; left: 50%; transform: translateX(-50%); justify-content: space-between; z-index: 1;}
.lect .js-tab-type1 li{width: 33.33%;}
.lect .js-tab-type1 li a{display: block; padding-bottom: 15px; font-size: 24px; font-weight: bold; color: #afafaf; border-bottom: 2px solid #afafaf;}
.lect .js-tab-type1 li.on a{color: #0f3dd4; border-bottom: 4px solid #0f3dd4;}

.lect .add_option {width: 600px; height: 90px; position: absolute; top: 480px; left: 50%; transform: translateX(-50%);} 
.lect .add_option input[type="checkbox"] { display: none; } 
.lect .add_option input[type="checkbox"]+label {display: block; width: 100%; height: 100%; background: url(https://cdn.hackersut.com/ingang/images/event/2024/08/1401/lect_opt_off.png);} 
.lect .add_option .opt_txt {position: absolute; top: 50%; right: 30px; transform: translateY(-50%); font-size: 24px; color: #000;} 
.lect .add_option .opt_txt span{margin-left: 170px; font-weight: bold;} 
.lect .dc{position: absolute; top: 545px; right: 37.6%; font-size: 18px; font-weight: bold; color: #fff;}
.lect .price_area{width: 515px; position: absolute; top: 595px; left: 50%; transform: translateX(-50%); display: flex; justify-content: flex-end; align-items: center;}
.lect .price_area .price{font-size: 32px; color: #8e8e8e; margin-right: 70px;}
.lect .price_area .dc_price{font-size: 50px; font-weight: bold; color: #000;}

.lect #lect3 .dc, .lect #lect6 .dc{right: 37.9%;}

.lect .lect_list { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; } 
.lect .lect_list li { width: 33.3333%; } 
.lect .lect_list li .price { font-size: 42px; font-weight: bold; margin-top: 174px; margin-right: 55px; text-align: right; } 
.lect .lect_list li .price .fixed_price { display: inline-block; font-size: 28px!important; color: #8e8e8e!important; } 
.lect .lect_list li .price .dc { position: absolute; top: -25px; left: 59%; transform: translateX(-50%); color: #fff; background: #000; font-size: 18px; } 
.lect .lect_list li .price .dc_price { margin-left: 25px; } 
.lect .lect_list li a { display: block; width: 315px; text-indent: -9999px; } 
.lect .lect_list li a.submit_btn { height: 70px; margin:17px auto 5px } 
.lect .lect_list li a.view_btn { height: 40px; margin:0 auto; width: 150px; } 
.lect .lect_list li .dc_txt { position: absolute; left: 29.5%; bottom: 80px; transform: translateX(-50%); font-size: 18px; color: #fff; } 

/* 롤링리스트 */
.rol_list_wrap.t2 { width: 1000px; margin: 0 auto; background: #f2f2f2; border-radius: 15px; } 
.rol_list_wrap.t2 .list_hk_v2 { width: 850px; margin: 0 auto; box-sizing: border-box; overflow: hidden; background:transparent; height: 220px; line-height: 30px; } 
.rol_list_wrap.t2 .list_hk_v2 ul { padding:5%; } 
.rol_list_wrap.t2 .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; width: 100%; } 
.rol_list_wrap.t2 .list_hk_v2 li p span { margin-right: 20px; } 

/* 레이어 팝업 용 */
.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: 690px; } 
.layer_wrap:not(#evt_pop0) .layer_pop { background: url('//dev-cdn.hackers.com/ingang/images/event/2024/09/0500/pop_bg.png') 0 0 no-repeat; height: 800px; } 
.layer_wrap:not(#evt_pop0) .pop_add_tit { color:#0055e3; font-size: 32px; text-align: center; margin-top: 50px; } 
.layer_wrap:not(#evt_pop0) .pop_add_tit em { font-size: 20px; } 
.layer_wrap:not(#evt_pop0) .pop_add_tit span { color:#222 } 
.layer_wrap:not(#evt_pop0) .sale_txt { font-size: 30px; font-weight: bold; color:#0055e3; margin-bottom: 15px; } 
.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:80px 15px 30px; text-align:center; } 

.pop_add_wrap .file_wrap { text-align:center; } 
.pop_add_wrap .file_wrap strong { color:#222; font-size:20px; display: block; margin-bottom: 10px; height:45px; line-height: 45px; margin-right:5px;} 
.pop_add_wrap .file_wrap .file_input_wrap { display: flex; align-items: center; width: 500px; height: 45px; margin: 0 auto; border-radius: 5px; overflow: hidden; border: 1px solid #e2e2e2; } 
.pop_add_wrap .file_wrap .file_input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } 
.pop_add_wrap .file_wrap .file_name_display { flex: 1; height: 100%; line-height: 45px; padding: 0 15px; background: #f3f3f3; color: #666; font-size: 14px; text-align: left; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.pop_add_wrap .file_wrap .file_select_btn { width: 105px; height: 45px; line-height: 45px; background: #222; color: #fff; font-size: 18px; border: none; cursor: pointer; flex-shrink: 0; } 

.pop_add_wrap .user_info { width: 610px; height:100px; overflow-y: scroll; margin-top: 70px; padding:10px; background:#b5ddfa; box-sizing: border-box; text-align:left; color:#679bc3; line-height:1.2; font-size:14px; border-radius: 10px; } 
.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; } 

.layer_pop a.close { position:absolute; right:15px; top:15px; width:35px; height:35px; } 
.infoBox_text_w { display:block; text-align: left; width: 610px; margin: 30px 0 30px 30px; } 
.infoBox_text_w input[type="checkbox"] { width: 28px; height: 28px; vertical-align: middle; margin-bottom: 5px; } 
.infoBox_text_w input[type="checkbox"] + label { font-size: 20px; color:#735056; padding-left: 10px; vertical-align: middle; display: inline-block; margin-bottom: 5px; } 

/* 강의리스트 팝업 */
#evt_pop0 .pop_add_wrap { padding: 22px 20px 30px; background: #fff; border-radius: 0 0 15px 15px;} 
.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: 30px 0 10px; width: 100%; text-align: left; } 
.pop_add_wrap .lec_txt li { font-size: 14px; color: #aaa; padding: 2px; } 
.pop_add_wrap .lec_txt li b.lec_date { color: #217bff; } 
.pop_add_wrap .lec_tit {margin-bottom: 20px; padding: 0 3px; display: flex; justify-content: space-between; align-items: center;} 
.pop_add_wrap .lec_tit h2 { font-size: 22px; color: #000; text-align: left; } 
.pop_add_wrap .lec_tit select {padding: 10px; color: #666; border: 1px solid #bebebe; border-radius: 5px;} 
.pop_add_wrap .lect_table { width: 100%; position: relative; } 
.pop_add_wrap .lect_table th { height: 40px; background: #606060; color: #fff; border-right: 1px solid #fff; font-size: 14px; } 
.pop_add_wrap .lect_table td { height: 40px; background: #d2e9ff; color: #000; font-size: 13px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; } 
.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; } 

.table_layout { height:auto; max-height: 400px; overflow-y: scroll; width: 100%; } 
.table_layout::-webkit-scrollbar {width: 10px;}
.table_layout::-webkit-scrollbar-track {background-color: #eee;}
.table_layout::-webkit-scrollbar-thumb { background-color: #888;border-radius: 5px;}
.table_layout::-webkit-scrollbar-button {display: none;}

.table_layout table { width:100%; border-top: 1px solid #fff; border-left: 1px solid #fff; } 
.table_layout table th { background:rgb(128,128,128); font-size:16px; font-weight:bold; color:#fff; } 
.table_layout table td { background:#fff; font-size:14px; color:#505050; } 
.table_layout table th, .table_layout table td { padding:5px 10px; word-break: keep-all; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } 

.table_bg_g1 td { background: rgb(226, 239, 217) !important; } 
.table_bg_g2 td { background: rgb(197, 224, 178) !important; } 
.table_bg_g3 td { background: rgb(169, 209, 141) !important; } 
.table_bg_b1 td { background: rgb(222, 235, 246) !important; } 
.table_bg_b2 td { background: rgb(188, 214, 238) !important; } 
.table_bg_y1 td { background: rgb(255, 243, 203) !important; } 
.table_bg_y2 td { background: rgb(255, 231, 153) !important; } 
.table_bg_y3 td { background: rgb(255, 218, 101) !important; } 

/* 퀵배너 */
.q_ban{display: none; position: fixed; top: 200px; right: 0; z-index: 500;}

.fl_ban{position: fixed;bottom: 0;left: 50%;z-index: 500;transform: translateX(-50%);}

/* ============== #4239 Figma 섹션 교체(con01·02·06·08·09·10·15·17) ============== */

/* con09: 강사 VOD 가로 슬라이드 — 세로 마퀴를 걷어내고 기존 운영 페이지와 같은 규격으로 되돌린다.
   배경 con09.png(2540x1074) 실측: 단체사진 y=130..790, y=800 이하가 빈 여백이라 거기 얹는다. */
.con09 .con09_slide{position:absolute;top:806px;left:50%;transform:translateX(-50%);width:1400px;bottom:auto;}
.con09 .con09_slide .swiper{overflow:hidden;}
.con09 .con09_slide .swiper-slide{width:auto;cursor:pointer;border-radius:16px;overflow:hidden;}
.con09 .con09_slide .swiper-slide a{display:block;font-size:0;}
.con09 .con09_slide .swiper-slide img{display:block;width:100%;height:auto;}
.con09 .con09_slide .swiper-slide::after{display:none !important;}
.con09 .con09_slide .swiper-button-prev{left:-56px;margin-left:0;}
.con09 .con09_slide .swiper-button-next{right:-56px;margin-right:0;}
.con09 .con09_slide .swiper-button-prev,.con09 .con09_slide .swiper-button-next{color:#222;}

/* con10: 교재/커리큘럼 슬라이드 */
.con10_slide{position:absolute;top:0;left:0;right:0;width:2540px;margin:0 auto;}
.con10_g0100{position:absolute;left:925px;top:769px;width:690px;height:873px;z-index:5;overflow:hidden;}  /* 조각 690 폭을 콘텐츠단(895~1645) 가운데에 맞춘다 — 윗단 g0105(924px, 692폭)와 같은 중심선 */
.con10_g0101{width:690px;height:auto;min-height:873px;display:block;margin:0 auto;}
.con10_g0102{position:absolute;left:1195px;top:1653px;width:153px;height:65px;z-index:7;pointer-events:none;}
.con10_g0103,.con10_g0104{position:absolute;top:1653px;width:65px;height:65px;z-index:8;background:transparent;border:none;cursor:pointer;font-size:0;}
.con10_g0103{left:1195px;}
.con10_g0104{left:1283px;}
/* 교재 띠 — 기존 book_swiper(교재 21종 158x229)를 시안 밴드 슬롯에 얹는다.
   레거시 `.book_slide{width:1030px;margin:0 auto 30px}` 를 이기려면 특이도를 맞춘다. */
.con10_slide .con10_g0105.book_slide{position:absolute;left:924px;top:440px;width:692px;margin:0;z-index:9;}
.con10_slide .con10_g0105 .book_swiper{padding-bottom:60px;}
.con10_slide .con10_g0105 .swiper-slide img{display:block;width:100%;height:auto;}
.con10_slide .con10_g0105 .swiper-horizontal>.swiper-scrollbar{bottom:15px;width:540px;left:50%;margin-left:-270px;}

/* con06(구 con05 슬롯): 선생님별 슬라이드 카드 + 카드별 강의/약력 탭 */
.con06_slide{position:absolute;top:0;left:0;right:0;width:2540px;margin:0 auto;transform:none;z-index:0;}  /* transform:none 은 방어용 — 중앙정렬을 두 번 걸면 단 전체가 화면 밖으로 밀린다 */
.con06_wrap{position:absolute;left:927px;top:434px;width:691px;height:1088px;z-index:9;}
/* 카드 박스는 정규 박스(691x1088)로 못 박고, 조각은 카드마다 상단 트림이 달라
   원본 크기 그대로 박스 바닥에 붙인다(조각 바닥 = 시안 y=1098 로 7장 공통). */
/* bxSlider 초기화 전/후 모두 카드 원점이 흔들리지 않게 목록 기본 여백을 지운다 */
.con06_wrap ul.bxslider,.con06_wrap ul.bxslider > li{margin:0;padding:0;list-style:none;}
.con06_card{position:relative;width:691px;height:1088px;}
.con06_wrap .con06_card img.con06_img{position:absolute;left:0;top:auto;bottom:0;width:auto;height:auto;max-width:none;}
/* ⚠ 자식 선택자 필수 — ID 선택자(1-0-1)는 탭·버튼의 중첩 li 까지 잡아
   .tab_menu li / .btn_area li 를 691x1088 로 늘려 버린다. */
#con06Slider > li{width:691px;height:1088px;}
/* 버튼 띠 = 카드 조각의 배지+버튼 구간(시안 dd y931 ~ btn 하단 y1060 → 조각 919~1048) */
.con06_wrap .con06_card .con06_btnbar{position:absolute;left:0;top:921px;width:691px;height:167px;z-index:16;background-repeat:no-repeat;background-size:auto;background-position:0 100%;}
/* con06 화살표 제거(요청자 요청) — 이동은 자동 롤링 + 드래그로 대체 */
.con06_wrap .bx-controls{display:none;}
/* 화살표 + 페이지 표시 — 시안 `<>`(con6 1007,700 185x56): 흰 원 57x56, 꺾쇠 stroke #0B2314 2px,
   카운터 Noto Sans KR 28px #000(con6 1069,714 53x28). con06_slide 는 2540 좌표계다. */
.con06_nav{position:absolute;left:1007px;top:700px;width:185px;height:56px;z-index:20;}
.con06_nav_btn{position:absolute;top:0;width:57px;height:56px;padding:0;border:none;background-color:transparent;background-repeat:no-repeat;background-size:185px 56px;cursor:pointer;font-size:0;}
.con06_nav_prev{left:0;background-position:0 0;}
.con06_nav_next{left:128px;background-position:-128px 0;}
.con06_nav_page{position:absolute;left:62px;top:14px;width:53px;height:28px;line-height:28px;text-align:center;
  font-family:'Noto Sans KR','Malgun Gothic',sans-serif;font-size:28px;font-weight:400;letter-spacing:-0.02em;color:#000;white-space:nowrap;}

/* con02: 강의 옵션 3탭 + 가격 연동(#4239)
   좌표계 = 배경 con02.png(2540x1130) 원본 픽셀. 패널/탭/옵션 조각은 모두 원본 크기 그대로 쓴다. */
.con02_wrap{position:relative;left:0;width:2540px;margin:0 auto;text-align:left;font-size:0;line-height:0;z-index:0;}
/* 지연로드 중(src 가 1x1 blank)에도 단 높이가 흔들리지 않도록 원본 높이를 못 박는다 */
.con02_bg{width:2540px;height:1130px;display:block;}
/* 할인 말풍선 — 시안에선 textbox 가 최상위라 결제 박스 위에 뜬다. 배경 con02.png 에
   인쇄돼 있어 그대로 두면 패널이 덮는다(요청자 '가림 현상'). 배경을 잘라 얹으면 말풍선
   둘레의 배경색 사각형까지 따라오므로, 시안 도형(둥근사각 118x37 + 꼬리 9x5,
   그라데이션 #7C03FB→#F34293)을 그대로 그려 패널 위 레이어로 올린다. */
.con02_bubble{position:absolute;left:1421px;top:0px;width:118px;height:37px;z-index:40;border-radius:999px;background:linear-gradient(112deg,#7C03FB 0%,#F34293 100%);}
.con02_bubble::after{content:'';position:absolute;left:50%;top:100%;width:0;height:0;transform:translateX(-50%);border-left:4.5px solid transparent;border-right:4.5px solid transparent;border-top:5px solid #BA23C3;}
.con02_badge{position:absolute;left:1421px;top:8px;width:118px;line-height:1;color:#fff;font-family:'Noto Sans KR','Malgun Gothic',sans-serif;font-size:20px;font-weight:700;letter-spacing:-0.04em;text-align:center;z-index:41;}

/* 탭 3개 — 기존 페이지 `.lect .js-tab-type1` 관례를 그대로 쓴다(요청자 NC-2 '기존 페이지
   참고'). 조각 이미지 3장 + 자체 토글 대신 공통 핸들러가 li.on 을 옮기고, 활성 표시는
   기존과 같은 밑줄(색 #0f3dd4)로 낸다 — 조각 좌표를 손으로 맞출 필요가 없어 어긋나지 않는다.
   폭은 조각 3개분(210*3=630)이고 배경 카드 좌측(925px) 기준으로 붙인다. */
/* ⚠ `.lect .js-tab-type1`(:175)이 `.lect` 안의 이 탭에도 걸리고 클래스 2개라 `.con02_tabs`
   (클래스 1개)를 우선순위로 이긴다 — 실측에서 left 가 50%/translateX 로 덮여 x=407.5 로
   밀렸다. 그래서 여기도 `.lect` 를 붙여 특이도를 맞추고 transform 을 명시적으로 끈다. */
.lect .con02_tabs{position:absolute;left:955px;top:56px;width:630px;height:59px;transform:none;display:flex;justify-content:space-between;align-items:stretch;z-index:20;}
.lect .con02_tabs li{width:210px;}
.lect .con02_tabs li a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;box-sizing:border-box;padding-bottom:0;font-size:24px;line-height:1.2;font-weight:bold;color:#bdbdbd;border-bottom:2px solid #bdbdbd;}
.lect .con02_tabs li.on a{color:#0f3dd4;border-bottom:4px solid #0f3dd4;}

/* 패널 = 조각 원본 690px 폭. 늘리지 않는다(늘리면 내부 좌표가 전부 어긋난다).
   top 은 시안 content 프레임 원점(con2 기준 y=17)이다. 탭 바(y=56)는 이 흰 박스 **안쪽**에
   그려지는 요소라, 탭 아래(115)로 내리면 박스가 98px 처져 탭이 배경 위에 뜨고
   패널 하단이 단을 넘친다(요청자 탭 어긋남·폰트 겹침).
   표시/숨김은 공통 `_layout.css` 의 `.js-tab-type1-con{display:none}` / `.on{display:block}` 이
   담당하므로 여기서 display 를 다시 정하지 않는다(정하면 공통 핸들러와 싸운다). */
.con02_panel{position:absolute;left:925px;top:17px;width:690px;background-repeat:no-repeat;background-position:left top;background-size:690px auto;padding:0;}
.con02_panel0{height:1000px;}
.con02_panel1{height:830px;}
.con02_panel2{height:1030px;}

/* 패널 하단 버튼 — 원본 실측: 구매 x=290 y=835 360x100 / 리스트 x=40 y=835 240x100 */
.con02_pbtn{position:absolute !important;background:transparent;border:none;cursor:pointer;font-size:0;display:block;z-index:30;}
.con02_pbtn_buy0{left:290px !important;top:835px !important;width:360px !important;height:100px !important;}
.con02_pbtn_buy1{left:290px !important;top:682px !important;width:360px !important;height:100px !important;}
.con02_pbtn_buy2{left:290px !important;top:885px !important;width:360px !important;height:100px !important;}
.con02_pbtn_list0{left:40px !important;top:835px !important;width:240px !important;height:100px !important;}
.con02_pbtn_list1{left:40px !important;top:682px !important;width:240px !important;height:100px !important;}
.con02_pbtn_list2{left:40px !important;top:885px !important;width:240px !important;height:100px !important;}

/* 옵션 박스 — 배경에 구워진 회색 박스와 정확히 겹친다(원본 실측 x=40 y=479 610x180).
   label 전체가 클릭 영역이므로 위에 얹히는 텍스트 span 에는 pointer-events:none 을 준다. */
.con02_chk{position:absolute;width:610px;height:180px;z-index:25;display:block;cursor:pointer;}
.con02_chk0{left:40px;top:479px;}
.con02_chk2{left:40px;top:529px;}
.con02_chk input[type="checkbox"]{position:absolute;width:0;height:0;opacity:0;margin:0;padding:0;border:0;appearance:none;-webkit-appearance:none;}
.con02_chkon{position:absolute;left:0;top:0;width:610px;height:180px;display:none;pointer-events:none;}
.con02_chk input:checked ~ .con02_chkon{display:block;}
/* 패널2 는 시안 기본이 선택 상태라 구운 이미지가 이미 체크다 — 미선택 시 off 아트를 덮는다
   (off 아트는 패널1 조각의 옵션박스 구간 40,479 610x180 과 동일 내용이다) */
.con02_chkoff{position:absolute;left:0;top:0;width:610px;height:180px;display:block;pointer-events:none;background-repeat:no-repeat;background-size:690px 1000px;background-position:-40px -479px;}
.con02_chk input:checked ~ .con02_chkoff{display:none;}

/* 시스템폰트 텍스트 — 배경에 구워진 초안 문구를 덮어 대체한다.
   덮는 대상: 취소선 정가(000,000원), 총 결제금액(총 000,000원), 할인배지(NN만원 할인).
   제목·옵션 라벨은 배경 그림이 최종 문구라 별도 span 을 두지 않는다. */
/* 배경에 인쇄된 가격 문구를 덮어 대체한다 — 덮기 박스는 조각 실측 bbox 를 완전히 포함한다.
   취소선가 배경 x=445..624 → 박스 440..628 / 총액 배경 x=305..615 → 박스 300..620 */
.con02_won{position:absolute;white-space:nowrap;font-size:32px;line-height:44px;color:#b7b7b7;font-family:'Noto Sans KR',sans-serif;text-decoration:line-through;text-align:right;width:188px;background:#fff;pointer-events:none;z-index:12;}
.con02_won0{left:440px;top:696px;}
.con02_won1{left:440px;top:533px;}
.con02_won2{left:440px;top:736px;}
.con02_tot{position:absolute;white-space:nowrap;font-size:60px;line-height:72px;color:#111;font-weight:bold;font-family:'Noto Sans KR',sans-serif;text-align:right;width:320px;background:#fff;pointer-events:none;z-index:12;}
.con02_tot0{left:300px;top:744px;}
.con02_tot1{left:300px;top:581px;}
.con02_tot2{left:300px;top:784px;}
.con02_totnum{font-size:60px;}
/* 할인 배지 — 배경 스탬프에 'NN만원 할인' 플레이스홀더가 인쇄돼 있어 대체한다.
   톱니 외곽(108x110)을 건드리지 않는 내접 사각형(70x80)만 스탬프 내부색으로 덮는다. */
.con02_dcbadge{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:70px;height:80px;line-height:1.25;font-size:23px;color:#fff;font-weight:bold;font-family:'Noto Sans KR',sans-serif;text-align:center;background:#222;pointer-events:none;z-index:13;}
.con02_dcbadge0{left:90px;top:715px;}
.con02_dcbadge1{left:90px;top:552px;}
.con02_dcbadge2{left:90px;top:755px;}
.con02_price0,.con02_price2{position:static;}

/* con17: 하단 강의 옵션 3탭 + 가격 연동 + 인증 팝업 트리거(#4239)
   좌표계 = 배경 con17.png(2540x1846) 원본 픽셀. con02 와 같은 조각/패널을 쓰되 배경 안 y 오프셋만 다르다. */
/* 마크업이 `in_wide con17_wrap` 로 두 클래스를 한 요소에 준다. .in_wide 의 중앙정렬
   (left:50%;margin-left:-1280px)을 덮지 않도록 left/margin 을 건드리지 않는다 —
   덮으면 2540px 좌표계가 x=0 에서 시작해 결제단이 우측으로 밀려 잘린다.
   2560 프레임 안에서 2540 배경은 좌우 10px 씩 남으므로 그 10px 을 padding 이 아니라
   border 로 준다 — 절대배치 자식의 기준점은 padding box 원점이라, padding 으로 주면
   배경만 10px 밀리고 탭·옵션박스는 제자리에 남아 con02 대비 10px 어긋난다. */
.con17_wrap{position:relative;text-align:left;font-size:0;line-height:0;box-sizing:border-box;border-left:10px solid transparent;z-index:0;}
.con17_bg{width:2540px;height:1846px;display:block;}
/* 할인 말풍선 — 시안에선 textbox 가 최상위라 결제 박스 위에 뜬다. 배경 con17.png 에
   인쇄돼 있어 그대로 두면 패널이 덮는다(요청자 '가림 현상'). 배경을 잘라 얹으면 말풍선
   둘레의 배경색 사각형까지 따라오므로, 시안 도형을 그대로 그려 패널 위 레이어로 올린다. */
.con17_bubble{position:absolute;left:1421px;top:308px;width:118px;height:37px;z-index:40;border-radius:999px;background:linear-gradient(112deg,#7C03FB 0%,#F34293 100%);}
.con17_bubble::after{content:'';position:absolute;left:50%;top:100%;width:0;height:0;transform:translateX(-50%);border-left:4.5px solid transparent;border-right:4.5px solid transparent;border-top:5px solid #BA23C3;}
.con17_badge{position:absolute;left:1421px;top:316px;width:118px;line-height:1;color:#fff;font-family:'Noto Sans KR','Malgun Gothic',sans-serif;font-size:20px;font-weight:700;letter-spacing:-0.04em;text-align:center;z-index:41;}

/* 탭 3개 — 상단 결제단과 동일한 기존 페이지 관례(js-tab-type1 + 밑줄 활성).
   좌표는 시안 tab_btn 프레임(con17 기준 955,364 630x59)이다. */
.con17_tabs{position:absolute;left:955px;top:364px;width:630px;height:59px;display:flex;justify-content:space-between;align-items:stretch;z-index:20;}
.con17_tabs li{width:210px;}
.con17_tabs li a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;box-sizing:border-box;font-size:24px;line-height:1.2;font-weight:bold;color:#bdbdbd;border-bottom:2px solid #bdbdbd;}
.con17_tabs li.on a{color:#0f3dd4;border-bottom:4px solid #0f3dd4;}

/* 패널 = 조각 원본 690px. top 은 시안 content 프레임 원점(con17 기준 y=325)이다.
   이 값이라야 패널 하단(325+1030=1355)이 추가할인 인증단 카드(y=1385~) 위에서 끝난다 —
   420 으로 내리면 1450 까지 내려가 인증단과 겹친다(요청자 ⓕ).
   display 는 공통 `.js-tab-type1-con` 규칙이 담당한다(con02 와 같은 이유). */
.con17_panel{position:absolute;left:925px;top:325px;width:690px;background-repeat:no-repeat;background-position:left top;background-size:690px auto;padding:0;}
.con17_panel0{height:1000px;}
.con17_panel1{height:830px;}
.con17_panel2{height:1030px;}

.con17_pbtn{position:absolute !important;background:transparent;border:none;cursor:pointer;font-size:0;display:block;z-index:30;}
.con17_pbtn_buy0{left:290px !important;top:835px !important;width:360px !important;height:100px !important;}
.con17_pbtn_buy1{left:290px !important;top:682px !important;width:360px !important;height:100px !important;}
.con17_pbtn_buy2{left:290px !important;top:885px !important;width:360px !important;height:100px !important;}
.con17_pbtn_list0{left:40px !important;top:835px !important;width:240px !important;height:100px !important;}
.con17_pbtn_list1{left:40px !important;top:682px !important;width:240px !important;height:100px !important;}
.con17_pbtn_list2{left:40px !important;top:885px !important;width:240px !important;height:100px !important;}

/* 옵션 박스(요청자 ⓑⓓ) */
.con17_chk{position:absolute;width:610px;height:180px;z-index:25;display:block;cursor:pointer;}
.con17_chk0{left:40px;top:479px;}
.con17_chk2{left:40px;top:529px;}
.con17_chk input[type="checkbox"]{position:absolute;width:0;height:0;opacity:0;margin:0;padding:0;border:0;appearance:none;-webkit-appearance:none;}
.con17_chkon{position:absolute;left:0;top:0;width:610px;height:180px;display:none;pointer-events:none;}
.con17_chk input:checked ~ .con17_chkon{display:block;}
/* 패널2 는 시안 기본이 선택 상태라 구운 이미지가 이미 체크다 — 미선택 시 off 아트를 덮는다
   (off 아트는 패널1 조각의 옵션박스 구간 40,479 610x180 과 동일 내용이다) */
.con17_chkoff{position:absolute;left:0;top:0;width:610px;height:180px;display:block;pointer-events:none;background-repeat:no-repeat;background-size:690px 1000px;background-position:-40px -479px;}
.con17_chk input:checked ~ .con17_chkoff{display:none;}

/* 시스템폰트 텍스트(요청자 ⓔ) — con02 와 동일 규격 */
/* 배경에 인쇄된 가격 문구를 덮어 대체한다 — 덮기 박스는 조각 실측 bbox 를 완전히 포함한다.
   취소선가 배경 x=445..624 → 박스 440..628 / 총액 배경 x=305..615 → 박스 300..620 */
.con17_won{position:absolute;white-space:nowrap;font-size:32px;line-height:44px;color:#b7b7b7;font-family:'Noto Sans KR',sans-serif;text-decoration:line-through;text-align:right;width:188px;background:#fff;pointer-events:none;z-index:12;}
.con17_won0{left:440px;top:696px;}
.con17_won1{left:440px;top:533px;}
.con17_won2{left:440px;top:736px;}
.con17_tot{position:absolute;white-space:nowrap;font-size:60px;line-height:72px;color:#111;font-weight:bold;font-family:'Noto Sans KR',sans-serif;text-align:right;width:320px;background:#fff;pointer-events:none;z-index:12;}
.con17_tot0{left:300px;top:744px;}
.con17_tot1{left:300px;top:581px;}
.con17_tot2{left:300px;top:784px;}
.con17_totnum{font-size:60px;}
/* 할인 배지 — 배경 스탬프에 'NN만원 할인' 플레이스홀더가 인쇄돼 있어 대체한다.
   톱니 외곽(108x110)을 건드리지 않는 내접 사각형(70x80)만 스탬프 내부색으로 덮는다. */
.con17_dcbadge{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:70px;height:80px;line-height:1.25;font-size:23px;color:#fff;font-weight:bold;font-family:'Noto Sans KR',sans-serif;text-align:center;background:#222;pointer-events:none;z-index:13;}
.con17_dcbadge0{left:90px;top:715px;}
.con17_dcbadge1{left:90px;top:552px;}
.con17_dcbadge2{left:90px;top:755px;}
.con17_price0,.con17_price2{position:static;}

/* 추가할인 인증단(요청자 ⓖ 버튼 복구) — 조각 원본 200x100.
   배경 con17.png 실측: 인증단 카드 y=1385..1755 x=925..1614,
   버튼 조각은 시안 btn 프레임(160x60 @1415,1453 / 1415,1629)에 그림자가 붙어
   200x100 으로 export 된 것이라, 조각 원점은 레이아웃 박스가 아니라 **렌더 경계**
   (1395,1438) / (1395,1614) 다. 레이아웃 박스 좌표로 놓으면 25px 왼쪽·21px 위로 뜬다. */
.con17_ico{position:absolute;width:200px;height:100px;pointer-events:none;z-index:14;}
.con17_ico1{left:1395px;top:1438px;}
.con17_ico2{left:1395px;top:1614px;}
.con17_certbtn{position:absolute !important;width:200px !important;height:100px !important;display:block;background:transparent;border:none;cursor:pointer;font-size:0;z-index:31;}
.con17_certbtn1{left:1395px !important;top:1438px !important;}
.con17_certbtn2{left:1395px !important;top:1614px !important;}