@charset "utf-8";
/* CSS Document */
@import url("./font.css");

body {/* min-width:1330px; */}

:root {
    --pw: 1920*100vw;
    --pp: 1920*100%;
}
    
/* motion */
.sec_bg,
.comm_menu ul li a,
.comm_menu ul li a span,
.board_faq_list ul li.on .box,
.board_faq_list ul li.on .box a:after,
.board_faq_list ul li.on .box a,
.board_faq_list ul li .box a .right_btn span,
.board_faq_list ul li .box a .right_btn span:after,
.board_faq_list ul li .box a .right_btn span:before,
.tab_box1 ul li a,
.cate_box ul li a,
.abtn0,
.abtn1,
.header .header_box .hd_box .hd_menu > ul > li > a { -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}


.main .main_swiper .swiper-slide .txt_box dl dt,
.main .main_swiper .swiper-slide .txt_box dl dd { -webkit-transition: all .9s ease-in-out;-moz-transition: all .9s ease-in-out;-ms-transition: all .9s ease-in-out;-o-transition: all .9s ease-in-out; transition: all .9s ease-in-out;}

/* button */
.abtn0 {display:inline-block; width:100%; padding:0 24px; text-align:center; font-size:14px; line-height:48px; font-weight:600; color:#0071BC; border:1px solid #0071BC; background:#fff; border-radius:6px;}
.abtn0:hover {background:#0071BC; color:#fff;}

.abtn1 {display:inline-block; width:100%; min-width:168px; padding:0 20px; text-align:Center; font-size:14px; line-height:48px; font-weight:600; color:#fff; border:1px solid #fff; background:transparent; border-radius:6px;}
.abtn1:hover {background:#fff; color:#000;}

.abtn2 {display:inline-block; width:100%; padding:0 20px; text-align:Center; font-size:14px; line-height:48px; font-weight:600; color:#111; border:1px solid #E5E5EC; background:transparent; border-radius:6px;}
.abtn3 {display:inline-block; width:100%; padding:0 20px; text-align:Center; font-size:14px; line-height:48px; font-weight:600; color:#fff; border:1px solid #0071BC; background:#0071BC; border-radius:6px !important;}
.abtn4 {display:inline-block; width:100%; padding:0 40px 0 20px; text-align:Center; font-size:14px; line-height:44px; font-weight:600; color:#fff; border:1px solid #0071BC; background:#0071BC url('/_image/www/icon/icon_down.png') no-repeat; background-position:calc(100% - 16px) center; background-size:20px auto; border-radius:6px !important;}


.abtn5 {display:inline-block; width:100%; padding:0 20px; text-align:Center; font-size:14px; line-height:48px; font-weight:600; color:#999999; border:1px solid #F1F1F5; background:#F1F1F5; border-radius:6px !important;}
.abtn5.on {color:#fff; border:1px solid #0071BC; background:#0071BC;}
/* navi */
.navi_g {padding-top:20px; font-size:14px; color:#111;}
.navi_g span {font-size:14px; color:#999999;}

/* paging */
.paging_box {clear:both; position:relative; margin:56px 0 20px 0; padding:0; }
.paging_box ul.paging {text-align:center; font-size:0;}
.paging_box ul.paging li {display:inline-block; vertical-align:top; margin:0 8px;}
.paging_box ul.paging li.paging_prev {margin-right:5px;}
.paging_box ul.paging li.paging_prev a {background:url('/_image/www/icon/icon_paging_prev.png') no-repeat center; font-size:0; vertical-align:top; background-size:36px auto;}
.paging_box ul.paging li.paging_first {margin:0;}
.paging_box ul.paging li.paging_first a {background:url('/_image/www/icon/icon_paging_pprev.png') no-repeat center; font-size:0; vertical-align:top; background-size:36px auto;}
.paging_box ul.paging li.paging_next {margin-left:5px;}
.paging_box ul.paging li.paging_next a {background:url('/_image/www/icon/icon_paging_next.png') no-repeat center; font-size:0; vertical-align:top; background-size:36px auto;}
.paging_box ul.paging li.paging_last {margin:0;}
.paging_box ul.paging li.paging_last a {background:url('/_image/www/icon/icon_paging_nnext.png') no-repeat center; font-size:0; vertical-align:top; background-size:36px auto;}
.paging_box ul.paging li a {display:inline-block; min-width:36px; height:36px; vertical-align:top; font-weight:600; color:#767676; font-size:15px; line-height:36px; border-radius:100px;}
.paging_box ul.paging li.over a {font-weight:700; color:#fff; background:#0071BC;}


/* layer_pop 기본 구조 */
.layer_pop_box {display:none ;position:fixed; top:0; left:0; width:100%; height:calc(var(--vh, 1vh) * 100); z-index:99999; box-sizing:border-box;}
.layer_pop_box .layer_bg {width:100%; height:calc(var(--vh, 1vh) * 100); background:rgba(0,0,0,0.7); box-sizing:border-box;}
.layer_pop_box .layer_container_box {position:absolute; top:0; left:50%; width:100%; height:calc(var(--vh, 1vh) * 100); box-sizing:border-box;}
.layer_pop_box .layer_container_box .layer_content_box {height: calc(var(--vh, 1vh) * 100);}
.layer_pop_box .layer_container_box .layer_content_box .layer_content {position:relative;top:0; left:0; height:calc(var(--vh, 1vh) * 100); line-height:0; font-size:0;}
.layer_box {overflow:hidden; position:relative; /* height:100%; */}
.layer_box .layer_btm {text-align:center; padding-bottom:15px;}
.layer_box .btn_close {position:absolute; top:15px; right:10px; display:inline-block; width:40px; height:40px; font-size:0; z-index:1000;}
.layer_box .btn_close:before,
.layer_box .btn_close:after {content:''; position:absolute; top:50%; left:50%; margin:-2px 0 0 -9px; width:18px; height:1px; background:#000; -webkit-transform-origin:50% 50%; transform-origin:50% 50%;}
.layer_box .btn_close:before {-webkit-transform:rotateZ(135deg) scaleX(1.2);transform:rotateZ(135deg) scaleX(1.2);}
.layer_box .btn_close:after {-webkit-transform:rotateZ(45deg) scaleX(1.2);transform:rotateZ(45deg) scaleX(1.2);}
.layer_box .pop_content .laypop_box1 {position:relative; height:100%; background:#fff; border-radius:16px 16px 0 0;}
.layer_box .btm_btn {padding:0 15px;}

/* 2023-09-27 destiny*/
.layer_type1 {position:fixed; top:50%; left:50%; width:100%; min-width:320px; min-width:1400px; max-width:1600px; transform:translate(-50%, -50%);}
.layer_type1 .layer_cont_box {max-width:1600px; margin:0 auto; min-height:124px; max-height:calc(var(--vh, 1vh) * 100); overflow-y:auto;}
.layer_type1 .layer_cont_box .layer_cont {}
@supports (-webkit-touch-callout: none) { height: -webkit-fill-available; }

/* 팝업 */
.layer_type2 {position:fixed; top:50%; left:50%; width:100%; max-width:420px;transform:translate(-50%, -50%); }
.layer_type2 .layer_cont_box {max-width:1600px; margin:0 auto; min-height:124px; max-height:calc(var(--vh, 1vh) * 100); overflow-y:auto;}
.layer_type2 .layer_cont_box .layer_cont {}
.layer_type2 .layer_cont_box .layer_cont .layer_password {width:420px; margin:0 auto; padding-bottom:32px; background:#fff; border-radius:20px;}
.layer_type2 .layer_cont_box .layer_cont .layer_password .layer_tit {padding:18px 0;  font-size:20px; line-height:28px; font-weight:400; text-align:center;}

.layer_type2 .layer_cont_box .layer_cont .layer_password .mid_box {padding:116px 32px 24px 32px; background:url('/_image/www/icon/icon_pass.png') no-repeat center 12px; background-size:80px auto;}
.layer_type2 .layer_cont_box .layer_cont .layer_password .mid_box dl {text-align:center;}
.layer_type2 .layer_cont_box .layer_cont .layer_password .mid_box dl dt {padding:0 0 12px 0; font-size:18px; line-height:26px; font-weight:600; letter-spacing:-0.5px;}
.layer_type2 .layer_cont_box .layer_cont .layer_password .mid_box dl dd {padding-bottom:24px; font-size:14px; font-weight:400; line-height:20px; color:#767676;}
.layer_type2 .layer_cont_box .layer_cont .layer_password .btm_box {padding:24px 0 0 0; text-align:center;}
.layer_type2 .layer_cont_box .layer_cont .layer_password .btm_box ul {display:flex; gap:8px; justify-content: center;}
.layer_type2 .layer_cont_box .layer_cont .layer_password .btm_box ul li {width:100px;}

/* 로그인 */
.layer_type3 {position:fixed; top:50%; left:50%; width:100%; max-width:500px; transform:translate(-50%, -50%); }
.layer_type3 .layer_cont_box .layer_cont .layer_login {width:500px; margin:0 auto; padding:94px 32px 70px 32px; background:#fff; border-radius:20px;}
.layer_type3 .layer_cont_box .layer_cont .layer_login .layer_tit {padding:0; font-size:32px; line-height:42px; font-weight:600; text-align:left;}
.layer_type3 .layer_cont_box .layer_cont .layer_login dl {padding-top:24px;}
.layer_type3 .layer_cont_box .layer_cont .layer_login dl dt {padding-bottom:12px;}
.layer_type3 .layer_cont_box .layer_cont .layer_login dl dt label {font-size:16px; line-height:24px; color:#111;}
.layer_type3 .layer_cont_box .layer_cont .layer_login dl dd {}
.layer_type3 .layer_cont_box .layer_cont .layer_login .id_chk {padding-top:16px;}
.layer_type3 .layer_cont_box .layer_cont .layer_login .id_chk label {line-height:22px;}
.layer_type3 .layer_cont_box .layer_cont .layer_login .btn_box {padding:24px 0 0 0; text-align:center;}
.layer_type3 .layer_cont_box .layer_cont .layer_login .btn_box .abtn3 {line-height:56px;}

/* 리스트 style */
.list_box {}
.list_box ul {}
.list_box ul.grid2 {display:grid; grid-template-columns:1fr 1fr;}
.list_box ul.grid3 {display:grid; grid-template-columns:1fr 1fr 1fr;}
.list_box ul.grid4 {display:grid; grid-template-columns:1fr 1fr 1fr 1fr;}
.list_box ul.gap0 {gap:0;}
.list_box ul.gap20 {gap:20px;}
.list_box ul.gap32 {gap:44px 32px;}
.list_box ul.gap20_1 {gap:44px 20px;}

.list_box1 ul {font-size:0;}
.list_box1 ul.type3 li {display:inline-block; width:calc(100% / 3); padding:0 10px; vertical-align:top; }
.list_box1 ul.type2 li {display:inline-block; width:calc(100% / 2); padding:0 10px; vertical-align:top; }



/* 메인 */
.list_type0 {width:100%;}
.list_type0 .box {position:relative; overflow:hidden; border-radius:20px;}
.list_type0 .box .s_img img {width:100%;}
.list_type0 .box .video_box {position:absolute; top:0; left:0;  width:100%; padding-bottom:80%;  z-index:10;}
.list_type0 .box .video {}
.list_type0 .box .video video {position:Absolute; top:50%; left:50%; width:180%; height:180%; transform:translate(-50%, -50%); z-index:10;}
.list_type0 .box .img img {width:100%; }
.list_type0 .box .img:after {position:Absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 41.44%, rgba(0, 0, 0, 0.6) 100%); content:'';}
.list_type0 .box .fade_swiper:after {position:Absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 41.44%, rgba(0, 0, 0, 0.6) 100%); content:''; z-index:10;}
.list_type0 .box .txt {position:Absolute; bottom:32px; left:40px; font-size:40px; font-weight:600; color:#fff; z-index:10;}
.list_type0 .fade_swiper {}
.list_type0 .fade_swiper .swiper-slide {width:auto;}
.list_type0 .fade_swiper .swiper-slide img {width:100%;}


.list_type1 {}
.list_type1 .box {box-shadow: 0px 4px 8px 0px #0000000F; border-radius:20px 20px 20px 20px;}
.list_type1 .box .img {}
.list_type1 .box .img img {width:100%; height:460px; object-fit:cover; border-radius:20px 20px 0 0;} 
.list_type1 .box .com_info {padding:24px 24px 34px 24px; background:#fff; border-radius:0 0 20px 20px;}
.list_type1 .box .com_info p {padding-bottom:12px; font-size:24px; font-weight:600; text-align:left;}
.list_type1 .box .com_info dl {display:flex;}
.list_type1 .box .com_info dl dt {padding-right:20px; font-size:16px; color:#767676;}
.list_type1 .box .com_info dl dd {font-size:16px; color:#767676;}

/* 갤러리 게시판1 */
.list_type2 {}
.list_type2 .box {box-shadow: 0px 4px 8px 0px #0000000F; border-radius:20px;}
.list_type2 .box .img {}
.list_type2 .box .img img {width:100%; height:362px; object-fit:cover; border-radius:20px 20px 0 0;}
.list_type2 .box .info {padding:24px 32px 34px 32px;background:#fff; border-radius:0 0 20px 20px;}
.list_type2 .box .info .top_box {display:flex; justify-content:space-between; align-items:center;}
.list_type2 .box .info .top_box .b_menu {padding:0 12px;font-size:14px; line-height:32px; border-radius:100px;}
.list_type2 .box .info .top_box .b_menu.type0 {color:#007BFE; background:#E6F0FB;}
.list_type2 .box .info .top_box .b_menu.type1 {color:#5F43FF; background:#EBEAFC;}
.list_type2 .box .info .top_box .b_menu.type2 {color:#FFA143; background:#F9F0E7;}
.list_type2 .box .info .top_box .b_name {padding:0 0 0 28px; font-size:16px; line-height:24px; color:#505050; background:url('/_image/www/icon/icon_m.png') no-repeat left center; background-size:24px auto;}
.list_type2 .box .info .b_title {padding:6px 0 20px 0;}
.list_type2 .box .info .b_title p {font-size:20px; line-height:28px; letter-spacing:-0.5px; font-weight:600;}
.list_type2 .box .info .b_info {display:flex; align-items:center;}
.list_type2 .box .info .b_info p {position:relative; padding:0 25px 0 20px; font-size:14px; font-weight:400; color:#767676;}
.list_type2 .box .info .b_info p:after {position:Absolute; top:3px; right:12px; width:1px; height:10px; background:#E5E5EC; content:'';}
.list_type2 .box .info .b_info p:last-child:after {display:none;}
.list_type2 .box .info .b_info p.b_date {background:url('/_image/www/icon/icon_date.png') no-repeat left center; background-size:16px auto;}
.list_type2 .box .info .b_info p.b_hit {background:url('/_image/www/icon/icon_eyes1.png') no-repeat left center; background-size:16px auto;}


/* 갤러리 게시판2 */
.list_type3 {}
.list_type3 .box {}
.list_type3 .box .img {border-radius:20px; overflow:hidden;}
.list_type3 .box .img img {width:100%; height:362px; object-fit:cover; border-radius:20px 20px 0 0;}
.list_type3 .box .info {padding:20px 0 24px 0;}
.list_type3 .box .info .b_title {padding:6px 0 8px 0;}
.list_type3 .box .info .b_title p {font-size:20px; line-height:28px; letter-spacing:-0.5px; font-weight:600;}
.list_type3 .box .info .b_info {display:flex; align-items:center;}
.list_type3 .box .info .b_info p {position:relative; padding:0 25px 0 20px; font-size:14px; font-weight:400; color:#505050;}
.list_type3 .box .info .b_info p:after {position:Absolute; top:3px; right:12px; width:1px; height:10px; background:#d9d9d9; content:'';}
.list_type3 .box .info .b_info p:last-child:after {display:none;}
.list_type3 .box .info .b_info p.b_date {background:url('/_image/www/icon/icon_date2.png') no-repeat left center; background-size:16px auto;}
.list_type3 .box .info .b_info p.i_heart {background:url('/_image/www/icon/icon_eyes2.png') no-repeat left center; background-size:16px auto;}

.list_type3 .swiper-pagination-bullet {background:#fff;}
.list_type3 .swiper-pagination-bullet-active {background:#fff;}
.list_type3 .swiper-button-next, .list_type3 .swiper-button-prev {width:48px; height:48px; background: #FFFFFF4D; text-align:center; border-radius:50%;}
.list_type3 .swiper-button-next:after, .list_type3 .swiper-button-prev:after {font-size:20px; font-weight:bold; color:#fff;}

/* 단체급식 */
.list_type4 {position:relative; overflow:hidden; box-shadow: 0px 4px 8px 0px #0000000F; border-radius:32px; background:#fff;}
.list_type4 .box {display:flex; align-items:center;}
.list_type4 .box .left_box {width:50%;}
.list_type4 .box .left_box .img {}
.list_type4 .box .left_box .img img {width:100%; border-radius:32px 0 0 32px;}
.list_type4 .box .right_box {position:relative; width:50%; padding:0 120px;}
.list_type4 .box .right_box dl {}
.list_type4 .box .right_box dl dt {position:relative; font-size:40px; font-weight:bold; line-height:52px; letter-spacing:-0.5px;}
.list_type4 .box .right_box dl dt:after {position:absolute; bottom:-28px; left:0; width:40px; height:4px; background:#E5E5EC; content:'';}
.list_type4 .box .right_box dl dd {padding-top:80px; font-size:18px; font-weight:500; line-height:26px; color:#505050;}
.list_type4 .num {position:absolute; bottom:-27px; right:-14px; font-size:88px; font-weight:900; font-family:'Roboto'; line-height:114px; letter-spacing:-1px; color:#F1F1F5;}

/* 에러페이지 */
.error_msg {position:relative; display:table; width:100%; min-height:calc(var(--vh, 1vh) * 100 - 125px);}
.error_msg .img {width:115px; margin:0 auto;}
.error_msg .img img {width:100%;}
.error_msg dl {text-align:center;}
.error_msg dl dt {padding-top:10px; font-size:1.8rem; font-weight:700;}
.error_msg dl dd {padding-top:10px; font-size:1.5rem; font-weight:400;}
.error_msg .error_cont {display:table-cell; padding-bottom:80px; vertical-align:middle;}
.error_msg .btm_btn {position:absolute; bottom:35px; left:0; width:100%; padding:0 20px;}
.error_msg .btm_btn1 {position:absolute; bottom:35px; left:0; width:100%; padding:0 20px;}
.error_msg .btm_btn1 ul {display:table; width:100%;}
.error_msg .btm_btn1 ul li {display:Table-cell; width:65%;}
.error_msg .btm_btn1 ul li:nth-child(1) {width:35%; padding-right:13px;}


/* 테이블 */
.table_style0 {}
.table_style0 thead {}
.table_style0 thead th {padding:24px 0; font-size:20px; line-height:28px; text-align:center; vertical-align:middle; border-top:1px solid #000;border-bottom: 1px solid #F1F1F5}
.table_style0 tbody td {padding:24px 0; font-size:20px; line-height:28px; border-bottom: 1px solid #F1F1F5; text-align:Center; color:#505050; vertical-align:middle;}
.table_style0 tbody td > span {font-size:20px; line-height:28px; color:#505050;}
.table_style0 tbody td > span.re_fin {color:#008FEE;}
.table_style0 tbody td a {font-size:20px; line-height:28px;}
.table_style0 tbody td.left {text-align:left;}
.table_style0 tbody td .i_secret {display:inline-block; width:20px; height:20px;margin-right:8px; background:url('/_image/www/icon/icon_secret.png') no-repeat; background-size:20px auto; vertical-align:-3px;}

/* input select */
.select_box {}
.select_box select {min-width:160px; height:48px; padding:0 48px 0 20px; font-size:14px; line-height:48px; border:1px solid #E5E5EC; border-radius:100px; -webkit-appearance: none; background:#fff url('/_image/www/icon/icon_arrow_btm.png') no-repeat; background-position:calc(100% - 20px) center;}

.select_box1 {}
.select_box1 select {display:block; width:100%; padding:0 48px 0 15px; border-radius:6px; background:#fff url('/_image/www/icon/icon_arrow_btm.png') no-repeat; background-position:calc(100% - 10px) center; background-size:16px auto; border:1px solid #E5E5EC; font-size:16px; line-height:56px; color:#111; text-align:left; -webkit-appearance: none; -moz-appearance: none;  appearance: none;}
.select_box1 select option {display:inline-block; text-align:left;}

.input_box {}
.input_box input[type="text"] {padding:0 20px 0 20px; line-height:48px; border-radius:100px; border:1px solid #E5E5EC;}
.input_box.search input[type="text"] {padding:0 64px 0 20px;}

.check_box {}
.check_box label {font-size:15px;color:#111; cursor:pointer;}
.check_box input[type="checkbox"] {position:relative; padding-left:24px;  -webkit-appearance: none; -moz-appearance: none;  appearance: none; cursor:pointer;}
.check_box input[type="checkbox"]:after {position:Absolute; top:0; left:0; width:22px; height:22px; border-radius:50%; background:url('/_image/www/icon/icon_chk.png') no-repeat center; background-size:22px auto; content:'';}
.check_box input[type="checkbox"]:checked:after {position:Absolute; top:0; left:0; width:22px; height:22px; background:url('/_image/www/icon/icon_chk_on.png') no-repeat center; background-size:22px auto; content:''; border:0;}

/* 비밀번호 */
.input_box1 {position:relative;}
.input_box1 input {width:100%;padding:0 48px 0 16px; font-size:16px; line-height:56px; border:1px solid #E5E5EC; border-radius:6px; appearance: none;}
.input_box1 input.pass_ok {border-color:#04B014;}
.input_box1 input::-webkit-inner-spin-button { appearance: none;}
.input_box1 .i_eyes {position:Absolute; top:0; right:18px; }
.input_box1 .i_eyes a {position:relative; display:inline-block; width:20px; height:56px; background:url('/_image/www/icon/icon_eyes.png') no-repeat center; background-size:20px auto; font-size:0; vertical-align:top;}
.input_box1 .i_eyes.on a:after {position:absolute; top:50%; left:0; width:20px; height:1px; background:#999; content:''; transform:rotate(-140deg);}
.input_box1.date {position:relative;}
.input_box1.date input {background:url('/_image/www/icon/icon_date1.png') no-repeat; background-size:20px auto; background-position:calc(100% - 20px) center; font-family:'Pretendard', sans-serif;}
.input_box1.date label {position:Absolute; top:0; left:0; width:100%; padding-left:16px; font-size:16px; line-height:56px;}
input[type='date']::-webkit-date-and-time-value {text-align:left;}
input[type='date']::-webkit-calendar-picker-indicator {position:Absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:1;}
input[type="date"]::-webkit-datetime-edit-text,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-day-field,
input[type="date"]::-webkit-datetime-edit-year-field { -webkit-appearance: none; color:transparent;}

input[type="date"]:valid::-webkit-datetime-edit-text,
input[type="date"]:valid::-webkit-datetime-edit-month-field,
input[type="date"]:valid::-webkit-datetime-edit-day-field,
input[type="date"]:valid::-webkit-datetime-edit-year-field { color:#000;}
input[type="date"]:valid + label {opacity:0;}

.input_box1.search input {padding-left:42px; background:url('/_image/www/icon/icon_search1.png') no-repeat; background-position:16px center; background-size:20px auto;}
.input_box1 .right_number {position:absolute; top:-24px; right:0; font-size:13px; line-height:18px; color:#767676;}
.input_box1 .right_number span {font-size:13px; line-height:18px; color:#008FEE;}

.textarea_box {position:relative;}
.textarea_box textarea {width:100%; padding:16px; min-height:240px; border:1px solid #E5E5EC; font-size:16px; border-radius:6px; color:#000; font-family:'Pretendard', sans-serif;}
.textarea_box .right_number {position:absolute; top:-24px; right:0; font-size:13px; line-height:18px; color:#767676;}
.textarea_box .right_number span {font-size:13px; line-height:18px; color:#008FEE;}

/* 서브 타이틀 */
.sub_big_tit {padding:20px 0 48px 0;}
.sub_big_tit h2 {font-size:40px; text-align:center; font-size:40px; font-weight:600;}

/* 서브 상단 */
.top_banner_box .box {position:relative; box-shadow: 10px 10px 30px 0px #0000000F; border-radius:40px;}
.top_banner_box .box .img {position:relative;}
.top_banner_box .box .img:after {position:absolute; top:0; left:0; width:100%; height:100%; background: #0000004D; content:''; border-radius:40px;}
.top_banner_box .box .img img {width:100%;}
.top_banner_box .box .txt_box {position:Absolute; top:50%; left:0; padding-left:240px; transform:translateY(-50%);}
.top_banner_box .box .txt_box dl {}
.top_banner_box .box .txt_box dl dt {font-size:40px; font-weight:600; line-height:52px; color:#fff;}
.top_banner_box .box .txt_box dl dd {padding-top:20px; font-size:16px; font-weight:500; line-height:24px; letter-spacing:-0.5px; color:#fff;}
.top_banner_box .box .txt_box .btm_btn {width:161px; padding-top:44px;}

.top_banner_box1 .box {position:relative; box-shadow: 10px 10px 30px 0px #0000000F; border-radius:40px; background:#fff;}
.top_banner_box1 .box .img.notice {position:relative; background:url('/_image/www/top_banner/top_img1.png') no-repeat; background-position:calc(100% - 140px) center; background-size:620px auto;}
.top_banner_box1 .box .img.menu {position:relative; background:url('/_image/www/top_banner/top_img2.png') no-repeat; background-position:calc(100% - 140px) center; background-size:620px auto;}
.top_banner_box1 .box .img img {width:100%; opacity:0;}
.top_banner_box1 .box .txt_box {position:Absolute; top:50%; left:0; padding-left:240px; transform:translateY(-50%);}
.top_banner_box1 .box .txt_box dl {}
.top_banner_box1 .box .txt_box dl dt {font-size:40px; font-weight:400; line-height:52px; color:#111;}
.top_banner_box1 .box .txt_box dl dt span {display:block; font-size:14px; line-height:20px;}
.top_banner_box1 .box .txt_box dl dd {padding-top:20px; font-size:16px; font-weight:500; line-height:24px; letter-spacing:-0.5px; color:#111;}
.top_banner_box1 .box .txt_box .btm_btn {width:161px; padding-top:44px;}

.top_banner_box2 .box {position:relative; box-shadow: 10px 10px 30px 0px #0000000F; border-radius:40px;}
.top_banner_box2 .box .img {position:relative; overflow:hidden; border-radius:40px;}
.top_banner_box2 .box .img:after {position:absolute; top:0; left:0; width:100%; height:100%; background: #0000004D; content:''; border-radius:40px; z-index:11;}
.top_banner_box2 .box .img img {width:100%; opacity:0;}

.top_banner_box2 .box .img .video_box {position:absolute; top:0; left:0;  width:100%; padding-bottom:80%;  z-index:10;}
.top_banner_box2 .box .img .video {}
.top_banner_box2 .box .img .video video {position:Absolute; top:50%; left:50%; width:150%; height:150%; transform:translate(-50%, -50%); z-index:10;}

.top_banner_box2 .box .txt_box {position:Absolute; top:50%; left:0; padding-left:240px; transform:translateY(-50%); z-index:12;}
.top_banner_box2 .box .txt_box dl {}
.top_banner_box2 .box .txt_box dl dt {font-size:40px; font-weight:600; line-height:52px; color:#fff;}
.top_banner_box2 .box .txt_box dl dd {padding-top:20px; font-size:16px; font-weight:500; line-height:24px; letter-spacing:-0.5px; color:#fff;}
.top_banner_box2 .box .txt_box .btm_btn {width:161px; padding-top:44px;}


.top_banner_box3 {padding-bottom:32px;}
.top_banner_box3 .box {display:grid; grid-template-columns:1fr 1fr; position:relative; padding:52px 60px; box-shadow: 10px 10px 30px 0px #0000000F; border-radius:20px; background:#fff;}
.top_banner_box3 .box .txt_box {}
.top_banner_box3 .box .txt_box dl {}
.top_banner_box3 .box .txt_box dl dt {font-size:24px; font-weight:600; line-height:34px; color:#000;}
.top_banner_box3 .box .txt_box dl dd {padding-top:8px; font-size:14px; font-weight:500; line-height:20px; letter-spacing:-0.5px; color:#505050;}
.top_banner_box3 .box .txt_box .btm_btn {width:168px; padding-top:32px; margin-top:0; border:0;}
.top_banner_box3 .box .txt_box1 {text-align:right;}
.top_banner_box3 .box .txt_box1 .txt_dl {display:inline-block; width:377px;}
.top_banner_box3 .box .txt_box1 .txt_dl dl {display:flex;  background:#F7F7FB; margin-bottom:16px; border-radius:4px;}
.top_banner_box3 .box .txt_box1 .txt_dl dl dt {width:92px; padding-left:20px; font-size:16px; color:#505050; line-height:36px; text-align:left;}
.top_banner_box3 .box .txt_box1 .txt_dl dl dd {font-size:16px; line-height:36px; color:#505050; font-weight:600;}

.top_banner_box4 .box {position:relative; box-shadow: 10px 10px 30px 0px #0000000F; border-radius:40px; background:#fff; overflow:hidden;}
.top_banner_box4 .box .img img {width:100%;}
.top_banner_box4 .box .txt_box {position:Absolute; top:50%; left:0; padding-left:240px; transform:translateY(-50%);}
.top_banner_box4 .box .txt_box dl {}
.top_banner_box4 .box .txt_box dl dt {font-size:40px; font-weight:600; line-height:52px; color:#111;}
.top_banner_box4 .box .txt_box dl dt span {display:block; font-size:14px; line-height:20px; font-weight:500;}
.top_banner_box4 .box .txt_box dl dd {padding-top:20px; font-size:16px; font-weight:500; line-height:24px; letter-spacing:-0.5px; color:#111;}
.top_banner_box4 .box .txt_box .btm_btn {width:161px; padding-top:44px;}

/* 게시판 박스 */
.board_list_box {margin-top:40px; padding:60px; background:#fff; border-radius:40px; box-shadow: 10px 10px 30px 0px #0000000F;}
.board_list_box .top_box {display:flex; justify-content: space-between; align-items:center; padding-bottom:24px;}
.board_list_box .top_box .left_box p {font-size:20px; line-height:34px; font-weight:600; color:#111;}
.board_list_box .top_box .left_box p span {font-size:14px; line-height:20px; font-weight:400; color:#111;}
.board_list_box .top_box .right_box {display:flex; align-items:center; gap:14px;}
.board_list_box .top_box .right_box > div {}
.board_list_box .top_box .right_box .search_box {position:relative;}
.board_list_box .top_box .right_box .search_box .btn_box {position:absolute; top:10px; right:20px;}
.board_list_box .top_box .right_box .search_box .btn_box input[type="submit"] {display:inline-block; width:28px; height:28px; background:url('/_image/www/icon/icon_search.png') no-repeat center; background-size:28px auto; border:0; border-radius:0; font-size:0;}
.board_list .btm_btn {padding-top:30px; text-align:right;}
.board_list .btm_btn a {width:161px;}
.board_list .paging_box {margin-top:20px;}
	
/* 게시판 상세 */
.board_detail_box {}
.board_detail_box .top_box {padding:32px 0; border-top:2px solid #111; border-bottom:1px solid #E5E5EC;}
.board_detail_box .top_box .tit {font-size:20px; font-weight:600; color:#111;}
.board_detail_box .top_box .tit .cate {display:inline-block; margin-right:16px; padding:0 12px;font-size:13px; line-height:26px; border-radius:100px; vertical-align:top;}
.board_detail_box .top_box .tit .cate.type0 {color:#007BFE; background:#E6F0FB;}
.board_detail_box .top_box .tit .cate.type1 {color:#5F43FF; background:#EBEAFC;}
.board_detail_box .top_box .tit .cate.type2 {color:#FFA143; background:#F9F0E7;}

.board_detail_box .top_box .info_box {display:flex; align-items:center; padding-top:20px;}
.board_detail_box .top_box .info_box dl {position:relative; display:flex; align-items:center; padding-right:33px;}
.board_detail_box .top_box .info_box dl:after {position:absolute; top:5px; right:16px; width:1px; height:10px; content:''; background:#E5E5EC;}
.board_detail_box .top_box .info_box dl:last-child:after {display:none;}
.board_detail_box .top_box .info_box dl dt {padding-right:4px; font-size:14px; line-height:20px; font-weight:400; color:#111;}
.board_detail_box .top_box .info_box dl dd {font-size:14px; line-height:20px; font-weight:400; color:#767676;}
.board_detail_box .board_content { min-height:208px; border-bottom:1px solid #E5E5EC;}
.board_detail_box .board_content .box {padding:16px 0; font-size:16px;}
.board_detail_box .board_content .box p {font-size:16px;}
.board_detail_box .board_content .box img {max-width:100%;}

.g_img_list1 {padding-bottom:12px;}
.g_img_list1 .img img {width:100%; border-radius:4px;}

.g_img_list2 {display:flex; flex-wrap:wrap; gap:12px; padding-bottom:12px;}
.g_img_list2 .img {width:calc(50% - 6px); }
.g_img_list2 .img img {width:100%; height:453px; border-radius:4px; object-fit:cover;}

.g_img_list3 {}
.g_img_list3 .img {padding-bottom:20px;}


.board_detail_box .btm_box {padding:16px 0 48px 0;}
.board_detail_box .btm_box ul {display:flex; gap:8px; justify-content: flex-end;}
.board_detail_box .btm_box ul li {width:72px; }
.board_detail_box .btm_box ul li a {padding:0; line-height:44px;}

.board_detail_box .btm_box1 {padding:56px 0 48px 0;}
.board_detail_box .btm_box1.type0 {padding-top:0;}
.board_detail_box .btm_box1 ul {display:flex; justify-content: center;}
.board_detail_box .btm_box1 ul li {width:240px; }
.board_detail_box .btm_box1 ul li a {padding:0; line-height:44px;}

/* 게시판 글쓰기 */
.board_register {width:100%; max-width:995px; margin:0 auto;}
.b_guide_box {padding:32px; background:#fff; border-radius:20px;}
.b_guide_box .tit {padding-bottom:12px; font-size:20px; line-height:28px; font-weight:600;}
.b_guide_box .agree_box {padding:16px 16px 16px 16px; border:1px solid #E5E5EC; border-radius:6px;}
.b_guide_box .agree_box > div {overflow-y:scroll; height:240px; }
.b_guide_box .agree_box p {font-size:16px; font-weight:400; color:#767676;}
.b_guide_box .agree_btm {display:flex; justify-content:space-between; align-items:center; padding-top:16px;}
.b_guide_box .agree_btm .left_box {}
.b_guide_box .agree_btm .left_box p {font-size:15px; font-weight:400; color:#111;}
.b_guide_box .agree_btm .right_box {}

.b_reg_box {margin-top:32px; padding:32px; background:#fff; border-radius:20px;}
.b_reg_box .tit { font-size:20px; line-height:28px; font-weight:600;}
.b_reg_box .tit1 {padding-top:4px; font-size:20px; line-height:28px; font-weight:600;}
.b_reg_box .mid_tit {padding-top:48px;}
.b_reg_box .mid_tit dl {}
.b_reg_box .mid_tit dl dt {padding-bottom:8px; font-size:20px; line-height:28px; font-weight:600;}
.b_reg_box .mid_tit dl dd {font-size:14px; font-weight:500; color:#767676;}
.b_reg_box .mid_tit dl dd span {font-size:14px; color:#111; font-weight:600;}
.b_reg_box legend {display:none;}
.b_reg_box .top_box {display:grid; grid-template-columns:1fr 1fr; gap:0 24px;}
.b_reg_box .top_box dl {}
.b_reg_box .top_box dl dt {}
.b_reg_box .top_box dl dt label {display:block; padding:24px 0 8px 0; font-size:14px; line-height:20px;}
.b_reg_box .top_box dl dd {position:relative;}
.b_reg_box .top_box dl dd .b_search_layer {position:Absolute; top:68px; left:0; overflow-y:auto; width:100%; max-height:252px; padding:16px 32px; border:1px solid #F1F1F5; border-radius:6px; background:#fff;}
.b_reg_box .top_box dl dd .b_search_layer ul {}
.b_reg_box .top_box dl dd .b_search_layer ul li a {display:block; padding:9px 16px; font-size:13px; font-weight:400; border-radius:6px;}
.b_reg_box .top_box dl dd .b_search_layer ul li a span {color:#008FEE; font-size:14px; font-weight:400;}
.b_reg_box .top_box dl dd .b_search_layer ul li a:hover {background:#F1F1F5;}

.b_reg_box .top_box dl.tel_dl {}
.b_reg_box .top_box dl.tel_dl dd {/* display:flex; */}
.b_reg_box .top_box dl.tel_dl dd > div.select_box1 {position:relative; width:119px; padding-right:19px;}
.b_reg_box .top_box dl.tel_dl dd > div.select_box1:after {position:Absolute; top:20px; right:6px; content:'-'; font-size:16px; color:#111;}
.b_reg_box .top_box dl.tel_dl dd > div.input_box1 {/* width:calc(100% - 119px);  */}
.b_reg_box .p_warning {padding-top:8px; color:#DC0000; font-size:13px; line-height:18px;}
.b_reg_box .p_ok {padding-top:8px; color:#04B014; font-size:13px; line-height:18px;}

.b_reg_box .top_box2 {padding-bottom:32px;}
.b_reg_box .top_box2 dl {}
.b_reg_box .top_box2 dl dt {}
.b_reg_box .top_box2 dl dt label {display:block; padding:24px 0 8px 0; font-size:14px; line-height:20px;}

.b_reg_box .mid_box dl {}
.b_reg_box .mid_box dl dt {}
.b_reg_box .mid_box dl dt label {display:block; padding:24px 0 8px 0; font-size:14px; line-height:20px;}



.file_box {}
.file_box ul {display:flex; flex-wrap:wrap; gap:16px;}
.file_box ul li {}
.file_box ul li .file {position:relative; display:inline-block;}
.file_box ul li .file label {display:inline-block; width:173px; height:173px; border-radius:12px; background-color:#E8ECF0; background-repeat:no-repeat; background-position:center; background-size:cover; box-shadow: 1px 1px 1px 0px #74818B29 inset; box-shadow: -1px -1px 1px 0px #FFFFFFCC inset; cursor:pointer;}
.file_box ul li .file label:after {position:Absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:36px; height:36px; background:url('/_image/www/icon/icon_plus.png') no-repeat center; background-size:36px auto; content:'';}
.file_box ul li .file.on label:after {display:none;}
.file_box.gallery ul li:first-child .file.on label:before {position:absolute; bottom:0; left:0; width:100%; backdrop-filter: blur(10px); color:#fff; font-size:14px; content:'대표이미지'; line-height:32px; text-align:cewnter; border-radius:0 0 12px 12px; text-align:center;}
.file_box ul li .file label input {display:none;}
.file_box ul li .file .close_btn {display:none; position:Absolute; top:4px; right:4px;}
.file_box ul li .file.on .close_btn {display:inline-block;}
.file_box ul li .file .close_btn a {display:inline-block; width:32px; height:32px; background:url('/_image/www/icon/icon_close.png') no-repeat center; background-size:32px auto; font-size:0; vertical-align:top;}
.file_box .info_txt {padding-top:8px; font-size:14px; line-height:20px; color:#767676;}

.captcha_box {display:inline-block;}
.captcha_box .captcha_img {display:flex; border-radius:6px; border:1px solid #E5E5EC; overflow:hidden;}
.captcha_box .captcha_img .img img {width:100%;}
.captcha_box .captcha_img .btn {}
.captcha_box .captcha_img .btn button {display:inline-block; width:135px; height:100px; border:0; border-radius:0; background:#fff; color:#000;}
.captcha_box .captcha_btm { margin-top:8px;}

.board_register .btm_btn {margin-top:32px; padding-top:32px; border-top:1px solid #F1F1F5;}
.board_register .btm_btn ul {display:flex; gap:8px; justify-content: center;}
.board_register .btm_btn ul li {width:106px;}

.menu_list {position:relative; }
.write_box {position:Absolute; top:-82px; right:0;}
.write_box .box > ul {display:flex; gap:40px;}
.write_box .box > ul li {}
.write_box .box > ul li a {display:inline-block;  padding-left:36px; font-size:14px; line-height:32px;}
.write_box .box > ul li a.i_com {background:url('/_image/www/icon/icon_search2.png') no-repeat; background-size:32px auto;}
.write_box .box > ul li a.i_write {background:url('/_image/www/icon/icon_write.png') no-repeat; background-size:32px auto;}

.write_box .box {position:relative;}
.write_box .box .layer_search_box {position:absolute; top:0; right:0; z-index:11;}
.write_box .box .layer_search_box .s_box {width:504px; padding:16px 32px; background:#fff; box-shadow: 10px 10px 30px 0px #0000000F; border-radius:20px;}
.write_box .box .layer_search_box .s_box .l_search_box {}
.write_box .box .layer_search_box .s_box .l_search_box .input_box {position:relative;}
.write_box .box .layer_search_box .s_box .l_search_box .input_box input[type="text"] {width:100%;}
.write_box .box .layer_search_box .s_box .l_search_box .input_box .btn_box {position:Absolute; top:0; right:10px;}
.write_box .box .layer_search_box .s_box .l_search_box .input_box .btn_box input {display:inline-block; width:48px; height:48px; border:0; border-radius:0; background:url('/_image/www/icon/icon_search2.png') no-repeat center; background-size:28px auto; font-size:0; vertical-align:top; cursor:pointer;}

.write_box .box .layer_search_box .s_box .l_search_box .search_layer_list {padding:12px 0; max-height:236px; overflow-y:auto;}
.write_box .box .layer_search_box .s_box .l_search_box .search_layer_list ul li a {display:block; padding:9px 16px; font-size:13px; font-weight:400; border-radius:6px;}
.write_box .box .layer_search_box .s_box .l_search_box .search_layer_list ul li a span {color:#008FEE; font-size:14px; font-weight:400;}
.write_box .box .layer_search_box .s_box .l_search_box .search_layer_list ul li a:hover {background:#F1F1F5;}
.write_box .box .layer_search_box .s_box .l_search_box .search_close {margin-top:20px; border-top:1px solid #E5E5EC; text-align:right;}
.write_box .box .layer_search_box .s_box .l_search_box .search_close a {display:inline-block; width:48px; height:48px; background:url('/_image/www/icon/icon_close1.png') no-repeat center; background-size:16px auto; font-size:0; vertical-align:top;}

/*갤러리 게시판 */
.gallery_list {position:relative;}
.cate_top_box {}
.cate_top_box .cate_box {}
.cate_top_box .cate_box ul {font-size:0; text-align:center; border-bottom:1px solid #E5E5EC;}
.cate_top_box .cate_box ul li {display:inline-block; padding:0 16px;}
.cate_top_box .cate_box ul li a {display:inline-block; padding:14px 0; font-size:20px; color:#999999; border-bottom:2px solid transparent; font-weight:600;}
.cate_top_box .cate_box ul li.on a {color:#111; border-color:#111;}
.cate_top_box .cate_box ul li:hover a {color:#111; border-color:#111;}
.cate_top_box .cate_tit {padding:84px 0 32px 0;border-bottom:1px solid #111;}
.cate_top_box .cate_tit p {font-size:32px; line-height:42px; text-align:center; font-weight:600; }

.board_gallery_list {}
.board_gallery_list > .top_box {display:flex; justify-content: space-between; align-items:center; padding-bottom:24px; margin-top:28px;}
.board_gallery_list > .top_box > .left_box p {font-size:20px; line-height:34px; font-weight:600; color:#111;}
.board_gallery_list > .top_box > .left_box p span {font-size:14px; line-height:20px; font-weight:400; color:#111;}
.board_gallery_list > .top_box > .right_box {display:flex; align-items:center; gap:14px;}
.board_gallery_list > .top_box > .right_box > div {}
.board_gallery_list > .top_box > .right_box .search_box {position:relative;}
.board_gallery_list > .top_box > .right_box .search_box .btn_box {position:absolute; top:10px; right:20px;}
.board_gallery_list > .top_box > .right_box .search_box .btn_box input[type="submit"] {display:inline-block; width:28px; height:28px; background:url('/_image/www/icon/icon_search.png') no-repeat center; background-size:28px auto; border:0; border-radius:0; font-size:0;}


/* 탭메뉴 */
.tab_box0 {}
.tab_box0 ul {font-size:0;}
.tab_box0 ul li {display:inline-block; padding-left:10px;}
.tab_box0 ul li a {display:inline-block; padding:0 20px; font-size:16px; line-height:36px; border:1px solid #CECECF; border-radius:30px; font-weight:500; color:#858586;}
.tab_box0 ul li.on a {background:#F05423; color:#fff; border-color:#F05423;}
.tab_box0 ul li:hover a {background:#F05423; color:#fff; border-color:#F05423;}

.tab_box1 {}
.tab_box1 ul {display:table; width:100%; table-layout:fixed; padding:6px; background:#E9ECF0; box-shadow: 1px 1px 1px 0px #74819B29 inset; box-shadow: -1px -1px 1px 0px #FFFFFFCC inset; border-radius:14px;}
.tab_box1 ul li {display:table-cell;}
.tab_box1 ul li a {display:block; font-size:18px; line-height:54px; color:#767676; text-align:center; font-weight:500; background:transparent; border-radius:12px;}
.tab_box1 ul li.on a {background: linear-gradient(132.75deg, rgba(255, 255, 255, 0.7) 6.42%, rgba(255, 255, 255, 0.5) 98.15%); color:#0071BC; font-weight:600;}

/* layout */
#content {position:relative; min-width:1330px; max-width:calc(1540px + 6%); padding:0 3% 180px 3%; margin:0 auto; min-height:calc(100dvh - 410px);}
.mainIndex #content {max-width:100%; padding:0; background:#f7f7fb;} 
.serviceGalleryRegister,
.serviceMeal,
.serviceGalleryList,
.serviceWorkplace,
.aboutRecruit,
.aboutRecruitFaq,
.galleryRegister,
.galleryListing,
.archivesMenuRegister,
.archivesMenuList,
.requestOperationRegister,
.boardNoticeList,
.requestOperationList,
.requestVocList, 
.requestVocRegister {background:#f7f7fb;} 

/* header */
.header {position:sticky; top:0; z-index:100; width:100%;  background:#fff; border-bottom:1px solid #E5E5EC;} 
.header .header_box {position:relative; width:100%; padding:0 3%; min-width:1330px; max-width:calc(1540px + 6%); height:84px; margin:0 auto;}
.header .header_box .hd_box {position:relative;}
.header .header_box .hd_logo {position:Absolute; top:25px; left:0;}
.header .header_box .hd_logo h1 {}
.header .header_box .hd_logo h1 a {display:inline-block; width:118px; height:30px; background:url('/_image/www/logo/logo.png') no-repeat center; background-size:118px auto; font-size:0; vertical-align:top;}
.header .header_box .hd_menu {padding-left:183px;}
.header .header_box .hd_menu ul {display:flex; min-height:84px; flex-wrap:wrap; align-items:center;}
.header .header_box .hd_menu ul li {padding-right:64px;}
.header .header_box .hd_menu ul li a {font-size:16px; font-weight:600;}
.header .header_box .hd_right_menu {position:Absolute; top:28px; right:0;}
.header .header_box .hd_right_menu a {display:inline-block; width:28px; height:28px; background:url('/_image/www/icon/icon_logout.png') no-repeat center; background-size:28px auto; font-size:0; vertical-align:top;}
.header .header_box .hd_right_menu_logout {position:Absolute; top:28px; right:0;}
.header .header_box .hd_right_menu_logout a {display:inline-block; width:28px; height:28px; background:url('/_image/www/icon/icon_user.png') no-repeat center; background-size:28px auto; font-size:0; vertical-align:top;}



/* footer */
.footer {min-width:1330px; background:#fff; border-top:1px solid #E5E5EC;}
.footer .footer_box {max-width:calc(1540px + 6%); padding:0 3%; margin:0 auto;}
.footer .footer_box .ft_top {display:table; width:100%; padding:40px 0 0 0;}
.footer .footer_box .ft_top .left_box {display:table-cell; vertical-align:top;}
.footer .footer_box .ft_top .left_box .ft_logo {}
.footer .footer_box .ft_top .left_box .ft_logo a {display:inline-block; width:118px; height:30px; background:url('/_image/www/logo/logo.png') no-repeat center; background-size:118px auto; font-size:0; vertical-align:top;}
.footer .footer_box .ft_top .left_box .ft_info {padding:32px 0 38px 0;}
.footer .footer_box .ft_top .left_box .ft_info p {padding-bottom:8px; font-size:13px; font-weight:400; line-height:18px; letter-spacing:-1px; color:#505050;}
.footer .footer_box .ft_top .left_box .ft_info p a {font-size:13px; font-weight:400; line-height:18px; letter-spacing:-1px; color:#505050;}
.footer .footer_box .ft_top .mid_box {display:table-cell; width:calc(50% - 0px); vertical-align:top;}
.footer .footer_box .ft_top .mid_box .ft_menu {display:flex; }
.footer .footer_box .ft_top .mid_box .ft_menu dl {padding-right:10%;}
.footer .footer_box .ft_top .mid_box .ft_menu dl dt {padding-bottom:12px;}
.footer .footer_box .ft_top .mid_box .ft_menu dl dt a {display:block; font-size:15px; line-height:22px; color:#111; font-weight:600; cursor:default;}
.footer .footer_box .ft_top .mid_box .ft_menu dl dd {padding-bottom:12px;}
.footer .footer_box .ft_top .mid_box .ft_menu dl dd a {display:block; font-size:14px; font-weighT:400; line-height:20px; color:#767676;}
.footer .footer_box .ft_top .right_box {display:table-cell; width:260px;}
.footer .footer_box .ft_top .right_box .customer_info {text-align:right;}
.footer .footer_box .ft_top .right_box .customer_info p {padding-bottom:6px; font-size:14px; font-weight:400; line-height:20px; color:#505050;}
.footer .footer_box .ft_top .right_box .customer_info .ft_tel {font-size:24px; font-weight:600; color:#111;}
.footer .footer_box .ft_btm {display:flex; justify-content: space-between; align-items:center; padding:30px 0; border-top:1px solid #eee;}
.footer .footer_box .ft_btm .left_box {}
.footer .footer_box .ft_btm .left_box ul {font-size:0;}
.footer .footer_box .ft_btm .left_box ul li {display:inline-block; padding-right:24px;}
.footer .footer_box .ft_btm .left_box ul li a {display:block; font-size:14px; color:#505050; line-height:20px;}
.footer .footer_box .ft_btm .left_box ul li a.bold {font-weight:600; color:#111111;}
.footer .footer_box .ft_btm .right_box {}
.footer .footer_box .ft_btm .right_box p {font-size:13px; color:#111; font-weight:400;}


/* 메인 */
.main {}
.main .main_swiper {}
.main .main_swiper .swiper-slide {position:relative; }
.main .main_swiper .swiper-slide .img {}
.main .main_swiper .swiper-slide .img img {width:100%;}
.main .main_swiper .swiper-slide .txt_box {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);}
.main .main_swiper .swiper-slide .txt_box dl {max-width:calc(1540px + 10%); padding:0 5%; margin:0 auto; text-align:left;}
.main .main_swiper .swiper-slide .txt_box dl dt {font-size:56px; opacity:0; margin-left:130px; font-weight:600; color:#fff; line-height:72px;}
.main .main_swiper .swiper-slide .txt_box dl dd {padding-top:20px; opacity:0; margin-left:130px; font-size:24px; color:#fff;  line-height:34px; letter-spacing:-0.5px;}
.main .main_swiper .swiper-slide .txt_box.on dl dt {opacity:1; margin-left:0;}
.main .main_swiper .swiper-slide .txt_box.on dl dd {opacity:1; margin-left:0;}
.main .main_swiper .swiper-pagination {margin:0 auto; bottom:50px; left:0; text-align:center;}
.main .main_swiper .swiper-pagination-bullet {width:40px; height:2px; background:#fff; border-radius:0;}

.main .main_swiper .swiper-button-next {right:0;}
.main .main_swiper .swiper-button-prev {left:0;}
.main .main_swiper .swiper-button-next, .main .main_swiper .swiper-button-prev {width:56px;}
.main .main_swiper .swiper-button-next:after {display:inline-block; width:56px; padding:20px 0; text-align:center; font-size:30px; background:rgba(0,0,0,0.2); color:#fff; border-radius:12px 0 0 12px;} 
.main .main_swiper .swiper-button-prev:after {display:inline-block; width:56px; padding:20px 0; text-align:center; font-size:30px; background:rgba(0,0,0,0.2); color:#fff; border-radius:0 12px 12px 0;}

.main .section1 {padding:140px 0;}
.main .section1 .sec_box {max-width:1560px; margin:0 auto;}
.main .section2 {}
.main .section2 .sec_box {}
.main .section2 .sec_box .flex_box {display:flex; align-items:center; text-align:center; width:100%; height:338px; background: linear-gradient(180deg, #011C2F 0%, #7298B0 112.5%);}
.main .section2 .sec_box .flex_box > div {width:100%;}
.main .section2 .sec_box .flex_box dl {}
.main .section2 .sec_box .flex_box dl dt {font-size:40px; line-height:52px; color:#fff; font-weight:600;}
.main .section2 .sec_box .flex_box dl dd {padding:8px 0 24px 0; font-size:24px; font-weight:400; color:#fff; line-height:34px;}
.main .section2 .sec_box .flex_box p {display:inline-block; padding-right:12px; font-size:14px; color:#fff; background:url('/_image/www/icon/icon_arrow_right.png') no-repeat right center;}

.main .section3 {margin-top:140px; overflow:hidden;}
.main .section3 .sec_box {max-width:1540px; margin:0 auto;}
.main .section3 .sec_box .s_info_box {padding-top:40px; text-align:center;}
.tit_box {position:relative;}
.tit_box p {font-size:40px; line-height:52px; color:#111; font-weight:600;}
.tit_box .right_btn {position:Absolute; top:0; right:0;}
.main .main_swiper1 {overflow:unset;}
.main .main_swiper1 .swiper-slide {width:calc(50% - 10px); margin-right:20px;}
.main .main_swiper1 .swiper-slide:last-child {margin-right:0px;}

.main .main_swiper1 .btm_box {position:relative; display:inline-block; margin:48px 0 180px 0; text-align:center;}
.main .main_swiper1 .btm_box .swiper-pagination {position:static; display:inline-block; width:auto;}
.main .main_swiper1 .btm_box .swiper-pagination-bullet {width:10px; height:10px;}
.main .main_swiper1 .btm_box .swiper-pagination-bullet-active {background:#000;}

.main .main_swiper1 .swiper-button-next {top:5px; right:-36px;}
.main .main_swiper1 .swiper-button-prev {top:5px; left:-36px;}
.main .main_swiper1 .swiper-button-next:after, .main .main_swiper1 .swiper-button-prev:after {width:24px; height:24px; font-size:12px; line-height:24px; color:#000; background:#fff; border-radius:50%; border:1px solid #E5E5EC;}

.main .section4 {padding:0 0 180px 0;}
.main .section4 .sec_box {max-width:1560px; margin:0 auto;}

/* 채용 FAQ */
.recuit_faq {width:995px; margin:0 auto;}
.recuit_faq .top_box {padding:32px 0 44px 0; text-align:right;}
.faq_search {position:relative; display:inline-block;}
.faq_search .input_box.search input[type="text"]{width:300px;}
.faq_search .btn_box {position:absolute; top:10px; right:20px;}
.faq_search .btn_box input[type="submit"] {display:inline-block; width:28px; height:28px; background:url('/_image/www/icon/icon_search.png') no-repeat center; background-size:28px auto; border:0; border-radius:0; font-size:0;}
.board_faq_list {}
.board_faq_list ul {}
.board_faq_list ul li {padding-bottom:16px;}
.board_faq_list ul li .box {padding:32px; background: linear-gradient(132.75deg, rgba(255, 255, 255, 0.7) 6.42%, rgba(255, 255, 255, 0.5) 98.15%); border-radius:16px; border:1px solid transparent; box-shadow: 0px 4px 8px 0px #0000000F;}
.board_faq_list ul li .box a {position:relative; display:block; padding-left:30px; font-size:20px; font-weight:600; color:#111; line-height:52px;}
.board_faq_list ul li .box a:after {position:Absolute; top:0; left:0; content:'Q.'; font-family:'Roboto'; font-size:20px; font-style:Italic; font-weight:500;}
.board_faq_list ul li .box a .right_btn {position:Absolute; top:0; right:0;}
.board_faq_list ul li .box a .right_btn span {position:relative; display:inline-block; width:52px; height:52px; background:#F7F7FB; border-radius:8px;}
.board_faq_list ul li .box a .right_btn span:before,
.board_faq_list ul li .box a .right_btn span:after {content:''; position:absolute; top:50%; left:50%; margin:-2px 0 0 -10px; width:20px; height:2px; background:#000; -webkit-transform-origin:50% 50%; transform-origin:50% 50%;}
.board_faq_list ul li .box a .right_btn span:before {-webkit-transform:rotateZ(90deg) scaleX(1.2);transform:rotateZ(90deg) scaleX(1.2);}
.board_faq_list ul li .box a .right_btn span:after {-webkit-transform:rotateZ(0deg) scaleX(1.2);transform:rotateZ(0deg) scaleX(1.2);}
.board_faq_list ul li .box .faq_content {display:none; position:relative; padding:0 72px 0 29px; }
.board_faq_list ul li .box .faq_content p {position:relative; padding-top:24px; font-size:18px; font-weight:500; line-height:1.4; color:#767676;}
.board_faq_list ul li .box .faq_content:after {position:Absolute; top:24px; left:0; content:'A.'; font-family:'Roboto'; font-size:20px; font-style:Italic; font-weight:500; color:#111;}
.board_faq_list ul li.empty_li { padding:100px; text-align:center; font-size:20px; font-weight:600; color:#111;}

.board_faq_list ul li.on .box {border-color:#0071BC;}
.board_faq_list ul li.on .box a:after {color:#0071BC;}
.board_faq_list ul li.on .box a {color:#0071BC;}
.board_faq_list ul li.on .box a .right_btn span {background:#F0F8FF;}
.board_faq_list ul li.on .box a .right_btn span:before {-webkit-transform:rotateZ(135deg) scaleX(1.2);transform:rotateZ(135deg) scaleX(1.2); background:#0071BC;}
.board_faq_list ul li.on .box a .right_btn span:after {-webkit-transform:rotateZ(45deg) scaleX(1.2);transform:rotateZ(45deg) scaleX(1.2); background:#0071BC;}

/* 채용 문의*/
.recuit {width:995px; margin:0 auto;}
.recuit .board_register {margin-top:40px;}

/* 사업장 소개*/
.workplace {}
.workplace .tab_box1 {max-width:995px; margin:0 auto;}
.workplace .list_box {padding-top:80px;}

/* 운영 사업장 개선 */
.service_gallery {position:relative; }
.service_gallery .tab_box1 {max-width:995px; margin:0 auto;}

/* 공통 네비 */
.comm_menu {position:fixed; top:50%; right:32px; transform:translateY(-50%); z-index:100;}
.comm_menu ul {}
.comm_menu ul li {margin-bottom:16px;}
.comm_menu ul li a {position:relative; display:inline-block; width:48px; height:48px; border:1px solid #E5E5EC; box-shadow: 0px 4px 10px 0px #0000000F; backdrop-filter: blur(10px); border-radius:50%; background-color:#FFFFFFCC; background-repeat:no-repeat; background-position:center; background-size:24px auto;}
.comm_menu ul li a span {position:Absolute; top:8px; right:56px; display:inline-block; white-space:nowrap; box-shadow: 0px 2px 6px 0px #C8006129; background: linear-gradient(101.37deg, rgba(255, 126, 136, 0.968627) 18.14%, #FF4645 75.26%); line-height:26px; padding:6px; border-radius:6px; color:#fff; font-size:13px; line-height:18px; z-index:-1;}
.comm_menu ul li a span:after {position:Absolute; top:11px; right:-4px; width:4px; height:8px; background:url('/_image/www/icon/icon_comm_right.png') no-repeat center; background-size:4px auto; content:'';}

.comm_menu ul li a span {opacity:0; right:20px;}
.comm_menu ul li a.i_comm01 {background-image:url('/_image/www/icon/icon_comm_01.png');}
.comm_menu ul li a.i_comm02 {background-image:url('/_image/www/icon/icon_comm_02.png');}
.comm_menu ul li a.i_comm03 {background-image:url('/_image/www/icon/icon_comm_03.png?v=1');}
.comm_menu ul li a.i_comm04 {background-image:url('/_image/www/icon/icon_comm_04.png');}
.comm_menu ul li a.i_comm05 {background-image:url('/_image/www/icon/icon_comm_05.png');}
.comm_menu ul li a.i_comm06 {background-image:url('/_image/www/icon/icon_comm_06.png');}

.comm_menu ul li:hover a {border:1px solid #FF3736;}
.comm_menu ul li:hover a span {opacity:1; right:56px;}
.comm_menu ul li:hover a.i_comm01 {background-image:url('/_image/www/icon/icon_comm_01_on.png');}
.comm_menu ul li:hover a.i_comm02 {background-image:url('/_image/www/icon/icon_comm_02_on.png');}
.comm_menu ul li:hover a.i_comm03 {background-image:url('/_image/www/icon/icon_comm_03_on.png?v=1');}
.comm_menu ul li:hover a.i_comm04 {background-image:url('/_image/www/icon/icon_comm_04_on.png');}
.comm_menu ul li:hover a.i_comm05 {background-image:url('/_image/www/icon/icon_comm_05_on.png');}
.comm_menu ul li:hover a.i_comm06 {background-image:url('/_image/www/icon/icon_comm_06_on.png');}

/* 단체 급식 */
.service_meal {}
.service_meal .tab_box1 {max-width:995px; margin:0 auto;}
.service_meal .list_box {max-width:1200px; margin:0 auto; padding-top:80px;}
.service_meal .list_box ul {}
.service_meal .list_box ul li {padding-bottom:100px;}
.service_meal .list_box ul li:last-child {padding-bottom:0;}


/* 위탁 상담 */
.reg_step_box {padding:32px; box-shadow: 10px 10px 30px 0px #0000000F; border-radius:20px; background:#fff;}
.reg_step_box .pro_bar {position:relative; width:100%; height:6px; background:#F0F8FF; border-radius:100px;}
.reg_step_box .pro_bar .bar {position:Absolute; top:0; left:0; height:6px; border-radius:100px; background:#0071BC;}

.reg_step_box .reg_step1 .b_guide_box {padding:70px 0 0 0;}
.reg_step_box .step_btn {margin-top:32px; padding-top:32px; border-top:1px solid #F1F1F5;}
.reg_step_box .step_btn ul {display:flex; gap:8px;}
.reg_step_box .step_btn ul li {width:70%;}
.reg_step_box .step_btn ul li:nth-child(1) {width:30%;}

.reg_step_box .reg_step2 {padding-top:40px;}
.reg_step_box .reg_step2 .b_reg_box {padding:0;}

.reg_step_box .reg_step3 {padding-top:40px;}
.reg_step_box .reg_step3 .b_reg_box {padding:0;}

.reg_step_box .reg_step4 {padding-top:40px;}
.reg_step_box .reg_step4 .b_reg_box {padding:0;}

/* full page */
.about_fullpage .section6 .bg_box .s_box .s_cont_box .text dl dt,
.about_fullpage .section6 .bg_box .s_box .s_cont_box .text dl dd,

.about_fullpage .section5 .bg_box .s_box .slide_box,
.about_fullpage .section5 .bg_box .s_box .s_cont_box .text,

.about_fullpage .section4 .bg_box .s_box .s_cont_box .right_img,
.about_fullpage .section4 .bg_box .s_box .s_cont_box .text,
.about_fullpage .section3 .bg_box .s_box .s_cont_box .right_img,
.about_fullpage .section3 .bg_box .s_box .s_cont_box .text,
.about_fullpage .section2 .bg_box .s_box .s_cont_box .text dl,

.about_fullpage .section1 .bg_box .s_box .s_cont_box .text dl dt,
.about_fullpage .section1 .bg_box .s_box .s_cont_box .text dl dd,
.about_fullpage .section1 .bg_box .s_box .s_cont_box .logo,

.about_fullpage .section0 .bg_box .s_box .s_cont_box .text dl dt,
.about_fullpage .section0 .bg_box .s_box .s_cont_box .text dl dd,
.about_fullpage .section0 .bg_box .s_box .s_cont_box .logo
{ transition: all 1.3s ease-in-out;}

.about_fullpage .section0 {}
.about_fullpage .section0 .sec_bg {position:Absolute; top:0; left:0; width:100%; height:100%; background-image:url('/_image/www/about/about_img0.jpg'); background-size:cover;}
.about_fullpage .section0 .bg_box {position:relative; width:100%; height:100%;}
.about_fullpage .section0 .bg_box .s_box {display:flex; width:100%; height:100%; flex-wrap:wrap; align-items:center; justify-content: center;}
.about_fullpage .section0 .bg_box .s_box .s_cont_box {width:100%; padding-bottom:0; text-align:center;}
.about_fullpage .section0 .bg_box .s_box .s_cont_box .logo {width:100%; opacity:0; margin-top:-100px;}
.about_fullpage .section0 .bg_box .s_box .s_cont_box .logo img {width:200px;}
.about_fullpage .section0 .bg_box .s_box .s_cont_box .text {width:100%;}
.about_fullpage .section0 .bg_box .s_box .s_cont_box .text dl {}
.about_fullpage .section0 .bg_box .s_box .s_cont_box .text dl dt {margin-top:60px; opacity:0; padding:56px 0 24px 0; font-size:48px; font-weight:700; color:#fff;}
.about_fullpage .section0 .bg_box .s_box .s_cont_box .text dl dd {margin-top:100px; opacity:0; font-size:16px; line-height:24px; color:#fff; letter-spacing:8px;}


.about_fullpage .section0.active .bg_box .s_box .s_cont_box .logo {opacity:1; margin-top:0;}
.about_fullpage .section0.active .bg_box .s_box .s_cont_box .text dl dt {opacity:1; margin-top:0;}
.about_fullpage .section0.active .bg_box .s_box .s_cont_box .text dl dd {opacity:1; margin-top:0;}


.about_fullpage .section1 {}
.about_fullpage .section1 .sec_bg {position:Absolute; top:0; left:0; width:100%; height:100%; background-image:url('/_image/www/about/about_img0.jpg'); background-size:cover;}
.about_fullpage .section1 .bg_box {position:relative; width:100%; height:100%;}
.about_fullpage .section1 .bg_box .s_box {display:flex; width:100%; height:100%; flex-wrap:wrap; align-items:center; justify-content: center;}
.about_fullpage .section1 .bg_box .s_box .s_cont_box {width:100%; padding-bottom:0; text-align:center;}
.about_fullpage .section1 .bg_box .s_box .s_cont_box .logo {width:100%; opacity:0; margin-top:-100px;}
.about_fullpage .section1 .bg_box .s_box .s_cont_box .logo img {width:200px;}
.about_fullpage .section1 .bg_box .s_box .s_cont_box .text {width:100%;}
.about_fullpage .section1 .bg_box .s_box .s_cont_box .text dl {}
.about_fullpage .section1 .bg_box .s_box .s_cont_box .text dl dt {margin-top:60px; opacity:0; padding:56px 0 24px 0; font-size:48px; font-weight:700; color:#fff;}
.about_fullpage .section1 .bg_box .s_box .s_cont_box .text dl dd {margin-top:100px; opacity:0; font-size:18px; line-height:26px; color:#fff;}

.about_fullpage .section1.active .bg_box .s_box .s_cont_box .logo {opacity:1; margin-top:0;}
.about_fullpage .section1.active .bg_box .s_box .s_cont_box .text dl dt {opacity:1; margin-top:0;}
.about_fullpage .section1.active .bg_box .s_box .s_cont_box .text dl dd {opacity:1; margin-top:0;}

.about_fullpage .section2 {}
.about_fullpage .section2 .sec_bg {position:Absolute; top:0; left:0; width:100%; height:100%; background-image:url('/_image/www/about/about_img1_1.jpg'); background-size:cover;}
.about_fullpage .section2 .bg_box {position:relative; width:100%; height:100%;}
.about_fullpage .section2 .bg_box .s_box {display:flex; width:100%; height:100%; flex-wrap:wrap; align-items:center; justify-content: center;}
.about_fullpage .section2 .bg_box .s_box .s_cont_box {width:100%; padding-bottom:0; text-align:center; padding-left:100px;}
.about_fullpage .section2 .bg_box .s_box .s_cont_box .text {display:grid; width:1000px; margin:0 auto; grid-template-columns:1fr 1fr;}
.about_fullpage .section2 .bg_box .s_box .s_cont_box .text dl {text-align:left; opacity:0;}
.about_fullpage .section2 .bg_box .s_box .s_cont_box .text dl dt {padding:56px 0 24px 0; font-size:48px; font-weight:700; color:#000;}
.about_fullpage .section2 .bg_box .s_box .s_cont_box .text dl dd {position:relative; padding:0 0 6px 12px;  font-size:18px; line-height:26px; color:#000;}
.about_fullpage .section2 .bg_box .s_box .s_cont_box .text dl dd:after {position:absolute; top:10px; left:0; width:2px; height:2px; background:#000; content:'';}
.about_fullpage .section2 .bg_box .s_box .s_cont_box .text dl:nth-child(1) {margin-left:-110px;}
.about_fullpage .section2 .bg_box .s_box .s_cont_box .text dl:nth-child(2) {padding-left:110px;}
.about_fullpage .section2 .bg_box .s_box .s_cont_box .text dl:nth-child(3) {margin-left:-110px;}
.about_fullpage .section2 .bg_box .s_box .s_cont_box .text dl:nth-child(4) {padding-left:110px;}


.about_fullpage .section2.active .bg_box .s_box .s_cont_box .text dl {opacity:1;}
.about_fullpage .section2.active .bg_box .s_box .s_cont_box .text dl:nth-child(1) {margin-left:0;}
.about_fullpage .section2.active .bg_box .s_box .s_cont_box .text dl:nth-child(2) {padding-left:0;}
.about_fullpage .section2.active .bg_box .s_box .s_cont_box .text dl:nth-child(3) {margin-left:0;}
.about_fullpage .section2.active .bg_box .s_box .s_cont_box .text dl:nth-child(4) {padding-left:0;}


.about_fullpage .section3 {}
.about_fullpage .section3 .sec_bg {position:Absolute; top:0; left:0; width:100%; height:100%; background-image:url('/_image/www/about/about_img2.jpg'); background-size:cover;}
.about_fullpage .section3 .bg_box {position:relative; width:100%; height:100%;}
.about_fullpage .section3 .bg_box .s_box {display:flex; width:100%; height:100%; flex-wrap:wrap; align-items:center; justify-content: center;}
.about_fullpage .section3 .bg_box .s_box .s_cont_box {display:grid; grid-template-columns:1fr 1fr; align-items:center; width:100%; max-width:calc(1540px + 6%); padding:0 3%; margin:0 auto; padding-bottom:0; text-align:center;}
.about_fullpage .section3 .bg_box .s_box .s_cont_box .text {opacity:0; margin-left:-100px; text-align:left;}
.about_fullpage .section3 .bg_box .s_box .s_cont_box .text dl {}
.about_fullpage .section3 .bg_box .s_box .s_cont_box .text dl dt {padding-bottom:32px; font-size:36px; line-height:46px; font-weight:700; color:#000;}
.about_fullpage .section3 .bg_box .s_box .s_cont_box .text dl dt span {font-size:36px; line-height:46px; font-weight:700; color:#0071BC;}
.about_fullpage .section3 .bg_box .s_box .s_cont_box .text dl dd {font-size:16px; color:#111; font-weight:500; line-height:24px;}
.about_fullpage .section3 .bg_box .s_box .s_cont_box .text dl dd span {font-size:16px; color:#0071BC; font-weight:500; line-height:24px;}
.about_fullpage .section3 .bg_box .s_box .s_cont_box .right_img {display:grid; gap:20px; grid-template-columns:1fr 1fr; opacity:0;}
.about_fullpage .section3 .bg_box .s_box .s_cont_box .right_img ul {}
.about_fullpage .section3 .bg_box .s_box .s_cont_box .right_img ul li { margin-bottom:20px; }
.about_fullpage .section3 .bg_box .s_box .s_cont_box .right_img ul li img {width:100%; border-radius:20px;}


.about_fullpage .section3.active .bg_box .s_box .s_cont_box .text {opacity:1; margin-left:0;}
.about_fullpage .section3.active .bg_box .s_box .s_cont_box .right_img {opacity:1;} 

.about_fullpage .section4 {}
.about_fullpage .section4 .sec_bg {position:Absolute; top:0; left:0; width:100%; height:100%; background-image:url('/_image/www/about/about_img3.jpg'); background-size:cover;}
.about_fullpage .section4 .bg_box {position:relative; width:100%; height:100%;}
.about_fullpage .section4 .bg_box .s_box {display:flex; width:100%; height:100%; flex-wrap:wrap; align-items:center; justify-content: center;}
.about_fullpage .section4 .bg_box .s_box .s_cont_box {display:flex; justify-content: space-between; width:100%; max-width:calc(1540px + 6%); padding:0 3%; margin:0 auto; padding-bottom:0; text-align:center;}
.about_fullpage .section4 .bg_box .s_box .s_cont_box .text {text-align:left; opacity:0; margin-left:110px;}
.about_fullpage .section4 .bg_box .s_box .s_cont_box .text dl {}
.about_fullpage .section4 .bg_box .s_box .s_cont_box .text p {padding-bottom:32px; font-size:36px; line-height:46px; font-weight:700; color:#000;}
.about_fullpage .section4 .bg_box .s_box .s_cont_box .text p span {font-size:36px; line-height:46px; font-weight:700; color:#0071BC;}
.about_fullpage .section4 .bg_box .s_box .s_cont_box .right_img {opacity:0; margin-right:110px;}
.about_fullpage .section4 .bg_box .s_box .s_cont_box .right_img p {padding-bottom:24px; text-align:right; font-size:20px; line-height:28px; font-weight:600; color:#767676;}
.about_fullpage .section4 .bg_box .s_box .s_cont_box .right_img ul {display:grid; gap:12px; grid-template-columns:1fr 1fr 1fr;}
.about_fullpage .section4 .bg_box .s_box .s_cont_box .right_img ul li {}
.about_fullpage .section4 .bg_box .s_box .s_cont_box .right_img ul li .img_box {width:184px; padding:23px 24px; border: 1px solid #E5E5EC; box-shadow: 10px 10px 30px 0px #0000000F; border-radius:8px; background:#fff;}
.about_fullpage .section4 .bg_box .s_box .s_cont_box .right_img ul li img {width:100%;} 

.about_fullpage .section4.active .bg_box .s_box .s_cont_box .text {opacity:1; margin-left:0;}
.about_fullpage .section4.active .bg_box .s_box .s_cont_box .right_img {opacity:1; margin-right:0;} 


.about_fullpage .section5 {}
.about_fullpage .section5 .sec_bg {position:Absolute; top:0; left:0; width:100%; height:100%;}
.about_fullpage .section5 .bg_box {position:relative; width:100%; height:100%;}
.about_fullpage .section5 .bg_box .s_box {display:flex; width:100%; height:100%; flex-wrap:wrap; align-items:center; justify-content: center;}
.about_fullpage .section5 .bg_box .s_box .s_cont_box {width:100%; max-width:calc(1540px + 6%); padding:0 3%; margin:0 auto; padding-bottom:0; text-align:center;}
.about_fullpage .section5 .bg_box .s_box .s_cont_box .text {text-align:left; opacity:0; margin-top:60px;}
.about_fullpage .section5 .bg_box .s_box .s_cont_box .text dl {}
.about_fullpage .section5 .bg_box .s_box .s_cont_box .text p {padding-bottom:32px; font-size:36px; line-height:46px; font-weight:700; color:#000;}
.about_fullpage .section5 .bg_box .s_box .s_cont_box .text p span {font-size:36px; line-height:46px; font-weight:700; color:#0071BC;}
.about_fullpage .section5 .bg_box .s_box .slide_box {opacity:0; margin-top:100px;}
.about_fullpage .section5 .bg_box .s_box .slide_box .box {}
.about_fullpage .section5 .bg_box .s_box .slide_box .box .img {}
.about_fullpage .section5 .bg_box .s_box .slide_box .box .img img {width:100%;}
.about_fullpage .section5 .bg_box .s_box .slide_box .box .txt p {padding-top:16px; font-size:18px; font-weight:500; color:#111;}

.about_fullpage .section5.active .bg_box .s_box .s_cont_box .text {opacity:1; margin-top:0;}
.about_fullpage .section5.active .bg_box .s_box .slide_box {opacity:1; margin-top:100px;} 

.about_fullpage .section5 .swiper-button-next {right:0;}
.about_fullpage .section5 .swiper-button-prev {left:0;}
.about_fullpage .section5 .swiper-button-next, .about_fullpage .section5 .swiper-button-prev {width:56px; line-height:80px;}
.about_fullpage .section5 .swiper-button-next:after, .about_fullpage .section5 .swiper-button-prev:after {color:#fff; font-size:30px; width:56px; height:80px; line-height:80px; background:rgba(0,0,0,0.5);}


.about_fullpage .section6 {}
.about_fullpage .section6 .sec_bg {position:Absolute; top:0; left:0; width:100%; height:100%; background-image:url('/_image/www/about/about_img4.jpg'); background-size:cover;}
.about_fullpage .section6 .bg_box {position:relative; width:100%; height:100%;}
.about_fullpage .section6 .bg_box .s_box {display:flex; width:100%; height:100%; flex-wrap:wrap; align-items:center; justify-content: center;}
.about_fullpage .section6 .bg_box .s_box .s_cont_box {width:100%; padding-bottom:0; text-align:center;}
.about_fullpage .section6 .bg_box .s_box .s_cont_box .text {width:100%;}
.about_fullpage .section6 .bg_box .s_box .s_cont_box .text dl {}
.about_fullpage .section6 .bg_box .s_box .s_cont_box .text dl dt {opacity:0; margin-bottom:110px; padding:56px 0 24px 0; font-size:48px; font-weight:700; color:#fff;}
.about_fullpage .section6 .bg_box .s_box .s_cont_box .text dl dd {opacity:0; margin-top:110px;font-size:18px; line-height:26px; color:#fff;}

.about_fullpage .section6.active .bg_box .s_box .s_cont_box .text dl dt {opacity:1; margin-bottom:0;}
.about_fullpage .section6.active .bg_box .s_box .s_cont_box .text dl dd {opacity:1; margin-top:0;}

.empty_list { width:100%; text-align:center; padding:100px 0; font-size:20px; }

/* 이미지 팝업 */
.pop_img_container {height:100dvh;}
.pop_img_container .pop_wrap {width:100%; height:100%;}
.pop_img_container .swiper {width:100%; height:100%;}
.pop_img_container .swiper .swiper-slide {overflow:hidden;}
.pop_img_container .close_btn {}

.pop_img_container .close_btn{position:absolute; top:20px; right:30px; z-index:10000000000;}
.pop_img_container .close_btn a:before,
.pop_img_container .close_btn a:after {content:''; position:absolute; top:50%; left:50%; margin:-2px 0 0 -9px; width:30px; height:2px; background:#fff; -webkit-transform-origin:50% 50%; transform-origin:50% 50%;}
.pop_img_container .close_btn a:before {-webkit-transform:rotateZ(135deg) scaleX(1.2);transform:rotateZ(135deg) scaleX(1.2);}
.pop_img_container .close_btn a:after {-webkit-transform:rotateZ(45deg) scaleX(1.2);transform:rotateZ(45deg) scaleX(1.2);}
.pop_img_container .close_btn a { display:inline-block; width:40px; height:40px; font-size:0;}
.pop_img_container .swiper-button-next:after,
.pop_img_container .swiper-button-prev:after {color:#fff;}
.pop_img_container .swiper-pagination-bullet {background:#fff;}
.pop_img_container .swiper-pagination-bullet-active {background:#fff;}
.pop_img_container .swiper-button-next {right:20px;}
.pop_img_container .swiper-button-prev {left:20px;}

.workplace_result_str {padding-bottom:20px; font-size:16px; text-align:Center;} 
.workplace_result_str span {font-weight:700;  font-size:16px;} 
.workplace_result_str a {font-size:16px;} 

.workplace_result_str2 {padding-top:35px; font-size:16px; text-align:Center;} 
.workplace_result_str2 span {font-weight:700;  font-size:16px;} 
.workplace_result_str2 a {font-size:16px;} 