@charset "euc-kr"; /* top tab */
.eventWrap .top_tab { background: #000; color: #fff; } 
.top_tab ul { display: flex; width: 1200px; margin: 0 auto; justify-content: flex-start; } 
.top_tab ul li { width: 169px; } 
.top_tab ul li.on { background: var(--tab-dark-color); } 
.top_tab ul li a { display: inline-block; padding: 19px 0; width: 100%; } 

/* common */
.evSection .inner { padding: 100px 0 0; } 
.evSection:last-of-type .inner { padding: 100px 0; } 
.evSection .tx_white { color: #fff; } 
.evSection .con_tit { margin-bottom: 25px; } 
.evSection .main_text { color: #777; margin-bottom: 40px; } 
.evSection .con_box { margin-bottom: 100px; } 
.evSection .con_box:last-child { margin-bottom: 0; } 
.evSection .point_color { color: var(--tab-point-color); } 
.evSection .btn-base { margin-top: 20px; display: block; text-align: right; } 
.evSection .btn-base.sm > * { padding: 15px 31px; font-size: 14px; } 
.evSection .evt_con_base.sm { color: #111; margin-top: 15px; } 
.evSection .evt_con_base.table_tiny { padding-bottom: 10px; display: block; text-align: right; } 
.evSection .left_ver { text-align: left; } 
.evSection .right_ver { text-align: right; } 
.evSection .link_type { color: var(--tab-point-color); font-weight: 800; display: inline-block; } 

.evSection .job_box_list { display: flex; justify-content: center; gap: 20px; } 
.evSection .job_box_list .job_box { border: 1px solid var(--tab-point-color); border-radius: 10px; flex: 1; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; align-content: flex-start; gap: 14px; padding: 40px 0; align-self: stretch; } 
.evSection .job_box_list .job_box .job_box_tit { display: block; width: 100%; } 
.evSection .job_box_list .job_box .job_box_con { line-height: 1.6; } 

.evSection .job_box_slide .job_box_list .job_box { height: 286px; } 

.evSection .bar_per_grp { display: flex; justify-content: center; align-items: center; gap: 20px; } 
.evSection .bar_per_grp .bar_per_wrap { display: flex; justify-content: center; align-items: center; width: 404px; height: 36px; background: #fff; border-radius: 50px; position: relative; overflow: hidden; } 
.evSection .bar_per_grp .bar_per_wrap .bar_per { height: 100%; color: #fff; display: flex; justify-content: center; align-items: center; } 
.evSection .bar_per_grp .bar_per_wrap .bar_per.ver1 { background: #292de9; } 
.evSection .bar_per_grp .bar_per_wrap .bar_per.ver2 { background: #EB4444; } 

.evSection .job_slide .mega_swiper_destroy .swiper-wrapper { gap: 20px; } 
.evSection .job_slide_box { width: 100%; border-radius: 10px; overflow: hidden; } 
.evSection .job_slide_box .job_sd_tit { width: 100%; background: var(--tab-point-color); color: #fff; padding: 18px 0; } 
/* .evSection .job_slide_box .job_sd_con { background: #f8f8f8; text-align: left; line-height: 1.6; height: 300px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-content: flex-start; padding: 30px 0 0 30px; } */
.evSection .job_slide_box .job_sd_con { background: #f8f8f8; text-align: left; line-height: 1.6; height: 306px; display: flex
; justify-content: center; align-items: center; flex-wrap: wrap; align-content: flex-start; padding: 30px 0 0 50px; } 
.evSection .job_slide_box .job_sd_con li { width: 100%; position: relative; } 
.evSection .job_slide_box .job_sd_con li::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: #111; position: absolute; left: -15px; top: 9px; } 
/* .evSection .job_slide_box .job_sd_con li strong { display: inline-block; font-size: 21px; vertical-align: middle; margin-right: 4px; } */

/* swiper */
.mega_swiper_destroy .swiper-wrapper { gap: 10px; } 
.mega_swiper_destroy .swiper-slide { display: flex; flex: 1 1 auto; justify-content: center; } 
.mega_swiper_destroy .swiper-pagination { display: none; } 
.mega_swiper_thumb_list { overflow:hidden; } 
.mega_swiper_thumb_list .tab { padding:10px 0; background-color:#d9d9d9; cursor:pointer; } 
.mega_swiper_thumb_list .tab.swiper-slide-thumb-active { background-color:#bebebe; } 

.table_slide .mega_swiper_thumb_list { display: none; } 
.table_slide .swiper-wrapper { gap: 28px; } 
.table_slide .table_tab_box { width: 526px; padding: 19px; border: 1px solid #eae9e9; position: relative; } 
.table_slide .table_tab_box .grp_img { margin-bottom: 20px; } 
.table_slide .table_tab_box .table_tab_tit { background: #000; display: inline-block; padding: 6px 30px; border-radius: 50px; position: absolute; left: 50%; transform: translateX(-50%); top: -15px; } 


/* top */
.top_con.evSection .inner { padding: 100px 0; } 
.top_con .sub_tit { border: 1px solid rgba(255, 255, 255, 0.5); border-right: none; border-left: none; display: inline-block; padding: 11px 44px; margin-bottom: 20px; } 
.top_con .main_tit { font-size: 86px; margin-bottom: 5px; } 
.top_con .main_eng { font-weight: 100; letter-spacing: 2px; display: inline-block; margin-bottom: 45px; } 
.top_con .job_point_list { display: flex; justify-content: center; align-items: center; gap: 25px; } 
.top_con .job_point_list li { background: #000; width: 130px; height: 110px; display: flex; justify-content: center; align-items: center; border-radius: 0px 30px; } 

/* S: [fixmenu] */
.eventWrap .evSection.fix_mode { padding-top:100px; } 
.fix_menu { background: var(--tab-light-color); z-index: 2; position: relative; height: 70px; } 
.fix_menu ul { width: 1080px; margin: 0 auto; display:flex; align-items:flex-start; justify-content:space-between; height: 100%; } 
.fix_menu li { position: relative; flex: 1; height: 100%; } 
.fix_menu li i { position: absolute; top: 50%; right: -35px; transform: translateY(-50%); z-index: 2; } 
.fix_menu li a { position: relative; color: rgba(119,119,119); font-weight: 700; box-sizing: border-box; height: 100%; display: flex; justify-content: center; align-items: center; } 
.fix_menu li.on a { color:rgba(255, 255, 255, 1); background: var(--tab-dark-color); } 
.fix_menu.fixed { position: fixed; top: 0; left: 0; width: 100%; } 

.flt_inner { transform: translateY(850%); } 

/* table */
.content_inner .table_box { font-family: 'Noto Sans KR'; } 
.table_box table thead th { background: var(--tab-light-color); } 
.table_box table th, 
.table_box table td { border: 1px solid #E4E4E4; font-size: 14px; } 
.table_box table th > div,
.table_box table td > div { min-height: 50px; display: flex; justify-content: center; align-items: center; padding: 15px 0; } 
.table_box th:first-child,
.table_box td:first-child { border-left: 0; } 
.table_box th:last-child,
.table_box td:last-child { border-right: 0; } 
.table_box table td > div.right_ver,
.table_box table th > div.right_ver { justify-content: flex-end; padding: 0 10px; } 
.table_box.text_line_more table td > div { line-height: 1.6; } 

/* popup */
.tab_popup .content_area { height: 700px; overflow-y: scroll; } 
.tab_popup .tab-base { margin-bottom: 20px; } 

/* grp */
.evSection .graph-wrp { margin: 0 30px; } 

@media screen and (max-width: 1200px) { /* top tab */
.top_tab ul { width: 100%; } 
.top_tab ul li { width: 28vw; } 
.top_tab ul li a { padding: 8% 0; } 


/* common */

.evSection .inner { padding: 10% 0 0; } 
.evSection:last-of-type .inner { padding: 10% 0; } 
.evSection .con_box { margin-bottom: 10%; } 
.evSection .con_tit { margin-bottom: 2%; } 
.evSection .main_text { margin-bottom: 4%; } 
.evSection .btn-base { margin-top: 2%; } 
.evSection .evt_con_base.sm { margin-top: 1%; } 

.evSection .job_box_list { gap: 1%; } 
.evSection .job_box_list .job_box { gap: 10px; padding: 3% 0; } 
.evSection .job_box_list .job_box .ico_box { padding: 0 44%; } 
.evSection .job_box_list .job_box .job_box_con { line-height: 1.4; } 
.evSection .job_box_slide .job_box_list .job_box { height: 22vw; align-content: center; } 

.evSection .bar_per_grp { gap: 2%; } 
.evSection .bar_per_grp .bar_per_wrap { width: 50vw; height: 4vw; } 

/* S: [fixmenu] */
.fix_menu { height: auto; } 
.fix_menu ul { width: 100%; } 
.fix_menu li a { font-size: 16px; padding: 8% 0; } 
.fix_menu li i { right: 0; max-width: 30%; } 


/* top */
.top_con.evSection .inner { padding: 10% 0; } 
.top_con .sub_tit { padding: 1% 4%; margin-bottom: 1%; } 
.top_con .main_tit { margin-bottom: 0%; font-size: clamp(30px, 9vmin, 86px); } 
.top_con .main_eng { letter-spacing: 0px; margin-bottom: 4%; } 
.top_con .job_point_list { gap: 2%; } 
.top_con .job_point_list li { width: 13vw; height: 11vw; border-radius: 0px 20px; line-height: 1.3; } 

/* swiper */
.table_slide .swiper-wrapper { gap: 1%; } 
.table_slide .table_tab_box { width: 47vw; padding: 3%; } 
.table_slide .table_tab_box .table_tab_tit { padding: 6px 6%; top: -2%; } 
.table_slide .table_tab_box .grp_img { margin-bottom: 4%; } 
.evSection .evt_con_base.table_tiny { padding-bottom: 1%; } 


/* popup */
.tab_popup .content_area { height: 65vw; } 
 }

@media screen and (max-width: 992px){
 .evSection .job_box_list .job_box { border-radius: 6px; gap: 6px; } 
.evSection .job_box_list .job_box .ico_box { padding: 0 41%; } 
.evSection .job_box_list .job_box .job_box_con { line-height: 1.6; font-size: 14px; } 
.evSection .job_box_slide { margin: 0 26%; } 
.evSection .job_box_slide .job_box_list .job_box { height: 30vw; } 
.evSection .job_box_slide .job_box_list .job_box .job_box_tit { font-size: 18px; } 

/* swiper */
.mega_swiper_destroy { position: relative; overflow: hidden; } 
.mega_swiper_destroy .swiper-wrapper { gap: 0; } 
.mega_swiper_destroy .swiper-slide { flex: 1 0 100%; width: auto; flex-shrink: 0; } 
.mega_swiper_destroy .swiper-pagination { display: block; bottom: -5vw; } 
.evSection .job_slide .mega_swiper_destroy .swiper-wrapper { gap: 0px; } 

.table_slide.mega_swiper_destroy .mega_swiper_thumb_list { display: block; } 
.table_slide.mega_swiper_destroy .mega_swiper_thumb_list .swiper-slide { flex: 1; } 
.table_slide.mega_swiper_destroy .mega_swiper_thumb_list .tab.swiper-slide-thumb-active { background-color: #000000; color: #fff; } 
.table_slide.mega_swiper_destroy .mega_swiper_thumb_list .tab { color: #848484; } 
.table_slide .table_tab_box { width: 100%; } 

.evSection .job_slide { margin: 0 27%; } 
.evSection .job_slide_box .job_sd_con li { font-size: 14px; } 
.evSection .job_slide_box .job_sd_tit { padding: 13px 0; font-size: clamp(15px, 2.2vmin, 17px); } 

/* top */
.top_con .main_eng { margin-bottom: 6%; } 
.top_con .job_point_list li { width: 14vw; height: 13vw; } 



/* table */
.table_box table th > div, .table_box table td > div { min-height: 40px; font-size: 13px; text-align: center; } 
 }


@media screen and (max-width: 768px) { /* S: [fixmenu] */
.fix_menu li a { font-size: 14px; padding: 15px 0; } 
.fix_menu li a:before { height: 30%; } 
.fix_menu li:last-child a { letter-spacing: -.15rem; } 

.evSection .job_box_slide .job_box_list .job_box { height: 203px; } 
.evSection .job_box_slide { margin: 0 21%; padding: 1%; } 

/* swiper */
.evSection .job_slide { margin: 0 22%; } 

/* top */
.top_con .job_point_list li { width: 16vw; height: 15vw; } 

/* table */
.table_box table th > div, .table_box table td > div { padding: 7% 0; } 
.table_box table td > div.right_ver, .table_box table th > div.right_ver { padding: 0 3px; } 

/* popup */
.tab_popup .content_area { height: 80vw; } 
 }


@media screen and (max-width: 576px) { /* common */
.evSection .inner { padding: 12% 0; } 
.evSection .con_tit { margin-bottom: 4%; font-size: 18px; } 
.evSection .btn-base.sm > * { padding: 10px 20px; font-size: 12px; } 
.evSection .evt_con_base.sm { font-size: 12px; } 
.evSection .evt_con_base.table_tiny { padding-bottom: 1%; font-size: 12px; margin-top: 3%; } 

.evSection .job_box_list { display: block; } 
.evSection .job_box_list .job_box { margin-bottom: 2%; } 
.evSection .job_box_list .job_box .ico_box { padding: 0 45%; } 
.evSection .job_box_slide { margin: 0 3%; margin-right: -3%; } 
.evSection .job_box_slide .mega_swiper_destroy .swiper-slide { flex: 1 0 auto; } 
.evSection .job_box_slide .job_sd_con { } 
.evSection .job_box_slide .job_box_list .job_box .ico_box { padding: 0 43%; } 
 .evSection .job_box_slide .job_box_list .job_box { border-radius: 10px; gap: 10px; } 

.evSection .bar_per_grp .bar_per_wrap { width: 62vw; height: 6vw; } 

.top_tab ul li a { padding: 14% 0; font-size: 14px; } 

/* S: [fixmenu] */
.fix_menu li a { font-size: 14px; padding: 20px 0; } 
.fix_menu li a br { display: block; } 


/* swiper */
.evSection .job_slide { margin: 0 4%; margin-right: -2%; } 
.evSection .job_slide .mega_swiper_destroy .swiper-slide { flex: 1 0 auto; } 
.evSection .job_slide_box .job_sd_con { height: 262px; padding: 30px 0 30px 40px; line-height: 1.6; } 



/* top */
.top_con .sub_tit { padding: 2.5% 9%; margin-bottom: 4%; } 
.top_con .main_tit { font-size: clamp(50px, 9vmin, 86px); } 
.top_con .main_eng { font-size: clamp(24px, 4.7vmin, 42px); } 
.top_con .job_point_list { gap: 4%; margin: 0 3%; } 
.top_con .job_point_list li { width: auto; height: 19vw; flex: 1; border-radius: 0px 20px; } 

/* table */
.table_box table th > div, .table_box table td > div { font-size: 12px; } 

/* popup */
.tab_popup .content_area .content_inner { padding: 4% 2%; } 
.tab_popup .content_area { height: 100vw; } 

/* grp */
.evSection .graph-wrp { margin: 0 0px; } 
 }


@media screen and (max-width: 480px) { }