@charset "utf-8";
/* CSS Document */
@import url("./font.css");

html{
-webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
-moz-text-size-adjust: none; /*Firefox*/
-ms-text-size-adjust: none;  /*Ie*/
-o-text-size-adjust: none; /*old versions of Opera*/
}
/*
select {width:100%; height:44px; padding:5px; border:none; border-bottom: 1px solid #e5e5e5; font-size:14px; font-weight:400; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('/_image/mobile/icon/arrow_down.png') right center no-repeat; background-size:16px 16px;}
select::-ms-expand {display:none;}
*/
/* select box */
.select_type0 {}
.select_type0 select {display:block; width:100%; padding:0 48px 0 15px;  background:#F3F3F3 url('/_image/www/icon/icon_arrow_down.png') no-repeat; background-position:calc(100% - 10px) center; background-size:18px auto; border:1px solid #F3F3F3; font-size:14px; line-height:42px; color:#4A4F55; text-align:left; -webkit-appearance: none; -moz-appearance: none;  appearance: none; border-radius:5px;}
.select_type0 select option {display:inline-block; text-align:left;}

/* 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 {display:none; position:fixed; bottom:0; left:50%; width:100%; max-width:420px; padding:0 0px;  transform:translate(-50%, 0); }
.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:100%; max-width:420px; margin:0 auto; padding-bottom:32px; background:#fff; border-radius:20px 20px 0 0;}
.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 16px 24px 16px; 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:16px; line-height:24px; 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:12px 16px; text-align:center;}
.layer_type2 .layer_cont_box .layer_cont .layer_password .btm_box ul {display:flex; justify-content: center;}
.layer_type2 .layer_cont_box .layer_cont .layer_password .btm_box ul li {width:50%;}
.layer_type2 .layer_cont_box .layer_cont .layer_password .btm_box ul li:first-child a {border-radius:6px 0 0 6px !important;}
.layer_type2 .layer_cont_box .layer_cont .layer_password .btm_box ul li:last-child .abtn3 {border-radius:0 6px 6px 0 !important;}

/* 로그인 */
.layer_type3 {display:none; position:fixed; bottom:0; left:50%; width:100%; max-width:500px; padding:0; transform:translate(-50%, 0); }
.layer_type3 .layer_cont_box .layer_cont .layer_login {width:100%; margin:0 auto; padding:64px 16px 40px 16px; background:#fff; border-radius:20px 20px 0 0;}
.layer_type3 .layer_cont_box .layer_cont .layer_login .layer_tit {padding:0; font-size:20px; line-height:32px; 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:14px; 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;}



/* 단체급식 */
.list_type4 {position:relative; overflow:hidden; box-shadow: 0px 4px 8px 0px #0000000F; border-radius:12px; background:#fff;}
.list_type4 .box {align-items:center;}
.list_type4 .box .left_box {width:100%;}
.list_type4 .box .left_box .img {}
.list_type4 .box .left_box .img img {width:100%; border-radius:12px 12px 0 0;}
.list_type4 .box .right_box {position:relative; width:100%; padding:20px 16px 0 20px;}
.list_type4 .box .right_box dl {}
.list_type4 .box .right_box dl dt {position:relative; font-size:20px; font-weight:700; line-height:30px; letter-spacing:-0.5px;}
.list_type4 .box .right_box dl dt:after {position:absolute; bottom:-8px; left:0; width:20px; height:2px; background:#E5E5EC; content:'';}
.list_type4 .box .right_box dl dd {padding:20px 0 24px 0; font-size:14px; font-weight:500; line-height:22px; color:#505050;}
.list_type4 .num {position:absolute; bottom:-10px; right:-4px; font-size:32px; font-weight:900; font-family:'Roboto'; line-height:42px; letter-spacing:-1px; color:#F1F1F5;}



/* 리스트 style */
.list_box {}
.list_box ul {}
.list_box ul.grid1 {display:grid; grid-template-columns:1fr;}
.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.gap16 {gap:16px;}
.list_box ul.gap20 {gap:20px;}
.list_box ul.gap32 {gap:44px 32px;}
.list_box ul.gap32_1 {gap:32px;}
.list_box ul.gap20_1 {gap:44px 20px;}

.list_box1 ul {font-size:0;}
.list_box1 ul.type2 li {display:inline-block; width:calc(100% / 2); padding:0 6px; vertical-align:top; }


/* 리스트 타입 */
.list_type0 {width:100%;}
.list_type0 .box {position:relative; overflow:hidden; border-radius:12px;}
.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 {position:relative;}
.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:12px; left:12px; font-size:14px; 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:16px 16px 16px 16px;}
.list_type1 .box .img {}
.list_type1 .box .img img {width:100%; height:60dvw; border-radius:16px 16px 0 0; object-fit:cover;} 
.list_type1.type0 .box .img img {border-radius:16px;}
.list_type1 .box .com_info {padding:12px 16px 20px 16px; background:#fff; border-radius:0 0 16px 16px;}
.list_type1 .box .com_info p {padding-bottom:4px; font-size:18px; line-height:28px; font-weight:600; text-align:left;}
.list_type1 .box .com_info dl {display:flex;}
.list_type1 .box .com_info dl dt {padding:0 12px 4px 0; font-size:12px; color:#767676;}
.list_type1 .box .com_info dl dd {font-size:13px; color:#767676;}

/* 갤러리 게시판1 */
.list_type2 {}
.list_type2 .box {position:relative; box-shadow: 0px 4px 8px 0px #0000000F; border-radius:16px;}
.list_type2 .box .img { background:#fff; border-radius:20px 20px 0 0;}
.list_type2 .box .img img {width:100%; border-radius:20px 20px 0 0;}
.list_type2 .box .info {padding:16px 20px 24px 20px;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 8px;font-size:11px; line-height:24px; 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_menu.type3 {color:#26bd46; background:#e6fbe7;}
.list_type2 .box .info .top_box .b_name {padding:0 0 0 20px; font-size:14px; line-height:24px; color:#505050; background:url('/_image/mobile/icon/icon_m.png') no-repeat left center; background-size:16px auto;}
.list_type2 .box .info .b_title {padding:6px 0 12px 0;}
.list_type2 .box .info .b_title p {font-size:18px; line-height:26px; 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;}
.list_type2 .box .icon_box {position:absolute; top:10px; right:10px;}
.list_type2 .box .icon_box span {display:inline-block; padding: 0 8px; font-size: 11px; font-weight:600; line-height: 24px; border-radius: 100px;}
.list_type2 .box .icon_box span.new {color:#bd2626; background:#fdcad2;}

/* 갤러리 게시판2 */
.list_type3 {}
.list_type3 .box {padding:0 0px;}
.list_type3 .box .img {border-radius:16px; overflow:hidden;}
.list_type3 .box .img img {width:100%; }
.list_type3 .box .info {padding:0px 0 0 0;}
.list_type3 .box .info .b_title {padding:16px 0 4px 0;}
.list_type3 .box .info .b_title p {font-size:18px; line-height:26px; 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/mobile/icon/icon_date.png') no-repeat left center; background-size:16px auto;}
.list_type3 .box .info .b_info p.i_heart {background:url('/_image/mobile/icon/icon_eyes.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:36px; height:36px; background: #FFFFFF4D; text-align:center; border-radius:50%;}
.list_type3 .swiper-button-next:after, .list_type3 .swiper-button-prev:after {font-size:16px; font-weight:bold; color:#fff;}
.list_type3 .swiper-button-next {right:0;}
.list_type3 .swiper-button-prev {left:0;}



.list_type5 {}
.list_type5 .box {padding:20px; background: linear-gradient(132.75deg, rgba(255, 255, 255, 0.7) 6.42%, rgba(255, 255, 255, 0.5) 98.15%); border-radius:16px;}
.list_type5 .box .re_box {}
.list_type5 .box .re_box span {display:inline-block; padding-left:22px; background:url('/_image/mobile/icon/icon_b_img0.png') no-repeat left center; background-size:16px auto; font-size:14px; color:#505050; line-height:20px; font-weight:500;}
.list_type5 .box .re_box span.re {color:#008FEE;}
.list_type5 .box .tit {margin:4px 0 12px 0; font-size:16px; line-height:24px; color:#111; font-weight:600; /* overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; */}
/* .list_type5 .box .tit br {display:none;} */
.list_type5 .box .info {display:flex; flex-wrap:wrap;}
.list_type5 .box .info p {position:relative; padding:0 25px 0 22px; font-size:12px; color:#767676; font-weight:500; line-height:18px; background-repeat:no-repeat; background-size:16px auto; background-position:left center;}
.list_type5 .box .info p:after {position:Absolute; top:4px; left:-12px; width:1px; height:10px; background:#E5E5EC; content:'';}
.list_type5 .box .info p:first-child:after {display:none;}
.list_type5 .box .info p:last-child {padding-right:0;}
.list_type5 .box .info p.b_name {background-image:url('/_image/mobile/icon/icon_b_img1.png');}
.list_type5 .box .info p.b_date {background-image:url('/_image/mobile/icon/icon_b_img2.png');}
.list_type5 .box .info p.b_hit {background-image:url('/_image/mobile/icon/icon_hit.png');}
.list_type5 .no_data {padding:80px 0;  font-size:14px; color:#767676; text-align:center;}


/* input select */
.select_box {}
.select_box select {min-width:100px; 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/mobile/icon/icon_arrow_btm.png') no-repeat; background-position:calc(100% - 20px) center; background-size:16px auto;}

.select_box1 {}
.select_box1 select {display:block; width:100%; padding:0 48px 0 15px; border-radius:6px; background:#fff url('/_image/mobile/icon/icon_arrow_btm.png') no-repeat; background-position:calc(100% - 20px) center; background-size:16px auto; border:1px solid #E5E5EC; font-size:16px; line-height:52px; 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"] {width:100%; 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/mobile/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/mobile/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:52px; 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/mobile/icon/icon_eyes1.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 {height:56px; background:url('/_image/mobile/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; 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/mobile/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;}


/* 탭메뉴 */
.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:3px; background:#E9ECF0; box-shadow: 1px 1px 1px 0px #74819B29 inset; box-shadow: -1px -1px 1px 0px #FFFFFFCC inset; border-radius:8px;}
.tab_box1 ul li {display:table-cell;}
.tab_box1 ul li a {display:block; font-size:14px; line-height:42px; color:#767676; text-align:center; font-weight:500; background:transparent; border-radius:6px; }
.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; border: 1px solid #FFFFFF;}

/* 서브 타이틀 */
.sub_big_tit {}
.sub_big_tit dl {padding:30px 20px; text-align:left;}
.sub_big_tit dl dt {font-size:22px; font-weight:600;}
.sub_big_tit dl dd {padding-top:10px; font-size:14px; font-weight:400; color:#4A4F55;}

/* 버튼 */
/* button */
.abtn0 {display:inline-block; width:100%; padding:0 8px; text-align:center; font-size:12px; line-height:24px; font-weight:600; color:#0071BC; border:1px solid #0071BC; background:#fff; border-radius:4px;}
.abtn1 {display:inline-block; width:100%; padding:0; text-align:Center; font-size:13px; line-height:36px; font-weight:600; color:#111; border:1px solid #111; background:transparent; border-radius:4px;}

.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 0px; 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 30px 0 12px; text-align:Center; font-size:13px; line-height:44px; font-weight:600; color:#fff; border:1px solid #0071BC; background:#0071BC url('/_image/mobile/icon/icon_down.png') no-repeat; background-position:calc(100% - 12px) center; background-size:16px auto; border-radius:4px !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;}

/* motion */
.board_faq_list ul li .box a .right_btn span,
.board_faq_list ul li .box a .right_btn span:before,
.board_faq_list ul li .box a .right_btn span:after,
.cont_nav,
.nav_sub_menu,
header { -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;}



/* layout */
html {}
body {}
body.overflow {overflow:hidden;}
#layout {min-width:320px; margin:0 auto; min-height:calc(var(--vh, 1vh) * 100);}
#container {}
#content {min-height:calc(var(--vh, 1vh) * 100 - 521px);}

.mainIndex #content {max-width:100%; padding:0; background:#f1f1f5;} 
.serviceGalleryRegister,
.serviceMeal,
.serviceGalleryList,
.serviceWorkplace,
.aboutRecruit,
.aboutRecruitFaq,
.galleryRegister,
.galleryListing,
.archivesMenuRegister,
.requestOperationRegister,
.requestVocRegister {background:#f1f1f5;} 


/* menu */
.menu_nav {}
.menu_nav .nav_box {position:relative; }
.menu_nav .nav_box .logo_box {display:table; width:100%; min-height:70px; border-bottom:1px solid #F1F1F5;}
.menu_nav .nav_box .logo_box h1 a {display:inline-block; width:94px; height:24px; font-size:0; background:url('/_image/mobile/logo/logo.png') no-repeat center; background-size:94px auto; vertical-align:top;}
.menu_nav .nav_box .logo_box .left_box {display:table-cell; width:calc(100% - 55px); padding-left:20px; text-align:left; vertical-align:middle;}
.menu_nav .nav_box .logo_box .right_box {display:table-cell; width:55px; text-align:right; vertical-align:middle;}
.menu_nav .nav_box .logo_box .right_box .menu_btn {}
.menu_nav .nav_box .logo_box .right_box .menu_btn a {display:inline-block; width:40px; height:70px; font-size:0; vertical-align:top; background:url('/_image/mobile/icon/icon_menu_close.png') no-repeat left center; background-size:20px auto;}

.menu_nav .nav_box .n_menu_box {position:relative; overflow-y:auto; height:calc(var(--vh, 1vh) * 100 - 70px);}
.menu_nav .nav_box .n_menu_box.on {overflow:hidden;}
.menu_nav .nav_box .n_menu_box .nav_menu_basic {padding-bottom:32px; border-bottom:1px solid #F1F1F5;}
.menu_nav .nav_box .n_menu_box .nav_menu_basic ul {}
.menu_nav .nav_box .n_menu_box .nav_menu_basic ul li {}
.menu_nav .nav_box .n_menu_box .nav_menu_basic ul li a {display:block; padding:0 16px; line-height:56px; font-size:16px; font-weight:500; color:#4A4F55; background:url('/_image/mobile/icon/icon_arrow_right2.png') no-repeat; background-size:20px auto; background-position:calc(100% - 20px) center;}

.menu_nav .nav_box .nav_menu_sub {}
.menu_nav .nav_box .nav_menu_sub > ul {}
.menu_nav .nav_box .nav_menu_sub > ul > li {border-bottom:1px solid #F1F1F5;}
.menu_nav .nav_box .nav_menu_sub > ul > li > a{display:block; padding:0 16px;  font-size:16px; line-height:56px; background:url('/_image/mobile/icon/icon_plus.png') no-repeat; background-position:calc(100% - 16px) center; background-size:20px auto;}
.menu_nav .nav_box .nav_menu_sub > ul > li.on > a {color:#0071BC; background:url('/_image/mobile/icon/icon_minus.png') no-repeat; background-position:calc(100% - 16px) center; background-size:20px auto;}

.menu_nav .nav_box .nav_menu_sub .sub_menu {display:none;}
.menu_nav .nav_box .nav_menu_sub .sub_menu ul {}
.menu_nav .nav_box .nav_menu_sub .sub_menu ul li {}
.menu_nav .nav_box .nav_menu_sub .sub_menu ul li a {display:block; padding:0 16px; line-height:44px; font-size:14px; font-weight:500; color:#505050;}

/* header */
header {position:sticky; top:0; left:0; z-index:12; background:#fff;}
#container.hd_on header {top:-56px}
header .header_box {display:table; width:100%; min-height:56px;}
header .header_box h1 a {display:inline-block; width:118px; height:30px; font-size:0; background:url('/_image/mobile/logo/logo.png') no-repeat center; background-size:118px auto; vertical-align:top;}
header .header_box .left_box {display:table-cell; width:calc(100% - 45px); padding-left:16px; text-align:left; vertical-align:middle;}
header .header_box .right_box {display:table-cell; width:45px; text-align:right; vertical-align:middle;}
header .header_box .right_box .menu_btn a {display:inline-block; width:40px; height:56px; font-size:0; vertical-align:top; background:url('/_image/mobile/icon/icon_menu1.png') no-repeat left center; background-size:28px auto;}
header .header_box .right_box .close_btns a {display:inline-block; width:28px; height:28px; font-size:0; vertical-align:top; background:url('/_image/mobile/icon/close_btn.png') no-repeat center; background-size:28px auto;}
header .header_box .right_box .login_btn {position:Absolute; top:0; right:60px;}
header .header_box .right_box .login_btn a {display:inline-block; width:28px; height:56px; font-size:0; vertical-align:top; background:url('/_image/mobile/icon/icon_login.png') no-repeat center; background-size:28px auto;}

header .header_box .right_box .logout_btn {position:Absolute; top:0; right:60px;}
header .header_box .right_box .logout_btn a {display:inline-block; width:28px; height:56px; font-size:0; vertical-align:top; background:url('/_image/www/icon/icon_logout.png') no-repeat center; background-size:28px auto;}


header .header_menu_box {}
header .header_menu_box ul {display:flex; overflow-x:auto; border-bottom:1px solid #F1F1F5;}
header .header_menu_box ul li {padding:0 12px; }
header .header_menu_box ul li:first-child {padding-left:16px;}
header .header_menu_box ul li:last-child {padding-right:16px;}
header .header_menu_box ul li a {display:inline-block; padding:12px 0; font-size:16px; line-height:24px; color:#505050; font-weight:400; white-space:nowrap; }
header .header_menu_box ul li.on a {color:#111; font-weight:600;}

/* footer */
footer {width:100%; text-align:left; background:#fff; border-top:1px solid #e5e5ec;}
footer .ft_info {padding:32px 16px 40px 16px;}
footer .ft_info .top_box {}
footer .ft_info .top_box .ft_logo {padding-bottom:12px;}
footer .ft_info .top_box .ft_logo a {display:inline-block; width:90px; height:23px; background:url('/_image/mobile/logo/logo.png') no-repeat center; background-size:90px auto; color:transparent;}
footer .ft_info .top_box .ft_info_box {}
footer .ft_info .top_box .ft_info_box p {padding-bottom:6px; font-size:13px; font-weight:400; color:#767676;}
footer .ft_info .top_box .ft_info_box p a {font-size:13px; font-weight:400; color:#767676;}

footer .ft_info .mid_box {padding-top:26px;}
footer .ft_info .mid_box .customer_info {}
footer .ft_info .mid_box .customer_info p {padding-bottom:4px; font-size:13px; font-weight:400; color:#767676;}
footer .ft_info .mid_box .customer_info p.ft_tel {font-size:18px; line-height:26px; font-weight:600; color:#111;}

footer .ft_info .btm_box {padding-bottom:20px;}
footer .ft_info .btm_box .ft_agree {display:inline-block; padding-top:32px;}
footer .ft_info .btm_box .ft_agree ul {display:inline-block;}
footer .ft_info .btm_box .ft_agree ul li {display:inline-block; padding-right:6px;}
footer .ft_info .btm_box .ft_agree ul li a {font-size:13px; line-height:18px; color:#767676;}

footer .ft_info .btm_box .ft_copy {padding-top:32px;}
footer .ft_info .btm_box .ft_copy p {font-size:12px; line-height:18px; color:#767676;}


/* 서브 타이틀 */
.sub_big_tit {padding:0 0 0 0; border-bottom:1px solid #F1F1F5; background:#fff;}
.sub_big_tit h2 {font-size:20px; text-align:center; line-height:56px; font-weight:600;}

.galleryListing .sub_big_tit {background:none;}
.requestVoc .sub_big_tit{display:none;}

/* lnb */
nav.menu_nav {position:fixed; top:0; left:0; transform:translateX(-100%); background:#fff; width:100%; height:calc(var(--vh, 1vh) * 100); z-index:12;}
nav.menu_nav.is_show {transform:translateX(0%); opacity:1;}
nav.menu_nav.pop_nav {position:static;}

.menu_nav {outline: none; text-decoration: none; -webkit-transition: transform .4s ease-in-out;-moz-transition: transform .4s ease-in-out;-ms-transition: transform .4s ease-in-out;-o-transition: transform .4s ease-in-out; transition: transform .4s ease-in-out;}
.menu_nav.is_show {left:0;  opacity:1; }

/* 컨텐츠 nav */
.cont_nav {position:sticky; top:70px; display:flex; align-items:center; border-top:1px solid #E7E7E7; border-bottom:1px solid #E7E7E7; background:#fff; z-index:10;}
#container.hd_on .cont_nav{top:0;}
.cont_nav .left_box {width:50%; padding:0 20px; border-right:1px solid #e7e7e7;}
.cont_nav .left_box p {line-height:50px; font-size:14px; font-weight:500; color:#858586; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.cont_nav .right_box {width:50%;}

/*
.paging * {vertical-align:middle;}
.paging {display:inline-block; width:100%; margin-top:20px; font-size:0; text-align:center;}
.paging li {display:inline-block; color:#9e9e9e; vertical-align:middle;  border-collapse: collapse;}
.paging li a {display:inline-block; width:32px; height:32px;  background:#fff; color:#767676; font-weight:500; font-size:16px; line-height:32px;}
.paging li.paging_next a,
.paging li.paging_prev a,
.paging li.paging_first a,
.paging li.paging_last a {display:inline-block; font-size:0; border:1px solid #E5E5E5; margin:0 5px 0 0;}
.paging li.paging_next a {background:url('/_image/mobile/paging/arrow_next.png') no-repeat center; background-size:7px 11px;}
.paging li.paging_last a {background:url('/_image/mobile/paging/arrow_last.png') no-repeat center; background-size:11px 11px;}
.paging li.paging_prev a {background:url('/_image/mobile/paging/arrow_prev.png') no-repeat center; background-size:7px 11px;}
.paging li.paging_first a {background:url('/_image/mobile/paging/arrow_first.png') no-repeat center; background-size:11px 11px;}
.paging li a.current {color:#111; font-weight:600; font-size:16px;}
*/

/* 에러페이지 */
.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;}

/* paging */
.paging_box {clear:both; position:relative; margin:32px 0 56px 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 2px;}
.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; background:#fff; font-size:15px; line-height:36px; border-radius:100px;}
.paging_box ul.paging li.over a {font-weight:700; color:#fff; background:#0071BC;}

/* 메인 */
.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:24px; left:0; width:100%;}
.main .main_swiper .swiper-slide .txt_box dl {padding:0 16px; margin:0 auto; text-align:left;}
.main .main_swiper .swiper-slide .txt_box dl dt {font-size:20px; opacity:0; margin-top:30px; font-weight:600; color:#fff; line-height:28px;}
.main .main_swiper .swiper-slide .txt_box dl dd {padding-top:8px; opacity:0; margin-top:30px; font-size:12px; color:#fff;  line-height:18px; letter-spacing:-0.5px;}
.main .main_swiper .swiper-slide .txt_box.on dl dt {opacity:0.7; margin-top:0;}
.main .main_swiper .swiper-slide .txt_box.on dl dd {opacity:1; margin-top:0;}
.main .main_swiper .swiper-pagination {display:inline-block; width:auto; bottom:12px; left:auto; right:12px; padding:5px 12px; text-align:center; background: #00000099; border-radius:20px; color:#a3a3a2;}
.main .main_swiper .swiper-pagination span {color:#a3a3a2;}
.main .main_swiper .swiper-pagination span.swiper-pagination-current {color:#fff;}
.main .main_swiper .swiper-pagination-bullet {width:40px; height:2px; background:#fff; border-radius:0;}


.main .section1 {padding:40px 0;}
.main .section1 .sec_box {max-width:1560px; margin:0 auto;}

.main .main_list_swiper  {}
.main .main_list_swiper > .swiper-wrapper {margin-left:16px;}
.main .main_list_swiper > .swiper-wrapper > .swiper-slide {width:calc(50% - 24px); margin-right:16px;}
.main .main_list_swiper > .swiper-wrapper > .swiper-slide:last-child {margin-right:32px;}
.main .main_list_swiper > .swiper-wrapper > .swiper-slide a {display:block;}

.main .section2 {}
.main .section2 .sec_box {}
.main .section2 .sec_box .flex_box {display:flex; align-items:center; text-align:center; width:100%; height:120px; 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:16px; line-height:24px; color:#fff; font-weight:600;}
.main .section2 .sec_box .flex_box dl dd {padding:8px 0 15px 0; font-size:12px; font-weight:400; color:#fff; line-height:18px;}
.main .section2 .sec_box .flex_box p {display:inline-block; padding-right:12px; font-size:12px; color:#fff; background:url('/_image/mobile/icon/icon_arrow_right1.png') no-repeat right center; background-size:10px auto;}

.main .section3 {margin-top:40px; overflow:hidden;}
.main .section3 .sec_box {max-width:1540px; margin:0 auto;}
.main .section3 .sec_box .s_info_box {padding-top:16px; text-align:center;}
.tit_box {position:relative; padding:0 16px;}
.tit_box p {font-size:20px; line-height:28px; color:#111; font-weight:600;}
.tit_box .right_btn {position:Absolute; top:0; right:16px;}
.main .main_swiper1 {overflow:unset;}
.main .main_swiper1 .swiper-slide {width:80%; }

.main .main_swiper1 .btm_box {position:relative; display:inline-block; margin:24px 0 40px 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 10px 56px 10px;}
.main .section4 .sec_box {}


/* 서브 상단 */
.top_banner_box {padding:20px 16px;}
.top_banner_box .box {position:relative;}
.top_banner_box .box .img {position:relative; overflow:hidden; box-shadow: 10px 10px 30px 0px #0000000F; border-radius:12px;}
.top_banner_box .box .img img {width:100%;}
.top_banner_box .box .txt_box {}
.top_banner_box .box .txt_box dl {}
.top_banner_box .box .txt_box dl dt {font-size:20px; font-weight:600; line-height:28px; color:#000;}
.top_banner_box .box .txt_box dl dd {padding-top:8px; font-size:14px; font-weight:500; line-height:20px; letter-spacing:-0.5px; color:#767676;}
.top_banner_box .box .txt_box .btm_btn {width:85px; padding:20px 0;}

.top_banner_box1 {padding:20px 16px;}
.top_banner_box1 .box {position:relative;}
.top_banner_box1 .box .img {padding-top:20px; position:relative; overflow:hidden; box-shadow: 10px 10px 30px 0px #0000000F; border-radius:12px;}
.top_banner_box1 .box .img img {width:100%;}
.top_banner_box1 .box .txt_box {}
.top_banner_box1 .box .txt_box dl {}
.top_banner_box1 .box .txt_box dl dt {font-size:20px; font-weight:600; line-height:28px; color:#000;}
.top_banner_box1 .box .txt_box dl dt span {display:block; font-size:12px; line-height:18px; font-weight:400;}
.top_banner_box1 .box .txt_box dl dd {padding-top:8px; font-size:14px; font-weight:500; line-height:20px; letter-spacing:-0.5px; color:#767676;}
.top_banner_box1 .box .txt_box .btm_btn {width:85px; padding:20px 0;}

.top_banner_box2 {padding:20px 16px;}
.top_banner_box2 .box {position:relative;}
.top_banner_box2 .box .img {position:relative; overflow:hidden; box-shadow: 10px 10px 30px 0px #0000000F; border-radius:12px;}
.top_banner_box2 .box .img img {width:100%;}
.top_banner_box2 .box .txt_box {}
.top_banner_box2 .box .txt_box dl {}
.top_banner_box2 .box .txt_box dl dt {font-size:20px; font-weight:600; line-height:28px; color:#000;}
.top_banner_box2 .box .txt_box dl dd {padding-top:8px; font-size:14px; font-weight:500; line-height:20px; letter-spacing:-0.5px; color:#767676;}
.top_banner_box2 .box .txt_box .btm_btn {width:85px; padding:20px 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%, -70%); z-index:10;}

.top_banner_box3 {padding-bottom:16px;}
.top_banner_box3 .box {position:relative; padding:32px 20px; 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:#767676;}
.top_banner_box3 .box .txt_box .btm_btn {width:146px; padding-top:20px; margin-top:0; border:0;}
.top_banner_box3 .box .txt_box1 {padding-top:20px;}
.top_banner_box3 .box .txt_box1 .txt_dl {display:inline-block; width:100%;}
.top_banner_box3 .box .txt_box1 .txt_dl dl {display:flex;  background:#F7F7FB; margin-bottom:4px; border-radius:4px;}
.top_banner_box3 .box .txt_box1 .txt_dl dl dt {width:92px; padding-left:20px; font-size:14px; color:#505050; line-height:36px; text-align:left;}
.top_banner_box3 .box .txt_box1 .txt_dl dl dd {font-size:14px; line-height:36px; color:#505050; font-weight:600;}

/* 게시판 박스 */
.board_list_box {margin-top:12px; padding:16px; background:#F4F6F9; border-radius:20px 20px 0 0; box-shadow: 10px 10px 30px 0px #0000000F;}
.board_list_box .top_box {position:relative; padding-bottom:24px;}
.board_list_box .top_box .ss_box a.i_com {display:inline-block; width:28px; height:28px; font-size:0; line-height:32px; background:url('/_image/mobile/icon/icon_search2.png') no-repeat; background-size:28px auto;}
.board_list_box .top_box .left_box p {padding:16px 0 16px 4px; font-size:20px; line-height:28px; 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:12px;}
.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:12px;}
.board_list_box .top_box .right_box .search_box .btn_box input[type="submit"] {display:inline-block; width:28px; height:28px; background:url('/_image/mobile/icon/icon_search.png') no-repeat center; background-size:20px auto; border:0; border-radius:0; font-size:0;}


.board_list_box .top_box .layer_search_box {position:absolute; top:120px; right:0; z-index:11;}
.board_list_box .top_box .layer_search_box .s_box {width:calc(100vw - 32px); padding:16px 16px; background:#fff; box-shadow: 10px 10px 30px 0px #0000000F; border-radius:12px;}
.board_list_box .top_box .layer_search_box .s_box .l_search_box {}
.board_list_box .top_box .layer_search_box .s_box .l_search_box .input_box {position:relative;}
.board_list_box .top_box .layer_search_box .s_box .l_search_box .input_box input[type="text"] {width:100%;}
.board_list_box .top_box .layer_search_box .s_box .l_search_box .input_box .btn_box {position:Absolute; top:0; right:10px;}
.board_list_box .top_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/mobile/icon/icon_search3.png') no-repeat center; background-size:20px auto; font-size:0; vertical-align:top; cursor:pointer;}

.board_list_box .top_box .layer_search_box .s_box .l_search_box .search_layer_list {padding:12px 0; max-height:236px; overflow-y:auto;}
.board_list_box .top_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;}
.board_list_box .top_box .layer_search_box .s_box .l_search_box .search_layer_list ul li a span {color:#008FEE; font-size:14px; font-weight:400;}
.board_list_box .top_box .layer_search_box .s_box .l_search_box .search_layer_list ul li a:hover {background:#F1F1F5;}
.board_list_box .top_box .layer_search_box .s_box .l_search_box .search_close {margin-top:20px; border-top:1px solid #E5E5EC; text-align:right;}
.board_list_box .top_box .layer_search_box .s_box .l_search_box .search_close a {display:inline-block; width:48px; height:48px; background:url('/_image/mobile/icon/icon_close1.png') no-repeat center; background-size:16px auto; font-size:0; vertical-align:top;}


.board_list {}
.board_list .b_list_box {}
.board_list .b_list_box ul {}
.board_list .b_list_box ul li {padding-bottom:12px;}
.board_list .btm_btn {width:100%; padding-top:10px; text-align:right;}
.board_list .btm_btn a {width:100px;}

/* 게시판 글쓰기 */
.board_register {width:100%; max-width:995px; margin:0 auto; padding:16px;}
.b_guide_box {padding:32px 20px; background:#fff; border-radius:16px;}
.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:16px 16px 32px 16px; 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 {}
.b_reg_box .top_box dl {}
.b_reg_box .top_box dl dt {position:relative;}
.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 dt div.check_box {position:Absolute; top:0; right:0px;}
.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; z-index:10;}
.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:grid; grid-template-columns:1fr 1fr 1fr; gap:8px;}
.file_box ul li {}
.file_box ul li .file {position:relative;}
.file_box ul li .file label {display:inline-block; width:100%; padding-bottom:100%; 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:24px; height:24px; background:url('/_image/mobile/icon/icon_plus1.png') no-repeat center; background-size:24px 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:24px; height:24px; background:url('/_image/mobile/icon/icon_close.png') no-repeat center; background-size:24px auto; font-size:0; vertical-align:top;}
.file_box .info_txt {padding-top:8px; font-size:12px; line-height:20px; color:#767676;}

.captcha_box {}
.captcha_box .captcha_img {display:flex; align-items:center; border-radius:6px; border:1px solid #E5E5EC; overflow:hidden;}
.captcha_box .captcha_img .img {width:calc(100% - 87px);}
.captcha_box .captcha_img .img img {width:100%;}
.captcha_box .captcha_img .btn {width:87px;}
.captcha_box .captcha_img .btn button {display:inline-block; width:87px; border:0; border-radius:0; background:#fff; color:#000;}
.captcha_box .captcha_btm { margin-top:8px;}
.captcha_box .captcha_btm .input_box1 input {padding-right:0;}

.board_register {padding-bottom:56px;}
.board_register .btm_btn {margin-top:24px; padding-top:24px; border-top:1px solid #F1F1F5;}
.board_register .btm_btn ul {display:flex; justify-content: center;}
.board_register .btm_btn ul li {width:50%;}
.board_register .btm_btn ul li:first-child a {border-radius:6px 0 0 6px !important;}
.board_register .btm_btn ul li:last-child .abtn3 {border-radius:0 6px 6px 0 !important;}

.menu_list {position:relative; }
.write_box {position:Absolute; top:-45px; right:0;}
.write_box .box > ul {display:flex; gap:16px;}
.write_box .box > ul li {}
.write_box .box > ul li:last-child {padding-right:16px;}
.write_box .box > ul li a {display:inline-block; width:28px; height:28px; font-size:0; line-height:32px;}
.write_box .box > ul li a.i_com {background:url('/_image/mobile/icon/icon_search2.png') no-repeat; background-size:28px auto;}
.write_box .box > ul li a.i_write {background:url('/_image/mobile/icon/icon_write.png') no-repeat; background-size:28px 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:100vw; padding:16px 16px; background:#fff; box-shadow: 10px 10px 30px 0px #0000000F; border-radius:12px;}
.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/mobile/icon/icon_search3.png') no-repeat center; background-size:20px 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/mobile/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 {overflow-x:auto; white-space:nowrap; margin-bottom:24px; font-size:0; text-align:center;}
.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:12px 0 12px 0; font-size:16px; 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 {margin:0 16px; padding:16px 0 16px 0;border-bottom:1px solid #111;}
.cate_top_box .cate_tit p {font-size:16px; line-height:16px; text-align:center; font-weight:600; }

.gallery_list .workplace_result_str {padding:20px 0 20px 0; font-size:14px; text-align:Center;} 
.gallery_list .workplace_result_str span {font-weight:700;  font-size:14px;} 

.board_gallery_list {}
.board_gallery_list > .top_box {position:relative; padding-bottom:24px; margin-top:28px;}
.board_gallery_list > .top_box > .left_box {padding:0 16px;}
.board_gallery_list > .top_box > .left_box p {padding:0 0 16px 4px; font-size:18px; line-height:26px; 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:12px; padding:0 16px;}
.board_gallery_list > .top_box > .right_box > .ss_box a.i_com {display:inline-block; width:28px; height:28px; font-size:0; line-height:32px; background:url('/_image/mobile/icon/icon_search2.png') no-repeat; background-size:28px auto;}
.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:12px;}
.board_gallery_list > .top_box > .right_box .search_box .btn_box input[type="submit"] {display:inline-block; width:28px; height:28px; background:url('/_image/mobile/icon/icon_search3.png') no-repeat center; background-size:20px auto; border:0; border-radius:0; font-size:0;}

.board_gallery_list .list_box ul li {padding:0 16px;}

.board_gallery_list > .top_box .layer_search_box {position:absolute; top:120px; left:16px; z-index:11;}
.board_gallery_list > .top_box .layer_search_box .s_box {width:calc(100vw - 32px); padding:16px 16px; background:#fff; box-shadow: 10px 10px 30px 0px #0000000F; border-radius:12px;}
.board_gallery_list > .top_box .layer_search_box .s_box .l_search_box {}
.board_gallery_list > .top_box .layer_search_box .s_box .l_search_box .input_box {position:relative;}
.board_gallery_list > .top_box .layer_search_box .s_box .l_search_box .input_box input[type="text"] {width:100%;}
.board_gallery_list > .top_box .layer_search_box .s_box .l_search_box .input_box .btn_box {position:Absolute; top:0; right:10px;}
.board_gallery_list > .top_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/mobile/icon/icon_search3.png') no-repeat center; background-size:20px auto; font-size:0; vertical-align:top; cursor:pointer;}

.board_gallery_list > .top_box .layer_search_box .s_box .l_search_box .search_layer_list {padding:12px 0; max-height:236px; overflow-y:auto;}
.board_gallery_list > .top_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;}
.board_gallery_list > .top_box .layer_search_box .s_box .l_search_box .search_layer_list ul li a span {color:#008FEE; font-size:14px; font-weight:400;}
.board_gallery_list > .top_box .layer_search_box .s_box .l_search_box .search_layer_list ul li a:hover {background:#F1F1F5;}
.board_gallery_list > .top_box .layer_search_box .s_box .l_search_box .search_close {margin-top:20px; border-top:1px solid #E5E5EC; text-align:right;}
.board_gallery_list > .top_box .layer_search_box .s_box .l_search_box .search_close a {display:inline-block; width:48px; height:48px; background:url('/_image/mobile/icon/icon_close1.png') no-repeat center; background-size:16px auto; font-size:0; vertical-align:top;}


/* 게시판 상세 */
.board_detail_box {padding:32px 16px;}
.board_detail_box .top_box {padding:16px 0; border-top:2px solid #111; border-bottom:1px solid #E5E5EC;}
.board_detail_box .top_box .tit {font-size:18px; font-weight:600; color:#111;}
.board_detail_box .top_box .tit .cate {display:inline-block; margin-right:12px; 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 .tit .cate.type3 {color:#26bd46; background:#e6fbe7;}

.board_detail_box .top_box .info_box {display:flex; flex-wrap:wrap; align-items:center; padding-top:8px;}
.board_detail_box .top_box .info_box dl {position:relative; display:flex; align-items:center; padding-right:22px;}
.board_detail_box .top_box .info_box dl:after {position:absolute; top:5px; right:10px; 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 {font-size:13px;}
.board_detail_box .top_box .info_box dl dt.b_img0 {font-size:0; width:16px; height:16px; background:url('/_image/mobile/icon/icon_b_img1.png') no-repeat center; background-size:16px auto;}
.board_detail_box .top_box .info_box dl dt.b_img1 {font-size:0; width:16px; height:16px; background:url('/_image/mobile/icon/icon_b_img2.png') no-repeat center; background-size:16px auto;}
.board_detail_box .top_box .info_box dl dt.b_img2 {font-size:0; width:16px; height:16px; background:url('/_image/mobile/icon/icon_hit.png') no-repeat center; background-size:16px auto;}
.board_detail_box .top_box .info_box dl dd {padding-left:6px; font-size:14px; line-height:20px; font-weight:500; 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:14px;}
.board_detail_box .board_content .box p {font-size:14px;}
.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:16px; padding-bottom:12px;}
.g_img_list2 .img {width:100%;}
.g_img_list2 .img img {width:100%; border-radius:4px;}

.board_detail_box .btm_box {display:flex; padding:16px 0 48px 0; justify-content: space-between;}
.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 {margin:0 auto; padding:24px 0 58px 0;}
.board_detail_box .btm_box1.type0 {padding-top:0;}
.board_detail_box .btm_box1 ul {display:flex; justify-content: center; gap:10px;}
.board_detail_box .btm_box1 ul li {width:240px; }


/* 채용 FAQ */
.recuit_faq {width:100%; padding:24px 16px 0 16px;}
.recuit_faq .top_box {padding:24px 0 24px 0; text-align:right;}
.faq_search {position:relative; display:inline-block; width:100%;}
.faq_search .input_box.search input[type="text"]{width:100%;}
.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 {padding-bottom:40px;}
.board_faq_list ul li {padding-bottom:16px;}
.board_faq_list ul li .box {padding:24px 20px 24px 20px; 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:0 44px 0 26px; font-size:16px; font-weight:600; color:#111; line-height:24px;}
.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:32px; height:32px;}
.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:12px; 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:14px; 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 0; text-align:center; font-size:16px; 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:100%; margin:0 auto;}
.recuit .tab_box1 {padding:27px 16px 16px 16px;}
.recuit .board_register {}

/* 사업장 소개*/
.workplace {}
.workplace .tab_box1 {padding:27px 16px 0px 16px;}
.workplace .list_box {padding:32px 16px 0 16px;}

/* 운영 사업장 개선 */
.service_gallery {position:relative; }
.service_gallery .tab_box1 {padding:27px 16px 8px 16px;}
.gallery_reg .b_reg_box {margin-top:8px;}

/* 단체 급식 */
.service_meal {overflow:hidden;padding-bottom:40px;}
.service_meal .tab_box1 {padding:27px 16px 16px 16px;}
.service_meal .list_box {padding:20px 16px;}
.service_meal .list_box ul {}
.service_meal .list_box ul li {padding-bottom:40px;}
.service_meal .list_box ul li:last-child {padding-bottom:0;}


/* 위탁 상담 */
.reg_step_box {padding:32px 20px; box-shadow: 10px 10px 30px 0px #0000000F; border-radius:20px; background:#fff;}
.reg_step_box .pro_bar {position:relative; width:100%; height:4px; background:#F0F8FF; border-radius:100px;}
.reg_step_box .pro_bar .bar {position:Absolute; top:0; left:0; height:4px; border-radius:100px; background:#0071BC;}

.reg_step_box .reg_step1 .b_guide_box {padding:32px 0 0 0;}
.reg_step_box .step_btn {margin-top:24px; padding-top:24px; 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:0px;}
.reg_step_box .reg_step2 .b_reg_box {padding:0;}

.reg_step_box .reg_step3 {padding-top:0px;}
.reg_step_box .reg_step3 .b_reg_box {padding:0;}

.reg_step_box .reg_step4 {padding-top:0px;}
.reg_step_box .reg_step4 .b_reg_box {padding:0;}


/* 이미지 팝업 */
.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:20px; 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 {display:none; right:0px;}
.pop_img_container .swiper-button-prev {display:none;left:0px;}


/* 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/mobile/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:160px;}
.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:24px 0 12px 0; font-size:32px; 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:14px; line-height:20px; color:#fff; letter-spacing:6px;}


.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:0.7; 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/mobile/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:160px;}
.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:24px 0 12px 0; font-size:32px; font-weight:700; color:#fff;}
.about_fullpage .section1 .bg_box .s_box .s_cont_box .text dl dd {margin-top:100px; opacity:0; max-width:340px; margin:0 auto; font-size:14px; line-height:20px; color:#fff; word-break:keep-all;}

.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:0.7; 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/mobile/about/about_img1.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%; max-width:320px; margin:0 auto; padding-bottom:0; text-align:center; }
.about_fullpage .section2 .bg_box .s_box .s_cont_box .text {padding-top:90px;}
.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:16px 0 4px 0; font-size:20px; 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:14px; line-height:20px; color:#000; font-weight:400;}
.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-bottom:-110px;}
.about_fullpage .section2 .bg_box .s_box .s_cont_box .text dl:nth-child(2) {margin-bottom:-110px;}
.about_fullpage .section2 .bg_box .s_box .s_cont_box .text dl:nth-child(3) {margin-bottom:-110px;}
.about_fullpage .section2 .bg_box .s_box .s_cont_box .text dl:nth-child(4) {margin-bottom:-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 dt {opacity:0.7;}
.about_fullpage .section2.active .bg_box .s_box .s_cont_box .text dl:nth-child(1) {margin-bottom:0;}
.about_fullpage .section2.active .bg_box .s_box .s_cont_box .text dl:nth-child(2) {margin-bottom:0;}
.about_fullpage .section2.active .bg_box .s_box .s_cont_box .text dl:nth-child(3) {margin-bottom:0;}
.about_fullpage .section2.active .bg_box .s_box .s_cont_box .text dl:nth-child(4) {margin-bottom:0;}


.about_fullpage .section3 {}
.about_fullpage .section3 .sec_bg {position:Absolute; top:0; left:0; width:100%; height:100%; background-image:url('/_image/mobile/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; justify-content: center;}
.about_fullpage .section3 .bg_box .s_box .s_cont_box {width:100%; margin:0 auto; padding:130px 20px 0px 20px; text-align:center;}
.about_fullpage .section3 .bg_box .s_box .s_cont_box .text {opacity:0; padding-top: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:12px; font-size:20px; line-height:28px; font-weight:700; color:#000;}
.about_fullpage .section3 .bg_box .s_box .s_cont_box .text dl dt span {font-size:20px; line-height:28px; font-weight:700; color:#0071BC;}
.about_fullpage .section3 .bg_box .s_box .s_cont_box .text dl dd {font-size:14px; color:#111; font-weight:400; line-height:20px; letter-spacing:-0.1px; word-break:keep-all;}
.about_fullpage .section3 .bg_box .s_box .s_cont_box .text dl dd span {font-size:14px; color:#0071BC; font-weight:400; line-height:24px; letter-spacing:-0.1px; word-break:keep-all;}
.about_fullpage .section3 .bg_box .s_box .s_cont_box .right_img {display:block; padding-top:56px; opacity:0; text-align:right;}
.about_fullpage .section3 .bg_box .s_box .s_cont_box .right_img .box {display:inline-block;}
.about_fullpage .section3 .bg_box .s_box .s_cont_box .right_img .box ul {width:196px; display:grid; gap:4px; grid-template-columns:1fr 1fr; }
.about_fullpage .section3 .bg_box .s_box .s_cont_box .right_img .box ul li {}
.about_fullpage .section3 .bg_box .s_box .s_cont_box .right_img .box ul li img {width:100%; border-radius:10px;}


.about_fullpage .section3.active .bg_box .s_box .s_cont_box .text {opacity:1; padding-top:0;}
.about_fullpage .section3.active .bg_box .s_box .s_cont_box .text dl dt {opacity:0.7; padding-top: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/mobile/about/about_img2.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; justify-content: center;}
.about_fullpage .section4 .bg_box .s_box .s_cont_box {width:100%; margin:0 auto; padding-top:130px; text-align:center;}
.about_fullpage .section4 .bg_box .s_box .s_cont_box .text {text-align:left; opacity:0; padding-top: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 {max-width:360px; padding:0 20px 24px 20px; font-size:20px; line-height:28px; font-weight:700; color:#000; word-break:keep-all;}
.about_fullpage .section4 .bg_box .s_box .s_cont_box .text p span {font-size:20px; line-height:28px; font-weight:700; color:#0071BC; word-break:keep-all;}
.about_fullpage .section4 .bg_box .s_box .s_cont_box .right_img {opacity:0; margin-bottom:110px; padding:0 20px;}
.about_fullpage .section4 .bg_box .s_box .s_cont_box .right_img p {padding-bottom:10px; text-align:left; font-size:14px; line-height:20px; font-weight:500; color:#505050;}
.about_fullpage .section4 .bg_box .s_box .s_cont_box .right_img ul {display:grid; gap:4px; 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 {padding:3px; border: 1px solid #E5E5EC; border-radius:4px; background: #FFFFFFB2;}
.about_fullpage .section4 .bg_box .s_box .s_cont_box .right_img ul li img {width:100%; border-radius:20px;} 

.about_fullpage .section4.active .bg_box .s_box .s_cont_box .text {opacity:0.7; padding-top:0;}
.about_fullpage .section4.active .bg_box .s_box .s_cont_box .right_img {opacity:1; margin-bottom: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%; margin:0 auto; padding-top:0px; text-align:center;}
.about_fullpage .section5 .bg_box .s_box .s_cont_box .text {text-align:left; opacity:0; padding:180px 0 24px 20px;}
.about_fullpage .section5 .bg_box .s_box .s_cont_box .text dl {}
.about_fullpage .section5 .bg_box .s_box .s_cont_box .text p {font-size:20px; line-height:28px; font-weight:700; color:#000; letter-spacing:-1px;}
.about_fullpage .section5 .bg_box .s_box .s_cont_box .text p span {font-size:20px; line-height:28px; 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 .swiper-wrapper {margin-left:20px;}
.about_fullpage .section5 .bg_box .s_box .slide_box .swiper-slide {width:60%;}
.about_fullpage .section5 .bg_box .s_box .slide_box .swiper-slide:last-child {margin-right:40px;}
.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:14px; font-weight:500; color:#111;}

.about_fullpage .section5.active .bg_box .s_box .s_cont_box .text {opacity:0.7; padding:60px 0 24px 20px;}
.about_fullpage .section5.active .bg_box .s_box .slide_box {opacity:1; margin-top:0px;} 

.about_fullpage .section5 .swiper-button-next {display:none; right:0;}
.about_fullpage .section5 .swiper-button-prev {display:none; 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/mobile/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:32px; line-height:42px; font-weight:700; color:#fff;}
.about_fullpage .section6 .bg_box .s_box .s_cont_box .text dl dd {opacity:0; margin-top:110px; max-width:320px; margin:0 auto; padding:0 0px; font-size:14px; line-height:20px; color:#fff; word-break:keep-all;}

.about_fullpage .section6.active .bg_box .s_box .s_cont_box .text dl dt {opacity:0.7; 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; }

.workplace_result_str {padding-top:30px; 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:1px; font-size:16px; text-align:Center;} 
.workplace_result_str2 span {font-weight:700;  font-size:16px; color: #36f;} 
.workplace_result_str2 a {font-size:16px; color: #f30} 
.workplace_result_str2 u {color: #f30} 


/* 파일 다운로드 */
.file_download {margin-top:20px;}
.file_download ul {}
.file_download ul li {padding-bottom:10px;}
.file_download ul li:last-child {padding-bottom:0;}
.file_download ul li a {display:block;}
.file_download ul li .box {display:flex; width:100%; align-items:center; min-height:60px; border:1px solid #E5E5EC; background:url('/_image/www/icon/icon_file.png') no-repeat 20px center; background-size:20px auto; padding:0 15px 0 50px; border-radius:12px;}
.file_download ul li .box p {display:block; padding:10px 0; font-size:14px; font-weight:600; color:#000;}
.file_download ul li .box p span {font-size:12px; font-size:400;}
.file_download ul li a:hover p {text-decoration:underline;}

#company:disabled { background-color: #f0f0f0; color: #888; border: 1px solid #ccc; cursor: not-allowed; }

.photo_upload {}
.photo_upload ul {display:flex; flex-wrap:wrap; gap:8px;}
.photo_upload.type0 ul {display:grid; gap:8px; grid-template-columns: 1fr 1fr 1fr;}
.photo_upload ul li {}
.photo_addbox {}
.photo_addbox > div {}
.photo_addbox label {display:flex; align-items:center; justify-content: center; width:90px; height:90px; text-align:center; background:#fff; border-radius:8px; border:1px solid #EBEBEB; background-size:cover;}
.photo_addbox label p {font-size:13px; line-height:16px; color:#A5A5A5;}
.photo_addbox label p span {font-size:13px; line-height:16px; color:#A5A5A5;}

.photo_addimg {position:relative; width:90px; height:90px; border:1px solid #EBEBEB; background-repeat:no-repeat; background-size:cover; background-position:center; border-radius:8px;}

.photo_addimg .photo_del {display:none; position:Absolute; top:4px; right:4px;}
.photo_addimg .photo_del {display:inline-block;}
.photo_addimg .photo_del a {display:inline-block; width:24px; height:24px; background:url('/_image/mobile/icon/icon_close.png') no-repeat center; background-size:24px auto; font-size:0; vertical-align:top;}


.photo_upload {}
.photo_upload .insert_img .photo_sort {position:Absolute; top:0; left:0; width:100%; height:100%; border:3px solid transparent; border-radius:3px; }
.photo_upload .insert_img .photo_sort .sort_box {position:relative; width:100%; height:100%;}
.photo_upload .insert_img .photo_sort .sort_box .sort_num {position:Absolute; top:5px; left:5px; width:25px; height:25px; line-height:23px; border-radius:50%; background:rgba(134,134,134,0.8); border:2px solid #ddd; color:#fff; text-align:center; font-size:13px; }
.photo_upload .insert_img.on .photo_sort {border-color:#DC0000;}
.photo_upload .insert_img.on .photo_sort .sort_box .sort_num {background:#DC0000; border-color:#DC0000;}


/* 2번 */
.photo_addbox2 {}
.photo_addbox2 > div {}
.photo_addbox2 label {display:flex; align-items:center; justify-content: center; width:90px; height:90px; text-align:center; background:#fff; border-radius:8px; border:1px solid #EBEBEB; background-size:cover;}
.photo_addbox2 label p {font-size:13px; line-height:16px; color:#A5A5A5;}
.photo_addbox2 label p span {font-size:13px; line-height:16px; color:#A5A5A5;}

.photo_upload {}
.photo_upload .insert_img2 .photo_sort {position:Absolute; top:0; left:0; width:100%; height:100%; border:3px solid transparent; border-radius:3px; }
.photo_upload .insert_img2 .photo_sort .sort_box {position:relative; width:100%; height:100%;}
.photo_upload .insert_img2 .photo_sort .sort_box .sort_num {position:Absolute; top:5px; left:5px; width:25px; height:25px; line-height:23px; border-radius:50%; background:rgba(134,134,134,0.8); border:2px solid #ddd; color:#fff; text-align:center; font-size:15px; }
.photo_upload .insert_img2.on .photo_sort {border-color:#DC0000;}
.photo_upload .insert_img2.on .photo_sort .sort_box .sort_num {background:#DC0000; border-color:#DC0000;}