@charset "utf-8";

html, body {}
a, a:focus { outline: 0; }
/*
@media screen and (max-width: 1023px) and (min-width: 769px) {
  html, body {min-width: 960px;}
}
*/
* {
  -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
/*페이징*/
.Paging{text-align:center;margin:20px auto;}
.Paging a,.Paging strong{display:inline-block;margin:0 .8rem;font-family:Arial,sans-serif;font-size:0.75rem;color:#C7C7C7;}
.Paging strong{color:#3274CB;}


.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  -ms-flex-pack: center; 
  justify-content: center; 
  -ms-flex-align: center; 
  align-items: center;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  line-height: 1.25;
  color: #C7C7C7;
  font-family: 'Nanum Gothic';
}

.page-link img {width:18px; height: 18px; opacity: 0.2;}
.page-link span {font-size: 0;}

.page-link:hover {
  z-index: 2;
  color: #000;
  text-decoration: none;
}

.page-link:focus {
  z-index: 3;
  outline: 0;
}

.page-item.active .page-link {
  z-index: 3;
  color: #000;
  font-weight: 700;
}

.page-item.disabled .page-link {
  pointer-events: none;
  cursor: auto;
}

.page-item.disabled .page-link img {
  opacity: 0;
}

/* 공통인풋스타일 */
/* input style--------------------------------------------------------------------------*/
.input_style input[type=text],.input_style input[type=file],.input_style input[type=password]{border:1px solid #bdbdc0; background:#ffffff; padding-left:5px; height:28px; line-height:27px;}
.input_style select {padding:5px; border:1px solid #bdbdc0; height:30px; line-height:24px;}
.input_style textarea{border:1px solid #bdbdc0; background:#ffffff; padding:5px; height:200px;}
/* input style--------------------------------------------------------------------------*/

/*크롬과 익스플로러 이미지 1px차이 때문*/
@media screen and (-webkit-min-device-pixel-ratio: 0)
{.onepx{margin-bottom:1px}}

@media screen and (-webkit-min-device-pixel-ratio: 0){.kkk{padding-top:0px}}
.kkk{padding-top:3px}

@media screen and (-webkit-min-device-pixel-ratio: 0){.kkk{padding-top:0px}}
.kkkk{padding-top:3px}


.roll_rank .view1{display:none}
.roll_rank:hover .view1{display:block; position:absolute; top:0; left:0px; background:#ffffff; border:1px solid #bdbdbd; z-index:990}

.page table {margin:0 auto}
.mem_photo img{width:101px; height:114px}

/* 페이징 */
.paging div{font-family:'맑은 고딕','돋움',Dotum,'굴림',Gulim,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif !important;}
.paging{margin-top:50px;text-align:center;}
.paging span{display:inline-block;}
.paging_mypage{margin:50px 0; text-align:center;}
.paging_mypage span{display:inline-block;}



.animate{overflow:hidden}
.animate img{display: block;transition: -webkit-transform .2s cubic-bezier(.165,.84,.44,1);transition: transform .2s cubic-bezier(.165,.84,.44,1);transition: transform .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1); image-rendering: -webkit-optimize-contrast;}
.animate:hover img{transition-duration: .3s;-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

/* 전체보기 메뉴관련 */
.allview{background:#fdf7f6; padding-left:20px; height:39px; line-height:39px; font-weight:bold; letter-spacing:-1px; font-family:'굴림'}
.allview_link{color:#666; letter-spacing:-1px; display:block; line-height:24px}
.r{background:#fdf7f6}
.b{background:#f6fcfd}

.left_scroll_count{margin-top:10px; width:100%; border-collapse:collapse}
.left_scroll_count th{border:1px solid #e9e9e9; background:#f7f7f7; text-align:center; color:#565656; font-size:14px; letter-spacing:-1px; padding:7px 0; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.left_scroll_count td{border:1px solid #e9e9e9; background:#fff; text-align:center; color:#464646; padding:15px 0; font-size:25px; font-family: 'Noto Sans KR' !important; font-weight:500 !important;}

.main_menu > table{table-layout:fixed; width:100%}
/* 메인타이틀 */
.rp_title{position:relative; padding:40px 0 15px 0; letter-spacing:-1px; color:#333; font-size:22px; font-family: 'Noto Sans KR' !important; font-weight:500 !important;}
.btn_title_style{margin-left:5px; padding:4px 20px; border-radius:100px; border:1px solid #666; font-size:14px; color:#666666; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}

/* 우대등록 1단 디자인 (색상관련 css속성은 main.html 상단에 위치) */
.wodae_01{border:1px solid #dfdfdf}
.wodae_01 table{border-collapse: collapse;}
.wodae_01 .wdisplay {display:none}
.wodae_01 .wodae_in:hover .wodae_inner{position:relative; z-index:100}


/* 우대등록 2단 디자인 (색상관련 css속성은 main.html 상단에 위치) */
.wodae_02 table{border-collapse: collapse;}
.wodae_02 .type{border:1px solid #dfdfdf; border-left:0 none;}
.wodae_02 .wdisplay {display:none}
.wodae_02 .wodae_in:hover .wodae_inner{position:relative; z-index:100}

/* 우대등록 3단 디자인 (색상관련 css속성은 main.html 상단에 위치) */
.wodae_03 > table{border-collapse: collapse; table-layout:fixed}
.wodae_03 .type{border:1px solid #dfdfdf; border-top:0 none;}
.wodae_03 .wdisplay {display:none}
.wodae_03 .wodae_in:hover .wodae_inner{position:relative; z-index:100}

/* 프리미엄 좌측디자인 (색상관련 css속성은 main.html 상단에 위치) */
.main_pre_guin_01{width:285px; position:relative;}
.main_pre_guin_01 .main_pre_border{display:none}
.main_pre_guin_01 .d_day{color:#62c8d1}

/* 스페셜디자인 (색상관련 css속성은 main.html 상단에 위치) */
.main_spe_guin_area_01 td:first-child .main_spe_guin_01{margin-left:0;}
.main_spe_guin_area_01 tr:first-child  td .main_spe_guin_01{margin-top:0;}
.main_spe_guin_01{position:relative}
.main_spe_guin_01 table{border-collapse: collapse; width:100%}

/* 스피드/추천/최근채용정보디자인 (색상관련 css속성은 main.html 상단에 위치) */
.main_speed_guin_area_01 td:first-child .main_speed_guin_01{margin-left:0;}
.main_speed_guin_area_01 tr:first-child  td .main_speed_guin_01{margin-top:0;}
.main_speed_guin_area_01 > table{border-collapse: collapse; table-layout:fixed}
.main_speed_guin_area_01 .type{border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}

.main_pick_guin_area_01 td:first-child .main_speed_guin_01{margin-left:0;}
.main_pick_guin_area_01 tr:first-child  td .main_speed_guin_01{margin-top:0;}
.main_pick_guin_area_01 > table{border-collapse: collapse; table-layout:fixed}
.main_pick_guin_area_01 .type{border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}

.main_latest_guin_area_01 td:first-child .main_latest_guin_01{margin-top:0;}
.main_latest_guin_area_01 tr:first-child  td .main_latest_guin_01{margin-top:0;}
.main_latest_guin_area_01 > table{border-collapse: collapse; table-layout:fixed}
.main_latest_guin_area_01 .type{border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}


.main_guzic_area_01{}
.main_guzic_area_01 > table{border-collapse: collapse; table-layout:fixed}
.main_guzic_area_01 .type{border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.main_guzic_area_01 .main_guzic_normal_01{}


.main_guzic_area_02 td:first-child .main_guzic_normal_02{margin-left:0;}
.main_guzic_area_02 .main_guzic_normal_02{width:292px; margin-left:17px; border:1px solid #dfdfdf}

.main_guzic_area_03 .main_guin_normal_01{border-top:1px solid #eaeaea; padding:12px 0}
.main_guzic_area_03 tr:first-child  td .main_guin_normal_01{border-top:0 none !important;}


/* 현재위치 */
.locate{letter-spacing:-1px; color:#999; font-size:12px; text-align:right; width:1200px; margin:0 auto; font-family:'굴림',Gulim,'돋움',Dotum,'맑은 고딕',tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.locate a{color:#999999}

/* 채용정보 검색창 */
.guin_search_form{border-collapse: collapse; table-layout:fixed}
.guin_search_form .title, .guin_search_form .subtxt{border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.guin_search_form .title{width:95px; height:70px; font-size:16px; color:#666666; letter-spacing:-1px; text-align:left; padding-left:30px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.guin_search_form .subtxt{padding-left:10px}
.guin_search_form select {padding:0 5px; width:228px !important;}
.guin_search_form .age_select select{width:215px !important;}
.guin_search_form input[type=text],.search_input_mypage_st input[type=file],.search_input_mypage_st input[type=password]{
border:1px solid #bdbdc0; background:#ffffff; padding-left:5px; height:28px; line-height:27px;}
.guin_search_form textarea{border:1px solid #bdbdc0; background:#ffffff; padding:5px;}

.guinz_search_form_sub{border-collapse: collapse; table-layout:fixed; background:#fff;}
.guinz_search_form_sub .s_title{border:1px solid #dfdfdf; border-bottom:none;}
.guinz_search_form_sub .s_title{text-align:left; padding-left:30px; color:#343434; font-size:16px; letter-spacing:-1px; background:#fdf7f6; height:45px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.guinz_search_form_sub .con{border:1px solid #dfdfdf; border-top:none;}
.guinz_search_form_sub .con_text{font-size:14px; letter-spacing:-1px; line-height:30px; color:#757575; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}



/* 서브우대등록 디자인 (색상관련 css속성은 guin_list.html 상단에 위치) */
.sub_wodae_01 table{border-collapse: collapse;}
.sub_wodae_01 .type{border:1px solid #dfdfdf;}
.sub_wodae_01 .wdisplay {display:none}
.sub_wodae_01 .wodae_in:hover .wodae_inner{position:relative; z-index:1000}


/* 서브 프리미엄 우측디자인 (색상관련 css속성은 guin_list.html 상단에 위치) */
.sub_pre_guin_area_01 td:first-child .sub_pre_guin_01{margin-left:0;}
.sub_pre_guin_area_01 tr:first-child  td .sub_pre_guin_01{margin-top:0;}
.sub_pre_guin_01{float:left; width:232px; margin-left:10px; margin-top:10px}
.sub_pre_guin_01 table{border-collapse: collapse; width:100%}
.sub_pre_guin_01 .line{border-top:2px solid #62c8d1 !important; border:1px solid #dfdfdf}
.sub_pre_guin_01:hover .line{ border:1px solid #62c8d1}
.sub_pre_guin_01 .d_day{color:#62c8d1}


/* 서브 스페셜디자인 (색상관련 css속성은 guin_list.html 상단에 위치) */
.sub_spe_guin_area_01 td:first-child .sub_spe_guin_01{margin-left:0;}
.sub_spe_guin_area_01 tr:first-child  td .sub_spe_guin_01{margin-top:0;}
.sub_spe_guin_01{position:relative}
.sub_spe_guin_01 table{border-collapse: collapse; width:100%}

/* 서브 포커스인재정보 */
.sub_guzic_area_01{}
.sub_guzic_area_01 tr:first-child td .sub_guzic_01{margin-top:0}
.sub_guzic_area_01 td:first-child .sub_guzic_01{margin-left:0;}
.sub_guzic_area_01 .sub_guzic_01{border:1px solid #dfdfdf; border-radius:5px; margin-top:20px; margin-left:20px; padding:20px}

/* 서브 스페셜 인재정보 */
.sub_guzic_area_02{}
.sub_guzic_area_02 tr:first-child td .sub_guzic_02{margin-top:0}
.sub_guzic_area_02 td:first-child .sub_guzic_02{margin-left:0;}
.sub_guzic_area_02 .sub_guzic_02{margin-top:15px; margin-left:15px; border:1px solid #dfdfdf; border-radius:5px; overflow:hidden;}

/* 서브 파워 인재정보 */
.sub_guzic_area_03{}
.sub_guzic_area_03 tr:first-child td .sub_guzic_03{margin-top:0}
.sub_guzic_area_03 td:first-child .sub_guzic_03{margin-left:0;}
.sub_guzic_area_03 .sub_guzic_03{border:1px solid #dfdfdf; border-radius:5px; margin-top:15px; margin-left:15px; padding:20px}

/* 신입서브우대등록 디자인 (색상관련 css속성은 guin_list.html 상단에 위치) */
.sub_pick_01 table{border-collapse: collapse;}
.sub_pick_01 .type{border:1px solid #dfdfdf;}
.sub_pick_01 .wdisplay {display:none}
.sub_pick_01 .pick_in:hover .pick_inner{position:relative; z-index:1000}

/* 서브타이틀 */
.com_title{position:relative; padding:10px 0 25px 0; color:#333; letter-spacing:-1px;}
.com_title_02{position:relative; padding:40px 0 18px 0; border-bottom:2px solid #333333; letter-spacing:-1px; color:#333; font-size:20px; font-family: 'Noto Sans KR' !important; font-weight:500 !important;}
.com_info{width:100%; table-layout:fixed; border-collapse:collapse; }
.com_info th{width:168px; text-align:center; height:45px; font-size:16px; letter-spacing:-1px; color:#333333; background:#fafafa; border:1px solid #dfdfdf; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.com_info td{text-align:left; height:45px; padding-left:20px; font-size:16px; letter-spacing:-1px; color:#666; background:#ffffff; border:1px solid #dfdfdf; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}

/* 상세 스크롤 기본위치 선점 - js 소스 영향을 주기위한 소스 */
.scrollfixed {position: fixed;  top: 0px;}
.area_fixed{position: relative;  margin-top:51px}

.detail_title{position:relative; font-size:16px; font-family:'맑은 고딕'; letter-spacing:-1.2px; color:#333; padding:40px 0 20px 0}
.detail_title2{position:relative; font-size:20px; letter-spacing:-1px; color:#333; padding:70px 0 20px 0; font-family: 'Noto Sans KR' !important; font-weight:500 !important; margin:0;}
.darea .darea_ico{display:none}
.scpoint table{margin: 0 auto}

/* 이력서 스킨기본 1 이력서정보 */
.doc_view_01 th, .doc_view_01 td{height:40px; font-family:'굴림'}
.doc_view_01 th{letter-spacing:-1.2px; background:#F8F8F9; color:#8ea9a0; text-align:left; padding-left:20px}
.doc_view_01 td{background:#fff; padding-left:20px}

/* 이력서 스킨2 이력서정보 */
.doc_view_02 th, .doc_view_02 td{height:40px; font-family:'굴림'}
.doc_view_02 th{letter-spacing:-1.2px; background:#F8F8F9; color:#92a965; text-align:left; padding-left:20px}
.doc_view_02 td{background:#fff; padding-left:20px}

/* 이력서 스킨3 이력서정보 */
.doc_view_03 th, .doc_view_03 td{height:40px; font-family:'굴림'}
.doc_view_03 th{letter-spacing:-1.2px; background:#F8F8F9; color:#bf9d55; text-align:left; padding-left:20px}
.doc_view_03 td{background:#fff; padding-left:20px}

/* 이력서 스킨4 이력서정보 */a5cee3
.doc_view_04 th, .doc_view_04 td{height:40px; font-family:'굴림'}
.doc_view_04 th{letter-spacing:-1.2px; background:#F8F8F9; color:#a5cee3; text-align:left; padding-left:20px}
.doc_view_04 td{background:#fff; padding-left:20px}


/* 서브페이지 알바구인 디자인 */
.sub_guzic_area_01 td:first-child .sub_guzic_normal_01{margin-left:0;}
.sub_guzic_area_01 tr:first-child td .sub_guzic_normal_01{margin-top:0}
.sub_guzic_area_01 .sub_guzic_normal_01{width:390px; margin-left:12px; margin-top:10px; border:1px solid #dfdfdf}

/* 역세권 지도 우측 디자인 (색상관련 css속성은 guin_undergounrd.html 상단에 위치) */
.sub_guin_area_01 td:first-child .sub_guin_01{margin-left:0;}
.sub_guin_area_01 tr:first-child  td .sub_guin_01{margin-top:0;}
.sub_guin_area_01{position:relative}
.sub_guin_area_01 table{border-collapse: collapse; width:100%}

/* 통합검색 우측메뉴 라인 */
.aside_list_area table{border-collapse:collapse;}
.aside_list_area table:first-child td{border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf }


/* 통합우대 디자인 (색상관련 css속성은 all_search.html 상단에 위치) */
.allsearch_wodae_01 table{border-collapse: collapse;}
.allsearch_wodae_01 .type{border:1px solid #dfdfdf;}
.allsearch_wodae_01 .wdisplay {display:none}
.allsearch_wodae_01 .wodae_in:hover .wodae_inner{position:relative; z-index:1000}


/* 통합 프리미엄디자인 (색상관련 css속성은 all_search.html 상단에 위치) */
.allsearch_pre_guin_area_01 tr .type:first-child {padding-left:0}
.allsearch_pre_guin_area_01 .type{padding-left:12px}
.allsearch_pre_guin_01{float:left; width:223px; margin-bottom:12px}
.allsearch_pre_guin_01 table{border-collapse: collapse;}
.allsearch_pre_guin_01 .line{border-top:2px solid #62c8d1 !important; border:1px solid #dfdfdf}
.allsearch_pre_guin_01:hover .line{ border:1px solid #62c8d1}
.allsearch_pre_guin_01 .d_day{color:#62c8d1}

/* 통합 스페셜디자인 (색상관련 css속성은 all_search.html 상단에 위치) */
.allsearch_spe_guin_area_01 td:first-child .allsearch_spe_guin_01{margin-left:0;}
.allsearch_spe_guin_area_01 tr:first-child  td .allsearch_spe_guin_01{margin-top:0;}
.allsearch_spe_guin_01{position:relative; width:459px;}
.allsearch_spe_guin_01 table{border-collapse: collapse; width:100%}


/* 통합 파워 인재정보 */
.allsearch_guzic_area_01{}
.allsearch_guzic_area_01 tr:first-child td .allsearch_guzic_01{margin-top:0}
.allsearch_guzic_area_01 td:first-child .allsearch_guzic_01{margin-left:0;}
.allsearch_guzic_area_01 .allsearch_guzic_01{width:420px; border:1px solid #dfdfdf; margin-top:10px; margin-left:10px; padding:20px}

/* 통합 스페셜 인재정보 */
.allsearch_guzic_area_02{}
.allsearch_guzic_area_02 tr:first-child td .allsearch_guzic_02{margin-top:0}
.allsearch_guzic_area_02 td:first-child .allsearch_guzic_02{margin-left:0;}
.allsearch_guzic_area_02 .allsearch_guzic_02{width:462px; margin-top:10px; margin-left:10px;}
.allsearch_guzic_area_02 .allsearch_guzic_02 table{border-collapse:collapse;}
.allsearch_guzic_area_02 .allsearch_guzic_02 .line{border:1px solid #dfdfdf; }

/* 통합 포커스인재정보 */
.allsearch_guzic_area_03{}
.allsearch_guzic_area_03 tr:first-child td .allsearch_guzic_03{margin-top:0}
.allsearch_guzic_area_03 td:first-child .allsearch_guzic_03{margin-left:0;}
.allsearch_guzic_area_03 .allsearch_guzic_03{width:420px; border:1px solid #dfdfdf; margin-top:10px; margin-left:10px; padding:20px}

/* 통합 게시판 */
.all_search_list td:first-child .all_saerch_rows2{margin-left:0 !important;}
.all_search_list .all_saerch_rows2{float:left; margin-left:10px;}

.bbs_float_area table{width:0%}
.bbs_float_area table td .rows_float{margin-left:15px; float:left}
.bbs_float_area table td:first-child .rows_float{margin-left:0}


/* 회원가입,수정 디자인 및 인풋스타일 */
.resister .title, .resister .substence{border:1px solid #dedee0; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.resister .title{background: #f3f4f8; color: #6b6b6b; width: 130px; height:50px; padding-left:20px; font-size:15px; letter-spacing:-1px; text-align:left;}
.resister .substence{padding:15px; background:#fff}
.resister .substence select {padding:5px;}
.resister .substence textarea{height:200px;}

.resister .guide_txt{font-size:11px; letter-spacing:-1px; font-family:'돋움'}


/* 회원정보보기 디자인 및 인풋스타일 */
.memview .title, .memview .substence{border-bottom:1px solid #dedee0; vertical-align:top; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.memview .title{color: #6b6b6b; width: 110px;  padding:15px 0 15px 20px; font-size:15px; text-align:left; letter-spacing:-1px}
.memview .substence{padding:15px; background:#fff; font-size:15px !important; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.memview .substence td{font-size:15px !important; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.memview .substence select {padding:5px;}
.memview .substence textarea{height:200px;}

.memview .guide_txt{font-size:11px; letter-spacing:-1px; font-family:'돋움'}

/* 실명인증 */
.real_name{border:1px solid #b8b8b8; padding:30px; background:#e7edf3; border-top:3px solid #000; margin-top:30px;}
.real_article{overflow:hidden}
.real_article .fw{width:100% !important}
.real_article .fwfix{width:665px !important}
.real_article .real_tit{width:100px; font-size:14px; letter-spacing:-1px; color:#000; font-weight:bold; font-family:'돋움'}
.real_article li{float:left}
.real_article li ul{width:100%}
.real_article li ul li{width:335px; float:left;}
.real_article .ipin_chk, .real_article .cp_chk{margin:0 35px}
.real_article .ipin_chk dt, .real_article .cp_chk dt{margin-bottom:15px; text-align:left}
.real_article .ipin_chk .txt, .real_article .cp_chk .txt{font-family:'돋움'; font-size:11px; letter-spacing:-1px; line-height:18px; color:#6f7e95; margin-bottom:20px; text-align:left}
.real_article .ipin_chk .chk_btn, .real_article .cp_chk .chk_btn{display:block; cursor:pointer; }

/* 마이페이지 메뉴 */
.mymene_layer{position:relative; width:180px; border:1px solid #333333; padding:20px 30px; background:#fff; z-index:100;  right:247px;}
.mymene_layer .arrow{position:absolute; right:-12px; top:30px;}
.mymene_layer td{text-align:left; height:36px; line-height:36px}
.mymene_layer td a{color:#333}

.mymain_cominfo{border-collapse: collapse; table-layout:fixed}
.mymain_cominfo .title, .mymain_cominfo .sub{height:40px; border:1px solid #e9e9e9; border-left:0 none !important; border-right:0 none !important}
.mymain_cominfo .title{width:70px; padding-left:5px; text-align:left; color:#999999; letter-spacing:-1.2px;}
.mymain_cominfo .sub{color:#666}

.mymain_cominfo .title_1, .mymain_cominfo .sub_1{height:40px; background:#fafafa}
.mymain_cominfo .title_1{width:150px; padding-left:20px; letter-spacing:-1.2px; border:1px solid #dfdfdf; border-right:0 none !important; text-align:left}
.mymain_cominfo .sub_1{padding-right:10px; border:1px solid #dfdfdf; border-left:0 none !important; text-align:right; color:#333}

.resister_rows th{width:68px; letter-spacing:-1.2px; color:#999999; text-align:left; font-weight:normal;}
.resister_rows td{color:#666; letter-spacing:-1.2px; }


#tabmenu {
	display:inline-block; zoom:1; *display:inline; _display:inline;
	margin:0px; padding:0px; list-style-type:none;
}
#tabmenu li {
	float: left;
}
#tabmenu li a {
	display: block;
	float: left;
	text-align:center;
	background:#c7c7c7;
	line-height:40px;
	width:70px;
	height:40px;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	letter-spacing:-1px;
}
#tabmenu li a.over {
	color: black;
	background:#666666;
	width:70px;
	height:40px;
	color:#fff;
}
#tabmenu li a.selected {
	color: black;
	background:#666666;
	width:70px;
	height:40px;
	color:#fff;
}

#foreign_lang_help {
	position:absolute; top:15px; right:10px; border:1px dashed #939393; background:#fff;
	width:396px; height:180px; z-index:11;
}
#foreign_lang_help h2 {
	width:315px; height:35px; margin:0px auto 0 auto; padding:20px 0 0 0;
	color:#333; font-size:17px; letter-spacing:-1px;
	border:0px solid red;
}

.foreign_info {
	width:94%; height:124px; background-color:#F9F9F9;
	margin:10px 27px 0 10px;
	border-width:1px 0 0 1px; border-style:solid; border-color:#CCC;
	filter:alpha(opacity=20); opacity:0.2; -moz-opacity:0.2;
	opacity:0.8; -moz-opacity:0.8;-ms-filter: alpha(opacity=80);filter:alpha(opacity=80);

	background-color:#F9F9F9;
	border:1px solid #CCC;
	overflow-x:hidden; overflow-y:scroll;
	overflow-x:hidden; overflow-y:scroll;
	scrollbar-base-color: #DDD;
	scrollbar-face-color: #FFF;
	scrollbar-track-color: #EEE;
	scrollbar-highlight-color: #DDD;
	scrollbar-3dlight-color: #EEE;
	scrollbar-shadow-color: #EEE;
	scrollbar-darkshadow-color: #CCC;
	scrollbar-arrow-color: #CCC;
}
.foreign_info table {width:100%;}
.foreign_info th {
	padding:3px;
	border-width:0px 1px 1px 0; border-style:solid; border-color:#CCC;
	font-size:11px; text-align:center;
}
.foreign_info td {
	padding:3px;
	border-width:0px 1px 1px 0; border-style:solid; border-color:#CCC;
	font-size:11px;
}

/* 채용정보등록 및 유료옵션설정 */
.resister_company{}
.resister_company .title, .resister_company .sub{background:url('../img/resister_line_01.gif') 0 bottom repeat-x;}
.resister_company .title{width:150px; height:60px; font-size:15px; color:#333; text-align:left; letter-spacing:-1px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.resister_company .sub{font-size:12px; font-family:'굴림'; padding:15px 0}
.resister_company .pay td{padding-right:20px; font-size:12px}
.resister_company .pay2 td{font-size:12px; line-height:28px}
.resister_company .pay3 td{font-size:12px; line-height:28px}

.resister_company .sel_job select{margin-bottom:5px}

.resister_ppl{}
.resister_ppl .title{width:80px; text-align:left; height:36px; font-weight:normal; color:#666; letter-spacing:-1px; font-size:14px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.resister_ppl .sub{padding:5px 0}
.resister_ppl .pay td{padding-right:20px; font-size:12px}
.resister_ppl .pay2 td{font-size:12px; line-height:28px; font-weight:bold}
.resister_ppl .pay3 td{font-size:12px; line-height:28px}
.resister_ppl #jobtype_sel1 select{width:100% !important}
.resister_ppl #jobtype_sel2 select{width:100% !important}
.resister_ppl #jobtype_sel3 select{width:100% !important}
.pay_bg .pay_line{border-right:0 none !important; border-left:0 none !important}

.resister_company .sub textarea{border:1px solid #bdbdc0; background:#ffffff; padding:5px; height:200px;}

.resister_ppl .sub input[type=file]{border:1px solid #bdbdc0; background:#ffffff; padding-left:5px; height:28px; line-height:27px;}
.resister_ppl .sub select {padding:5px; border:1px solid #bdbdc0; height:30px; line-height:24px;}
.resister_ppl .sub textarea{border:1px solid #bdbdc0; background:#ffffff; padding:5px; height:200px;}
.resister_ppl .sub input[type="radio"], .resister_ppl .sub input[type="checkbox"]{cursor:pointer}

/* 이력서 등록페이지 */
.doc_resister th, .doc_resister td{height:60px}
.doc_resister th{width:120px; letter-spacing:-1.2px; background:#f8f8f9; color:#666666; text-align:left; padding-left:20px; font-size:15px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.doc_resister td{background:#fff; padding:5px 20px}

.rsum_keyword td{line-height:20px; color:#333}

.resister_rsum{}
.resister_rsum .title, .resister_rsum .sub{background:url('../img/resister_line_01.gif') 0 bottom repeat-x;}
.resister_rsum .title{width:140px; height:60px; letter-spacing:-1px; font-size:15px; color:#333; text-align:left; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.resister_rsum .sub{font-size:12px; font-family:'굴림'; padding:10px 0}
.resister_rsum .pay td{padding-right:20px; font-size:12px}
.resister_rsum .pay2 td{font-size:12px; line-height:28px}
.resister_rsum .pay3 td{font-size:12px; line-height:28px}
.resister_rsum .week table{width:0%}
.resister_rsum .week .days{padding-right:20px}

.resister_rsum .sub textarea{border:1px solid #bdbdc0; background:#ffffff; padding:5px; height:200px;}


/* 마이페이지 테이블 */
.my_tablecell{border:1px solid #dfdfdf; border-collapse: collapse; }
.my_tablecell .title{width:130px; font-size:15px; padding-left:20px; height:50px; background:#f9f9f9; text-align:left; border-bottom:1px solid #dfdfdf; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.my_tablecell .sub{padding:10px; border-bottom:1px solid #dfdfdf}
.my_tablecell .sell_140 select{width:140px}


/* 문의하기 디자인 및 인풋스타일 */
.inquiry_list .title, .inquiry_list .substence{border:1px solid #dedee0}
.inquiry_list .title{color: #6b6b6b; width: 140px; height:50px; padding-left: 15px; letter-spacing:-1px; background: #f3f4f8; font-size:15px; text-align:left; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.inquiry_list .substence{padding:10px 20px; background:#fff; line-height:20px; font-size:14px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.inquiry_list .substence select {padding:5px;}
.inquiry_list .substence textarea{padding:5px; height:200px;}

.inquiry_list .guide_txt{font-size:11px; letter-spacing:-1px; font-family:'돋움'}

/* 이력서관리 온라인입사지워 탭메뉴 스타일 */
.rsum{border:1px solid #dfdfdf; border-bottom:2px solid #FF6600}
.rsum a{display:block; height:38px; line-height:38px; font-weight:bold; color:#999}
.rsum .rsum_on{position:relative; display:block}
.rsum .rsum_on a{ color:#FF6600}
.rsum .line{display:none}
.rsum .rsum_on .line{width: 99%;height: 102%;border-top: 2px solid #ff6533;border-left: 2px solid #ff6533;border-right: 2px solid #ff6533; position: absolute; display: block; background: url("../../img/bottom_line.gif") 0 bottom repeat-x; left: -1px; bottom: -2px;}

.pay_radio input[type="radio"]{cursor:pointer}

/* 상세페이지 작은이미지 크기조정 */
.guin_simg img{width:148px; height:98px; border-radius:5px;}
.guin_simg_table .guin_simg{padding-left:16px;}
.guin_simg_table .guin_simg:first-child{padding-left:0;}

.guin_simg_pop img{width:135px; height:90px;}

/* 일반회원 패키지보유현황 정렬 */
.package_list_align{margin-top:20px}
.package_list_align table{table-layout:fixed}
.package_list_align table tr td:first-child div{margin-left:0 !important}

/* 로그인페이지 */
.login_area{padding:44px 98px 80px 98px; background:#fafafa; overflow:hidden;  margin-bottom:30px; border:1px solid #d6d6d6}
.login_form{position:relative; padding-bottom:30px; border-bottom:1px solid #dcdcdc}
.login_form .input_box{}
.login_form .input_box input{height:28px; line-height:28px; padding:0 5px; background:#f8f8f8; border:1px solid #72727d}
.login_form .btn_login{position:absolute; top:0; right:117px}

/* 지역검색 카테고리 라인*/
.guinarealist table{border-collapse: collapse; table-layout:fixed}
.guinarealist .tab_col{border:1px solid #e3e3e3}

/* 인재검색 카테고리 라인*/
.guzicarealist table{border-collapse: collapse;}
.guzicarealist .tab_col{border:1px solid #b6b6b6; border-top:0 none}


/* 서브 프리미엄 리스트 디자인  (색상관련 css속성은 guin_premium.html 상단에 위치) */
.sub_pre_guin_area_02 td:first-child .sub_pre_guin_list{margin-left:0;}
.sub_pre_guin_area_02 tr:first-child  td .sub_pre_guin_list{margin-top:0;}
.sub_pre_guin_list{float:left; width:388px;margin-left:18px; margin-top:20px}
.sub_pre_guin_list table{border-collapse: collapse; width:100%}
.sub_pre_guin_list .line2{padding:15px 30px; border-top:1px solid #e9e9e9}
.sub_pre_guin_list .d_day{color:#62c8d1}


/* 서브우대등록 리스트디자인 (색상관련 css속성은 guin_wodae.html 상단에 위치) */
.sub_wodae_list table{border-collapse: collapse;}
.sub_wodae_list .type{border:1px solid #dfdfdf;}
.sub_wodae_list .wdisplay {display:none}
.sub_wodae_list .wodae_in:hover .wodae_inner{position:relative; z-index:1000}


/* 서브 스페셜디자인 (색상관련 css속성은 guin_special.html 상단에 위치) */
.sub_spe_guin_area_02 td:first-child .sub_spe_guin_list{margin-left:0;}
.sub_spe_guin_area_02 tr:first-child  td .sub_spe_guin_list{margin-top:0;}
.sub_spe_guin_list{position:relative}
.sub_spe_guin_list table{border-collapse: collapse; width:100%}


/* 서브 스피드 리스트 디자인  (색상관련 css속성은 guin_speed.html 상단에 위치) */
.sub_speed_guin_area_03 td:first-child .sub_speed_guin_list{margin-left:0;}
.sub_speed_guin_area_03 tr:first-child  td .sub_speed_guin_list{margin-top:0;}
.sub_speed_guin_list{float:left; width:388px;margin-left:18px; margin-top:20px}
.sub_speed_guin_list table{border-collapse: collapse; width:100%}
.sub_speed_guin_list .line2{padding:15px 30px; border-top:1px solid #e9e9e9}
.sub_speed_guin_list .d_day{color:#62c8d1}


/* 서브 츠천디자인 (색상관련 css속성은 guin_pick.html 상단에 위치) */
.sub_pick_guin_area_02 td:first-child .sub_pick_guin_list{margin-left:0;}
.sub_pick_guin_area_02 tr:first-child  td .sub_pick_guin_list{margin-top:0;}
.sub_pick_guin_list{position:relative}
.sub_pick_guin_list table{border-collapse: collapse; width:100%}


/* 서브 파워링크 인재정보 리스트 */
.sub_guzic_power_area_list{}
.sub_guzic_power_area_list tr:first-child td .sub_guzic_power_list_rows{margin-top:0}
.sub_guzic_power_area_list td:first-child .sub_guzic_power_list_rows{margin-left:0;}
.sub_guzic_power_area_list .sub_guzic_power_list_rows{margin-top:15px; margin-left:15px; border:1px solid #dfdfdf; border-radius:5px; overflow:hidden;}


/* 서브 스페셜 인재정보 */
.sub_guzic_special_area_list{}
.sub_guzic_special_area_list tr:first-child td .sub_guzic_special_list_rows{margin-top:0}
.sub_guzic_special_area_list td:first-child .sub_guzic_special_list_rows{margin-left:0;}
.sub_guzic_special_area_list .sub_guzic_special_list_rows{margin-top:15px; margin-left:15px; border:1px solid #dfdfdf; border-radius:5px; overflow:hidden;}


/* 통합검색 탭 */
.tab_off{color:#999999; background:#fafafa; font-size:16px; letter-spacing:-1.2px; text-align:center; font-family:'맑은 고딕'; font-weight:bold; cursor:pointer; border:1px solid #dfdfdf; border-top:0 none !important; height:50px}
.tab_on{color:#333333; background:#fff; font-size:16px; letter-spacing:-1.2px; text-align:center; font-family:'맑은 고딕'; font-weight:bold; cursor:pointer; border-bottom:0 none !important; height:50px}

.search_cate table{table-layout:fixed}

/* 마이페이지 쪽지 */
.message {position:relative; display:inline-block; vertical-align:middle}
.message_bg_01{line-height:30px; min-width:14px; text-align:center; height:30px; float:left; font-size:11px; background:url('../img/message_bg_icon_01.gif') left 0 repeat-x; color:#fff}
.message_bg_02{ line-height:30px; height:30px; float:left; background:url('../img/message_bg_icon_02.gif') right 0 repeat-x; padding-right:15px}
.message span{display:inline-block; *zoom:1; _display:inline}

/* 최상단 메뉴 스타일 */
.top_text_style > span{display:inline-block; letter-spacing:-0.5px; color:#969696; font-size:14px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.top_text_style > span a{color:#969696;}
.top_text_style .top_btn{background:#fff; border:1px solid #cccccc; border-radius:3px; padding:1px 7px;}


/* 메인페이지 */
.main_guin_type_title td{background:#f8f8f8; padding:10px 0; border:1px solid #e1e1e1; border-bottom:none; text-align:center; font-size:18px; color:#191919; letter-spacing:-1px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.main_guin_type_con .main_guin_type_con_td{border:1px solid #e1e1e1; border-top:none;}
.main_guin_type_con_td .main_type_ico_title{display:block; padding-top:5px; letter-spacing:-1px; color:#898989; font-size:16px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.main_guin_type_con_td .main_type_ico_title2{padding-left:3px; letter-spacing:-1px; font-size:17px; color:#696969; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}

.main_login_white_box{background:#fff; border:1px solid #dddddd; border-radius:3px; padding:5px 0;}
.main_login_white_box .white_box_title{border-right:1px solid #ddd; color:#898989; text-align:center;}
.main_login_white_box .white_box_title a{color:#898989;}


/* h_form 추가 style */
.h_form select, .h_form input[type="text"],.h_form input[type="tel"], .h_form input[type="password"], .h_form textarea, .h_form a, .h_form select {/* font-family:'맑은 고딕','굴림',Gulim,'돋움',Dotum,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif !important;*/ font-size:14px !important;}
.h_form button {/*font-family:'맑은 고딕','굴림',Gulim,'돋움',Dotum,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif !important;*/}
.input_value_color01 input::-webkit-input-placeholder {color:#dddddd !important;}
.input_value_color01 input::-moz-placeholder {color:#dddddd !important;}
.input_value_color01 input::-ms-input-placeholder {color:#dddddd !important;}
.input_value_color01 input:-ms-input-placeholder {color:#dddddd !important;}


/* 채용정보 등록대기중 */
.no_info_text{text-align:center; color:#999999; font-size:17px; letter-spacing:-1px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.no_info_text .btn_info_text{display:inline-block; font-size:13px; color:#adadad; border:1px solid #999999; border-radius:100px; margin-top:5px; padding:4px 20px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}

/* 숫자 진하게 */
.number_b span{font-weight:bold !important; font-size:15px;}


/* 메인 하단 커뮤니티 */
.main_board_title{position:relative; letter-spacing:-1px; padding-bottom:20px; color:#333333; font-size:20px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.main_board_title span{position:absolute; top:4px; right:0;}

.btn_main_bottom_poll{cursor:pointer; display:inline-block; width:167px; height:30px; line-height:30px;  text-align:center; color:#fff; border-radius:3px; letter-spacing:-1px;}


/* 카피라이터 */
.footer_menu_text a{display:inline-block; padding-right:30px; font-size:15px; color:#6a6a6a; letter-spacing:-1px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.footer_con_title{font-size:14px; color:#696969; letter-spacing:-1px; font-family: 'Noto Sans KR' !important; font-weight:500 !important;}
.footer_con_text{line-height:1.8; font-size:13px; color:#898989; letter-spacing:-1px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}


/* 서브 리스트 */
.sub_list_title{font-size:22px; color:#333; letter-spacing:-1px; margin-top:45px; position:relative;}
.sub_list_counting{display:inline-block; font-size:16px; border-radius:100px; padding:2px 20px; margin-left:5px;}
.sub_list_select{position:absolute; right:0; bottom:0;}
.sub_list_select span{display:inline-block;}
.sub_list_select select{width:167px !important;}

.sub_list_table_title{background:#fafafa; border:1px solid #e5e5e5; margin-top:15px;}
.sub_list_table_title td{height:38px; font-size:14px; text-align:center; color:#848484; letter-spacing:-1px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}

.sub_search_box{border:1px solid #dfdfdf; background-color:#fafafa; padding:15px 30px; }
.alba_search_select select{width:140px;}

.btn_add_apply{font-size:14px; letter-spacing:-1px; border-radius:5px; padding:5px 20px; position:absolute; right:0; top:3px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}

.guzic_career_box{letter-spacing:-1px; display:block; text-align:center; border:1px solid #dfdfdf; border-radius:100px;}

/* 검색버튼색상 */
.h_form .search_color {background-color: #FF6600 !important;}
.h_form .search_color:hover, .h_form .search_color:focus {background-color: #E94D00 !important;}

.h_form .search_color_black {background-color: #454545 !important;}
.h_form .search_color_black:hover, .h_form .search_color_black:focus {background-color: #333 !important;}

.h_form .search_color_guzic {background-color: #4FCEBE !important;}
.h_form .search_color_guzic:hover, .h_form .search_color_guzic:focus {background-color: #58bfb2 !important;}

/* 알바 */
.alba_detail_table th{width:110px; font-size:15px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;  background:#f8f8f8; letter-spacing:-1px; text-align:left; height:50px; padding-left:25px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.alba_detail_table td{font-size:14px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;  background:#fff; letter-spacing:-1.2px; text-align:left; padding-left:20px; color:#666; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}

.alba_regist_table th{width:110px; font-size:15px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;  background:#f8f8f8; letter-spacing:-1px; text-align:left; height:60px; padding-left:25px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.alba_regist_table td{font-size:14px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;  background:#fff; letter-spacing:-1.2px; text-align:left; padding:0 20px; color:#666; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.alba_regist_table td .pay td{border:none; padding:0 10px;}
.alba_regist_table td .pay table{margin:0;}

/* 채용정보 상세 */
.guin_detail_con_title{padding-bottom:10px; color:#333; font-size:18px; letter-spacing:-1px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.guin_detail_con_info th{height:27px; text-align:left; font-size:15px; letter-spacing:-1px; color:#999999; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.guin_detail_con_info td{font-size:15px; color:#4f4f4f; text-align:left; letter-spacing:-1px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.guin_detail_con_info .darea span{font-size:15px; color:#4f4f4f; letter-spacing:-1px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.guin_detail_con_info.company th{font-size:14px;}
.guin_detail_con_info.company td{font-size:14px;}

.guin_detail_table th{width:169px; height:45px; border:1px solid #dfdfdf; background:#f8f8f8; letter-spacing:-1px; text-align:center; color:#515050; font-size:16px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.guin_detail_table td{padding-left:30px; border:1px solid #dfdfdf; letter-spacing:-1px; text-align:left; color:#666666; font-size:16px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}

.guin_detail_table2 .th_style{height:45px; color:#505050; font-size:16px; letter-spacing:-1px; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; background:#f8f8f8; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.guin_detail_table2 .td_style{color:#666666; font-size:14px; line-height:1.8; padding:20px; vertical-align:top; letter-spacing:-1px; border-right:1px solid #cbcbcb; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}

.guin_detail_table2 .guin_detail_in_table th{width:78px; vertical-align:top; color:#666666; font-size:14px; text-align:left; letter-spacing:-1px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.guin_detail_table2 .guin_detail_in_table td{font-size:14px; text-align:left; letter-spacing:-1px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}

.guin_detail_table3 .th_style{width:169px; height:45px; border:1px solid #dfdfdf; background:#f8f8f8; letter-spacing:-1px; text-align:center; color:#515050; font-size:16px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.guin_detail_table3 .td_style{padding-left:30px; border:1px solid #dfdfdf; letter-spacing:-1px; text-align:left; color:#666666; font-size:16px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.guin_detail_table3 .area_span span{font-size:16px; color:#666666; letter-spacing:-1px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}

.guin_detail_table3 .guin_detail_in_table2 td{font-size:16px; line-height:1.8; color:#666666; text-align:left; letter-spacing:-1px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}

.detailWrap .owl-carousel.owl-drag .owl-item {max-width: 400px; max-height: 240px;}
@media screen and (max-width:960px) {
  .detailWrap .owl-carousel.owl-drag .owl-item {max-height: 260px;}
}

/* 채용정보 상세 탭 */
.tabBt {position:relative;}
.tabBt li{width:25%; position:relative;}
.tabBt li .line{background:#dfdfdf; width:1px; height:20px; position:absolute; left:0; top:20px; z-index:1;}
.tabBt li .tab_border{display:none; border:1px solid #333; position:absolute; top:-1px; left:-1px; width:100%; height:58px; z-index:10;}
.tabBt li.on .tab_border{display:block;}
.tabBt li a {display:block; height:58px; line-height:58px; color:#a3a3a3; font-size:18px; text-align:center; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.tabBt li.on a{background:#fff; color:#333;}
.detail_tab_menu ul li{display:inline-block;list-style:none;white-space:nowrap;position:relative;float:left;}
.info_fixed{margin-top:0; position:relative;}

/* 이력서상세 */
.doc_view_info01 td{vertical-align:top;}
.doc_view_info01 .info01_title{position:relative; width:80px; font-size:15px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.doc_view_info01 .info01_title .line{width:1px; height:14px; background:#e9e9e9; position:absolute; top:5px; right:0;}
.doc_view_info01 .info01_con{padding-left:30px; color:#4f4f4f; font-size:15px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}

.doc_view_info02 .info02_title{border-right:1px solid #ccc; text-align:center; padding:10px 0; font-size:17px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.doc_view_info02 .info02_con{border-right:1px solid #ccc; text-align:center; padding:10px 20px; font-size:18px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.doc_view_info02 .info02_con .info02_table{margin:0 auto;}
.doc_view_info02 .info02_con .info02_table th{width:65px; text-align:left; letter-spacing:-1px; color:#7e7e7e; font-size:15px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.doc_view_info02 .info02_con .info02_table td{text-align:left; letter-spacing:-1px; color:#474747; font-size:15px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}

.doc_view_info03 th{width:115px; height:25px; padding:10px 0; letter-spacing:-1px; text-align:left; font-size:15px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.doc_view_info03 td{font-size:14px; padding:10px 0; color:#666666; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}

.doc_view_title{margin:50px 0 15px 0; font-size:22px; color:#333; font-family: 'Noto Sans KR' !important; font-weight:500 !important;}

.doc_view_detail_table .th_style{padding:12px 0; background:#f8f8f9; border-right:1px solid #eaeaea; text-align:center; font-size:16px; color:#333333; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.doc_view_detail_table .td_style{padding:15px 0; border-top:1px solid #eaeaea; border-right:1px solid #eaeaea; text-align:center; font-size:15px; color:#696969; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}

/* 스킨2 이력서 */
.doc_skin_02 .doc_view_info02 .info02_title{border-right:1px solid #e9f0e8; padding:0; text-align:center; font-size:17px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.doc_skin_02 .doc_view_info02 .info02_con{border-right:1px solid #e9f0e8; text-align:center; padding:5px 20px; font-size:18px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.doc_skin_02 .doc_view_info02 .info02_con .info02_table{margin:0 auto;}
.doc_skin_02 .doc_view_info02 .info02_con .info02_table th{width:65px; text-align:left; letter-spacing:-1px; color:#7e7e7e; font-size:15px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.doc_skin_02 .doc_view_info02 .info02_con .info02_table td{text-align:left; letter-spacing:-1px; color:#474747; font-size:15px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}

/* 스킨3 이력서 */
.doc_skin_03 .doc_view_info02 .info02_title{border-right:1px solid #e6dcc6; padding:0; text-align:center; font-size:17px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.doc_skin_03 .doc_view_info02 .info02_con{border-right:1px solid #e6dcc6; text-align:center; color:#474747; padding:5px 20px; font-size:18px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.doc_skin_03 .doc_view_info02 .info02_con .info02_table{margin:0 auto;}
.doc_skin_03 .doc_view_info02 .info02_con .info02_table th{width:65px; text-align:left; letter-spacing:-1px; color:#7e7e7e; font-size:15px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.doc_skin_03 .doc_view_info02 .info02_con .info02_table td{text-align:left; letter-spacing:-1px; color:#474747; font-size:15px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}

/* sns 이미지 크기 조정 */
.sns_img_size img{width:20px; height:auto;}

/* 팝업 속 테이블 */
.popup_table_style th{text-align:left; padding-left:10px; background:#f1f1f1; font-size:14px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.popup_table_style td{background:#ffffff; padding-left:10px; font-size:14px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}

/* 이력서 취업우대사항 병역select */
.army_select select{width:100px !important;}

/* 채용정보 지하철 select */
.regist_subway_select select{margin-bottom:5px !important;}

/* 선택된 패키지권 */
.package_use_form th{width:180px; height:50px; font-size:15px; font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.package_use_form td{padding:10px 5px;}
.package_use_form td select{width:160px !important;}



/*공통*/
.ow{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.psr{position:relative;}
.icon{display:inline-block;background-image:url("../../img/waiter/icon7.png");background-repeat:no-repeat;vertical-align:middle;font-size:0;} 
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#dfdfdf;text-shadow: none; -webkit-text-fill-color: initial;}
textarea:focus{outline:none;}
.checked{color:#000 !important;}
/*버튼스타일*/
.bigbtn{text-align:center;margin:20px 0;}
.bigbtn a,
.bigbtn .bigA{display:inline-block;border:1px solid #2ecebf;color:#ffffff; background-color: #2ecebf; padding:12px 0;min-width:180px;font-size:0.95rem;border-radius:30px;}
.bigbtn a:hover,
.bigbtn .bigA:hover{border-color:#2ecebf;color:#2ecebf; background-color: #ffffff;}
.bigbtn2{text-align:center;margin:40px 0;}
.bigbtn2 a{display:inline-block;min-width:200px;margin:0 20px;border:1px solid #D2D2D2;color:#878787;padding:14px 0;font-size:0.95rem;border-radius:30px;}
.bigbtn2 a:hover{border-color:#2ecebf;color:#2ecebf;}
.bigbtn2 a.step7 { background-color: #2ecebf; color: #fff; border-color: #2ecebf; }
.bigbtn2 a.step7:hover {background-color: #ffffff; color: #2ecebf;}
.bigbtn3{text-align:center;margin:40px 0;}
.bigbtn3 a{display:inline-block;border:1px solid #D2D2D2;color:#878787;padding:8px 0;min-width:180px;font-size:0.95rem;border-radius:30px;}
.bigbtn3 a:hover{border-color:#2ecebf;color:#2ecebf;}
.radioList.h_form ul{overflow:hidden;}
.radioList.h_form ul li{float:left;white-space:nowrap;}
.radioList.h_form label{display:flex; width: fit-content;}
.radioList.h_form span{color:#a8a8a8;margin-right:10px;vertical-align: text-top;font-size:0.9rem;font-weight:400;line-height: normal !important;}
ul.wd1 li{width:100%;}
ul.wd2 li{width:50%;}
ul.wd3 li{width:33.3333%;}
ul.wd4 li{width:25%;}
ul.wd5 li{width:20%;}
ul.wd6 li{width:16.66666666666667%;}
ul.wd7 li{width:14.28571428571429%;}
.none{text-align:center;padding:70px 30px;color:#A2A2A2;font-size:0.85rem;}
.nodata{text-align:center;}
.nodata p{padding:20px 0 20px;text-align:center;font-size:0.85rem;color:#939393;}
.nodata a{display:inline-block !important;color:#A2A2A2 !important;border:1px solid #eaeaea;padding:5px 50px;border-radius:30px;font-size:0.8rem;}
.nodata a:hover{color:#000 !important;border:1px solid #000;}
.nodata2{text-align:center;padding:50px 0; margin-bottom: 100px;}
.nodata2 p{text-align:center;margin-bottom:15px;font-size:0.85rem;color:#939393;}
.nodata2 a{display:inline-block !important;background-color:#000;color:#fff !important;border:1px solid #222;padding:5px 30px;border-radius:30px;font-size:0.8rem;}
.nodata2 a:hover{border:1px solid #000;color:#000 !important; background-color: #ffffff;}
@media screen and (max-width:960px) {
    .icon{background-size:340px 340px;}
    .bigbtn{margin-top:10px;}
    .bigbtn a{padding:10px 0;min-width:160px;font-size:0.8rem;border-radius:30px;}      
    .bigbtn2{margin:20px 0;}
    .bigbtn2 a{min-width:120px;margin:0 5px;padding:8px 0;font-size:0.8rem;}
    .bigbtn3{margin:30px 0;}
    .bigbtn3 a{padding:5px 0;min-width:120px;font-size:0.85rem;border-radius:30px;}
    .nodata2{margin-bottom: 0px;}
    .submenuLayerOpen a {pointer-events: none;}
}
@media screen and (max-width:374px) {
  .bigbtn a{min-width:110px;}      
}
/*상단네비*/
.topNavi{position:relative;border-bottom:10px solid #fafafa;padding:20px 0;}
.topNavi >.container{position:relative;}
.topNavi h1,
.topNavi h2{font-size:1.1rem;font-weight:500;display: inline-block;}
.topNavi h1,
.topNavi h2 a { margin-right: 20px; color: #b8b8b8; }
.topNavi h1,
.topNavi h2 a:hover,
.topNavi h1,
.topNavi h2 a.on { color: #000; }
.topNavi .cs-tit {font-size:1.1rem;font-weight:500;display: inline-block;}
h3.tit{display:block;font-weight:500;font-size:1.1rem;margin:70px 0 30px;}
.topNavi .scrap{position:absolute;top:0;right:0;font-size:1rem;color:#565656;}
.topNavi .jump{position:absolute;top:0;right:0;font-size:1rem;width:80px;text-align:right;}
.topNavi .jump a{color:#5b5bff;border-bottom:1px solid #5b5bff;}
.topNavi .payNum{position:absolute;top:0;right:15px;font-size:1.1rem;color:#777;}
.topNavi .titbox ul{position:absolute;top:0;right:15px;}
.topNavi .titbox ul li{position:relative;float:left;width:22px;height:22px;border:1px solid #DBDBDB;color:#ccc;border-radius:50%;text-align:center;line-height:20px;font-size:0.8rem;margin-left:14px;}
.topNavi .titbox ul li:before{content:'';position:absolute;top:50%;left:-14px;width:14px;height:1px;background-color:#DBDBDB;  }
.topNavi .titbox ul li:first-child:before{display:none;}
.topNavi .titbox ul li.on{background-image:url("../../img/waiter/step.png");border:0;font-size:0;}
.topNavi .csMenu{position:absolute;top:2px;right:0;}
.topNavi .csMenu ul{overflow:hidden;display: flex;}
.topNavi .csMenu ul li{margin-left:40px; display: flex; align-items: center;}
.topNavi .csMenu ul li h1 {font-weight: 400; font-size: 1rem; line-height: 1.5; display: inline; margin: 0;}
.topNavi .csMenu ul li a{color:#999;font-size:1rem;}
.topNavi .csMenu ul li.on a,.topNavi .csMenu ul li a:hover{color:#000;}
/*공통 타이틀*/
.container h3.tit{display:block;font-weight:500;font-size:1rem;margin:70px 0 30px;}
.container .h3.tit,
.container .h3.tit2{display:block;font-weight:500;font-size:1rem;margin:70px 0 30px;}
@media screen and (max-width:960px) {
    .topNavi{position:relative;border-bottom:7px solid #fafafa;padding:15px 0;margin-top:55px;}
    .topNavi .back{display:inline-block;margin-right:5px;}
    .topNavi .back em{width:20px;height:20px;background-size:260px 260px;background-position:-172px -183px;}
    .topNavi h1,
    .topNavi h2{display:inline-block;font-size:1.05rem;vertical-align: middle;} 
    .topNavi .jump{right:15px;}
    .topNavi .jump a{font-size:0.85rem;}
    .topNavi .payNum{right:15px;font-size:0.85rem;}
    .topNavi .scrap{right:15px;font-size:0.85rem;}
    .container h3.tit{margin:40px 0 15px;font-size:1rem;}  
    .topNavi .csMenu{right:15px;}
    .topNavi .csMenu ul li{margin-left:25px;}
    .topNavi .csMenu ul li h1 {font-size: 0.85rem; margin: 0;}
    .topNavi .csMenu ul li a{font-size:0.85rem;}
    .topNavi .titbox ul{right:15px;}
    .topNavi .titbox ul li{font-size:0.7rem;}
}
/*PC헤더*/
.headerWrap{height:96px;border-bottom:1px solid #E3E3E3;}
.headerWrap .logo{float:left; height: 96px; display: flex; align-items: center;}
.headerWrap .logo a{display:block; line-height: 1;}
.headerWrap .logo img {width: 104px;}
.headerWrap .templateMenu {float:left; position: relative; padding:36px 6px 34px; height: 96px; font-size: 16px; font-weight: 500;}
.headerWrap .templateMenu.adult::after{content: ''; display: inline-block; position: absolute; margin-top: 0; margin-left: 4px; width: 22px; height: 22px; background-image: url("../../img/waiter/19.png"); background-repeat: no-repeat;}
.headerWrap .mynav{float:right; height: 96px; display: flex; align-items: center;}
.headerWrap .mynav .user{position:relative;z-index:0;display:block;float:left;margin-left:20px;}
.headerWrap .mynav .user em.new{width:16px;height:16px;background-position:-222px -290px;margin-left:5px;}
.headerWrap .mynav .user p {display: flex; align-items: center;}
.headerWrap .mynav .user p .login{font-size:18px;color:#000;font-weight:500;line-height:36px;}
.headerWrap .mynav .user p .logout{font-size:13px;color:#000;font-weight:300;margin-left:12px; border-bottom: 1px solid #ccc;}
.headerWrap .mynav .user ul{display:none;}
.headerWrap .mynav .q {position: relative; display:block;float:left; margin-left: 12px;}
.headerWrap .mynav .q .search{position:relative; width: 320px; border-radius:40px; display: flex; align-items: center; justify-content: space-between; background:#f4f4f4;  border-radius : 5px; }
.headerWrap .mynav .q .search input{display:inline-block;border:none !important;margin-right:2px;text-indent:0px;color:#666;font-size:13px !important;line-height:42px; padding-left: 12px; background-color: transparent !important;}
.headerWrap .mynav .q .search input::placeholder { color:#b5b5b5 !important; }
.headerWrap .mynav .q .search input:focus {outline:0 !important;}
.headerWrap .mynav .q .search .srhIconBtn {padding:0; margin-right: 12px;border:none;box-shadow:none; width:23px;height:23px;display:inline-block;background-image:url("../../img/waiter/icon7.png");background-repeat:no-repeat;vertical-align:middle;font-size:0;background-position:-172px 0;}
.headerWrap .mynav .q .search .srhbtn{position:absolute;top:0;right:0;width:20%;background-color:#3274CB;color:#fff;display:inline-block;width:20%;font-size:0.9rem;line-height:42px;border-radius:30px;text-align:center;} 
.headerWrap .mynav .q .open-search-box {width: 36px; height: 36px; display: inline-block; background-image: url("../../img/waiter/magnify.svg"); background-repeat: no-repeat; background-size: 32px; background-position: center; vertical-align: middle; font-size: 0;}
.headerWrap .mynav .q .previewBox {position: absolute; background-color: #f4f4f4; z-index: 3; padding: 16px 5%; margin-top: 4px; border-radius: 5px; border-top: 1px solid rgb(243, 243, 243); overflow: auto; width: 100%; height: 324px;}
.headerWrap .mynav .q .previewBox::-webkit-scrollbar {width: 6px;}
.headerWrap .mynav .q .previewBox::-webkit-scrollbar-thumb { background-color: #dddddd; border-radius: 10px; background-clip: padding-box;}
.headerWrap .mynav .q .previewBox::-webkit-scrollbar-track { background-color: #f6f6f6; border-radius: 10px; }
.headerWrap .mynav .q .previewBox ul li .chips {display: flex; flex-wrap: wrap; gap:8px;}
.headerWrap .mynav .q .previewBox ul li .chips .v-chip .v-chip__content {font-size: 14px;}
.headerWrap .mynav .q .previewBox ul li a {display: grid; grid-template-columns: 42px 1fr 42px; gap:10px; align-items: center; -webkit-tap-highlight-color: initial;}
.headerWrap .mynav .q .previewBox ul li a span {font-size: 12px; letter-spacing: -1px; text-align: center; font-weight: 300;}
.headerWrap .mynav .q .previewBox ul li a .boxName {display: flex; justify-content: center; align-items: center; border-radius: 12px; width: 42px; height: 42px; word-break: keep-all; line-height: 1.1; font-weight: 400; overflow: hidden;}
.headerWrap .mynav .q .previewBox ul li a .comName {font-size: 14px; font-weight: 400;}
.headerWrap .mynav .q .previewBox ul li b,
.headerWrap .mynav .q .previewBox ul li p {display: block; font-size: 14px;}
.headerWrap .mynav .drop{position:relative;display:block;float:left;margin-left:20px;}
.headerWrap .mynav .drop2 {margin-left: 6px;}
.headerWrap .mynav .drop2 .hover-assistance {width:700px; height:36px; position:absolute; z-index: 0; right:-16px; top:-36px; /*border: 1px solid #eaeaea; border-bottom: none; background-color:rgba(242,244,247,0.5)*/}
.headerWrap .mynav .drop2 li a em.new{width:16px;height:16px;background-position:-222px -292px;margin-left:5px;}
.headerWrap .mynav .drop2 li a em.state {min-width: fit-content; height: 19px; background-image: none;  margin-left: 5px;}
.headerWrap .mynav .drop2 li a em.state::after{content: attr(data-text); display: inline-block; min-width: 8px; text-align: center; font-size: 10px; color: #ff5641; font-weight: 500; padding: 1px 6px; line-height: 1.1; border: 1px solid #ff5641; border-radius: 16px;}
.headerWrap .mynav .drop p a{font-size:18px;color:#000;font-weight:500;line-height:36px;}
.headerWrap .mynav .drop ul{display:none;}
.headerWrap .mynav .drop ul{display:none;position:absolute;top:35px;left:50%;width:120px;margin-left:-60px;z-index:100;background-color:#fff;border:1px solid #eaeaea;}
.headerWrap .mynav .drop ul li > a{display:block;color:#777;font-size:0.75rem;padding:8px 0;text-decoration:none;text-align:center;}
.headerWrap .mynav .drop ul li:hover > a{position:relative;background-color:#fafafa;}
.headerWrap .mynav .drop ul li.logout{background-color:#fafafa;margin-top:10px;}
.headerWrap .mynav .allmenu{display:block;float:left;position: relative;}
.headerWrap .mynav .allmenu.state::before {content: attr(data-text); display: inline-block; text-align: center; min-width: 18px; min-height: 18px; border-radius: 50%; position: absolute; top:0; right: -3px; color: #fff; background-color: #ff5641;}
.headerWrap .mynav .allmenu p a{display:block;font-size:0;width:36px;height:36px;background:url("../../img/default/menu.svg") no-repeat 50% 50%;}
.headerWrap .mynav .allmenu p a.searchOpen {background: none;}
.headerWrap .mynav .allmenu p a.searchOpen::after {content: '취소'; font-size:14px; display: inline-block; width: 100%; line-height: 2.5; text-align: center;}
.headerWrap .mynav .allmenu .submenu {position:absolute; top:35px; left:50%; z-index:2; transform:translateX(-50%); display:flex; width: 120px;}
.headerWrap .mynav .allmenu .submenu ul li.sub_on:hover::before {content: ''; display: table; width: 1px; height: 100%; background-color: #fafafa; position: absolute; top:0; right: 0;}
.headerWrap .mynav .allmenu .submenu ul li.sub_on.left:hover::before {left: 0;}
.headerWrap .mynav .allmenu .submenu ul li.logout2 .title,
.headerWrap .mynav .allmenu .submenu ul li.sub_on .title {font-size: 14px; color: #888888; padding: 14px 0;}
.headerWrap .mynav .allmenu .submenu ul li.sub_on ul.sub li a {font-size: 13px; color: #888888; display: flex; justify-content: space-between;}
.headerWrap .mynav .allmenu .submenu ul li.sub_on ul.sub li a em.icon.adult {background-size: 260px 260px;background-position: -242px -109px; width: 19px; height: 19px;}
.headerWrap .mynav .allmenu .submenu ul li.sub_on ul.sub li a em.cnt {color:#3274CB;}
.headerWrap .mynav .allmenu .submenu ul li.sub_on ul.sub li a.kakao em {font-size: 11px; color:#a8a8a8; line-height: 1.8;}
.headerWrap .mynav .allmenu .submenu ul li.sub_on:hover .title,
.headerWrap .mynav .allmenu .submenu ul li.sub_on ul.sub li:hover a {color:#222222;}
.headerWrap .mynav .allmenu .submenu ul{position:static; margin:0 !important;}
.headerWrap .mynav .allmenu .submenu ul.sub{position:absolute; top:0; left:120px; margin:0 !important; width: 158px; height:242px; background-color:#fafafa; border-left:none;}
.headerWrap .mynav .allmenu .submenu ul.sub.add-loguot-btn {height: 290px/*275px*/;}
.headerWrap .mynav .allmenu .submenu ul li.sub_on.left ul.sub{left:unset; right: 120px; border-left: 1px solid #eaeaea; border-right: none;}
.headerWrap .mynav .allmenu .submenu ul.sub li a {text-align: left; padding: 8px 20px 8px;}
.headerWrap .mynav .allmenu .submenu ul.sub li:first-child a {padding: 16px 20px 8px;}
.headerWrap .mynav .allmenu .submenu ul.sub li:last-child a {padding: 8px 20px 16px;}
.headerWrap .mynav .allmenu .box {position: relative;}
.headerWrap .mynav .allmenu .box .flex {display: flex; flex-wrap: wrap; justify-content:space-between; width:700px; padding: 60px 100px; position: absolute; left: unset; right:-16px; z-index: 100; background-color: #fff; border: 1px solid #eaeaea;}
.headerWrap .mynav .allmenu .box .flex .item > p {font-size: 16px; font-weight: 500; margin-bottom: 12px;}
.headerWrap .mynav .allmenu .box .flex .item > ul li {margin-bottom: 8px;}
.headerWrap .mynav .allmenu .box .flex .item > ul li a {color: #afafaf; font-size: 13px; font-weight: 300;}
.headerWrap .mynav .allmenu .box .flex .item > ul li a:hover,
.headerWrap .mynav .allmenu .box .flex .item > ul li a.on {color: #222;}
.Mheader{display:none;}
@media screen and (max-width:960px)  {
    .headerWrap .mynav{padding-right:20px;}
}
@media screen and (max-width:960px) {
    .headerWrap{display:none;}
    .Mheader{position:relative;display:block;height:60px;}
}
.Mheader .logo {width:181px; height:100%; display: flex; position: absolute; padding: 17px 0; height: 56px; left: 4%;}
.Mheader .logo .img {width:84px; height: 22px; background-image: url('../../img/default/main_logo.svg');background-size: 84px; background-position-y: 4px; background-repeat: no-repeat; font-size: 0;}
.Mheader .logo .back em{width:26px;height:20px; background-image: url('../../img/default/chevron-left.svg'); background-size: contain; margin-top: 2px;}
.Mheader .mynav em.new{width:16px;height:16px;background-position:-222px -292px;margin-left:5px; background-size: auto;}

/*메인상단메뉴*/
.Mheader a {-webkit-tap-highlight-color: transparent;}
.Mheader .topmenu_f {display: flex; justify-content: center; border-bottom: 1px solid #f2f2f2;}
.Mheader .topmenu_f a {padding: 0px 0px 10px; margin: 0 15px; font-size: 15px; border-bottom: 2px solid transparent; transform: translateY(1px);}
.Mheader .topmenu_f a.adult::after {content: ''; display: inline-block; margin-left: 4px; position: relative; top: 2px; width: 15px; height: 15px; background-size: 15px; background-image: url("../../img/waiter/icon7.png"); background-size: 228px 228px; background-position:-213px -97px; background-repeat: no-repeat;}
.Mheader .topmenu_f a.select {border-color: #000; font-weight: 700;}
/*.Mheader.is-hidden .topmenu_f a {color: #fff;}*/
.Mheader .topmenu{padding:70px 10px 14px; border-bottom: 1px solid #f2f2f2; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.Mheader .topmenu .city{position:relative; color:#6c6c6c;padding-left:5px; padding-right: 4px; display:flex; flex-wrap:nowrap;}
.Mheader .topmenu .city .map{display:inline-block;width:20px;height:20px;background-size:200px 200px;background-position:-186px -46px;margin-top:-1px;}
.Mheader .topmenu .city .si,
.Mheader .topmenu .city .gu {display:inline-block;font-size:13px;color:#6c6c6c;margin:0 20px 0 6px; position: relative;}
.Mheader .topmenu .city .si::after, 
.Mheader .topmenu .city .gu::after {content:'';position:absolute;top:5px;right:-20px;width:14px;height:14px;background-size:260px 260px;background-position:-220px -92px;display:inline-block;background-image:url("../../img/waiter/icon7.png");background-repeat:no-repeat;vertical-align:middle;}
.Mheader .topmenu .city .si-all { flex-grow:1; }
.Mheader .topmenu .city .gu{display:inline-block;font-size:13px;color:#6c6c6c; flex-grow:1;margin-left: 16px;}
.Mheader.is-hidden .topmenu,
.Mheader.is-hidden .topmenu_f a.select {border-color: transparent;}
/* .Mheader .topmenu .city:before{content:'';position:absolute;top:5px;right:4px;width:14px;height:14px;background-size:260px 260px;background-position:-247px -92px;display:inline-block;background-image:url("../../img/waiter/icon7.png");background-repeat:no-repeat;vertical-align:middle;} */

.Mheader .topmenu #category_2depth {position: relative; padding: 4px 8px; margin-right: 6px; border: 1px solid #ededed; border-radius: 20px;}
.Mheader .topmenu #category_2depth::after {content:'';position:relative; margin-left: 12px; width:14px;height:14px;background-size:260px 260px;background-position:-220px -92px;display:inline-block;background-image:url("../../img/waiter/icon7.png");background-repeat:no-repeat;vertical-align:middle;}
.Mheader.is-hidden .topmenu #category_2depth {color: #fff;}

.Mheader .topmenu .sheet-mask-open a {color: #bcbcbc;}
.Mheader .topmenu.non-filter .sheet-mask-open a {color: #000000;}
.Mheader .topmenu .sheet-mask-open.select a {color:#000 !important}
/*
.Mheader .topmenu .city .select.si::after, 
.Mheader .topmenu .city .select.gu::after,
.Mheader .topmenu .select.scale:before,
.Mheader .topmenu .select.guin-type:before {background-position:-232px -92px;}
*/

@media screen and (max-width:374px) {
  .Mheader .topmenu .city{width:fit-content;}
  .Mheader .topmenu .scale{width:fit-content;}
  .Mheader .topmenu .guin-type{width: fit-content;}
  .Mheader .topmenu .scale .t2 a {font-size: 10px;}
}

/*전체*/
.cd-auto-hide-header.is-hidden .topmenu .map{background-position:-166px -46px;}
.cd-auto-hide-header.is-hidden .topmenu .select a {color: #fff !important;}
.cd-auto-hide-header.is-hidden .topmenu .si a{color:#fff;}
.cd-auto-hide-header.is-hidden .topmenu .gu a{color:#fff;}
.cd-auto-hide-header.is-hidden .topmenu .city .si:after{background-position:-206px -92px;}
.cd-auto-hide-header.is-hidden .topmenu .city .gu:after{background-position:-206px -92px;}
.cd-auto-hide-header.is-hidden .topmenu .city:before{background-position:-221px -92px;}
.cd-auto-hide-header.is-hidden .topmenu .guin-type a{color:#fff;}
.cd-auto-hide-header.is-hidden .topmenu .guin-type:before{background-position:-206px -92px;}
.cd-auto-hide-header.is-hidden .topmenu .scale a{color:#fff;}
.cd-auto-hide-header.is-hidden .topmenu .scale:before{background-position:-206px -92px;}
.cd-auto-hide-header.is-hidden .topmenu .guin-type a.adult::after {background-position:-196px -97px;}
.cd-auto-hide-header.is-hidden .topmenu #category_2depth::after {background-position:-206px -92px;}

.job_category { position: relative; overflow: initial !important; }
.job_category_sub { display: none; position: absolute; top: 100%; left: 0; right: 0; border: 1px solid #ddd; background-color: #fff; padding: 10px; margin: 10px 0 0 0; }
.job_category_sub ul { word-break: keep-all; -webkit-box-flex: 1; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-wrap: wrap; }
.job_category_sub ul li { margin: 5px 0; /* width: 50%; */ }
.job_category_sub ul li a { padding: 5px !important; text-align: center; white-space: nowrap; }

/*뷰페이지상단메뉴*/
.TopView{overflow:hidden;line-height:55px;padding:55px 15px 0;  display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.TopView .fl{float:left;  flex: 1 1 auto;  display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; max-width: calc(100% - 80px) }
.TopView .fl .back{display:inline-block;}
.TopView .fl .back em{width:26px;height:26px; margin-top: 2px; background-size:260px 260px;background-position:-172px -183px;}
.TopView .fl .tit{display:inline-block;font-size:16px;color:#000;font-weight:500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.TopView .fr{float:right; flex: 0 0 auto; }
.TopView .fr .map{margin-right:5px;display:inline-block;}
.TopView .fr .map em{width:26px;height:26px;background-size:220px 220px;background-position:-167px -152px;display:inline-block;}
.TopView .fr .scrap_off{display:inline-block;}
.TopView .fr .scrap_off em{width:26px;height:26px;background-size:240px 240px;background-position:-216px -167px;display:inline-block;}

.TopView .fr .scrap_on{display:inline-block;}
.TopView .fr .scrap_on em{width:26px;height:26px;background-size:240px 240px;background-position:-89px -166px;display:inline-block;}

.cd-auto-hide-header.is-hidden .TopView .fl .back em{background-position:-172px -220px;}
.cd-auto-hide-header.is-hidden .TopView .fl .tit, 
.cd-auto-hide-header.is-hidden .TopView .fl .v-btn,
.cd-auto-hide-header.is-hidden .TopView .fr .v-btn {color:#fff !important;}
.cd-auto-hide-header.is-hidden .TopView .fr .map em{background-position:-167px -182px;}
.cd-auto-hide-header.is-hidden .TopView .fr .scrap_off em{background-position:-217px -200px;}
.cd-auto-hide-header.is-hidden .TopView .fr .scrap_on em{background-position:-90px -200px;}
/*커뮤니티 상단메뉴*/
.TopComu::-webkit-scrollbar {display: none;}
.TopComu{margin:30px auto;width:930px;}
.TopComu .scrollBlind ul li h1 a {font-weight: 500;}
.TopComu ul, .cd-secondary-nav .TopComu li, .cd-secondary-nav .TopComu a{height:100%;}
.TopComu ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0;overflow-x:auto;overflow-y: hidden;-webkit-overflow-scrolling:touch; flex-wrap: wrap; padding-top: 10px; padding-bottom: 10px; }
/*TopComu ul::after{clear:both;content:"";display:block;}*/
.TopComu li{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
.TopComu li:last-of-type{padding-right:20px;}
.TopComu a {display:block;color:#999999; padding: 0; margin:0 3rem 0 0;font-size:1rem;text-align:left; line-height: 35px; }
.TopComu a:hover, .TopComu  a.active{color:#000;}
.TopComu li a em{width:16px;height:16px;background-position:-222px -292px;margin-left:5px;}
.TopComu-rank::-webkit-scrollbar {display: none;}
.TopComu-rank {background-color: #f2f4f7;}
.TopComu-rank .scrollBlind::-webkit-scrollbar {display: none;}
.TopComu-rank .scrollBlind {display: flex; flex-wrap: wrap; width: 930px; margin: 0 auto;}
.TopComu-rank .scrollBlind .info {display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 30px;}
.TopComu-rank .scrollBlind .info span {font-size: 14px; color: #666}
.TopComu-rank .scrollBlind .info .tit {font-weight: 700; font-size: 16px; color: #000;}
.TopComu-rank .scrollBlind ul.category {display: flex; justify-content: space-around; width: 100%; margin: 30px 15px 60px;}
.TopComu-rank .scrollBlind ul.category li {width: 24%; text-align: center;}
.TopComu-rank .scrollBlind ul.category li a {display: inline-block; position: relative; font-size: 16px; width: 100%; padding: 10px; background-color: #fff; border-radius: 4px;}
.TopComu-rank .scrollBlind ul.category li a:hover:before {opacity: .08;}
.TopComu-rank .scrollBlind ul.category li a::before {border-radius: inherit;bottom: 0;color: inherit;content: "";left: 0;opacity: 0;pointer-events: none;position: absolute;right: 0;top: 0;transition: opacity .2s cubic-bezier(.4,0,.6,1);background-color: currentColor;}
.TopComu-rank .scrollBlind ul.category li a.active {background-color: #2ecebf !important; color: #fff;}
.rank-area {border-top: 4px solid; border-bottom: 2px solid; border-color: #fafafa;}
.rank-area ul.desktop {display: flex; justify-content: space-around; width: 930px; margin: 0 auto;}
.rank-area ul.desktop li {padding: 10px;}
.rank-area ul.desktop li a {font-size: 14px; color: #666;}
.rank-area ul.desktop li a.on,
.rank-area ul.desktop li a:hover {font-weight: 700; color: #000;}
.rank-area .mobile {display: none;}

.bbs-category{padding-top:20px; padding-bottom:20px;}
.bbs-category .category-depth-1{overflow:hidden;}
.bbs-category .category-depth-1 li{display:inline-block;}
.bbs-category .category-depth-1 li a{font-size:1rem;margin-right:50px;color:#b8b8b8;}
.bbs-category .category-depth-1 li.on a,.faqWrap .cate ul li:hover a{color:#000;}
.bbs-category .category-depth-2 {display: flex; flex-wrap: wrap; margin-top: 30px; border-left: 1px solid #eee;}
.bbs-category .category-depth-2 li {width: 20%; text-align: center;}
.bbs-category .category-depth-2 li a {display: inline-block; width: 100%; padding: 10px; border: 1px solid #eee; border-left: none;}
.bbs-category .category-depth-2 li:nth-child(n+6) a {border-top: none;}
.bbs-category .category-depth-2 li a:hover {background-color: #eeeeee;}
.bbs-category .category-depth-2 li a.on {color:#ffffff; background-color: #3274cb;}
@media screen and (max-width:960px) {
  .TopComu{margin:0;width:inherit;}
  .TopComu ::-webkit-scrollbar {display: none;}
  .TopComu ul,  .TopComu li,  .TopComu a{height:100%;}
  .TopComu ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0;overflow-x:auto;-webkit-overflow-scrolling:touch; flex-wrap: wrap; padding-top: 10px; padding-bottom: 10px; }
  .TopComu li{display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}    
  .TopComu li:last-of-type{padding-right:0px;}
  .TopComu li:last-child a {margin: 0;}
  .TopComu a {display:block;color:#b8b8b8; margin:0 0.8rem 0 0;font-size:0.9rem;text-align:left; line-height: 35px; }
  .TopComu a:hover, .TopComu  a.active{color:#000;}
  .TopComu li a em{width:16px;height:16px;background-size:340px 340px;background-position:-186px -246px;margin-left:5px;}
  .TopComu li:first-child a{padding-left:0;}
  .bbs-category .category-depth-2 li {width: 33.333%;}
  .bbs-category .category-depth-1 li a{font-size:0.9rem;margin-right:20px;}
  .bbs-category .category-depth-2 li:nth-child(n+4) a {border-top: none;}
  .TopComu.campaign {margin-bottom: 30px;}
  .TopComu.campaign ul li {padding: 8px 0 8px 0; margin-right: 20px;}
  .TopComu.campaign ul li a {line-height: 1.2; margin-right: 0;}
  .TopComu.campaign ul li:has(.active) {border-bottom: 2px solid #000;}
  .TopComu.campaign ul li a span {display: block; white-space: nowrap;}
  .TopComu-rank .scrollBlind {width: 100%;}
  .TopComu-rank .scrollBlind ul.category li a {font-size: 12px;}
  .TopComu-rank .scrollBlind .info {margin: 30px 15px 0;}
  .TopComu-rank .scrollBlind .info span {font-size: 12px;}
  .TopComu-rank .scrollBlind .info .tit {display: block;}
  .rank-area ul.desktop {display: none;}
  .rank-area .mobile {display: flex; justify-content: space-between; align-items: center; margin: 8px 15px;}
  .rank-area .mobile .tit {font-size: 14px; font-weight: 700;}
  .rank-area .mobile .area {font-size: 14px; position: relative; margin-right: 24px;}
  .rank-area .mobile .area::after {content: ''; position: absolute; top: 6px; right: -20px; width: 14px; height: 14px; background-size: 260px 260px; background-position: -220px -92px; display: inline-block; background-image: url(../../img/waiter/icon7.png); background-repeat: no-repeat; vertical-align: middle;}
}

/*모바일 슬라이드 메뉴*/
.Mheader .mynav{padding:70px 20px 45px;height:20px;font-size:1rem;background-color:#fff;position:absolute;left:0;right:0;border-bottom:10px solid #f8f8f8;z-index:9;}
.Mheader .mynav .modi{font-size:1rem;color:#333}
.Mheader .mynav .login {font-size: 16px;}
.Mheader .mynav .logout{display:inline-block;font-size:0.8rem;margin-left:10px;border-bottom:1px solid #ccc;}
.Mheader .mynav .loginbox > a{display:inline-block;font-size:0.8rem;margin-right:10px;}
.Mheader .mynav .loginbox ul{display:inline-block;}
.Mheader .mynav .loginbox ul li{display:inline-block;}
.Mheader .mynav .loginbox ul li a{margin-left:10px;}
.Mheader .mynav .loginbox ul li em{width:17px;height:17px;}
.Mheader .mynav .loginbox ul li em.naver{background-position:-249px 2px;}
.Mheader .mynav .loginbox ul li em.kakao{background-position:-273px 2px;}
.Mheader .mynav .loginbox ul li em.google{background-position:-298px 2px;}   

.Mheader .menuWrap{position:relative;overflow:hidden;height:100%;}
.Mheader .menuWrap .dep1{width:35%;overflow-y:auto;float:left;padding-top:125px;height:100%;}
/* .Mheader .menuWrap .dep1 ul li:nth-child(3){margin-top:30px;} */
.Mheader .menuWrap .dep1 ul li a{display: flex; height: 52px; justify-content: center; align-items: center; text-align:center; font-size:0.95rem;padding:14px 0;color:#000;}
.Mheader .menuWrap .dep1 ul li a.state::after {content: attr(data-text); display: inline-block; text-align: center; width: 18px; height: 18px; margin-top:2px; margin-left: 4px; font-size: 12px; color: #fff; border-radius: 50%; background-color: #ff5641;}
.Mheader .menuWrap .dep1 ul li.on a{background-color:#f8f8f8;font-weight:500;color:#000;}
.Mheader .menuWrap .dep2{flex:1;overflow-y:auto;background-color:#f8f8f8;overflow:hidden;padding-top:125px; height: 100%;}
.Mheader .menuWrap .dep2 .view-box {height: 100%;}
.Mheader .menuWrap .dep2 .view-box .flex-box {height: 100%; overflow-y: auto; display: flex;flex-direction: column;justify-content: space-between;}
.Mheader .menuWrap .dep2 ul li a{position:relative;display:block;text-align:left;font-size:0.95rem; font-weight:300; padding:14px 30px;color:#000;}
.Mheader .menuWrap .dep2 ul li a.on {color: #000; font-weight: 400;}
.Mheader .menuWrap .dep2 ul li.on a{color:#000;}

.Mheader .menuWrap .dep2 .csbox{position: relative; padding: 30px; padding-right: 0; /*position:absolute;bottom:20px;left:42%;*/font-size:0.9rem;}
.Mheader .menuWrap .dep2 .csbox > div{cursor:pointer;}
.Mheader .menuWrap .dep2 .csbox .tel{color:#000;font-size:0.9rem;margin-bottom:10px;}
.Mheader .menuWrap .dep2 .csbox .tel span{color:#000;}
.Mheader .menuWrap .dep2 .csbox .time{color:#000;font-size:0.8rem;}
.Mheader .menuWrap .dep2 .csbox .closed{color:#000;font-size:0.8rem;margin-bottom:8px;}
.Mheader .menuWrap .dep2 .csbox .sms{color:#000;font-size:0.8rem;}

.Mheader .menuWrap .dep2 .account{position:absolute;bottom:20px;left:42%;}
.Mheader .menuWrap .dep2 .account ul li p{font-size:0.9rem;color:#777;}
.Mheader .menuWrap .dep2 .account ul li span{font-size:0.9rem;color:#bbb;}

.Mheader .menuWrap .dep2 ul li a em.new {width: 16px; height: 16px; background-position: -222px -292px; margin-left: 5px; background-size: initial;}
.Mheader .menuWrap .dep2 ul li a em.state{width: fit-content; height: 23px; background-image: none; margin-left: 5px; }
.Mheader .menuWrap .dep2 ul li a em.state::after{content: attr(data-text); display: inline-block; min-width: 16px; text-align: center; font-size: 12px; color: #ff5641; font-weight: 500;  padding: 0 6px; border: 1px solid #ff5641; border-radius: 16px;}
/* .Mheader .menuWrap .dep2 ul li a em{position:absolute;top:50%;right:30px;margin-top:-8px;font-size:0.8rem;color:#999;} */
/* .Mheader .menuWrap .dep2 ul li a em.adult{position:inherit;top:inherit;right:inherit; width:22px;height:22px;background-size:260px 260px;background-position: -243px -110px;margin-left:5px;font-size:0;margin-top:0;} */
.Mheader .menuWrap .dep2 ul li a.write{position:absolute;top:50%;right:30px;margin-top:-8px;font-size:0.8rem;color:#999;padding:0;text-align:right;}
.Mheader .menuWrap .dep2 ul li.psr a{display:inline-block;margin-bottom:5px;}

.Mheader .menuWrap .dep2 #tab3 ul li.s7nio{margin-top:30px;}
.Mheader .menuWrap .dep2 #tab2 ul li.s7nio{margin-top:30px;}

.mainTopWrap{background-color:#f2f4f7;padding:40px 0;}
.mainTopWrap .gnb{overflow:hidden;}
.mainTopWrap .mainTopRight{float:left;margin-right:10px;height: 276px;}
.pcWrap .si {border-bottom:1px solid #f3f3f3; word-break: keep-all;}
.pcWrap .si .gnb {margin-top: 10px; margin-bottom: 10px;}
.pcWrap .si .gnb .gu {display: inline-block; font-size: 16px; color:#6f6f6f; margin: 4px 30px 4px 0;}
.pcWrap .si .gnb .gu.on {font-weight: 700;}
.pcWrap .si .gnb .gu.on,
.pcWrap .si .gnb .gu:hover {color: #292929; box-shadow: inset 0 -10px 0 #dce7fd;}

/*긴급채용 숨김으로 인해 메인 크기를 조정한다. */
.mainTopWrap .mainTopRight,
.mainTopWrap .mainVisual,
.mainTopWrap .jobMenu {width:719px !important; display: flex; flex-wrap: wrap;}

/* 배너 공통 */
.owl-dots .owl-dot span {font-size: 0px;}
/*상단비주얼*/
.mainTopWrap .mainVisual{width:716px;height:84px;/*box-shadow:0 3px 3px -2px rgba(91,91,91,.05);*/margin-bottom:9px;}
.mainTopWrap .mainVisual .owl-dots {position:absolute;osition:absolute;top:10px;right:10px;font-size:0;box-sizing:border-box;text-align:center;}
.mainTopWrap .mainVisual .owl-dots .owl-dot {display:inline-block;}
.mainTopWrap .mainVisual .owl-dots .owl-dot span {display:block;width:6px;height:6px;margin:5px 4px;background-color:#eee;border-radius:5px;transition:opacity 200ms ease;}
.mainTopWrap .mainVisual .owl-dots .owl-dot.active span {background:#000;width:6px;height:6px;transition:transform 4s .9s ease;}
.mainTopWrap .mainVisual .owl-dots .owl-dot:hover span{background:#000;}
/*VIP배너*/
.mainTopWrap .vip-banner .swiper-container ul li {width: 719px !important; background-color: #fff; background-image: url('../../img/waiter/desktop-vip-bg1.png'); background-repeat: repeat;}
.mainTopWrap .vip-banner .swiper-container ul li .banner {display: flex; align-items: center; width: 100%; height: 64px; padding-left: 18px; padding-right: 58px;}
.mainTopWrap .vip-banner .swiper-container ul li .banner .box {display: inline-block; font-size: 28px; white-space: nowrap;}
.mainTopWrap .vip-banner .swiper-container ul li .banner .name { display: inline-block; font-size: 28px; height:40px; margin-left: 16px; white-space: nowrap; color: #ffcd27; background-image: url('../../img/waiter/desktop-vip-underline2.png'); background-repeat: no-repeat; background-position: center bottom;}
.mainTopWrap .vip-banner .swiper-container ul li .banner .title {display: inline-block; font-size: 16px; font-weight: 300; margin-left: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mainTopWrap .vip-banner .swiper-pagination {display: flex; justify-content: space-around; bottom: 19px;}
.mainTopWrap .vip-banner .swiper-pagination .swiper-pagination-bullet {width: 3px; height: 3px; opacity: 1; background-color: #cdcdcd;}
.mainTopWrap .vip-banner .swiper-pagination .swiper-pagination-bullet .bullet-contents {display: inline-block; color: #cdcdcd; font-size: 12px; white-space: nowrap; transform: translate(-50%,3px); position: absolute;}
.mainTopWrap .vip-banner .swiper-pagination .swiper-pagination-bullet .bullet-contents .name {display: none;}
.mainTopWrap .vip-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #343434;}
.mainTopWrap .vip-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .bullet-contents {color: #000;}
.mainTopWrap .vip-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .bullet-contents .name {display: inline;}
.mainTopWrap .vip-banner .pagination-line {position: absolute; bottom: 0px; z-index: 1; width: 100%; font-size: 13px; margin-bottom: 1px; border-top: 1px solid rgb(231, 231, 231); height: 20.5px;}
.mainTopWrap .vip-banner .countdown {display: flex; justify-content: center; align-items: center; position: absolute; right: 18px; top:14px; background-color: #000; width: 36px; height: 36px; border-radius: 50%;}
.mainTopWrap .vip-banner .countdown span {color: #fff; font-size: 14px; font-weight: 500;}
.mainTopWrap .vip-banner .swiper-container ul li .Mbanner {display: none;}

@media screen and (max-width:960px) {
  .mainTop .blank {margin-top: 110px;}
  .mainTopWrap {padding: 0; background-color: transparent;}
  .mainTopWrap .gnb, 
  .mainTopWrap .mainTopRight {width: 100% !important; height: 271px;}
  .mainTopWrap .mainTopLeft,
  .mainTopWrap .mainTopRight .jobMenu {display:none;}
  .mainTopWrap .mainTopRight .vip-banner {margin-top: 111px; width: 100% !important; height: 159px;}
  .mainTopWrap .vip-banner .swiper-pagination {bottom: 25px;}
  .mainTopWrap .vip-banner .swiper-pagination .swiper-pagination-bullet {background-color: #fff; opacity: .4;}
  .mainTopWrap .vip-banner .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;}
  .mainTopWrap .vip-banner .swiper-pagination .swiper-pagination-bullet .bullet-contents {color: #fff; margin-top: 2px; font-size: 11px;}
  .mainTopWrap .vip-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #fff;}
  .mainTopWrap .vip-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .bullet-contents {color: #fff;}
  .mainTopWrap .vip-banner .pagination-line {bottom:5px; border-color: #fff; opacity: .2;}
  .mainTopWrap .vip-banner .swiper-container {width: 100%;}
  .mainTopWrap .vip-banner .swiper-container ul li {width: 100% !important; background-image: url('../../img/waiter/bg-1.jpg'); background-size: cover; background-position: center center;}
  .mainTopWrap .vip-banner .swiper-container ul li .banner {display: none;}
  .mainTopWrap .vip-banner .swiper-container ul li .Mbanner {display: block; padding: 30px 15px;}
  .mainTopWrap .vip-banner .swiper-container ul li .Mbanner .fl{float:left;margin-right:15px;}
  .mainTopWrap .vip-banner .swiper-container ul li .Mbanner .thumb{position:relative; width:76px;height:76px;border-radius:32px;overflow:hidden;border:1px solid #333;}
  .mainTopWrap .vip-banner .swiper-container ul li .Mbanner .thumb:before{content: '';position:absolute;top:0;left:0;background:rgba(0, 0, 0, 1);width:100%;height:100%;}
  .mainTopWrap .vip-banner .swiper-container ul li .Mbanner .thumb span{word-break: keep-all;position:absolute;top:0;bottom:0;left:2px;right:2px;vertical-align:middle;text-align:center;z-index:1;color:#fff;font-size:18px;font-weight:500;display:flex;align-items:center;justify-content:center;line-height:130%;}
  .mainTopWrap .vip-banner .swiper-container ul li .Mbanner .thumb img{min-width:76px;min-height:76px;width:100%;position: absolute;}
  .mainTopWrap .vip-banner .swiper-pagination {padding: 0 10px;}
  .mainTopWrap .vip-banner .swiper-container ul li .Mbanner .txtbox .line h3 {margin-top: 0; color: #fff;}
  .mainTopWrap .vip-banner .swiper-container ul li .Mbanner .txtbox .line h3 span {padding-right: 8px;}
  .mainTopWrap .vip-banner .swiper-container ul li .Mbanner .txtbox .line p span {color:#fff;}
  .mainTopWrap .vip-banner .swiper-container ul li .Mbanner .txtbox .line .tag {color: #2ecebf}
}
/*메인배너*/
.mbanner{margin-top:50px;}
.owl-carousel .owl-dots {position:absolute;top:10px;right:10px;font-size:0;box-sizing:border-box;text-align:center;}
.owl-carousel .owl-dots .owl-dot {display:inline-block;}
.owl-carousel .owl-dots .owl-dot span {display:block;width:6px;height:6px; margin:5px 4px;background-color:#eee;border-radius:5px;transition:opacity 200ms ease;}
.owl-carousel .owl-dots .owl-dot.active span {background:#000;width:6px;height:6px;transition:transform 4s .9s ease;}
.owl-carousel .owl-dots .owl-dot:hover span{background:#000;}
/*메인배너*/
.mainBanner{margin:70px auto;background-color:#fafafa;text-align:center;}
.mainBanner .mbannerC{width:960px;margin:0 auto;}
.mainBanner .mbannerE{width:960px;margin:0 auto;}
@media screen and (max-width:960px) {
    .banner{margin-top:30px;}    
}
/*인기순 랭킹 top 10*/
.mainTopWrap .mainTopLeft{position:relative;  overflow:hidden;height: 276px;background-color:#fff;box-shadow: 0 3px 3px -2px rgba(91,91,91,.05);}
.mainTopWrap .mainTopLeft h3{display:block;padding:15px 20px;font-size:16px;color:#333;background-color: #fafafa;}
.mainTopWrap .mainTopLeft ul.tab {padding: 20px 20px 0; display: flex;}
.mainTopWrap .mainTopLeft ul.tab li {width: 50%; text-align: center; margin-bottom: 0; border: 1px solid #c4c4c4; background-color: #f5f5f5;}
.mainTopWrap .mainTopLeft ul.tab li.on {border-color: #343434; background-color: #fff;}
.mainTopWrap .mainTopLeft ul.tab li button {width: 100%; height: 100%; padding: 4px; color: #c4c4c4;}
.mainTopWrap .mainTopLeft ul.tab li.on button {color:#343434;}
.mainTopWrap .mainTopLeft ul{padding:20px;}
.mainTopWrap .mainTopLeft ul li{margin-bottom:7px;overflow:hidden; }
.mainTopWrap .mainTopLeft ul li p{width: 110px; font-size:0.85rem;color:#6F6F6F; display: flex;}
.mainTopWrap .mainTopLeft ul li p .rank{font-size:0.85rem;color:#707070; display: block; width: 20px; white-space: nowrap; overflow: hidden; flex: 0 0 auto; font-weight: 500;}
.mainTopWrap .mainTopLeft ul li p .com{font-size:0.85rem;color:#707070; display: block; max-width: 80px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 0 0 auto; margin-left: 5px; }
.mainTopWrap .mainTopLeft ul li .name {font-size:0.85rem;color:#707070; display: block; max-width: 80px; width: 100%; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mainTopWrap .mainTopLeft ul li a{overflow:hidden; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.mainTopWrap .mainTopLeft ul li a:hover p,.mainTopWrap .mainTopLeft ul li a:hover span{color:#000;}
.mainTopWrap .mainTopLeft ul li .fade-up{
  -webkit-animation: 1s ease-in-out reverse fade-up;
  animation: 1s ease-in-out reverse fade-up;
}

@-webkit-keyframes fade-up {
  to {
    transform: translateY(20px);
    opacity: 0;
  }
}

@keyframes fade-up {
  to {
    transform: translateY(20px);
    opacity: 0;
  }
}
.mainTopWrap .mainTopLeft .owl-nav button{position:absolute;top:-32px;width:14px;height:14px;z-index:2;opacity:1;display:block;background-image:url("../../img/waiter/icon7.png") !important;}
.mainTopWrap .mainTopLeft .owl-nav .owl-prev {right:34px;background-position:-102px -269px !important;}
.mainTopWrap .mainTopLeft .owl-nav .owl-next {right:20px;background-position:-115px -269px !important;}
.mainTopWrap .owl-carousel .owl-nav button.owl-next, .mainTopWrap .owl-carousel .owl-nav button.owl-prev, .mainTopWrap .owl-carousel button.owl-dot{font-size:0;}

/*지역/일반웨이터역*/
.jobMenu{width:716px; overflow:hidden;background-color:#fff;box-shadow: 0 3px 3px -2px rgba(91,91,91,.05);}
.jobMenu > div h2{display:block;padding:14px 0;background-color:#fafafa;}
.jobMenu > div h2 a{display:inline-block;position:relative;font-size:1rem;font-weight:500;color:#000;margin-left:20px;}
.jobMenu ul{padding:16px 25px;min-height:132px;}
.jobMenu ul li{margin-bottom:6px;}
.jobMenu ul li a {padding: 0 4px 1px;}
.jobMenu .area{/*float:left;*/width:40%;}
.jobMenu .area h2 a{padding-left:26px;}
.jobMenu .area h2 a:before{content:'';position:absolute;top:0;left:0;width:22px;height:22px;background-image:url("../../img/waiter/map.png");background-repeat:no-repeat;}
.jobMenu .area ul li{float:left;width:20%;}
.jobMenu .area ul li a{color:#a1a1a1;font-size:0.85rem;}
.jobMenu .general{/*float:left;*/width:30%;border-left:1px solid #E9E9E9;border-right:1px solid #E9E9E9;}
.jobMenu .general h2 a{padding-right:26px;}
.jobMenu .general h2 a:after{/*content:'';position:absolute;top:2px;right:0;width:22px;height:22px;background-image:url("../../img/waiter/19.png");background-repeat:no-repeat;*/}
.jobMenu .general ul li a{color:#a1a1a1;font-size:0.85rem;}
.jobMenu .club{/*float:left;*/width:30%;/*border-right:1px solid #E9E9E9;*/}
.jobMenu .club ul li a{color:#a1a1a1;font-size:0.85rem;}
.jobMenu .type{/*float:left;*/ /*width:22%;*/}
.jobMenu .type ul li a{color:#a1a1a1;font-size:0.85rem;}
.jobMenu ul li a:hover,.jobMenu ul li.on a{color:#ffffff; background-color: #2ecebf; border-radius: 4px;  font-weight:500;}
.jobMenu .general > ul,
.jobMenu .club > ul,
.jobMenu .type > ul { clear: both; }
.jobMenu .general > ul::after,
.jobMenu .club > ul::after,
.jobMenu .type > ul::after { display: block; visibility: hidden; clear: both; content: ""; }
.jobMenu .general > ul > li,
.jobMenu .club > ul > li,
.jobMenu .type > ul > li { /*float: left;*/ margin-right: 10px; margin-bottom: 6px; color: #a1a1a1; }

/*메인 채용공고 더보기*/
.package-header {display:flex; justify-content:space-between; align-items:center; margin-bottom: 15px; margin-top: 75px;}
.package-header a {width:19px; height: 19px; margin-right: 2px; background-image: url("../../img/waiter/question.png"); background-size: 19px; background-repeat: no-repeat;}

.package-header .h_form,
.out-container .h_form {width: 107px; border: 1px solid #e5e5e5; border-radius: 3px;}
.package-header .h_form select,
.out-container .h_form select {border: none; color:#999999;}
.package-header .h_form select:not([multiple]):not([size]),
.out-container .h_form select:not([multiple]):not([size]) {padding-left: 13px; background-image: url("../../img/waiter/icon-down2.png"); background-size: 15px; background-position: calc(100% - 8px) 50%;}

.premium .package-header {margin-top: 0px;}
.non-member-box {position: relative;}
.non-member-box .non-member-blur {filter: blur(5px); opacity: 0.3;}
.non-member-box .non-member-text {display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:100%; text-align:center; position:absolute; top:0; left:0; z-index:2; background-color: rgba(255,255,255,0.4);}
.non-member-box .non-member-text p {font-size:14px;}
.non-member-box .non-member-text a {text-decoration: underline; text-underline-position: under; color: #3274cb; font-size:14px; padding: 10px; border:none;}
.non-member-box .non-member-text a:hover {text-decoration:none;}

@media screen and (max-width:960px) {
  .non-member-box .non-member-text p,
  .non-member-box .non-member-text a {font-size: 12px;}
}

.premium > h3,
.special > h3,
.benefit > h3,
.public > h3 { display: flex !important; justify-content: space-between; align-items: flex-end; }
.premium > h3 > .more,
.special > h3 > .more,
.benefit > h3 > .more,
.public > h3 > .more {
  text-indent: -9999em;
  display: flex;
  justify-content: center; 
  align-items: center;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  position: relative;
  transition: transform 0.5s ease-in-out;
}
.premium > h3 > .more:hover,
.special > h3 > .more:hover,
.benefit > h3 > .more:hover,
.public > h3 > .more:hover {
  transform: rotate(360deg);
}
.premium > h3 > .more::before,
.special > h3 > .more::before,
.benefit > h3 > .more::before,
.public > h3 > .more::before,
.premium > h3 > .more::after,
.special > h3 > .more::after,
.benefit > h3 > .more::after,
.public > h3 > .more::after {
  content: "";
  position: absolute;
  background: #888;
  transition: background-color 0.5s ease-in-out;
}
.premium > h3 > .more::before,
.special > h3 > .more::before,
.benefit > h3 > .more::before,
.public > h3 > .more::before {
  width: 100%;
  height: 1px;
  top: calc(50% - 1px);
  left: 0;
  right: 0;
}
.premium > h3 > .more::after,
.special > h3 > .more::after,
.benefit > h3 > .more::after,
.public > h3 > .more::after {
  width: 1px;
  height: 100%;
  left: calc(50% - 1px);
  top: 0;
  bottom: 0;
}
.premium > h3 > .more:hover::before,
.special > h3 > .more:hover::before,
.benefit > h3 > .more:hover::before,
.public > h3 > .more:hover::before,
.premium > h3 > .more:hover::after,
.special > h3 > .more:hover::after,
.benefit > h3 > .more:hover::after,
.public > h3 > .more:hover::after {
  background-color: #000;
}

/*프리미엄 채용공고*/
.allCount{margin:10px 0 20px;font-size:0.85rem;color:#a1a1a1;text-align:right;}
.allCount span{color:#ff2c2c;font-weight:500;}
.premium h3{display:block;color:#000;font-size:1.3rem;font-weight:500;}
.premium ul{display: flex; flex-wrap: wrap; overflow:hidden;margin-left:-1%;}
.premium ul li{width:24%;margin-left:1%; margin-bottom: 1%; }
.premium ul li a{display:block;padding:30px 20px;font-size:1.2rem;}
.premium ul li a em{display:block;color:#6c6c6c;font-size:1.2rem;font-weight:300;font-style:normal; }
.premium ul li a h4{position:relative;display:inline-block;margin-bottom:40px; max-width: 100%; }
.premium ul li a h4:after{position:absolute;content: '';width:100%;height:12px;bottom:-2px;left:0px;}
.premium ul li a h4 p{position:relative;color:#000;font-size:1.5rem;font-weight:700;z-index: 2; max-width: 100%; min-height: 34px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.premium ul li a .com {display: block; font-size: 12px; font-weight: 700; color: #2ecebf;}
.premium ul li a .title {height: 42px; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; display: contents; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.premium ul li a .title span{font-size:0.9rem;color:#676767; overflow: hidden; width: 100%; }
.premium ul li a .tag{display: flex; justify-content: space-between; align-items: center; color:#9F9F9F;font-size:0.85rem; height: 42px; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; margin-top:8px;}
.premium ul li a .tag .pc_scrap{display: inline;}
.premium ul li a .tag .pc_scrap .icon{background-size: 400px; width:20px; height:20px; font-size:0px;}
.premium ul li a .tag .pc_scrap.scrap_on .icon{background-position: -321px -172px;}
.premium ul li a .tag .pc_scrap.scrap_off .icon{background-position: -290px -172px;  filter:brightness(0.5); opacity: 0.2;}
.premium ul li a .tag .badge.service {white-space: nowrap;display: inline-block;background-color: #2ecebf;color: #fff;font-size: 12px;padding: 1px 6px;margin-right:2px;border-radius: 10px;}
.premium ul li a .tag .badge.option {white-space: nowrap;display: inline-block;background-color: #ffcd27;color: #fff;font-size: 12px;padding: 1px 6px;margin-right:2px;border-radius: 10px;}
.premium .yellowBg{background-color:#FFFBF3;}
.premium ul li.yellowBg a h4:after {background-color:#FFEDB4;} 
.premium .blueBg{background-color:#F5F8FE;}
.premium ul li.blueBg a h4:after{background-color:#D0DBF3;} 
.premium .redBg{background-color:#FFF3F3;}
.premium ul li.redBg a h4:after{background-color:#F5C6C6;} 
.premium .greenBg{background-color:#F1FEF7;}
.premium ul li.greenBg a h4:after{background-color:#BEEAD4;} 
.premium-more {display: inline-block; max-width: 240px; width: 100%; height: 40px; border: 1px solid #BDBDBD; border-radius: 4px; font-size:13px; font-weight:400; color: #000; text-align: center; line-height: 40px;}
.premium-more::after {content: ''; position: relative; margin-left: 12px; width: 14px; height: 14px; background-size: 260px 260px; background-position: -220px -91px; display: inline-block; background-image: url(../../img/waiter/icon7.png); background-repeat: no-repeat; vertical-align: middle;}
.premium-hide {display: none !important;}
@media screen and (max-width:960px) {
  .premium-more {max-width: unset;}
}
/*스페셜 채용공고*/
.special h3{display:block;color:#000;font-size:1.3rem;font-weight:500;}
.special ul{display: flex; flex-wrap: wrap; overflow:hidden;margin-left:-1%;}
.special ul li{width:24%;margin-left:1%;margin-bottom:1%;}
.special ul li a{display:block;font-size:1.2rem;border:1px solid #e4e3e3;border-top:2px solid #BABABA}
.special ul li a .tit{padding:15px 20px;border-bottom:1px solid #eee;}
.special ul li a .tit p {display: flex; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.special ul li a .tit p em{display:inline-block;color:#6c6c6c;font-size:1rem;font-weight:300;font-style:normal;margin-right: 8px;}
.special ul li a .tit p span {color: #2ecebf;font-size:1rem;font-weight: 300;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.special ul li a .tit h4{display:block;color:#000;font-size:1.5rem;font-weight:700; min-height: 34px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.special ul li a .box{padding:15px 20px;}
.special ul li a .box .min {min-height: 46px;}
.special ul li a .box .title {height: 42px; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; display: contents; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.special ul li a .box .title span{font-size:0.9rem;color:#676767; height: 42px; word-break: break-word; width: 100%; }
.special ul li a .box .tag{display: flex; justify-content: space-between; color:#9F9F9F;font-size:0.85rem; height: 42px; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; margin-top: 8px;}
.special ul li a .tag .badge.service {white-space: nowrap;display: inline-block;background-color: #2ecebf;color: #fff;font-size: 12px;padding: 1px 6px;margin-right:2px;border-radius: 10px;}
.special ul li a .tag .badge.option {white-space: nowrap;display: inline-block;background-color: #ffcd27;color: #fff;font-size: 12px;padding: 1px 6px;margin-right:2px;border-radius: 10px;}
.special ul li a .tag .pc_scrap{display: inline-block;}
.special ul li a .tag .pc_scrap .icon{background-size: 400px; width:20px; height:20px; font-size:0px;}
.special ul li a .tag .pc_scrap.scrap_on .icon{background-position: -321px -174px;}
.special ul li a .tag .pc_scrap.scrap_off .icon{background-position: -290px -174px;  filter:brightness(0.5); opacity: 0.2;}
.special ul li a:hover{border-color:#222;}
.special ul li:hover .tit{border-color:#eee;}
.special ul li:hover .tit h4{color:#222;}
.special ul li:hover .box{background-color:#f5f5f5;}

/*우대 채용공고*/
.benefit h3{display:block;color:#000;font-size:1.3rem;font-weight:500;}
.benefit ul{display: flex; flex-wrap: wrap; overflow:hidden;margin-left:-1%;}
.benefit ul li{width:24%;margin-left:1%;margin-bottom:1%;}
.benefit ul li a{display:block;font-size:1.2rem;border:1px solid #e4e3e3;}
.benefit ul li a .tit{padding:10px 20px 8px;}
.benefit ul li a .tit p {display: flex; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.benefit ul li a .tit p em{display:inline-block;color:#6c6c6c;font-size:0.9rem;font-weight:300;font-style:normal;margin-right: 8px;}
.benefit ul li a .tit p span {color: #2ecebf;font-size:0.9rem;margin-bottom: 0; font-weight: 300;}
.benefit ul li a .tit h4{position:relative;color:#000;font-size:1.4rem;font-weight:700; min-height: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.benefit ul li a .box{padding:8px 20px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.benefit ul li a .box p {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height: 24px;}
.benefit ul li a .box p span{display:inline;font-size:0.9rem;color:#676767;margin-bottom:8px;}
.benefit ul li a .tag{display: flex; margin-top: 8px; justify-content: space-between; color:#9F9F9F;font-size:0.85rem;  height: 42px; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; }
.benefit ul li a .tag .badge.service {white-space: nowrap;display: inline-block;background-color: #2ecebf;color: #fff;font-size: 12px;padding: 1px 6px;margin-right:2px;border-radius: 10px;}
.benefit ul li a .tag .badge.service span {font-size: 12px; color: #fff;}
.benefit ul li a .tag .badge.option {white-space: nowrap;display: inline-block;background-color: #ffcd27;color: #fff;font-size: 12px;padding: 1px 6px;margin-right:2px;border-radius: 10px;}
.benefit ul li a .tag .badge.option span {font-size: 12px; color: #fff;}
.benefit ul li a .tag .pc_scrap{display: inline-block;}
.benefit ul li a .tag .pc_scrap .icon{display: inline-block; background-size: 400px; width:20px; height:20px; font-size:0px;}
.benefit ul li a .tag .pc_scrap.scrap_on .icon{background-position: -321px -174px;}
.benefit ul li a .tag .pc_scrap.scrap_off .icon{background-position: -290px -174px;  filter:brightness(0.5); opacity: 0.2;}
.benefit ul li a:hover{border-color:#222;}
.benefit ul li:hover .tit h4{color:#222;}
.benefit ul li:hover .box{background-color:#f5f5f5;}

/*일반채용공고*/
.public h3{display:block;color:#000;font-size:1.3rem;font-weight:500;}
table.tb{table-layout:fixed;width:100%;border-top:1px solid transparent;text-align:center;border-collapse: collapse;}
table.tb th{background-color:#ffffff;text-align:center;padding:12px 0;color:#000;font-size:0.9rem;font-weight:500;border-bottom:1px solid #d4d4d4;}
table.tb td{padding:12px 20px;border-top:1px solid transparent;font-size:0.9rem;color:#777;}
table.tb td.tl{position:relative;text-align:left;word-break:keep-all;}
table.tb td.tr{text-align:right;}
table.tb tbody tr:hover {background-color:#fafafa;}

.public table.tb th,
.public table.tb td { text-align: left; padding: 12px; font-size:14px;}
.public table.tb td.corp{color:#000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.public table.tb td.tl span{position:absolute;top:50%;right:20px;transform: translateY(-50%); font-size:14px; color:#939393; display: block; width: 120px; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; text-align: right;}
.public table.tb td a{display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:14px; min-height: 23px;}
.public table.tb td .txtbox {display: flex;}
.public table.tb td .txtbox .effect_area {display: inline-block; max-width: calc(100% - 34px);} 
.public table.tb td .txtbox .badge.service {display: inline-block; background-color: #2ecebf; height: 18px; color: #fff; font-size: 0.7rem; padding: 1px 6px; margin-left: 6px; border-radius: 10px; white-space: nowrap;     transform: translateY(2px);}
.public table.tb td .txtbox .badge.option {display: inline-block; background-color: #FFCD27; height: 18px; color: #fff; font-size: 0.7rem; padding: 1px 6px; margin-left: 6px; border-radius: 10px; white-space: nowrap;     transform: translateY(2px);}
.public table.tb td .txtbox .search span {background-color:#ffeded;}
.public table.tb td .tc {display: flex; justify-content: space-between;}
.public table.tb td .tc span {font-size: 14px; white-space: nowrap;}
.public table.tb tbody tr.double td { border-top: 1px solid #eee;}
.public table .tb_scrap {text-align: center !important;}
.public table .pc_scrap{display: inline;}
.public table .pc_scrap .icon{background-size: 400px; width:20px; height:20px; font-size:0px;}
.public table .pc_scrap.scrap_on .icon{background-position: -321px -172px;}
.public table .pc_scrap.scrap_off .icon{background-position: -290px -172px;  filter:brightness(0.5); opacity: 0.2;}

#publicPage { margin: 20px 0; }
#publicPage .pagination {}

/*검색채용공고*/
.package-header.search {margin-top: 0;}
.package-header.search h3 span {color: #ff6e6e;}

/*하단공지사항*/
#footer{margin-top:70px;} 
#footer .notice{overflow:hidden; margin-bottom: 20px;}
#footer .notice h2{float:left;font-size:0.95rem;color:#000;line-height:40px;margin-right:40px;}
#footer .notice .fr{overflow:hidden;line-height:40px;font-size:0.95rem;display:flex; justify-content: space-between;}
#footer .notice .fr a{color:#777;font-size:0.9rem;}
#footer .notice .fr a:hover{/*color:#3274CB;*/}
#footer .sitemap{font-size:0.9rem;color:#777;}
#footer .sitemap:hover{/*color:#3274CB;*/}
@media screen and (max-width:960px) {
    #footer{margin-top:0px;}
    #footer .notice{display:none;}
}
/*카피라이트*/
.copyRightWrap{background-color:#fafafa;padding:50px 0;}
.copyRightWrap .flogo{margin-bottom:20px;position:absolute;top:0;right:15px;color:#777;}
.copyRightWrap .flogo img {display: none; filter: brightness(0.8); opacity: 0.3; width: 86px;}
.copyRightWrap .flogo .cs {display:flex; flex-direction:column; align-items:flex-end;}
.copyRightWrap .flogo .cs .tel {color:#999; font-size: 14px; margin-bottom: 4px;}
.copyRightWrap .flogo .cs .tel a {color:#222; font-size: 17px; font-weight: 700; }
.copyRightWrap .flogo .cs .time {color:#a6a6a6; font-size: 13px; cursor: pointer; font-weight: 200;}
.copyRightWrap .flogo .cs .contact {display: flex; margin-bottom: 12px;}
.copyRightWrap .flogo .cs .contact .board {display: inline-block; min-width: 90px; text-align: center; padding: 5px 0; background-color: #2ecebf; color: #fff}
.copyRightWrap .flogo .cs .contact .kakao {display: inline-block; min-width: 90px; text-align: center; padding: 5px 0; background-color: #fff100; color: #000;}
.copyRightWrap .flogo .cs .contact .kakao::before {content: ''; display: inline-block; width: 14px; height: 14px; margin-right: 3px; transform: translateY(3px); background-size: 240px; background-position: -192px 2px; background-image: url("../../img/waiter/icon7.png");}
.copyRightWrap .fnavi ul{overflow:hidden;margin-bottom:20px;display: flex; flex-wrap: wrap;}
.copyRightWrap .fnavi ul li{position:relative;display:inline-block;margin-left:20px;padding-left:20px;}
.copyRightWrap .fnavi ul li:before{content:'';position:absolute;top:5px;left:0;width:1px;height:12px;background-color:#ccc;}
.copyRightWrap .fnavi ul li:first-child{padding-left:0;margin-left:0;}
.copyRightWrap .fnavi ul li:first-child:before{display:none;}
.copyRightWrap .fnavi ul li.break{padding:0;margin:0;border:none;}
.copyRightWrap .fnavi ul li.break:before{display:none;}
.copyRightWrap .fnavi ul li a{font-size:0.85rem;}
.copyRightWrap .copyRight a,
.copyRightWrap .copyRight p {color:#a6a6a6;}
.copyRightWrap .copyRight span{color:#a6a6a6;font-size:0.75rem;margin-right:20px;line-height:20px;}
copyright{display:block;color:#a6a6a6;margin-bottom:10px;letter-spacing:0;}
.copyRightWrap .txt1{color:#a6a6a6;font-size:0.75rem;margin:30px 0 2px;}
.copyRightWrap .txt2{color:#ff6161;font-size:0.75rem;}
.copyRight a.tel{display:none;}
@media screen and (max-width:960px) {
  .copyRightWrap .flogo{position:inherit;top:inherit;right:inherit;text-align:center;  color:#777;}
  .copyRightWrap .flogo img {display: inline-block;}
  .copyRightWrap .flogo .cs {display: none;}
  .copyRightWrap{padding:20px 0;background-color:#fff;border-top:7px solid #fafafa;}
  .copyRightWrap .fnavi ul li {margin-left:9px;padding-left:9px;}
  .copyRightWrap .fnavi ul li.mno{display:none;}
  .copyRightWrap .fnavi ul li.break{width:100%;height:8px;}
  .copyRightWrap .fnavi ul li:nth-child(5){padding-left:0;margin-left:0;}
  .copyRightWrap .fnavi ul li:nth-child(5):before{display:none;}
}
/*상세페이지 뷰*/
.owl-item .item .img {padding: 33%; background-size:cover;}
.detailWrap .detailTop{background-color:#f2f4f7;padding:70px 0;margin-bottom:50px;}
.detailWrap .detailTop .container.guinWrap {display: flex; flex-wrap: wrap;}
.detailWrap .detailTop .gnb{overflow:hidden;padding:10px 0;}
.detailWrap .detailTop .titWrap{float:left;width:60%;border-right:1px solid #dbdbdb; padding-right: 40px; }
.detailWrap .detailTop .titWrap .company { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.detailWrap .detailTop .titWrap .area{display:inline-block;line-height:17px;border:1px solid #2ecebf;border-radius:20px;font-size:1.1rem;padding:6px 20px;color:#2ecebf;font-weight:500;  white-space: nowrap; flex: 0 0 auto; }
.detailWrap .detailTop .titWrap .area em{display:inline-block;border-right:1px solid #2ecebf;margin-right:8px;padding-right:10px;}
.detailWrap .detailTop .titWrap .company i{font-style:normal;font-size:1.1rem;display:inline-block;margin-left:10px;font-weight:500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  flex: 1 1 auto;  }
.detailWrap .detailTop .titWrap .title{font-size:2.2rem;font-weight:500;color:#000;margin:20px 0;word-break:break-word; line-height: 1.25;}
.detailWrap .detailTop .titWrap .tag{font-size:1.1rem;color:#000;}
.detailWrap .detailTop .attach{overflow:hidden;padding-left:40px; width: 40%;}
.detailWrap .detailTop .attach .h4{display:block;color:#000;font-size:0.95rem;font-weight:500;}
.detailWrap .detailTop .attach .name{color:#000;font-size:1rem;font-weight:500;}
.detailWrap .detailTop .attach .name a{display:inline-block;vertical-align:bottom;}
.detailWrap .detailTop .attach .name a em{width:24px;height:24px;}
.detailWrap .detailTop .attach .name .scrap_off em{background-position:-288px -169px;}
.detailWrap .detailTop .attach .name .scrap_on em{background-position:-319px -169px;}
.detailWrap .detailTop .attach ul{overflow:hidden;margin-top:30px;}
.detailWrap .detailTop .attach ul li{float:left;width:25%;text-align:center; }
.detailWrap .detailTop .attach ul li em{display:inline-block;width:50px;height:50px;background-color:#fff;border-radius:50%;margin-bottom:10px;}
.detailWrap .detailTop .attach ul li em.q01{background-position:11px -160px;} 
.detailWrap .detailTop .attach ul li em.q02{background-position:-40px -160px;}  
.detailWrap .detailTop .attach ul li em.q03{background-position:-92px -160px;}  
.detailWrap .detailTop .attach ul li em.q04{background-position:-142px -160px;}  
.detailWrap .detailTop .attach ul li p{color:#777;font-size:0.8rem;word-break:keep-all;}
.detailWrap .detailTop .botWrap {display: flex; flex-wrap: wrap;}
.detailWrap .detailTop .botWrap a {width: 140px; background-color: #ffffff; text-align: center; padding: 14px 0px; border: 1px solid #dddddd; border-radius: 24px; margin-right: 16px;}
.detailWrap .detailTop .botWrap .apply,
.detailWrap .detailTop .botWrap .scrap {display: flex; justify-content: center; align-items: center; height:47px;}
.detailWrap .detailTop .botWrap .apply.on {border-color: #3274cb; color:#3274cb;}
.detailWrap .detailTop .botWrap .apply img {width: 16px; height:16px; margin-right: 8px;}
.detailWrap .detailTop .botWrap .apply.off img {filter: brightness(0); opacity: 0.4;}
.detailWrap .detailTop .botWrap .scrap_on {border-color: #ffcd27;}
.detailWrap .detailTop .botWrap .scrap em.icon {width: 16px; height:16px; margin-right: 8px;}
.detailWrap .detailTop .botWrap .scrap_on em.icon {background-size:160px 160px;background-position:-60px -133px;}
.detailWrap .detailTop .botWrap .scrap_off em.icon {background-size:160px 160px;background-position:-145px -133px; filter: brightness(0.6);}
.detailWrap .information{margin:60px 0 40px;}
.detailWrap .information .h5{position:relative;display:block;color:#2ecebf;font-size:1.1rem;font-weight:500;margin-bottom:40px;}
.detailWrap .information .h5:before{content:'';position:absolute;bottom:0;left:0;right:0;width:100%;height:1px;background-color:#eee;}
.detailWrap .information .h5 em{display:inline-block;line-height:40px;border-bottom:2px solid #2ecebf;}
.detailWrap .information .box{overflow:hidden;}
.detailWrap .information .box{overflow:hidden;display: flex; flex-wrap: wrap;}
.detailWrap .information .box dl{width:50%;margin-bottom:15px;}
.detailWrap .information .box dl dt{float:left;width:120px;color:#979797;font-size:1rem;}
.detailWrap .information .box dl dd{overflow:hidden;font-size:1rem;color:#606060; white-space: nowrap; text-overflow: ellipsis; max-width: calc(100% - 170px); }
.detailWrap .information .box dl dd.non-ellipsis {white-space: normal; word-break: keep-all;}
.detailWrap .information .box dl dd::after { content: "\00a0"; }
.detailWrap .information .box dl dd .zzingdae {white-space: nowrap; color: #2ecebf; font-size: 14px;}
.detailWrap .reference{background-color:#F8F8F8;padding:14px 40px;;margin:10px 0;text-align:center;color:#777;font-size:0.85rem;word-break:break-all; }
.detailWrap .reference strong{font-weight:normal;color:#2ecebf;}
.detailWrap .moels {display: flex; flex-wrap: wrap;}
.detailWrap .reference.moel{background-color:#FEF8F8;color:#cb9b9b;display: flex !important; justify-content: center; align-items: center; width: calc(50% - 5px); margin-right: 5px;}
.detailWrap .reference.moel img,
.detailWrap .reference2.moel img {width: 18px; height: 18px; margin-right: 20px;}
.detailWrap .reference.moel strong,
.detailWrap .reference2.moel strong{font-weight:bold;color:#cb9b9b; }
.detailWrap .reference.moel svg,
.detailWrap .reference2.moel svg{width: 5px; height: 7px; vertical-align: middle; margin-left: 15px; margin-top: 1px;}
.detailWrap .reference.moel svg:not,
.detailWrap .reference2.moel svg:not([fill]) {fill: currentColor;}
.detailWrap .reference.warning {background-color: #f8fafe;color:#91a5cc; margin-left: 5px; margin-right: 0;}
.detailWrap .reference.warning.moel strong {color:#91a5cc;}
.detailWrap .viewCont h5{position:relative;display:block;color:#3274CB;font-size:1.1rem;font-weight:500;margin-bottom:40px;}
.detailWrap .viewCont h5:before{content:'';position:absolute;bottom:0;left:0;right:0;width:100%;height:1px;background-color:#eee;}
.detailWrap .viewCont h5 em{display:inline-block;line-height:40px;border-bottom:2px solid #3274CB;}
.detailWrap .viewCont .view { margin-bottom: 60px; }
.detailWrap .viewCont .view .title{font-size:1.2rem;color:#333;margin-bottom:10px;word-break:keep-all;}
.detailWrap .viewCont .view .cont{font-size:0.95rem;color:#777;word-break:keep-all;}    
.detailWrap .galleryWrap {display: flex; flex-wrap: wrap;}
.detailWrap .galleryWrap .titWrap{width:52%;margin-right:5%;}
.detailWrap .galleryWrap .titWrap .area{display:inline-block;line-height:17px;border:1px solid #c9c9c9;border-radius:20px;font-size:0.85rem;padding:4px 20px;color:#b4b4b4;font-weight:500;}
.detailWrap .galleryWrap .titWrap .area em{display:inline-block;border-right:1px solid #b4b4b4;margin-right:8px;padding-right:10px;}
.detailWrap .galleryWrap .titWrap .comp { margin-left: 10px; font-size:1rem; color: #000; }
.detailWrap .galleryWrap .titWrap .title{font-size:1.7rem;font-weight:500;color:#000;margin:10px 0;word-break:keep-all;}
.detailWrap .galleryWrap .titWrap .attach{margin-top:50px; margin-bottom:50px; }
.detailWrap .galleryWrap .titWrap .attach .h4{display:block;font-size:1rem;color:#000;font-weight:500;margin-bottom:10px;}
.detailWrap .galleryWrap .titWrap .attach {word-break: keep-all;}
.detailWrap .galleryWrap .titWrap .attach .name{display:block; font-size:1.2rem;color:#000;margin:5px 0 5px;font-weight:500;}
.detailWrap .galleryWrap .titWrap .attach .name span {display:inline-block; width:80px}
.detailWrap .galleryWrap .titWrap .attach .var {display: inline-block; border-left: 1px solid #cccccc; margin-left:8px; margin-right: 8px; width: 1px; height:12px;}
.detailWrap .galleryWrap .titWrap .attach .br {margin-bottom: 30px;}
.detailWrap .galleryWrap .titWrap .attach .add{color:#777;font-size:1rem;}
.detailWrap .galleryWrap .galleryList{overflow:hidden; width: 43%;}
.detailWrap .kakao-map {position: relative;}
.detailWrap .kakao-map .map-head {position:absolute;z-index:2; width:100%;background-color:rgba(248,248,248,0.9); padding:8px 16px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.detailWrap .kakao-map .map-head span {color: #2ecebf; font-size: 14px; margin-right: 8px;}
.detailWrap #map{clear:both;margin-top:30px;}
.detailWrap .reference2{background-color:#F8F8F8;padding:14px 0;text-align:center;color:#777;font-size:0.85rem;margin:10px 0; clear: both; }
.detailWrap .reference2 a{display:flex; justify-content: center;align-items: center;/*display:block*/}
.detailWrap .reference2 strong{position:relative;display:inline-block;color:#3274cb;font-weight:500;margin-right:10px;font-size:0.95rem;padding-left:20px;}
.detailWrap .reference2 strong:before{content:'';position:absolute;top:5px;left:0;width:15px;height:15px;background-image:url("../../img/waiter/moel-logo.svg"); /*background-image:url("../../img/waiter/infor.png");*/}
.detailWrap .reference2.moel {padding: 0;}
.detailWrap .reference2.moel a {color: #999; padding: 14px 0;}
.detailWrap .reference2.moel strong {color: #999; padding: 0; margin: 0; font-size: 0.85rem;}
.detailWrap .reference2.moel strong::before {display: none;}
.detailWrap .information .minfo{display:none;}
.detailWrap .information .minfo .phone span {display: inline-block; min-width: 51px;}
.detailWrap .MgalleryList{display:none;}
@media screen and (max-width:960px) {
    .detailWrap .MgalleryList{display:block;margin-top:116px;}
    .detailWrap .detailTop{padding:30px 0 30px;margin:0;}
    .detailWrap .detailTop .container.guinWrap {flex-direction: column;}
    .detailWrap .detailTop .titWrap{float:inherit;width:inherit;border-right:0;}
    .detailWrap .detailTop .titWrap .area{font-size:0.9rem;border-width:1px;padding:4px 20px;}
    .detailWrap .detailTop .titWrap .title{font-size:1.3rem;margin:10px 0 5px;font-weight:400;}
    .detailWrap .detailTop .titWrap .tag{font-size:0.9rem;color:#777;}
    .detailWrap .detailTop .titWrap .company i{display:none;}
    .detailWrap .detailTop .attach{padding-left:0; width: 100%;}    
    .detailWrap .detailTop .attach .h4{display:none;}
    .detailWrap .detailTop .attach .name{display:none;}
    .detailWrap .detailTop .attach ul{margin-top:20px;}
    .detailWrap .detailTop .attach ul li em{width:45px;height:45px;}
    .detailWrap .detailTop .attach ul li em.q01{background-position:11px -135px;} 
    .detailWrap .detailTop .attach ul li em.q02{background-position:-33px -135px;}  
    .detailWrap .detailTop .attach ul li em.q03{background-position:-78px -135px;}  
    .detailWrap .detailTop .attach ul li em.q04{background-position:-120px -135px;}  
    .detailWrap .detailTop .botWrap {justify-content: space-between; margin-top: 20px;}
    .detailWrap .detailTop .botWrap a {width: calc(50% - 5px); margin: 0 !important;}
    .detailWrap .information { margin: 30px 0; }
    .detailWrap .information h5{font-size:0.95rem;margin-bottom:20px;}
    .detailWrap .information .minfo{display:block;}
    .detailWrap .information .minfo dl{overflow:hidden;margin-bottom:10px;}
    .detailWrap .information .minfo dl dt{float:left;width:70px;font-weight:500;font-size:0.9rem;color:#979797;}
    .detailWrap .information .minfo dl dd{overflow:hidden;font-size:0.9rem;color:#606060;}
    .detailWrap .information .box dl{width:100%;margin-bottom:14px;}
    .detailWrap .information .box dl dt{font-size:0.9rem;}
    .detailWrap .information .box dl dd{font-size:0.9rem; max-width: calc(100% - 120px);}
    .detailWrap .information .box dl dd .zzingdae {font-size: 12px;}
    .detailWrap .reference{/*margin:5px 0 !important;*/ /*width:100% !important;*/ font-size:0.7rem;padding:15px 8px;}
    .detailWrap .reference.moel img,
    .detailWrap .reference2.moel img {width:14px; height:14px; margin-right: 6px;}
    .detailWrap .reference.moel svg, 
    .detailWrap .reference2.moel svg {margin-left: 6px;}
    .detailWrap .viewCont .view {margin-bottom: 30px}
    .detailWrap .viewCont h5{font-size:0.95rem;margin-bottom:30px;}
    .detailWrap .viewCont .view .title{font-size:1rem;color:#333;margin-bottom:10px;font-weight:500;word-break:keep-all;}
    .detailWrap .viewCont .view .cont{font-size:0.9rem;color:#555;word-break:keep-all;}      
    .detailWrap .galleryWrap{display:none;}   
    .detailWrap .reference2{text-align:left;padding:15px;word-break:keep-all;font-size:0.8rem;} 
    .detailWrap .reference2 strong{display:block;font-size:0.9rem;margin-bottom:5px;}
}
/*커뮤니티*/
.commMenu{margin:40px 0 70px;} 
.commMenu ul{overflow:hidden;}
.commMenu ul li{float:left;}
.commMenu ul li a{display:block;font-size:0.86rem;color:#b8b8b8;text-align:center;}
.commMenu ul li.on a{color:#000;font-weight:500;}
.commMenu ul li a:hover{color:#000;}
.commMenu.wd2 ul li{width:50%;}
.commMenu.wd3 ul li{width:33.3333%;}
.commMenu.wd4 ul li{width:25%;}
.commMenu.wd5 ul li{width:20%;}
@media screen and (max-width:960px) {
    .commMenu{margin:15px 0 20px;} 
    .commMenu ul li a{font-size:0.9rem;text-align:center;}
}
/* 랭킹 안내 */
.rankingWrap .rankingSave h2 {margin-top: 40px;}
.rankingWrap .rankingSave h2::after {content: ' '; display: inline-block; width: 21px; height: 11px; margin-left: 4px; background-position-x: 5px; background-repeat: no-repeat;}
.rankingWrap .rankingSave.on .box {display: flex; flex-wrap: wrap;}
.rankingWrap .rankingSave.on h2::after {background-image: url("../../img/waiter/select_arrow.png"); transform: rotate(180deg);}
.rankingWrap .rankingSave.off .box {display: none;}
.rankingWrap .rankingSave.off h2::after {background-image: url("../../img/waiter/select_arrow.png");}
.rankingWrap .rankingSave .box ul {width: 50%;}
.rankingWrap .rankingSave .box ul li {display: flex; justify-content: space-between; max-width: 370px; width: 100%; margin-bottom: 16px;}
.rankingWrap .rankingSave .box ul li div {display: flex; justify-content: space-between; max-width: 140px; width: 100%; font-size: 16px; color: #222222;}
.rankingWrap .rankingSave .box ul li div em {font-size: 14px; color: #666666;}
.rankingWrap .rankingSave .box ul li span {font-size: 16px; color: #000;}
@media screen and (max-width:960px) {
  .rankingWrap .rankingSave h2 {display: inline-block; margin-top: 50px;}
}

.rankingWrap .rankingInfo h2::after {content: ' '; display: inline-block; width: 21px; height: 11px; margin-left: 4px; background-position-x: 5px; background-repeat: no-repeat;}
.rankingWrap .rankingInfo.on ul {display: block;}
.rankingWrap .rankingInfo.on h2::after {background-image: url("../../img/waiter/select_arrow.png"); transform: rotate(180deg);}
.rankingWrap .rankingInfo.off ul {display: none;}
.rankingWrap .rankingInfo.off h2::after {background-image: url("../../img/waiter/select_arrow.png");}
.rankingWrap .rankingInfo .tit{position:relative;}
.rankingWrap .rankingInfo .tit h2{display:block;font-size:16px;font-weight:700;margin:60px 0 40px;color:#000;} 
.rankingWrap .rankingInfo .tit a{position:absolute;top:0;right:0;color:#3274cb;border-bottom:1px solid #3274cb;font-size:15;} 
.rankingWrap .rankingInfo ul li{position:relative;margin:30px 0; display: flex; justify-content: space-between;}
.rankingWrap .rankingInfo ul li.tit {border-radius: 4px; background-color: #f8f8f8; padding: 12px 0;}
.rankingWrap .rankingInfo ul li.tit span {color: #333333;}
.rankingWrap .rankingInfo ul li span{display:inline-block;font-size:14px;color:#666666;width: 28%;text-align: center;}
.rankingWrap .rankingInfo ul li span em {margin-right: 0;}
.rankingWrap .rankingInfo ul li span.point-area{width: 44%;}
.rankingWrap .rankingInfo ul li p {width: 100%; text-align: right;}
.rankingWrap .rankingInfo ul li .rank{width:40px;margin-left:2%;}
.rankingWrap .rankingInfo ul li .nick em{margin-right:15px;margin-top:-3px;}
.rankingWrap .rankingInfo ul li .point{position:absolute;top:0;right:0;color:#8e8e8e;font-size:15px;letter-spacing:0;}

.rankingWrap .rankingWarning {margin: 60px 0 140px;}
.rankingWrap .rankingWarning h2{display:block;font-size:16px;font-weight:700;margin-bottom:20px;color:#000;}
.rankingWrap .rankingWarning ul li {margin-bottom: 12px; font-size: 14px; color: #666666;}

/*랭킹*/
.rankingWrap .tit {position: relative;}
.rankingWrap .hover_icon {display: inline-block;}
.rankingWrap .hover_icon .icon {width:16px; height: 16px; margin-top: -5px; margin-left: 4px; background-image: url("../../img/waiter/question.png"); background-size: 16px; background-repeat: no-repeat;}
.rankingWrap .hover_icon .info_layer {display: none; max-width: calc(100vw - 30px); line-height: 1.5; color:#9c9c9c; position: absolute; top: 30px; z-index: 2; padding: 4px 10px; border: 1px solid #e7e7e7; border-radius: 4px; background-color: #ffffff; box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;}
.rankingWrap .hover_icon .info_layer p {margin-top: 6px; margin-bottom: 6px; font-style: normal;}
.rankingWrap .hover_icon .info_layer p br {display: none;}
.rankingWrap .hover_icon:hover > .info_layer {display: block;}
.rankingWrap .hover_icon img {transform: scale(0.9);}
.rankingWrap .rankingSave h2 {display:block;font-size:1rem;font-weight:700;margin-bottom:20px;color:#000;}
.rankingWrap .searchRanking{margin-top:60px;}
.rankingWrap .searchRanking .tit {display: flex; justify-content: space-between;}
.rankingWrap .searchRanking .tit h2,
.rankingWrap .searchRanking .tit h3{display:inline-block;font-size:16px;margin-bottom:20px;color:#000;}
.rankingWrap .searchRanking .tit .search-box {position: relative;}
.rankingWrap .searchRanking .tit .search-box label {font-size: 0;}
.rankingWrap .searchRanking .tit .search-box input {width:150px; font-size: 15px; padding: 4px; margin-bottom: 8px; border-bottom: 1px solid #eeeeee;}
.rankingWrap .searchRanking .tit .search-box button {position: absolute; top: 4px; right: 0; width: 23px; height: 23px; display: inline-block; background-image: url("../../img/waiter/icon7.png"); background-repeat: no-repeat; vertical-align: middle; font-size: 0; background-position: -172px 0;}
.rankingWrap .searchRanking .box{display: flex; position:relative;padding:20px 35px;box-shadow:0 0 3px rgba(0, 0, 0, 0.1);}
.rankingWrap .searchRanking .box span{display:inline-block;font-size:15px;color:#333;}
.rankingWrap .searchRanking .box .rank{width:10%;}
.rankingWrap .searchRanking .box .rank span {display: inline-block; min-width: 27px; text-align: center;}
.rankingWrap .searchRanking .box .nick{width:30%;}
.rankingWrap .searchRanking .box .point{position:absolute;top:50%;right:30px;margin-top:-12px;text-align:right;color:#000;}
.rankingWrap .searchRanking .nextlevel {text-align: right; margin-top: 12px;}
.rankingWrap .searchRanking .nextlevel span {font-size: 15px;}
.rankingWrap .searchRanking .nextlevel .nick {color: #747474; margin-right: 8px;}
.rankingWrap .searchRanking .nextlevel .point {color: #222222;}
.rankingWrap .rankingList .tit{position:relative;}
.rankingWrap .rankingList .tit h2,
.rankingWrap .rankingList .tit h3{display:block;font-size:16px;margin:60px 0 40px;color:#000;} 
.rankingWrap .rankingList .tit a{position:absolute;top:0;right:0;color:#3274cb;border-bottom:1px solid #3274cb;font-size:15px;} 
.rankingWrap .rankingList ul li{display: flex; align-items: center; position:relative;padding:0 14px;margin:30px 0;}
.rankingWrap .rankingList ul li span{display:inline-block;font-size:16px;color:#333;}
.rankingWrap .rankingList ul li .rank{width:10%;}
.rankingWrap .rankingList ul li .rank span {display: inline-block; min-width: 27px; text-align: center;}
.rankingWrap .rankingList ul li .rank .rankTop1 {position:absolute; top: -1px; width: 27px; height: 27px; line-height: 27px; background-color: #fdd70b; border-radius:50%;}
.rankingWrap .rankingList ul li .rank .rankTop2 {position:absolute; top: -1px; width: 27px; height: 27px; line-height: 27px; background-color: #e6e6e6; border-radius:50%;}
.rankingWrap .rankingList ul li .rank .rankTop3 {position:absolute; top: -1px; width: 27px; height: 27px; line-height: 27px; background-color: #dfcdb2; border-radius:50%;}
.rankingWrap .rankingList ul li .rank .rankTop {color: #2ecebf; font-weight: 700;}
.rankingWrap .rankingList ul li .nick {width:30%;}
.rankingWrap .rankingList ul li .nick em{margin-right:15px;margin-top:-3px;}
.rankingWrap .rankingList ul li .point{position:absolute;top:0;right:0;color:#8e8e8e;font-size:15px;letter-spacing:0;}
.rankingWrap .rankingList2 h2{display:block;font-size:16px;margin:60px 0 40px;color:#000;} 
.rankingWrap .rankingList2 ul {width: 100%; margin-bottom: 140px;}
.rankingWrap .rankingList2 ul li {margin-bottom: 20px;}
.rankingWrap .rankingList2 ul li a {text-decoration: underline; text-underline-position: under;}
.rankingWrap .rankingList2 ul li a:hover {text-decoration: none;}
.rankingWrap .rankingList2 ul li .desktop {display: flex; align-items: center; padding: 2px; font-size: 14px;}
.rankingWrap .rankingList2 ul li .mobile {display: none;}
.rankingWrap .rankingList2 ul li span {display: inline-block; font-size: 14px; line-height: 27px;}
.rankingWrap .rankingList2 ul li .rank {position: relative; width: 10%; height: 27px;}
.rankingWrap .rankingList2 ul li .rank span {min-width: 27px; line-height: 27px; text-align: center;}
.rankingWrap .rankingList2 ul li .rank .rankTop {color: #2ecebf; font-weight: 700;}
.rankingWrap .rankingList2 ul li .rank .rankTop1 {position:absolute; top: -1px; width: 27px; height: 27px; line-height: 27px; background-color: #fdd70b; border-radius: 50%;}
.rankingWrap .rankingList2 ul li .rank .rankTop2 {position:absolute; top: -1px; width: 27px; height: 27px; line-height: 27px; background-color: #e6e6e6; border-radius: 50%;}
.rankingWrap .rankingList2 ul li .rank .rankTop3 {position:absolute; top: -1px; width: 27px; height: 27px; line-height: 27px; background-color: #dfcdb2; border-radius: 50%;}
.rankingWrap .rankingList2 ul li .area {width: 20%;}
.rankingWrap .rankingList2 ul li .com {width: 30%;}
.rankingWrap .rankingList2 ul li .name {width: 9%;}
.rankingWrap .rankingList2 ul li .value {width: 15%; color: #2ecebf; text-align: center;}
.rankingWrap .rankingList2 ul li .link {width: 10%; text-align: center;}
.rankingWrap .rankingList2 ul li .link a {color: #2ecebf; font-size: 14px;}


@media screen and (max-width:960px) {         
    .rankingWrap .hover_icon .info_layer {left: 0;}
    .rankingWrap .rankingSave .box ul {width: 100%;} 
    .rankingWrap .searchRanking h3{font-size:15px;margin-bottom:10px;color:#000;font-weight:500;}
    .rankingWrap .searchRanking .box{padding:8px;}
    .rankingWrap .searchRanking .box .rank{max-width:25%; width: fit-content;}
    .rankingWrap .searchRanking .box .rank span {margin-right: 4px;}
    .rankingWrap .searchRanking .box .nick{width:25%;}
    .rankingWrap .searchRanking .box .nick em {margin-right: 4px;}
    .rankingWrap .searchRanking .box .point{top:55%; right:7px;}
    .rankingWrap .searchRanking .box span{font-size:14px;}
    .rankingWrap .searchRanking .nextlevel span {font-size: 14px;}
    .rankingWrap .rankingList .tit h3{font-size:15px;margin:40px 0 20px;color:#000;font-weight:500;} 
    .rankingWrap .rankingList .tit a{font-size:15px;font-weight:500;} 
    .rankingWrap .rankingList ul li span{font-size:14px;}
    .rankingWrap .rankingList ul li .rank {width:15%;}
    .rankingWrap .rankingList ul li .nick {width:25%;}
    .rankingWrap .rankingList ul li .point {font-size:14px; right:14px;}
    .rankingWrap .rankingList ul li .rank .rankTop1,
    .rankingWrap .rankingList ul li .rank .rankTop2,
    .rankingWrap .rankingList ul li .rank .rankTop3 {top: -5px;}
    .rankingWrap .rankingList2 ul li .desktop {display: none;}
    .rankingWrap .rankingList2 ul li .mobile {display: flex;}
    .rankingWrap .rankingList2 ul li .rank {width: 15%;}
    .rankingWrap .rankingList2 ul li .com {width: 50%; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .rankingWrap .rankingList2 ul li .value {width: 20%;}
    .rankingWrap .rankingList2 ul li .name {width: 15%; text-align: center;}
}
@media screen and (max-width:960px) {
  .rankingWrap .rankingList ul li .nick em{margin-right:4px;}
}
/*내가 쓴글*/
.mypostWrap table tr:hover{background-color:transparent;}
.mypostWrap table.tb{border:0;}
.mypostWrap table.tb thead td {text-align: center !important; color: #333333 !important; font-size:0.95rem;}
.mypostWrap table.tb thead td.tr {text-align: right !important;}
.mypostWrap table.tb td{padding:20px 8px;font-size:1rem;border-bottom:0;}
.mypostWrap table.tb td.cate{width:18%;color:#bbbbbb;text-align:center;font-size:0.95rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mypostWrap table.tb td.tr{width:30px; position: relative;}
.mypostWrap table.tb td a{color:#797979; display: flex; flex-wrap: wrap; align-items: center;}
.mypostWrap table.tb td a:hover{color:#000;}
.mypostWrap table.tb td em{display:inline-block;vertical-align:middle;}
.mypostWrap table.tb td .reply{color:#000;font-size:0.8rem;margin:-3px 5px 0;font-family:'Montserrat';font-weight:700;}
.mypostWrap table.tb td .new{margin-top: -3px; color:#f25b00;font-size:0;font-family:'Montserrat';font-weight:700; min-width: 16px;height: 16px;background-size: 400px 400px;background-position: -219px -290px;}
.mypostWrap table.tb td .file{margin: -3px 0 0 5px; vertical-align:middle;width:16px;height:16px; background-size: 16px; background-repeat: no-repeat; background-position: 0px 1px; background-image: url("../../img/waiter/file.png");}
.mypostWrap table.tb td.tr{color:#b0b0b0;font-size:0.85rem;text-align:right;}
.mypostWrap table.tb td.tr .del {display: inline-block; width: 19px; height: 19px; opacity: .3; background-image: url("../../img/waiter/icon_close2.png");}
.mypostWrap table.tb td.tl .date {display: none; margin-top: 0;}
.mypostWrap table.tb td.tl .board {display: inline-block; margin-right: 24px; position: relative; color: #aaaaaa;}
.mypostWrap table.tb td.tl .board::after {content: ''; display: inline-block; position: absolute; top: 5px; right: -14px; width: 2px; height: 16px; border-right: 1px solid #aaaaaa;}
.mypostWrap table.tb td.tl .title {line-height:1.5; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: calc(100% - 150px); display: inline-block;}
.mypostWrap table.tb td.tl .comment{display: inline-block; margin-right: 6px; color: #000000;}
.mypostWrap table.tb td.tl .del {text-decoration: line-through;}
.mypostWrap table.tb td.tl p{color:#b0b0b0;font-size:0.9rem;width:100%; margin-top:5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mypostWrap.nonNotify .totalcount {text-align: right;position: absolute; top: 20px; right: 0; white-space: nowrap; font-size: 0.95rem;}
@media screen and (max-width:960px) {
    .mypostWrap{margin-top:20px;}
    .mypostWrap table.tb thead td{padding: 0; font-size: 0;}
    .mypostWrap table.tb td{padding:16px 0;}
    .mypostWrap table.tb td.cate{display: none;}
    .mypostWrap table.tb td{font-size:0.85rem;}
    .mypostWrap table.tb td .reply{font-size:0.75rem;}
    .mypostWrap table.tb td.tr{font-size:0.8rem;}
    .mypostWrap table.tb td.tl .date {display: block;}
    .mypostWrap table.tb td.tl .board::after {top:4px; height: 14px;}
    .mypostWrap.nonNotify .totalcount {display: none;}
}

/*내 댓글*/
.mypostWrap.myreply td.cate{vertical-align:top; }
.mypostWrap.myreply table.tb td.tr{vertical-align:middle;}
@media screen and (max-width:960px) {
    .mypostWrap.myreply table.tb td.tl p{font-size:0.8rem;}
}
/*내 포인트*/
.mypointWrap .box{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #F4F4F4;}
.mypointWrap .box h3{display:block;color:#7d7d7d;font-size:1rem;font-weight:400;}
.mypointWrap .box p{color:#3274CB;font-size:1.8rem;font-weight:500;margin:10px 0 10px;}
.mypointWrap .box span{color:#a1a1a1;font-size:1rem;}
.mypointWrap .box span em{color:#ff6161;}
.mypointWrap table.tb{border:0;}
.mypointWrap table.tb td{padding:20px 0;border-bottom:0;}
.mypointWrap table.tb td .point-box {display: flex; flex-wrap: wrap;}
.mypointWrap table.tb td .point-box .date{width: 30%; color:#b0b0b0;font-size:0.85rem;letter-spacing:0;font-weight:300;}
.mypointWrap table.tb td .point-box .con{width: 70%;}
.mypointWrap table.tb td .point-box .con .reason{font-size:1rem;color:#555;margin-bottom:5px;}
.mypointWrap table.tb td .point-box .con .contents{color:#b0b0b0;font-size:0.85rem;letter-spacing:0;font-weight:300;}
.mypointWrap table.tb td.tr{color:#3274CB;font-size:1.1rem;}
.mypointWrap table.tb td.tr .plus {color: #000;}
.mypointWrap table.tb td.tr .minus {color: #ff6e6e;}
@media screen and (max-width:960px) {
    .mypointWrap .box{margin-top:20px;margin-bottom:20px;padding-bottom:20px;}
    .mypointWrap .box h3{font-size:0.9rem;}
    .mypointWrap .box p{font-size:1.5rem;margin:0 0 5px;}
    .mypointWrap .box span{font-size:0.9rem;}
    .mypointWrap table.tb td{padding:10px 0;}
    .mypointWrap table.tb td .point-box .date{width: 100%;}
    .mypointWrap table.tb td .point-box .con{width: 100%;}
    .mypointWrap table.tb td .point-box .con .reason{font-size:0.9rem;margin-bottom:0;}
    .mypointWrap table.tb td .point-box .con .contents{font-size:0.8rem;}
    .mypointWrap table.tb td.tr{font-size:0.95rem;}
}
/*업소선택*/
.topNavi.jobSelect{display:none;}
.jobSelect{background-color:#fafafa;}
.jobSelect .jobSelect_text{font-size:32px;margin:160px 0 80px;text-align:center;font-weight: 100;}
.jobSelect .jobSelect_text strong{font-weight:bold;}
.jobSelect .jobSelect_text br{display:none;}
.jobSelect .detail_boxs{display:flex;flex-wrap:wrap;justify-content:space-between; max-width:680px; margin:0 auto 72px;}
.jobSelect .detail_boxs.columns {flex-direction: column; align-items: center;}
.jobSelect .detail_boxs .detail_box .v-card {background-color:#ffffff;border:1px solid #e9e9e9; padding: 24px 40px;}
.jobSelect .detail_boxs .detail_box.custom .v-card .v-card-item .v-card-subtitle {font-size: 17px; padding-top: 8px;}
.jobSelect .detail_boxs .detail_box.custom .v-card .v-card-item .v-card-subtitle span {font-size: 14px;}
.jobSelect .detail_boxs .detail_box.custom .v-card .v-card-item,
.jobSelect .detail_boxs .detail_box.custom .v-card label {padding: 16px 40px; cursor: pointer;}
.jobSelect .detail_boxs .detail_box.custom .v-card label ul {width: calc(100% - 21px) !important;}
.jobSelect .detail_boxs .detail_box.custom .v-card label ul li .badge{white-space: nowrap; display: inline-block; font-size: 12px; padding: 1px 6px; margin-top: 3px; margin-left: 8px; border-radius: 10px;}
.jobSelect .detail_boxs .detail_box.custom .v-card label ul li .badge.going {background-color: #ebf4ff; color: #3274cb;}
.jobSelect .detail_boxs .detail_box.custom .v-card label ul li .badge.stop {background-color: #fcf3f3; color: #fb595f;}
.jobSelect .detail_boxs .detail_box.custom .v-card label ul li .badge.close {background-color: #f8f8f8; color: #999999;}
.jobSelect .detail_boxs .detail_box.custom .v-card label ul li:nth-child(1) .com {font-size: 17px; font-weight: 400; margin-bottom: 4px;}
.jobSelect .detail_boxs .detail_box.custom .v-card label ul li:nth-child(2) {font-size: 14px; font-weight: 400;}
.jobSelect .detail_boxs .detail_box.custom .v-card label ul li:nth-child(3) {font-size: 12px; font-weight: 400; color: #afafaf;}
.jobSelect .detail_boxs .center-box {width:3px; height:inherit; margin:16px 0;}
.jobSelect .detail_boxs .center-box .center-box-line {width:2px; height:100%; border-right:1px solid #eee;}
.jobSelect .detail_boxs .flex-box {width: calc(50% - 7.5px);}
.jobSelect .detail_box {display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;width:100%;max-width:400px;position:relative;}
.jobSelect .detail_box h3{font-size:28px;width:100%;text-align:center;padding-top:42px;padding-bottom:24px;font-weight:bold;}
.jobSelect .detail_box p{font-size:15px;color:#333; font-weight: 100; width:100%;text-align:center;padding-bottom:42px;}
.jobSelect .detail_box ul.info li {font-size: 13px; line-height: 1.3; color:#afafaf; text-align: left; font-weight: 400;}
.jobSelect .detail_box .free_mark{position:absolute;top:0;transform:translateY(-50%);background-color:#000;color:#ffffff;border:2px solid #000;border-radius:50px;padding:1px 8px 2px;font-weight:500;}
.jobSelect .detail_box:hover .free_mark{background-color:#ffffff;color:#000;}
.jobSelect .job_btn{font-size:14px;background-color:#ffffff;color:#999;border:1px solid #ddd;display:inline-block;padding:12px 50px;margin-bottom:38px;font-weight:400;}
.jobSelect .detail_box:hover .job_btn {color: #333; border-color: #333;}
.jobSelect .how {display:flex; justify-content: center; margin-bottom: 88px;}
.jobSelect .how a {color:#59a5e3; text-decoration: underline; text-underline-position: under;}
.jobSelect .how a:hover {text-decoration: none;}
@media screen and (max-width:960px) {
  .jobSelect .jobSelect_text{font-size:26px;margin:200px 0 34px;}
  .jobSelect .jobSelect_text br{display:inline;}
  .jobSelect .detail_boxs{margin-bottom:90px;}
  .jobSelect .detail_boxs .detail_box.custom .v-card .v-card-item {padding: 16px;}
  .jobSelect .detail_boxs .detail_box .v-card,
  .jobSelect .detail_boxs .detail_box.custom .v-card label {padding: 8px 16px;}
  .jobSelect .detail_box{padding:16px 0 16px;}
  .jobSelect .detail_box.custom{padding: 0;}
  .jobSelect .detail_box h3{font-size:22px; padding-top: 0; padding-bottom:10px;}
  .jobSelect .detail_box p{font-size: 13px; padding-bottom:30px;}
  .jobSelect .job_btn{margin-bottom: 0;padding:8px 37px}
  .jobSelect .how {margin-bottom: 60px;}
}

/*
.jobList{margin-top:40px;}
.jobList h3.tit{margin:70px 0 20px;}
.jobList table.tb{border:0;border-top:1px solid #eee}
.jobList table.tb tr:hover td{background-color:#F8FBFF;}
.jobList table.tb td{text-align:left;}
.jobList table.tb td.tit{width:20%;font-size:1.2rem;color:#333;font-weight:400;}
.jobList table.tb td a{display:block;padding:35px 0;}
.jobList table.tb td em{display:block;color:#A6A6A6;font-size:1rem;}
.jobList table.tb td em i{display:inline-block;font-size:0.7rem;font-style:normal;padding:1px 4px;border-radius:2px; }
.jobList table.tb td em .icon1{background-color:#EBE5FF;color:#7F5FB0;}
.jobList table.tb td em .icon2{background-color:#E6E6E6;color:#555;}
.jobList table.tb td p{color:#333;font-size:1.1rem;margin:6px 0;}
.jobList table.tb td a:hover p{color:#000;}
.jobList table.tb td span{color:#828282;font-size:0.9rem;margin-right:5px;}
.jobList .h_form .h-radio input[type="radio"] + span::before{margin-top:5px;}
@media screen and (max-width:960px)  {
    .jobList{margin-top:0;}
    .jobList table.tb td a{padding:15px 0;}
}
@media screen and (max-width:960px) {
    .jobList h3.tit{margin:40px 0 20px;}
    .jobList table.tb td.tit{width:30%;font-size:1rem;padding:12px 15px;color:#000;}
    .jobList table.tb td em{font-size:0.9rem;}
    .jobList table.tb td p{font-size:1rem;}  
}
*/
/*광고안내*/
.jobList .adImage{overflow:hidden;}
/*
.jobList .adImage .fl{float:left;width:63%;margin-right:1%;}
.jobList .adImage .fr{overflow:hidden;}
*/
.jobList .adImage .fl{display:block;max-height:300px;overflow:hidden}
.jobList .adImage .fr{display:none}
.jobList .adImage p img{width:100%;height:auto;}
.jobList .dayChoice ul{overflow:hidden;}
.jobList .dayChoice ul li{float:left;margin-bottom:10px;}
.jobList .dayChoice .noti{display:block;color:#DD0003;font-weight:400;font-size:0.8rem;margin:10px 0 0 35px;}
.jobList .dayChoice label{display:inline-block;}
.jobList .dayChoice span{color:#a8a8a8;margin-right:10px;vertical-align:text-top;font-size:1rem;font-weight:300;}
.jobList .textbox ul li{position:relative;color:#888;font-size:0.95rem;padding-left:14px;margin-bottom:5px;}
.jobList .textbox ul li:before{content:'';position:absolute;top:12px;left:0;width:3px;height:3px;background-color:#ddd; } 
@media screen and (max-width:960px) {
    .jobList .adImage{margin-top:30px;}
    .jobList .adImage .fl{display:none}
    .jobList .adImage .fr{display:block}
    .jobList ul li{width:inherit;margin-bottom:10px;}
    .jobList .dayChoice ul li{float:inherit;}    
    .jobList .dayChoice span{font-size:0.9rem;font-weight:400;}
    .jobList .dayChoice .noti{font-size:0.75rem;margin:2px 0 0 35px;}
    .jobList .textbox ul li{font-size:0.9rem;}
}
/*이용약관*/
.agreement{margin-top:30px;}
.agreement .agreebox h3{display:block;margin:60px 0 20px;font-weight:400;font-size:1rem;color:#333;}
.agreement .agreebox p{color:#777;font-size:0.95rem;margin-bottom:20px;line-height:25px;}
.agreement .agreebox p img {max-width: 100%;}
.agreement .agreebox > ul > li{color:#777;font-size:0.95rem;margin-bottom:10px;line-height:25px;}
.agreement .agreebox > ul > li > ul{margin-top:10px;}
.agreement .agreebox > ul > li > ul > li{color:#777;font-size:0.95rem;margin-bottom:0;}
@media screen and (max-width:960px) {
    .agreement{margin-top:20px;}
    .agreement .agreebox h3{font-size:0.9rem;margin:30px 0 10px;color:#000;}
    .agreement .agreebox p{font-size:0.8rem;line-height:20px;}
    .agreement .agreebox > ul > li{font-size:0.8rem;line-height:20px;}
    .agreement .agreebox > ul > li > ul > li{font-size:0.8rem;}
}
/*광고신청*/
.jobStep{margin-top:50px;}
.jobStep .hover_icon {margin-left: 6px;}
.jobStep .hover_icon .info_layer {display: none; width: max-content; line-height: 1.5; color:#9c9c9c; position: absolute; z-index: 1; padding: 10px; border: 1px solid #e7e7e7; border-radius: 4px; background-color: #ffffff; box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;}
.jobStep .hover_icon:hover > .info_layer {display: block;}
.jobStep .hover_icon:hover > .info_layer p {font-style: normal; font-weight: 400;}
.jobStep .hover_icon:hover > .info_layer p span {color: #afafaf;}
.jobStep .hover_icon:hover > .info_layer p span.red-text {color: #e63c3c;}
.jobStep .hover_icon .red {background-color: #fef8f8;}
.jobStep .hover_icon .red span {color: #e63c3c !important; font-weight: 700; font-size: 14px;}
.jobStep .hover_icon .alert_icon_red {background-image:url("../../img/waiter/alert_red.png");background-size:cover;width:16px;height:15px;display:inline-block;margin-left:4px;transform:translateY(2px);}
.jobStep h3.switch em{display:inline-block;width:18px;height:18px;margin:0 10px;background-position:-35px -28px;}
.jobStep h3.switch a{display:inline-block;color:#a8a8a8;font-size:0.95rem;vertical-align:top;font-weight:400;}
.jobStep .type ul li{width:25%;}
.jobStep .areaBox{overflow:hidden;position:relative;}
.jobStep .areaBox span{float:left;width:32.3333%;margin-left:1%;}
.jobStep .areaBox span.fl{float:left;}
.jobStep .areaBox span.fr{float:right;}
.jobStep .areaBox span:nth-child(1){margin-left:0;}
.jobStep .areaBox em{display:inline-block;margin-right:2%;color:#777;font-size:1.1rem;position:absolute;top:5px;left:50%;}
.jobStep .add .zip { margin-bottom: 5px; }
.jobStep .add .zip span.h_form{display:inline-block;width:100px;}
.jobStep .add .zip a{background-color:#F2F2F2;color:#777;padding:6px 15px;border-radius:5px;font-size:0.75rem;}
.jobStep .add span.h_form.wd50{float:left;width:48%;margin-left:2%;}
.jobStep .add span.h_form:nth-child(1){margin-left:0;}
.jobStep .keeper{overflow:hidden;}
.jobStep .keeper li{position:relative;margin-bottom:10px;overflow:hidden;}
.jobStep .keeper li span{float:left;width:46%;margin-right:2%;}
.jobStep .keeper li a{position:absolute;top:8px;right:0;width:19px;height:19px;}
.jobStep .keeper li .add{background-position:0 0;}
.jobStep .keeper li .remove{background-position:-19px 0;}
.jobStep .type ul li{margin-bottom:10px;}
.jobStep .paybox{overflow:hidden;}
.jobStep .paybox span.wd20{float:left;width:20%;margin-right:2%;}
.jobStep .paybox span.ov{position:relative;float:left;width:74%;padding-right:4%;}
.jobStep .paybox span.ov input{text-align:right;}
.jobStep .paybox span.ov em{font-size:0.9rem;color:#777;position:absolute;top:9px;right:0;}
.jobStep .room{overflow:hidden;}
.jobStep .room i{float:left;width:8%;margin-right:2%;display:block;font-style:normal;font-size:1rem;color:#777;vertical-align:middle;padding-top:5px;}
.jobStep .room span.ov{position:relative;float:left;width:86%;padding-right:4%;}
.jobStep .room span input{text-align:right;}
.jobStep .room span em{font-style:normal;font-size:0.9rem;color:#777;position:absolute;top:9px;right:0;}
.jobStep .txtbox textarea{height:180px;}
.jobStep .photobox .tit{display:inline-block;}
.jobStep .photobox .addbtn{margin-left:10px;width:26px;height:26px;background-position:-114px 0;}
.jobStep .photobox .photoList{min-height:200px;}
.jobStep .photobox .photoList .etc{color:#B5B4B3;font-size:0.85rem;margin:0 0 5px;}
.jobStep .photobox .photoList ul{overflow:hidden;padding:10px 0;}
.jobStep .photobox .photoList ul li{display:inline-block;margin-right:10px;vertical-align:top;margin-bottom:20px;}
.jobStep .photobox .photoList ul li .thumb{position:relative;width:100px;height:100px;}
.jobStep .photobox .photoList ul li .thumb img{width:100%;height:auto;border-radius:5px; }
.jobStep .photobox .photoList ul li .del{position:absolute;top:-5px;right:-5px;width:21px;height:21px;border-radius:50%;background-position:-86px 0;}
@media screen and (max-width:960px) {
    .jobStep{margin-top:20px;}
    .jobStep .hover_icon:hover > .info_layer {max-width: 100%;}
    .jobStep .areaBox span{/*float:inherit;width:inherit;margin-left:0;*/}
    .jobStep .add span.h_form.wd50{float:inherit;width:inherit;margin-left:0;}
    .jobStep .keeper li a{width:16px;height:16px;}
    .jobStep .keeper li .remove{background-position:-16px 0;}
    .jobStep h3.switch em{background-position:-27px -23px;}
    .jobStep .type ul li{width:33.3333333%;}
    .jobStep .type ul li span{font-size:0.9rem;}
    .jobStep .paybox span.wd20{width:25%;}
    .jobStep .paybox span.ov{width:69%;padding-right:4%;}
    .jobStep .room i{width:15%;}
    .jobStep .room span.ov{width:79%;}
    .jobStep .txtbox textarea{height:270px;}
    .jobStep .photobox .tit{font-size:1rem;}
    .jobStep .photobox .addbtn{margin-left:5px;width:26px;height:26px;background-position:-92px 0;}
    .jobStep .photobox .photoList ul li .del{background-position:-73px 0;width:18px;height:18px;}    
}
.jobStep .photobox .nodata{width:100%;float:inherit; display:block;color:#999;font-size:0.95rem;padding:20px 0;}
/*채용입력*/
#noLicense h5 {color: #e63c3c; font-weight: 500; font-size: 15px;}
#noLicense h5 .alert_icon_red{background-image:url("../../img/waiter/alert_red.png");background-size:cover;width:16px;height:15px;display:inline-block;margin-left:4px;transform:translateY(2px);}
#noLicense .box p {font-size: 14px;}
#noLicense .bigbtn2 {margin-top: 0;}
#jobsProducts .box p {font-size: 14px;}
.alert {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 16px; margin-top: 16px; line-height:1.5; font-size:13px; background-color:#edf8ff; border: 1px solid transparent; border-radius: 10px;}
.alert span {display: inline-block; color: #000; /* color: #8e785a; */ font-size:14px; font-weight: 500;}
.alert .more {font-size: 0; width: 20px;height: 20px;background-image: url("../../img/waiter/chevron-down.png");background-size: cover; /* filter: invert(49%) sepia(8%) saturate(1514%) hue-rotate(355deg) brightness(96%) contrast(88%); */} 
.alert.on .more {background-image: url("../../img/waiter/chevron-down.png"); transform: rotate(180deg);}
.alert-detail {padding: 16px; border: 1px solid #eeebda; border-top:none;}
.alert-detail .detail-list li {display: flex; margin: 8px 0;}
.alert-detail .detail-list li p {font-size: 13px; color: #888888;}
.alert-detail .detail-list li p span {font-weight: 700;}
.alert-detail .detail-list > li::before {content: 'ㆍ'; font-size: 13px; font-weight: 500;}
.alert-detail .detail-list > li.box::before {content: '';}
.alert-detail .detail-list > li.box > ul {background-color: #f9f9f9; padding: 14px; width: 100%;}
.alert-detail .detail-list > li.box > ul > li::before {content: ' -'; font-size: 16px;  margin-right: 4px;}
.alert-detail .detail-list > li.box > ul > li.not::before {content: '';}
.alert.grey {justify-content: center; background-color: #fafafa; border-color:#e5e5e5;}
.alert.grey span {color:#666666;}
.alert.grey .more {filter: none;background-image: url("../../img/waiter/icon-down2.png");}
.alert-detail .copy-list {min-height: 132px; margin-bottom: 16px;}
.alert-detail .copy-list li {display:flex; flex-wrap: wrap; justify-content:space-between; margin-bottom: 16px;}
.alert-detail .copy-list li .wait {color: #f6792e;}
.alert-detail .copy-list li .going {color: #3274cb;}
.alert-detail .copy-list li .keep {color: #fb5960;}
.alert-detail .copy-list li .dead {color: #999999;}
.alert-detail .copy-list li .del {color: #ff0000;}
.alert-detail .copy-list li span {display: inline-block; width:100%; font-size: 13px; margin-bottom: 2px;}
.alert-detail .copy-list li span:nth-child(1) {max-width: 20%; color:#999999;}
.alert-detail .copy-list li span:nth-child(2) {max-width: 10%;}
.alert-detail .copy-list li span:nth-child(3) {max-width: 50%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.alert-detail .copy-list li span:nth-child(4) {max-width: 10%;  color:#999999; padding-left: 8px;}
.alert-detail .copy-list li span:nth-child(5) {max-width: 10%; text-align: right;}
.alert-detail .copy-list li span:nth-child(5) a {color: #999999; background-color: #fafafa; font-size: 12px; border: 1px solid #e5e5e5; border-radius: 4px; padding: 4px 12px;}
.alert-detail .copy-list li span:nth-child(5) a:hover {color: #222222; border-color: #222222;}
.alert-detail .copy-list li span:nth-child(5) a.selected {color:#3274cb; border-color: #3274cb;}
@media screen and (max-width:960px) {
  .alert-detail .copy-list {min-height: 216px;}
  .alert-detail .copy-list li {justify-content: flex-start;}
  .alert-detail .copy-list li span:nth-child(1) {max-width: max-content;}
  .alert-detail .copy-list li span:nth-child(2) {max-width: 50%; margin-left: 8px;}
  .alert-detail .copy-list li span:nth-child(2)::after {content: attr(data-name); color:#999999; margin-left: 8px;}
  .alert-detail .copy-list li span:nth-child(3) {max-width: calc(100% - 48px);}
  .alert-detail .copy-list li span:nth-child(4) {display: none;}
  .alert-detail .copy-list li span:nth-child(5) {max-width: 48px;}
}
.jobStep_box .tit{position:relative;}
.jobStep_box .limited {width: 100%; margin-left: 20%; margin-bottom: 33px;}
.jobStep_box .limited li {margin-bottom: 8px;}
.jobStep_box .limited .red {color: #f25b55;}
.jobStep_box .limited span {display: inline-block; margin-right: 4px;}
.jobStep_box .limited a {display: inline-block; color: #3274cb; text-decoration: underline; text-underline-position: under;}
.jobStep_box .limited a:hover {text-decoration: none;}
.jobStep_box .bytes_check{display:block;width:100%;height:0;color:#d1d1d1;text-align:right;position:relative;top:-48px;}
.jobStep_box .bytes_check::after{content:'/'attr(data-bytes);}
.jobStep_box{display:flex;flex-wrap:wrap;}
.jobStep_box h3.tit{margin-top:8px;width:20%;}
.jobStep_box .h_form .combo-arrow {background-image: url("../../img/waiter/select_arrow.png"); background-position-x: 5px; opacity: 1;}
.jobStep_box .h_form .textbox-addon {width: 26px;}
.jobStep_box .h_form a{border:none;}
.jobStep_box .h_form.input_00{width:80%;}
.jobStep_box .h_form.input_00 input{margin-bottom:55px;}
.jobStep_box .h_form.input_01{display:inline;margin-right:56px;}
.jobStep_box .h_form.input_01 .textbox.combo{margin-left:0px;}
.jobStep_box .add.input_03 {display:flex;flex-wrap:wrap; width: 390px;}
.jobStep_box .add.input_03 .h_form{margin-bottom:55px;}
.jobStep_box .h_form.input_03{position:relative; width: 100%;}
.jobStep_box .input_03 .h_form #txt_com_name {min-width: 160px;}
.jobStep_box #display_txt_license{display:flex; height:39px;justify-content:space-between;border-bottom:1px solid #e9e9e9;font-size:14px;margin-right:28px;}
.jobStep_box #display_txt_license:hover{cursor:pointer}
.jobStep_box #display_txt_license::after{content:'';display:table;width:20px;height:12px;margin-top:10px;margin-left:4px;background-image:url("../../img/waiter/select_arrow.png");background-size:cover;}
.jobStep_box #display_txt_license .select_text{padding:8px 0;font-size:14px;}
.jobStep_box .select_box{background-color:#ffffff;min-width:360px;border:1px solid #dfdfdf; border-top:1px solid #00b8ff;position:absolute;top:36px;left:0px;z-index:1;/*box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;*/}
.jobStep_box .select_box li{padding:4px 10px;margin-bottom:0;font-size:14px;white-space: nowrap;}
.jobStep_box .select_box li:hover{background-color:#eee;cursor:pointer;}
.jobStep_box .license_status{display:inline-block;line-height:initial;width:64px;text-align:center;color:#ffffff;font-size:13px;padding:1px 8px 2px;border-radius:50px;pointer-events:none;}
.jobStep_box .license_status.check_1{background-color:#fb5960;}/* 사용불가 */
.jobStep_box .license_status.check_2{background-color:#000;}/* 사용가능 */
.jobStep_box .license_status.check_3{background-color:#888888;}/* 확인중   */
.jobStep_box .addFile_btn{display:inline-block;border:1px solid #e9e9e9;border-radius:4px;padding:3px 16px 4px;margin-top:9px;height:27px;}
.jobStep_box .h_form.input_04{width:80%;}
.jobStep_box .h_form.input_04 ul{display:flex;flex-wrap:wrap;width:100%;}
.jobStep_box .h_form.input_04 ul li{display:inline-block;margin-bottom:0px;}
.jobStep_box .h_form.input_04 ul li span {font-size: 12px;}
.jobStep_box .h_form.input_04 .bundle {display: flex; flex-wrap: wrap; align-items: center; width:100%; margin-bottom: 15px;}
.jobStep_box .h_form.input_04 .bundle a {border: none; padding: 0; box-shadow: unset;}
.jobStep_box .h_form.input_04 .bundle .combo-arrow {background-image: url("../../img/waiter/select_arrow.png"); background-position-x: 5px; opacity: 1;}
.jobStep_box .h_form.input_04 em { padding: 8px; display: inline-block;}
.jobStep_box .h_form.input_04 .add-form-btn {font-size: 0px !important; width: 36px; height: 36px; background-image: url("../../img/waiter/plus.png"); background-position: 0 0; background-size: cover;}
.jobStep_box .h_form.input_04 .remove-form-btn {font-size: 0px !important; width: 36px; height: 36px; background-image: url("../../img/waiter/minus.png"); background-position: 0 0; background-size: cover;}
.jobStep_box .h_form .check_form {display: flex; flex-wrap:wrap; align-items: center; height:40px; margin-bottom: 55px;}
.jobStep_box .h_form .check_form li {min-width: 120px;}
.jobStep_box .h_form .h-check span {color:#a8a8a8;}
.jobStep_box .keeper.input_05{overflow:visible;width:80%;max-width:450px;margin-bottom:55px;}
.jobStep_box .keeper.input_05 li{display:flex;overflow:visible;margin-bottom:0px;}
.jobStep_box .keeper.input_05 li .icon{position:relative;min-width:36px;min-height:36px;transform:translateY(-8px);}
.jobStep_box .keeper.input_05 li .add{background-image:url("../../img/waiter/plus.png");background-position:0 0;background-size:cover;}
.jobStep_box .keeper.input_05 li .remove{background-image:url("../../img/waiter/minus.png");background-position:0 0;background-size:cover;}
.jobStep_box .keeper.input_05 li .alert-box {width: 100%; margin-top: 16px; margin-bottom: 16px; color: #a8a8a8;}
.jobStep_box .keeper.input_05 li .alert-box span{float: unset;color:#f25b55;margin: 0 !important;}
.jobStep_box .keeper.input_05 li .alert-box span strong{text-decoration: underline;}
.jobStep_box .keeper.input_05 .h_form.chk{width:60px;padding:12px 0px 12px 40px;position:relative;}
.jobStep_box .keeper.input_05 .h_form.chk span{display:inline-block;width:60px;position:absolute;top:-12px;left:20px;text-align:center;color:#a8a8a8;}
.jobStep_box .keeper.input_05 .h_form.chk input{width:20px;}
.jobStep_box .h_form.input_06{display:inline-block;width:135px;}
.jobStep_box .h_form.input_06.fl{margin-right:0px;}
.jobStep_box .h_form.input_06.fr{margin-left:0px;}
.jobStep_box .h_form.input_06 select{margin-bottom:55px;padding-left:0;}
.jobStep .jobStep_box .areaBox.input_06{display: flex;}
.jobStep .jobStep_box .areaBox.input_06 em{position:static; margin:5px 20px 0 20px;}
.jobStep_box .h_form.input_07{display:inline-block;width:135px;}
.jobStep_box .h_form.input_07.fl{margin-right:0px;}
.jobStep_box .h_form.input_07.fr{margin-left:0px;}
.jobStep_box .h_form.input_07 select{margin-bottom:55px;padding-left:0;}
.jobStep .jobStep_box .areaBox.input_07{display: flex;}
.jobStep .jobStep_box .areaBox.input_07 em{position:static; margin:5px 20px 0 20px;}
.jobStep_box .paybox.input_08{display:flex;flex-wrap:wrap;width:80%;margin-bottom: 55px;}
.jobStep_box .paybox.input_08 .h_form.type{display:inline-block;width:135px;margin-right:20px;}
.jobStep_box .paybox.input_08 .h_form.type select{padding-left:0;}
.jobStep_box .paybox.input_08 .h_form.price{display:flex;}
.jobStep_box .paybox.input_08 .h_form.price em{position:static; margin:10px;}
/*.jobStep_box .paybox.input_08 .h_form.price input[type="tel"]:disabled {background-color: #ff8e8e;}*/
/*.jobStep_box .paybox.input_08 .h_form.price input[type="tel"]:disabled::placeholder {color: #ffffff;}*/
.jobStep_box .paybox.input_08 .h_form.detail{width:100%;}
.jobStep_box .paybox.input_08 .h_form.detail:nth-child(2) {margin-top: 10px;}
.jobStep_box .room.input_09{display:flex;flex-wrap:wrap;width:80%;}
.jobStep_box .room.input_09 .h_form.cnt{display:inline-block;width:135px;margin-right:20px;}
.jobStep_box .room.input_09 .h_form.cnt select{padding-left:0;}
.jobStep_box .room.input_09 .h_form.detail{width:calc(100% - 155px);}
.jobStep_box .room.input_09 .h_form.detail input{margin-bottom:55px;}
.jobStep_box .h_form.input_10{width:80%;}
.jobStep_box .h_form.input_10 input{margin-bottom:55px;}
.jobStep_box .h_form.input_11{width:80%;}
.jobStep_box .h_form.input_11 input{margin-bottom:55px;}
.jobStep_box .alert_icon{background-image:url("../../img/waiter/alert.png");background-size:cover;width:16px;height:15px;display:inline-block;transform:translateY(1px);}
.jobStep_box .alert_icon_red{background-image:url("../../img/waiter/alert_red.png");background-size:cover;width:16px;height:15px;display:inline-block;margin-left:4px;transform:translateY(2px);cursor:pointer;}
.jobStep_box .alert_message_box{display:none;position:absolute;overflow:hidden;top:28px;left:0;z-index:1;background:#ffffff; border:1px solid #e9e9e9;border-radius:4px;color:#a8a8a8;font-weight:400;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;}
.jobStep_box .alert_message_box .fixed_box{display:inline-block;max-width:360px; width: calc(100vw - 30px);padding:8px 20px;}
.jobStep_box .alert_message_box .alert_tit{display:inline-block;padding:8px;color:#333333;font-size:16px;font-weight:bold;}
.jobStep_box .alert_message_box .alert_content{color:#a8a8a8;font-size:13px;}
.jobStep_box .alert_message_box .alert_content strong{font-weight:700;}
.jobStep_box .alert_message_box .alert_red{display:inline-block;color:#f25b55;padding-top:4px;padding-bottom:4px;}

.jobStep_box .alert_message_box.animation{
  -webkit-animation: .5s ease reverse fade-down-right;
  animation: .5s ease reverse fade-down-right;
  display: block;
}

@-webkit-keyframes fade-down-right {
  to {
    width: 0px;
    height: 0px;
    opacity: 0;
  }
}

@keyframes fade-down-right {
  to {
    width: 0px;
    height: 0px;
    opacity: 0;
  }
}
.jobStep_box .con-box{width:80%;}
.jobStep_box .h_form.input_12{width:80%;}
.jobStep_box .h_form.input_12 span {display: inline-block; margin-top: 8px; font-size: 12px; font-weight: 500; color: #2ecebf;}
.jobStep_box .h_form.input_12 textarea{resize: vertical;border-bottom:1px solid #e9e9e9;padding-bottom: 40px; margin-bottom:40px;}
.jobStep_box .input_13{width:100px;height:100px;border:1px solid #e9e9e9;border-radius:4px;color:#a8a8a8;font-weight:400;text-align:center;}
.jobStep_box .input_13:hover{background-color:#f5f5f5;}
.jobStep_box .input_13 .cross{width:32px;height:32px;margin:16px auto;position:relative;}
.jobStep_box .input_13 .cross .vertical,
.jobStep_box .input_13 .cross .horizon{position:absolute;top:0;left:0;}
.jobStep_box .input_13 .cross .vertical{width:17px;height:100%;border-right:2px solid #a8a8a8;}
.jobStep_box .input_13 .cross .horizon{width:100%;height:17px;border-bottom:2px solid #a8a8a8;}
.jobStep_box.photobox .photoList.horizon{display:flex;}
.jobStep_box.photobox .photoList ul li .thumb .thumb_box {display:block; position: relative; border:1px solid #e9e9e9; border-radius:4px; width:100px; height: 100px; overflow: hidden;} 
.jobStep_box.photobox .photoList ul li .thumb .thumb_box img{position: absolute; top: 50%; transform: translateY(-50%);}
@media screen and (max-width:960px) {
  .jobStep_box h3.tit{width:100%;}
  .jobStep_box .limited {margin-left: 0; margin-top: 16px;}
  .jobStep_box .h_form.input_00{width:100%;}
  .jobStep_box .areaBox.input_01{width:100%;}
  .jobStep_box .areaBox.input_01 .h_form{width:120px;margin-left:0;}
  .jobStep_box .areaBox.input_01 .h_form .textbox.combo{width:120px !important;margin:0;}
  .jobStep_box .areaBox.input_01 .h_form.input_01{margin-right:40px;}
  .jobStep_box .add.input_03, .jobStep_box .add.input_03 p{width:100%;}
  .jobStep_box #display_txt_license .select_text {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
  .jobStep_box .select_box{min-width:calc(100% - 10px);}
  .jobStep_box .addFile_btn{margin-top:29px;}
  .jobStep_box .h_form.input_04{width:100%;}
  .jobStep_box .h_form.input_04 ul li{min-width:120px;}
  .jobStep_box .h_form.input_04 .add-form-btn, 
  .jobStep_box .h_form.input_04 .remove-form-btn {width: 22px; height: 22px;}
  .jobStep_box .keeper.input_05{width:100%;}
  .jobStep_box .keeper.input_05 li span:nth-child(1) {width:70px;}
  .jobStep_box .keeper.input_05 li span:nth-child(2) {width:110px;}
  .jobStep_box .keeper.input_05 li .icon{min-width:22px;min-height:22px;transform:translateY(0px);}
  .jobStep_box .keeper.input_05 .h_form.chk{width:40px;padding:12px 0px 12px 20px;}
  .jobStep_box .keeper.input_05 .h_form.chk span{left:0;}
  .jobStep_box .paybox.input_08{width:100%;}
  .jobStep_box .paybox.input_08 .h_form.price{width:calc(100% - 120px);}
  .jobStep_box .paybox.input_08 .h_form.detail{margin-top:20px;}
  .jobStep_box .room.input_09{width:100%;}
  .jobStep_box .room.input_09 .h_form.cnt{width:100px;}
  .jobStep_box .room.input_09 .h_form.detail{width:calc(100% - 120px);}
  .jobStep_box .h_form.input_10{width:100%;}
  .jobStep_box .h_form.input_11{width:100%;}
  .jobStep_box .h_form.input_12{width:100%;}
  .jobStep_box .con-box{width:100%;}
}
@media screen and (max-width:374px) {
  .jobStep_box .alert_message_box{width:290px;min-height:250px;}
  .jobStep_box .alert_message_box .fixed_box{width:250px;}
}
/*옵션선택*/
.jobStep .viewBox{position:relative;background-color:#F6F6F6;padding:15px 30px;margin-bottom:12px;cursor:pointer;}
.jobStep .viewBox h4{font-size:1rem;font-weight:500;}
.jobStep .viewBox em{position:absolute;top:18px;right:30px;width:19px;height:19px;background-position:-267px 0;}
.jobStep .optionBox{margin-bottom:30px;}
.jobStep .optionBox .accent{margin:30px}
.jobStep .optionBox .tit{position:relative;background-color:#F6F6F6;padding:15px 30px;margin-bottom:15px;}
.jobStep .optionBox .tit h4{display:inline-block;font-size:1rem;font-weight:500;}
.jobStep .optionBox .tit h4 {max-width: calc(100% - 30px);}
.jobStep .optionBox .tit h4 b {white-space: nowrap;}
.jobStep .optionBox .tit h4 em{display:inline-block;margin-left:5px;font-size:0.9rem;}
.jobStep .optionBox .tit a{display:inline-block;color:#bababa;margin-left:10px;border-bottom:1px solid #bababa;font-size:0.9rem;}
.jobStep .optionBox .tit a:hover{color:#000;border-bottom:1px solid #000;}
.jobStep .optionBox .tit span{display:inline-block;position:absolute;top:15px;right:30px;color:#000;font-size:1rem;font-weight:500;margin-right:0;}
.jobStep .optionBox .selected {padding: 15px 30px 15px; position: relative; margin-bottom: 30px;}
.jobStep .optionBox .selected .info {display: flex; flex-wrap: wrap; align-items: center;}
.jobStep .optionBox .selected .info .company {display: flex; font-size: 15px;}
.jobStep .optionBox .selected .info .company b,
.jobStep .optionBox .selected .info .company em {font-weight: 400;}
.jobStep .optionBox .selected .info .company b::after {content: '|'; margin: 0 4px;}
.jobStep .optionBox .selected .info p {font-size: 13px; margin-left: 8px;}
.jobStep .optionBox .selected .info p.hash {color: #999;}
.jobStep .optionBox .selected a {font-size: 14px; color: #999999; font-weight: 400; position: absolute; top:15px; right: 30px; text-decoration: underline; text-underline-position: under;}
.jobStep .optionBox .selected a:hover {text-decoration: none;}
.jobStep .optionBox .tit p {font-size: 0.9rem;}
.jobStep .optionBox .tit #txt_jump_count{right:112px;}
.jobStep .optionBox .optionsList {padding: 0; margin: 20px;}
.jobStep .optionBox .optionsList li {float: none !important; margin-bottom: 16px; width: 100%;}
.jobStep .optionBox .optionsList li label span {display: inline-block; min-width: 80px;}
.jobStep .optionBox .optionsList li.disabled {width: 100%; margin-bottom: 16px;}
.jobStep .optionBox .jump{margin:80px 0}
.jobStep .optionBox .jump .tit {padding-right: 0;}
.jobStep .optionBox .jump .titbox {margin-bottom: 0; position: relative;}
.jobStep .optionBox .jump .txt_jump_box {right: 6px !important;}
.jobStep .optionBox .jump .jump_select {top:44px;}
.jobStep .optionBox .titbox{position:relative;margin-bottom:25px;}
.jobStep .optionBox .titbox h4{display:inline-block;font-size:1rem;font-weight:500;margin-right:5px;}
.jobStep .optionBox .titbox em{display:inline-block;font-size:0.9rem;color:#bababa;}
.jobStep .optionBox .titbox span{display:inline-block;position:absolute;top:0;right:0;color:#000;font-size:1rem;font-weight:500;margin-right:0;}
.jobStep .jump ul li{width:16.66666666666667%;}
.jobStep .bigbtn {margin-bottom: 60px;}
@media screen and (max-width:960px) {
    .jobStep .viewBox{padding:15px 20px;margin-bottom:10px;}
    .jobStep .viewBox h4{font-size:0.95rem;}
    .jobStep .viewBox em{width:16px;height:16px;background-position:-226px 0;top:18px;right:15px;}
    .jobStep .optionBox .tit{padding:15px 20px;margin-bottom:20px;}
    .jobStep .optionBox .tit h4{font-size:0.95rem;}
    .jobStep .optionBox .tit span{font-size:0.95rem;right:20px;} 
    .jobStep .optionBox .accent{margin:20px;}
    .jobStep .optionBox .titbox{margin-bottom:15px;}
    .jobStep .optionBox .titbox h4{font-size:0.95rem;}
    .jobStep .optionBox .titbox span{font-size:0.95rem;}
    .jobStep .optionBox .jump{margin:20px 0;}
    .jobStep .optionBox .titbox em {width: 100%; margin-top: 8px;}
    .jobStep .optionBox .optionsList {padding: 0; margin: 20px;}
    .jobStep .optionBox .selected {padding: 15px;}
    .jobStep .optionBox .selected .info p {width: 100%; margin-top: 4px; margin-left: 0;}
    .jobStep .optionBox .selected a {right: 15px;}
    .jobStep .bigbtn {margin-bottom: 50px;}
}
/*옵션선택-점프*/
.jump.radioList.h_form{position:relative;}
.jump.radioList.h_form .titbox .txt_jump_box {display: flex; justify-content: space-between; min-width: 150px; border: none; padding: 0; line-height: normal;}
.jump.radioList.h_form .titbox .txt_jump_count{width: fit-content; right: 90px;}
.jump.radioList.h_form .titbox .txt_jump{display:block;text-align: right;}
.jump.radioList.h_form .titbox .txt_jump strong{pointer-events: none;}
.jump_select{background-color:#ffffff;min-width:140px;border:1px solid #999999;position:absolute;top:24px;right:0px;z-index:1;/*box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;*/}
.jump_select li{padding:10px 20px;margin-bottom:0!important;width:100%!important;float:none!important;}
.jump_select li:hover{background-color:#f5f5f5;cursor:pointer;}
.jump_select li span{pointer-events:none;font-size:13px!important;color:#a6a6a6;display:inline-block;width:36px;text-align:left;margin-right:0px!important;}
.jump_select li span:nth-child(2){width:80px;text-align:right;padding-right:0px;margin-right:0;}
.jump_select li span strong{color:#000000;display:inline-block;width:60px; font-weight: 500;}
/*채용공고관리-점프충전*/
.jump_select .open{padding: 0 !important;}
.jump_select .open label{padding:10px 20px;}
.jump_select .open label:hover{cursor: pointer;}
.jump_select .open label input {display: none;}
/*채용공고관리-연장광고기간선택*/
.job_select_box {position: relative;}
.job_select{background-color:#ffffff;min-width:140px;border:1px solid #999999;position:absolute;top:-24px;right:2px;z-index:1;/*box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;*/}
.job_select li{padding:0;margin-bottom:0!important;width:100%!important;float:none!important;}
.job_select li:hover{background-color:#f5f5f5;cursor:pointer;}
.job_select li label {display: flex !important; padding:10px 20px; width: 100%;}
.job_select li label:hover {cursor:pointer;}
.job_select li input {display: none;}
.job_select li span{pointer-events:none;font-size:13px!important;color:#a6a6a6;display:inline-block;width:36px;text-align:left;margin-right:0px!important;}
.job_select li span:nth-child(2){color: #3274cb;display: inline-block;width: 60px;}
.job_select li span:nth-child(3){min-width:60px;text-align:right;padding-right:0px;margin-right:0;}
.job_select li span strong{color:#000000;display:inline-block;font-weight: 500;}
.job_selected {display: flex; justify-content: space-between; align-items: center;}
.job_selected.hide {display: none;}
.job_selected .price:hover {cursor: pointer;}
.job_selected .price span {position: static !important; pointer-events:none;font-size:13px!important;color:#a6a6a6 !important;display:inline-block;width:36px;text-align:left;margin-right:0px!important;}
.job_selected .price span:nth-child(2){color: #3274cb !important;display: inline-block;width: 60px;}
.job_selected .price span:nth-child(3){min-width:60px;white-space: nowrap; text-align:right;padding-right:0px;margin-right:25px !important;}
.job_selected .price span:nth-child(3)::after {content: ''; position: absolute; top: 0; right: 0; display: table; width: 20px; height: 20px; margin-top: 2px; margin-left: 4px; background-image: url("../../img/waiter/chevron-down.png"); background-size: cover;}
.job_selected .price span strong{display:inline-block;font-weight: 500;}
/*결제수단*/
.jobStep .paybox1{margin-bottom: 30px;}
.jobStep .paybox1 h4{display:inline-block;font-size:1rem;font-weight:500;}
.jobStep .paybox1 .List {margin-top:20px;}
.jobStep .paybox1 .List ul{overflow:hidden;}
.jobStep .paybox1 .List li{float:left;text-align:center; }
.jobStep .paybox1 .List li a{display:block;font-size:0.95rem;color:#c1c1c1;}
.jobStep .paybox1 .List li em{display:block;width:49px;height:49px;margin:0px auto 10px;} 
.jobStep .paybox1 .List li.bank {margin-top: 50px;}
.jobStep .paybox1 .List li.bank em,
.jobStep .paybox1 .List li.virtual em{background-position:0 -104px;} 
.jobStep .paybox1 .List li.phone em{background-position:-49px -104px;} 
.jobStep .paybox1 .List li.card em{background-position:-98px -104px;} 
.jobStep .paybox1 .List li.epay em{background-position:-147px -104px;}
.jobStep .paybox1 .List li.on a{color:#3173CB;}
.jobStep .paybox1 .List li.on.bank em,
.jobStep .paybox1 .List li.on.virtual em{background-position:0 -55px;} 
.jobStep .paybox1 .List li.on.phone em{background-position:-49px -55px;} 
.jobStep .paybox1 .List li.on.card em{background-position:-98px -55px;} 
.jobStep .paybox1 .List li.on.epay em{background-position:-147px -55px;}
.jobStep .bankWrap{margin:60px 0 0;}
.jobStep .bankWrap .bank{/* overflow:hidden; */}
.jobStep .bankWrap .bank .h_form{float:left;width:25%;margin-right:3%;}
.jobStep .bankWrap .bank .num{overflow:hidden;margin:10px 0 10px 0;font-size:1rem;color:#888;vertical-align:middle;display:inline-block;margin-left:20px;}
.jobStep .bankWrap .bank .num span{font-size:0.9rem;margin-left:10px;}
.jobStep .bankWrap .bank .name{display:inline-block;}
.jobStep .point{text-align:center;color:#ff6161;font-size:0.85rem;margin:40px 0 0;}
@media screen and (max-width:960px) {
    .jobStep .paybox1{margin:20px 0;}
    .jobStep .paybox1 h4{font-size:0.95rem;}
    .jobStep .accent ul li{width:33.3333333%;margin-bottom:14px;}
    .radioList.h_form span{font-size:0.95rem;}
    .jobStep .jump ul li{width:33.3333333%;margin-bottom:14px;}   
    .jobStep .paybox1 .List li em{width:42px;height:42px;margin-bottom:5px;}
    .jobStep .paybox1 .List li.bank em,
    .jobStep .paybox1 .List li.virtual em{background-position:0 -89px;} 
    .jobStep .paybox1 .List li.phone em{background-position:-42px -89px;} 
    .jobStep .paybox1 .List li.card em{background-position:-84px -89px;} 
    .jobStep .paybox1 .List li.epay em{background-position:-125px -89px;}
    .jobStep .paybox1 .List li.on.bank em,
    .jobStep .paybox1 .List li.on.virtual em{background-position:0 -47px;} 
    .jobStep .paybox1 .List li.on.phone em{background-position:-42px -47px;} 
    .jobStep .paybox1 .List li.on.card em{background-position:-84px -47px;} 
    .jobStep .paybox1 .List li.on.epay em{background-position:-125px -47px;}
    .jobStep .paybox1 .List li a{font-size:0.8rem;}  
    .jobStep .bankWrap .bank .h_form{float:inherit;width:100%;margin-right:0;}
    .jobStep .bankWrap .bank .num{margin-left:5px;}
}
/*신청완료*/
.jobStep .finish{margin:50px 0;padding-bottom:100px;text-align:center;border-bottom:1px solid #eee;}
.jobStep .finish .tit{color:#000;font-weight:500;font-size:1.5rem;}
.jobStep .finish ul{overflow:hidden;max-width:500px;margin:50px auto;}
.jobStep .finish ul li{position:relative;float:left;width:20%;font-size:0.9rem;color:#646464;text-align:center;}
.jobStep .finish ul li em{display:block;width:12px;height:12px;border:3px solid #DEDEDE;background-color:#fff;border-radius:50%;margin:3px auto 10px auto;z-index:3;position:relative;}
.jobStep .finish ul li:after{content:'';z-index:1;position:absolute;top:7px;left:0;width:100%;height:4px;background-color:#DEDEDE;}
.jobStep .finish ul li.q01:after{left:inherit;right:0;width:50%;}
.jobStep .finish ul li.q05:after{width:50%;}
.jobStep .finish ul li.q04 a { position: relative; top: 100%; left: 50%; transform: translateX(-50%); margin-top: 5px; display: block; padding: 0; text-align: center; line-height: 28px; border-radius: 14px; background-color: #000; color: #fff; white-space: nowrap; /* animation: blink-effect 1s step-end infinite; */ }
.jobStep .finish ul li.q04 a:hover { animation: none; }
@media screen and (max-width:960px) {
    .jobStep .finish{margin:60px 0 20px;padding-bottom:40px;}
    .jobStep .finish .tit{font-size:1.2rem;}
    .jobStep .finish ul{margin:35px auto 25px;}
    .jobStep .finish ul li{font-size:0.85rem;}
}
@keyframes blink-effect { 50% { opacity: 0; } }

/*접수완료까지*/
.jobStep .finish.f02 ul li.q01 em,
.jobStep .finish.f02 ul li.q02 em{background-color:#000;border-color:#000;}
.jobStep .finish.f02 ul li.q01:after{background-color:#000;}
.jobStep .finish.f02 ul li.q02:before{content:'';z-index:2;position:absolute;top:7px;left:0;background-color:#000;width:50%;height:4px;}
/*결제까지*/
.jobStep .finish.f03 ul li.q01 em,
.jobStep .finish.f03 ul li.q02 em,
.jobStep .finish.f03 ul li.q03 em{background-color:#000;border-color:#000;}
.jobStep .finish.f03 ul li.q01:after,
.jobStep .finish.f03 ul li.q02:after{background-color:#000;}
.jobStep .finish.f03 ul li.q03:before{content:'';z-index:2;position:absolute;top:7px;left:0;background-color:#000;width:50%;height:4px;}
/*사업자확인까지*/
.jobStep .finish.f04 ul li.q01 em,
.jobStep .finish.f04 ul li.q02 em,
.jobStep .finish.f04 ul li.q03 em,
.jobStep .finish.f04 ul li.q04 em{background-color:#000;border-color:#000;}
.jobStep .finish.f04 ul li.q01:after,
.jobStep .finish.f04 ul li.q02:after,
.jobStep .finish.f04 ul li.q03:after{background-color:#000;}
.jobStep .finish.f04 ul li.q04:before{content:'';z-index:2;position:absolute;top:7px;left:0;background-color:#000;width:50%;height:4px;}
/*광고게재까지*/
.jobStep .finish.f05 ul li em{background-color:#000;border-color:#000;}
.jobStep .finish.f05 ul li:after{background-color:#000;}
.jobStep .finish ul li em{background-image:url("../../img/waiter/icon7.png");background-repeat:no-repeat;vertical-align:middle; /* background-position:-66px -2px; */ background-position: -68px -5px; }
.jobStep .finish .txt1{font-size:0.95rem;margin-bottom:6px;word-break:keep-all;}
.jobStep .finish .txt2{font-size:0.8rem;color:#8b8b8b;word-break:keep-all;}
.jobStep .plist dl{overflow:hidden;margin-bottom:20px;}
.jobStep .plist dl dt{float:left;font-size:1rem;color:#9c9c9c;}
.jobStep .plist dl dd{float:right;font-size:1rem;color:#9c9c9c;}
.jobStep .plist dl.poi dt,.jobStep .plist dl.poi dd{color:#ff6161;}
.jobStep .plist dl.pay dt,.jobStep .plist dl.pay dd{color:#000;}
.jobStep .payment{position:relative;margin-bottom:50px;}
.jobStep .payment .account p{overflow:hidden;font-size:0.95rem;color:#777;}
.jobStep .payment .account p.num{position:relative; }
.jobStep .payment .account p.num em{position:absolute;top:0;right:0; }
.jobStep .payment .account .name{text-align:right;margin-top:10px;}
.jobStep .payment .etc{position:absolute;top:0;right:0;font-size:0.95rem;}
@media screen and (max-width:960px) {
    .jobStep .finish .txt1{margin:40px 30px 5px;}
    .jobStep .finish .txt2{margin:0 30px;}
    .jobStep .plist dl{margin-bottom:10px;}
    .jobStep .plist dl dt{font-size:0.85rem;}
    .jobStep .plist dl dd{font-size:0.85rem;}
    .jobStep .payment .account{font-size:0.9rem;}
    .jobStep .payment .account p{font-size:0.9rem;}
    .jobStep .payment .account .name{margin-top:5px;}
    .jobStep .payment .etc{font-size:0.9rem;}
}
/*사업자관리(첨부서류)*/
.license .stxt{font-size:1rem;color:#999;position:relative;min-height: 280px;}
.license .stxt span{display:block;margin-bottom:24px;font-size:13px;font-weight:200;}
.license .stxt .accent {color:#000; margin-bottom:8px; font-size: 15px; font-weight: 400;}
.license .stxt .tit {font-size: 18px;}
.license .addf { position: absolute; right: 0; top: 30px; margin: 0; }
.license .addFile { margin: auto; }
.license ul{overflow:hidden;margin-top:70px;margin-left:-2%;padding:20px 0;}
.license ul li{position:relative;float:left;width:14.66666666666667%;margin-left:2%;margin-bottom:2%;}
.license ul li p{border:1px solid #ddd;border-radius:10px;overflow:hidden;width:140px;height:200px;}
.license ul li img{width:100%;height:auto;}
.license ul li span{display:block;text-align:center;font-size:0.9rem;color:#3274CB;margin:5px 0;}
.license ul li .del{position:absolute;top:-5px;right:-5px;width:21px;height:21px;border-radius:50%;background-position:-86px 0;}
.license ul li.Uncerti p{opacity:0.5;} 
.license ul li.Uncerti span{color:#777;}
.license ul li.add a{display:block;border:1px solid #eee;border-radius:10px;overflow:hidden;width:140px;height:200px;font-size:0;background-image:url("../../img/waiter/file_add.png");background-position:50% 50%;background-repeat:no-repeat;}

.licenseWrap { margin: 50px 0; }
.licenseItem { padding: 40px 0px; border-bottom: 1px solid #f5f5f5; }
.licenseItem.true { /*background-color: #f6f9ff;*/ }
.licenseItemMeta { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;  display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: flex-start; align-items: flex-start; }
.license_status { display: flex; position: relative; }
.license_status em { display: block; padding: 0 0 5px 0; font-size: 20px; font-weight: bold; line-height: 1.5; color: #a2a2a2; border-bottom: 1px solid; position: relative; }
/*.license_status em::after { position: absolute; top: 3px; left: calc(100% + 15px); display: block; width: 17px; height: 17px; content: ''; background: url("../../img/waiter/icon_quest.png") center center no-repeat; }*/
.license_status em.true { color: #000; }
.license_status em.false { color: #ff4d4d; }
.license_status .question-icon { position: absolute; top: 8px; left: calc(100% + 15px); display: block; width: 17px; height: 17px; background: url("../../img/waiter/icon_quest.png") center center no-repeat;}
.question-icon .questionLayer {display: none;}
.question-icon:hover > .questionLayer {display: inline-block; position:absolute; left:-90px; top:30px; z-index:1; margin-left: 18px; border:1px solid #e9e9e9; border-radius:4px; box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important; padding: 15px 40px 10px 15px; background:#fff; width: max-content;}
.question-icon:hover > .questionLayer p {margin-bottom: 10px; font-size:14px;}
.question-icon:hover > .questionLayer .light {color:#a2a2a2;}
.question-icon:hover > .questionLayer .true {color: #000;} 
.question-icon:hover > .questionLayer .false {color: #ff4d4d;}
#questionLayer {position:absolute; left:0; top:0; z-index:1; border:1px solid #e9e9e9; border-radius:4px; box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important; padding: 15px 40px 10px 15px; background:#fff;}
#questionLayer p {margin-bottom: 10px; font-size:14px;}
#questionLayer .light {color:#a2a2a2;}
#questionLayer .true {color: #000;} 
#questionLayer .false {color: #ff4d4d;}
.license_button { font-size: 16px; }
.license_button a { border-bottom: 1px solid; color:#bbbbbb; }
.license_button a:hover { color: #000; }
.licenseItemData { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-top: 20px; }
.license_info * { font-size: 16px; font-weight: 300; }
.license_info dl { margin-bottom: 5px; white-space: nowrap; }
.license_info dl dt,
.license_info dl dd { display: inline-block; }
.license_info dl dt { width: 100px; color: #bebebe; }
.license_info dl dd { white-space: keep-all; color: #777777; }
.license_info .unregtxt {color:#ccc;}
.license_info .intxt { padding: 0; margin: 0; line-height: 1; outline: 0; border: 0; max-width: 100%; }
.license_info .intxt:focus { outline: 0; }
.license_info .intxt[name="zip"] { width: 80px; }
.license_info .win_zip { border: 0; background: none; color: #999; line-height: 1; padding: 0; margin: 0; }
.license_file {position:relative; flex: 0 0 auto; }
.license_file_1 {margin-left:auto;}
.license_file_2 {margin-left:20px;}
.license_file p{border:1px solid #ddd;border-radius:10px;overflow:hidden;width:140px;height:200px;}
.license_file img{width:100%;height:auto;}
.license_file span{display:block;text-align:center;font-size:0.9rem;color:#888;margin:5px 0;}
.license_file .del{position:absolute;top:-5px;right:-5px;width:21px;height:21px;border-radius:50%;background-position:-86px 0; background-size: auto !important;}
.license_file .add{position:absolute;top:-5px;right:-5px;width:21px;height:21px;border-radius:50%;background-position:-86px 0; background-size: auto !important;transform:rotate(45deg)}
.license_file > p {position:relative; background-size: cover; background-position: center;}
.license_file > p a {display: block; width: 100%; height: 100%; background-color: #ffffff; opacity: 0.2;}
.license_file > p .del{position:absolute;top:50%;left:50%;width:21px;height:21px;border-radius:50%;background-position:-86px 0; background-size: auto !important; transform: translate(-50%,-50%);}
.license_file > p .add{position:absolute;top:50%;left:50%;width:21px;height:21px;border-radius:50%;background-position:-86px 0; background-size: auto !important; transform: translate(-50%,-50%) rotate(45deg);}
.license_file.Uncerti p img{opacity:0.5;} 
.license_file.Uncerti span{color:#777;}
#business .btn5 { display: inline-block; padding: 0 10px; height: 25px; line-height: 25px; color: #999; vertical-align: middle; background-color: #F5F5F5; cursor: pointer; border: 0;  border-radius: .1em; font-size: 0.7rem; }
#business .warn {font-size:12px; color:#e63c3c;}
#business .warn.out {padding: 4px 25px 4px;}
#business .warn.in {padding: 4px 0 4px;}
#business.Layer.bizLyr dl dt {width: 100px;}
@media screen and (max-width: 960px) {
    .licenseItemData { flex-wrap: wrap; }
    .license_info { flex: 1 1 auto; width: 100%; }
    .license_file { margin: 10px 20px 10px 0; }
}
@media screen and (max-width:960px) {
    .license .stxt{font-size:0.9rem;}
    .license ul{margin-top:20px;}
    .license ul li{width:31.333333%;}
    .license ul li p{border-radius:5px;overflow:hidden;width:100px;height:140px;}
    .license ul li.add a{width:100px;height:140px;}
    .license ul li .del{width:18px;height:18px;background-position:-73px 0;right:0;}
    .license ul li span{font-size:0.8rem;}
    .license .addf { position: static; margin: 30px 0 !important; }
}
@media screen and (max-width:425px) {
    .license_file p{width:110px;height:157px;}
}
/*사업자관리-탭메뉴*/
.navi_menu { border-bottom: 10px solid #fafafa; }
.navi_menu .down {display: none;}
.navi_menu a {-webkit-tap-highlight-color: transparent;}
.navi_menu a,
.navi_menu .selected,
.navi_menu h1 {display: inline-block; color:#999; font-size: 1.1rem; font-weight: 400;padding: 20px 0;}
.navi_menu .selected,
.navi_menu h1 {border-bottom: 2px solid #000; color:#000; padding-bottom: 18px; margin-right: 40px;}
.navi_menu .selected a,
.navi_menu h1 a {padding: 0; color: inherit; font-weight: 500;}
.navi_menu .submenuLayer {display: none;}
.navi_menu .container {position: relative;}
.navi_menu .container .submenu {margin-right: 40px;}
.navi_menu .container .extra {position: absolute; top: 0; right: 0; min-width: 65px; height: 100%; padding-right: 15px; display: flex; align-items: center; justify-content: center;}
.navi_menu .container .extra #jumpChargeOpen {font-size:12px; font-style: normal; color:#3274cb; text-decoration: underline; text-underline-position: under;}
.navi_menu .container .extra #jumpChargeOpen:hover {text-decoration: none;}
.container .tabmenu.lic ul li:nth-child(n) a {color:#cccccc;}
.container .tabmenu.lic ul li:nth-child(n) a.active {color:#333333;}
#licenseOpen1,
#licenseOpen2,
#licenseOpen3 {display: none;}
#licenseOpen1.active,
#licenseOpen2.active,
#licenseOpen3.active {display: block;}
@media screen and (max-width:960px) {
  .navi_menu .container {position: relative; display: flex; align-items: center;}
  .navi_menu .back em{width:26px;height:20px;background-size:260px 260px;background-position:-172px -184px;}
  .navi_menu .submenuLayer {display: block; width:150px; position: absolute; top:60px; left:10px; z-index: 2; background-color: #ffffff; border:1px solid #e9e9e9; border-radius:4px; box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;}
  .navi_menu .submenuLayer li.on {background-color:#f5f5f5;}
  .navi_menu .submenuLayer li.on a {color:#000}
  .navi_menu .submenuLayer li a {padding: 10px; font-size: 14px; width: 100%; color:#999;}
  .navi_menu .selected, .navi_menu h1 {margin-right: 20px;}
  .navi_menu .down { font-size: 0; display: block; width: 17px; height: 17px; background: url("../../img/waiter/icon-down2.png") center center no-repeat; background-size: contain; padding: 0;}
  .navi_menu {border-bottom: 7px solid #fafafa; margin-top: 55px;}
  .navi_menu .submenu {display: none;}
  .navi_menu .selected,
  .navi_menu h1 {border-bottom:none; font-size: 1.05rem; padding: 15px 0; color:#333333;}
}
/*사업자관리-레이어팝업*/
#mediafile1, #mediafile2 {display: none;}
.fileArea {padding-top: 12px;}
.fileArea .fileBtn {width:100px;height:100px;border:1px solid #e9e9e9;border-radius:4px;color:#a8a8a8;font-weight:400;text-align:center;}
.fileArea .fileBtn:hover{background-color:#f5f5f5;}
.fileArea .fileBtn .cross{width:32px;height:32px;margin:16px auto;position:relative;}
.fileArea .fileBtn .cross .vertical,
.fileArea .fileBtn .cross .horizon{position:absolute;top:0;left:0;}
.fileArea .fileBtn .cross .vertical{width:17px;height:100%;border-right:2px solid #a8a8a8;}
.fileArea .fileBtn .cross .horizon{width:100%;height:17px;border-bottom:2px solid #a8a8a8;}
.fileArea .thumb {position: relative; width:100px; height:100px;}
.fileArea .thumb img {width:100%; height:auto; border-radius: 5px;}
.fileArea .thumb .thumb_box {display: block; position: relative; border: 1px solid #e9e9e9; border-radius: 4px; width:100px; height:100px; overflow: hidden;}
.fileArea .thumb .thumb_box img {position: absolute; top: 50%; transform: translateY(-50%);}
.fileArea .thumb .del {position:absolute;top:-5px;right:-5px;width:21px;height:21px;border-radius:50%;background-position:-86px 0;background-size: unset;}

/* 메뉴2 */
.navi_menu2 {position: relative; border-bottom: 10px solid #fafafa; }
.navi_menu2::before {content: ''; position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 24px; height: 100%;  background: linear-gradient(to right, white, transparent);}
.navi_menu2::after {content: ''; position: absolute; top: 0; right: 0; z-index: 1; display: block; width: 24px; height: 100%;  background: linear-gradient(to left, white, transparent);}
.navi_menu2 .down {display: none;}
.navi_menu2 a {-webkit-tap-highlight-color: transparent;}
.navi_menu2 a,
.navi_menu2 .selected,
.navi_menu2 h1 {display: inline-block; color:#999; font-size: 1.1rem; font-weight: 400;padding: 20px 0;}
.navi_menu2 .selected,
.navi_menu2 h1 {border-bottom: 2px solid #000; color:#000; padding-bottom: 18px; margin-right: 40px;}
.navi_menu2 .selected a,
.navi_menu2 h1 a {padding: 0; color: inherit; font-weight: 500;}
.navi_menu2 .submenuLayer {display: none;}
.navi_menu2 .container {position: relative;}
.navi_menu2 .container .submenu {margin-right: 40px;}
.navi_menu2 .container .extra {position: absolute; top: 0; right: 0; min-width: 65px; height: 100%; padding-right: 15px; display: flex; align-items: center; justify-content: center;}
.navi_menu2 .container .extra #jumpChargeOpen {font-size:12px; font-style: normal; color:#3274cb; text-decoration: underline; text-underline-position: under;}
.navi_menu2 .container .extra #jumpChargeOpen:hover {text-decoration: none;}
@media screen and (max-width:960px) {
  .navi_menu2 {border-bottom: 7px solid #fafafa; margin-top: 55px;}
  .navi_menu2 .container .submenu {margin-right: 25px;}
  .navi_menu2 .selected, .navi_menu2 h1 {margin-right: 25px;}
  .navi_menu2 a,
  .navi_menu2 .selected,
  .navi_menu2 h1 {font-size: 15px;}
  .navi_menu2 .container {display: flex; overflow: auto;}
  .navi_menu2 .container .submenu {white-space: nowrap;}
  .navi_menu2 .container .selected,
  .navi_menu2 .container h1 {white-space: nowrap;}
  .navi_menu2 .container::-webkit-scrollbar, 
  .navi_menu2 .container::-webkit-scrollbar-thumb, 
  .navi_menu2 .container::-webkit-scrollbar-track {display: none;}
}

/*채용공고관리*/
.jobOpen {margin-top:100px;}
.jobOpen .item {position: relative;}
.jobOpen .blur {filter: blur(5px);}
.jobOpen .blur-msg {position: absolute; z-index: 1; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.jobOpen .blur-msg .over {font-size:16px; font-weight: 500; color: #fb5960; text-align: center; text-decoration: underline; transform: translateY(-20px); text-decoration: underline; text-underline-position: under;}
.jobOpen .blur-msg .over:hover {text-decoration: none;}
.jobOpen .blur-msg span {color:#666666; font-size: 14px;}
.jobOpen dl{overflow:hidden;margin-bottom:50px;padding-bottom:50px;border-bottom:1px solid #F5F5F5;}
.jobOpen dl dt{float:left;width:20%;color:#9f9f9f;font-size:1.1rem;}
.jobOpen dl dd{position:relative;overflow:hidden;}
.jobOpen .recruitList{margin-bottom:12px; margin-right: 90px; }
.jobOpen .company{display: flex; font-size:1rem;color:#333;}
.jobOpen .company span{position:relative;display:inline-block;color:#333;margin-left:10px;padding-left:10px;}
.jobOpen .company span:before{content:'';position:absolute;top:6px;left:0;width:1px;height:12px;background-color:#ddd;}
.jobOpen .company em{display:inline-block;color:#3274CB;font-size:0.7rem;border:1px solid #3274CB;padding:0 10px;border-radius:20px;vertical-align:middle;margin-left:10px;margin-top:-4px;}
.jobOpen .company em.keep{color:#ff4d4d;border-color:#ff4d4d;}
.jobOpen .name-line {display: flex; margin-top: 5px;}
.jobOpen .name-line p {display: flex; max-width: 50%; white-space: nowrap;}
.jobOpen .name-line p span {display: inline-block; font-size: 14px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.jobOpen .name-line p.parenthesis::before {content: '('; display: inline-block; font-size: 14px;}
.jobOpen .name-line p.parenthesis::after {content: ')'; display: inline-block; font-size: 14px;}
.jobOpen .cont{font-size:0.9rem;margin:5px 0;color:#646464; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.jobOpen .tag{color:#999;font-size:0.85rem;}
.jobOpen .between {display: flex; justify-content: space-between; max-width: 310px;}
.jobOpen .moneyList{padding-right:150px;}
.jobOpen .money{position:relative;font-size:1rem;color:#777;margin-bottom:10px;}
.jobOpen .money span{position:absolute;top:0;right:0;color:#3274CB; }
.jobOpen .item{color:#b8b8b8;font-size:0.9rem;margin-bottom:6px;}
.jobOpen .itemWrap { display: table; }
.jobOpen .itemWrap .item { display: table-row; }
.jobOpen .itemWrap .item span { display: table-cell; padding: 0 15px 0 0; }
.jobOpen .reason{color:#b8b8b8;font-size:0.9rem;}
.jobOpen .date{color:#b8b8b8;font-size:0.9rem;}
.jobOpen .name{position:relative;color:#777;font-size:0.85rem;margin:5px 0;}
.jobOpen .name span{position:static;top:0;right:0;}
.jobOpen .name.red span {color:#fb5960;}
.jobOpen .bank{color:#777;font-size:0.85rem;word-break:keep-all;}
.jobOpen .modi{position:absolute;top:50%;right:0; transform: translateY(-50%); }
.jobOpen .modi a{display:block;font-size:0.95rem;color:#5b5bff;text-decoration:underline;margin:10px 0; text-underline-position: under; margin-right: 40px;}
.jobOpen .modi a.over {color: #fb5960;}
.jobOpen .modi a:hover{text-decoration: none;}
.jobOpen .itemList{margin-bottom:20px;}
.jobOpen .itemList p{color:#000;font-size:1rem;margin-bottom:2px;}
.jobOpen dl.close2 p,.jobOpen dl.close2 p span{color:#b8b8b8!important;}
.jobOpen .going .thumb p{position:relative; width:120px;height:120px;border-radius:45px;overflow:hidden;}
.jobOpen .going .thumb p:before{content: '';position:absolute;top:0;left:0;background: rgba(0, 0, 0, 0.4);width:100%;height:100%;}
/*
.jobOpen .going .thumb span{position:absolute;top:40%;bottom:0;left:10px;right:10px;vertical-align:middle; text-align:center; display:block;z-index:3;color:#fff;font-size:1rem;font-weight:500;}
*/
.jobOpen .going .thumb span{position:absolute;top:50%;left:50%; transform: translate(-50%,-50%); text-align:center;z-index:1;color:#fff;font-size:1rem;font-weight:500;display:block; line-height:1.25; width: 5em; max-height: 5em; overflow: hidden; text-align: center; }
.jobOpen .going .recruitList ul {display: flex;}
.jobOpen .going .recruitList ul li {text-align: center; margin-bottom: 8px;}
.jobOpen .going .recruitList ul li a {display: inline-block; padding: 3px; margin-right: 4px; border: 1px solid #e5e5e5; border-radius: 3px; background-color: #F5F5F5; color: #999; font-size: 0.75rem; font-weight: 300;}
.jobOpen .going .recruitList ul li a:hover {border-color: #000; color: #000;}
.jobOpen .going .recruitList ul li a.on {background-color: #2ecebf; color: #fff;}

.jobOpen .going .adbox{margin-top:30px;}
.jobOpen .going .adbox a{display:inline-block;width:120px;border:1px solid #5b5bff;color:#5b5bff;padding:4px 0;font-size:0.85rem;border-radius:30px;margin-bottom:10px;text-align:center;}
.jobOpen .going .adbox a[data-keep] {color:#ff4d4d;border-color:#ff4d4d;}
.jobOpen .going .adbox a[data-jump].nope {color:#ff4d4d;border-color:#ff4d4d;pointer-events:none;}
.jobOpen .more{border:1px solid #E8E8E8;color:#aaa;font-size:0.85rem;display:block;text-align:center;padding:8px 0; }
.jobOpen .more:hover{color:#3274CB;border-color:#3274CB;}

.jobOpen .detail-textbox ul {margin-bottom: 30px;}
.recruiter-banner {margin-bottom: 90px;}
.recruiter-banner a {display: flex; flex-wrap: wrap; justify-content: center; width: 100%; border: 1px solid #f4f4f4; padding: 20px 0;}
.recruiter-banner a p {font-size: 18px;}
.recruiter-banner a .more {display: flex; align-items: center;}
.recruiter-banner a .more span{display: flex; align-items: center; background-color: #e7e7e7; padding: 2px 6px 2px 8px; margin-left: 10px; border-radius: 20px; opacity: 0.6;}
.recruiter-banner a .more span::after {content: ''; font-size: 0; display: inline-block; width: 17px; height: 17px; background: url(../../img/waiter/icon-down2.png) center center no-repeat; background-size: contain; padding: 0; transform: rotate(270deg) translateX(-1px);}
@media screen and (max-width:960px)  {
    .jobOpen{margin-top:40px;}
    .jobOpen.recruiter-custom{margin-top:25px;}
    .jobOpen dl{margin-bottom:25px;padding-bottom:25px;}
    .jobOpen dl dt{font-size:0.9rem;width:85px;}
    .jobOpen .itemList{margin-bottom:10px;}
    .jobOpen .itemList p{font-size:0.9rem;}
    .jobOpen .recruitList{margin-bottom:8px; margin-right: 40px;}
    .jobOpen .moneyList{padding-right:0px;}
    .jobOpen .money{font-size:0.9rem;}
    .jobOpen .company{font-size:0.9rem;}
    .jobOpen .item{margin-bottom:5px;}
    .jobOpen .tag{font-size:0.8rem;}
    .jobOpen .cont{font-size:0.9rem;}
    .jobOpen .going .thumb p{width:70px;height:70px;border-radius:25px;}
    .jobOpen .going .thumb span{font-size:0.75rem;}
    .jobOpen .going .adbox{margin-top:14px;}
    .jobOpen .going .adbox a{width:70px;font-size:0.75rem;margin-bottom:8px;}
    .jobOpen .modi{right:5px; margin-right: 16px;}
    .jobOpen .modi a{font-size:0.9rem;}
    .jobOpen .more{font-size:0.8rem;}
    .recruiter-banner a .more {margin-top: 6px; margin-left: 0;}
    .recruiter-banner a p {width: 100%; text-align: center;}
}

/*채용공관리-상단 공지사항*/
.recruiter-notice{height: 40px; overflow:hidden; margin-top: 8px;}
.recruiter-notice .boardList{float:left;font-size:0.95rem; font-weight:500; color:#000;line-height:40px;margin-right:12px;}
.recruiter-notice .boardList::before{content: '사장님 공지';}
.recruiter-notice .boardList::after {content: ''; display: inline-block; width:1px; height: 12px; border-right: 1px solid #ededed; margin-left: 12px;}
.recruiter-notice .fr{height: 40px; line-height:40px;font-size:0.95rem;display:flex; justify-content: space-between;}
.recruiter-notice .fr .swiper {width: calc(100% - 80px);}
.recruiter-notice .fr .swiper.once {width: 100%;}
.recruiter-notice .fr .swiper .swiper-container {width: 100%;}
.recruiter-notice .fr .swiper .swiper-container .swiper-slide {opacity: 0;}
.recruiter-notice .fr .swiper .swiper-container .swiper-slide.swiper-slide-active {opacity: 1;}
.recruiter-notice .fr .swiper ul li, 
.recruiter-notice .fr a{overflow:hidden; white-space: nowrap; text-overflow: ellipsis; color:#777;font-size:0.9rem;}
.recruiter-notice .fr a.cnt {text-decoration: underline; text-underline-position: under; color:#3274cb; min-width: 60px; margin-left: 13px;}
.recruiter-notice .fr a.cnt:hover {text-decoration: none;}
.recruiter-notice::after {content: ''; clear: both;}

/*채용공고관리-탭메뉴*/
.container .tabmenu ul {margin-left: 3px;}
.container .tabmenu ul li a { border: 1px solid #e7e7e7; position: relative; padding: 9px; background-color: #fbfbfb;}
.container .tabmenu ul li:nth-child(1) a {color:#f6792e;}
.container .tabmenu ul li:nth-child(2) a {color:#3274cb; transform: translateX(-1px);}
.container .tabmenu ul li:nth-child(3) a {color:#fb5960; transform: translateX(-2px);}
.container .tabmenu ul li:nth-child(4) a {color:#999999; transform: translateX(-3px);}
.container .tabmenu ul li a.active {border: 1px solid #999999; z-index: 1; background-color: #ffffff;}
.container .tabmenu ul li a span {pointer-events: none;}
.container .tabmenu ul li .emphasis {position:absolute; top:-16px; left:50%; z-index:1; width: 36px; height: 20px; transform:translate(-50%, 0); color:#000; background-color: #ffffff;  padding:0 6px; border:1px solid #000; border-radius:12px;}
.container .tabmenu ul li .emphasis::before {content: ''; display: table; width: 4px; height: 4px; background: linear-gradient(to bottom left, #ffffff 55%, transparent 45%); border-right:1px solid #000; border-top:1px solid #000; position: absolute; top: 16px; left: 14px; transform: rotate(135deg);}


.jobOpen #jobOpen1,
.jobOpen #jobOpen2,
.jobOpen #jobOpen3,
.jobOpen #jobOpen4 {display: none;}

.jobOpen #jobOpen1.active,
.jobOpen #jobOpen2.active,
.jobOpen #jobOpen3.active,
.jobOpen #jobOpen4.active {display: block;}

.container .tabmenu.partnership-tab {margin-bottom: 30px;}

@media screen and (max-width:960px) {
  .recruiter-notice .boardList::before{content: '공지';}

  .container .tabmenu ul li a {padding: 30px 8px 10px;}
  .container .tabmenu ul li a span {position: absolute; top: 8px; left: 50%; transform: translateX(-50%);}
  .container .tabmenu.partnership-tab ul li a {padding: 10px 8px;}
  
  .jobOpen #jobOpen1 dl::after,
  .jobOpen #jobOpen2 dl::after,
  .jobOpen #jobOpen3 dl::after,
  .jobOpen #jobOpen4 dl::after {content: ''; display: table; width: 100%; height: 5px; background: #f3f3f3; position: absolute; left: 0; transform: translateY(25px);}

  .jobOpen #jobOpen1 dl:last-child:after,
  .jobOpen #jobOpen2 dl:last-child:after,
  .jobOpen #jobOpen3 dl:last-child:after,
  .jobOpen #jobOpen4 dl:last-child:after {content: ''; display: table; width: 100%; height: 5px; background: #ffffff; position: absolute; left: 0; transform: translateY(25px);}

  .jobOpen #jobOpen1 .recruitList,
  .jobOpen #jobOpen2 .recruitList,
  .jobOpen #jobOpen3 .recruitList,
  .jobOpen #jobOpen4 .recruitList{margin-right: 0;}
}

/*채용공고관리-탭테마*/
.jobOpen .thumb p {position: relative; width: 120px; height: 120px; border-radius: 45px; overflow: hidden;}
.jobOpen .thumb p:before {content: ''; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%;}
.jobOpen .thumb p span {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; z-index: 1; color: #fff; font-size: 1rem; font-weight: 500; display: block; line-height: 1.25; width: 5em; max-height: 5em; overflow: hidden; text-align: center;}
.jobOpen .thumb-text {text-align: center; width: 120px;}
.jobOpen .thumb-text span {font-size: 0.85rem;}
.jobOpen .itemList p.tag {color:#999; font-size: 0.85rem;}
.jobOpen .company .no_license {background-color: #fb5960; color: #ffffff; display: inline-block; padding: 5px 8px; border-radius: 20px; font-size:12px; line-height: 1; white-space: nowrap; height: 22px;}
.jobOpen .company .no_license::before {background-color: transparent;}
.jobOpen .money span {position: static;}
.jobOpen .moneyList .itemWrap .d-day {color:#fb5960;}
.jobOpen .name_box {display: flex;}
.jobOpen .name_box .name:nth-child(1) {margin-right: 20px;}
.jobOpen .name_box .name {display: flex; flex-wrap: wrap; align-items: center;}
.jobOpen .name_box .name .accountNoCopy {color: #3173CB; font-size: 0.85rem; text-decoration: underline; text-underline-position: under; cursor: pointer; width:200px;}
.jobOpen .name_box .name .accountNoCopy:hover {text-decoration: none;}
.jobOpen .name a {display: inline-block; color: #3274CB; margin-left: 4px; text-decoration: underline; text-underline-position: under;}
.jobOpen .info {position:absolute; right:0; bottom:12px; color:#b8b8b8;}
.jobOpen .info span {display:inline-block; font-size:13px; line-height: 13px; padding-right:10px; border-right: 1px solid #b8b8b8; margin-right: 10px;}
.jobOpen .info span:last-child {padding-right:0px; border-right:none; margin-right: 0px;}
.jobOpen .modi {position: static; transform: none; display: flex;}
.jobOpen dl:last-child {border-bottom: none;}

.jobOpen #jobOpen1 .thumb p span {color: #f6792e;}
.jobOpen #jobOpen1 .thumb p:before {background: #fffaf1;}
.jobOpen #jobOpen1 .thumb.v2 p {border: 1px solid #f6792e;}
.jobOpen #jobOpen1 .thumb.v2 p:before {background: #ffffff;}
.jobOpen #jobOpen1 .cont {margin: 5px 0;}
.jobOpen #jobOpen1 .cont a {font-size: 0.9rem;}
.jobOpen #jobOpen1 dd div:last-child {margin-top: 16px;}

.jobOpen #jobOpen2 .thumb p span {color: #3274cb;}
.jobOpen #jobOpen2 .thumb p:before {background: #ebf4ff;}
.jobOpen #jobOpen2 .moneyList {display: flex;align-items: flex-start; padding-right: 0px; flex-wrap: wrap;}
.jobOpen #jobOpen2 .moneyList .itemWrap {width:50%; margin-bottom: 8px;}
.jobOpen #jobOpen2 .moneyList .itemWrap .item {display:flex;}
.jobOpen #jobOpen2 .moneyList .itemWrap .item span:nth-child(1) {width: 66px;}
.jobOpen #jobOpen2 .moneyList .itemWrap .item.empty span:nth-child(1) {width: unset;}
.jobOpen #jobOpen2 .moneyList .itemWrap strong {display:inline-block; color:#597192; margin-bottom: 10px; font-size: 0.9rem;}
.jobOpen #jobOpen2 .moneyList .itemWrap .d-day {color:#fb5960; padding-right: 0;}

.jobOpen #jobOpen3 .thumb p span {color: #fb595f;}
.jobOpen #jobOpen3 .thumb p:before {background: #fcf3f3;}
.jobOpen #jobOpen3 .moneyList {display: flex;align-items: flex-start; padding-right: 0px; flex-wrap: wrap;}
.jobOpen #jobOpen3 .moneyList .itemWrap {width:50%; margin-bottom: 8px;}
.jobOpen #jobOpen3 .moneyList .itemWrap .item {display:flex;}
.jobOpen #jobOpen3 .moneyList .itemWrap .item span {padding-right: 0px;}
.jobOpen #jobOpen3 .moneyList .itemWrap .item span:nth-child(1) {width: 66px;}
.jobOpen #jobOpen3 .moneyList .itemWrap .item.empty span:nth-child(1) {width: unset;}
.jobOpen #jobOpen3 .moneyList .itemWrap .item span:nth-child(2) {display: block; width: 150px;}
.jobOpen #jobOpen3 .moneyList .itemWrap .item span:nth-child(2) a {color:#5b5bff; text-decoration: underline; text-underline-position: under;}
.jobOpen #jobOpen3 .moneyList .itemWrap strong {display:inline-block; color:#597192; margin-bottom: 10px; font-size: 0.9rem;}


.jobOpen #jobOpen4 .thumb p span {color: #999999;}
.jobOpen #jobOpen4 .thumb p:before {background: #f8f8f8;}
.jobOpen #jobOpen4 dl.close2 p, 
.jobOpen #jobOpen4 .moneyList {display: flex;align-items: flex-start; padding-right: 0px; flex-wrap: wrap;}
.jobOpen #jobOpen4 .moneyList .itemWrap {width:50%; margin-bottom: 8px;}
.jobOpen #jobOpen4 .moneyList .itemWrap .item {display:flex;}
.jobOpen #jobOpen4 .moneyList .itemWrap strong {display:inline-block; color:#597192; margin-bottom: 10px; font-size: 0.9rem;}

@media screen and (max-width:960px) {
  .jobOpen .thumb p {width: 70px; height: 70px; border-radius: 25px;}
  .jobOpen .thumb p span,
  .jobOpen .itemWrap .item,
  .jobOpen .itemWrap .item span,
  .jobOpen .info span {font-size: 12px;}
  .jobOpen .thumb-text {width: 70px;}
  .jobOpen .thumb-text span {font-size: 10px;}
  .jobOpen .name_box {display: block;}
  .jobOpen .name_box .name,
  .jobOpen .name_box .name input {font-size: 12px !important;}
  .jobOpen .info {position: static;margin-bottom: 0;}
  .jobOpen .info span:nth-child(2) {width: 120px;}
  .jobOpen .modi {justify-content: space-between; max-width: 310px;}
  .jobOpen .modi a {margin-right: 0; text-align: center;}

  .jobOpen #jobOpen2 .moneyList .itemWrap {width:100%;}

  .jobOpen #jobOpen3 .moneyList .itemWrap {width:100%;}

  .jobOpen #jobOpen4 .moneyList .itemWrap {width:100%;}
  .jobOpen #jobOpen4 .pagination {margin-bottom: 20px;}
}
@media screen and (max-width:374px) {
  .jobOpen .info span {border-right: none;}
  .jobOpen .moneyList .itemWrap .date {width: 80px;}
  .jobOpen .moneyList .itemWrap .d-day {width: 40px;}
}
.jobOpen.partnership-content .cont {font-size: 13px;}
.jobOpen.partnership-content {margin-top: 0;}
.jobOpen.partnership-content .tag {color: #ff7061;}
.jobOpen.partnership-content .alert {margin-bottom: 8px; display: block; text-align: center;}
.jobOpen.partnership-content .alert.red {color: #fff; background-color: #ff0000;}
.jobOpen.partnership-content .alert a {color:#3274CB; text-decoration: underline; text-underline-position: under;}
.jobOpen.partnership-content .alert a:hover {text-decoration: none;}
.jobOpen.partnership-content dl {margin-top: 50px;}
.jobOpen.partnership-content .thumb p:before {background: #f8f8f8;}
.jobOpen.partnership-content .thumb p span {color: #999999;}
.jobOpen.partnership-content .thumb.loveboy p.going:before {background: #fffaf1;}
.jobOpen.partnership-content .thumb.loveboy p.going span {color: #f6792e;}
.jobOpen.partnership-content .thumb.waiternara p.going:before {background: #ebf4ff;}
.jobOpen.partnership-content .thumb.waiternara p.going span {color: #3274cb;}
.jobOpen.partnership-content .checkList {margin-left: 186px; margin-bottom: 30px;}
.jobOpen.partnership-content .checkList .tit {padding: 25px 44px; margin-bottom: 16px; background-color: #f5fafe;}
.jobOpen.partnership-content .checkList .tit p {font-size:14px; font-weight: 700; margin-bottom: 4px;}
.jobOpen.partnership-content .checkList ul li {margin-bottom: 24px;}
.jobOpen.partnership-content .checkList ul li a {display: flex; width: 100%; padding: 12px 4px;}
.jobOpen.partnership-content .checkList ul li a:hover {background-color: #f9f9f9;}
.jobOpen.partnership-content .checkList ul li a img {width: 20px; height: 20px; margin: 0 6px;}
.jobOpen.partnership-content .checkList ul li a .con {margin: 0 6px;}
.jobOpen.partnership-content .checkList ul li a .con span {display: inline-block; font-size: 14px; font-weight: 500; margin-bottom: 10px;}
.jobOpen.partnership-content .checkList ul li a .con span::after {content: ''; font-size: 0; display: inline-block; width: 16px; height: 16px; margin-left: 4px; background: url(../../img/waiter/chevron-right.png) center center no-repeat; background-size: contain; padding: 0; transform: translateY(3px);}
.jobOpen.partnership-content .checkList ul li a .con p {line-height: 1.8;}
.jobOpen.partnership-content .checkList ul li a .con p.ex {color: #999999;}
.jobOpen.partnership-content .checkList ul li a .con p.ex::before {content: 'ex. ';}
@media screen and (max-width:960px) {
  .jobOpen.partnership-content .modi {justify-content: flex-start;}
  .jobOpen.partnership-content .modi a {margin-right: 16px;}
  .jobOpen.partnership-content .checkList {margin-left: 0;}
  .jobOpen.partnership-content .checkList .tit {padding: 16px; word-break: keep-all;}
  .jobOpen.partnership-content .checkList .tit p {font-size: 13px;}
}
/*결제내역관리*/
.jobPayMoney{margin:10px 0;text-align:right;font-size: 1rem;}
.jobPayMoney a {color:#3274CB;}
.jobPay{margin-top:20px;}
.jobPay ul li{display: flex; position:relative;margin-bottom:40px; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto;}
.jobPay ul li .recruitList { flex: 1 1 auto; }
.jobPay ul li .recruitList .date {display: flex; margin-bottom: 8px; font-size: 13px;}
.jobPay ul li .recruitList .date span {display: inline-block;}
.jobPay ul li .recruitList .date .pay {margin-right: 8px;}
.jobPay ul li .recruitList .date .default {color: #cecece;}
.jobPay ul li .recruitList .date .refund {color: #fb5960;}
.jobPay ul li .recruitList .date .notConfirm .tag {padding: 0 6px; border-radius: 10px; background-color: #000; color: #ffffff;}
.jobPay ul li .recruitList .date .notConfirm a {color: #000; margin-left: 6px; text-decoration: underline; text-underline-position: under;}
.jobPay ul li .recruitList .date .notConfirm a:hover {text-decoration: none;}
.jobPay ul li .recruitList .date .notConfirm span {color: #000; margin-left: 6px;}
.jobPay ul li .payList { flex: 0 0 auto; }
.jobPay .company{display: flex; font-size:1rem;color:#777;}
.jobPay .company span{position:relative;display:inline-block;color:#000;margin-left:10px;padding-left:10px;height: 24px;}
.jobPay .company span:before{content:'';position:absolute;top:6px;left:0;width:1px;height:15px;background-color:#ddd;}
.jobPay .company em{display:inline-block;color:#3274CB;font-size:0.75rem;border:1px solid #3274CB;padding:0 10px;border-radius:20px;vertical-align:middle;margin-left:10px;margin-top:-4px;}
.jobPay .cont{font-size:0.9rem;margin:8px 0;color:#646464;}
.jobPay .item{color:#b8b8b8;font-size:12px;}
.jobPay .payList{/* position:absolute;top:0;right:0; */ text-align:right; margin-top: 27px;}
.jobPay .payList .total{font-size:1rem;color:#999999; width:140px; height:24px; margin-left: auto; margin-right: 0; font-size: 14px;}
.jobPay .payList .total.refund{display: flex; justify-content: space-between;}
.jobPay .payList .total.refund .tit {color: #cecece; margin-right: 16px;}
.jobPay .payList .total.refund .amt {color: #999999;}
.jobPay .payList .total.refund .total-amt {color: #999999; text-decoration: line-through;}
.jobPay .payList a{display:inline-block;color:#3274CB;border-bottom:1px solid #3274CB;font-size: 14px;margin:8px 0;}
.jobPay .payList .pay-type {color: #999999;}
.jobPay .payList .date{color:#b8b8b8;font-size:0.9rem;}
.jobPay .itemList{margin-bottom:8px;}
.jobPay .itemList .tit{font-size:1rem;color:#000;}
.jobPay .itemList span{font-size:1rem;color:#b8b8b8;}
@media screen and (max-width:960px)  {
    .jobPay{margin-top:40px;}
    .jobPay ul li {display: flex; flex-wrap: wrap; justify-content: flex-end;}
}
@media screen and (max-width:960px) {
    .jobPay{margin-top:30px;}
    .jobPay ul li{margin-bottom:60px;}
    .jobPay .company{font-size:0.9rem;}
    .jobPay .cont{font-size:0.9rem;}
    .jobPay .item{font-size:0.9rem;}
    .jobPay .payList .total{font-size:0.9rem;}
    .jobPay .payList a{font-size:0.9rem;}
    .jobPay .payList .date{font-size:0.9rem;}
    .jobPay .itemList .tit{font-size:0.9rem;}
    .jobPay .itemList span{font-size:0.9rem;}
}
/*고객센터*/
.cs {display: flex; align-items: center;}
.cs h2 {display: inline;}
.cs .hover_icon {display:inline-block; margin-left: 6px; margin-top: 4px;}
.cs .hover_icon .info_layer {display: none; max-width: calc(100vw - 30px); width:450px; line-height: 1.5; color:#9c9c9c; position: absolute; top: 30px; left: 15px; z-index: 2; padding: 10px; border: 1px solid #e7e7e7; border-radius: 4px; background-color: #ffffff; box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;}
.cs .hover_icon .info_layer p {margin-top: 6px; margin-bottom: 6px; font-style: normal;}
.cs .hover_icon .info_layer p br {display: none;}
.cs .hover_icon:hover > .info_layer {display: block;}
.cs .hover_icon img {transform: scale(0.9);}
.csList{margin-top:50px;}
.csList table.tb{border:0;}
.csList table.tb td{padding:20px 20px 20px 0;border-bottom:0;}
.csList table.tb td.tr{width:100px;}
.csList table.tb td .tit{font-size:1rem;color:#797979;margin-bottom:5px;width:100%;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align: top;}
.csList table.tb td a:hover .tit{color:#000;}
.csList table.tb td a em{width:18px;height:18px;background-position:-145px 0;margin-left:10px;}
.csList table.tb td .date{color:#b0b0b0;font-size:0.9rem;font-weight:300;margin-bottom:5px;}
.csList table.tb td.tr{font-size:1rem;}
.csList table.tb td.tr.done{color:#3173CB;}
.csList table.tb td.tr.wait{color:#d9dada;}
.csList .item {display: flex; justify-content: space-around;}
.csList .item .date {margin-left: 8px;}
@media screen and (max-width:960px)  {
  .csList{margin-top:20px;}
}
@media screen and (max-width:960px) {
  .cs .hover_icon .info_layer p br {display: block;}
  .csList table.tb td.tl{padding:12px 0;}
  .csList table.tb td.tr{padding:12px 0;font-size:0.95rem;width:70px;}
  .csList table.tb td .tit{font-size:0.9rem;margin-bottom:0;}    
  .csList table.tb td .tit em{background-position:-122px 0;}
  .csList table.tb td .date{font-size:0.8rem;}   
  .csList table.tb td.tr{font-size:0.9rem;font-weight:500;}
  .csList table.tb td a em{width:18px;height:18px;background-position:-122px 0;margin-left:5px;}
}
@media screen and (max-width:374px) { 
  .cs .hover_icon {display: none;}
}
/*고객센터문의하기*/
.searchWrap{ display: flex; justify-content: flex-end; }
.searchWrap .search{position:relative; max-width: 460px; width: 100%;  /*border:1px solid #eee;*/ border-radius:40px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;
  background:#f4f4f4; 
  border-radius : 5px; 
}
.searchWrap .search select {border-radius:40px; border: none !important; margin-left: 8px; width: 110px;
  background-color: transparent !important;
}
.searchWrap .search select:not([multiple]):not([size]) {padding-left: 13px; background-image: url("../../img/waiter/icon-down2.png"); background-size: 15px; background-position: calc(100% - 8px) 50%;}
.searchWrap .search input{width:calc(100% - 170px) !important;display:inline-block;border:none !important;text-indent:0px;color:#666;font-size:13px !important;line-height:42px; padding-left: 80px; 
  background-color: transparent !important;
}
.searchWrap .search input::placeholder { color:#b5b5b5 !important; }
.searchWrap .search input:focus {outline:0 !important;}
.searchWrap .srhIconBtn {padding:0; margin-right: 16px;border:none;width:23px;height:23px;display:inline-block;background-image:url("../../img/waiter/icon7.png");background-repeat:no-repeat;vertical-align:middle;font-size:0;background-position:-172px 0;}
.searchWrap .srhbtn{position:absolute;top:0;right:0;width:20%;background-color:#3274CB;color:#fff;display:inline-block;width:20%;font-size:0.9rem;line-height:42px;border-radius:30px;text-align:center;} 
.searchWrap .z100{z-index:1;}
.searchWrap .writebtn{position:absolute;top:0;right:0;width:20%;background-color:#3274CB;color:#fff;display:inline-block;width:20%;font-size:0.9rem;line-height:42px;border-radius:30px;text-align:center; } 
@media screen and (max-width:960px) {
    .searchWrap .search select {font-size: 0.8rem !important; padding-right: 24px; width: 104px;}
    .searchWrap .search input{line-height:38px;text-indent:0px;}
    .searchWrap .srhIconBtn{background-size:320px 320px;background-position:-136px 3px;} 
    .searchWrap .srhbtn{width:25%;font-size:0.8rem;text-align:center;line-height:38px;}    
    .searchWrap .writebtn{width:25%;font-size:0.8rem;text-align:center;line-height:38px;} 
}
/*고객센터 뷰페이지*/
.csView{margin-top:80px;}
.csView .titWrap{position:relative;}
.csView .titWrap p{color:#333;font-size:1.1rem;margin-bottom:8px;margin-right:100px;}
.csView .titWrap span{display:inline-block;color:#b0b0b0;font-size:0.9rem;margin-right:10px;}
.csView .titWrap em{display:inline-block;position:absolute;top:0;right:0;text-align:right;font-size:1.1rem;}
.csView .titWrap .wait{color:#d9dada;}
.csView .titWrap .done{color:#3274CB;}
.csView .Img{margin:40px 0;}
.csView .Img img{max-width:100%;}
.csView .File{margin:40px 0;}
.csView .File a { position: relative; display: inline-block; color: #777; font-size: 0.8rem; margin-bottom: 10px; padding: 4px 20px; background-color: #F4F4F4; margin-right: 10px; }
.csView .txt{color:#7d7d7d;font-size:1rem;margin:40px 0;}
.csView .txt img{max-width:100%;}
.csAnswer{margin-top:100px;background-color:#FAFAFA;padding:60px 0;}
.csAnswer .date{margin-bottom:20px;color:#a6a6a6;font-size:1rem;}
.csAnswer .answer{color:#555;font-size:1rem;}
@media screen and (max-width:960px) {
    .csView{margin-top:20px;}
    .csView .titWrap p{font-size:1rem;margin-bottom:3px;margin-right:50px;}
    .csView .titWrap span{font-size:0.8rem;}
    .csView .titWrap em{font-size:0.9rem;}
    .csView .txt{font-size:0.9rem;}
    .csAnswer{margin-top:30px;padding:30px 0;}
    .csAnswer .date{font-size:0.9rem;}
    .csAnswer .answer{font-size:0.85rem;}
}
/*고객센터 글쓰기페이지*/
.csWrite{margin-top:80px;}
.csWrite textarea{width:100%;height:300px;font-size:1rem;color:#555;border:0;}
.csWrite .photobox .tit{display:inline-block;}
.csWrite .photobox .addbtn{margin-left:10px;width:26px;height:26px;background-position:-114px 0}
.csWrite .photobox .photoList ul{overflow:hidden;padding:10px 0;}
.csWrite .photobox .photoList ul li{display:inline-block;margin-right:10px;vertical-align:top;margin-bottom:20px;}
.csWrite .photobox .photoList ul li .thumb{position:relative;width:100px;height:100px;}
.csWrite .photobox .photoList ul li .thumb img{width:100%;height:auto;border-radius:5px;}
.csWrite .photobox .photoList ul li .del{position:absolute;top:-5px;right:-5px;width:21px;height:21px;border-radius:50%;background-position:-86px 0;}
.csWrite .photobox .nodata{width:100%;float:inherit; display:block;color:#999;font-size:0.95rem;padding:20px 0;}
.csWrite .etc{color:#a8a8a8;font-size:0.85rem;margin-top:30px;word-break:keep-all;}
.csWrite .etc .poi{color:#F25B00;}
.csWrite .file ul{overflow:hidden;padding:20px 0;}
.csWrite .file ul li{position:relative;display:inline-block;color:#777;font-size:0.8rem;margin-bottom:10px;padding:4px 20px;background-color:#F4F4F4;margin-right:10px;}
.csWrite .file ul li .del{position:absolute;top:-5px;right:-5px;width:21px;height:21px;border-radius:50%;background-position:-86px 0;}
.csWrite .nonMember{overflow:hidden;margin-bottom:15px;}
.csWrite .nonMember .fl{float:left;width:30%;margin-right:5%;}
.csWrite .nonMember .fr{overflow:hidden;width:65%;}
.csWrite .nonMember .etc2{display:inline-block;color:#3274CB;font-size:0.8rem;padding:5px 0 0 10px;}
.csWrite .bigbtn a:first-child {background-color: #fff; border:1px solid #DEDEDE; color:#878787;}
.csWrite .bigbtn a:first-child:hover {border:1px solid #000; color:#000;}
@media screen and (max-width:960px) {
    .csWrite{margin-top:30px;}
    .csWrite textarea{height:230px;}    
    .csWrite .photobox .tit{font-size:1rem;}
    .csWrite .photobox .addbtn{margin-left:5px;width:26px;height:26px;background-position:-92px 2px;}
    .csWrite .photobox .photoList ul li .del{background-position:-73px 0;width:18px;height:18px;}
    .csWrite .etc{font-size:0.8rem;}
    .csWrite .file ul li .del{width:18px;height:18px;background-position:-73px 0;}
    .csWrite .nonMember .etc2{font-size:0.75rem;}
    .csWrite .nonMember .fl{width:40%;margin-right:5%;}
    .csWrite .nonMember .fr{width:55%}
}
/*faq 리스트*/
.faqWrap{margin-top:40px;}
.faqWrap .topWrap{position:relative;}
.faqWrap .search{position:absolute;top:0;right:0;max-width:370px;}
.faqWrap .search .h_form{position:relative;display:inline-block;}
.faqWrap .search input{font-size:1rem;padding:10px 50px 10px 10px !important;}
.faqWrap .srhbtn{position:absolute;top:8px;right:0;width:23px;height:23px;background-image:url("../../img/waiter/icon7.png");background-repeat:no-repeat;vertical-align:middle;font-size:0;background-position:-172px 0;}
.faqWrap .cate{padding-top:20px;margin-bottom:60px;}
.faqWrap .cate ul{overflow:hidden;}
.faqWrap .cate ul li{display:inline-block;}
.faqWrap .cate ul li a{font-size:1rem;margin-right:50px;color:#b8b8b8;}
.faqWrap .cate ul li.on a,.faqWrap .cate ul li:hover a{color:#000;}
.faqWrap .faqList ul li {padding:15px 10px;}
.faqWrap .faqList ul li:hover {background-color: #fafafa;}
.faqWrap .faqList ul li.view {background-color: #f5f9ff;}
.faqWrap .faqList ul li a{display:block;font-size:1rem;color:#797979;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.faqWrap .faqList ul li a em{width:22px;height:22px;margin-right:15px;background-position:-203px 0;}
.faqWrap .faqList ul li a:hover{color:#000;}
.faq-banner {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; background-color: #fafafa; padding: 40px 30px}
.faq-banner .text {display: flex; align-items: center;}
.faq-banner .text span {color: #333333; font-size: 16px; font-weight: 500;}
.faq-banner .text p {color: #999999; font-size: 14px; margin-left: 20px;}
.faq-banner .btn {color: #ffffff; font-size: 15px; background-color: #000; padding: 12px 20px}
@media screen and (max-width:960px) {
    .faqWrap{margin-top:20px;}
    .faqWrap .search{position:inherit;max-width:inherit;margin-bottom:20px;}
    .faqWrap .search .h_form{display:block;}
    .faqWrap .cate{padding-top:0;margin-bottom:30px;}
    .faqWrap .cate ul li{float:left;width:33.3333%;text-align:center;}
    .faqWrap .cate ul li a{font-size:0.95rem;margin-right:0;}
    .faqWrap .faqList ul li{padding:12px 6px;}
    .faqWrap .faqList ul li a{font-size:0.9rem;}
    .faqWrap .faqList ul li a em{width:18px;height:18px;margin-right:10px;background-position:-169px 0;}
    .faq-banner, .faq-banner .text {flex-direction: column; padding-left: 10px; padding-right: 10px; text-align:center;}
    .faq-banner .text span { margin-bottom: 6px;}
    .faq-banner .text p {margin: 0; margin-bottom: 20px;}
}

/*faq 뷰*/
.faqView{margin-top:60px;}
.faqView .tit{font-size:1.1rem;color:#000;margin-bottom:50px;}
.faqView .view{font-size:1rem;color:#7d7d7d;}
.faqView .view img{max-width:100%;}
@media screen and (max-width:960px) {
    .faqView{margin-top:20px;}
    .faqView .tit{font-size:1rem;margin-bottom:20px;}
    .faqView .view{font-size:0.85rem;}
}

/* accordion 리스트 */
.accordionWrap{margin-top:40px;}
.accordionWrap .accordionList ul li input {max-height: 54px;}
.accordionWrap .accordionList ul li dl {width: 100%; border: none;}
.accordionWrap .accordionList ul li dl dt {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding:15px 0; font-size: 16px; border-bottom: 1px solid #f5f5f5;}
.accordionWrap .accordionList ul li dl dt .title {display: inline-block; width: calc(100% - 30px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.accordionWrap .accordionList ul li dl dt .arrow {width: 20px; height: 20px; margin-right: 4px;}
.accordionWrap .accordionList ul li dl dt .icon {width: 16px; height: 20px; transform: rotate(-90deg); opacity: 0.5; background-size: 260px 260px; background-position: -172px -184px;}
.accordionWrap .accordionList ul li dl dt.view .title {font-weight: 700;}
.accordionWrap .accordionList ul li dl dt.view .icon {transform: rotate(90deg); opacity: 1;}
.accordionWrap .accordionList ul li dl dd {padding:20px; background-color: #f9f9f9;}
.accordionWrap .accordionList ul li dl dd .content {font-size: initial;}
.accordionWrap .accordionList ul li dl dd .content .stx {background-color: #ffeded !important;}
.accordionWrap .accordionList ul li dl dd .admin {display: flex; justify-content: flex-end;}
.accordionWrap .accordionList ul li dl dd .admin .btn{display: inline-block; color: #5c5cfb; text-decoration: underline; text-underline-position: under; margin-top: 20px;}
.accordionWrap .accordionList ul li dl dd .admin .btn:hover{text-decoration: none;}

/*공지사항*/
.noticeView{margin-top:80px;}
.noticeView .tit{font-size:1.1rem;color:#333;margin-bottom:5px;}
.noticeView .date{color:#b0b0b0;font-size:0.8rem;}
.noticeView .view{font-size:1rem;color:#7d7d7d;margin:50px 0;min-height:100px;}
.noticeView .view img{max-width:100%;}
.noticeView .Img{margin:40px 0;}
.noticeView .Img img{max-width:100%;}
.viewlist dl{overflow:hidden;margin:20px 0;}
.viewlist dl dt{float:left;width:80px;color:#b0b0b0;font-size:0.95rem;}
.viewlist dl dd{overflow:hidden;color:#888;font-size:0.95rem;}
.viewlist dl dd a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.viewlist dl dd a:hover{color:#000;}
@media screen and (max-width:960px) {
    .noticeView{margin-top:20px;}
    .noticeView .tit{font-size:1rem;}
    .noticeView .view{font-size:0.9rem;margin:30px 0;}
    .viewlist dl dt{font-size:0.8rem;width:50px;}
    .viewlist dl dd{font-size:0.8rem;}
}

/*커뮤니티*/
.talk{margin-top:30px;margin-bottom:30px;}
.talk .fl .searchLayer {position: absolute; border: 1px solid #eaeaea; background-color: #ffffff;}
.talk .fl .searchLayer li:hover {background-color: #fafafa;}
.talk .fl .searchLayer li a {display: inline-block; padding: 10px 20px;}
.talk table tr:hover{background-color:transparent;}
.talk table tr.open {background-color: #f5f9ff;}
.talk table.tb th {padding:20px; color: #333333; border-color: #f2f2f2;}
.talk table.tb{border:0; font-weight: 300;}
.talk table.tb td{color:#666; padding:14px;font-size:0.85rem;border-bottom: 1px solid #f5f5f5; white-space: nowrap; }
.talk table.tb td .searchLayer {position: absolute; border: 1px solid #eaeaea; background-color: #ffffff;}
.talk table.tb td .searchLayer li:hover {background-color: #fafafa;}
.talk table.tb td .searchLayer li a {display: inline-block; padding: 10px 20px;}
.talk table.tb td.cate{color:#3274cb;text-align:left;font-size:0.95rem; }
.talk table.tb td .subj {display: flex; align-items: center;}
.talk table.tb td .subj span {color: #333; position: relative; font-weight:400; font-size: 0.875rem; display: inline-block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; padding-right: 2px;}
.talk table.tb td .subj .subj-info {display: flex; align-items: center; max-width: 100%; font-size: 0.85rem;}
.talk table.tb td .subj .subj-info.noti2 span {color:#444; font-weight: 600;}
.talk table.tb td .subj .m-subj-info {display: none;}
.talk table.tb td a{color:#666; font-weight: 400;}
.talk table.tb td em{display:inline-block;vertical-align:middle;}
.talk table.tb td span{display:inline-block;vertical-align:middle;}
.talk table.tb td.noti{color:#000;font-size:0.85rem; font-weight:500; margin-right:0px;}
/* .talk table.tb td .noti + .subj::after { content: ""; display: block; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; box-shadow: inset 0 -0.75em 0 #ffffcc; } */
.talk table.tb td .subj span.reply{color:#3a8afd !important; min-width: 16px; font-size:0.8rem; font-family:'Montserrat';font-weight:600; margin-left: 2px; overflow: visible !important;}
.talk table.tb td .new{
  /* color:#f25b00;font-size:0.7rem;font-family:'Montserrat';font-weight:700; */
  min-width: 16px; height: 16px; background-size: 400px 400px; background-position: -219px -290px;
}
.talk table.tb td .file{vertical-align:middle;min-width:14px;height:14px; background-size: 16px; background-repeat: no-repeat; background-position: -1px 0px; background-image:url("../../img/waiter/file.png");} /* background-image:url("../../img/waiter/download.png"); */
.talk table.tb td.tr{color:#b0b0b0;font-size:0.9rem;}
.talk table.tb tr.del .subj a { text-decoration: line-through; color: #999; }
.talk table.tb tr.view {background-color: #f5f9ff;}

.talk .download-files {display: flex; flex-direction: column; margin-bottom: 0px;}
.talk .download-files a {display: inline-block; margin: 4px 0;}
.talk .download-files a:last-child {margin-bottom: 25px;}
.talk .download-files .file {display: flex; align-items: center; width: max-content;}
.talk .download-files .file::before {content: ' '; display: table; width: 11px; height: 14px; margin-right: 4px; background-image: url('../../img/waiter/document2.png'); background-size: 11px 14px;}
.talk .download-files .file .filename {text-decoration: underline; color: #999999;}
.talk .download-files .file:hover .filename {text-decoration: none;}
.talk .download-files .file .date {display: inline-block; margin-left: 4px; color: #bbbbbb; text-decoration: none ;}

.talk .data{margin-top:5px;}
.talk .data span{position:relative;display:inline-block;vertical-align:middle;font-size:0.85rem;color:#b0b0b0;margin-right:10px;padding-left:10px;}
.talk .data span:before{content:'';position:absolute;top:6px;left:0;width:1px;height:10px;background-color:#D9D9D9;}
.talk .data span:first-child{padding-left:0;}
.talk .data span:first-child:before{display:none;}
.talk .data .msg,.msg{display:inline-block;font-size:0.0.875rem;color:#666;vertical-align:middle;}

.talk .titWrap{padding-bottom: 25px; margin:50px 0 25px; border-bottom: 1px solid #ececec;}
.talk .titWrap h1.tit{font-size: 1.250rem; font-weight: 400; color:#000; margin-bottom:20px;}
.talk .titWrap div{overflow:hidden;} 
.talk .titWrap div p{font-size:0.9rem;color:#999;margin-bottom:8px;}
.talk .titWrap div a{color:#999;}
.talk .titWrap .info {display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 13px !important;}
.talk .titWrap .info span {font-size: 0.85rem; color: #bbbbbb; padding: 0 !important; margin: 0 10px 0 0 !important;}
.talk .titWrap .info a {font-size: 0.8125rem; color: #999999; padding: 0 !important; margin: 0 20px 0 0 !important; text-decoration: underline;}
.talk .titWrap .info a:hover {text-decoration: none;}
.talk .titWrap .info .fl{display: flex; align-items: center; width: 50%;}
.talk .titWrap .info .fl a {text-decoration: none;}
.talk .titWrap .info li a {display: inline-block; padding: 10px 20px !important; color: #333;}
.talk .titWrap .info .fr{display: flex; align-items: center;}
.talk .Img img{max-width:100%;}
.talk .txt {font-size:1rem;color:#7d7d7d;margin-top:0px;padding-bottom:40px; display: flex; flex-wrap: wrap;}
.talk .txt .left-section {width: calc(100% - 220px);}
.talk .txt .right-section {width: 220px;} 
.talk .txt .right-section .online-users {padding: 16px; margin-left: 8px; border: 1px solid #ECECEC;}
.talk .txt .right-section .online-users h3 {font-size: 14px; margin-bottom: 20px;}
.talk .txt .right-section .online-users h3 span {display: inline-block; font-size: 12px; line-height: 1.4; color:#ffffff; background-color: #000; padding: 0 8px; border-radius: 12px;}
.talk .txt .right-section .online-users ul {height: 440px; overflow-y: auto;}
.talk .txt .right-section .online-users ul::-webkit-scrollbar {width: 6px;}
.talk .txt .right-section .online-users ul::-webkit-scrollbar-thumb { background-color: #dddddd; border-radius: 10px; background-clip: padding-box;}
.talk .txt .right-section .online-users ul::-webkit-scrollbar-track { background-color: #f6f6f6; border-radius: 10px; }
.talk .txt .right-section .online-users .msg {font-size: 12px; font-weight: 500;}
.talk .txt .right-section .online-users .msg.nonNick {pointer-events: none;}
.talk .txt .right-section .online-users .searchLayer {position: absolute; height: auto; border: 1px solid #eaeaea; background-color: #ffffff;}
.talk .txt .right-section .online-users .searchLayer li {margin: 0;}
.talk .txt .right-section .online-users .searchLayer li:hover {background-color: #fafafa;}
.talk .txt .right-section .online-users .searchLayer li a {display: inline-block; padding: 10px 20px;}
  
.commentList .searchLayer {position: absolute; z-index: 1; border: 1px solid #eaeaea; background-color: #ffffff;}
.commentList .searchLayer li {padding: 0px !important; margin-bottom: 0px !important;}
.commentList .searchLayer li::before {display: none !important;}
.commentList .searchLayer li:hover {background-color: #fafafa;}
.commentList .searchLayer li a {display: inline-block; padding: 10px 20px; color: #333;}

.talk .txt .right-section .online-users ul li {margin: 8px 0;}
.talk .txt img{max-width:100%;}
@media screen and (max-width:960px) {
  .talk table.tb th {padding:0px;}
  .talk .titWrap .info .fl{width: 100%;}
  .talk .titWrap .info .fr {padding-top: 12px;}
  .talk .txt .left-section {width:100%;}
  .talk .txt .right-section {display: none;}
  .talk table.tb td {
    padding: 13px 4px;
  }
}


.talk .tit .del,
.talk .txt .del { text-decoration: line-through; color: #999; }

.scrollBlind {display: flex; justify-content: space-between;}
.scrollBlind .writeBtn a {padding:10px 0; display: inline-block; min-width: 43px; color: #5c5cfb; text-decoration: underline; text-underline-position: under;}
.scrollBlind .writeBtn a:hover {text-decoration: none; color: #5c5cfb;}
.commuBtnWrap {display:flex; justify-content:space-between; }
.commuBtnWrap a {color: #5c5cfb; font-size: 16px; text-decoration: underline; text-underline-position: under;} 
.commuBtnWrap a:hover {text-decoration: none;}
.commuBtnWrap .leftBtn {display:flex; justify-content:space-between; max-width: 280px; width:75%;}
.commuBtnWrap .rightBtn a {
  color: #333;
  font-size: 14px;
  border-radius: 5px;
  border: 1px solid #bbb;
  font-weight: 500;
  padding: 9px 14px;
  text-decoration: none;
}
.commuBtnWrapTop { justify-content:flex-end; margin-left:24px; }
@media screen and (max-width:960px) {
  .commuBtnWrapTop {display:none;}
  .commuBtnWrap .rightBtn {display:none;}
}

/* 커뮤니티 관리자 관련 */
#bbsAdminLayer .bbsLayer {padding:20px 25px; color: #999; font-size: 14px;}
#bbsAdminLayer .bbsLayer #bbsMoveDestination {padding-right: 8px; border:none; border-bottom: 1px solid #333; font-size:16px; font-weight: 700;}

/* 커뮤니티 공감, 비공감 */
.recommend {display: flex; flex-wrap: wrap; justify-content: center;}
.recommend a {display: flex; flex-direction: column; padding: 16px; margin: 8px;}

.recommend a i.recommend-icon {display: inline-block; background-image:url('../../img/waiter/thumb-up-outline.svg'); width:24px; height:24px; margin:8px auto; filter: invert(56%) sepia(93%) saturate(20%) hue-rotate(346deg) brightness(92%) contrast(89%);}
.recommend a i.recommend-icon.non {transform: rotate(180deg);}
.recommend a i.recommend-icon.clicked {filter: brightness(1); /*filter: invert(45%) sepia(15%) saturate(4032%) hue-rotate(183deg) brightness(86%) contrast(86%);*/}
.recommend a .recommend-rating {text-align: center; color: #999999; font-weight: 700;}
.recommend a .recommend-rating.clicked {color:#000;/*color: #3274cb;*/}
.bbsAction {display: flex; justify-content: space-between;}
.bbsAction div a {font-size: 0.9rem; color:#5c5cfb; text-decoration: underline;}
.bbsAction div:first-child a {margin-right: 40px;}
.bbsAction div:first-child a:last-child {margin-right: 0;}
.bbsAction div a:hover {text-decoration: none;}
.bbsAction .boardReport {color:#a9a9a9;}

/* 커뮤니티 공유 */
.Layer.ShareLyr .box {overflow: hidden; position: relative; padding: 15px 25px;}
.Layer.ShareLyr .swiper {position: relative;}
.Layer.ShareLyr .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; flex-direction: column; align-items: center;}
.Layer.ShareLyr .swiper-slide a {display: inline-block; width: 35px; height: 35px; margin: 4px; font-size: 0;}
.Layer.ShareLyr .swiper-slide a img {width: 100%;}
.Layer.ShareLyr .swiper-slide span {font-size: 10px;}
.Layer.ShareLyr .swiper-slide .mobile {display: none;}
.Layer.ShareLyr .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: -24px;}
.Layer.ShareLyr .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: -24px;}
.Layer.ShareLyr .swiper-button-prev, .swiper-container-rtl .swiper-button-next, 
.Layer.ShareLyr .swiper-button-next, .swiper-container-rtl .swiper-button-prev {top: calc(50% - 8px); color: #333333; background-color: #ffffff; transform: scale(0.7); box-shadow: 0 4px 4px rgb(0 0 0 / 30%), 0 0 4px rgb(0 0 0 / 20%); border-radius: 4px; box-sizing: content-box; padding: 8px 4px;}
.Layer.ShareLyr .swiper-button-next.swiper-button-disabled, 
.Layer.ShareLyr .swiper-button-prev.swiper-button-disabled {display: none;}
.Layer.ShareLyr .bigbtn2 {display: flex; justify-content: space-between; border: 1px solid #e7e7e7; border-radius: 12px; padding: 4px; margin: 20px 0 15px;}
.Layer.ShareLyr .bigbtn2 input {text-overflow: ellipsis; margin: 0 5px; width: 100%;}
.Layer.ShareLyr .bigbtn2 a {min-width: fit-content; padding: 6px 20px; border-radius: 12px;}
@media screen and (max-width:960px) {
  .Layer.ShareLyr .swiper-slide .pc {display: none;}
  .Layer.ShareLyr .swiper-slide .mobile {display: inline-block;}
}

/* 커뮤니티 글쓰기 */
.csWrite .editbox {margin: 20px auto;}
.csWrite .ck-editor__editable[role="textbox"] { min-height: 400px;}
.csWrite .ck-content .image {max-width: 80%; margin: 20px auto;}
.csWrite .mediaupload {width:100px; height:100px; border:1px solid #e9e9e9; border-radius: 4px; color: #a8a8a8; font-weight: 400; text-align: center;}
.csWrite .mediaupload:hover {cursor: pointer; background-color: #f5f5f5;}
.csWrite .mediaupload .cross {width: 32px; height: 32px; margin: 16px auto; position: relative;}
.csWrite .mediaupload .cross .vertical,
.csWrite .mediaupload .cross .horizon {position: absolute; top: 0; left: 0;}
.csWrite .mediaupload .cross .vertical {width: 17px; height:100%; border-right: 2px solid #a8a8a8;}
.csWrite .mediaupload .cross .horizon {width: 100%; height: 17px; border-bottom: 2px solid #a8a8a8;}
.csWrite .photoList ul li .thumb img {width:100%; height:auto; border-radius: 5px;}
.csWrite .photoList ul li .thumb .thumb_box {display: block; position: relative; border: 1px solid #e9e9e9; border-radius: 4px; width:100px; height:100px; overflow: hidden;}
.csWrite .photoList ul li .thumb .thumb_box img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
/* 게시글 쓰기 에디터 */ 
.fileWrap ul li {}
.fileWrap ul li button.sort { margin-right: 5px; width: 18px; height: 18px; background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2216%22%20height%3D%2216%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%201024%201408%22%3E%3Cpath%20d%3D%22M1024%20896q0%2026-19%2045l-448%20448q-19%2019-45%2019t-45-19L19%20941Q0%20922%200%20896t19-45t45-19h896q26%200%2045%2019t19%2045zm0-384q0%2026-19%2045t-45%2019H64q-26%200-45-19T0%20512t19-45L467%2019q19-19%2045-19t45%2019l448%20448q19%2019%2019%2045z%22%20fill%3D%22%23ccc%22%2F%3E%3C%2Fsvg%3E') center center no-repeat; background-size: 12px 12px; border: 0; cursor: move; }
.fileWrap ul li.deprecated { opacity: 0.5; }
.fileWrap ul li .delbtn { border-color: red; color: red; }
.fileWrap{margin-top:20px;}
.fileWrap ul li{margin-bottom:7px;}
.fileWrap ul li .filebox{display:inline-block;width:230px;}
.fileWrap ul li .addbtn{display:inline-block;font-size:0.7rem;color:#979797;margin-left:5px;border:1px solid #eee;padding:0 5px;height:23px;line-height:23px;}
.fileWrap ul li .delbtn{display:inline-block;font-size:0.7rem;color:#979797;margin-left:5px;border:1px solid #eee;padding:0 5px;height:23px;line-height:23px; border-color: red; color: red;}
.fileWrap ul li .rmvbtn{display:inline-block;font-size:0.7rem;color:#979797;margin-left:5px;border:1px solid #eee;padding:0 5px;height:23px;line-height:23px;}
.filebox input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.filebox label{display:inline-block;padding:0 10px;height:25px;line-height:25px;color: #999;vertical-align: middle;background-color:#F5F5F5;cursor: pointer;border:0;border-radius: .1em;font-size:0.7rem;}
/* named upload */
.filebox .upload-name {display: inline-block;width:160px;padding:0 10px;height:25px;line-height:25px;vertical-align: middle;background-color:#F5F5F5;border:0;border-radius: .1em;color:#000;
-webkit-appearance: none;-moz-appearance: none;appearance: none;font-size:0.7rem;}
.filebox.bs3-primary label{color: #fff;background-color: #337ab7;border-color: #2e6da4;}

/*커뮤니티 댓글*/
.commentList{margin-top:20px;}
.commentList h3,
.commentList h4{display:block;margin-bottom:20px;font-size:0.9rem;color:#999;}
.commentList h3 em,
.commentList h4 em{color:#3274CB;}
.commentList ul.list li{margin-bottom: 10px; border-top: 1px solid #f5f5f5; padding-top: 10px;}
.commentList ul.list li:first-child {border-top:0;}
.commentList ul.list li.reply::before {content: ' '; display: block; border-color:#cecece !important; border-left:1px solid; border-bottom:1px solid; width:7px; height:7px; position:absolute; transform:translate(-16px, 9px);}
.commentList ul.list li .name{display: flex; justify-content: space-between; font-size:0.85rem;color:#A6A6A6;}
.commentList ul.list li .name .left {display: flex; align-items: center;}
.commentList ul.list li .name .left a {color: #222222;}
.commentList ul.list li .name .left span{display:inline-block; color:#bbbbbb; font-weight: 300; margin-left:10px; font-size: 0.8125rem;}
.commentList ul.list li .name .right {display: flex;}
.commentList ul.list li .name .right .btn {color: #bbbbbb; text-decoration: underline; padding: 0 !important; margin:0 10px !important;}
.commentList ul.list li .name .right .btn:hover {text-decoration: none;}
.commentList ul.list li .name .right a {display: inline-block; color:#333333; font-size: 12px; margin-right: 4px;}
.commentList ul.list li .m-bottom {display: none;}
.commentList ul.list li .m-bottom .btn {color: #bbbbbb; text-decoration: underline; padding: 0 !important; margin:0 10px 0 0 !important;}
.commentList ul.list li .m-bottom .btn:hover {text-decoration: none;}
.commentList ul.list li div{margin:5px 0;font-size:0.9rem;color:#787878;}
.commentList ul.list li div button {font-size: 0.8125rem;}
.commentList ul.list li .re{color:#A6A6A6;}
.commentList ul.list li .re:hover{color:#000;}
.commentList ul.list li > ul{margin-top:20px;}
.commentList ul.list li > ul li{margin-bottom:20px;padding-left:20px;}
.commentList ul.list li > ul li:before{content:'';position:absolute;top:5px;left:0;width:14px;height:14px;background-position:-207px -43px;background-image: url("../../img/waiter/icon7.png");background-repeat: no-repeat;}
.commentList ul.list li.cm_front,
.commentList ul.list li.cm_reply { margin-top: 20px; margin-bottom: 0; position: relative; }
.commentList ul.list li.cm_front { margin-top: 20px; }
.commentList ul.list li.cm_reply { margin-bottom: 20px; }
.commentList ul.list li.cm_reply + li.cm_front,
.commentList ul.list li.cm_front + li.cm_front { margin-top: 40px; }
.commentList ul.list li.cm_reply:before { content: ''; position: absolute; top: 5px; left: -20px; width: 14px; height: 14px; background-position: -207px -43px; background-image: url("../../img/waiter/icon7.png"); background-repeat: no-repeat; }
.commentList ul.list li .contents {margin-bottom: 16px; font-size: 0.875rem; font-weight: 400; color: #666;}
.commentList ul.list li .contents.secret {color: #ff6700;}
.commentList ul.list li .contents a {display: inline-flex; width: fit-content; color: #2674bd; text-decoration: underline; text-underline-position: under;}
.commentList ul.list li .contents a:hover {text-decoration: none;}
.commentList ul.list li .contents a img{max-width: 400px;}
@media screen and (max-width:960px) {   
  .commentList ul.list li .name .right {display: none;}
  .commentList ul.list li .m-bottom {display: flex;}
}

/*커뮤니티 댓글쓰기*/
.commentWrite{overflow:hidden;margin-top:50px;}
.commentWrite .write{float:left;width:82%;margin-right:2%;}
.commentWrite .write .txtbox{border:1px solid #ECECEC;padding:20px;height:100px;}
.commentWrite .submit{overflow:hidden;background-color:#F2F2F2;height:100px;line-height:100px;text-align:center;}
.commentWrite .submit .btn{width:100%;height:100px;text-align:center;color:#999;font-size:0.9rem;}
.commentWrite .options {display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 8px;}
.commentWrite .options .non-member {display: flex; flex-wrap: wrap; width: 100%;}
.commentWrite .options .non-member .fl,
.commentWrite .options .non-member .fr {width: 50%; max-width: 132px;}
.commentWrite .options .non-member input {border: 1px solid #ECECEC; width: 70px; margin-left: 6px;}
.commentWrite .options .non-member label {color: #000; opacity: 0.6;}
.commentWrite .options .secret input {border-color: #333; margin-right: 6px; position: relative; opacity: 0.6;}
.commentWrite .options .secret input::after{content: '비밀글'; opacity: 1; font-size: 0.8125rem; color: #999; white-space: nowrap; position: absolute; top:-3px; left: 16px;}
.commentWrite .options .secret label {font-size: 0;}

/*커뮤니티 댓글 이미지 첨부*/
.commentWrite .media-file {margin-top: 16px; margin-bottom: 16px;}
.commentWrite .media-file .add{width:50px;height:50px;border:1px solid #e9e9e9;border-radius:4px;color:#a8a8a8;font-weight:400;text-align:center;}
.commentWrite .media-file .add:hover{background-color:#f5f5f5;}
.commentWrite .media-file .add label {width: 100%; height: 100%;}
.commentWrite .media-file .add .cross{width:16px;height:16px;margin:16px auto;position:relative;}
.commentWrite .media-file .add .cross .vertical,
.commentWrite .media-file .add .cross .horizon{position:absolute;top:0;left:0;}
.commentWrite .media-file .add .cross .vertical{width:9px;height:100%;border-right:2px solid #a8a8a8;}
.commentWrite .media-file .add .cross .horizon{width:100%;height:9px;border-bottom:2px solid #a8a8a8;}
.commentWrite .media-file .upload {position: relative; width: 50px; height: 50px;}
.commentWrite .media-file .upload .thumb_box {display: inline-block; padding: 0; border:1px solid #e9e9e9;border-radius:4px; color: #3274CB; width: 50px; height: 50px; background-size: contain; background-repeat: no-repeat; background-position: center center;}
.commentWrite .media-file .upload .del-btn {display: inline-block; position: absolute; transform: translate(-14px, -5px); width: 19px; height: 19px; font-size: 0px !important; padding: 0; border: 1px solid #dedede; border-radius: 50%; background-image: url("../../img/waiter/icon_close.png"); background-position: -2px -2px;}
.commentWrite .media-file .upload .del-btn:hover {border-color: #b2b2b2;}
.commentWrite .media-file .upload .upload_form {display: none;}

.commentList ul.list li .commentWrite2 .media-file {margin-top: 16px;}
.commentList ul.list li .commentWrite2 .media-file .add{width:50px;height:50px;border:1px solid #e9e9e9;border-radius:4px;color:#a8a8a8;font-weight:400;text-align:center;}
.commentList ul.list li .commentWrite2 .media-file .add:hover{background-color:#f5f5f5;}
.commentList ul.list li .commentWrite2 .media-file .add label {width: 100%; height: 100%;}
.commentList ul.list li .commentWrite2 .media-file .add .cross{width:16px;height:16px;margin:16px auto;position:relative;}
.commentList ul.list li .commentWrite2 .media-file .add .cross .vertical,
.commentList ul.list li .commentWrite2 .media-file .add .cross .horizon{position:absolute;top:0;left:0; margin: 0;}
.commentList ul.list li .commentWrite2 .media-file .add .cross .vertical{width:9px;height:100%;border-right:2px solid #a8a8a8;}
.commentList ul.list li .commentWrite2 .media-file .add .cross .horizon{width:100%;height:9px;border-bottom:2px solid #a8a8a8;}
.commentList ul.list li .commentWrite2 .media-file .upload {position: relative; width: 50px; height: 50px;}
.commentList ul.list li .commentWrite2 .media-file .upload .thumb_box {display: inline-block; padding: 0; border:1px solid #e9e9e9;border-radius:4px; color: #3274CB; width: 50px; height: 50px; background-size: contain; background-repeat: no-repeat; background-position: center center;}
.commentList ul.list li .commentWrite2 .media-file .upload .del-btn {display: inline-block; position: absolute; transform: translate(-14px, -5px); width: 19px; height: 19px; font-size: 0px !important; padding: 0; border: 1px solid #dedede; border-radius: 50%; background-image: url("../../img/waiter/icon_close.png"); background-position: -2px -2px;}
.commentList ul.list li .commentWrite2 .media-file .upload .del-btn:hover {border-color: #b2b2b2;}
.commentList ul.list li .commentWrite2 .media-file .upload .upload_form {display: none;}

/*댓글 수정 레이어*/
#commentModify{overflow:hidden;margin-top:50px;}
#commentModify .write{float:left;width:82%;margin-right:2%;}
#commentModify .write .txtbox{border:1px solid #ECECEC;padding:20px;height:100px;}
#commentModify .submit{overflow:hidden;background-color:#F2F2F2;height:100px;line-height:100px;text-align:center;}
#commentModify .submit .btn{width:100%;height:100px;text-align:center;color:#999;font-size:0.9rem;}
#commentModify .secret {display: flex; align-items: center; margin-bottom: 8px;}
#commentModify .secret input {border-color: #a9a9a9; margin-right: 6px;}
#commentModify .secret label {color: #a9a9a9;}
#commentModify .media-file {margin-top: 16px;}
#commentModify .media-file .add{width:50px;height:50px;border:1px solid #e9e9e9;border-radius:4px;color:#a8a8a8;font-weight:400;text-align:center;}
#commentModify .media-file .add:hover{background-color:#f5f5f5;}
#commentModify .media-file .add label {width: 100%; height: 100%;}
#commentModify .media-file .add .cross{width:16px;height:16px;margin:16px auto;position:relative;}
#commentModify .media-file .add .cross .vertical,
#commentModify .media-file .add .cross .horizon{position:absolute;top:0;left:0;}
#commentModify .media-file .add .cross .vertical{width:9px;height:100%;border-right:2px solid #a8a8a8;}
#commentModify .media-file .add .cross .horizon{width:100%;height:9px;border-bottom:2px solid #a8a8a8;}
#commentModify .media-file .upload {position: relative; width: 50px; height: 50px;}
#commentModify .media-file .upload .thumb_box {display: inline-block; padding: 0; border:1px solid #e9e9e9;border-radius:4px; color: #3274CB; width: 50px; height: 50px; background-size: contain; background-repeat: no-repeat; background-position: center center;}
#commentModify .media-file .upload .del-btn {display: inline-block; position: absolute; transform: translate(-14px, -5px); width: 19px; height: 19px; font-size: 0px !important; padding: 0; border: 1px solid #dedede; border-radius: 50%; background-image: url("../../img/waiter/icon_close.png"); background-position: -2px -2px;}
#commentModify .media-file .upload .del-btn:hover {border-color: #b2b2b2;}
#commentModify .media-file .upload .upload_form {display: none;}

/*답글쓰기 레이어*/
#commentReply{overflow:hidden;margin-top:50px;}
#commentReply .write{float:left;width:82%;margin-right:2%;}
#commentReply .write .txtbox{border:1px solid #ECECEC;padding:20px;height:100px;}
#commentReply .submit{overflow:hidden;background-color:#F2F2F2;height:100px;line-height:100px;text-align:center;}
#commentReply .submit .btn{width:100%;height:100px;text-align:center;color:#999;font-size:0.9rem;}
#commentReply .options {display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 7px;}
#commentReply .options .non-member {display: flex; flex-wrap: wrap; width: 100%;}
#commentReply .options .non-member .fl,
#commentReply .options .non-member .fr {width: 50%; max-width: 132px;}
#commentReply .options .non-member input {border: 1px solid #ECECEC; width: 70px; margin-left: 6px;}
#commentReply .options .non-member label {color: #000; opacity: 0.6;}
#commentReply .options .secret input {border-color: #333; margin-right: 6px; position: relative; opacity: 0.6;}
#commentReply .options .secret input::after{content: '비밀글'; opacity: 1; color: #000; white-space: nowrap; position: absolute; top:-3px; left: 16px;}
#commentReply .options .secret label {font-size: 0;}
#commentReply .media-file {margin-top: 16px;}
#commentReply .media-file .add{width:50px;height:50px;border:1px solid #e9e9e9;border-radius:4px;color:#a8a8a8;font-weight:400;text-align:center;}
#commentReply .media-file .add:hover{background-color:#f5f5f5;}
#commentReply .media-file .add label {width: 100%; height: 100%;}
#commentReply .media-file .add .cross{width:16px;height:16px;margin:16px auto;position:relative;}
#commentReply .media-file .add .cross .vertical,
#commentReply .media-file .add .cross .horizon{position:absolute;top:0;left:0;}
#commentReply .media-file .add .cross .vertical{width:9px;height:100%;border-right:2px solid #a8a8a8;}
#commentReply .media-file .add .cross .horizon{width:100%;height:9px;border-bottom:2px solid #a8a8a8;}
#commentReply .media-file .upload {position: relative; width: 50px; height: 50px;}
#commentReply .media-file .upload .thumb_box {display: inline-block; padding: 0; border:1px solid #e9e9e9;border-radius:4px; color: #3274CB; width: 50px; height: 50px; background-size: contain; background-repeat: no-repeat; background-position: center center;}
#commentReply .media-file .upload .del-btn {display: inline-block; position: absolute; transform: translate(-14px, -5px); width: 19px; height: 19px; font-size: 0px !important; padding: 0; border: 1px solid #dedede; border-radius: 50%; background-image: url("../../img/waiter/icon_close.png"); background-position: -2px -2px;}
#commentReply .media-file .upload .del-btn:hover {border-color: #b2b2b2;}
#commentReply .media-file .upload .upload_form {display: none;}
#commentReply .thread {margin-bottom: 32px;}
#commentReply .thread .info {display: flex; align-items: center; margin-bottom: 16px;}
#commentReply .thread .info a {cursor: default; pointer-events: none;}
#commentReply .thread .info span {display: inline-block;margin-left: 10px;font-size: 12px; color: #787878;}
#commentReply .thread .contents {max-height: 20vh; overflow: auto;}
#commentReply .thread .contents img {max-width: 100%;}

/* 댓글 비회원 레이어 */
#nonMember.Layer h5 {text-align: center;}
#nonMember.Layer h5 .sub {font-size: 14px; color: #868686; margin-top: 16px;}
#nonMember.Layer h5 .sub a {color: #3274CB; text-decoration: underline; text-underline-position: under;}
#nonMember.Layer h5 .sub a:hover {text-decoration: none;}


/*댓글의 댓글*/
.commentWrite2{overflow:hidden;margin-top:50px;display:none;}
.commentWrite2 .secret input {border-color: #a9a9a9; margin-right: 6px; position: relative;}
.commentWrite2 .secret input::after{content: '비밀글'; color: #a9a9a9; white-space: nowrap; position: absolute; top:-3px; left: 16px;}
.commentWrite2 .write{float:left;width:82%;margin-right:2% !important;}
.commentWrite2 .write .txtbox{border:1px solid #ECECEC;padding:20px;height:100px;}
.commentWrite2 .submit{overflow:hidden;background-color:#F2F2F2;height:100px;line-height:100px;text-align:center; transform: translateY(5px);}
.commentWrite2 .submit .btn{width:100%;height:100px;text-align:center;color:#999;font-size:0.9rem;}
@media screen and (max-width:960px) {   
    .TopComu .scrollBlind {flex-wrap: wrap;}
    .TopComu .scrollBlind .writeBtn  {width: 100%; text-align: right;}
    .TopComu .scrollBlind .writeBtn a {padding: 0;}
    .talk {margin-top: 8px;}
    .talk table th {font-size: 0; padding: 0; border-bottom: none;}
    .talk table tr.notice { font-weight: 700; }
    .talk table .m-hide {display: none;}
    .talk table.tb td{padding:16px 4px;}
    .talk table.tb td .noti{font-size:0.7rem;line-height:18px;margin-right:5px;}
    .talk table.tb td{font-size:0.85rem;}
    .talk table.tb td .subj {flex-wrap: wrap;}
    .talk table.tb td .subj .m-subj-info {display: flex; width: 100%; align-items: center; padding-top: 4px;}
    .talk table.tb td .subj .m-subj-info .writer {padding-right: 24px; color: #666666;}
    .talk table.tb td .subj .m-subj-info .item {padding-right: 8px; color: #999999;}
    .talk .data{margin-top:5px;}
    .talk .data span{font-size:0.85rem;margin-right:8px;padding-left:8px;}
    .talk .titWrap{margin:20px 0 30px;}
    .talk .titWrap p.tit{font-size:1rem;}
    .talk .titWrap div p{font-size:0.8rem;color:#999;}
    .talk .txt{font-size:0.85rem;}
    .commuBtnWrap a {font-size: 0.9rem;}
    .commentWrite .write{width:73%;}
    .commentWrite .write .txtbox{padding:10px;}    
    .commentWrite2 .write{width:73%;}
    .commentWrite2 .write .txtbox{padding:10px;}
    .commentList ul.list li .contents a img{max-width: 100%;}
}
/*스크랩관리*/
.scrapWrap{margin-top:80px;}
.scrapWrap ul li{position:relative;margin-bottom:40px;}
.scrapWrap ul li .recruitList{margin-right:30px;}
.scrapWrap ul li a{display:block;}
.scrapWrap .company{font-size:1.05rem;color:#000;}
.scrapWrap .company span{position:relative;display:inline-block;color:#000;margin-left:10px;padding-left:10px;}
.scrapWrap .company span:before{content:'';position:absolute;top:6px;left:0;width:1px;height:15px;background-color:#ddd;}
.scrapWrap .company em{display:inline-block;color:#3274CB;font-size:0.75rem;border:1px solid #3274CB;padding:0 10px;border-radius:20px;vertical-align:middle;margin-left:10px;margin-top:-4px;}
.scrapWrap .cont{font-size:0.9rem;margin:4px 0;color:#646464;}
.scrapWrap .tag{color:#3274cb;font-size:0.85rem;}
.scrapWrap .scrapIcon{position:absolute;top:35%;right:0;}
.scrapWrap .scrapIcon a{display:inline-block;width:19px;height:19px;}
.scrapWrap .scrapIcon a.scrap_on{background-position: -231px -136px; background-size: 250px 250px; width:20px; height: 20px; /*background-position:-231px -99px;*/}
.scrapWrap .scrapIcon a.scrap_off{background-position: -210px -136px; background-size: 250px 250px; width:20px; height: 20px; /*background-position:-268px -99px;*/}
.scrapWrap .close2{opacity:0.4;}
.scrapWrap .close2  * {text-decoration: line-through;}
@media screen and (max-width:960px) {
    .scrapWrap{margin-top:40px;}
    .scrapWrap ul li{margin-bottom:30px;}
    .scrapWrap .company{font-size:1rem;}
    .scrapWrap .cont{font-size:0.95rem;}
    .scrapWrap .tag{font-size:0.85rem;}
    .scrapWrap .scrapIcon a.scrap_on{background-position: -231px -136px; background-size: 250px 250px; width:20px; height: 20px; /*background-position:-195px -84px;*/}
    .scrapWrap .scrapIcon a.scrap_off{/*background-position:-228px -84px;*/}
}
/*회원정보관리*/
.modify{margin-top:20px;}
.modify .hover_icon .info_layer {display: none; max-width: calc(100vw - 30px); width: max-content; line-height: 1.5; color:#9c9c9c; position: absolute; left:0; z-index: 1; padding: 10px; border: 1px solid #e7e7e7; border-radius: 4px; background-color: #ffffff; box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;}
.modify .hover_icon:hover > .info_layer {display: block;}
.modify .hover_icon:hover > .info_layer p {font-style: normal;}
.modify .noti{color:#a6a6a6;display:block;margin-top:6px;}
.modify .noti.pass{color:#2481ff;}
.modify .noti.fail{color:#ff6161;}
.modify dl{/*overflow:hidden;*/margin:25px 0;}
.modify h3.tit2{display:block;font-weight:500;font-size:1rem;margin:70px 0 10px;padding-top:70px;border-top:1px solid #eee;}
.modify dl dt{float:left;width:18%;color:#afafaf;font-size:0.95rem;line-height:40px; position: relative;}
.modify dl dd{overflow:hidden;color:#333;font-size:0.95rem;line-height:40px;min-height: 40px;}
.modify dl dd em.naver{width:18px;height:18px;margin-right:2px;background-position:-293px 2px;}
.modify dl dd em.google{width:18px;height:18px;margin-right:2px;background-position:-354px 2px;}
.modify dl dd em.kakao{width:18px;height:18px;margin-right:2px;background-position:-321px 2px;}
.modify dl dd.email .h_form input[type="text"]{width:30%;}
.modify dl dd.email .h_form select{width:20%;}
.modify dl dd.email em{display:inline-block;width:3%;text-align:center;}
.modify dl dd .numModi{display:inline-block;color:#3274CB;font-size:0.9rem;margin-left:30px;}
.modify .h_form.status {line-height: 40px; display: flex; flex-wrap: wrap;}
.modify .h_form.status .status_item {padding-right: 30px; font-size: 0.95rem; color:#afafaf;}
.modify .h_form.status .status_item input {transform: translateY(-1px);}
.modify .h_form.status .status_item label {margin-left: 4px; font-weight: 400;}
#reg_user_cert_win:empty + #reg_user_modi_win { margin-left: 0; }
.modify .noti.fail{color:#ff6161;font-size:0.8rem;}
.modify .txt{font-size:0.9rem;color:#888;}
.modify .agreebox{position:relative; margin:40px 0 100px;}
/*.modify .agreebox{margin-bottom: 0;}*/
.modify .agreebox ul{overflow:hidden;}
.modify .agreebox ul li{display:inline-block;margin-right:100px;}
.modify .agreebox span{font-size:0.9rem;color:#343434;}
.modify .agreebox input[type="checkbox"] {display:none;}
.modify .agreebox input[type="checkbox"] + label{display:inline-block;vertical-align:middle;width:40px;height:20px;position: relative;-webkit-transition: 0.3s;transition: 0.3s;margin: 0px 20px;box-sizing: border-box;}
.modify .agreebox input[type="checkbox"] + label:after{content: '';display:block;position:absolute;left:2px;top:2px;width:16px;height:16px; -webkit-transition: 0.3s;transition:0.3s;cursor: pointer;}
.modify .agreebox .icheck:checked + label.blue{background:#3274CB;}
.modify .agreebox .icheck:checked + label.blue:after{background:#fff;}
.modify .agreebox .icheck:checked + label:after{left:calc(100% - 18px);}
.modify .agreebox .icheck + label{background:#ddd;border-radius:20px;}
.modify .agreebox .icheck + label:after{background:#fff;border-radius:50%;width:16px;height:16px;top:2px;left:2px;}
.modify .agreebox.all {margin:0;}
.modify .agreebox.all h3 {padding: 0; border-top: none;}
.modify .agreebox .h_form {font-size: 0.95rem;color: #aeaeae;position: absolute;top: 4px;right: 0;}
.modify ul.agree{margin-bottom:80px;}
.modify ul.agree li{position:relative;font-size:0.95rem;margin:25px 0;font-weight:400;}
.modify ul.agree li span{display:block;color:#afafaf;font-weight:400;} 
.modify ul.agree .h_form .h-check input[type="checkbox"] + span::before,
.modify ul.agree .h_form .h-radio input[type="radio"] + span::before{position:absolute;top:0;right:0;margin-right:0;}
.modify ul.agree .btn{border:0;padding:0;font-size:0.7rem !important;color:#bbb;display:inline-block;margin-left:20px;vertical-align:middle;border-bottom:1px solid #eee;line-height:20px;}
.modify ul.agree .agbox{display:none;background-color:#F8F8F8;padding:10px;font-size:0.75rem;color:#9D9D9D;margin-top:10px;overflow-y: auto;height:130px;}
.modify ul.agree .agbox a {padding: 0;}
.modify ul.agree .agbox a span {font-size: 12px;}
@media screen and (max-width:960px) {
    .modify dl{margin:10px 0;}
    .modify dl dt{width:30%;margin-right:5%;font-size:0.9rem;}
    .modify dl dd{font-size:0.9rem;}
    .modify dl dd em.naver{width:18px;height:18px;margin-right:0;background-position:-250px 2px;}
    .modify dl dd em.google{width:18px;height:18px;margin-right:0;background-position:-300px 2px;}
    .modify dl dd em.kakao{width:18px;height:18px;margin-right:0;background-position:-274px 2px;}
    .modify dl dd.email em{font-size:0.8rem;width:7%;}
    .modify dl dd .h_form.se1 input[type="text"]{width:50%;}
    .modify dl dd .h_form.se2 input[type="text"]{width:40%;}
    .modify dl dd se3{display:block;} 
    .modify dl dd .h_form.se3 select{width:100%;}
    .modify h3.tit2{font-size:1rem;margin:40px 0 5px;padding-top:40px;}
    .modify .txt{font-size:0.85rem;color:#8B8B8B;}
    .modify .agreebox{margin:20px 0 50px;}
    .modify .agreebox ul{overflow:inherit; }
    .modify .agreebox ul li{width:49%;margin-right:0;}
    .modify .agreebox span{font-size:0.75rem;vertical-align:top;}    
    .modify .agreebox input[type="checkbox"] + label{margin:0 5px;}
}
/*탈퇴버튼*/
.break{position:relative;border-top:10px solid #fafafa;padding:20px 0;margin-top:70px;}
.break h3{display:block;font-weight:500;font-size:1rem;}
.break a{position:absolute;top:0;right:0;  display:inline-block;border:1px solid #D2D2D2;color:#c4c4c4;padding:4px 30px;font-size:0.85rem;border-radius:40px;text-align:center;}
.break a:hover{border-color:#000;color:#000;}
@media screen and (max-width:960px) {
    .break h3{font-size:1rem;}
    .break a{font-size:0.8rem;padding:3px 20px;right:15px;}
}
/*로그인 기본화면*/
.LoginWrap{/*overflow:hidden;*/margin:90px auto 100px;max-width:800px;min-height: 220px;}
.snsLogin{position:relative;float:left;order:1;width:38%;padding-right:10%;margin-right:8%;}
.snsLogin:before{content:'';position:absolute;top:0;right:0;width:1px;height:100%;background-color:#E7E7E7;}
.snsLogin h4{font-size:1.2rem;font-weight:300;margin-bottom:20px;}
.snsLogin h4 strong{font-weight:500;}
.snsLogin ul li{margin-bottom:7px;}
.snsLogin ul li a{display:block;border:1px solid #E7E7E7;padding:12px 30px;color:#8C8C8C;font-size:0.8rem;}
.snsLogin ul li a:hover{border-color:#777;color:#777;}
.snsLogin ul li a em{width:18px;height:18px;margin-right:35px;}
.snsLogin ul li a em.naver{background-position:-293px 2px;}
.snsLogin ul li a em.kakao{background-position:-321px 0;}
.snsLogin ul li a em.google{background-position:-353px 0;}
.snsLogin ul li a em.mem{background-position:-382px 0;}
.snsLogin ul li a em.no{background-position:-234px -41px;}
.snsLogin ul li#wbtn{display:none;} 
.snsLogin #nonmem{display:none;text-align:center;margin-bottom:40px;padding-top:10px;}
.snsLogin #nonmem a{display:inline-block;color:#3274CB;margin:0 10px;font-size:0.8rem;}
.memLogin{float:right;order:2;width:52%;display:block;}
.memLogin h4{font-size:1.2rem;font-weight:300;margin-bottom:20px;}
.memLogin h4 strong{font-weight:500;}
.memLogin .psr{padding-right:120px;}
.memLogin .membox{position:absolute;bottom:0;right:0;}
.memLogin .membox a{display:inline-block;color:#9C9C9C;padding-left:10px;font-weight:300;font-size:0.8rem;}
.memLogin .membox a:hover{color:#000;}
.memLogin .input_row{margin-bottom:8px;}
.memLogin .input_row label{display:none;}
.memLogin .keep{margin:25px 0;}
.memLogin .keep span{color:#9C9C9C;vertical-align:middle;font-weight:300;font-size:0.8rem; }
.memLogin .btn_submit{display:block;position:absolute;bottom:41px;right:0;border:1px solid #E7E7E7;font-size:0.8rem;padding:16px 36px;background-color:#fff;border-radius:5px;color:#777;}
.memLogin .btn_submit:hover{border-color:#000;color:#000;cursor: pointer;}
.mlogo{display:none;}
.mlogo2{margin:50px auto 100px;text-align:center;}
.mlogo2 img{max-width:20%;height:auto;}
.mlogo2.brightness img{filter: brightness(0.8); opacity: 0.3;}
.auto_login_popup {position: absolute; left:-10px; margin-top:8px; z-index: 1; background-color: #ffffff; padding: 10px; border:1px solid #e7e7e7; box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;}
.auto_login_popup p {font-size:10px; white-space: nowrap; margin-bottom: 4px; color:#9c9c9c;}
.auto_login_popup p br {margin-bottom: 10px;}
.auto_login_popup .icon{position: absolute; top: 4px; right: 4px; width: 28px; height: 28px; background-position: -265px -33px; background-color: transparent; padding: 0; border:0; filter: brightness(0);}
#mview{display:block;}
#waiternara_login { display: none; }
@media screen and (max-width:960px)  {  
    .LoginWrap{margin:50px auto 20px;}
}
@media screen and (max-width:960px) {    
    .LoginWrap{display:inherit;max-width:340px;margin-top:30px;padding-left:20px;padding-right:20px;}  
    .snsLogin{float:inherit;width:inherit;padding-right:0;margin-right:0;border-right:0;}
    .snsLogin:before{display:none;}
    .snsLogin h4{display:none;}
    .snsLogin ul li a {display: flex; justify-content: center;color:#8C8C8C;font-size:0.8rem;}
    .snsLogin ul li a .box {position:relative; width: fit-content;  display: flex; flex-wrap: wrap; justify-content: space-between;}
    .snsLogin ul li a .box em.naver{background-position:-248px 3px;}
    .snsLogin ul li a .box em.kakao{background-position:-273px 2px;}
    .snsLogin ul li a .box em.google{background-position:-298px 2px;}   
    .snsLogin ul li a .box em.mem{background-position: 1px 1px; background-size: auto; background-image: url('../../img/waiter/16x16.png');}
    .snsLogin ul li a .box em.no{background-position:-198px -33px;}
    .snsLogin ul li a .box span {display: inline-block; width: 100px; text-align: center;}
    .snsLogin ul li#wbtn{display:block;} 
    .memLogin{float:inherit;width:inherit;}
    .memLogin .psr{padding-right:0;}
    .memLogin h4{display:none;}
    .memLogin .keep{margin:20px 0;}
    .memLogin .btn_submit{position:inherit;bottom:inherit;right:inherit;width:100%;padding:14px 0;}
    .memLogin .membox{position:inherit;bottom:inherit;right:inherit;margin:10px 0 50px;text-align:center; }
    .memLogin .membox a{padding:0 5px;}
    .mlogo{display:block;text-align:center;margin-bottom:50px;}
    .mlogo img{max-width:70%;height:auto;}
    .mlogo2{display:block;margin:60px auto 20px;text-align:center;max-width:250px;}
    .mlogo2 img{max-width:50%;height:auto;}   
    .auto_login_popup {left:-30px; width: calc(100% + 60px);}
    .auto_login_popup p {white-space: normal; word-break: keep-all;}
    .auto_login_popup .icon {background-position: -195px -21px; background-size: 300px 300px;}
    #mview{display:none;}
    #waiternara_login { display: block; }
}
/*성인인증 로그인*/
.login19{margin:130px auto 0;max-width:800px;border-bottom:1px solid #eee;padding-bottom:60px; }
.login19 .txtbox{position:relative;padding-left:150px;}
.login19 .txtbox:before{content:'';position:absolute;top:0;left:0;width:102px;height:102px;background-image:url("../../img/waiter/icon7.png");background-repeat:no-repeat;background-position:0 -298px;}
.login19 .txtbox .txt1{font-size:1.15rem;color:#5b5b5b;}
.login19 .txtbox .txt2{font-size:1rem;color:#5b5b5b;margin:5px 0;}
.login19 .txtbox .txt3{font-size:1.9rem;color:#5b5b5b;font-weight:700;}
.login19 .txtbox a{font-size:0.8rem;display:inline-block;color:#969696;border-bottom:1px solid #ccc;line-height:180%;margin-top:20px;}



@media screen and (max-width:960px)  { 
    .login19{margin-top:50px;padding-bottom:40px;}
}
@media screen and (max-width:960px) { 
    .login19{max-width:340px;padding-bottom:40px;}
    .login19 .txtbox{padding:0;padding-top:85px;text-align:center;word-break:keep-all;}
    .login19 .txtbox:before{content:'';position:absolute;top:0;left:50%;width:65px;height:65px;margin-left:-32px;background-image:url("../../img/waiter/icon7.png");background-repeat:no-repeat;background-position:0 -186px;background-size:250px 250px;}
    .login19 .txtbox .txt1{font-size:0.85rem;display:inline;}
    .login19 .txtbox .txt2{font-size:0.85rem;display:inline;}
    .login19 .txtbox .txt3{font-size:0.85rem;display:inline;}   
}

.circle_icon {width:15px; height:15px; border: 1px solid #afafaf; border-radius: 50%; transform: translateY(2px);}

/*회원가입*/
.join .noti{color:#a6a6a6;}
.join .h_form.status {line-height: 40px; display: flex; flex-wrap: wrap;}
.join .h_form.status .status_item {padding-right: 30px; font-size: 0.95rem; color:#afafaf;}
.join .h_form.status .status_item input {transform: translateY(-1px);}
.join .h_form.status .status_item label {margin-left: 4px; font-weight: 400;}
.join dl{position:relative; margin:40px 0; display: flex;}
.join .hover_icon {margin-left: 6px;}
.join .hover_icon .info_layer {display: none; line-height: 1.5; color:#9c9c9c; position: absolute; left:0; z-index: 1; padding: 10px; border: 1px solid #e7e7e7; border-radius: 4px; background-color: #ffffff; box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;}
.join .hover_icon:hover > .info_layer {display: block;}
.join .hover_icon:hover > .info_layer p {font-style: normal;}
.join h3.tit2{display:block;font-weight:500;font-size:1.1rem;margin:70px 0 10px;padding-top:70px;border-top:1px solid #eee;}
.join dl dt{display:flex;flex-wrap:wrap;align-items:center;width:18%;max-height:40px;color:#afafaf;font-size:0.95rem;}
.join dl dd{overflow:hidden;color:#afafaf;font-size:0.95rem;}
.join dl dd.idbox{display:inline-block;width:50%;max-width:300px;}
.join dl dd.snsbox{display:inline-block;vertical-align:top;}
.join dl dd.snsbox a{display:inline-block;width:30px;height:30px;margin-left:20px;}
.join dl dd.snsbox a.q01{background-position:-305px -33px;}
.join dl dd.snsbox a.q02{background-position:-342px -33px;}
.join dl dd.snsbox a.q03{background-position:-376px -33px;}
.join dl dd.email .h_form input[type="text"]{width:30%;}
.join dl dd.email .h_form select{width:20%;}
.join dl dd.email em{display:inline-block;width:3%;text-align:center;}
.join dl dd .numModi{display:inline-block;color:#3274CB;font-size:0.9rem;margin-left:30px;}
.join .txt{font-size:1rem;color:#777;}
.join .noti{display:block;margin-top:6px;}
.join .noti.pass{color:#2481ff;font-size:0.8rem;}
.join .noti.fail{color:#ff6161;font-size:0.8rem;}
.join .telbox .telnum{display:inline-block;border-bottom:1px solid #e5e5e5;width:200px;height:40px;line-height:40px;vertical-align:middle;}
.join .telbox .noti.pass{display:inline-block;margin-left:10px;margin-top:0;line-height:40px;vertical-align:middle;}
.join .agreebox{position:relative;margin:80px 0 40px;}
.join .agreebox .tit2{margin-top:0;padding-top:0;border-top:0;}
.join .agreebox .h_form{font-size:0.95rem;color:#aeaeae;position:absolute;top:4px;right:0;}
.join .agreebox .h_form span{padding-right:35px;}
.join .agreebox .h_form .h-check input[type="checkbox"] + span::before,
.join .agreebox .h_form .h-radio input[type="radio"] + span::before{position:absolute;top:0;right:0;margin-right:0;margin-top:0;}
.join ul.agree{margin-bottom:80px;}
.join ul.agree li{position:relative;font-size:0.95rem;margin:25px 0;font-weight:400;}
.join ul.agree li span{display:block;color:#afafaf;font-weight:400;} 
.join ul.agree .h_form .h-check input[type="checkbox"] + span::before,
.join ul.agree .h_form .h-radio input[type="radio"] + span::before{position:absolute;top:0;right:0;margin-right:0;}
.join ul.agree .btn{border:0;padding:0;font-size:0.7rem !important;color:#bbb;display:inline-block;margin-left:20px;vertical-align:middle;border-bottom:1px solid #eee;line-height:20px;}
.join ul.agree .agbox{display:none;background-color:#F8F8F8;padding:10px;font-size:0.75rem;color:#9D9D9D;margin-top:10px;overflow-y: auto;height:130px;}
.join ul.agree .agbox a {padding: 0;}
.join ul.agree .agbox a span {font-size: 12px;}
@media screen and (max-width:960px) {
    .join{margin-top:20px;}
    .join dl{margin:15px 0;}
    .join dl dt{min-width:30%;font-size:0.9rem;line-height:40px;}
    .join dl dd{font-size:0.9rem;}
    .join dl dd.idbox{width:38%; margin-right: 2%;}
    .join dl dd.snsbox{padding-top:10px;}   
    .join dl dd.snsbox a{width:20px;height:20px;margin-left:5px;}
    .join dl dd.snsbox a.q01{background-position:-262px -31px;}
    .join dl dd.snsbox a.q02{background-position:-292px -31px;}
    .join dl dd.snsbox a.q03{background-position:-320px -31px;}    
    .join dl dd.telbox{line-height:40px;}
    .join dl dd.email em{font-size:0.8rem;width:7%;}
    .join dl dd .h_form.se1 input[type="text"]{width:50%;}
    .join dl dd .h_form.se2 input[type="text"]{width:40%;}
    .join dl dd se3{display:block;margin-top:5px;} 
    .join dl dd .h_form.se3 select{width:100%;}    

    .join h3.tit2{font-size:1rem;}
    .join .agreebox{margin:60px 0 20px;}
    .join .agreebox .h_form span{font-size:0.95rem;}
    .join ul.agree li{font-size:0.9rem;margin:15px 0;}    
}
@media screen and (max-width:374px) {
  .join ul.agree li span {font-size: 13px;}
  .join ul.agree .btn {display: table; margin-left: 35px;}
}
/*회원가입완료*/
.complete{margin-top:100px;text-align:center;}
.complete .txt1{font-size:1.5rem;margin-bottom:25px;}
.complete .txt1 strong{color:#2ecebf;}
.complete .txt2{font-size:0.9rem;color:#999;margin-bottom:20px;} 
@media screen and (max-width:960px) {
    .complete{margin-top:60px;}
    .complete .txt1{font-size:1.1rem;margin-bottom:10px;}
    .complete .txt2{font-size:0.8rem;color:#888;}   
}

/*메세지*/
.massage .submenu{position:relative;margin:20px 0 30px;}
.massage .submenu:before{content:'';width:100%;height:1px;background-color:#eee;position:absolute;bottom:0;left:0;}
.massage .submenu ul{text-align:center;overflow:hidden;}
.massage .submenu ul li{float:left;width:25%;}
.massage .submenu ul li a{display:block;height:45px;line-height:45px;font-size:0.85rem;}
.massage .submenu ul li a:hover{color:#3274CB;}
.massage .submenu ul li.on a{position:relative;color:#3274CB;font-weight:500;}
.massage .submenu ul li.on a:before{content:'';width:100%;height:1px;background-color:#3274CB;position:absolute;bottom:0;left:0;}

.massage .tableNum{position:relative;overflow:hidden;margin:10px 0;}
.massage .tableNum .num{float:left;font-size:0.8rem;}
.massage .tableNum .num em{color:#3274CB;font-weight:500;}
.massage ul.msglist li{position:relative;border-top:1px solid #eee;margin-top:10px;padding-top:10px;}
.massage ul.msglist li:first-child{border-top:0;margin-top:0;padding-top:0;}
.massage ul.msglist li .tit a{font-size:0.85rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align: top;width:85%;}
.massage ul.msglist li .date{margin-top:2px;}
.massage ul.msglist li .date span{display:inline-block;margin-right:10px;font-size:0.8rem;color:#bbb;}
.massage ul.msglist li .del{position:absolute;top:50%;right:20px;width:15px;height:15px;margin-top:-10px;background-position:-300px -141px;background-size:400px 400px !important;}
.massage ul.msglist li.nodata{padding:50px 0;color:#BBBBBB;font-size:0.8rem;}

.massage .dm dl{margin-top:40px;margin-bottom:10px;}
.massage .dm dl dt{font-weight:700;color:#333;}
.massage .dm dl dd{overflow:hidden;}
.massage .dm dl dd .etc{color:#999;margin-top:5px;font-size:0.8rem;}
.massage .txtbox textarea{height:150px;padding:20px 0;overflow-y:auto;}
.massage .btnbox2{text-align:center;margin:20px 0;}
.massage .btn{display:inline-block;border:1px solid #DEDEDE;color:#878787;padding:8px 0;min-width:120px;font-size:0.75rem;border-radius:30px;}
.massage .btn:hover{border-color:#3274CB;color:#3274CB;}

.massage .dmview dl{overflow:hidden;margin-bottom:10px;}
.massage .dmview dl dt{float:left;width:80px;font-weight:500;color:#888;font-size:0.8rem;}
.massage .dmview dl dd{overflow:hidden;font-size:0.8rem;color:#555;}
.massage .dmview dl dd .btn7{display:inline-block;background-color:#F5F5F5;color:#6c6c6c;font-size:0.7rem;padding:2px 10px;margin-left:10px;}
.massage .dmview .view{border-top:1px solid #eee;padding:20px 0;font-size:0.8rem;color:#888;}



/*전체메뉴*/
.allmenuWrap{margin-top:80px;}
.allmenuWrap h2 {background-color:#f7f7f7; font-size:1.2rem; font-weight:500; padding:12px 15px; margin:0 -15px 50px;}
.allmenuWrap ul.dep1{overflow:hidden;display: flex;flex-wrap: wrap; padding-left: 8px;}
.allmenuWrap ul.dep1 > li{width:25%;} 
.allmenuWrap ul.dep1 > li > span{display:inline-block;font-size:1rem;color:#666;margin-bottom:20px;}
.allmenuWrap ul.dep1 > li > ul.dep2 > li {margin-bottom: 8px;}
.allmenuWrap ul.dep1 > li > ul.dep2 > li > a{display:inline-block;padding:5px 0;font-size:0.85rem;color:#B1B1B1;font-weight:400;}
.allmenuWrap ul.dep1 > li > ul.dep2 > li > a:hover{color:#000;}
.allmenuWrap ul.dep1 > li > ul.dep2 > li > a em {display: none;}
.allmenuWrap ul.dep1 > li > ul.dep2 > li > a em.icon {display: inline-block; background-image: url("../../img/waiter/icon7.png"); background-repeat: no-repeat; vertical-align: middle; font-size: 0;}
.allmenuWrap ul.dep1 > li > ul.dep2 > li > a em.icon.adult {background-size: 260px 260px; background-position: -242px -110px; width: 19px; height: 19px; position: absolute; transform: scale(0.8) translateY(3px);}

@media screen and (max-width:960px) {
    .allmenuWrap ul.dep1 > li{width:33%;margin-bottom:20px;} 
    .allmenuWrap ul.dep1 > li > a{font-size:1rem;margin-bottom:10px;}
    .allmenuWrap ul.dep1 > li > ul.dep2 > li > a{padding:2px 0;}
}
/*검색창*/
#searchBar{display:none;}
@media screen and (max-width:960px) {
    #searchBar{display:flex;position:fixed;left:0;right:0;bottom:-60px;background-color:#fff;padding:0 10px;box-sizing:border-box;transition: .5s;z-index:2;border-radius:20px 20px 0 0;/*box-shadow:2px 2px 10px rgba(0,0,0,.3);*/}
    #searchBar .searchWrap{margin:10px 0;}
}
@media screen and (max-height:500px) {
  #searchBar{display: none;}
}
/*레이어*/
#mask{position:absolute;z-index:9000;background-color:#000;display:none;left:0;top:0;} 
.Layer{overflow:auto; position:fixed;top:50%;left:50%;display:none;z-index:10001;background-color:#fff;height:auto;max-height:calc(100vh - 50px);transform:translate(-50%, -50%);transition:0.3s;width:450px;}
.Layer h5{padding:20px 25px;font-weight:400;font-size:1rem;border-bottom:10px solid #fafafa;color:#333;}
.Layer .closeBtn{position:absolute;top:-40px;right:0;width:28px;height:28px;background-position:-265px -33px;background-color:transparent;cursor:pointer;}
.Layer .box{padding:25px;}
.Layer .box::-webkit-scrollbar {width: 4px;}
.Layer .box::-webkit-scrollbar-thumb {background-color: #bbb;}
.Layer .box::-webkit-scrollbar-track {background-color: #f9f9f9;}
.Layer .bigbtn{text-align:center;margin:20px 0;}
.Layer .bigbtn a{display:inline-block;border:1px solid #D2D2D2;color:#878787;padding:6px 0;min-width:140px;font-size:0.8rem;border-radius:30px;}
.Layer .bigbtn a:hover{border-color:#2ecebf;color:#2ecebf;}
.Layer .bigbtn2 a{display:inline-block;min-width:120px;margin:0 5px;border:1px solid #D2D2D2;color:#878787;padding:6px 10px;font-size:0.8rem;border-radius:30px;}
.Layer .bigbtn2 a:hover{border-color:#2ecebf;color:#2ecebf;}
@media screen and (max-width:960px) {
    .Layer{width:90%;}
    .Layer h5{padding:15px 25px;font-size:0.95rem;font-weight:500;}
    .Layer .bigbtn{margin:10px 0;}
    .Layer .closeBtn{width:28px;height:28px;background-size:300px 300px;background-position:-178px -119px;top:-35px;}
    .Layer .bigbtn2 a{min-width:100px;}
}
/*비밀번호찾기*/
.Layer.layerID{width:400px;}
.Layer.layerID .box .tit{font-size:1rem;color:#333;margin-bottom:5px;}
.Layer.layerID .box .txt{font-size:0.85rem;color:#777;word-break:keep-all;}
.Layer.layerID .box .telbox{position:relative;margin-top:30px;}
.Layer.layerID .box .telbox .din{display:inline-block;width:75%;}
.Layer.layerID .box .telbox a{position:absolute;top:5px;right:0;font-size:0.9rem;color:#555;}
.Layer.layerID .box .telbox a:hover{color:#3274CB;}
.Layer.layerID .box .codeNum{margin-top:10px;}
.Layer.layerID h6{display:block;font-size:0.85rem;color:#777;line-height:160%;padding:0;margin:0 0 5px;font-weight:400;}
.Layer.layerID ul li{color:#777;font-size:0.9rem;margin:10px 0;}
.Layer.layerID h7{display:block;font-size:1rem;margin:40px 0 15px;}
.Layer.layerID .noti{display:block;margin:5px 0 10px;}
.Layer.layerID .noti.pass{color:#2481ff;font-size:0.8rem;}
.Layer.layerID .noti.fail{color:#ff6161;font-size:0.8rem;}
.Layer.layerID .box .txt1{font-size:0.95rem;color:#333;text-align:center;margin-bottom:5px;}
.Layer.layerID .box .txt2{font-size:0.85rem;color:#777;text-align:center;}
@media screen and (max-width:960px) {
    .Layer.layerID{width:90%;}
    .Layer.layerID h7{display:block;font-size:0.95rem;}
}
/*회원탈퇴*/
.Layer.layerOut .box .tit{font-size:1rem;color:#555;margin-bottom:5px;}
.Layer.layerOut .box .txt{font-size:0.9rem;color:#A8A8A8;margin-top:5px;}
.Layer.layerOut .box .txtbox{width:99%;height:200px;padding:1%;font-size:1rem;}
.Layer.layerOut .box .txt1{font-size:1rem;color:#333;margin-bottom:5px;text-align:center;}
.Layer.layerOut .box .txt2{font-size:0.9rem;color:#A8A8A8;margin:10px 0;text-align:center;}
/*채용공고관리-점프충전*/
.Layer.shopWrap .optionBox .titbox{overflow:hidden;position:relative;margin-bottom:25px;min-height: 20px;}
.Layer.shopWrap .optionBox .titbox h4{display:inline-block;font-size:1rem;font-weight:500;}
.Layer.shopWrap .optionBox .titbox span{display:inline-block;position:absolute;top:0;right:0;color:#000;font-size:1rem;font-weight:500;margin-right:0;}
.Layer.shopWrap .optionBox ul li{margin-bottom:15px;}
.Layer.shopWrap .optionBox .freeView {width: 100% !important; float: unset;}
.Layer.shopWrap .optionBox .freeView .text {width: 100%; font-size: 14px; text-align:center; background-color: #fef8f8; white-space: pre-line;}
.Layer.shopWrap .optionBox .freeView .text.red {background-color: #fef8f8;}
.Layer.shopWrap .optionBox .freeView .text.red span {color: #e63c3c !important; font-weight: 700; font-size: 16px;}
.Layer.shopWrap .optionBox .freeView .alert_icon_red {background-image:url("../../img/waiter/alert_red.png");background-size:cover;width:16px;height:15px;display:inline-block;margin-left:4px;transform:translateY(2px);}
.Layer.shopWrap .radioList.h_form span{font-size:0.95rem; color:#000; margin-right: 0 !important; }
.Layer.shopWrap .radioList.h_form .h-radio {max-width: 120px; margin-right: 4px;}
.Layer.shopWrap .radioList.h_form .h-radio span.count {min-width: 54px;}
.Layer.shopWrap .radioList.h_form .h-radio span.price {text-align: right;  width: 100%; max-width: 74px;}
@media screen and (max-width:960px) {
    /*.Layer.shopWrap .optionBox .titbox{margin-bottom:15px;}*/
    .Layer.shopWrap .optionBox .titbox h4{font-size:0.9rem;}
    .Layer.shopWrap .radioList.h_form span{font-size:0.9rem;}    
    .Layer.shopWrap .radioList.h_form span.count::before {margin-right: 4px !important;}
}
/*채용공고관리-입금자명변경*/
.Layer.shopWrap .box.send_name .line {display: flex; flex-wrap: wrap; margin-bottom: 25px;}
.Layer.shopWrap .box.send_name .line:last-child {margin-bottom: 0px;}
.Layer.shopWrap .box.send_name .line span {font-size: 15px;}
.Layer.shopWrap .box.send_name .line input {font-size: 15px; width: calc(100% - 120px); padding-bottom: 10px; border-bottom: 1px solid #e5e5e5;}
.Layer.shopWrap .box.send_name .line .name {display: inline-block; width: 120px; color:#afafaf;}
.Layer.shopWrap .btnWrap.send_name .bigbtn2 {margin-top: 20px;}
/*결제수단*/
.Layer.shopWrap .paybox1{margin:20px 0 10px;}
.Layer.shopWrap .paybox1 h4{display:inline-block;font-size:1rem;font-weight:500;margin-bottom: 1px;}
.Layer.shopWrap .paybox1 .List {margin-top:20px;}
.Layer.shopWrap .paybox1 .List ul{overflow:hidden;}
.Layer.shopWrap .paybox1 .List li{float:left;text-align:center; }
.Layer.shopWrap .paybox1 .List li a{display:block;font-size:0.9rem;color:#c1c1c1;}
.Layer.shopWrap .paybox1 .List li em{display:block;width:49px;height:49px;margin:0 auto 10px;} 
.Layer.shopWrap .paybox1 .List li.bank {margin-top: 20px;}
.Layer.shopWrap .paybox1 .List li.bank em,
.Layer.shopWrap .paybox1 .List li.virtual em{background-position:0 -104px;} 
.Layer.shopWrap .paybox1 .List li.phone em{background-position:-49px -104px;} 
.Layer.shopWrap .paybox1 .List li.card em{background-position:-98px -104px;} 
.Layer.shopWrap .paybox1 .List li.epay em{background-position:-147px -104px;}
.Layer.shopWrap .paybox1 .List li.on a{color:#3173CB;}
.Layer.shopWrap .paybox1 .List li.on.bank em,
.Layer.shopWrap .paybox1 .List li.on.virtual em{background-position:0 -55px;} 
.Layer.shopWrap .paybox1 .List li.on.phone em{background-position:-49px -55px;} 
.Layer.shopWrap .paybox1 .List li.on.card em{background-position:-98px -55px;} 
.Layer.shopWrap .paybox1 .List li.on.epay em{background-position:-147px -55px;}
.Layer.shopWrap .bankWrap{margin-top:20px;}
.Layer.shopWrap .bankWrap .bank{/* overflow:hidden; */}
.Layer.shopWrap .bankWrap .bank .h_form{float:left;width:25%;margin-right:3%;}
.Layer.shopWrap .bankWrap .bank .num{overflow:hidden;margin:10px 0 10px 0;font-size:1rem;color:#888;vertical-align:middle;display:inline-block;margin-left:20px}
.Layer.shopWrap .bankWrap .bank .num span{font-size:0.9rem;margin-left:10px;}

#changePackageStart.Layer.checkLyr2 .btnWrap {position: sticky; bottom: 0px; width: 100%; background: #fff;}

.Layer.shopWrap .point{text-align:center;color:#ff6161;font-size:0.85rem;margin:20px 0 0;}
.Layer.shopWrap .bigbtn a,
.Layer.shopWrap .bigbtn .bigA{background-color:#2ecebf;border-color:#2ecebf;color:#fff;}
@media screen and (max-width:960px) {
    .Layer.shopWrap .paybox1{margin:15px 0;}
    .Layer.shopWrap .paybox1 h4{font-size:0.85rem;}  
    .Layer.shopWrap .paybox1 .List{margin-top:12px;}
    .Layer.shopWrap .paybox1 .List li em{width:42px;height:42px;margin-bottom:5px;}
    .Layer.shopWrap .paybox1 .List li.q01 em{background-position:0 -89px;} 
    .Layer.shopWrap .paybox1 .List li.q02 em{background-position:-42px -89px;} 
    .Layer.shopWrap .paybox1 .List li.q03 em{background-position:-84px -89px;} 
    .Layer.shopWrap .paybox1 .List li.q04 em{background-position:-125px -89px;}
    .Layer.shopWrap .paybox1 .List li.on.q01 em{background-position:0 -47px;} 
    .Layer.shopWrap .paybox1 .List li.on.q02 em{background-position:-42px -47px;} 
    .Layer.shopWrap .paybox1 .List li.on.q03 em{background-position:-84px -47px;} 
    .Layer.shopWrap .paybox1 .List li.on.q04 em{background-position:-125px -47px;}
    .Layer.shopWrap .paybox1 .List li a{font-size:0.8rem;}   
    .Layer.shopWrap .bankWrap{margin-top:10px;}  
    .Layer.shopWrap .bankWrap .bank .h_form{float:inherit;width:100%;margin-right:0;}
    .Layer.shopWrap .bankWrap .bank .num{margin-left:5px;}
    .Layer.shopWrap .paybox1 .List li.bank em,
    .Layer.shopWrap .paybox1 .List li.virtual em{background-position:0 -89px;} 
    .Layer.shopWrap .paybox1 .List li.phone em{background-position:-42px -89px;} 
    .Layer.shopWrap .paybox1 .List li.card em{background-position:-84px -89px;} 
    .Layer.shopWrap .paybox1 .List li.epay em{background-position:-125px -89px;}
    .Layer.shopWrap .paybox1 .List li.on.bank em,
    .Layer.shopWrap .paybox1 .List li.on.virtual em{background-position:0 -47px;} 
    .Layer.shopWrap .paybox1 .List li.on.phone em{background-position:-42px -47px;} 
    .Layer.shopWrap .paybox1 .List li.on.card em{background-position:-84px -47px;} 
    .Layer.shopWrap .paybox1 .List li.on.epay em{background-position:-125px -47px;}
}
/*영수증보기*/
.Layer.receipt{background-color:transparent;}
.Layer.receipt .paperbox{position:relative;padding-top:1px;}
.Layer.receipt .paperbox:before{content:'';position:absolute;top:0;left:0;right:0; border:7px solid #333;height:15px;background-color:#000;border-radius:20px;z-index:1;}
.Layer.receipt .paperbox .detail{position:relative;background-color:#fff;padding:40px 20px;margin:10px 40px;z-index:2;box-shadow:0 5px 5px -3px inset;}
.Layer.receipt .paperbox .detail h3{display:block;text-align:center;font-size:1.2rem;font-weight:400;margin-bottom:50px;}
.Layer.receipt .paperbox .detail h3 em{position:relative;display:inline-block;margin-left:10px;padding-left:12px;}
.Layer.receipt .paperbox .detail h3 em:before{content:'';position:absolute;top:6px;left:0;width:1px;height:15px;background-color:#ccc;  }
.Layer.receipt .paperbox .detail ul{margin:0 50px;}
.Layer.receipt .paperbox .detail ul li{overflow:hidden;border-bottom:1px solid #eee;margin:20px 0;padding-bottom:20px;}
.Layer.receipt .paperbox .detail ul li p{float:left;font-size:1rem;}
.Layer.receipt .paperbox .detail ul li span{overflow:hidden;display:block;text-align:right;font-size:1rem;}
.Layer.receipt .paperbox .detail dl.total{overflow:hidden;margin:0 50px 20px;border-bottom:1px solid #eee;padding-bottom:20px;}
.Layer.receipt .paperbox .detail dl.total dt{float:left;font-size:1rem;color:#000;}
.Layer.receipt .paperbox .detail dl.total dd{overflow:hidden;font-size:1rem;text-align:right;color:#000;}
.Layer.receipt .paperbox .detail dl.date{overflow:hidden;margin:0 50px;}
.Layer.receipt .paperbox .detail dl.date dt{float:left;font-size:1rem;}
.Layer.receipt .paperbox .detail dl.date dd{overflow:hidden;font-size:1rem;text-align:right;}
@media screen and (max-width:960px) {
    .Layer.receipt{}
    .Layer.receipt .paperbox .detail{padding:50px 10px 20px;}
    .Layer.receipt .paperbox .detail h3{font-size:1rem;margin-bottom:30px;font-weight:500;}
    .Layer.receipt .paperbox .detail ul{margin:0 20px;}
    .Layer.receipt .paperbox .detail ul li{margin:10px 0;padding-bottom:10px;}
    .Layer.receipt .paperbox .detail ul li p{font-size:0.9rem;}
    .Layer.receipt .paperbox .detail ul li span{font-size:0.9rem;}
    .Layer.receipt .paperbox .detail dl.total{margin:0 20px 0;padding-bottom:10px;}
    .Layer.receipt .paperbox .detail dl.total dt{font-size:0.9rem;}
    .Layer.receipt .paperbox .detail dl.total dd{font-size:0.9rem;}
    .Layer.receipt .paperbox .detail dl.date{margin:10px 20px;}
    .Layer.receipt .paperbox .detail dl.date dt{font-size:0.9rem;}
    .Layer.receipt .paperbox .detail dl.date dd{font-size:0.9rem;}
}
/*계급안내*/
.Layer.rankWrap .rank{padding:20px;max-height:400px;overflow-y: scroll;}
.Layer.rankWrap .rank ul li{display:block;overflow:hidden;}
.Layer.rankWrap .rank ul li span{float:left;display:block;width:39%;text-align:center;font-size:0.85rem;color:#888;padding:10px 0;}
.Layer.rankWrap .rank ul li span.levelbox{width:22%;}
.Layer.rankWrap .rank ul li.tit span{background-color:#FAFAFA;font-size:0.85rem;padding:12px 0;}
.Layer.rankWrap .rank ul li .levelbox{background-color:#FAFAFA;}
.Layer.rankWrap .rank ul li .levelbox em{display:inline-block;width:22px;height:22px;}
.Layer.rankWrap .rank ul li p{background-color:#fff;text-align:center;padding:10px 20px;font-size:0.85rem;color:#888;}
@media screen and (max-width:960px) {
    .Layer.rankWrap .rank{padding:16px;max-height:350px;}
    .Layer.rankWrap .rank ul li.tit span{font-size:0.75rem;}
    .Layer.rankWrap .rank ul li span{font-size:0.75rem;padding:8px 0;}   
}
/*기본확인레이어*/
.Layer.checkLyr{position:fixed;top:40%;left:50%;opacity:1;transform:translate(-50%, -50%);transition:0.3s;border-radius:5px;width:320px;}
.Layer.checkLyr .box{padding:30px 15px 25px;}
.Layer.checkLyr .box.tc{text-align:center;}
.Layer.checkLyr .box p{color:#333;font-size:0.95rem;margin-bottom:5px;word-break:keep-all;}
.Layer.checkLyr .box span{color:#777;font-size:0.85rem;word-break:keep-all;}
.Layer.checkLyr .h_form input{padding:0;border:0;}
.Layer.checkLyr .h_form input:focus{outline:none;}
.Layer.checkLyr .submit{display:block;border-top:1px solid #E6E6E6;padding:12px 0;font-size:0.85rem;text-align:center;color:#000;}
.Layer.checkLyr .btnWrap{overflow:hidden;border-top:1px solid #E6E6E6;}
.Layer.checkLyr .btnWrap a{float:left;display:block;width:50%;padding:12px 0;font-size:0.9rem;text-align:center;color:#888;}
.Layer.checkLyr .btnWrap .cancel{position:relative;color:#000;}
.Layer.checkLyr .btnWrap .cancel:before{content:'';position:absolute;top:0;right:0;width:1px;height:100%;background-color:#E6E6E6;}
.Layer.checkLyr .btnWrap .submit{border-top:0;}
.Layer.checkLyr .btnWrap .submit2{color:#000;}
@media screen and (max-width:960px) {   
    .Layer.checkLyr{width:280px;}    
}
/*취소+확인레이어 */
.Layer.checkLyr2{position:fixed;top:40%;left:50%;opacity:1;transform:translate(-50%, -50%);transition:0.3s;border-radius:5px;width:320px;}
.Layer.checkLyr2::-webkit-scrollbar {width: 4px;}
.Layer.checkLyr2::-webkit-scrollbar-thumb {background-color: #bbb;}
.Layer.checkLyr2::-webkit-scrollbar-track {background-color: #f9f9f9;}
.Layer.checkLyr2 .box{padding:30px 15px 25px;}
.Layer.checkLyr2 .box.tc{text-align:center;}
.Layer.checkLyr2 .box p{color:#333;font-size:0.95rem;font-weight:500;margin-bottom:5px;}
.Layer.checkLyr2 .box span{color:#777;font-size:0.85rem;line-height:20px;}
.Layer.checkLyr2 .submit{display:inline-block;padding:12px 0;font-size:0.85rem;text-align:center;color:#888;}
.Layer.checkLyr2 .submit:hover{color:#000;}
.Layer.checkLyr2 .btnWrap{overflow:hidden;border-top:1px solid #E6E6E6;}
.Layer.checkLyr2 .btnWrap a{float:left;display:block;width:50%;padding:12px 0;font-size:0.9rem;text-align:center;color:#888;}
.Layer.checkLyr2 .btnWrap .cancel{position:relative;color:#000;}
.Layer.checkLyr2 .btnWrap .cancel:before{content:'';position:absolute;top:0;right:0;width:1px;height:100%;background-color:#E6E6E6;}
.Layer.checkLyr2 .btnWrap .submit2{color:#000;}
@media screen and (max-width:960px) {
    .Layer{width:90%}
    .Layer.checkLyr2{width:300px;} 
}
.Layer.checkLyr2.package{top:50%;}
.Layer.checkLyr2.package .box.tc .h_form .package_wrap p{margin-bottom:15px;}
.Layer.checkLyr2.package .box.tc .h_form .package_wrap ul{border-bottom:1px solid #f2f2f2;padding-bottom:30px;margin-bottom:20px;}
.Layer.checkLyr2.package .box.tc .h_form .package_wrap:last-child ul{border:none;}

/*뷰페이지 불량채용 신고하기*/
.Layer.junkLry dl{margin-bottom:20px;}
.Layer.junkLry dl dt{font-size:0.8rem;margin-bottom:5px;color:#999;}
.Layer.junkLry dl dd{font-size:0.95rem;color:#333;}
.Layer.junkLry .txtbox textarea{height:100px;}

/* 사업자등록증 */
.Layer.bizLyr dl {clear:both}
.Layer.bizLyr dl:after { display: block; visibility: hidden; clear: both; content: ""; }
.Layer.bizLyr dl dt {
  float: left;
  width: 90px;
  color: #333;
  font-weight: 700;
  font-size: 0.8rem;
  line-height: 35px;
  text-align: left;
}
.Layer.bizLyr dl dd {
    overflow: hidden;
}
.Layer.bizLyr dl dd .short.h_form input{
  width: 110px;
  display: inline-block;
}
.tLicenseLayer dl dt {line-height: 40px !important;}
.tLicenseLayer dl dd .short.h_form .textbox-text {margin-right: 26px !important; width: 80px !important;height: 40px !important;}
.tLicenseLayer dl dd .short.h_form .textbox-text.textbox-prompt {/*color: #aaaaaa;*/}
.tLicenseLayer dl dd .short.h_form .textbox-icon {border: none; height:40px !important;}
.tLicenseLayer .addwrap .zipbtn {
  width: 100px;
  display: inline-block;
}
.Layer.bizLyr .h_form .filebox .upload-name {
  width: calc(100% - 62px);
  height:40px;
  background-color: transparent;
  border-bottom: 1px solid #e5e5e5;
}
.Layer.bizLyr2 .box table {
  width:100%; text-align: left;
}
.Layer.bizLyr2 .box table tr td {
  font-size: 16px;
}

.text-btn {
  color: #c4c4c4;
  text-decoration: underline;
  text-underline-position: under;
  font-size: 14px;
  display: inline-block;
}
.white-space-normal {
  white-space: normal !important;  
}

/*레벨아이콘*/
em.level,
em.level0,
em.level1{display:inline-block;width:17px;height:17px;margin-right:8px;vertical-align:middle;background-image:url("../../img/waiter/level1.png");background-size:100%;}
em.level2{display:inline-block;width:17px;height:17px;margin-right:8px;vertical-align:middle;background-image:url("../../img/waiter/level2.png");background-size:100%;}
em.level3{display:inline-block;width:17px;height:17px;margin-right:8px;vertical-align:middle;background-image:url("../../img/waiter/level3.png");background-size:100%;}
em.level4{display:inline-block;width:17px;height:17px;margin-right:8px;vertical-align:middle;background-image:url("../../img/waiter/level4.png");background-size:100%;}
em.level5{display:inline-block;width:17px;height:17px;margin-right:8px;vertical-align:middle;background-image:url("../../img/waiter/level5.png");background-size:100%;}
em.level6{display:inline-block;width:17px;height:17px;margin-right:8px;vertical-align:middle;background-image:url("../../img/waiter/level6.png");background-size:100%;}
em.level7{display:inline-block;width:17px;height:17px;margin-right:8px;vertical-align:middle;background-image:url("../../img/waiter/level7.png");background-size:100%;}
em.level8{display:inline-block;width:17px;height:17px;margin-right:8px;vertical-align:middle;background-image:url("../../img/waiter/level8.png");background-size:100%;}
em.level9{display:inline-block;width:17px;height:17px;margin-right:8px;vertical-align:middle;background-image:url("../../img/waiter/level9.png");background-size:100%;}
em.level10{display:inline-block;width:17px;height:17px;margin-right:8px;vertical-align:middle;background-image:url("../../img/waiter/level10.png");background-size:100%;}
em.level11{display:inline-block;width:17px;height:17px;margin-right:8px;vertical-align:middle;background-image:url("../../img/waiter/level11.png");background-size:100%;}
em.level12{display:inline-block;width:17px;height:17px;margin-right:8px;vertical-align:middle;background-image:url("../../img/waiter/level12.png");background-size:100%;}
em.level13{display:inline-block;width:17px;height:17px;margin-right:8px;vertical-align:middle;background-image:url("../../img/waiter/level13.png");background-size:100%;}
em.level14{display:inline-block;width:17px;height:17px;margin-right:8px;vertical-align:middle;background-image:url("../../img/waiter/level14.png");background-size:100%;}
em.level15{display:inline-block;width:17px;height:17px;margin-right:8px;vertical-align:middle;background-image:url("../../img/waiter/level15.png");background-size:100%;}
em.level16{display:inline-block;width:17px;height:17px;margin-right:8px;vertical-align:middle;background-image:url("../../img/waiter/level16.png");background-size:100%;}
em.level17{display:inline-block;width:17px;height:17px;margin-right:8px;vertical-align:middle;background-image:url("../../img/waiter/level17.png");background-size:100%;}
em.level18{display:inline-block;width:17px;height:17px;margin-right:8px;vertical-align:middle;background-image:url("../../img/waiter/level18.png");background-size:100%;}
em.level99{display:inline-block;width:17px;height:17px;margin-right:8px;vertical-align:middle;background-image:url("../../img/waiter/level99.png?v=20231212");background-size:100%;}

/*메인화면*/
.pcWrap{display:block;}
.mobileWrap{display:none;}
.mobileWrap * {-webkit-tap-highlight-color: transparent;}
@media screen and (max-width:960px) {   
    .pcWrap{display:none;}
    .mobileWrap{display:block;margin-top:0px;}
 
    .mobileWrap .topmenu{padding:15px 10px;display:flex;text-align:center;}
    .mobileWrap .topmenu .city{font-size:0.85rem;}
    .mobileWrap .topmenu .map{width:5%;}
    .mobileWrap .topmenu .map a{display:block;width:23px;height:23px;background-size:240px 240px;background-position:-224px -56px;}
    .mobileWrap .topmenu .city{width:20%;font-size:0.85rem;color:#6c6c6c;}
    .mobileWrap .topmenu .area{width:17%;font-size:0.85rem;color:#6c6c6c;}
    .mobileWrap .topmenu .business{position:relative; width:28%;font-size:0.85rem;padding-right:20px;}
    .mobileWrap .topmenu .business:before{content:'';position:absolute;top:7px;right:0;width:14px;height:14px;background-size:260px 260px;background-position:-247px -92px;display:inline-block;background-image:url("../../img/waiter/icon7.png");background-repeat:no-repeat;vertical-align:middle;}
    .mobileWrap .topmenu .business:after{content:'';position:absolute;top:5px;left:0;width:1px;height:14px;background-color:#DFDFDF;}
    .mobileWrap .topmenu .business a{position:relative;padding-right:25px;}
    .mobileWrap .topmenu .business a em{content:'';position:absolute;top:2px;right:0;width:20px;height:20px;background-size:260px 260px;background-position:-243px -110px;}
    .mobileWrap .topmenu .scale{position:relative;font-size:0.85rem;padding-left:10px;padding-right:20px;}
    .mobileWrap .topmenu .scale:before{content:'';position:absolute;top:7px;right:0;width:14px;height:14px;background-size:260px 260px;background-position:-247px -92px;display:inline-block;background-image:url("../../img/waiter/icon7.png");background-repeat:no-repeat;vertical-align:middle;}
    .mobileWrap .topmenu .scale:after{content:'';position:absolute;top:5px;left:0;width:1px;height:14px;background-color:#DFDFDF;}
}   

.out-container{display: flex; justify-content: space-between; align-items: center; scroll-margin-top: 56px; /*background-color:#f5f5f5;border-top:1px solid #e3e3e3;*/padding:10px 15px;margin-top:10px; /*margin-bottom: 20px;*/}
.out-container.searchTop {scroll-margin-top: 120px;}
.out-container h2{font-size:1rem;color:#2ecebf;font-weight:200; word-break: keep-all;}
.out-container h2 span {font-weight: 500;}
.out-container a {width: 17px; height:17px; margin-right: 2px; background-image: url('../../img/waiter/question.png'); background-size: 17px; background-repeat: no-repeat;}

/*모바일공고*/
.Mbase li{position:relative;margin-bottom:20px; display: flex; justify-content: space-between;}
.Mbase li > a{display:block; width: 100%}
.Mbase .txtbox {overflow:hidden;margin-right:0px;}
.Mbase .txtbox .line {display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px;}
.Mbase .txtbox .line h3{display:flex;font-weight:400;font-size:1.05rem;margin-top:3px;color:#151515; white-space: nowrap; overflow: hidden;}
.Mbase .txtbox .line h3 em{display:inline-block;position:relative;padding-right:7px;margin-right:5px;font-weight: 400 !important;}   
.Mbase .txtbox .line h3 em:before{content:'';position:absolute;top:5px;right:0;width:1px;height:16px;background-color:#777;}
.Mbase .txtbox .line p {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-height: 24px;}
.Mbase .txtbox .line p span{display:inline;font-size:0.85rem;margin-bottom:1px;color:#818181;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#151515;}
.Mbase .txtbox .line .tag {color:#aaa;font-size:0.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.Mbase .txtbox .line .scrap {width: 30px; display: inline-block; text-align: center;}
.Mbase .txtbox .line .scrap em {width:20px;height:20px;background-size:160px 160px;}
.Mbase .txtbox .line .scrap.scrap_off em{background-position:-143px -110px;}
.Mbase .txtbox .line .scrap.scrap_on em{background-position:-58px -110px;}
.Mbase .txtbox .line .badge.service {white-space: nowrap; display: inline-block; background-color: #2ecebf; color: #fff; font-size: 10px; padding: 1px 6px; border-radius: 10px;}
.Mbase .txtbox .line .badge.option {white-space: nowrap; display: inline-block; background-color: #ffcd27; color: #fff; font-size: 10px; padding: 1px 6px; border-radius: 10px;}

/*프리미엄(PREMIUM)*/
.Mpremium{margin-top:0px;}
.Mpremium .fl{float:left;margin-right:15px;}
.Mpremium .thumb{position:relative; width:76px;height:76px;border-radius:32px;overflow:hidden;border:1px solid #000;}
.Mpremium .thumb:before{content: '';position:absolute;top:0;left:0;background:rgba(0, 0, 0, 1);width:100%;height:100%;}
.Mpremium .thumb span{word-break: keep-all;position:absolute;top:0;bottom:0;left:2px;right:2px;vertical-align:middle;text-align:center;z-index:1;color:#fff;font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center;line-height:130%;}
.Mpremium .thumb img{min-width:76px;min-height:76px;width:100%;position: absolute;}

/*스페셜(BOX35)*/
.Mspecial{margin-top:0px;}
.Mspecial .fl{float:left;margin-right:15px;}
.Mspecial .thumb{position:relative; width:76px;height:76px;border-radius:32px;overflow:hidden;border:1px solid #2ecebf; background-color: #2ecebf;}
.Mspecial .thumb:before{content: '';position:absolute;top:0;left:0;background:#2ecebf;width:100%;height:100%;}
.Mspecial .thumb span{word-break: keep-all; position:absolute;top:0;bottom:0;left:2px;right:2px;vertical-align:middle;text-align:center;z-index:1;color:#fff;font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center;}

/*우대채용공고(BOX25)*/
.Mbenefit{margin-top:0px;}
.Mbenefit .fl{float:left;margin-right:15px;}
.Mbenefit .thumb{position:relative; width:74px;height:74px;border-radius:32px;overflow:hidden;border:1px solid #2ecebf;}
.Mbenefit .thumb:before{content: '';position:absolute;top:0;left:0;background:#fff;width:100%;height:100%;}
.Mbenefit .thumb span{word-break: keep-all; position:absolute;top:0;bottom:0;left:2px;right:2px;vertical-align:middle;text-align:center;z-index:1;color:#2ecebf;font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center;}

/*일반채용공고(BASIC)*/
.Mpublic{margin-top:0px;}

/*비회원배너*/
.non-members-banner {position:relative; height:75px; background-image:url('../../img/waiter/pc_logout_banner.jpg'); background-size:cover; background-position: center; white-space: nowrap;}
.non-members-banner .non-members-banner-text {position:absolute; top:50%; left:50%; color:#ffffff; transform:translate(-50%,-50%); font-weight:300; font-size:14px;}
.non-members-banner .non-members-banner-text img {width:20px; margin-right:4px;}
.non-members-banner .non-members-banner-text a {color:#ffffff; text-decoration:underline; text-underline-position:under;}
.non-members-banner .non-members-banner-text span {color:#ffe742}
.non-members-banner.mobile {height: 61px; background-image:url('../../img/waiter/mobile_logout_banner.jpg');}
.non-members-banner.mobile .non-members-banner-text {font-size: 13px;}
/*텍스트효과*/
.bold,
#publicList .txtbox .bold,
.mobileWrap .txtbox .bold{font-weight:700 !important;color:#000;}
.high,
#publicList .txtbox .high,
.mobileWrap .txtbox .high{ border-bottom: 3px solid #f9ffa3; box-shadow: inset 0 -10px 0 #fffec8;}
.flash,
#publicList .txtbox .flash,
.mobileWrap .txtbox .flash{
    -webkit-animation:blink 0.8s ease-in-out infinite alternate;
    -moz-animation:blink 0.8s ease-in-out infinite alternate;
    animation:blink 0.8s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;/* color:#fff; */}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;/* color:#ff3300; */}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;/* color:#fff; */}
    100% {opacity:1;}
}
.color,
#publicList .txtbox .color,
.mobileWrap .txtbox .color{color:#D20404 !important;}
.color2,
#publicList .txtbox .color2,
.mobileWrap .txtbox .color2{color:#9454d3 !important;}

.navbar-offcanvas:before{content:'';position:absolute;top:114px;left:35%;bottom:0;right:0;background-color:#fff;}
.cd-auto-hide-header {position:fixed;z-index:4;top:0;left:0;width:100%;height:56px;background-color:#ffffff;-webkit-transform: translateZ(0);transform:translateZ(0);will-change:transform;-webkit-transition: -webkit-transform .5s;transition: -webkit-transform .5s;transition: transform .5s;transition: transform .5s, -webkit-transform .5s;}
.cd-auto-hide-header::after{clear:both;content: "";display:block;}
.cd-auto-hide-header.is-hidden {-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%);transform: translateY(-100%);}
.cd-auto-hide-header.is-hidden.x2 {-webkit-transform: translateY(-56px); -ms-transform: translateY(-56px);transform: translateY(-56px);}
.cd-auto-hide-header .logo,.cd-auto-hide-header .nav-trigger{position:absolute;top:50%;bottom:auto;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.cd-auto-hide-header .logo {left:4%;z-index:99999}
.cd-auto-hide-header .logo a, .cd-auto-hide-header .logo img{display: block;}
.cd-auto-hide-header .nav-trigger {
  /* vertically align its content */
  display: table;
  height: 100%;
  padding: 5px 20px 0;
  font-size:0;
  text-transform: uppercase;
  color: #25283D;
  font-weight: bold;
  right:0; 
}
.cd-auto-hide-header .nav-trigger span {
  /* vertically align inside parent element */
  display: table-cell;
  vertical-align: middle;
}
.cd-auto-hide-header .nav-trigger em, .cd-auto-hide-header .nav-trigger em::after, .cd-auto-hide-header .nav-trigger em::before {
  /* this is the menu icon */
  display: block;
  position: relative;
  height: 2px;
  width: 22px;
  background-color: #25283D;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.cd-auto-hide-header .nav-trigger em {
  /* this is the menu central line */
  margin: 6px auto 14px;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
}
.cd-auto-hide-header .nav-trigger em::before, .cd-auto-hide-header .nav-trigger em::after {
  position: absolute;
  content: '';
  left: 0;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
}
.cd-auto-hide-header .nav-trigger em::before {
  /* this is the menu icon top line */
  -webkit-transform: translateY(-6px);
      -ms-transform: translateY(-6px);
          transform: translateY(-6px);
}
.cd-auto-hide-header .nav-trigger em::after {
  /* this is the menu icon bottom line */
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
}
@media only screen and (min-width: 1024px) {
  .cd-auto-hide-header .nav-trigger {
    display: none;
  }
}

.cd-auto-hide-header.nav-open .nav-trigger em {
  /* transform menu icon into a 'X' icon */
  background-color: rgba(255, 255, 255, 0);
}
.cd-auto-hide-header.nav-open .nav-trigger em::before {
  /* rotate top line */
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.cd-auto-hide-header.nav-open .nav-trigger em::after {
  /* rotate bottom line */
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}




.cd-primary-nav{display:inline-block;float:right;height:100%;padding-right:5%;}
.cd-primary-nav .mMenuWrap{display:none;position:absolute;z-index:2;top:60px;bottom:0;left:0;width:100%;height:100%;background-color:#ffffff;}
.cd-primary-nav .mMenuWrap .navigation{background-color:#fff;}


.cd-primary-nav > ul a {
  /* target primary-nav links */
  display: block;
  height: 50px;
  line-height: 50px;
  padding-left: 5%;
  color: #25283D;
  font-size: 1.8rem;
  border-top: 1px solid #f2f2f2;
}
.cd-primary-nav > ul a:hover, .cd-primary-nav > ul a.active {
  color: #8F3985;
}
@media only screen and (min-width: 1024px) {
  .cd-primary-nav {
    /* vertically align its content */
    display: table;
  }
  .cd-primary-nav > ul {
    /* vertically align inside parent element */
    display: table-cell;
    vertical-align: middle;
    /* reset mobile style */
    position: relative;
    width: auto;
    top: 0;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
  }
  .cd-primary-nav > ul::after {
    clear: both;
    content: "";
    display: block;
  }
  .cd-primary-nav > ul li {
    display: inline-block;
    float: left;
    margin-right: 1.5em;
  }
  .cd-primary-nav > ul li:last-of-type {
    margin-right: 0;
  }
  .cd-primary-nav > ul a {
    /* reset mobile style */
    height: auto;
    line-height: normal;
    padding: 0;
    border: none;
  }
}
@media only screen and (min-width: 1024px) {
  .nav-open .cd-primary-nav ul,
  .cd-primary-nav ul:target {
    display: table-cell;
  }
}
/* -------------------------------- 

2. Auto-Hiding Navigation - with Sub Nav

-------------------------------- */
.nav-open .cd-primary-nav .mMenuWrap,.cd-primary-nav .mMenuWrap:target{display:block;}
.cd-secondary-nav {position:fixed; top:0; z-index:2;clear:both;width:100%;/*height:55px;*/background-color:#fff;
  -webkit-transform: translateZ(0);transform: translateZ(0);will-change:transform;-webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;transition: transform .5s;transition: transform .5s, -webkit-transform .5s;}
.cd-auto-hide-header.cd-secondary-nav .topmenu,
.cd-auto-hide-header.cd-secondary-nav .TopView{background-color:#fff;}
.cd-auto-hide-header.is-hidden.cd-secondary-nav .topmenu,
.cd-auto-hide-header.is-hidden.cd-secondary-nav .TopView{background-color:#2ecebf;}

.navbar-default .navbar-toggle{position:absolute;width:25px;height:30px;top:6px;right:0;border:0;padding:0;border-radius:0;margin-right:0;z-index:9999;}
.navbar-default .navbar-toggle.state::before  {content: attr(data-text); display: inline-block; text-align: center; min-width: 18px; min-height: 18px; border-radius: 50%; position: absolute; top:-3px; right: -8px; color: #fff; background-color: #ff5641;}
.navbar-default .navbar-toggle.state.is-open::before {display: none;}
.navbar-default .navbar-toggle {background:url("../../img/default/menu.svg") no-repeat 50% 50%;}
.navbar-default .navbar-toggle.is-open {background:url("../../img/default/close.svg") no-repeat 50% 50%;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color:transparent;}	
.navbar-default{background-color:transparent;}
.navbar-default .navbar-brand.logo{width:130px;padding:15px 0 0 15px;}
.navbar-default .navbar-brand.logo img{width:100%;height:auto;}
.navbar-default .navbar-offcanvas {background-color:#fff;}/*모바일배경*/
.offcanvas-stop-scrolling {height:100%;overflow:hidden;}

.navbar-inverse .navbar-offcanvas {background-color:#222;}
.navbar-offcanvas h3{background-color:#008DF9;color:#fff;}
.navbar-toggle .icon-bar{width:24px;height:2px;border-radius:0; }
.navbar-toggle .icon-bar+.icon-bar{margin-top:5px;}

.navbar-offcanvas {position:fixed;width:100%;max-width:1023px;height:100vh;left:1024px;top: 0;padding-left: 0;padding-right:0;z-index: 999;overflow: scroll;-webkit-overflow-scrolling: touch;-webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in; }
.navbar-offcanvas.in {box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }
.navbar-offcanvas.navbar-offcanvas-fade {opacity:0;}
.navbar-offcanvas.navbar-offcanvas-fade.in {opacity:1;}
.navbar-offcanvas.offcanvas-transform.in {-webkit-transform: translateX(-1024px);-ms-transform: translateX(-1024px);transform: translateX(-1024px); }
.navbar-offcanvas.offcanvas-position.in {left: 0; }
.navbar-offcanvas.navbar-offcanvas-right {left:auto;right:-1024px; }
.navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {-webkit-transform: ranslateX(-1024px);-ms-transform: translateX(-1024px);transform: translateX(-1024px); }
.navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in {left: auto;right: 0; }
.navbar-offcanvas.dropdown.active .caret {border-top: 0;border-bottom: 4px solid; }
.navbar-offcanvas.dropdown-menu {position: relative;width: 100%;border: inherit;box-shadow: none;-webkit-transition: height 0.15s ease-in;transition: height 0.15s ease-in;border-radius:0; }
.navbar-offcanvas.dropdown-menu.shown {display: block;margin-bottom: 10px; }
.navbar-offcanvas h3{font-size:1.2em;font-weight:700;padding:20px 15px;margin:0;}
.offcanvas-toggle {display:block;}


.navbar-form {float: none !important;padding: 10px 15px;margin: 8px -15px;border-top: 1px solid transparent;border-bottom: 1px solid transparent;-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); }
.navbar-form .form-group {width: 100%;margin-bottom: 5px;}
.navbar-form .form-group input {width: 100%; }
.navbar-nav {margin:0 -15px;float: none !important; }
.navbar-nav > li {float: none;border-bottom: 1px solid #111;}
	
.navbar-nav > li > a {font-weight:700;padding:14px 20px;color:#fff;font-size:1.15em;}
.navbar{margin-bottom:0 !important;}
/*.navbar-default{border:0;height:65px;}*/
.navbar-default .navbar-nav > li > a{color:#eaeaea !important;}
.navbar-default .navbar-nav > li > a:hover{color:#fff;}
	
.navbar-nav li.dropdown.open .dropdown-menu {position: static;float: none;width: auto;margin-top: 0;border: 0;-webkit-box-shadow: none;box-shadow: none;border-radius:0; } 
.navbar-nav li.dropdown.open .dropdown-menu > li >a{color:#eaeaea;}	
.navbar-nav li.dropdown.open .dropdown-menu > li >a:hover{color:#fff;}	

.navbar-nav .open .dropdown-menu{background-color:#000;border-radius:0}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#eaeaea;line-height:30px;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background:#222;color:#fff;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background:#000;color:#fff !important;}
.offcanvas-toggle {background-color:transparent;}	
.offcanvas-toggle .icon-bar{background:#000 !important;-webkit-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
.offcanvas-toggle.is-open .icon-bar:nth-child(1) {
-webkit-transform: rotate(45deg) translate(6px,6px);  
-ms-transform: rotate(45deg) translate(6px, 6px);
transform: rotate(45deg) translate(6px, 6px); }
.offcanvas-toggle.is-open .icon-bar:nth-child(2) {
opacity: 0; }
.offcanvas-toggle.is-open .icon-bar:nth-child(3) {
-webkit-transform: rotate(-45deg) translate(4px, -4px);
-ms-transform: rotate(-45deg) translate(4px, -4px);
transform: rotate(-45deg) translate(4px, -4px);}

.cd-search-nav a {-webkit-tap-highlight-color: transparent;}
.cd-search-nav .navLayout {position: fixed; top: 0; left: 0; z-index:100000; width: 100%; height: 100vh; background-color:#ffffff; }
.cd-search-nav .navLayout .searchBox{display: flex; align-items: center; justify-content: space-between; padding: 0 5%; width:100%; height:56px;}
.cd-search-nav .navLayout .searchBox form {width:calc(90% - 10px);}
.cd-search-nav .navLayout .searchBox form .search {position:relative; width: 100%; border-radius:40px; display: flex; align-items: center; justify-content: space-between; background:#f4f4f4;  border-radius : 5px; }
.cd-search-nav .navLayout .searchBox form .search input{display:inline-block;border:none !important;margin-right:2px;text-indent:0px;color:#666;font-size:16px !important;line-height:42px; padding-left: 12px; background-color: transparent !important;}
.cd-search-nav .navLayout .searchBox form .search input::placeholder { color:#b5b5b5 !important; }
.cd-search-nav .navLayout .searchBox form .search input:focus {outline:0 !important;}
.cd-search-nav .navLayout .searchBox form .search .srhIconBtn {padding:0; margin-right:8px; border:none;box-shadow:none; width:23px;height:23px;display:inline-block;background-image:url("../../img/waiter/icon7.png");background-repeat:no-repeat;vertical-align:middle;font-size:0;background-position:-172px 0;}
.cd-search-nav .navLayout .searchBox form .search .srhbtn{position:absolute;top:0;right:0;width:20%;background-color:#3274CB;color:#fff;display:inline-block;width:20%;font-size:0.9rem;line-height:42px;border-radius:30px;text-align:center;} 
.cd-search-nav .navLayout .previewBox {padding: 16px 5%; border-top: 1px solid rgb(243, 243, 243); overflow: auto; height: calc(100vh - 56px);}
.cd-search-nav .navLayout .previewBox ul {margin-bottom: 56px;}
.cd-search-nav .navLayout .previewBox ul li .chips {display: flex; flex-wrap: wrap; gap:8px;}
.cd-search-nav .navLayout .previewBox ul li .chips .v-chip .v-chip__content {font-size: 14px;}
.cd-search-nav .navLayout .previewBox ul li a {display: grid; grid-template-columns: 42px 1fr 42px; gap:10px; align-items: center; -webkit-tap-highlight-color: initial;}
.cd-search-nav .navLayout .previewBox ul li a span {font-size: 12px; letter-spacing: -1px; text-align: center; font-weight: 300;}
.cd-search-nav .navLayout .previewBox ul li a .boxName {display: flex; justify-content: center; align-items: center; border-radius: 12px; width: 42px; height: 42px; word-break: keep-all; line-height: 1.1; font-weight: 400; overflow: hidden;}
.cd-search-nav .navLayout .previewBox ul li a .comName {font-size: 14px; font-weight: 400;}
.cd-search-nav .navLayout .previewBox ul li b,
.cd-search-nav .navLayout .previewBox ul li p {display: block; font-size: 14px;}
.cd-search-nav .back em {width:26px;height:20px;background-size:260px 260px;background-position:-172px -184px;}
.cd-search-nav .open-search-box {width:30px; height:30px; position:absolute; top:6px; right:36px; margin:6px 0 8px; margin-right:5%; display: inline-block; background-image: url("../../img/waiter/magnify.svg"); background-repeat: no-repeat; background-size: 32px; background-position: center; vertical-align: middle; font-size: 0;}
.cd-search-nav .close-search-box {display:flex; justify-content:center; align-items:center; width:30px; height:30px; font-size:14px;}

/* 페이징 */
.navPagination.mobile {display: none;}
.navPagination { text-align: center; margin: 20px auto; font-size: 0.8rem; font-family: 'Nanum Gothic';}
.navPagination a {display: inline-block; min-width: 24px; margin: 0 12px; color: #c7c7c7;}
.navPagination .now {color:#000; font-weight:bold;}

.navPage { text-align: center; margin: 20px auto; }
.navPage > span > div { display: inline-block; }
.navPage > span > div > a,
.navPage .page_prev,
.navPage .page_next,
.navPage .page_prev_no, 
.navPage .page_prev0_no, 
.navPage .page_prev0, 
.navPage .page_next0, 
.navPage .page_next0_no, 
.navPage .page_next_no, 
.navPage .page_nomal, 
.navPage .page_now { display: inline-block; font-family: Arial,sans-serif; font-size: 0.75rem; color: #C7C7C7; width: auto; height: auto; line-height: 1.5; vertical-align: middle; }
.navPage .page_prev,
.navPage .page_next,
.navPage .page_prev_no, 
.navPage .page_prev0_no, 
.navPage .page_prev0, 
.navPage .page_next0, 
.navPage .page_next0_no, 
.navPage .page_next_no, 
.navPage .page_nomal, 
.navPage .page_now { margin: 0 .875rem; }
.navPage .page_prev_no, 
.navPage .page_prev0_no, 
.navPage .page_next0_no, 
.navPage .page_next_no { opacity: 0.5; }
.navPage .page_now { color: #000; font-weight: bold; }
.navPage .page_prev0:hover a,
.navPage .page_next0:hover a,
.navPage .page_prev:hover a,
.navPage .page_next:hover a { color: #3274CB; }
.navPage .page_prev0:hover,
.navPage .page_next0:hover,
.navPage .page_prev:hover,
.navPage .page_next:hover { border: 0; }
@media screen and (max-width:960px) {  
  .navPagination.desktop {display: none;} 
  .navPagination.mobile {display: block;}
  .navPagination a {margin: 0 6px;}

  .navPage .page_prev,
  .navPage .page_next,
  .navPage .page_prev_no, 
  .navPage .page_prev0_no, 
  .navPage .page_prev0, 
  .navPage .page_next0, 
  .navPage .page_next0_no, 
  .navPage .page_next_no, 
  .navPage .page_nomal, 
  .navPage .page_now { margin: 0 .75rem; }
}
@media screen and (max-width:374px) {  
  .navPagination a {margin: 0 4px;}
}


@-webkit-keyframes wspinner {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes wspinner {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.wspinner {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: -.125em;
    border: 5px solid #000;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite wspinner;
    animation: .75s linear infinite wspinner;
}

#changePackageStart {}
#changePackageStart .box > p { margin-bottom: 15px; }
#changePackageStart .package_wrap { margin: 10px auto; }
#changePackageStart .package_wrap > p { border: 0px solid #ddd; padding: 0; border-radius: 15px; line-height: 30px; }
#changePackageStart .package_wrap label { font-weight: normal; }
#changePackageStart .package_wrap u,
#changePackageStart .package_wrap b { display: inline-block; font-style: normal; text-decoration: none; }
#changePackageStart .package_wrap em { display: inline-block; font-style: normal; text-decoration: none; }
#changePackageStart .package_wrap label span u em { width: 22px; text-align: right; }
#changePackageStart .package_wrap label span u:nth-child(2) em { width: 90px; text-align: right; color: #3274cb;}
#changePackageStart .package_wrap label span b em { width: 80px; text-align: right; }

.main_list_more_btn { width: 150px; height: 40px; border-radius: 20px; background-color: #fff; border: 1px solid #ddd; }

#jumpCharge, #addtCharge { width: 480px; }
@media screen and (max-width: 1024px) {
  #jumpCharge, #addtCharge { width: 90%; }
  /*
  #jumpCharge ul.wd3 li, #addtCharge ul.wd3 li, #takeCharge ul.wd3 li { width: 50%; }
  #jumpCharge ul.wd5 li, #addtCharge ul.wd5 li, #takeCharge ul.wd5 li { width: 33.33333%; }
  */
}

/*버튼스타일*/
.bigbtn5 {text-align:center;margin:20px 0;}
.bigbtn5 button,
.bigbtn5 a {display:inline-block;border:1px solid #DEDEDE;color:#878787;padding:12px 0;min-width:120px;font-size:0.95rem;border-radius:30px; vertical-align: middle; margin: 5px 5px; }
.bigbtn5 button:hover,
.bigbtn5 a:hover {border-color:#000;color:#000;}
.bigbtn5 button[type="submit"] {border-color:#3274CB;color:#3274CB;}
.bigbtn5 button[type="submit"]:hover {border-color:#000;color:#000;}

/* 게시판 비번 입력 */
.input_password { margin: 50px auto; max-width: 320px; }
.input_password dt { margin-bottom: 20px; }
.input_password dt,
.input_password dd { text-align: center; }
.input_password input { text-align: center; }

/* 커뮤니티 배너 (모바일 처리) */
.comuBannerMobile { display: none; }
@media screen and (max-width: 1024px) {
  .comuBannerPC { display: none; }
  .comuBannerMobile { display: block; }
}

/* 19금 */
.AdultWrap { text-align: center; overflow: hidden; margin: 90px auto 100px; max-width: 800px; }
.AdultWrap p { margin: 10px 0; font-size: 16px; }
.AdultWrap p a {color: #3173CB; text-decoration: underline; text-underline-position: under;} 
.AdultWrap p a:hover {text-decoration: none;}
.AdultWrap em.naver{width:18px;height:18px;margin-right:2px;background-position:-293px 2px;}
.AdultWrap em.google{width:18px;height:18px;margin-right:2px;background-position:-354px 2px;}
.AdultWrap em.kakao{width:18px;height:18px;margin-right:2px;background-position:-321px 2px;}
.AdultWrap em.waiter{width:18px;height:18px;margin-right:2px;background-position:-382px 2px;}

#takePack {}
#takeList { border-top: 1px solid #eee; padding-top: 15px; }

.required { color: red; }

#moguide.Layer.checkLyr .btnWrap .cancel:before{left:0;}

/* 모바일 v-dialog */

.topmenu .business.text--disabled {pointer-events: none;}
.topmenu .business.text--disabled a {color:#b5b5b5 !important;}
.topmenu .business.text--disabled::before {width: 0 !important;}
.cd-auto-hide-header.is-hidden .topmenu .business.text--disabled a {color:#afcbff !important;}
.topmenu .scale a.selected,
.topmenu .business a.selected {font-size: 11px; white-space: nowrap; display: inline-block; margin-top: 2px;}

.overflow-y-hidden{overflow-y: hidden!important;}
.overflow-hidden{overflow: hidden}
.bottom-sheet-mask {align-items: center; position: fixed; z-index: 4; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); display: table; transition: opacity .3s ease;}
.document {align-items: center; display: flex; height: 100%; justify-content: center; left: 0; pointer-events: none; position: fixed; top: 0; transition: .2s cubic-bezier(.25,.8,.25,1),z-index 1ms; width: 100%; z-index: 6; outline: none;}
.t-dialog {align-self: flex-end; margin: 0px; overflow-y: auto; pointer-events: auto; transition: .3s cubic-bezier(.25,.8,.25,1); width: 100%; z-index: inherit; box-shadow: 0 11px 15px -7px rgb(0 0 0 / 20%), 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%);}
.v-sheet {max-height: 45vh; box-shadow: 0 0 0 0 rgb(0 0 0 / 20%), 0 0 0 0 rgb(0 0 0 / 14%), 0 0 0 0 rgb(0 0 0 / 12%); background-color: #fff; border-color: #fff; color: rgba(0,0,0,.87);}
.mobile-bottom-sheet-list {max-height: 45vh; overflow-y: scroll; -webkit-overflow-scrolling: auto;}
.mobile-bottom-sheet-list .v-list-item a {grid-column: 1 / 4;}
.v-list-item {align-items: center; display: flex; flex: 1 1 100%; letter-spacing: normal; font-size: 16px; min-height: 48px; outline: none; padding: 0 0px; position: relative; text-decoration: none;}
.v-list-item a {color: #999;}
.v-list-item.select a {color:#2ecebf; font-weight: 500;}
.v-list-item.type {background: transparent;}
.v-list-item.type a {margin-top:10px; margin-bottom:10px; display: flex; justify-content: center; align-items: center;}
.v-list-item.type a.adult::after {content: ''; display:inline-block; margin-top: 2px; margin-left: 6px; width: 20px; height: 20px; background-size: 20px; background-image: url("../../img/waiter/19.png"); background-repeat: no-repeat;}
.mobile-bottom-sheet-list-item-link{width: 100%;min-height: 40px;line-height: 40px;text-align: center;}


/* 모바일 v-dialog animation */
.bottom-sheet-enter-active, 
.bottom-sheet-leave-active{opacity: 0;transition: all .3s ease;}

.bottom-sheet-enter-active .bottom-sheet-container, 
.bottom-sheet-leave-active .bottom-sheet-container {transform: translate(0, 100%);}

/* 모바일 검색창 메뉴창으로 전환 */
#searchBar.searchBarMenu {justify-content: space-between; background-color: #2ecebf; border-radius: 0; padding: 0!important;}
.searchBarMenu a {-webkit-tap-highlight-color: transparent;}
.searchBarMenu .tab {display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; white-space: nowrap; color: #fff; padding: 9px 5px; width: 25%; text-align: center;}
.searchBarMenu a.on {color:#fff; /*border-bottom: 2px solid #3274cb;*/}
.searchBarMenu a.new {position: relative; display: flex; justify-content: center;}
.searchBarMenu a.new::after {content: ''; display: block; width: 4px; height: 4px; border-radius: 2px; background-color: #f25b00; position: absolute; transform: translateX(26px);}
.searchBarMenu .bbs-write-btn {position:absolute; right:20px; top:-70px; padding: 20px 15px; background-color: #2ecebf; width:48px; height:48px; border-radius:50%; display:flex; align-items:center; justify-content:center; opacity: 0.8;}
.searchBarMenu .tab:before {content: ''; display: block; width: 25px; height: 25px; background-image: url("../../img/waiter/icon7.png");}
.searchBarMenu .tab:nth-child(1):before {background-position: -62px -24px;}
.searchBarMenu .tab:nth-child(2):before {background-position: -93px -24px;}
.searchBarMenu .tab:nth-child(3):before {background-position: -127px -24px;}
.searchBarMenu .tab:nth-child(4):before {background-position: -160px -24px;}

@media (max-width:374px) {
  .searchBarMenu a {padding: 5px; font-size: 11px;}
}
/*
.searchBarMenu a {
  position: relative;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  text-decoration: none;
  overflow: hidden;
}

.searchBarMenu a:after {
  content: "";
  background: rgba(255, 255, 255, .3);
  display: block;
  position: absolute;
  padding-top: 300%;
  padding-left: 350%;
  margin-left: -20px!important;
  margin-top: -120%;
  opacity: 0;
  transition: all 0.8s
}

.searchBarMenu a:active:after {
  padding: 0;
  margin: 0;
  opacity: 1;
  transition: 0s
}
*/

/* 이력서 작성 */
.resume-alert {display: flex; justify-content: center; align-items: center; padding: 16px; margin: 16px auto 0; max-width:640px; border-radius: 30px; line-height:1.5; font-size:13px; background-color:#f5f9ff;}
.resume-alert span {display: inline-block; color:#3274cb;}
@media (max-width:960px) {
  .resume-alert {flex-direction: column;}
}
#resumeForm .submit {text-align: center; margin-bottom: 55px;}
#resumeForm .submit a {display: inline-block; padding:12px 80px; border: 1px solid #e5e5e5; border-radius: 20px;}
#resumeForm .submit a:hover {border-color: #b2b2b2; box-shadow: 0 1px 3px 0 rgb(0 0 0 / 5%);}
.resume_step {margin-top: 50px;}
.resume_step .warning {color: #f98585 !important; font-size: 13px;}
.resume_step .profiles,
.resume_step .work,
.resume_step .school,
.resume_step .career,
.resume_step .career_extra,
.resume_step .license,
.resume_step .introduction,
.resume_step .files,
.resume_step .open_confirm {margin-bottom: 55px;}
.resume_step .form_box .bundle {margin-top: 30px; position: relative;}
.resume_step .form_box .bundle .remove-form-btn {position: absolute; top: 0; right: 0; width: 21px; height: 21px; font-size: 0px !important; padding: 0; margin-top: 7px; margin-left: 8px; border: 1px solid #dedede; border-radius: 50%; background-image: url("../../img/waiter/icon7.png"); background-position: -19px 0px;}
.resume_step .resume_box {display: flex; flex-wrap: wrap;}
.resume_step .resume_box.mt {margin-top: 20px;}
.resume_step .resume_box .tit {margin-top: 8px; width: 20%;}
.resume_step .resume_box .main_tit {margin-top: 8px; display: inline-block; font-weight: 500; font-size: 1rem;}
.resume_step .resume_box .main_tit span {font-size: 14px; margin-left: 6px; color: #c6c6c6;}
.resume_step .resume_box .main_tit.mb {margin-bottom: 30px;}
.resume_step .resume_box .sub_tit {margin-top: 8px; width: 20%; font-size: 14px; color:#afafaf;}
.resume_step .resume_box .h_form {width: 80%; margin-bottom: 30px;}
.resume_step .resume_box .h_form .resume-default {font-size: 14px; margin-right: 8px;}
.resume_step .resume_box .width_full {width: 100%; margin-bottom: 40px;}
.resume_step .resume_box .h_form .add-form-btn {font-size: 0px !important; width: 36px; height: 36px; background-image: url("../../img/waiter/plus.png"); background-position: 0 0; background-size: cover;}
.resume_step .resume_box .h_form .remove-form-btn {font-size: 0px !important; width: 36px; height: 36px; background-image: url("../../img/waiter/minus.png"); background-position: 0 0; background-size: cover;}
.resume_step .resume_box .h_form .mt-resume {margin-top: 8px; display: inline-block;}
.resume_step .resume_box .h_form .mb-resume {margin-bottom: 55px; display: inline-block;}
.resume_step .resume_box .h_form.combobox .bundle {display: flex; flex-wrap: wrap; align-items: center; width:100%; margin-bottom: 15px;}
.resume_step .resume_box .h_form.combobox .bundle a {border: none; padding: 0; box-shadow: unset;}
.resume_step .resume_box .h_form.combobox .bundle input {border: none;}
.resume_step .resume_box .h_form.combobox .bundle .combo {border-bottom: 1px solid #dfdfdf;}
.resume_step .resume_box .h_form.combobox .bundle .combo-arrow {background-image: url("../../img/waiter/select_arrow.png"); background-position-x: 5px; opacity: 1;}
.resume_step .resume_box .h_form .short_input {width: 161px; padding-left: 2px;}
.resume_step .resume_box .h_form .short_input.year {width: 80px;}
.resume_step .resume_box .h_form .short_input.age {width: 40px;}
.resume_step .resume_box .h_form .short_input.gender {width: 40px;}
.resume_step .resume_box .h_form .middle_input {width: 348px; padding-left: 2px;}
.resume_step .resume_box .h_form em {padding: 8px; display: inline-block;}
.resume_step .resume_box .h_form .suffix {font-size: 14px; width: 20px; height: 40px; border-bottom: 1px solid transparent; background-color: transparent;}
.resume_step .resume_box .h_form .check_form {display: flex; flex-wrap:wrap; align-items: center; height:40px;}
.resume_step .resume_box .h_form .check_form li {min-width: 120px;}
.resume_step .resume_box .h_form .h-check span {color:#a8a8a8;}
.resume_step .resume_box .bytes_check {display: block; width: 100%; height: 0; color: #d1d1d1; text-align: right; position: relative; top: -48px;}
.resume_step .resume_box .bytes_check::after {content: '/'attr(data-bytes);}
.resume_step .resume_box .resume-btn {border: none; padding: 0; color:#3274CB; text-decoration: underline; text-underline-position: under; text-transform: unset; vertical-align: unset;}
.resume_step .resume_box .resume-btn:hover {text-decoration: none;}
.resume_step .resume_box #imagePreview {display: flex;}
.resume_step .resume_box #imagePreview .thumb {position: relative; display: inline-block; padding: 0 !important; margin-top: 8px;}
.resume_step .resume_box #imagePreview .thumb .thumb_box {padding: 0; width: 135px; height:160px; border: 1px solid #f0f0f0; background-color: #f6f6f6; border-radius: 35px; background-position: center center; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.resume_step .resume_box #imagePreview .thumb .thumb_box:hover {background-color: #ededed;}
.resume_step .resume_box #imagePreview .thumb .thumb_box .add-btn {width: 21px; height: 21px; font-size: 0px !important; padding: 0; margin-bottom: 10px; border-radius: 50%; background-image: url("../../img/waiter/icon_add.png");}
.resume_step .resume_box #imagePreview .thumb .del-btn {position: absolute; top: 0px; right: 0px; width: 21px; height: 21px; font-size: 0px !important; padding: 0; border-radius: 50%; background-image: url("../../img/waiter/icon_close.png"); background-position: -1px -1px;}
.resume_step .school .add-form-btn,
.resume_step .career .add-form-btn,
.resume_step .career_extra .add-form-btn,
.resume_step .license .add-form-btn {display:block; width:100%; padding:8px 0; margin-top: 16px; color: #a9a9a9; text-align: center; border: 1px solid #eaeaea; border-radius: 4px;}
.resume_step .school .add-form-btn:hover,
.resume_step .career .add-form-btn:hover,
.resume_step .career_extra .add-form-btn:hover,
.resume_step .license .add-form-btn:hover {background-color: #ededed;}
.resume_step .career_extra textarea {min-height:120px;}
.resume_step .introduction textarea {min-height:250px;}
.resume_step .resume_box #filePreview .thumb {margin-bottom: 8px; display: flex; align-items: center;}
.resume_step .resume_box #filePreview .thumb a {font-weight: 400; color: #666666;}
.resume_step .resume_box #filePreview .thumb.upload a {padding: 0; border: none;}
.resume_step .resume_box #filePreview .thumb.upload a.thumb_box {color: #3274CB;}
.resume_step .resume_box #filePreview .thumb.upload a.del-btn {width: 21px; height: 21px; font-size: 0px !important; padding: 0; margin-top: 3px; margin-left: 8px; border: 1px solid #dedede; border-radius: 50%; background-image: url("../../img/waiter/icon7.png"); background-position: -298px -138px;}
.resume_step .agreebox span {font-size: 0.9rem; color: #343434;}
.resume_step .agreebox input[type="checkbox"] {display: none;}
.resume_step .agreebox input[type="checkbox"] + label { display: inline-block; vertical-align: middle; width: 40px; height: 20px; position: relative; -webkit-transition: 0.3s; transition: 0.3s; margin: 0px 20px; box-sizing: border-box;}
.resume_step .agreebox .icheck + label {background: #ddd;border-radius: 20px;}
.resume_step .agreebox .icheck:checked + label.blue {background: #3274CB;}
.resume_step .agreebox .icheck:checked + label.blue:after {background: #ffffff;}
.resume_step .agreebox .icheck:checked + label:after {left: calc(100% - 18px)}
.resume_step .agreebox input[type="checkbox"] + label:after {content: '';display: block;position: absolute;left: 2px;top: 2px;width: 16px;height: 16px;-webkit-transition: 0.3s;transition: 0.3s;cursor: pointer;}
.resume_step .agreebox .icheck + label:after {background: #fff;border-radius: 50%;width: 16px;height: 16px;top: 2px;left: 2px;}
.Layer.bizLyr .validator-content {white-space: pre;}
.Layer.bizLyr .modify-href.show {display: inline-block !important;}

@media screen and (max-width: 1024px) {
  .resume_step .resume_box .tit,
  .resume_step .resume_box .main_tit,
  .resume_step .resume_box .sub_tit,
  .resume_step .resume_box .h_form {width: 100%;}
  .resume_step .resume_box .h_form .check_form {margin-top: 16px;}
  .resume_step .resume_box .main_tit span {display: inline-block; width: 100%; margin-left: 0; margin-top: 8px;}
}

/* 공용 */
.d-none {display: none !important;}
.d-flex {display: flex !important;}
.d-inline {display: inline !important;}
.d-block {display: block !important;}
.d-inline-block {display: inline-block !important;}
.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}


/* 이력서 열람 메인 PC */
.resume_open h3{display:block;color:#000;font-size:1.3rem;font-weight:500;}
.resume_open ul{overflow:hidden; margin-top: 25px;}
.resume_open ul li{float:left;width:310px;}
.resume_open ul li:nth-child(3n+1){margin: 25px 9px 10px 0;}
.resume_open ul li:nth-child(3n+2){margin: 25px 6px 10px;}
.resume_open ul li:nth-child(3n+3){margin: 25px 0 10px 9px;}
.resume_open ul li a{display:block;font-size:1.2rem;border:1px solid #e4e3e3;border-radius: 4px;}
.resume_open ul li a .tit{padding:10px 20px 8px; display: flex; height: 79px;}
.resume_open ul li a .tit .thumb{width: 60px; height: 60px;border-radius:24px;overflow:hidden;}
.resume_open ul li a .tit .thumb .media{width: 60px; height: 60px;border-radius:24px;overflow:hidden;background-repeat: no-repeat; background-position: center center; background-size: cover;}
.resume_open ul li a .tit .thumb .media.non-member-blur{filter: blur(12px);}
.resume_open ul li a .tit .tit_box{display: flex; flex-wrap: wrap; padding-left: 20px; width: 188px;}
.resume_open ul li a .tit .tit_box .line{display: flex; width: 100%; align-items: center;}
.resume_open ul li a .tit .tit_box .line span {margin-bottom: 0;}
.resume_open ul li a .tit .tit_box .line .name {color:#333333; margin-right: 10px; font-weight: bold;}
.resume_open ul li a .tit .tit_box .line .age {color:#666666;}
.resume_open ul li a .tit .tit_box .line .career {color:#2674bd; margin-right: 10px;}
.resume_open ul li a .tit .tit_box .line .area {color:#a1a1a1;}
.resume_open ul li a .tit .scrap .icon {width: 20px; height: 20px; margin-top: 6px;}
.resume_open ul li a .tit .scrap.scrap_off .icon{background-position: -290px -172px; filter: brightness(0.5); opacity: 0.2;}
.resume_open ul li a em{display:block;color:#6c6c6c;font-size:0.9rem;font-weight:300;font-style:normal;}
.resume_open ul li a h4{position:relative;color:#000;font-size:16px;font-weight:700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.resume_open ul li a .box{padding:8px 20px 10px; height: 79px;}
.resume_open ul li a span{display:block;font-size:0.9rem;color:#676767;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.resume_open ul li a .tag{display: flex; justify-content: space-between; color:#9F9F9F;font-size:0.85rem;  height: 42px; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; }
.resume_open ul li a .scrap-resume{display: inline;}
.resume_open ul li a .scrap-resume .icon{background-size: 400px; width:20px; height:20px; font-size:0px;}
.resume_open ul li a .scrap-resume.on .icon{background-position: -321px -172px;}
.resume_open ul li a .scrap-resume.off .icon{background-position: -290px -172px;  filter:brightness(0.5); opacity: 0.2;}
.resume_open ul li a:hover{border-color:#BDD9FF;}
.resume_open ul li:hover .tit h4{color:#3C7ACD;}
.resume_open ul li:hover .box{background-color:#F8FBFF;}
.public .txtbox .career {color: #2674bd;}
.public .scrap-resume{display: inline;}
.public .scrap-resume .icon{background-size: 400px; width:20px; height:20px; font-size:0px;}
.public .scrap-resume.on .icon{background-position: -321px -172px;}
.public .scrap-resume.off .icon{background-position: -290px -172px;  filter:brightness(0.5); opacity: 0.2;}

/* 이력서 열람 메인 Mobile */
.Mresume_open{margin-top:0px;}
.Mresume_open h3{font-size:0.9rem;color:#B5B5B5;font-weight:400;margin-bottom:10px;}
.Mresume_open ul li{position:relative;margin-top:10px;margin-bottom:20px;}
.Mresume_open ul li > a{display:block;}
.Mresume_open .fl{float:left;margin-right:15px;}
.Mresume_open .thumb{position:relative; width:74px;height:74px;border-radius:32px;overflow:hidden;background-repeat: no-repeat; background-position: center center; background-size: cover;}
.Mresume_open .thumb span{position:absolute;top:0;bottom:0;left:2px;right:2px;vertical-align:middle;text-align:center;z-index:1;color:#3274CB;font-size:0.9rem;font-weight:500;display:flex;align-items:center;justify-content:center;}
.Mresume_open .txtbox{overflow:hidden;padding-right:50px;}
.Mresume_open .txtbox h4{display:block;font-weight:300;font-size:1.05rem;margin:5px 0 4px;color:#151515;}
.Mresume_open .txtbox h4 em{display:inline-block;position:relative;padding-right:7px;margin-right:5px;}   
.Mresume_open .txtbox h4 em:before{content:'';position:absolute;top:5px;right:0;width:1px;height:16px;background-color:#777;}
.Mresume_open .txtbox h4 .age {display: inline; margin-left: 10px; color: #666666; font-size: 14px;}
.Mresume_open .txtbox span{display:block;font-size:0.85rem;margin-bottom:1px;color:#818181;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#151515;}
.Mresume_open .txtbox .tag{color:#858585;font-size:0.8rem;}
.Mresume_open .emp{position:absolute;top:20%;right:0;text-align:center;width:20px; }
.Mresume_open .emp p{margin-bottom:10px; position: relative; width: 20px; height: 20px; text-align: center;}
.Mresume_open .emp span{display:inline-block;background-color:#FF8A00;color:#fff;font-size:0.7rem;padding:1px 6px;border-radius:10px;}
.Mresume_open .emp a{display:block;}
.Mresume_open .emp a em{width:20px;height:20px;background-size:250px 250px;}
.Mresume_open .scrap-resume{display: inline;}
.Mresume_open .scrap-resume .icon{background-size: 400px; width:20px; height:20px; font-size:0px;}
.Mresume_open .scrap-resume.on .icon{background-position: -321px -172px;}
.Mresume_open .scrap-resume.off .icon{background-position: -290px -172px;  filter:brightness(0.5); opacity: 0.2;}
.Mpublic .txtbox .age {display: inline; margin-left: 10px; margin-right: 4px; color: #666666; font-size: 14px;}
.Mresume_open .txtbox .career,
.Mpublic .txtbox .career {color: #2674bd;}
.Mpublic .txtbox h4{display:block;font-weight:300;font-size:1.05rem;margin:5px 0 4px;color:#151515;}
.Mpublic .scrap-resume{display: inline;}
.Mpublic .scrap-resume .icon{background-size: 400px; width:20px; height:20px; font-size:0px;}
.Mpublic .scrap-resume.on .icon{background-position: -321px -172px;}
.Mpublic .scrap-resume.off .icon{background-position: -290px -172px;  filter:brightness(0.5); opacity: 0.2;}

/* 이력서 필터 PC */ 
.resume_filter {background-color:#F2F4F7; margin:50px 0 60px;}
.resume_filter .gnb {display: flex; flex-wrap: wrap; justify-content: space-between;}
.resume_filter .gnb .item {display: inline-block; padding: 0 8px; margin: 8px 0; border: 1px solid transparent;}
.resume_filter .filter_view,
.resume_filter .filter_area {padding: 10px 0; }
.resume_filter .filter_area .left {display: flex;}
.resume_filter .filter_area .left .input_box {margin-right: 100px;}
.resume_filter .filter_area .left .input_box span {font-size: 15px; font-weight: 700;}
.resume_filter .filter_area .left .input_box label {font-size: 15px; font-weight: 400; color:#737373; padding: 2px 8px 4px;}
.resume_filter .filter_area .left .input_box label:hover {cursor: pointer;}
.resume_filter .filter_area .left .input_box input {display: none;}
.resume_filter .filter_area .left .input_box input:checked + label {color: #2674bd; border-radius: 20px; border-color: #2674bd;}
.resume_filter .filter_area .right a.filter_submit {display: inline-block; background-color: #404040; color: #ffffff; padding: 2px 30px 4px; margin: 8px 12px; border-radius: 20px;} 
.resume_filter .filter_area .right a img {width: 19px; height: 19px; opacity: .6;}
.resume_filter .filter_view  .item {color: #a8a8a8; font-size: 14px;}
.resume_filter .filter_view .selected_filter span {color: #2674bd; display: inline-block; padding: 0px 8px; margin: 8px 0; font-size:14px;}

/* 이력서 필터 Mobile */
.Mresume_filter {display: flex; justify-content: space-between; align-items: center; background-color:#f5f5f5; padding:19px 15px;margin-bottom: 40px;}
.Mresume_filter_select .filter_sheet,
.Mresume_filter_select .filter_sheet .mobile-bottom-sheet-list {max-height: 98vh; height: 98vh; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.Mresume_filter_select .filter_sheet .mobile-bottom-sheet-list {padding-top: 20px;}
.Mresume_filter_select .filter_sheet .mobile-bottom-sheet-list .section {padding-top: 15px; margin:0 16px 15px; border-top: 1px solid #e3e3e3;}
.Mresume_filter_select .filter_sheet .mobile-bottom-sheet-list .section.action {display: flex; justify-content: space-between; padding: 0 16px 15px; margin: 0; border-top: none;}
.Mresume_filter_select .filter_sheet .mobile-bottom-sheet-list .section.action .Mresume_filter_close {display: flex; align-items: center;}
.Mresume_filter_select .filter_sheet .mobile-bottom-sheet-list .section.action .filter_submit {display: inline-block; background-color: #404040; color: #ffffff; padding: 2px 30px 4px; margin: 8px 24px 8px 0; border-radius: 20px;}
.Mresume_filter_select .filter_sheet .mobile-bottom-sheet-list .section span {display: block; padding:2px 12px; margin-bottom: 8px; font-size: 14px; font-weight: 700;}
.Mresume_filter_select .filter_sheet .mobile-bottom-sheet-list .section ul {display: flex; flex-wrap:wrap;}
.Mresume_filter_select .filter_sheet .mobile-bottom-sheet-list .section ul li {width: 50%;}
.Mresume_filter_select .filter_sheet .mobile-bottom-sheet-list .section ul li label {padding:2px 12px; margin: 4px 0; font-size: 14px; font-weight: 400; color:#666666; border: 1px solid transparent;}
.Mresume_filter_select .filter_sheet .mobile-bottom-sheet-list .section ul li label.checked {color: #2674bd !important; border-radius: 20px; border-color: #2674bd;}
.Mresume_filter .selected_filter {width: calc(100% - 65px); height: 17px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.Mresume_filter .selected_filter a {font-size:13px; font-weight: 300; color:#afafaf}
.Mresume_filter .selected_filter span {color: #2674bd; display: inline-block; padding: 0px 8px;}
.Mresume_filter .Mresume_filter_open {min-width: 65px; height: 17px;}

/* 이력서 열람 상세 */
.resume-old-alert {display: flex; justify-content: center; align-items: center; padding: 15px; margin: 16px auto 0; max-width:960px; line-height:1.5; font-size:13px; background-color:#fef4f4;}
.resume-old-alert span {display: inline-block; color:#e63c3c;}
@media (max-width:960px) {
  .resume-old-alert {flex-direction: column; margin: 16px 15px 0;}
}
.resume_view_profiles > * ,
.resume_view > * {box-sizing: border-box;}
.resume_title {margin-top: 60px; margin-bottom: 30px;}
.resume_view_profiles .profiles .career span{display: inline-block; background-color: #e6f4ff; color: #3274cb; padding: 1px 8px; margin-left: 4px; border-radius: 10px; text-align: center;} 
.resume_view_profiles {display: flex; flex-wrap: wrap;}
.resume_view_profiles #imagePreview .thumb {position: relative; display: inline-block; padding: 0 !important; margin-top: 8px; border-radius: 35px; overflow: hidden;}
.resume_view_profiles #imagePreview .thumb .thumb_box {padding: 0; width: 135px; height:160px; border: 1px solid #f0f0f0; background-color: #f6f6f6; background-position: center center; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.resume_view_profiles #imagePreview .thumb .thumb_box:hover {background-color: #ededed;}
.resume_view_profiles #imagePreview .career{display: none;}
.resume_view_profiles .profiles {display: flex; flex-wrap:wrap; width: calc(100% - 137px); padding: 16px 0 16px 38px;}
.resume_view_profiles .profiles .box {width:100%; display: flex; flex-wrap:wrap;}
.resume_view_profiles .profiles .box .item {width: 50%;}
.resume_view_profiles .profiles .box .item a {border: none; padding: 0; color:#3274CB; text-decoration: underline; text-underline-position: under; text-transform: unset; vertical-align: unset;}
.resume_view_profiles .profiles .box .item a:hover {text-decoration: none;}
.resume_view_profiles .profiles .box .item span {display: inline-block; width: 68px; border-right: 1px solid #dddddd; margin-right: 12px; color: #a1a1a1;}
.resume_view_profiles .action {width: 100%; margin-top: 40px; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px;}
.resume_view_profiles .action a {max-width: 220px; width: 31%; text-align: center; padding: 14px 0px; border: 1px solid #dddddd; border-radius: 24px;}
.resume_view_profiles .scrap-resume {display: flex; justify-content: center; align-items: center;}
.resume_view_profiles .scrap-resume.on {background-color: #fffcf4; border-color: #f4e2a5;}
.resume_view_profiles .scrap-resume em.icon {width: 16px; height:16px; margin-right: 8px;}
.resume_view_profiles .scrap-resume.on em.icon {background-size:160px 160px;background-position:-60px -133px;}
.resume_view_profiles .scrap-resume.off em.icon {background-size:160px 160px;background-position:-145px -133px; filter: brightness(0.6);}
.resume_view_profiles .scout {display: flex; justify-content: center; align-items: center;}
.resume_view_profiles .scout.on {background-color: #f5f9ff; border-color: #d0dff3; color:#3274cb;}
.resume_view_profiles .scout img {width: 16px; height:16px; margin-right: 8px;}
.resume_view_profiles .scout.off img {filter: brightness(0); opacity: 0.4;}
.resume_view {display: flex; flex-wrap: wrap; margin-top: 10px;margin-bottom: 30px;}
.resume_view .sub_tit {width:20%; margin-bottom: 30px;}
.resume_view .sub_tit span {display: inline-block; font-size: 16px; color:#888888; width: 100%; border-right: 1px solid #dddddd;}
.resume_view .sub_tit .effect {color: #3274cb; border-right: none;}
.resume_view .view {display: flex; flex-direction: column; width: 80%; padding-left:16px;}
.resume_view .view a {border: none; padding: 0; color:#3274CB; text-decoration: underline; text-underline-position: under; text-transform: unset; vertical-align: unset;}
.resume_view .view a:hover {text-decoration: none;}
.resume_view .view .item {display: flex; flex-direction: column; font-size:14px; margin-bottom: 40px;}
.resume_view .view .item.work {margin-bottom: 16px;}
.resume_view .view .item .title {font-size: 16px; font-weight: 500;}
.resume_view .view .item .title .major {color:#888888; margin-left: 8px; font-size: 15px; font-weight: 300; }
.resume_view .view .item .title .state {margin-left: 8px; font-size: 15px; font-weight: 300; }
.resume_view .view .item .sub {color: #888888; font-size: 14px; font-weight: 300;}
.resume_view .view .item .sub .career {color:#333333; margin-left: 16px; font-weight: 400;}
.resume_view .view .item .contents {display: flex; color: #888888;}
.resume_view .view .item .contents span {display: inline-block; width: 60px; font-size: 14px; font-weight: 300;}
.resume_view .view .item .contents p {white-space: pre-line; color: #888888; font-size: 14px; font-weight: 300;}
.resume_view .view.introduction .item {white-space: pre-line; font-size: 14px;}
.resume_view .view.introduction .item.non-member-blur {filter: blur(6px);}
.resume_view .view.medias .file {font-size:14px; margin-bottom: 16px;}
.resume_view-confirm-1 {text-align:center; padding:50px;}
.resume_view-confirm-2 {padding:25px 50px; background-color:#f9f9f9; margin-bottom:120px;}


@media screen and (max-width: 1024px) {
  .print {display: none;}
  .resume_view_profiles .profiles .career {display: none;}
  .resume_view_profiles #imagePreview .career{display: block; width: 100%; padding: 2px 0 4px; margin-top: 8px; background-color: #e6f4ff; color: #3274cb; border-radius: 10px; text-align: center;} 
  .resume_view_profiles #imagePreview {width: 100px;}
  .resume_view_profiles #imagePreview .thumb .thumb_box {width:100px; height: 120px;}
  .resume_view_profiles .profiles {padding: 16px 0 8px 16px; width: calc(100% - 100px);}
  .resume_view_profiles .profiles .box .item {width: 100%; white-space: nowrap; margin: 4px 0;}
  .resume_view_profiles .profiles .box .item span {width: 50px;}
  .resume_view_profiles .action a.print {display: none;}
  .resume_view .sub_tit {width:100%;}
  .resume_view .sub_tit span {border-right: none;}
  .resume_view .view {width: 100%; padding-left: 0;}
  .resume_view-confirm-1,
  .resume_view-confirm-2 {padding: 25px 20px;}
}

.resumeWrap {display: none;}
.resumeWrap.active {display: block;}

.resume_title.popup,
.topNavi.popup {margin-top: 0;}
#resume.container {background-color: #ffffff;}
#resume.container.popup > * {pointer-events: none;}

/* 테스트 */
.non-href, .non-href > * { color: red !important;}

/* 스카웃제의 레이어팝업 */
#scouts .radio-box {display:flex; flex-direction: column; padding:24px;}
#scouts .radio-box .bundle {display: flex; align-items: flex-start;}
#scouts .radio-box .bundle label {display: flex; margin-bottom: 16px;}
#scouts .radio-box .bundle label > * {font-size: 14px;}
#scouts .radio-box .bundle label span {display: flex; word-break: keep-all; white-space: nowrap; margin-left: 8px;}
#scouts .radio-box .bundle label span::after {content: ""; display: table; width: 8px; height:12px; border-right: 1px solid #bbbbbb; margin-top: 5px; margin-right: 8px;}
#scouts .radio-box .bundle label p {word-break: break-word; font-weight: 400;}
#scouts .radio-box .bundle input:checked + label > * {color:#3274cb;}
#scouts .radio-box .bundle input:disabled + label > * {color:#888888;}

/* 입사지원 목록 (구직자) */
.apply-list{margin-top:0px;}
.apply-list li{position:relative;overflow:hidden;margin-bottom:20px;}
.apply-list li.date {margin-top: 60px; color: #a9a9a9;}
.apply-list li.item {padding: 8px 0; border: 1px solid transparent;}
/*.apply-list li.item:hover {background-color: #F8FBFF; border-color: #BDD9FF;}*/
.apply-list li > a{display:block;}
.apply-list .fl{float:left;margin-right:15px;}
.apply-list .thumb{position:relative; width:74px;height:74px;border-radius:32px;overflow:hidden;border:2px solid #3274CB;}
.apply-list .thumb:before{content: '';position:absolute;top:0;left:0;background:#fff;width:100%;height:100%;}
.apply-list .thumb span{position:absolute;top:0;bottom:0;left:2px;right:2px;vertical-align:middle;text-align:center;z-index:1;color:#3274CB;font-size:0.9rem;font-weight:500;display:flex;align-items:center;justify-content:center;}
.apply-list .txtbox{overflow:hidden;padding-right:50px;}
.apply-list .txtbox h4{display:block;font-weight:400;font-size:1.05rem;margin:5px 0 4px;color:#151515;}
.apply-list .txtbox h4 em{display:inline-block;position:relative;padding-right:7px;margin-right:5px;}   
.apply-list .txtbox h4 em:before{content:'';position:absolute;top:5px;right:0;width:1px;height:16px;background-color:#777;}
.apply-list .txtbox span{display:block;font-size:0.85rem;margin-bottom:1px;color:#818181;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#151515;}
.apply-list .txtbox .tag{color:#3274cb;font-size:0.8rem;}
.apply-list .emp{position:absolute;top:0;right:0;text-align:center;width:45px;height:100%;display: flex; justify-content: center; align-items: center;}
.apply-list .emp p{margin-bottom:10px;}
.apply-list .emp span{display:inline-block;background-color:#FF8A00;color:#fff;font-size:0.7rem;padding:1px 6px;border-radius:10px;}
.apply-list .emp a {display:block; color: #3274cb; text-decoration: underline; text-underline-position: under;}
.apply-list .emp a:hover {text-decoration: none;}
@media screen and (max-width: 1024px) {
  .apply-list .txtbox{overflow:hidden;padding-right:0;}
  .apply-list .emp {position: relative; width: 100%; justify-content: flex-end;}
}

/* 지원자 현황 목록 (사업주) */
.apply-employ-list{margin-top:0px; position: relative;}
.apply-employ-list li{position:relative;overflow:hidden;margin-bottom:20px;}
.apply-employ-list li.job {display:none; padding-top: 30px;}
.apply-employ-list li.job.active {display: block;}
.apply-employ-list li.job .job-date {margin-top: 40px; color: #a9a9a9;}
.apply-employ-list li.select-box {position: absolute; top: 0; z-index: 1; overflow: visible; width:100%;}
.apply-employ-list li.select-box ul {position: relative; top:34px; background-color: #ffffff; border: 1px solid #e9e9e9; box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;}
.apply-employ-list li.select-box .job-selected .text,
.apply-employ-list li.select-box ul .job-title {font-size: 14px; display: flex; margin: 0px;}
.apply-employ-list li.select-box ul .job-title:hover {background-color: #f5f5f5;}
.apply-employ-list li.select-box ul .job-title a {padding: 8px; width: 100%; display: flex; align-items: center;}
.apply-employ-list li.select-box ul .job-title a > * {pointer-events: none;}
.apply-employ-list li.select-box ul .job-title a span:first-child,
.apply-employ-list li.select-box .job-selected .text span:first-child {display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: calc(100vw - 80px);}
.apply-employ-list li.select-box ul .job-title a span:first-child em,
.apply-employ-list li.select-box .job-selected .text span:first-child em {display: inline-block; margin: 0 4px; transform: translateY(2px); width: 1px; height: 16px; background-color: #777777;}
.apply-employ-list li.select-box .job-selected .text .job-count,
.apply-employ-list li.select-box ul .job-title .job-count {background-color: #3274cb; color:#ffffff; display: inline-block; min-width: 18px; height: 18px; font-size: 12px; border-radius: 9px; text-align: center; padding: 0 4px; margin-left: 6px;}
.apply-employ-list li.select-box .job-selected {position: absolute; top: 0px; display: flex;}
.apply-employ-list li.select-box .job-selected .text {padding: 8px 0; align-items: center;}
.apply-employ-list li.select-box .job-selected .more {margin: 8px 6px; font-size: 0; display: table; width: 20px; height: 20px; background-image: url("../../img/waiter/chevron-down.png"); background-size: cover;}
.apply-employ-list li.item {padding: 8px 0; border: 1px solid transparent;}
/*.apply-employ-list li.item:hover {background-color: #F8FBFF; border-color: #BDD9FF;}*/
.apply-employ-list li > a{display:block;}
.apply-employ-list .fl{float:left;margin-right:15px;}
.apply-employ-list .thumb{position:relative; width:74px;height:74px;border-radius:32px;overflow:hidden;border:2px solid transparent;}
.apply-employ-list .thumb:before{content: '';position:absolute;top:0;left:0;background:#fff;width:100%;height:100%;}
.apply-employ-list .thumb img{position:absolute;width:100%;height:100%;object-fit:cover;top:0;bottom:0;left:0;right:0;vertical-align:middle;text-align:center;z-index:1;color:#3274CB;font-size:0.9rem;font-weight:500;display:flex;align-items:center;justify-content:center;}
.apply-employ-list .txtbox{overflow:hidden;padding-right:50px;}
.apply-employ-list .txtbox h4{display:block;font-weight:400;font-size:1.05rem;margin:5px 0 4px;color:#151515;}
.apply-employ-list .txtbox h4 em{display:inline-block;position:relative;padding-right:7px;margin-right:5px;}   
.apply-employ-list .txtbox h4 em:before{content:'';position:absolute;top:5px;right:0;width:1px;height:16px;background-color:#777;}
.apply-employ-list .txtbox span{display:block;font-size:0.85rem;margin-bottom:1px;color:#818181;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#151515;}
.apply-employ-list .txtbox .tag{color:#3274cb;font-size:0.8rem;}
.apply-employ-list .emp{position:absolute;top:0;right:0;text-align:center;width:40px;height:100%;display: flex; justify-content: center; align-items: center;}
.apply-employ-list .emp p{margin-bottom:10px;}
.apply-employ-list .emp span{display:inline-block;background-color:#FF8A00;color:#fff;font-size:0.7rem;padding:1px 6px;border-radius:10px;}
.apply-employ-list .emp a{display:block;}
.apply-employ-list .emp a em{width:20px;height:20px;background-size:250px 250px;}
.apply-employ-list .emp a.scrap-resume.off em{background-position:-210px -136px;}
.apply-employ-list .emp a.scrap-resume.on em{background-position:-231px -136px;}

/* 스카웃제의 목록 (구직자) */
.scout-list{margin-top:0px;}
.scout-list li{position:relative;overflow:hidden;margin-bottom:20px;}
.scout-list li.date {margin-top: 60px; color: #a9a9a9;}
.scout-list li.item {padding: 8px 0; border: 1px solid transparent;}
/*.scout-list li.item:hover {background-color: #F8FBFF; border-color: #BDD9FF;}*/
.scout-list li > a{display:block;}
.scout-list .fl{float:left;margin-right:15px;}
.scout-list .thumb{position:relative; width:74px;height:74px;border-radius:32px;overflow:hidden;border:2px solid #3274CB;}
.scout-list .thumb:before{content: '';position:absolute;top:0;left:0;background:#fff;width:100%;height:100%;}
.scout-list .thumb span{position:absolute;top:0;bottom:0;left:2px;right:2px;vertical-align:middle;text-align:center;z-index:1;color:#3274CB;font-size:0.9rem;font-weight:500;display:flex;align-items:center;justify-content:center;}
.scout-list .txtbox{overflow:hidden;padding-right:50px;}
.scout-list .txtbox h4{display:block;font-weight:400;font-size:1.05rem;margin:5px 0 4px;color:#151515;}
.scout-list .txtbox h4 em{display:inline-block;position:relative;padding-right:7px;margin-right:5px;}   
.scout-list .txtbox h4 em:before{content:'';position:absolute;top:5px;right:0;width:1px;height:16px;background-color:#777;}
.scout-list .txtbox span{display:block;font-size:0.85rem;margin-bottom:1px;color:#818181;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#151515;}
.scout-list .txtbox .tag{color:#3274cb;font-size:0.8rem;}
.scout-list .emp{position:absolute;top:0;right:0;text-align:center;width:40px;height:100%;display: flex; justify-content: center; align-items: center;}
.scout-list .emp p{margin-bottom:10px;}
.scout-list .emp span{display:inline-block;background-color:#FF8A00;color:#fff;font-size:0.7rem;padding:1px 6px;border-radius:10px;}
.scout-list .emp a{display:block;}
.scout-list .emp a em{width:20px;height:20px;background-size:250px 250px;}
.scout-list .emp a.scrap_off em{background-position:-210px -136px;}
.scout-list .emp a.scrap_on em{background-position:-231px -136px;}

/* 스카웃제의 목록 (사업주) */
.scout-employ-list{margin-top:0px; position: relative;}
.scout-employ-list li{position:relative;overflow:hidden;margin-bottom:20px;}
.scout-employ-list li.job {display:none; padding-top: 30px;}
.scout-employ-list li.job.active {display: block;}
.scout-employ-list li.job .job-date {margin-top: 40px; color: #a9a9a9;}
.scout-employ-list li.select-box {position: absolute; top: 0; z-index: 1; overflow: visible; width:100%;}
.scout-employ-list li.select-box ul {position: relative; top:34px; background-color: #ffffff; border: 1px solid #e9e9e9; box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;}
.scout-employ-list li.select-box .job-selected .text,
.scout-employ-list li.select-box ul .job-title {font-size: 14px; display: flex; margin: 0px;}
.scout-employ-list li.select-box ul .job-title:hover {background-color: #f5f5f5;}
.scout-employ-list li.select-box ul .job-title a {padding: 8px; width: 100%; display: flex; align-items: center;}
.scout-employ-list li.select-box ul .job-title a > * {pointer-events: none;}
.scout-employ-list li.select-box ul .job-title a span:first-child,
.scout-employ-list li.select-box .job-selected .text span:first-child {display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: calc(100vw - 80px);}
.scout-employ-list li.select-box ul .job-title a span:first-child em,
.scout-employ-list li.select-box .job-selected .text span:first-child em {display: inline-block; margin: 0 4px; transform: translateY(2px); width: 1px; height: 16px; background-color: #777777;}
.scout-employ-list li.select-box .job-selected .text .job-count,
.scout-employ-list li.select-box ul .job-title .job-count {background-color: #3274cb; color:#ffffff; display: inline-block; min-width: 18px; height: 18px; font-size: 12px; border-radius: 9px; text-align: center; padding: 0 4px; margin-left: 6px;}
.scout-employ-list li.select-box .job-selected {position: absolute; top: 0px; display: flex;}
.scout-employ-list li.select-box .job-selected .text {padding: 8px 0; align-items: center;}
.scout-employ-list li.select-box .job-selected .more {margin: 8px 6px; font-size: 0; display: table; width: 20px; height: 20px; background-image: url("../../img/waiter/chevron-down.png"); background-size: cover;}
.scout-employ-list li.item {padding: 8px 0; border: 1px solid transparent;}
/*.scout-employ-list li.item:hover {background-color: #F8FBFF; border-color: #BDD9FF;}*/
.scout-employ-list li > a{display:block;}
.scout-employ-list .fl{float:left;margin-right:15px;}
.scout-employ-list .thumb{position:relative; width:74px;height:74px;border-radius:32px;overflow:hidden;border:2px solid transparent;}
.scout-employ-list .thumb:before{content: '';position:absolute;top:0;left:0;background:#fff;width:100%;height:100%;}
.scout-employ-list .thumb img{position:absolute;width:100%;height:100%;object-fit:cover;top:0;bottom:0;left:0;right:0;vertical-align:middle;text-align:center;z-index:1;color:#3274CB;font-size:0.9rem;font-weight:500;display:flex;align-items:center;justify-content:center;}
.scout-employ-list .txtbox{overflow:hidden;padding-right:50px;}
.scout-employ-list .txtbox h4{display:block;font-weight:400;font-size:1.05rem;margin:5px 0 4px;color:#151515;}
.scout-employ-list .txtbox h4 em{display:inline-block;position:relative;padding-right:7px;margin-right:5px;}   
.scout-employ-list .txtbox h4 em:before{content:'';position:absolute;top:5px;right:0;width:1px;height:16px;background-color:#777;}
.scout-employ-list .txtbox span{display:block;font-size:0.85rem;margin-bottom:1px;color:#818181;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#151515;}
.scout-employ-list .txtbox .tag{color:#3274cb;font-size:0.8rem;}
.scout-employ-list .emp{position:absolute;top:0;right:0;text-align:center;width:45px;height:100%;display: flex; justify-content: center; align-items: center;}
.scout-employ-list .emp p{margin-bottom:10px;}
.scout-employ-list .emp span{display:inline-block;background-color:#FF8A00;color:#fff;font-size:0.7rem;padding:1px 6px;border-radius:10px;}
.scout-employ-list .emp a {display:block; color: #3274cb; text-decoration: underline; text-underline-position: under;}
.scout-employ-list .emp a:hover {text-decoration: none;}
@media screen and (max-width: 1024px) {
  .scout-employ-list .txtbox{overflow:hidden; padding-right:0;}
  .scout-employ-list .emp {position: relative; width: 100%; justify-content: flex-end;}
}


/* 좋아요 목록 (구직자) */
.scrap-list{margin-top:0px;}
.scrap-list li{position:relative;overflow:hidden;margin-bottom:20px;}
.scrap-list li.date {margin-top: 60px; color: #a9a9a9;}
.scrap-list li.item {padding: 8px 0; border: 1px solid transparent;}
/*.scrap-list li.item:hover {background-color: #F8FBFF; border-color: #BDD9FF;}*/
.scrap-list li > a{display:block;}
.scrap-list .fl{float:left;margin-right:15px;}
.scrap-list .thumb{position:relative; width:74px;height:74px;border-radius:32px;overflow:hidden;border:1px solid #333;}
.scrap-list .thumb:before{content: '';position:absolute;top:0;left:0;background:#fff;width:100%;height:100%;}
.scrap-list .thumb span{position:absolute;top:0;bottom:0;left:2px;right:2px;vertical-align:middle;text-align:center;z-index:1;color:#333;font-size:0.9rem;font-weight:500;display:flex;align-items:center;justify-content:center;word-break: keep-all;}
.scrap-list .txtbox{overflow:hidden;padding-right:50px;}
.scrap-list .txtbox h4{display:block;font-weight:400;font-size:1.05rem;margin:5px 0 4px;color:#151515;}
.scrap-list .txtbox h4 em{display:inline-block;position:relative;padding-right:7px;margin-right:5px;}   
.scrap-list .txtbox h4 em:before{content:'';position:absolute;top:5px;right:0;width:1px;height:16px;background-color:#777;}
.scrap-list .txtbox span{display:block;font-size:0.85rem;margin-bottom:1px;color:#818181;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#151515;}
.scrap-list .txtbox .tag{color:#999;font-size:0.8rem;}
.scrap-list .emp{position:absolute;top:0;right:0;text-align:center;width:40px;height:100%;display: flex; justify-content: center; align-items: center;}
.scrap-list .emp p{margin-bottom:10px;}
.scrap-list .emp span{display:inline-block;background-color:#FF8A00;color:#fff;font-size:0.7rem;padding:1px 6px;border-radius:10px;}
.scrap-list .emp a{display:block;}
.scrap-list .emp a em{width:20px;height:20px;background-size:250px 250px;}
.scrap-list .emp a.scrap_off em{background-position:-210px -136px;}
.scrap-list .emp a.scrap_on em{background-position:-231px -136px;}

/* 이력서 관리 (구직자) */
.resume-list{margin-top:0px;}
.resume-list li{position:relative;overflow:hidden;margin-bottom:20px;}
.resume-list li.date {margin-top: 60px; color: #a9a9a9;}
.resume-list li.item {padding: px; border: 1px solid transparent;}
/*.resume-list li.item:hover {background-color: #F8FBFF; border-color: #BDD9FF;}*/
.resume-list li > a{display:block;}
.resume-list .fl{float:left;margin-right:15px;}
.resume-list .thumb{position:relative; width:74px;height:74px;border-radius:32px;overflow:hidden;border:2px solid transparent;}
.resume-list .thumb:before{content: '';position:absolute;top:0;left:0;background:#fff;width:100%;height:100%;}
.resume-list .thumb img{position:absolute;width:105%;height:105%;object-fit:cover;top:0;bottom:0;left:0;right:0;vertical-align:middle;text-align:center;z-index:1;color:#3274CB;font-size:0.9rem;font-weight:500;display:flex;align-items:center;justify-content:center;}
.resume-list .txtbox{overflow:hidden;padding-right:170px;}
.resume-list .txtbox .updateDate {color:#7a7a7a; font-size: 10px;}
.resume-list .txtbox h4{display:flex;align-items: center; font-weight:400;font-size:1.05rem;margin:5px 0 4px;color:#151515;}
.resume-list .txtbox h4 em{display:inline-block;position:relative;padding-right:7px;margin-right:5px;}   
.resume-list .txtbox h4 em:before{content:'';position:absolute;top:5px;right:0;width:1px;height:16px;background-color:#777;}
.resume-list .txtbox h4 span {display: inline-block; padding: 0 6px; border-radius: 10px; font-size: 12px;}
.resume-list .txtbox h4 span.public {background-color: #fb5960; color:#ffffff; margin-right: 8px;}
.resume-list .txtbox h4 span.careers {background-color: #e6f4ff; color:#3274cb; margin-left: 8px;}
.resume-list .txtbox span{display:block;font-size:0.85rem;margin-bottom:1px;color:#818181;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#151515;}
.resume-list .txtbox .tag{color:#3274cb;font-size:0.8rem;}
.resume-list .emp{position:absolute;top:0;right:0;text-align:center;width:160px;height:100%;display: flex; justify-content: space-between; align-items: center;}
.resume-list .emp p{margin-bottom:10px;}
.resume-list .emp span{display:inline-block;background-color:#FF8A00;color:#fff;font-size:0.7rem;padding:1px 6px;border-radius:10px;}
.resume-list .emp a{display:block; padding:8px; color: #3274cb; text-decoration: underline; text-underline-position: under;}
.resume-list .emp a:hover {text-decoration: none;}
.resume-list .emp a em{width:20px;height:20px;background-size:250px 250px;}
.resume-list .emp a.scrap-resume.off em{background-position:-210px -136px;}
.resume-list .emp a.scrap-resume.on em{background-position:-231px -136px;}
@media screen and (max-width: 1024px) {
  .resume-list .txtbox{overflow:hidden; padding-right:0;}
  .resume-list .emp {position: relative; width: 100%; justify-content: flex-end;}
}


/* 스크랩 이력서 목록 (사업주) */
.scrap-resume-list{margin-top:0px;}
.scrap-resume-list li{position:relative;overflow:hidden;margin-bottom:20px;}
.scrap-resume-list li.date {margin-top: 60px; color: #a9a9a9;}
.scrap-resume-list li.item {padding: 8px 0; border: 1px solid transparent;}
/*.scrap-resume-list li.item:hover {background-color: #F8FBFF; border-color: #BDD9FF;}*/
.scrap-resume-list li > a{display:block;}
.scrap-resume-list .fl{float:left;margin-right:15px;}
.scrap-resume-list .thumb{position:relative; width:74px;height:74px;border-radius:32px;overflow:hidden;border:2px solid transparent;}
.scrap-resume-list .thumb:before{content: '';position:absolute;top:0;left:0;background:#fff;width:100%;height:100%;}
.scrap-resume-list .thumb img{position:absolute;width:100%;height:100%;object-fit:cover;top:0;bottom:0;left:0;right:0;vertical-align:middle;text-align:center;z-index:1;color:#3274CB;font-size:0.9rem;font-weight:500;display:flex;align-items:center;justify-content:center;}
.scrap-resume-list .txtbox{overflow:hidden;padding-right:50px;}
.scrap-resume-list .txtbox h4{display:block;font-weight:400;font-size:1.05rem;margin:5px 0 4px;color:#151515;}
.scrap-resume-list .txtbox h4 em{display:inline-block;position:relative;padding-right:7px;margin-right:5px;}   
.scrap-resume-list .txtbox h4 em:before{content:'';position:absolute;top:5px;right:0;width:1px;height:16px;background-color:#777;}
.scrap-resume-list .txtbox span{display:block;font-size:0.85rem;margin-bottom:1px;color:#818181;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#151515;}
.scrap-resume-list .txtbox .tag{color:#3274cb;font-size:0.8rem;}
.scrap-resume-list .emp{position:absolute;top:0;right:0;text-align:center;width:40px;height:100%;display: flex; justify-content: center; align-items: center;}
.scrap-resume-list .emp p{margin-bottom:10px;}
.scrap-resume-list .emp span{display:inline-block;background-color:#FF8A00;color:#fff;font-size:0.7rem;padding:1px 6px;border-radius:10px;}
.scrap-resume-list .emp a{display:block;}
.scrap-resume-list .emp a em{width:20px;height:20px;background-size:250px 250px;}
.scrap-resume-list .emp a.scrap-resume.off em{background-position:-210px -136px;}
.scrap-resume-list .emp a.scrap-resume.on em{background-position:-231px -136px;}

/* 내가 본 이력서 목록 (사업주) */
.view-history-list {margin-top:0px;}
.view-history-list li{position:relative;overflow:hidden;margin-bottom:20px;}
.view-history-list li.date {margin-top: 60px; color: #a9a9a9;}
.view-history-list li.item {padding: 8px 0; border: 1px solid transparent;}
/*.view-history-list li.item:hover {background-color: #F8FBFF; border-color: #BDD9FF;}*/
.view-history-list li > a{display:block;}
.view-history-list .fl{float:left;margin-right:15px;}
.view-history-list .thumb{position:relative; width:74px;height:74px;border-radius:32px;overflow:hidden;border:2px solid transparent;}
.view-history-list .thumb:before{content: '';position:absolute;top:0;left:0;background:#fff;width:100%;height:100%;}
.view-history-list .thumb img{position:absolute;width:100%;height:100%;object-fit:cover;top:0;bottom:0;left:0;right:0;vertical-align:middle;text-align:center;z-index:1;color:#3274CB;font-size:0.9rem;font-weight:500;display:flex;align-items:center;justify-content:center;}
.view-history-list .txtbox{overflow:hidden;padding-right:50px;}
.view-history-list .txtbox h4{display:block;font-weight:400;font-size:1.05rem;margin:5px 0 4px;color:#151515;}
.view-history-list .txtbox h4 em{display:inline-block;position:relative;padding-right:7px;margin-right:5px;}   
.view-history-list .txtbox h4 em:before{content:'';position:absolute;top:5px;right:0;width:1px;height:16px;background-color:#777;}
.view-history-list .txtbox span{display:block;font-size:0.85rem;margin-bottom:1px;color:#818181;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#151515;}
.view-history-list .txtbox .tag{color:#3274cb;font-size:0.8rem;}
.view-history-list .emp{position:absolute;top:0;right:0;text-align:center;width:40px;height:100%;display: flex; justify-content: center; align-items: center;}
.view-history-list .emp p{margin-bottom:10px;}
.view-history-list .emp span{display:inline-block;background-color:#FF8A00;color:#fff;font-size:0.7rem;padding:1px 6px;border-radius:10px;}
.view-history-list .emp a{display:block;}
.view-history-list .emp a em{width:20px;height:20px;background-size:250px 250px;}
.view-history-list .emp a.scrap-resume.off em{background-position:-210px -136px;}
.view-history-list .emp a.scrap-resume.on em{background-position:-231px -136px;}

/* 마이페이지 공용 */
em.new {font-weight: 700; color: #f25b00;}
.container .commMenu.selectbox-custom{margin:40px 0;}
.container .commMenu.selectbox-custom.tabmenu ul li a {padding: 8px 10px;}
.non-list {display: flex; flex-direction: column; align-items: center; padding: 80px 0 60px;}
.non-list > * {margin-bottom: 10px;}
.non-list .img {width:26px; height:31px; opacity: .2; background-image: url('../../img/waiter/document2.png');}
.non-list span {color: #747474;}
.non-list a {color: #3274cb; text-decoration: underline; text-underline-position: under;}
.non-list a:hover {text-decoration: none;}
.blank-box {padding: 20px;}
.detail-textbox {background-color: #f9f9f9;}
.detail-textbox ul {padding: 30px 50px; margin-bottom: 120px;}
.detail-textbox ul li {display: flex; margin-bottom: 10px; color: #999999; font-size: 13px;}
.detail-textbox ul li::before {content: 'ㆍ';}
.detail-textbox ul li p {color: #999999; font-size: 13px;}
.detail-textbox ul li a {color: #3274cb; text-decoration: underline; text-underline-position: under;}
.detail-textbox ul li a:hover {text-decoration: none;}
.detail-textbox ul li p .accent {color:#000;}
.tag.mobile {display: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
@media screen and (max-width: 1024px) {
  .detail-textbox ul {padding: 20px; margin-bottom: 30px;}
  .tag.pc {display: none;}
  .tag.mobile {display: block;}
}

.adminView {position:absolute; top:0; left:50%; transform:translateX(-50%); color:red; z-index:9; font-size:20px; font-weight:600}
.adminView a {color: red; text-decoration: underline; text-underline-position: under;}
.adminView a:hover {text-decoration: none;}

.preview-option {margin-top: 0px; margin-left: 8px; min-width: 74px; text-align: right;}
.preview-option span {color:#000 !important; min-width: fit-content !important; margin-right: 0 !important;}
.preview-option .effect_icon { display: inline-block; background-color: #FF8A00; height: 18px; color: #fff !important; font-size: 0.7rem !important; padding: 1px 6px; border-radius: 10px; white-space: nowrap; transform: translateY(2px);}
.preview-option .effect_bold {font-weight: 600 !important;}
.preview-option .effect_color {color: #D20404 !important;}
.preview-option .effect_color2 {color: #9454D3 !important;}
.preview-option .effect_high {border-bottom: 3px solid #f9ffa3; box-shadow: inset 0 -10px 0 #fffec8;}
@media screen and (max-width: 960px) { 
  .preview-option {text-align: right;}
}

.textbox.combo > * {cursor: pointer !important;}
.textbox.combo input{padding-right: 26px; margin: 0 !important; width: 100% !important; background-color: transparent}
/* .textbox.combo.textbox-readonly > * {cursor: default !important;} */
/* .textbox.combo.textbox-readonly > span > a {cursor: default !important;} */
.textbox.combo.textbox-readonly input{color:#999999 !important; background-color: #f8f8f8 !important;}/* h_form 음영 */
.textbox.combo.textbox-readonly .combo-arrow {opacity: 0.5 !important;}

#publicPageMobile {margin-bottom: 20px;}

@media screen and (min-width: 1120px) {
  .container.over {width: 1120px;}
}
/* bootstarp */
@media screen and (min-width: 1024px) {
  .container {width: 960px;}
}
@media screen and (max-width: 1023px) and (min-width: 769px) {
  .container {max-width: 960px; width: 100%;}
}

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
.container {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}

.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after { clear: both; }

.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { display: table; content: " ";}

a {text-decoration: none; background-color: transparent;}

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }

button, select { text-transform: none; }

.navbar { position: relative; min-height: 55px; margin-bottom: 20px; border: 1px solid transparent; }

.pull-right {float: right!important;}

.navbar-toggle {position: relative;float: right;padding: 9px 10px;margin-top: 6px;margin-right: 15px;margin-bottom: 8px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;}

.navbar-toggle .icon-bar {display: block;}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right: -15px; margin-left: -15px;}

label { display: inline-block; max-width: 100%; /* margin-bottom: 5px; */ font-weight: 500; }

a {cursor: pointer; color: #000;}

/* 마이그레이션 내용 기본 폰트 지정*/
.ck-contents {
  all:initial; 
  white-space: pre-line;
  padding: 0;
  font-family: 'Noto Sans KR','굴림',Gulim,'맑은 고딕','돋움',Dotum,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;
  font-size: 12px;
  color: #333;
  letter-spacing: -0.5px;
}

/*
 * CKEditor 5 (v36.0.0) content styles.
 * Generated on Thu, 02 Feb 2023 11:04:11 GMT.
 * For more information, check out https://ckeditor.com/docs/ckeditor5/latest/installation/advanced/content-styles.html
 */

 :root {
  --ck-color-image-caption-background: hsl(0, 0%, 97%);
  --ck-color-image-caption-text: hsl(0, 0%, 20%);
  --ck-color-table-caption-background: hsl(0, 0%, 97%);
  --ck-color-table-caption-text: hsl(0, 0%, 20%);
  --ck-image-style-spacing: 1.5em;
  --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
}

.ck-content {
  white-space: pre-line;
}

.ck-content, .ck-content * {
  font-size: inherit;
}

.ck-content > p {
  font-size : 0.875rem;
  color:#666;
  font-weight: 400;
  line-height:24px;
  word-break: break-word;
}

.ck-content a {color: #2674bd; text-decoration: underline; text-underline-position: under;}
.ck-content a:hover {text-decoration: none;}

/* tinymce 하단 미출력*/
.tox .tox-statusbar {display:none !important;}

.mb-0 {margin-bottom: 0 !important;}

/* 캠페인 */
.campaign-box {margin-bottom: 150px;}
.campaign-box .desktop.backboard .tit {margin-bottom: 0;}
.campaign-box .mobile {display: none;}
.campaign-box p {margin-bottom: 30px; font-size: 14px; color: #999;}
.campaign-box .list {margin-bottom: 30px;}
.campaign-box .list li {margin-bottom: 8px; font-size: 16px; color: #999;}
.campaign-box strong {display: inline-block; margin-bottom: 30px; font-size: 18px; color: #333;}
.campaign-box .tit {display: inline-block; font-size: 24px; font-weight: 700; margin-bottom: 40px;}
.campaign-box .backboard {background-color: #000; border-radius: 10px; color: #fff; text-align: center; padding: 50px 10px; margin-bottom: 30px;}
.campaign-box .backboard > * {color: #fff;}
.campaign-box .backboard p {margin-bottom: 0;}
.campaign-box .backboard .tit {margin-bottom: 30px;}
.campaign-box .backboard .sub {font-size: 15px; color:#666; font-weight: 300;}
.campaign-box .backboard.light-gray {background-color: #fafafa; padding: 30px 0;}
.campaign-box .backboard.flex-box {display: flex; flex-wrap: wrap; justify-content: center;}
.campaign-box .backboard.flex-box .tit,
.campaign-box .backboard.flex-box .sub {display: inline-block; width: 100%; margin-bottom: 16px;}
.campaign-box .backboard.flex-box .box {width: 25%; display: flex; flex-direction: column; align-items: center; margin-bottom: 24px;}
.campaign-box .backboard.flex-box .box span {display: inline-block; width: 110px; height: 110px; line-height: 110px; margin-bottom: 8px; background-color: #000; color: #fff; border-radius: 55px;}
.campaign-box .backboard.flex-box .box p {width: 140px;}
.campaign-box .backboard.flex-box dl {width: 100%; padding: 10px 50px;}
.campaign-box .backboard.flex-box dl dt {margin-bottom:16px; font-size: 15px; font-weight: 700; text-align: left;}
.campaign-box .backboard.flex-box dl dd {margin-bottom:40px; font-size: 14px; text-align: left;}
.campaign-box .backboard.flex-box dl dd a {color: #3274CB; text-decoration: underline; text-underline-position: under;}
.campaign-box .backboard.flex-box dl dd a:hover {text-decoration: none;}
.campaign-box .backboard.flex-box dl dd span {color: #999;}
.campaign-box .backboard.warn .tit {margin-bottom: 0;}
.campaign-box .backboard.warn p {margin-bottom: 8px;}
.campaign-box .btn-once {display: flex; justify-content: center;}
.campaign-box .btn-once .btn {display: flex; justify-content: center; align-items: center; width: 330px; color: #333; font-size: 14px; border-radius: 5px; border: 1px solid #bbb; font-weight: 500; padding: 16px 0; text-decoration: none;}
.campaign-box .btn-once .btn span {margin-left: 8px;}
.campaign-box .btn-once .btn::after {content: ''; font-size: 0; display: inline-block; width: 17px; height: 17px; background: url(../../img/waiter/icon-down2.png) center center no-repeat; background-size: contain; padding: 0; transform: rotate(270deg) translateX(-1px);}
.campaign-box .btn-twin {display: flex; justify-content: space-between;}
.campaign-box .btn-twin .btn {display: flex; justify-content: center; align-items: center; width: 49%; color: #333; font-size: 14px; border-radius: 5px; border: 1px solid #bbb; font-weight: 500; padding: 16px 0; text-decoration: none;}
.campaign-box .btn-twin .btn span {margin-left: 8px;}
.campaign-box .btn-twin .btn::after {content: ''; font-size: 0; display: inline-block; width: 17px; height: 17px; background: url(../../img/waiter/icon-down2.png) center center no-repeat; background-size: contain; padding: 0; transform: rotate(270deg) translateX(-1px);}
.campaign-box .btn-multiple {display: flex; flex-wrap:wrap; justify-content: space-between;}
.campaign-box .btn-multiple .btn {display: flex; justify-content: center; align-items: center; width: 49%; color: #333; font-size: 14px; margin-bottom: 16px; border-radius: 5px; border: 1px solid #bbb; font-weight: 500; padding: 16px 0; text-decoration: none;}
.campaign-box .btn-multiple .btn span {margin-left: 8px;}
.campaign-box .btn-multiple .btn::after {content: ''; font-size: 0; display: inline-block; width: 17px; height: 17px; background: url(../../img/waiter/icon-down2.png) center center no-repeat; background-size: contain; padding: 0; transform: rotate(270deg) translateX(-1px);}
.campaign-box .btn-once,
.campaign-box .btn-twin,
.campaign-box .btn-multiple {margin-bottom: 30px;}
.campaign-box .btn-once .btn:hover,
.campaign-box .btn-twin .btn:hover,
.campaign-box .btn-multiple .btn:hover {border-color: #222;}
.campaign-box .waist {padding: 0 50px;}
.campaign-box .waist2 {padding: 0 0 0 250px;}
.campaign-box .num {margin-bottom: 40px;}
.campaign-box .num li {font-size: 13px; margin-bottom: 12px; display: flex;}
.campaign-box .num.center li {justify-content:  center;}
.campaign-box .num li span {background-color: #000; border-radius: 50%; color: #fff; min-width: 20px; height: 20px; margin-right: 8px; display: inline-block; text-align: center;}
.campaign-box .num li p {color: #333; font-size: 16px; margin-bottom: 0; line-height: 1.2;}
.campaign-box .qna dt {font-size: 16px; font-weight: 700; margin-bottom: 30px; display: flex;}
.campaign-box .qna dt::before{content: 'Q.'; margin-right: 8px;}
.campaign-box .qna dd {font-size: 16px; margin-bottom: 60px; display: flex;}
.campaign-box .qna dd::before{content: 'A.'; font-weight: 700; margin-right: 8px;}

@media screen and (max-width:960px) {
  .campaign-box .desktop {display: none;}
  .campaign-box .mobile {display: block;}
  .campaign-box strong {font-size:16px;}
  .campaign-box .backboard.flex-box .box {width: 50%;}
  .campaign-box .backboard.flex-box dl {padding: 10px 16px;}
  .campaign-box .waist,
  .campaign-box .waist2 {padding: 0;}
  .campaign-box .btn-multiple .btn {width: 100%;}
}

@media screen and (max-width:374px) {
  .campaign-box .tit {font-size: 22px;}
  .campaign-box .backboard.flex-box .box p {width: 120px;}
  .campaign-box .btn-once .btn,
  .campaign-box .btn-twin .btn,
  .campaign-box .btn-multiple .btn {font-size: 12px;}
  .campaign-box .btn-once .btn span,
  .campaign-box .btn-twin .btn span,
  .campaign-box .btn-multiple .btn span {margin-left: 0;}
  .campaign-box .btn-once .btn::after,
  .campaign-box .btn-twin .btn::after,
  .campaign-box .btn-multiple .btn::after {display: none;}

}

/* 제휴사이트 신청폼 */
.job.v-form .tab {margin: 0 auto; max-width: 400px; width: 100%; position: relative;}
.job.v-form .tab .line {position:absolute; bottom:17px; border-bottom:1px solid #d7d7d7; width:100%;}
.job.v-form .tab dl dt {text-align: center; color: #d7d7d7;}
.job.v-form .tab dl dt.now {color: #222;}
.job.v-form .tab dl dd .v-btn{background-color: #fff;}
.job.v-form ul li.bar {font-size: 14px; font-weight: 700; padding: 8px 16px; margin: 16px 0 0; min-height: auto; background-color: #fafafa; border: 1px solid #e7e7e7;}
.job.v-form ul li {display: flex; flex-wrap: wrap; min-height: 80px; padding: 0 16px; margin-bottom: 0;}
.job.v-form ul li .tit-box {display: flex; align-items: center; height: fit-content; width: 20%; padding-top: 21px;}
.job.v-form ul li .tit-box .tit {font-size: 14px; font-weight: 500; color:#333; line-height: 1.8; margin-right: 6px;}
.job.v-form ul li .tit-box .v-btn {transform: scale(.8) translateY(1px);}
.job.v-form ul li .tit-box .v-btn .warning {background-image: url(../../img/waiter/alert_red.png); background-size: cover; width: 16px; height: 15px; display: inline-block; transform: scale(1.3);}
.job.v-form ul li .con-box {display: flex; flex-wrap:wrap; width: 80%; height: fit-content;}
.job.v-form ul li .con-box .tip {width: 100%; color:#a6a6a6; margin-top: 24px;}
.job.v-form ul li .con-box .tip span {color:#f44336;}
.job.v-form ul li .con-box .v-input input,
.job.v-form ul li .con-box .v-input .v-select__selection-text {font-size: 14px; color: #000;}
.job.v-form ul li .con-box .v-input textarea {font-size: 14px; color: #000; padding-bottom: 40px;}
.job.v-form ul li .con-box .v-input input::placeholder,
.job.v-form ul li .con-box .v-input textarea::placeholder {font-weight: 300; color: #999; opacity: .5;}
.job.v-form ul li .con-box .v-input .v-field__append-inner {padding-top: 24px; padding-bottom: 2px;}
.job.v-form ul li .con-box .short,
.job.v-form ul li .con-box .short2 {max-width: 20%; width: 100%;}
.job.v-form ul li .con-box .long {max-width: 100%; width: 100%;}
.job.v-form ul li .con-box .padding,
.job.v-form ul li .con-box .padding2 {padding: 24px 14px 6px;}
.job.v-form ul li .con-box .v-checkbox {margin-top: 8px; margin-left: -10px; max-width: 120px;}
.job.v-form ul li .con-box .v-label {font-size: 12px;}
.job.v-form ul li .con-box .finallyCheck {max-width: 425px;}
.job.v-form ul li .con-box .finallyCheck .v-label {font-size: 16px; opacity: 0.8;}
.job.v-form ul li .con-box .finallyCheck .v-input__details {padding-left: 40px; transform: translateY(-16px);}
.job.v-form ul li .con-box .finallyCheck .v-input__details .v-messages__message {line-height: 1.4;}
.job.v-form ul li .con-box .finallyCheck.error i,
.job.v-form ul li .con-box .finallyCheck.error .v-label, 
.job.v-form ul li .con-box .finallyCheck.error .v-input__details .v-messages__message {color: #F44336;}
.job.v-form ul li .con-box table {width: 50%; padding-top: 8px; transform: translateX(-1px);}
.job.v-form ul li .con-box table tr th {position: relative;}
.job.v-form ul li .con-box table tr th .chk {position: absolute; top:-12px; display: inline-block; color:#a8a8a8; width: 100%; text-align: center; font-weight: 300;}
.job.v-form ul li .con-box table .tbody tr td {height: 45px;}
.job.v-form ul li .con-box table .v-checkbox {width: 46px; margin-top: 0; margin-left: 2px;}
.job.v-form ul li .con-box table .v-checkbox .v-selection-control {justify-content: center; min-height: 26px;}
.job.v-form ul li .con-box table .v-checkbox .v-label {white-space: nowrap; letter-spacing: -1px;}
.job.v-form ul li .con-box table .v-checkbox .v-selection-control__wrapper,
.job.v-form ul li .con-box table .v-checkbox .v-selection-control__input {width: 24px; height: 24px;}
.job.v-form ul li .con-box table .v-text-field {margin-right: 4px;}
.job.v-form ul li .con-box table .v-text-field .v-field__input {padding-top: 10px; min-height: 26px;}
.job.v-form ul li .con-box table .v-select {width: 100%;}
.job.v-form ul li .con-box table .v-input .v-text-field__prefix,
.job.v-form ul li .con-box table .v-input .v-text-field__suffix,
.job.v-form ul li .con-box table .v-select .v-field__append-inner {padding-top: 13px; padding-bottom: 6px; min-height: 26px;}
.job.v-form ul li .con-box table .v-btn {border-color: #e5e5e5; transform: translateY(-8px);}
.job.v-form ul li .con-box table tfoot tr td p {color:#afafaf; margin-top: 4px;}
.job.v-form ul li .con-box table tfoot tr td p span {color:#f44336;}
.job.v-form ul li .con-box .lenChk {position: relative; width: 100%;}
.job.v-form ul li .con-box .lenChk dl {display: flex; position: absolute; top: -18px; right: 2px;}
.job.v-form ul li .con-box .lenChk dl > * {color: #d1d1d1; font-weight: 300;}
.job.v-form ul li .con-box .lenChk dl.error--text > * {color: #f44336}
.job.v-form ul li .con-box .lenChk dl dt::after {content: '/';}
.job.v-form ul li .con-box .pay-readonly input::placeholder {color: #f44336;}
.job.v-form ul li .con-box img {max-width: 100%; height: auto;}
.job.v-form ul li .con-box.business {flex-direction: column; align-items: flex-start;}
.job.v-form ul li .con-box.business .text-decoration-underline {text-underline-position: under;}
.job.v-form ul li .con-box.business .v-select .v-select__selection:first-child {white-space: nowrap;}
.job.v-form ul li .con-box.business .blank {margin-right: 12px;}
.job.v-form ul li .con-box.business ul {width: 100%; max-width: 372px;}
.job.v-form ul li .con-box.business ul li {display: flex; min-height: 0; margin-bottom: 12px;}
.job.v-form ul li .con-box.business ul li .businessWeek {display: flex; width: 106px;}
.job.v-form ul li .con-box.business ul li .businessWeek span {min-width:18px; height:18px; margin-top: 26px;}
.job.v-form ul li .con-box.business ul li .businessWeek .v-select {max-width: 77px; width: 100%;}
.job.v-form ul li .con-box.business ul li .businessTime {display: flex; flex-wrap: nowrap; align-items: start; width: calc(100% - 106px); height: 50px;}
.job.v-form ul li .con-box.business ul li .businessTime .v-select {width: 50%;}
.job.v-form ul li .con-box .btn-box {display: flex;  max-width: 372px; width:100%; margin-top:16px;}
.job.v-form ul li .con-box .btn-box .v-btn {border-right: none;}
.job.v-form ul li .con-box .btn-box .v-btn:last-child {border-right: 1px solid;}
.job.v-form ul li .con-box .btn-box.ea1 .v-btn {width: 100%;}
.job.v-form ul li .con-box .btn-box.ea2 .v-btn {width: 50%;}
.job.v-form ul li .con-box .btn-box.ea3 .v-btn {width: 33.3333%;}
.job.v-form ul li .con-box .btn-box.ea4 .v-btn {width: 25%;}
.job.v-form ul li .con-box .btn-box.ea5 .v-btn {width: 20%;}
.job.v-form ul li .con-box .btn-box .v-btn .v-btn__content  {font-size: 12px; letter-spacing: -1px;}


@media screen and (max-width:960px) {
  .job.v-form ul li .tit-box {width: 100%;}
  .job.v-form ul li .con-box {width: 100%; justify-content: space-between;}
  .job.v-form ul li .con-box .short {max-width: 100%;}
  .job.v-form ul li .con-box .short2 {max-width: calc(50% - 20px);}
  .job.v-form ul li .con-box .padding {display: none;}
  .job.v-form ul li .con-box table {width: 100%;}
  .job.v-form ul li .con-box .btn-box {max-width: 100%;}
  .job.v-form ul li .con-box.business ul {max-width: 100%;}
}
/* vuetify overwrite */
.v-input.v-input--error .v-messages__message {color: #f44336;}
.v-input.v-input--error .v-field--error:not(.v-field--disabled) .v-field__outline {color: #f44336;}
.v-tooltip .v-overlay__content {background-color: white !important; padding: 8px 20px !important; border: 1px solid #e7e7e7; pointer-events: initial !important;}
.v-tooltip.pointer-none .v-overlay__content {pointer-events: none !important;}
.v-tooltip .v-overlay__content p {font-size: 13px; font-weight: 300;}
.v-tooltip .v-overlay__content .ex {color: #afafaf;}
.v-tooltip .v-overlay__content .red--text {color: #f44336;}
.v-tooltip .v-overlay__content .accent {font-size: 16px; font-weight: 700;}
.v-tooltip .v-overlay__content .accent i {background-image: url(../../img/waiter/alert.png); background-size: cover; width: 16px; height: 15px; display: inline-block; margin-right: 4px; transform: translateY(2px);}
.v-tooltip.warning .v-overlay__content {background-color: #fef8f8 !important;}
.v-tooltip.warning .v-overlay__content .accent {color: #f44336!important; font-size: 14px; font-weight: 700;}
.v-tooltip.warning .v-overlay__content .accent i {background-image: url(../../img/waiter/alert_red.png); background-size: cover; width: 16px; height: 15px; display: inline-block; margin-right: 4px; transform: translateY(2px);}

.receipt {margin: auto; min-width:300px; max-width:500px; }
.receipt .report {border:1px solid #e7e7e7; margin:30px 16px;}
.receipt .report h1 {display: block; font-size: 18px; text-align: center; margin: 16px 0;}
.receipt .report h2 {display: block; font-size: 14px; color: #3274cb; margin: 0 16px 16px; padding-top:16px; border-top: 1px solid #e7e7e7;}
.receipt .report table {padding: 0 16px; width: 100%; margin-bottom: 16px;}
.receipt .report table tr th {font-size: 14px; text-align: left; width: 120px; vertical-align: top;}
.receipt .report table tr td,
.receipt .report table tr td p {font-size: 14px;}
.receipt .report table tr td.blue {color: #3274cb}
.receipt .report table tr td a {color:#3274cb; text-decoration: underline; text-underline-position: under;}
.receipt .report table tr td a:hover {text-decoration: none;}
.receipt .report table tr td.statement {padding: 8px 0;}
.receipt .report table tr td.statement span {font-weight: 700;}
.receipt .report table tr td.statement dl {display: flex;}
.receipt .report table tr td.statement dl dt {width: 120px; font-size: 14px; color: #999;}
.receipt .report table tr td.statement dl dd {font-size: 14px; color: #999;}
.receipt .report .detail-textbox {margin: 8px;}
.receipt .report .detail-textbox ul {padding: 8px;}
.receipt .report .detail-textbox ul li {margin-bottom: 0;}
.receipt .report .detail-textbox ul li p {font-size: 12px;}
.receipt .report .message {font-size: 14px; width:100%; margin:16px 0; text-align: center;}
.receipt .report .closeMsg {font-size: 10px; width:100%; padding:0 8px 8px; text-align: right; color:#999999;}

.exbox {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 16px; margin-top: 16px; line-height:1.5; font-size:13px; background-color:#fffbeb; border: 1px solid #eeebda; border-left: none; border-right: none;}
.exbox span {display: inline-block; color: #8e785a; font-size:14px; font-weight: 500;}
.exbox .more {font-size: 0; width: 20px;height: 20px;background-image: url("../../img/waiter/chevron-down.png");background-size: cover; filter: invert(49%) sepia(8%) saturate(1514%) hue-rotate(355deg) brightness(96%) contrast(88%);} 
.exbox.on .more {background-image: url("../../img/waiter/chevron-down.png"); transform: rotate(180deg);}
.exbox-detail {padding: 16px; border: 1px solid #eeebda; border-top: none; border-left: none; border-right: none;}
.exbox-detail .detail-list li {display: flex; margin: 8px 0;}
.exbox-detail .detail-list li p {font-size: 13px; color: #888888;}
.exbox-detail .detail-list li p span {font-weight: 700;}
.exbox-detail .detail-list > li::before {content: 'ㆍ'; font-size: 13px; font-weight: 500;}
.exbox-detail .detail-list > li.box::before {content: '';}
.exbox-detail .detail-list > li.box > ul {background-color: #f9f9f9; padding: 14px; width: 100%;}
.exbox-detail .detail-list > li.box > ul > li::before {content: ' -'; font-size: 16px;  margin-right: 4px;}
.exbox-detail .detail-list > li.box > ul > li.not::before {content: '';}
.exbox.center {justify-content: center; background-color: #fafafa; border-color:#e5e5e5;}
.exbox.center span {color:#666666;}
.exbox.center .more {filter: none;background-image: url("../../img/waiter/icon-down2.png");}

/* 광고상품 */
.jobList {margin-top: 24px;}
.jobList .anchor {display: flex; justify-content: center; width: 100%; margin-bottom: 40px; position: sticky; top: 0; z-index: 2; background-color: #fff;}
.jobList .anchor ul {display: grid; grid-template-columns: auto auto auto auto auto; grid-template-rows: auto; max-width: 400px; width: 100%;}
.jobList .anchor ul li {display: inline-block; text-align: center; margin-bottom: 0;}
.jobList .anchor ul li a {display: flex; justify-content: center; align-items: center; height: 100%; padding: 4px 8px; font-size: 16px; color: #999;}
.jobList .anchor ul li a.on {color: #222; border-bottom: 2px solid #222;}
.jobList .detail_box {padding-top: 60px; margin-bottom: 100px; scroll-margin-top: 60px;}
.jobList .detail_box .container {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; gap:20px; padding: 0 55px;}
.jobList .detail_box .container::before {display: none;}
.jobList .detail_box .container::after {display: none;}
.jobList .detail_box .container .content_box h2{margin-bottom:24px; font-size: 1.5rem; line-height: 1.4;}
.jobList .detail_box .container .content_box p{font-size:18px;}
.jobList .detail_box .container .content_box p span{font-size:15px;color:#a6a6a6;margin:4px 0;display:block;}
.jobList .detail_box .container .content_box p span .badge{white-space: nowrap; display: inline-block; background-color: #2ecebf; color: #fff; font-size: 12px; padding: 1px 6px; margin-right: 2px; border-radius: 10px; font-style: initial;}
.jobList .detail_box .container .content_box p span.red {color: #e57373;}
.jobList .detail_box .container .content_box p span:nth-child(1){margin-top:16px;}
.jobList .detail_box .container .content_box p span::before{content:'ㆍ';}
/*광고상품-상품선택*/
.jobList .detail_box .container .content_box form .btns {margin-top: 30px; display: flex;}
.jobList .detail_box .container .content_box form .btns button {color:#fff; background-color: #000; text-decoration: none; padding: 0 16px; margin: 0; word-break: keep-all;}
.jobList .detail_box .container .content_box form .btns button:hover {opacity: 0.8;} 
.jobList .detail_box .container .content_box form .display_price_box{display:flex; flex-wrap:wrap;width:222px;padding:11px 0 9px 20px; border:1px solid #e2e2e2;background-color: #ffffff;}
.jobList .detail_box .container .content_box form .display_price_box::after{content:'';display:table;width:20px;height:20px;margin-top:0;margin-left:8px;background-image:url("../../img/waiter/select_arrow.png");background-size: contain;background-position: center;background-repeat: no-repeat;}
.jobList .detail_box .container .content_box form .price_box{position:relative;}
.jobList .detail_box .container .content_box form .select_box{width:222px;border:1px solid #999999;position:absolute;top:0;left:0;z-index:1;/*box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;*/}
.jobList .detail_box .container .content_box form .select_box li{width:220px; padding:0px; margin-bottom:0;background-color:#ffffff;}
.jobList .detail_box .container .content_box form .select_box li:hover{background-color:#f6f6f6;}
.jobList .detail_box .container .content_box form .select_box li.blank{display: block;padding:21px;background: transparent;}
.jobList .detail_box .container .content_box form .select_box li a{display: flex; flex-wrap:wrap; padding:11px 0 11px 20px; white-space: nowrap;}
.jobList .detail_box .container .content_box form .select_box li a::after{content:'';display:table;width:20px;height:20px;margin-top:0;margin-left:8px;}
.jobList .detail_box .container .content_box form .select_box li span,
.jobList .detail_box .container .content_box form .display_price_box span{pointer-events:none;font-size:13px;font-weight: 300;color:#a6a6a6;display:inline-block;width:30px;text-align:left;}
.jobList .detail_box .container .content_box form .select_box li span:nth-child(2),
.jobList .detail_box .container .content_box form .display_price_box span:nth-child(2){width:55px;text-align:right;}
.jobList .detail_box .container .content_box form .select_box li span:nth-child(2),
.jobList .detail_box .container .content_box form .display_price_box span:nth-child(2){color:#3274cb;display:inline-block;width:56px;}
.jobList .detail_box .container .content_box form .select_box li span:nth-child(3),
.jobList .detail_box .container .content_box form .display_price_box span:nth-child(3){width:75px;text-align:right;}
.jobList .detail_box .container .content_box form .select_box li span:nth-child(3),
.jobList .detail_box .container .content_box form .display_price_box span:nth-child(3){color:#000000;display:inline-block;width:76px; font-weight: 500; white-space: nowrap;}
.jobList .detail_box .container .content_box form .select_box li span:nth-child(3)::after,
.jobList .detail_box .container .content_box form .display_price_box span:nth-child(3)::after{content: '원';font-weight: 300;color:#a6a6a6;}
.jobList .detail_box .container .content_box form button{display:inline-block;font-size:13px;color:#008DF9;text-decoration:underline;text-underline-position:under;margin:30px 0 60px;}
.jobList .detail_box .container .content_box form button:hover{text-decoration: none;}
/*.jobList .detail_box .container .conent_box {}*/
.jobList .detail_box .container .img_box {display: grid; grid-template-columns: 2fr 1fr; grid-template-rows: auto auto; gap: 10px 16px; text-align: center; justify-items: flex-end; height: 265px;}
.jobList .detail_box .container .img_box .pc_caption {grid-column: 1 / 2; grid-row: 1; width: 153px; color: #a6a6a6;}
.jobList .detail_box .container .img_box .pc_img {grid-column: 1 / 2; grid-row: 2; width: 153px; padding: 0 4px;}
.jobList .detail_box .container .img_box .mobile_caption {grid-column: 2 / 3; grid-row: 1; width: 84px; color: #a6a6a6;}
.jobList .detail_box .container .img_box .mobile_img {grid-column: 2 / 3; grid-row: 2; width: 84px; padding: 0 4px;}
@media screen and (min-width:961px) {
  .jobList .anchor {transform: none;}
}
@media screen and (max-width:960px) {
  .jobList .anchor {top: 56px;}
}
@media screen and (max-width:675px) {
  .jobList .anchor {margin-bottom: 0;}
  .jobList .detail_box .container {grid-template-columns: 1fr; grid-template-rows: auto auto; padding: 0 15px;}
  .jobList .detail_box .container .content_box form .btns {justify-content: center;}
  .jobList .detail_box .container .img_box {grid-template-columns: 2fr 1fr calc( (40% - 140px) / 2 ); justify-items: center;}
}

.out-container .hover_icon {display: inline-block; position: relative; padding: 0 8px;}
.package-header .hover_icon {display: inline-block; position: relative; padding: 0 25px;}
.out-container .hover_icon .icon,
.package-header .hover_icon .icon {width:16px; height: 16px; margin-top: -5px; margin-left: 4px; background-image: url("../../img/waiter/question.png"); background-size: 16px; background-repeat: no-repeat;}
.out-container .hover_icon .info_layer,
.package-header .hover_icon .info_layer {display: none; line-height: 1.5; color:#9c9c9c; position: absolute; top: 30px; right:0; z-index: 2; word-break: keep-all; width: 240px; padding: 4px 10px; border: 1px solid #e7e7e7; border-radius: 4px; background-color: #ffffff; box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important;}
.out-container .hover_icon .info_layer span,
.package-header .hover_icon .info_layer span {font-style: normal; display: inline-block; margin-top: 6px; color: #000; font-size: 14px; font-weight: 500;}
.out-container .hover_icon .info_layer p,
.package-header .hover_icon .info_layer p {margin-top: 6px; margin-bottom: 6px; font-style: normal;}
.out-container  .hover_icon:hover > .info_layer,
.package-header .hover_icon:hover > .info_layer {display: block;}

/* 채용공고입력 Vue 3 */
.loadList li {display: grid; grid-template-columns: 1fr 1fr 8fr 1fr 1fr; grid-template-rows: auto; gap:12px; border: 1px solid #e5e5e5; align-items: center;}
.loadList li .state.waiting {color: #f6792e;}
.loadList li .state.running {color: #3274cb;}
.loadList li .state.paused {color: #fb5960;}
.loadList li .state.closed {color: #999999;}
.loadList li .state.del {color: #ff0000;}
.loadList li .tit {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.loadList li .btn {display: flex; justify-content: flex-end; align-items: center;}
.loadList li .btn .v-btn {color: #333; letter-spacing: -1px;}
.licenseLine {font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.licenseLine .state {display: inline-block; line-height: initial; width: 64px; text-align: center; color: #ffffff; background-color: #000; font-size: 13px; padding: 1px 8px 2px; border-radius: 50px; margin-right: 6px;}
.licenseLine .state.unidentified {background-color: #888888;}
.licenseLine .state.unavailable {background-color: #fb5960;}
.licenseLine .state.confirm {background-color: #2ecebf;}
.managerLine {font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 1px; font-variant-numeric: tabular-nums;}
.managerLine.pre {white-space: pre-line;}
.managerLine .name{display: inline-block; min-width: 40px; margin-right: 8px;}
.managerLine .placeholder{opacity: 0.38;}
.jobStep.v-form ul li .tit-box {flex-wrap: wrap; position: relative;}
.jobStep.v-form ul li .tit-box .v-btn {transform: scale(.9);}
.jobStep.v-form ul li .tit-box .sub-tit {width: fit-content;}
.jobStep.v-form ul li .tit-box .sub-tit .v-btn {padding: 0; min-width: 0px; letter-spacing: -1px;}
.jobStep.v-form ul li.bar {border: none; line-height: 1; height: 60px; font-weight: 500; align-items: center; justify-content: space-between;}
.jobStep.v-form ul li.bar::after {content: attr(data-alert); color: #f44336; font-size: 12px; font-weight: 400;}
.jobStep.v-form ul li .v-input__details {min-height: 20px;}
.jobStep.v-form ul li .con-box .v-checkbox-container {max-width: 20%; width: 100%; margin-top: 8px;}
.jobStep.v-form ul li .con-box .v-checkbox-container.custom:nth-child(1n) {max-width: 20%;}
.jobStep.v-form ul li .con-box .v-checkbox-container.custom:nth-child(2n) {max-width: 80%;}
.jobStep.v-form ul li .con-box .v-checkbox-container:nth-child(n+6) {margin-top: 0;}
.jobStep.v-form ul li .con-box .v-checkbox-container .v-checkbox {width: fit-content; margin-left: 0; transform: translateX(-10px); max-width:140px;}
.jobStep.v-form ul li .con-box .v-checkbox-container .v-checkbox .v-label {font-size: 13px; opacity: 0.8; font-weight: 400;}
.jobStep.v-form ul li .con-box .v-checkbox-container .v-checkbox .v-selection-control {min-height: 40px;}
.jobStep.v-form ul li .con-box .v-checkbox-container-line {width: 100%;}
.jobStep.v-form ul li .con-box .v-checkbox-container-line .v-checkbox {max-width: none;}
.jobStep.v-form ul li .con-box .v-checkbox-container-line .v-checkbox .v-label {font-size: 13px; opacity: 0.8; font-weight: 400;}
.jobStep.v-form ul li .con-box .v-checkbox-container-agree {width: 100%; display: flex; justify-content: space-between; align-items: center;}
.jobStep.v-form ul li .con-box .v-checkbox-container-agree .v-btn {letter-spacing: -1px;}
.jobStep.v-form ul li .con-box .v-checkbox-container-agree .v-checkbox {max-width: 320px;}
.jobStep.v-form ul li .con-box .v-checkbox-container-agree .v-checkbox .v-label {font-size: 16px; opacity: 0.8;}
.jobStep.v-form ul li .con-box .v-checkbox-container-agree .v-checkbox .v-input__details {padding-left: 40px; transform: translateY(-16px);}
.jobStep.v-form ul li .con-box table {padding-top: 11px;}
.jobStep.v-form ul li .con-box table .v-checkbox {transform: translate(0px, -8px);}
.jobStep.v-form ul li .v-radio-group .v-selection-control-group .v-selection-control {width: 20%; transform: translateX(-10px);}
.jobStep.v-form ul li .v-radio-group .v-selection-control-group .v-selection-control .v-label {font-size: 13px; opacity: 0.8; font-weight: 400;}
.jobStep.v-form ul li .con-box {align-items: center;}
.jobStep.v-form ul li .con-box .lenChk {width: 0%; top: 36px;}
.jobStep.v-form ul li .con-box .half {max-width: calc(40% + 28px);}
.jobStep.v-form ul li .con-box .short-extra {max-width: calc(80% - 28px);}
.jobStep.v-form ul li .con-box .padding, 
.jobStep.v-form ul li .con-box .padding2 {width: 28px; height: 28px; padding: 0; text-align: center;}
.jobStep.v-form ul li.agree {border-top: 2px solid; margin-top: 60px;}
.jobStep.v-form .bigbtn .v-btn {display: inline-block; border: 1px solid #2ecebf; color: #ffffff; background-color: #2ecebf; padding: 12px 0; min-width: 180px; font-size: 0.95rem; height: auto;}
.jobStep.v-form .bigbtn .v-btn:hover {border: 1px solid #2ecebf; color: #2ecebf; background-color: #ffffff;}
.jobStep.v-form .bigbtn .v-btn.popup {position: fixed; right: 24px; bottom: 24px;}
a.deco {text-decoration: underline; text-underline-position: under; color: #1f96f0;}
a.deco:hover {text-decoration: none;}
@media screen and (max-width:960px) {
  .loadList li {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto; gap:4px;}
  .loadList li .date {grid-column: 3 / 3; grid-row: 1; text-align: right;}
  .loadList li .state {grid-column: 1 / 3; grid-row: 1; padding-left: 70px;}
  .loadList li .tit {grid-column: 1 / 4; grid-row: 2; margin-bottom: 4px;}
  .loadList li .area {grid-column: 1 / 3; grid-row: 1;}
  .loadList li .btn {grid-column: 1 / 4; grid-row: 3; justify-content:center}
  .loadList li .btn .v-btn{width: 100%;}
  .jobStep.v-form ul li .con-box .half {max-width: 100%;}
  .jobStep.v-form ul li .con-box .short {max-width: 92px;}
  .jobStep.v-form ul li .con-box .short-extra {max-width: calc(100% - 120px);}
  .jobStep.v-form ul li .con-box .short2 {max-width: calc(50% - 14px);}
  .jobStep.v-form ul li .con-box {justify-content: flex-start;}
  .jobStep.v-form ul li .con-box .v-checkbox-container {max-width: 50% !important; margin-top: 0px;}
  .jobStep.v-form ul li .con-box .v-checkbox-container:nth-child(1),
  .jobStep.v-form ul li .con-box .v-checkbox-container:nth-child(2) {margin-top: 12px;}
  .jobStep.v-form ul li .con-box .v-checkbox-container .v-checkbox {margin-top: 0;}
  .jobStep.v-form ul li .v-radio-group .v-selection-control-group .v-selection-control {width: 50%;}
}

/* 채용공고상세 Vue 3 */
.section-main {display: grid; grid-template-columns: 6fr 4fr; grid-template-rows: auto auto auto; gap: 30px 50px; margin-top: 80px;}
.section-main .slide {grid-column: 1; padding-bottom: 72.5%; position: relative; overflow: hidden;}
.section-main .slide .swiper-container {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section-main .slide .swiper-button-next {right: 0;}
.section-main .slide .swiper-button-prev {left: 0;}
.section-main .slide .swiper-button-next:after,
.section-main .slide .swiper-button-prev:after {font-size: 24px; color: rgba(255, 255, 255, .8); background-color: rgba(0, 0, 0, .4); padding: 18px 12px;}
.section-main .slide .swiper-pagination-fraction {width: fit-content; left: auto; right:10px; padding: 10px 17px; color: rgba(255, 255, 255, .8); background-color: rgba(0, 0, 0, .4);}
.section-main .slide .no-img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f7f7f7; color: #bfbfbf; font-size: 60px; word-break: keep-all;}
.section-main .info {grid-column: 2; grid-row: 1 / 4;}
.section-main .info .pin {position: sticky; top: 20px;}
.section-main .info .pin .pin-head {font-size: 15px;}
.section-main .info .pin .pin-head .shareBox {height: 28px;}
.section-main .info .pin .pin-items {height: calc(100vh - 100px); overflow-y: auto; padding-right: 4px; overscroll-behavior: contain;}
.section-main .info .pin .pin-items::-webkit-scrollbar {width: 4px;}
.section-main .info .pin .pin-items::-webkit-scrollbar-thumb {background-color: #bbb;}
.section-main .info .pin .pin-items::-webkit-scrollbar-track {background-color: #f9f9f9;}
.section-main .info .pin .pin-items .pin-item > * {font-size: 15px;}
.section-main .info .pin .pin-items .pin-item .vertical-bar {display: inline-block; width: 1px;}
.section-main .info .pin .pin-items .pin-item h1 {font-size: 27px; word-break: keep-all; overflow: hidden;}
.section-main .info .pin .pin-items .pin-item .summary li {font-size: 15px; line-height: 1.7;}
.section-main .info .pin .pin-items .pin-item .manager .badge {font-size: 13px; line-height: 1.3;}
.section-main .info .pin .pin-items .pin-item .manager ul li .managerLine {font-size: 16px;}
.section-main .info .pin .pin-items .pin-item .manager ul li .managerLine .name {min-width: 60px; font-weight: 400;}
.section-main .info .pin .pin-items .pin-item .manager ul li .managerLine a {font-weight: 400;}
.section-main .info .pin .pin-items .pin-item .report {font-size: 12px;}
.section-main .info .pin .pin-items .pin-item .v-btn {letter-spacing: -1px;}
.section-main .info .pin .pin-items .pin-item .v-btn.like {font-size: 13px; line-height: 1;}
.section-main .info .pin .pin-items .pin-item .v-btn.like .v-icon {transform: translateY(1px);}
.section-main .info .pin .pin-items .pin-item .hash {word-break: keep-all;}
.section-main .info .pin .pin-items .pin-item .rank {display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; grid-template-rows: auto; gap: 8px 12px; align-items: center;}
.section-main .info .pin .pin-items .pin-item .rank a {font-size: 14px;}
.section-main .info .pin .pin-items .pin-item .rank .rank-tit {font-size: 16px; display: flex; height: fit-content; align-items: center;}
.section-main .info .pin .pin-items .pin-item .rank .rank-tit button {transform: translateY(1px);}
.section-main .info .pin .pin-items .pin-item .rank .rank-tit .sub {font-size: 14px;}
.section-main .info .pin .pin-items .pin-item .rank .rank-line {grid-column: 1 / 5; grid-row: 2; padding-bottom: 1px; background-color: #e8e8e8; margin: 8px 0;}
.section-main .info .pin .pin-items .pin-item .rank .rank-item {font-size: 13px; text-align: center;}
.section-main .info .pin .pin-items .pin-item .rank .rank-item .v-btn {opacity: 1; min-height: 0; height: fit-content; padding: 0 8px; min-width: 48px;}
.section-main .info .pin .pin-items .pin-item:nth-child(n+2) {border: 1px solid #e8e8e8;}
.section-main .info .pin .pin-items .pin-item .moels {display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
.section-main .info .pin .pin-items .pin-item .moels a {display: flex; justify-content: center; align-items: center; font-size: 13px; padding: 14px 8px;}
.section-main .info .pin .pin-items .pin-item .moels a:nth-child(1) {color: #8fa6c8; background-color: #f9fafe;}
.section-main .info .pin .pin-items .pin-item .moels a:nth-child(2) {color: #9E9E9D; background-color: #f8f8f8;}
.section-main .info .pin .pin-items .pin-item .moels a img {width: 18px; height: 18px; margin-top: 1px; margin-right: 6px;}
.section-main .info .pin .pin-items .pin-item .moels a .v-icon {margin-top: 1px;}
.section-main .chk {grid-column: 1; background-color: #f7fdfd; border: 1px solid #d1e5e3;}
.section-main .chk ul li p {font-size: 14px; word-break: keep-all;}
.section-main .detail {grid-column: 1;}
.section-main .detail-item {margin-bottom: 100px;}
.section-main .detail-item:last-child {margin-bottom: 0px;}
.section-main .detail-item .detail-item-nav {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; gap: 1px; padding: 0 1px;}
.section-main .detail-item .detail-item-nav a {font-size: 15px; color:#999 !important; margin:0 -1px; border: 1px solid #e8e8e8; border-bottom: 1px solid #9c9c9c;}
.section-main .detail-item .detail-item-nav a.on {color:#000 !important; position: relative; z-index: 1; border: 1px solid #9c9c9c; border-bottom: 1px solid transparent;}
.section-main .detail-item .detail-item-con .hobba-poster-1 {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; gap: 10px; text-align: center; background-color: #f1f1f1;}
.section-main .detail-item .detail-item-con .hobba-poster-1 .tit {grid-column: 1 / 4; grid-row: 1; font-size: 28px; letter-spacing: -2px; line-height: 36px; margin-top: 60px;}
.section-main .detail-item .detail-item-con .hobba-poster-1 .chat-1 {grid-column: 2 / 4; grid-row: 2; display: flex; justify-content: center;}
.section-main .detail-item .detail-item-con .hobba-poster-1 .chat-2 {grid-column: 1 / 3; grid-row: 3; display: flex; justify-content: center;}
.section-main .detail-item .detail-item-con .hobba-poster-1 .chat-3 {grid-column: 2 / 4; grid-row: 4; display: flex; justify-content: center;}
.section-main .detail-item .detail-item-con .hobba-poster-1 .chat-4 {grid-column: 1 / 3; grid-row: 5; display: flex; justify-content: center;}
.section-main .detail-item .detail-item-con .hobba-poster-1 .chat {font-size: 15px; word-break: keep-all; position: relative; overflow: hidden; padding: 0 10px;}
.section-main .detail-item .detail-item-con .hobba-poster-1 .chat span {position: relative; z-index: 2;}
.section-main .detail-item .detail-item-con .hobba-poster-1 .chat.left:before {pointer-events: none; content: ' '; position: absolute; left: 0; bottom: 0; z-index: 1; display: block; width: 32px; height: 32px; border-top-right-radius: 0px !important; border-radius: 50%; background-color: #f1f1f1; transform: translateX(-20px);}
.section-main .detail-item .detail-item-con .hobba-poster-1 .chat.left:after {pointer-events: none; content: ' '; position: absolute; left: 0; bottom: 0; z-index: 0; display: block; width: 40px; height: 32px; border-radius: 50%; background-color: white; transform: translateX(-10px);}
.section-main .detail-item .detail-item-con .hobba-poster-1 .chat.right:before {pointer-events: none; content: ' '; position: absolute; right: 0; bottom: 0; z-index: 1; display: block; width: 32px; height: 32px; border-top-left-radius: 0px !important; border-radius: 50%; background-color: #f1f1f1; transform: translateX(20px);}
.section-main .detail-item .detail-item-con .hobba-poster-1 .chat.right:after {pointer-events: none; content: ' '; position: absolute; right: 0; bottom: 0; z-index: 0; display: block; width: 40px; height: 32px; border-radius: 50%; background-color: white; transform: translateX(10px);}
.section-main .detail-item .detail-item-con .hobba-poster-1 .dott {grid-column: 1 / 4; grid-row: 6; font-size: 60px; position: relative; display: flex; flex-direction: column; align-items: center;}
.section-main .detail-item .detail-item-con .hobba-poster-1 .dott:after {content: ' '; display: block; position: absolute; width: 100%; height:100%; background: linear-gradient(transparent, #f1f1f1); opacity: .95;}
.section-main .detail-item .detail-item-con .hobba-poster-1 .dott .circle { width: 6px; height: 6px; background-color: #bbb; border-radius: 50%;}
.section-main .detail-item .detail-item-con .hobba-poster-1 .end {grid-column: 1 / 4; grid-row: 7; margin-bottom: 60px; font-size: 15px;}
.section-main .detail-item .detail-item-con .hobba-poster-2 {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: auto; text-align: center; padding: 0 40px;}
.section-main .detail-item .detail-item-con .hobba-poster-2 .tit {grid-column: 1 / 5; grid-row: 1; font-size: 28px; letter-spacing: -1px; margin-top: 20px; word-break: keep-all;}
.section-main .detail-item .detail-item-con .hobba-poster-2 .tit span {color: #2ecebf;}
.section-main .detail-item .detail-item-con .hobba-poster-2 .sub {grid-column: 1 / 5; grid-row: 2; font-size: 15px; letter-spacing: -1px; font-weight: 200; word-break: keep-all;}
.section-main .detail-item .detail-item-con .hobba-poster-2 .tb {background-color: #fafafa;}
.section-main .detail-item .detail-item-con .hobba-poster-2 .tb.col-1 {grid-column: 1 / 2; grid-row: 3;}
.section-main .detail-item .detail-item-con .hobba-poster-2 .tb.col-2 {grid-column: 2 / 3; grid-row: 3; background-color: #fff;}
.section-main .detail-item .detail-item-con .hobba-poster-2 .tb.col-2 ul {border: 1px solid #000; position: relative;}
.section-main .detail-item .detail-item-con .hobba-poster-2 .tb.col-3 {grid-column: 3 / 4; grid-row: 3;}
.section-main .detail-item .detail-item-con .hobba-poster-2 .tb.col-4 {grid-column: 4 / 5; grid-row: 3;}
.section-main .detail-item .detail-item-con .hobba-poster-2 .tb {background-color: #f1f1f1;}
.section-main .detail-item .detail-item-con .hobba-poster-2 .tb ul {border-top: 1px solid transparent; border-bottom: 1px solid transparent;}
.section-main .detail-item .detail-item-con .hobba-poster-2 .tb ul li {padding: 8px 4px; font-size: 14px; display: flex; justify-content: center; align-items: center; word-break: keep-all; min-height: 58px; border-bottom: 1px solid #e2e2e2;}
.section-main .detail-item .detail-item-con .hobba-poster-2 .tb ul li:last-child {border-bottom: none;}
.section-main .detail-item .detail-item-con .hobba-poster-2 .raw {grid-column: 1 / 5; grid-row: 4;}
.section-main .detail-item .detail-item-con .hobba-poster-2 .raw ul li {display: flex;}
.section-main .detail-item .detail-item-con .hobba-poster-2 .raw ul li img {width: 18px; height: 18px; margin-top: 1px; margin-right: 6px;}
.section-main .detail-item .detail-item-con .hobba-poster-2 .raw ul li p {word-break: keep-all; text-align: left; font-size: 15px; line-height: 26px;}
.section-main .detail-item .detail-item-con .hobba-poster-2 .raw ul li p .pen {border-bottom:1px solid rgba(255, 0, 0, 0.4); box-shadow: inset 0 -2px 0 rgba(255, 0, 0, 0.4);}
.section-main .detail-item .detail-item-con .hobba-poster-2 .raw ul li p .pen .pen-point {border:3px solid rgba(255, 0, 0, 0.4); border-radius: 50%;}
.section-main .detail-item .detail-item-con .hobba-poster-3 {background: linear-gradient(-132deg, transparent 42px, #f4f5f5 8%); padding: 40px; margin-top: 80px; position: relative;}
.section-main .detail-item .detail-item-con .hobba-poster-3:before {content: ''; display: block; position: absolute; top: 0; right: 0; width: 1px; height:1px; border-right: 57px solid transparent; border-bottom: 63px solid #f4f5f5; box-shadow: -4px 4px 4px 0px rgba(0,0,0,.1)!important;}
.section-main .detail-item .detail-item-con .hobba-poster-3 .tit {font-size: 15px;}
.section-main .detail-item .detail-item-con .hobba-poster-3 p {white-space: pre-line; font-size: 15px;}
.section-main .detail-item .detail-item-con .hobba-poster-4 {text-align: center; margin-top: 80px; line-height: 30px;}
.section-main .detail-item .detail-item-con .hobba-poster-4 span {font-size: 28px; letter-spacing: -1px; word-break: keep-all; display: inline-block;}
.section-main .detail-item .detail-item-con .hobba-poster-4 p {font-size:19px; word-break: keep-all;}
.section-main .detail-item .detail-item-con .card-tit {word-break: keep-all; font-size: 26px;}
.section-main .detail-item .detail-item-con .card-sub {word-break: keep-all; font-size: 24px;}
.section-main .detail-item .detail-item-con .card-sub-2 {word-break: keep-all; font-size: 14px;}
.section-main .detail-item .detail-item-con .aggro-b {font-family: 'SBAggroB';}
.section-main .detail-item .detail-item-con .aggro-l {font-family: 'SBAggroL';}
.section-main .detail-item .detail-item-con .introduction dt {font-size: 16px; border-bottom: 1px solid #ddd;}
.section-main .detail-item .detail-item-con .introduction dd {font-size: 15px; white-space: pre-line;}
.section-main .detail-item .detail-item-con .summary dl {display: grid; grid-template-columns: 1fr 3fr; grid-template-rows: auto;}
.section-main .detail-item .detail-item-con .summary dl dt {font-size:14px; font-weight: 500; color: #999; padding:0 8px;}
.section-main .detail-item .detail-item-con .summary dl dd {font-size:14px; padding:0 8px;}
.section-main .detail-item .detail-item-con .summary dl dd .badge {font-size: 13px; display: inline-block;}
.section-main .detail-item .detail-item-con .summary dl dd .caption {font-size: 12px; display: inline-block;}
.section-main .detail-item .detail-item-con .summary dl dd ul li {font-size: 14px; word-break: keep-all;}
.section-main .detail-item .detail-item-con .summary dl dd ul.pay li {display: grid; grid-template-columns: 3fr 2fr 4fr; grid-template-rows: auto;}
.section-main .detail-item .detail-item-con .summary dl dd ul.pay li > * {font-size: 14px;}
.section-main .detail-item .detail-item-con .summary dl dd ul.pay li .v-btn { font-size: 12px; letter-spacing: -1px;}
.section-main .detail-item .detail-item-con .summary dl dd ul.pay li.commission {display: block;}
.section-main .detail-item .detail-item-con .summary .divide {border-bottom: 1px solid #eee;}
.section-main .detail-item .detail-item-con .kakao-map .kakao-map-head span {font-size: 14px;}
.section-main .detail-item .detail-item-con .kakao-map .kakao-map-body {height: 360px;}
.section-main .detail-item .detail-item-con .moels {display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
.section-main .detail-item .detail-item-con .moels a {display: flex; justify-content: center; align-items: center; font-size: 13px; padding: 14px 8px;}
.section-main .detail-item .detail-item-con .moels a:nth-child(1) {color: #9E9E9D; background-color: #f8f8f8;}
.section-main .detail-item .detail-item-con .moels a:nth-child(2) {color: #d69c9b; background-color: #fef8f8;}
.section-main .detail-item .detail-item-con .moels a img {width: 18px; height: 18px; margin-top: 1px; margin-right: 6px;}
.section-main .detail-item .detail-item-con .moels a .v-icon {margin-top: 1px;}
.section-main .underline {border-bottom: 1px solid #e8e8e8;}
@media screen and (max-width:960px) {
  .section-main {margin-top: 112px;}
  .section-main .slide {grid-column: 1 / 3; margin-top: 30px;}
  .section-main .slide .swiper-button-next,
  .section-main .slide .swiper-button-prev {opacity: 0;}
  .section-main .slide .swiper-pagination-fraction {padding: 3px 8px;}
  .section-main .slide .no-img {font-size: 36px;}
  .section-main .slide.no-img-parent {padding: 0; margin: 0;}
  .section-main .info {grid-column: 1 / 3; grid-row: 2;}
  .section-main .info .pin {position: static;}
  .section-main .info .pin .pin-items {height: unset; overflow-y: visible; padding-right: 0;}
  .section-main .info .pin .pin-items .pin-item .moels a {font-size: 12px; padding: 14px 4px;}
  .section-main .info .pin .pin-items .pin-item .moels a img {width: 14px; height: 14px; margin-right: 4px;}
  .section-main .chk {grid-column: 1 / 3;}
  .section-main .detail {grid-column: 1 / 3;}
  .section-main .detail-item:last-child {margin-bottom: 100px;}
  .section-main .detail-item .detail-item-con .hobba-poster-1 .chat span {font-size: 14px;}
  .section-main .detail-item .detail-item-con .hobba-poster-2 {padding: 0 8px;}
  .section-main .detail-item .detail-item-con .hobba-poster-2 .tit {font-size: 19px;}
  .section-main .detail-item .detail-item-con .hobba-poster-3 {padding: 24px 16px;}
  .section-main .detail-item .detail-item-con .hobba-poster-4 {line-height: 26px;}
  .section-main .detail-item .detail-item-con .hobba-poster-4 span {font-size: 19px;}
  .section-main .detail-item .detail-item-con .hobba-poster-4 p {font-size: 16px;}    
  .section-main .detail-item .detail-item-con .summary dl {grid-template-columns: 1fr; grid-template-rows: auto auto;}
  .section-main .detail-item .detail-item-con .summary dl dt {grid-column: 1; grid-row: 1; margin-top: 8px; margin-bottom: 8px;}
  .section-main .detail-item .detail-item-con .summary dl dd {grid-column: 1; grid-row: 2; margin-bottom: 8px;}
  .section-main .detail-item .detail-item-con .summary dl dd ul.pay li {grid-template-columns: 5fr 3fr 3fr;}
  .section-main .detail-item .detail-item-con .moels a {font-size: 12px; padding: 14px 4px;}
  .section-main .detail-item .detail-item-con .moels a img {width: 14px; height: 14px; margin-right: 4px;}
}
@media screen and (max-width:768px) {
  .section-main .detail-item .detail-item-con .card-tit {font-size: 20px;}
  .section-main .detail-item .detail-item-con .card-sub {font-size: 20px;}
}

/* 채용공고관리 Vue 3 */
.tab-chips {display: flex; justify-content: space-between; width: 100%; max-width: 425px; margin: 0 auto;}
.tab-chips .v-btn {letter-spacing: -1px; font-weight: 400;}
.job-card {border: 1px solid #ddd !important;}
.job-card .v-card-actions {min-height: 0;}
.job-card .v-card-actions .v-btn {min-width: 0; letter-spacing: -1px;}
.job-card .job-card-content {display: grid; grid-template-columns: 80px 1fr calc((100% - 80px) / 2); grid-template-rows: auto ; gap:16px 24px;}
.job-card .job-card-content .box {grid-column: 1 / 2; display: flex; align-items: center; justify-content: center; font-size: 15px; height: 80px; border-radius: 30px;}
.job-card .job-card-content .header {grid-column: 2 / 3; min-width: 0;}
.job-card .job-card-content .header ul li {font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #000;}
.job-card .job-card-content .section {grid-column: 3 / 4;}
.job-card .job-card-content .section dl {display: grid; grid-template-columns: 80px 1fr; gap:8px 24px;}
.job-card .job-card-content .section dl dt {grid-column: 1 / 2; font-size: 14px; color: #000;}
.job-card .job-card-content .section dl dd {grid-column: 2 / 3; font-size: 14px; color: #666;}
.job-card .job-card-content .section ul li span {display: inline-block; width: 104px;}
@media screen and (max-width:960px) {
  .job-card .job-card-content {grid-template-columns: 80px 1fr; grid-template-rows: auto auto;}
  .job-card .job-card-content .box {grid-column: 1 / 2; grid-row: 1;}
  .job-card .job-card-content .header {grid-column: 2 / 3; grid-row: 1;}
  .job-card .job-card-content .section {grid-column: 1 / 3; grid-row: 2;}
}
@media screen and (max-width:374px) {
  .job-card .v-card-actions .v-btn {padding: 0 4px;}
}

html.v-overlay-scroll-blocked {padding: 0;}
.border-grey {border-color: #9E9E9E !important;}

/* 툴바 커스텀 1 */
.v-card__custom__1 .v-toolbar .v-toolbar__content {align-items: flex-start; max-height: fit-content; height: auto !important;}
.v-card__custom__1 .v-toolbar .v-toolbar__content > .v-toolbar-title dl {margin-top: 9px;}
.v-card__custom__1 .v-toolbar .v-toolbar__content > .v-toolbar-title dl dt {line-height: 1.5;font-weight: 500;font-size: 16px;margin-bottom: 4px;}
.v-card__custom__1 .v-toolbar .v-toolbar__content > .v-toolbar-title dl dd {line-height: 1.5;color: #333333;opacity: 0.6;font-size: 13px;}
.v-card__custom__1 .v-toolbar .v-toolbar__content > .v-toolbar-title span {line-height: 1.5;font-weight: 500;font-size: 16px;margin-top: 9px; display: inline-block;}
.v-card__custom__1 .v-btn {min-width: 0px;}
.v-card__custom__1 .hover:hover {background-color: #f8f8f8;}
.v-card__custom__1 .share {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: auto; gap:10px;}
.v-card__custom__1 .share .name {font-size: 12px;}
.v-card__custom__1 .share input {display: block; width: 1px; height: 1px; opacity: 0;}
.v-card__custom__1 .agree {padding: 8px; max-height: 360px; overflow: auto;}
.v-card__custom__1 .agree span {display: flex; word-break: keep-all; font-size: 14px; letter-spacing: -1px;}
.v-card__custom__1 .agree span.dott::before {content: 'ㆍ';}
.v-card__custom__1 .agree::-webkit-scrollbar {width: 4px;}
.v-card__custom__1 .agree::-webkit-scrollbar-thumb {background-color: #bbb;}
.v-card__custom__1 .agree::-webkit-scrollbar-track {background-color: #f9f9f9;}

.bamsajangBanner {display: block; background-color:#FBF6CC; display: grid; grid-template-columns: 1fr 40px; gap:25px; padding: 18px 25px; margin: 30px 0; border-radius: 10px; align-items: center; text-decoration: none !important;}
.bamsajangBanner p {font-size: 18px;}
.bamsajangBanner p strong {font-size: 18px;}
.bamsajangBanner p br {display: none;}
.bamsajangBanner .chevron-left {width: 40px; height: 40px; transform: rotate(180deg); background-image: url('../../img/default/chevron-left.svg'); background-size: 30px; background-position: center; background-color: #fff; border-radius: 50%;}
.bamsajangBanner.blue {background-color:#3884F6;}
.bamsajangBanner.blue p {color: #fff; font-size: 15px;}
.bamsajangBanner.blue p strong {color: #fff; font-weight: 500;}
.bamsajangBanner.blue p br {display: inline;}
.bamsajangBanner.blue .chevron-left {background-image: url('../../img/default/chevron-left-white.svg'); background-color: rgba(255,255,255,0.1);}

.bamsajangLine {background-color:#ededed;}
.bamsajangLine .line {padding: 18px 0;}
.bamsajangLine .line p {font-size: 14px; word-break: keep-all;}
.bamsajangLine .line .badge {min-width: 50px; display: flex; align-items: center; justify-content: flex-end;}
.bamsajangLine .line .badge span {font-size: 12px; display: inline-block; min-width: none; padding: 0 6px; color: rgba(0, 0, 0, .5); border: 1px solid rgba(0, 0, 0, .5); border-radius: 10px;}

.bamsajangOpen .title {font-size: 42px; margin-top: 80px; margin-bottom: 8px;}
.bamsajangOpen h1 {font-size: 21px; margin-bottom: 80px; font-weight: 400;}
.bamsajangOpen h1 strong {font-weight: 700;}
.bamsajangOpen .benefit li h2 {font-size: 22px; margin-bottom: 10px; display: flex; align-items: center;}
.bamsajangOpen .benefit li h2 span {border-radius: 50%; color: #fff; background-color: #000; display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; font-size: 14px; margin-right: 8px;}
.bamsajangOpen .benefit li p {font-size: 18px; margin-bottom: 60px; word-break: keep-all;}
.bamsajangOpen .btns {margin: 80px 0; justify-content: flex-start; gap: 20px;}
.bamsajangOpen .btns .btn {font-size: 16px; padding: 20px 0; width: 100%; max-width: 400px; border: 1px solid rgba(0, 0, 0, .5); border-radius: 40px; word-break: keep-all;}
.bamsajangOpen .btns .btn br {display: none;}

@media screen and (max-width:960px) {
  .bamsajangBanner {margin: 16px 0;}

  .bamsajangBanner p {font-size: 15px;}
  .bamsajangBanner p br {display: inline;}

  .bamsajangLine {margin-top: 56px;}
  .bamsajangLine .line p {font-size: 12px;}
  .bamsajangLine .line span {font-size: 11px;}

  .bamsajangOpen .title {font-size: 22px; margin-top: 40px;}
  .bamsajangOpen h1 {font-size: 14px; margin-bottom: 40px;}
  .bamsajangOpen .benefit li h2 {font-size: 18px;}
  .bamsajangOpen .benefit li h2 span {width: 18px; height: 18px; font-size: 11px;}
  .bamsajangOpen .benefit li p {font-size: 14px; margin-bottom: 40px;}
  .bamsajangOpen .btns {gap:10px;}
  .bamsajangOpen .btns .btn {font-size: 14px; padding: 10px 0; max-width: 330px;}
  .bamsajangOpen .btns .btn br {display: inline;}
}