.img-job-event {position:relative; width:780px; height:729px; background: url(../../../../common/images/gen/contents/img_jobEvent.jpg)no-repeat 0 0;}
.img-job-event.event02 {background: url(../../../../common/images/gen/contents/img_jobEvent2.jpg)no-repeat 0 0;}
.img-job-event.event03 {background: url(../../../../common/images/gen/contents/img_jobEvent3.jpg)no-repeat 0 0;}
.img-job-event.event04 {background: url(../../../../common/images/gen/contents/img_job_interview1.jpg)no-repeat 0 0;}
.img-job-event.event05 {background: url(../../../../common/images/gen/contents/img_job_interview2.jpg)no-repeat 0 0;}
.img-job-event.event06 {background: url(../../../../common/images/gen/contents/img_job_interview3.jpg)no-repeat 0 0;}
.btn-event-board {position:absolute; top:612px; left:260px; width:270px; height:60px; cursor:pointer;}
.btn-event-board.type-left {left:132px;}
.btn-event-board.type-right {left:410px;}
@import url(https://fonts.googleapis.com/earlyaccess/jejumyeongjo.css); /************** web/mobile �⑤벏�� **************/
.txt_wh { color: #fff; }
.txt_bl { color: #367dbd; }
.txt_gr { color: #008c7e; }
.txt_red { color: #ea0000; font-size: inherit; }
.txt_or { color: #ff8a00; }
.inline { display: inline-block; }
.mt50 { margin-top: 50px; }
.mt20 { margin-top: 20px; }
.M30 { margin: 30px 0; }
.mr10 { margin-right: 10px; }
.lh40 { line-height: 40px; }
#wrapper .pb15 { padding-bottom: 15px; }
#wrapper .left { text-align: left; }
#wrapper .a_blue { background: #367dbd; }
#wrapper .a_grey { background: #747474; color: #fff; }
#wrapper .editor_img { max-width: 100%; }
.fs14 { font-size: 14px; }
.fs18 { font-size: 18px; } /* 2019-11-14 */
.bl_or { padding-left: 10px; margin-left: 10px; position: relative; }
.bl_or:before { content: ""; display: block; width: 3px; height: 3px; background: #ff8a00; position: absolute; top: 10px; left: 0; }
.nofix { table-layout: auto; }
/* 占쎈읂占쎌뵠筌욌벡荑귞뵳占� */
.paging { text-align: center; padding-top: 40px; }
.paging ul { line-height: 0; font-size: 0; padding: 0 10px; }
.paging ul,
.paging ul li { display: inline-block; }
.paging a { display: inline-block; width: 30px; height: 30px; margin: 0 3px; border: 1px solid #ccc; font: 13px/30px "Noto Sans KR"; color: #555; }
.paging > a { font-size: 0; vertical-align: top; border: 1px solid #e8e8e8; }
.paging .active a { border: 1px solid #008c7e; background: #008c7e; color: #fff; font-weight: 600; }
.paging .prev_first { background: url(../../images/womanup/prev_first.png) no-repeat center; }
.paging .prev_page { background: url(../../images/womanup/prev.png) no-repeat center; }
.paging .next_page { background: url(../../images/womanup/next.png) no-repeat center; }
.paging .next_last { background: url(../../images/womanup/next_last.png) no-repeat center; }
label { display: inline-block; }
input[placeholder] { color: #777; font-weight: 400; }
/* 占쎌쟿占쎌뵠占쎈선 占쎈솚占쎈씜_�울옙占쎈뼎占쎌젟癰귨옙 */
#layer_int .checkbox { float: none; }
#layer_int div { max-width: 800px; }
#layer_int h4 { font: 500 20px "Noto Sans KR"; padding: 10px 0; border-bottom: 1px solid #ddd; position: relative; }
#layer_int h4:before { content: ""; position: absolute; top: 0; left: 0; width: 24px; border-top: 2px solid #008c7e; }
#layer_int .checkbox { margin: 20px 0 40px; }
#layer_int .checkbox li { float: left; width: 25%; }
#layer_int .btn_close { margin-right: -360px; }
#layer_cor > div { margin-top: 100px; } /*, #layer_caption>div*/
/*.ml-10 { margin-left: -10px; } */
/* join_step2 占쎈튋�울옙占쎈짗占쎌벥 */
.join_agree .agree_text { border: 1px solid #ddd; margin-bottom: 55px; }
.join_agree .agree_text > div { height: 230px; overflow-y: auto; }
.join_agree .agree_text > div > div { padding: 35px 30px; }
.join_agree .agree_text > div p,
.join_agree .agree_text > div li { color: #6e6e6e; }
.join_agree .agree_text > div h4 { font-size: 25px; padding: 30px 0 15px; }
.join_agree .agree_text > div h4:first-child { padding-top: 0; }
.join_agree .agree_text > div h5 { padding: 15px 0 8px; }
.join_agree .agree_text > div h5,
.join_agree .agree_text p { line-height: 23px; }
.join_agree .agree_text > div p { padding-bottom: 15px; line-height: 20px; }
.join_agree .agree_text > div ul { padding: 0 0 15px 20px; }
.join_agree .agree_text > div ul li { line-height: 23px; padding-bottom: 5px; }
.join_agree .agree_text > div span { display: inline-block; width: 170px; }
.join_agree .agree_text > div a { display: inline-block; color: #6e6e6e; }
.join_agree .agree_text > div ul ol { padding: 5px 0 0 20px; }
.join_agree .agree_text > div ul ol ul { padding-top: 5px; }
.join_agree .agree_text > div img { padding-bottom: 15px; }
.regist_text h2 { font: 500 25px "Noto Sans KR"; color: #333; padding-bottom: 20px; }
.regist_text h2 span { width: auto; }
.regist_text p,
.regist_text li { color: #6e6e6e; }
.regist_text h4 { font-size: 20px; font-weight: 500; padding: 10px 0 5px; color: #000; }
.regist_text h5 { padding: 0 0 5px; font-weight: 500; color: #333; }
.regist_text h5,
.join_agree .agree_text p { line-height: 23px; }
.regist_text p { padding-bottom: 15px; line-height: 20px; color: #6e6e6e; }
.regist_text ul { padding: 0 0 15px 20px; }
.regist_text ul li { line-height: 23px; padding-bottom: 5px; }
.regist_text span { display: inline-block; width: 170px; }
.regist_text a { display: inline-block; color: #1a61cd; }
.regist_text ul ol { padding: 5px 0 0 20px; }
.regist_text ul ol ul { padding-top: 5px; }
.regist_text img { padding-bottom: 15px; }
.regist_text strong { font-size: 22px; color: red; line-height: 1; } /* 2019-11-01 */
.privacy_table { width: 100%; border-top: 1px solid #008c7e; margin-bottom: 10px; }
.privacy_table th { background: #f6f6f6; border: 1px solid #ececec; border-bottom: 1px solid #ddd; border-top-width: 0; padding: 15px 10px; }
.privacy_table td { border: 1px solid #ececec; text-align: center; padding: 15px 10px; }
/* young_sup_box */
.young_sup_box { border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; }
.young_sup_box .row { display: table; width: 100%; border-bottom: 1px solid #ececec; border-collapse: collapse; }
.young_sup_box .row:last-child { border-bottom: 0 none; }
.young_sup_box .round_box { display: table-cell; width: 17%; text-align: center; vertical-align: middle; }
.young_sup_box .round_box .tit { display: inline-block; position: static; width: 140px; height: 140px; padding-top: 88px; background: #008c7f url("../../images/gen/contents/seocho_241_1.jpg") center
33px no-repeat; border-radius: 50%; color: #fff; font-size: 16px; visibility: visible; }
.young_sup_box .row2 .round_box .tit { background-image: url("../../images/gen/contents/seocho_241_2.jpg"); background-color: #4fa610; }
.young_sup_box .row3 .round_box .tit { background-image: url("../../images/gen/contents/seocho_241_3.jpg"); background-color: #aaa; }
.young_sup_box .con_box1 { display: table-cell; width: 17%; padding: 25px 10px; vertical-align: top; }
.young_sup_box .con_box1 .tit_box { display: table; width: 100%; margin-bottom: 37px; border-collapse: collapse; }
.young_sup_box .con_box1 .tit_box .inner_cell { display: table-cell; height: 50px; vertical-align: middle; }
.young_sup_box .con_box1 .tit_box .tit1 { margin: 0; font-size: 20px; }
.young_sup_box .con_box1 .tit_box .tit2 { color: #767676; }
.young_sup_box .con_box1 .type_box .type { margin-bottom: 5px; font-weight: 500; }
.young_sup_box .con_box1 .type_box .type:last-child { margin-bottom: 0; }
.young_sup_box .con_box1 .type_box .type .year { display: inline-block; width: 70px; height: 30px; line-height: 30px; margin-right: 10px; background-color: #f6f6f6; border-radius: 15px; text-align: center; }
.young_sup_box .con_box2 { display: table-cell; width: 66%; padding: 25px 0 0 15px; vertical-align: top; }
.young_sup_box .con_box2 .txt { margin-bottom: 15px; }
.young_sup_box .con_box2 .m_flow_box { display: none; }
.young_sup_box .con_box2 .m_flow_box .type_each { margin-bottom: 20px; border-bottom: 1px dashed #ececec; }
.young_sup_box .con_box2 .m_flow_box .type_each:last-child { margin-bottom: 0; border-bottom: 0 none; }
.young_sup_box .month_flow li { float: left; position: relative; width: 14.28%; border-top: 1px solid #ececec; text-align: center; }
.young_sup_box .month_flow.in_txt li { width: 100%; padding-top: 55px; }
.young_sup_box .month_flow .month { margin-bottom: 20px; padding-top: 10px; color: #5e5e5e; }
.young_sup_box .month_flow .month:before,
.young_sup_box .month_flow .month:after,
.young_sup_box .month_flow.in_txt li:before,
.young_sup_box .month_flow.in_txt li:after { content: ""; display: block; position: absolute; left: 50%; top: -4px; width: 7px; height: 7px; margin-left: -3px; background-color: #5d5d5d; border-radius: 50%; }
.young_sup_box .month_flow .month:before { display: none; }
.young_sup_box .month_flow.in_txt li:before { display: block; left: 0; }
.young_sup_box .month_flow.in_txt li:after { left: auto; right: 0; }
.young_sup_box .month_flow .type_money { height: 22px; margin-bottom: 14px; color: #0170c9; }
.young_sup_box .month_flow .type_money:last-child { margin-bottom: 0; }
.young_sup_box .month_flow .flow_txt { margin-bottom: 14px; color: #0170c9; }
.young_sup_arr { margin: 20px 0; text-align: center; }
.young_sup_btm_box { max-width: 500px; margin: 0 auto; padding: 20px; border: 6px solid #ececec; border-radius: 52px; text-align: center; }
.young_sup_btm_box .txt1 { font-size: 22px; font-weight: 500; }
.young_sup_btm_box .txt2 { color: #4388cd; }
.young_sup_box.year2 .month_flow li { width: 20%; }
.young_sup_box.year2 .month_flow.in_txt li { width: 100%; }
/* 2019-07-26 占쎈연占쎄쉐占쎌뵬占쎌쁽�귐됱뺏占쎌뿺占쎌돳 占쎈툧占쎄땀 */
/* 亦낅슣肉�퉪占�, 占쎈툡�꾨뗀逾믭옙堉� 筌롫뗀�� 1占쎈솈占쎈뮞 */
.list_board { margin: 20px 0; }
.list_board .list_fair { position: relative; padding: 25px 30px; border-bottom: 1px solid #ddd; }
.list_board ol > li:first-child { border-top: 1px solid #008c7e; }
.list_board ol > li b { font-size: 17px; font-weight: 600; color: #004e86; }
.list_board ol > li h5 { margin: 15px 0 13px; font-size: 20px; font-weight: 600; color: #222; }
.list_board ol > li p { margin-bottom: 16px; font-size: 16px; color: #444; }
.list_board ol li a ul { }
.list_board > ol > li > div > ul > li { display: inline-block; padding: 8px 12px; background: #f0f0f0; font-size: 13px; color: #444; }
.list_board .day { position: absolute; right: 30px; top: 25px; font-size: 17px; padding-left: 26px; line-height: 1; color: #777; background: url(../../../common/images/womanup/cal_day.png) no-repeat left
center; }
.list_board .open { position: absolute; bottom: 25px; right: 30px; margin: 0; padding: 6px 15px; background: #606060; }
.list_board .open .open_txt { font-size: 15px; color: #fff; }
.list_board .open .open_sig { font-size: 18px; margin-left: 5px; line-height: 1px; color: #fff; }
/* 占쎈툡�꾨뗀逾믭옙堉� 筌롫뗀�� 2占쎈솈占쎈뮞 */
.list_board ol > li .poster { display: none; padding: 40px 115px; background: #f6f6f6; }
.list_board ol > li .poster img { max-width: 100%; }
/* 占쎈툡�꾨뗀逾믭옙堉� 筌롫뗀�� 2占쎈솈占쎈뮞 */
.list_board ol .poster { display: none; padding: 40px 115px; background: #f6f6f6; }
.list_board ol .poster img { max-width: 100%; }
/* 疫꿸퀗占썼퉪占� */
.schedule_cal ol { display: inline-block; }
.year_month li,
.table_month li { display: none; }
.year_month li.month_act { display: inline-block; }
.table_month li.table_cal_act { display: block; }
.schedule_pc_none { display: none; }
.wm_box .wm_box_text { margin: 17px 0 0px; font: 500 1em "Noto Sans KR"; line-height: 41px; }
.wm_setA.m0 li > b { margin: 0; }
.cal_list.cal_fair div { display: none; }
.cal_list.cal_fair div.cal_act { display: block; }
/* 20230719 占쎈연占쎈뮟占쎌뜚 �대Ŋ�곻옙遊썸에�볥젃占쎌삪占쎈뻿筌ｏ옙 */
.edu_pro .btn3{text-align: center;}
.edu_pro .tab_typeA>ul{float: right; margin-bottom:0;}
.edu_pro .tab_typeA>ul>li a{font-size: 0; width: 34px; height: 32px;}
.edu_pro .tab_typeA .schedule_cal { margin-top: 50px; }
.edu_pro .tab_typeA > ol { float: right; margin-bottom: 0; }
.edu_pro .tab_typeA > ol > li { float: left; margin-left: 3px; }
.edu_pro .tab_typeA > ol > li.act { border: none; font-size: 0; }
.edu_pro .tab_typeA > ol > li a { width: 34px; height: 32px; font-size: 0; }
.tab_typeA > ol li a { border: none; padding: 10px 0; text-align: center; color: #777; }
.tab_typeA > ol li.act a { background: #008c7e; font-weight: 500; color: #fff; }
.edu_pro .tab_typeA > ol > li:nth-child(1) a { background: url(../../images/gen/icon_list.png) no-repeat center; }
.edu_pro .tab_typeA > ol > li.act:nth-child(1) a { background: url(../../images/gen/icon_list_on.png) no-repeat center; }
.edu_pro .tab_typeA > ol > li:nth-child(2) a { background: url(../../images/womanup/icon_calendar_off.png) no-repeat center; }
.edu_pro .tab_typeA > ol > li.act:nth-child(2) a { background: url(../../images/womanup/icon_calendar_on.png) no-repeat center; }
/* 20230719 占쎈연占쎈뮟占쎌뜚 �대Ŋ�곻옙遊썸에�볥젃占쎌삪占쎈뻿筌ｏ옙 */
.edu_pro .tab_typeA>ul>li:nth-child(1) a{background: url(../../images/gen/icon_card.png);}
.edu_pro .tab_typeA>ul>li:nth-child(2) a{background: url(../../images/gen/icon_list.png);}
.edu_pro .tab_typeA>ul>li.active:nth-child(1) a{background: url(../../images/gen/icon_card_on.png);}
.edu_pro .tab_typeA>ul>li.active:nth-child(2) a{background: url(../../images/gen/icon_list_on.png);}
.icon_list > div { display: none; }
.icon_list > div.act { display: block; }
.tab_typeA > div > div.list_board,
.tab_typeA > div > div.fair_cal { display: block; }
.fair_list { padding-top: 30px; }
.tab_typeA > div > div.schedule_cal { display: block; }
.tab_typeA > div > div.cal_fair { display: block; margin-top: 72px; }
.cal_fair > div ul { height: 545px !important; }
.cal_fair > div:first-child ul,
.cal_fair > div:nth-child(2) ul,
.cal_fair > div:nth-child(3) ul,
.cal_fair > div:nth-child(4) ul,
.cal_fair > div:nth-child(5) ul,
.cal_fair > div:nth-child(6) ul { height: 500px !important; }
/* 2019-07-29 占쎈연占쎄쉐占쎌뵬占쎌쁽�귐됱뺏占쎌뿺占쎌돳 筌〓㈇占쏙옙�딉㎗占�*/
.btn button.btn_down_app { width: auto; padding: 0 20px; font: 17px/45px "Noto Sans KR"; }
/* 2019-11-04 占쎄퐣占쎌뒻占쎌뒭�믪눘毓� ��쑬占썸묾占� 占쎈땾占쎌젟 */
.icon_lock { height: 20px; margin: 3px 0 0 10px; }
/* 2019-11-27 占쎌젫嚥≪뮉�뱄옙�� */
.view_content .zeropay ul,
.view_content .zeropay li,
.view_content .zeropay ol { list-style: none !important; }
.zeropay ul { padding-left: 0 !important; }
.zp_logo { height: 55px; padding: 5px 0; }
.zp_logo li { float: left; }
.zp_logo li:last-child { float: right; }
.zp_img { width: 100%; height: 435px; background: url(../../images/womanup/zeropay_bg_pc.jpg) no-repeat center; text-indent: -9999px; }
.img_none721 { display: none; }
.zp_info { width: 100%; height: 808px; padding: 50px 80px 0; background: url(../../images/womanup/zp_txt_bg.png) no-repeat center; text-align: center; }
.zp_text h2 { position: relative; margin-bottom: 45px; font-size: 30px; font-weight: 500; color: #2e2e2e; text-align: center; }
.zp_info > ul { margin-bottom: 40px; text-align: left; }
.zp_info > ul > li { padding-bottom: 24px; padding-left: 100px; }
.zp_info > ul > li:last-child { padding-bottom: 0; }
.zp_info > ul > li p { display: inline-block; position: relative; width: 140px; margin-right: 40px; padding: 10px 40px; background-color: #222a76; border-radius: 30px; font-weight: 200; font-size: 22px; color: #fff; text-align: center; }
.zp_info > ul > li p:before { content: ""; display: block; position: absolute; top: 50%; left: 15px; width: 4px; height: 4px; margin-top: -2px; border-radius: 2px; background: #fff; }
.zp_info > ul > li p:after { content: ""; display: block; position: absolute; top: 50%; right: 15px; width: 4px; height: 4px; margin-top: -2px; border-radius: 2px; background: #fff; }
.zp_info > ul > li span { font-size: 24px; font-weight: 500; color: #343434; }
.zp_notice { width: 840px; margin: 0 auto; padding: 25px 35px; background: #e2e2e2; text-align: left; box-shadow: 0 6px 20px 0px; }
.zp_notice b { position: relative; margin-left: 35px; font-size: 18px; font-weight: 300; color: #222a76; }
.zp_notice b:before { content: ""; display: block; position: absolute; top: 5px; width: 23px; height: 20px; background: url(../../images/womanup/zp_notice.png) no-repeat center; }
.zp_notice > ul > li { padding-top: 10px; font-size: 16px; color: #222a76; }
.zp_link { margin-top: 24px; padding: 20px 40px; background: #222a76; font-size: 18px; color: #fff !important; }
.zp_app { padding: 55px 80px; }
.zp_app h2 { margin-bottom: 60px; }
.zp_app li { float: left; margin: 0 23px 23px 0; }
.zp_app p { margin-top: 10px; font-size: 16px; color: #222a76; text-align: center; font-weight: 400; }
/******* sub *******/
@media (min-width: 721px){
.wrap-academy #sub { padding: 0; }
#sub,
#join,
#mypage { padding: 50px 0 100px; width: 100%; }
.content_A { width: 1000px; margin: auto; }
/* 甕곌쑵�� */
.btn { text-align: center; overflow: hidden; padding-top: 20px; }
.btn button,
.btn a { font: 19px/45px "Noto Sans KR"; background: #008c7e; text-align: center; color: #fff; height: 45px; width: 180px; }
.btn button:nth-child(1),
#wrapper .btn .submit,
#wrapper .btn .ok { background: #008c7e; }
.btn button:nth-child(2),
#wrapper .btn .reset { background: #747474; }
.btn button:nth-child(3),
#wrapper .btn .button { background: #f56200; }
/* search_program */
.form_typeA { background: #f6f6f6; padding: 30px 0 30px 30px; margin-bottom: 40px; }
.form_typeA > ul > li { float: left; width: 33.33%; padding-right: 30px; position: relative; height: 46px; }
.form_typeA > ul > li > label span,
.trr_label span { display: block; background: url(../../images/womanup/point_01.png) no-repeat 0 center; background-size: 3px auto; padding-left: 8px; font: 14px/40px "Noto Sans KR"; }
.form_typeA > ul > li > label,
.trr_label { position: absolute; left: 0; top: 0; font-size: 0; }
.form_typeA li div { padding: 0 0 0 85px; line-height: 0; font-size: 0; height: 40px; }
.form_typeA li div b { display: inline-block; line-height: 40px; text-align: center; font-size: 16px; }
.form_typeA li.none_label { overflow: hidden; }
.form_typeA li.none_label div { padding: 0; float: left; }
.form_typeA li.none_label label { font-size: 0; }
.form_typeA li select,
.form_typeA ul li input { width: 100%; }
.form_typeA .div2 > li { width: 50%; }
.form_typeA .div2 > li > span { display: block; position: absolute; background: url(../../images/womanup/point_01.png) no-repeat 0 center; background-size: 3px auto; padding-left: 8px; font: 14px/40px "Noto Sans KR"; } /* 2019-12-10 */
.form_typeA .div1 > li { padding-right: 30px; }
.form_typeA .div11 > li { width: 100%; }
.date input { background: #fff url(../../images/womanup/icon_calendar.png) no-repeat right
10px center; }
.form_typeA .checkbox { margin-top: 5px; }
.title_result { padding: 0 0 20px; color: #000; font-size: 20px; }
.title_result span { color: #f56200; font-size: 20px; font-weight: 500; padding-left: 10px; }
/* 2020-01-14 */
.title_result2 { padding: 0 0 20px; color: #777; font-size: 16px; }
.title_result2 span { color: #f56200; font-size: 16px; font-weight: 500; padding-left: 10px; }
.title_a { font: 500 24px "Noto Sans KR"; padding-left: 15px; margin-bottom: 30px; background: url(../../images/womanup/point_01.png) no-repeat left top 15px; }
.title_a span { display: block; margin-top: 5px; }
.btn_list { float: right; width: 180px; height: 36px; background: #008c7e; color: #fff; text-align: center; font: 15px/36px "Noto Sans KR"; }
.btn_list:hover,
.btn_list:focus { color: #fff; }
/* list_box */
.lis_box ul { border: 1px solid #ddd; border-width: 0 0 0 1px; }
.lis_box ul:after { display: block; content: ""; clear: both; }
.lis_box ul > li { float: left; width: 33.3333%; position: relative; }
.lis_box li div { border: 1px solid #ddd; border-width: 1px 1px 1px 0; padding: 20px 30px 30px; }
.lis_box li:nth-child(n + 4) div { border-top: 0; }
.lis_box dl dt { display: -webkit-box; overflow: hidden; height: 78px; line-height: 1.4; padding-right: 30px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* 2019-10-31 */
#viewTypeCard dl dt { height: 5.125em; } /* 2019-11-01 */
.lis_box dl dd { color: #000; padding: 3px 0 3px 74px; position: relative; font: 400 16px/20px "Noto Sans KR"; }
.lis_box dl dd span { display: block; position: absolute; left: 0; top: 3px; width: 70px; font: 14px/20px "Noto Sans KR"; color: #767676; background: url(../../images/womanup/point_01.png) no-repeat left center; background-size: 3px auto; padding-left: 6px; }
.lis_box dl li strong { color: #008c7e; display: block; margin-bottom: 8px; }
.lis_box dl li b { display: inline-block; font-size: 12px; color: #777; background: #eee; color: #888; padding: 3px 8px; }
.lis_box dt a { font: 600 17px/24px "Noto Sans KR"; color: #000; width: 100%; height: auto; line-height: 22px; margin-top: 10px; } /* 2019-10-31 */
.lis_box dd { line-height: 16px; }
.lis_box dt b { position: absolute; right: 15px; top: 25px; background: #f56200; font: 14px/40px "Noto Sans KR"; color: #fff; width: 40px; height: 40px; border-radius: 20px; text-align: center; }
.lis_box dt b.fourb { font: 12px/14px "Noto Sans KR"; padding: 6px 5px 0 5px; }
.lis_box .line_top { border-top: 1px dotted #ddd; padding: 15px 0 3px 74px; margin-top: 15px; }
.lis_box .line_top span { top: 16px; }
.lis_box h2 { text-align: left; border-top: 1px solid #ddd; padding: 13px 0 20px; margin-top: 13px; font: 600 15px "Noto Sans KR"; color: #007c70; }
.lis_box ul li div > a,
.lis_box ul li div > h4 { display: none; text-align: center; width: 150px; font: 16px/40px "Noto Sans KR"; margin: auto; }
.lis_box ul li div > a.active { display: block; background: #008c7e; color: #fff; }
.lis_box ul li div > h4.active { display: block; background: #eee; color: #000; }
.lis_box ul li:hover { background: #f8f8f8; }
.lis_box ul li strong { display: block; height: 90px; }
.lis_box ul li strong a { float: left; width: calc(50% - 6px); height: 36px; line-height: 33px; background: #fff; margin: 3px; text-align: center; border: 1px solid #ddd; border-radius: 6px; font-size: 14px; }
.lis_box ul li strong a:hover { background: #f56200; color: #fff; border-color: #ff9900; }
.lis_box ul li em { display: block; line-height: 20px; }
.lis_box .line2 { height: 44px; }
.lis_box .line3 { height: 67px; }
/* table_typeD */
.table_typeD { border-top: 1px solid #008c7e; width: 100%; }
.table_typeD th { background: #f6f6f6; border-bottom: 1px solid #ddd; padding: 15px 0; font-weight: 500; color: #000; }
.table_typeD td { border-bottom: 1px solid #ddd; padding: 15px 0; text-align: center; }
.table_typeD .ell { width: 100%; height: 40px; line-height: 20px; text-align: left; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.table_typeD .left { text-align: left; word-break: break-all; }
.table_typeD .right { text-align: right; }
.table_typeD .state { background: #008c7e; width: 100px; margin: 0 auto; font: 500 14px/30px "Noto Sans KR"; color: #fff; }
.table_typeD h4 { background: #eee; width: 100px; margin: 0 auto; font: 500 14px/30px "Noto Sans KR"; }
.table_typeD span { display: block; }
.table_typeD .simple_content * { font-size: inherit; color: inherit; font-weight: inherit; }
.table_typeD .simple_content span { display: inline; }
.table_typeD .icon_down { display: block; width: 25px; height: 25px; background: url(../../images/womanup/download.png) no-repeat 0 0 / 25px auto; font-size: 0; margin: 0 auto; }
/* list_table
.list_table { width:100%; border-top:1px solid #008d7f; }
.list_table th { background: #f6f6f6; border-bottom:1px solid #ddd; font: 17px/50px 'Noto Sans KR'; color:#000; text-align: center }
.list_table th:nth-child(1),.list_table th:nth-child(5),.list_table th:nth-child(6) { width:88px }
.list_table th:nth-child(3),.list_table th:nth-child(4) { width:150px }
.list_table td { text-align: center; border-bottom: 1px solid #ececec; padding:20px 10px }
.list_table td:nth-child(2) a { text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.list_table tr:hover { background:#f6f6f6 } */
/* list_img */
.list_img { /*max-width: 1040px; margin: 0 auto; */}
.list_img > li { float: left; width: 33.3333%; }
.list_img > li > a { margin: 0 10px 20px; border: 1px solid #ececec; }
.list_img > li > a img { width: 100%; }
.list_img > li > a > span { background: #f3f3f3 url(../../images/womanup/logo_gray.png) no-repeat center; display: block; width: 100%; height: 200px; overflow: hidden; }
.list_img > li > a > div { padding: 15px 20px 20px; color: #777; font-size: 14px; border-top: 1px solid #ececec; }
.list_img > li > a > div > strong { height: 60px; font: 500 18px/20px "Noto Sans KR"; display: block; color: #000; overflow: hidden; margin-bottom: 5px; }
.list_img > li > a > div > span { color: #767676; padding-left: 10px; }
/* list_detail - 占쎄맒占쎄쉭占쎈읂占쎌뵠筌욑옙 */
#list_detail { width: 1000px; margin: 0 auto; }
.view_top { padding-bottom: 5px; border-bottom: 1px solid #dadada; }
.view_top h2 { font: 500 18px/24px "Noto Sans KR"; }
.view_info { margin-top: 20px; position: relative; }
.view_info li { float: left; position: relative; padding: 0 15px 10px; color: #767676; font-size: 15px; line-height: 20px; }
.view_info .detail_file { clear: both; padding-left: 0; border-top: 1px solid #ececec; float: none; padding-top: 10px; }
.view_info .detail_file:before { border-left: 0; }
.view_info li:first-child { padding-left: 0; }
.view_info li:first-child:before { border-left: 0; }
.view_info li:before { position: absolute; top: 4px; left: 0; height: 13px; border-left: 1px solid #dadada; content: ""; }
.view_info li:last-child:before { border-left: 0; }
.view_info li a { font-size: 15px; color: #848484; line-height: 20px; margin-top: 5px; }
.view_info .clicks { position: absolute; top: 0; right: 0; }
.view_info li b { color: #848484; font-size: 15px; }
.view_info li span { padding-left: 10px; font-size: 15px; }
.view_content { padding: 40px 0; word-break: break-all; }
.view_content * { font-size: inherit; font-family: inherit; font-weight: inherit; color: inherit; }
.view_content p { font-size: 15px; }
.view_content a { word-break: break-all; display: inline-block; }
.view_content strong,
.view_content b { font-weight: bold; }
.view_content i,
.view_content em { font-style: italic; }
.view_content ul:not([class]),
.view_content ul:not([class]) > li { list-style-type: disc; }
.view_content ol:not([class]),
.view_content ol:not([class]) > li { list-style-type: decimal; }
.view_content ol:not([class]),
.view_content ul:not([class]) { padding-left: 19px; }
.view_content .img_box { margin-top: 20px; text-align: center; }
.view_content .image { display: block; }
.img_box img { max-width: 100%; }
#list_detail > div:after { content: ""; display: block; clear: both; }
#list_detail > a { float: right; width: 180px; height: 36px; background: #008c7e; color: #fff; text-align: center; font: 15px/36px "Noto Sans KR"; }
.page_nav { margin: 100px 0 80px; background: #fff; border-top: 1px solid #dadada; }
.page_nav > li { position: relative; height: 54px; border-bottom: 1px solid #dadada; }
.page_nav span { position: absolute; padding: 0 20px; line-height: 54px; }
.page_nav span + a { display: inline-block; padding-left: 108px; color: #000; line-height: 54px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.page_nav .post_end { color: #9a9a9a; }
/************ login ************/
#login { background: #f6f6f6; padding: 90px 0; width: 100%; }
.login { width: 700px; margin: 0 auto 50px; background: #fff; padding: 60px 40px; }
.login h2 { padding-bottom: 50px; font-size: 32px; color: #000; text-align: center; font-weight: 500; }
.login input[type="text"],
.login input[type="password"],
.login_form label { width: 100%; }
#login .login input[placeholder] { color: #000; font-weight: 400; }
.login_form .btn button { width: 100%; }
.login_form li { padding-bottom: 10px; }
.login_check { padding: 0 0 20px; overflow: hidden; }
.login_check div { float: right; }
.login_check div a { float: left; padding-left: 26px; line-height: 30px; position: relative; }
.login_check div a:last-child:after { display: block; content: ""; width: 1px; height: 16px; background: #aaa; position: absolute; left: 14px; top: 8px; }
.login_form .btn_box button { width: 100%; }
.btn_login { font-size: 15px; color: #555; font-weight: 300; text-align: left; line-height: 18px; padding-top: 40px; }
.btn_login a { color: #000; font: 16px/50px "Noto Sans KR"; text-align: center; margin: 0 2px; font-size: 16px; border: 1px solid #ddd; margin-top: 20px; border-radius: 30px; }
/* 200526 */
.login.s_log_box { height: 660px; margin-right: 0; margin-left: 10px; }
.pc_log .s_log_info,
.pc_log .pc_s_log { display: none; }
.s_log_icon { overflow: hidden; margin-bottom: 40px; }
.s_log_icon li { float: left; width: 33.3%; }
.s_log_icon li a { display: block; padding: 30px 0 30px; border: 1px solid #ececec; border-left: 0; font-size: 15px; }
.s_log_icon li:first-child a { border-left: 1px solid #ececec; }
.s_log_icon li a span { display: block; font-size: 15px; }
.social_icon { display: block; width: 60px; height: 60px; margin: 0 auto 20px; background: #01c73c url(../../images/womanup/pc_naver.png) no-repeat center; border-radius: 50%; }
.li02 .social_icon { background: #fede00 url(../../images/womanup/pc_kakao.png) no-repeat center; }
.li03 .social_icon { background: #3e66ae url(../../images/womanup/pc_fb.png) no-repeat center; }
.s_log_info { text-align: left; }
.s_log_tit { display: block; position: relative; margin-bottom: 20px; padding-left: 25px; font-size: 15px; }
.s_log_tit:after { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 18px; height: 18px; margin-top: -8px; background: url(../../images/womanup/s_log_info.png) no-repeat center; background-size: 100%; }
.s_log_txt { margin-bottom: 13px; font-weight: 300; font-size: 15px; color: #555; word-break: keep-all; }
/* login_sns 200623 */
.login_sns,
.mem_change { text-align: center; }
.login.pc_log,
#login .login.s_log_box { display: inline-block; width: 480px; margin-bottom: 50px; margin-right: 10px; background: #fff; padding: 60px 40px; vertical-align: top; } /* 200526 */
/* id search */
.login h4 { text-align: center; font-weight: 500; padding: 25px; font-size: 18px; }
.search_id ol li { background: url(../../images/womanup/point_01.png) no-repeat left 8px; background-size: 3px auto; padding: 4px 8px; font-size: 13px; color: #888; font-weight: 300; }
.search_id div { padding-top: 30px; text-align: center; }
.search_id div a { width: 140px; height: 140px; border-radius: 90px; background: #f2f2f2; display: inline-block; vertical-align: top; margin: 0 4px; font-size: 14px; font-weight: 500; }
.search_id div a img { display: block; margin: 20px auto 3px; }
.search_id div a:hover { background: #8aca26; color: #fff; font-weight: 400; }
.active .radio span { color: #2e69c1; }
.search_id ol li strong { color: #2686ca; font-size: 12px; }
.search_id ul { border: 1px solid #ddd; border-width: 1px 0; margin: 5px 0 20px; padding: 25px 0 20px 30px; }
.search_id ul li { float: left; width: 33.33%; margin-right: 0; }
#login .search_id ul li label { height: 50px; background-position: left 4px; font-size: 18px; }
.search_id ul li span { display: block; font-size: 12px; color: #777; }
/* 癰귣챷�ㅿ옙�ㅿ쭩占� */
.table_typeB { display: block; border-top: 1px solid #aaa; padding-top: 30px; width: 100%; }
h4.title { background: #f6f6f6; font-weight: 300; }
.table_typeB th,
.table_typeB td { padding: 10px 0; }
.table_typeB th { padding-right: 30px; text-align: right; } /*20230314 width:130px; 占쎄텣占쎌젫 - 占쎈연占쎈뮟占쎌뜚 占쎌냳占쎈읂占쎌뵠筌욑옙 占쎈땾占쎌젟*/
.table_typeB td span { display: inline-block; vertical-align: top; line-height: 40px; margin-left: 10px; }
.table_typeB ul li { float: left; padding-right: 40px; }
.table_typeB td:nth-child(2) select { width: 170px; vertical-align: middle; margin-left: 5px; }
.table_typeB label { width: 50%; }
.radio label,
.checbox label { width: auto; }
.table_typeB .w140 label { width: 29%; vertical-align: top; }
.table_typeB .w140 b { width: 20px; vertical-align: top; line-height: 40px; }
.input_info .btn button { width: 50%; float: left; }
/* 占쎌뵥筌앹빓猿먩�⑨옙 */
.result_login .btn a { width: 50%; float: left; margin-top: 20px; }
.result_login .table_typeB th { color: #777; font-weight: 300; width: 300px; }
.result_login .table_typeB td { color: #000; font-weight: 500; }
/* 占쎌돳占쎌뜚揶쏉옙占쎌뿯 */
.form_join { margin-top: 50px; }
.form_join h2 { font: 500 20px/46px "Noto Sans KR"; color: #000; margin-top: 50px; }
.form_join h2 span { float: right; color: #ff3774; line-height: 48px; }
.form_join h2:before { display: block; content: ""; width: 40px; height: 2px; background: #008c7e; }
.form_join p { padding-bottom: 10px; }
.table_typeC { border-top: 1px solid #008c7e; width: 100%; }
.table_typeC th { background: #f6f6f6; border-bottom: 1px solid #ddd; padding: 15px 20px; font-weight: 500; color: #000; text-align: left; }
.table_typeC td { border-bottom: 1px solid #ddd; padding: 15px 20px; }
.table_typeC td div { line-height: 0; font-size: 0; }
.table_typeC td div label { margin: 0; }
.table_typeC .w150 { width: 150px; }
.table_typeC .select100 { width: 247px; }
/** SR-2021010077 占쎈짗占쎌삂 �댐옙沃섏눘�э옙毓쏙옙�ｏ옙猷� 癰귨옙野껋럡援� */
.table_typeC .w300 { width: 300px; }
.emailbox .select100 { width: 150px; margin-left: 5px; }
.table_typeC td label,
.table_typeC td button,
.table_typeC td b,
.table_typeC td em { vertical-align: middle; display: inline-block; }
.table_typeC td label,
.table_typeC td button,
.table_typeC td input { margin-right: 10px; }
.table_typeC td label input,
.table_typeC td label select,
.table_typeC td textarea { width: 100%; }
.table_typeC td b { text-align: center; }
.table_typeC td em { line-height: 40px; }
.table_typeC td em,
.table_typeC .txt_blue { color: #2255bd; }
.table_typeC th span { color: #ff3774; font-weight: 500; padding: 0 10px; }
.input_button { width: 120px; height: 40px; background: #5a6c81; color: #fff; }
.input_button2 { background: #7d8996; width: 20px; height: 20px; font-size: 12px; margin-left: 10px; }
.mL10 { margin-left: 10px; }
.table_typeC td .W100 { margin-top: 6px; }
.table_typeC td hr { border: 0; float: left; }
.layer_int { float: right; width: 120px; background: #5a6c81; color: #fff; line-height: 36px; vertical-align: top; }
.table_typeC .lecbox label { width: 250px; }
.table_typeC .peoplebox label { width: 100px; }
.table_typeC .peoplebox b { width: 30px; text-align: center; }
.table_typeC .timebox label { width: 100px; }
.table_typeC .timebox b { width: 30px; text-align: center; }
.table_typeC .timebox label:nth-of-type(1),
.table_typeC .timebox label:nth-of-type(2) { margin-bottom: 6px; }
.table_typeC .timebox b:nth-of-type(1),
.table_typeC .timebox b:nth-of-type(2) { margin-bottom: 6px; }
.table_typeC .termbox label { width: 200px; }
.table_typeC .termbox b { width: 30px; text-align: center; }
.table_typeC .moneybox input { width: 100px; } /* 2019-11-07 */
.table_typeC .moneybox > span { width: 30px; text-align: center; }
.textarea,
.textarea textarea { width: 100%; }
#career_table label { line-height: 40px; }
/* 2019-11-25 */
.moneybox > span,
.peoplebox > span,
.timebox > span,
.termbox.date > span,
.numeric + span { line-height: 40px; margin-right: 5px; } /* 2019-11-25 */
/* 占쎈솁占쎌뵬筌ｂ뫀占� */
.file .f_style { width: 150px; height: 40px; line-height: 40px; text-align: center; color: #fff; vertical-align: middle; background: #5a6c81; cursor: pointer; }
.file input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0; }
.file .file_name { display: inline-block; height: 40px; line-height: 40px; vertical-align: middle; padding: 0 3px 0 20px; overflow: hidden; }
.file_del { vertical-align: middle; font-size: 0; width: 20px; height: 20px; border: 1px solid #000; opacity: 0.4; background: url(../../images/womanup/close_b.png) no-repeat center / 15px
auto; margin-left: 10px; }
.form_staff .file ol li:last-child { margin-bottom: 0; }
.file div span { color: #000; }
/* 2019-10-18 */
.file input[type="file"]:focus + label,
.file label:focus + input[type="file"] { outline: #a6c7ff solid 2px; }
/* 占쎌돳占쎌뜚揶쏉옙占쎌뿯占쎌끏�뤄옙 200603 */
#join .login.s_log_box { display: block; height: auto; margin: 40px auto 0; padding: 0; }
#join .s_log_icon { margin: 0; }
#join .s_log_icon li a { text-align: center; }
#join .s_log_icon span { display: inline-block; }
/* �닌딆뵥占쎈뻿筌ｏ옙
.people_num strong,.work_time strong,strong.w20 { padding:0 10px; display:inline-block }
.content_A .form_join .work_time select,.people_num label { width:105px }
.form_join .work_time.offer1 div>label { width:150px }
.textarea,.textarea textarea { width:100% }
.work_time .radio { margin-bottom:10px; }
.file:after { content:""; display: block; clear: both; }
.file .f_style { width: 150px; height: 40px; line-height: 40px; text-align: center; color: #fff; vertical-align: middle; background: #5a6c81; cursor: pointer; }
.file input[type=file] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0; }
.file .file_name { display: inline-block; height: 40px; line-height: 40px; vertical-align: middle; padding: 0 3px 0 20px; overflow: hidden; }
.file_del { vertical-align:middle; font-size: 0; width: 20px; height: 20px; border:1px solid #000; opacity: 0.4; background: url(../../images/womanup/close_b.png) no-repeat center /15px auto; margin-left: 10px; }
.form_staff .file ol li:last-child { margin-bottom: 0; }
.file div span { color: #000; } */
/* �닌딆뵥筌뤴뫖以� */
.btn_tr { float: right; background: #008c7e; color: #fff; line-height: 40px; height: 40px; text-align: center; width: 150px; }
.title_result .t_bar { padding-left: 10px; position: relative; font-size: 20px; }
.title_result .t_bar:before { content: ""; width: 1px; height: 20px; background: #000; position: absolute; left: 4px; top: 6px; }
/* �닌딆뵥占쎈뻿筌ｏ옙 */
.seek_txt { background: #f6f6f6; padding: 20px 0; text-align: center; margin-top: 30px; }
.seek_txt > span { display: inline-block; padding-left: 50px; background: url(../../images/gen/sur_icon.png) no-repeat left center; }
.seek_txt > b { display: block; font-weight: 500; margin-top: 10px; }
.radio_text,
.radio_text label { min-height: 34px; line-height: 30px; background-position: 0 center; }
.radio_text li.active label { background-position: 0 center; }
/************ search_box1 ************/
.list_imgBox { border-top: 1px solid #eee; }
.list_imgBox li { padding: 30px 0; border-bottom: 1px solid #eee; }
.list_imgBox li a { overflow: hidden; }
.list_imgBox li a div:first-child { float: left; width: 300px; height: 200px; overflow: hidden; margin-right: 40px; background: #f3f3f3 url(../../images/womanup/logo_gray.png) no-repeat center; }
.list_imgBox li a div p { color: #777; font: 300 17px/22px "Noto Sans KR"; height: 87px; margin-bottom: 10px; overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.list_imgBox li a div img { width: 100%; }
.list_imgBox li a div h2 { color: #000; font: 500 30px/30px "Noto Sans KR"; margin-bottom: 20px; display: block; height: 60px; overflow: hidden; }
.list_imgBox li a div h4 { display: block; }
.list_imgBox li a div h4 span { padding-left: 30px; }
.list_imgBox li a div h4,
.list_imgBox li a div h4 span,
.list_imgBox li a div h4 span b { color: #555; }
/* tabMenu */
.tabMenu { text-align: center; line-height: 0; font-size: 0; border-bottom: 1px solid #ececec; padding-top: 40px; margin-bottom: 40px; }
.tabMenu li { display: inline-block; }
.tabMenu li a { line-height: 50px; color: #aaa; margin: 0 30px; padding: 0 20px; position: relative; font-size: 17px; font-weight: 300; }
.tabMenu li.active a { color: #2b7b74; }
.tabMenu li.active a:after { display: block; content: ""; width: 100%; height: 3px; background: #2b7b74; position: absolute; left: 0; bottom: -1px; }
/* mypage_占쎈땾揶쏅베沅∽옙肉� 占쎌넇占쎌뵥/�띯뫁��
.class_table { width:100%; border-top:1px solid #008d7f; }
.class_table th { background: #f6f6f6; border-bottom:1px solid #ddd; font:500 17px/50px 'Noto Sans KR'; color:#000; text-align: center; }
.class_table th:nth-child(1) { width: 165px; }
.class_table th:nth-child(3) { width: 120px; }
.class_table th:nth-child(4) { width: 120px; }
.class_table th:nth-child(5) { width: 88px; }
.class_table th:nth-child(6) { width: 88px; }
.class_table td { text-align: center; border-bottom: 1px solid #ececec; padding:20px 10px; }
.class_table td:nth-child(2) { text-align: left; }
.class_table b { width: 100%; height: 40px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.class_table td span { display: block; }
.class_table td a.state { background: #008d7f; padding: 5px 5px 6px; color: #fff; font-size:14px; }
.class_table tr:hover { background:#f6f6f6 }
*/
/* 占쎌돳占쎌뜚占쎌젟癰귣�占썲칰占� - 占쎈툡占쎌뵠占쎈탵 ��쑬占썼린�딆깈 占쎌뿯占쎌젾占쎌넅筌롳옙 */
.login_change > li h4 { text-align: center; font: 18px "Noto Sans KR"; border-bottom: 1px solid #aaa; margin-bottom: 30px; }
.login_change b { display: inline-block; width: 20%; vertical-align: middle; }
.login_change label { width: 80%; vertical-align: middle; }
.login_change .btn button { float: left; width: 50%; }
.login .login_change input { width: 79%; } /* 2019-11-25 */
/* 200527 */
.member_s_log { display: none; }
.mem_change .login.s_log_box { height: auto; }
.mem_change .pc_log { height: 602px; }
.member_info { display: none; }
.member_info.active { display: block; }
/* ��쑬占썼린�딆깈癰귨옙野껓옙 */
.pw { width: 700px; margin: 0 auto 50px; background: #fff; padding: 60px 40px; }
.pw h2 { padding-bottom: 50px; font-size: 32px; color: #000; text-align: center; font-weight: 500; }
.pw li { padding-bottom: 10px; line-height: 0; font-size: 0; }
.pw li h4 { padding: 25px; text-align: center; border-bottom: 1px solid #aaa; margin-bottom: 30px; }
.pw b { display: inline-block; width: 20%; vertical-align: middle; }
.pw label { width: 30%; vertical-align: middle; }
.pw em { width: 50%; color: #dc5959; font-size: 14px; text-align: right; display: inline-block; }
.pw input { width: 100%; }
.pw .btn button { float: left; width: 50%; }
/* 占쎌쟿占쎌뵠占쎈선 占쎈솚占쎈씜 */
.layer_box { background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; display: none; }
.layer_box > div { position: relative; background: #fff; margin: 0 auto; padding: 40px; overflow-y: auto; max-width: 700px; max-height: 600px; }
.layer_box > div:focus { outline: 1px dashed #222; }
.layer_box h2 { font: 500 20px "Noto Sans KR"; padding: 10px 0; border-bottom: 1px solid #ddd; position: relative; }
.layer_box h2:before { content: ""; position: absolute; top: 0; left: 0; width: 24px; border-top: 2px solid #008c7e; }
.layer_box .btn button { width: 150px; margin-bottom: 20px; }
.layer_box .reset { width: 150px; height: 45px; font: 19px/45px "Noto Sans KR"; background: #747474; text-align: center; color: #fff; }
.layer_box .next { width: 150px; }
.layer_box .btn_close { position: fixed; top: 120px; right: 50%; width: 30px; margin-right: -330px; height: 30px; font-size: 0px; z-index: 51; background: url(../../images/womanup/close_b.png) 0px 0px / 100% no-repeat; }
/* 2019-11-14 */
.layer_box .h2_style { font-weight: 700; font-size: 25px; }
/* join_intro 占쎌돳占쎌뜚揶쏉옙占쎌뿯 */
.join_intro h2 { padding-bottom: 50px; font-size: 32px; color: #000; text-align: center; font-weight: 500; position: relative; }
.join_intro > h2:after { content: ""; display: block; width: 38px; height: 2px; background: #000; position: absolute; bottom: 0; left: 50%; margin-left: -19px; }
.join_intro > img { display: block; margin: 0 auto; }
.join_intro > ul { width: 80%; margin: 45px auto 70px; position: relative; }
.join_intro > ul:before { content: ""; display: block; width: 70%; height: 15px; background: url(../../images/womanup/join_dotted_line.png) no-repeat 0 0/100%; position: absolute; left: 15%; top: -28px; }
.join_intro > ul > li { float: left; width: 33.33%; text-align: center; position: relative; }
.join_intro > ul > li:after { content: ""; display: block; width: 17px; height: 17px; border-radius: 17px; background: #4f78c7; position: absolute; top: -30px; left: 50%; margin-left: -8px; }
.join_intro > ul > li em { font-size: 18px; color: #666666; }
.join_intro .text_box { background: #f9f9f9; padding: 35px 0; margin-bottom: 50px; }
.join_intro .text_box p { text-align: center; width: 70%; margin: 0 auto; color: #333333; }
.join_intro .text_box button { width: 240px; height: 40px; background: #757a85 url(../../images/womanup/join_btn.png) no-repeat right
18px center; color: #fff; display: block; margin: 40px auto 0; letter-spacing: -0.02em; }
.join_intro .join_type h4 { color: #4f78c7; font-size: 25px; text-align: center; margin-bottom: 20px; }
.join_intro .join_type ul { display: flex; }
.join_intro .join_type ul li { flex: auto; width: 25%; border-top: 2px solid #4f78c7; text-align: center; }
.join_type a { padding: 70px 0; border: 1px solid #ddd; border-top-width: 0; }
.join_type li:nth-of-type(1) a,
.join_type li:nth-of-type(2) a,
.join_type li:nth-of-type(3) a { border-right-width: 0; }
.join_type img,
.join_type span,
.join_type b { display: block; margin: 0 auto; }
.join_type span { color: #666; font-size: 24px; }
.join_type b { color: #777; padding: 15px 0 25px; }
#layer_site ul:first-of-type { padding-top: 20px; }
#layer_site ul li { float: left; border: 1px solid #ddd; padding: 5px; margin: 4px; font-size: 14px; }
#layer_site .reset { display: block; margin: 40px auto 0; }
/* join_step */
.join_step > ul { display: flex; }
.join_step > ul li { flex: auto; text-align: center; padding: 10px 0; margin-bottom: 40px; border: 1px solid #d1d1d1; border-left-width: 0; }
.join_step > ul li:first-child { border-left-width: 1px; }
.join_step > ul .active { position: relative; background: #4f78c7; border-color: #4f78c7; }
.join_step > ul .active:after { content: ""; display: block; width: 22px; height: 11px; background: url(../../images/womanup/join_on.png) no-repeat 0 0 /100% auto; position: absolute; bottom: -12px; left: 50%; margin-left: -11px; }
.join_step > ul li span { display: inline-block; line-height: 34px; vertical-align: middle; background: url(../../images/womanup/join_step1.png) no-repeat left center; padding-left: 50px; }
.join_step > ul .active span { background-image: url(../../images/womanup/join_step1_on.png); color: #fff; }
.join_step .step1_1 span { background-image: url(../../images/womanup/join_step1_1.png); }
.join_step .step1_1.active span { background-image: url(../../images/womanup/join_step1_1_on.png); }
.join_step .step2 span { background-image: url(../../images/womanup/join_step2.png); }
.join_step .step2.active span { background-image: url(../../images/womanup/join_step2_on.png); }
.join_step .step3 span { background-image: url(../../images/womanup/join_step3.png); }
.join_step .step3.active span { background-image: url(../../images/womanup/join_step3_on.png); }
.join_step .step4 span { background-image: url(../../images/womanup/join_step4.png); }
.join_step .step4.active span { background-image: url(../../images/womanup/join_step4_on.png); }
/* join_step1 癰귣챷�ㅿ옙�쀯옙�� */
.join_step1 h2 { color: #4f78c7; font-size: 25px; text-align: center; margin-bottom: 23px; font-weight: 500; }
.join_step1 > ul { margin-bottom: 30px; display: flex; }
.join_step1 > ul li { border-top: 2px solid #4f78c7; flex: auto; }
.join_step1 > ul li a { border: 1px solid #d1d1d1; text-align: center; border-top-width: 0; border-right-width: 0; height: 300px; padding-top: 60px; }
.join_step1 > ul li:last-of-type a { border-right-width: 1px; }
.join_step1 > ul li img,
.join_step1 > ul li span,
.join_step1 > ul li b { display: block; }
.join_step1 > ul li img { margin: 0 auto; }
.join_step1 > ul li:nth-of-type(1) span,
.join_step1 > ul li:nth-of-type(2) span { line-height: 66px; }
.join_step1 > ul span { color: #666; font-size: 24px; height: 66px; }
.join_step1 > ul b { color: #777; padding: 15px 0 25px; }
.join_step1 .text_box { background: #f9f9f9; padding: 35px 40px; margin-bottom: 50px; }
.join_step1 .text_box ul li { color: #333; padding-bottom: 10px; padding-left: 6px; position: relative; }
.join_step1 .text_box li:after { content: ""; display: block; width: 2px; height: 2px; border-radius: 5px; background: #333; position: absolute; left: 0; top: 9px; }
.join_step1 .text_box button { width: 240px; height: 40px; background: #757a85 url(../../images/womanup/join_btn.png) no-repeat right
18px center; color: #fff; display: block; margin: 40px auto 0; letter-spacing: -0.02em; }
.join_step1 .reset { width: 150px; height: 50px; color: #fff; font: 19px/50px "Noto Sans KR"; background: #747474; display: block; margin: 0 auto; }
#layer_block ul { padding-top: 20px; }
#layer_block ul li { padding-bottom: 10px; }
#layer_block .reset { display: block; margin: 0 auto; }
/* join_step2 占쎈튋�울옙占쎈짗占쎌벥 */
.join_agree h2 { font: 500 25px "Noto Sans KR"; color: #333; padding-bottom: 20px; }
.join_agree .checkbox,
.join_agree .checkboxll { float: none; border-top: 1px solid #ddd; } /* 2019-12-02 */
.join_agree .checkbox li,
.join_agree .checkboxll li { padding: 30px; } /* 2019-12-02 */
.join_agree .checkbox li label,
.join_agree .checkboxll li label { color: #333; font-size: 18px; } /* 2019-12-02 */
.join_agree .checkbox li label span,
.join_agree .checkboxll li label span { color: #dc5959; } /* 2019-12-02 */
.join_agree .all_agree { border: none; background: #f9f9f9; text-align: center; }
.join_agree .all_agree label { font-size: 18px; }
.join_agree .all_agree strong { font: 500 18px "Noto Sans KR"; }
.join_agree .btn button { width: 150px; }
/* join_step4 揶쏉옙占쎌뿯占쎌끏�뤄옙 */
.join_step4 .join_end { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; }
.join_end img { display: block; margin: 0 auto; }
.join_end h2 { font-size: 32px; }
.join_end h4 { font-size: 26px; padding: 10px 0 60px; }
.join_end h4 span { font-size: 26px; color: #f9941c; font-weight: 500; }
.join_end p { line-height: 24px; padding-bottom: 60px; }
.join_end h5 { background: #f9f9f9; padding: 45px 0; margin-bottom: 30px; }
.join_end h5 b { color: #f9941c; font-weight: 500; }
.join_step4 > p { display: block; margin: 30px auto 0; width: 640px; word-break: keep-all; line-height: 24px; text-align: center; }
.join_step4 .btn_login { display: block; width: 150px; height: 50px; font: 19px/50px "Noto Sans KR"; text-align: center; background: #008c7e; color: #fff; padding-top: 0; margin: 60px auto 0; }
/* join_step1 疫꿸퀣毓쏙옙�띰옙�� 癰귣챷�ㅿ옙�ㅿ쭩占� */
.three { font-size: 0; line-height: 0; }
.three label { width: 30%; }
.three b { width: 5%; display: inline-block; text-align: center; vertical-align: middle; }
.join_step1 .join_verify { margin-bottom: 30px; }
.join_step1 .join_verify li { border-top: 2px solid #4f78c7; width: 100%; margin: 0 auto; }
.join_step1 .join_verify li a { border: 1px solid #d1d1d1; text-align: center; border-top-width: 0; border-right-width: 0; padding: 50px 0; }
.join_step1 .join_verify li:last-of-type a { border-right-width: 1px; }
.join_step1 .join_verify .join_card a { padding: 75px 0 51px; }
.join_step1 .join_verify li img,
.join_step1 .join_verify li span,
.join_step1 .join_verify li b { display: block; }
.join_step1 .join_verify li img { margin: 0 auto; }
.join_step1 .join_verify span { color: #666; font-size: 24px; }
.join_step1 .join_verify b { color: #777; padding: 10px 0 20px; }
.cor .text_box span { display: block; line-height: 26px; }
.cor .text_box a { display: inline-block; color: #4f78c7; }
.cor button { width: 150px; background: #747474; }
/* join_cor 疫꿸퀣毓� 癰귣챷�ㅿ옙�ㅿ쭩占� 占쎌쟿占쎌뵠占쎈선 占쎈솚占쎈씜
#layer_cor .join_step1 .join_card a { padding-bottom: 53px; }
#layer_cor .join_step1 span { font-size: 22px; }
#layer_cor .join_step1 b { font-size: 15px; }
#layer_cor .join_step1 .text_box { margin-bottom: 0; }
#layer_caption>div { width: 400px; }
#layer_caption .btn_close { top: 120px; right: 50%; margin-right: -185px; }
#layer_caption .caption p { background: #f6f6f6; padding: 20px 15px; }
*/
/* job_calendar 雅뚯눘�귨옙六억옙沅� */
.tab_typeB > ul { display: flex; margin-bottom: 40px; }
.tab_typeB > ul > li { flex: auto; border: 2px solid #ddd; margin-left: -2px; }
.tab_typeB > ul > li.active { border: 2px solid #008c7e; background: #008c7e; position: relative; z-index: 1; font-size: 1.2em; }
.tab_typeB > ul > li > a { border: none; padding: 10px 0; text-align: center; color: #666; }
.tab_typeB > ul .active a { color: #fff; font-weight: 500; }
.tab_typeB > div > div { display: none; }
.tab_typeB > div > div.active { display: block; }
.tab_typeB > div:after { content: ""; display: block; clear: both; }
.schedule_cal { width: 60%; float: left; }
.schedule_cal > div { border-bottom: 1px solid #008c7e; text-align: center; padding-bottom: 20px; }
.schedule_cal > div h2 { display: inline-block; font: 28px "Noto Sans KR"; padding: 0 60px; }
.schedule_cal > div button { background: url(../../images/womanup/cal_prev.png) no-repeat; width: 14px; height: 22px; font-size: 0; vertical-align: middle; margin-bottom: 11px; }
.schedule_cal > div button:last-child { background-image: url(../../images/womanup/cal_next.png); }
.table_cal { width: 100%; text-align: center; }
.table_cal th { border: 1px solid #ececec; border-top-width: 0; height: 40px; }
.table_cal th:first-of-type { color: #e53935; }
.table_cal th:last-of-type { color: #346cb7; }
.table_cal tbody tr { height: 90px; }
.table_cal td { font-size: 16px; text-align: left; border: 1px solid #ececec; vertical-align: top; padding: 12px; }
.table_cal td:first-of-type { color: #e53935; }
.table_cal td:last-of-type { color: #346cb7; }
.table_cal td a { vertical-align: middle; text-align: center; width: 40px; height: 40px; line-height: 40px; background: #f56200; border-radius: 20px; color: #fff; margin: 0 auto; }
.table_cal td a span { text-decoration: underline; color: #fff; }
.table_cal .emp { background: #f6f6f6; }
.table_cal .today { background: #eee; }
.cal_list { float: left; width: calc(40% - 10px); margin-left: 10px; }
.cal_list h4 { font-weight: 500; height: 41px; margin-top: 64px; background: #f6f6f6; border: 1px solid #ececec; border-top-color: #008c7e; border-bottom-color: #ddd; text-align: center; line-height: 41px; }
.cal_list ul { border: 1px solid #ececec; border-top-width: 0; height: 450px; overflow-y: auto; }
.cal_list a { display: inline-block; padding-right: 35px; line-height: 25px; }
.cal_list ul > li { border-bottom: 1px solid #ececec; padding: 20px 15px; }
.cal_list ul > li:last-child { border-bottom: 0; }
.cal_list ol li { padding-bottom: 5px; }
.cal_list ol li:after { content: ""; display: block; clear: both; }
.cal_list ol li span,
.cal_list ol li b { float: left; display: block; text-align: left; line-height: 25px; }
.cal_list ol li span { width: 110px; color: #444; font-weight: 500; }
.cal_list ol li b { width: calc(100% - 110px); }
.schedule_cal .table_cal td > span { display: block; padding-top: 10px; }
.schedule_cal .table_cal td span button { width: 100%; border: 1px solid #ccc; display: block; margin: 2px; font-size: 12px; text-align: center; background: #fff; color: #000; padding: 1px 0 2px; }
.schedule_cal .table_cal td span button:hover { border: 1px solid #005447; background: #005447; color: #fff; }
.schedule_list > div h2 b { padding-left: 10px; position: relative; font-size: 20px; }
.schedule_list > div h2 b:before { content: ""; width: 1px; height: 20px; background: #000; position: absolute; left: 4px; top: 6px; }
.table_brr { border-top: 1px solid #346a62; }
.table_brr tr.active { display: none; }
.table_brr th { background: #ebebeb; border-bottom: 1px solid #ccc; padding: 15px 0; }
.table_brr td { border-bottom: 1px solid #ccc; padding: 15px 0; }
.table_brr td:nth-child(2) a { display: inline-block; width: 100%; line-height: 20px; text-align: left; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.table_brr tr:nth-child(even) td { text-align: left; background: #f9f9f9; padding: 30px 10%; }
.table_brr td .icon_down { display: block; width: 30px; height: 30px; background: url(../../images/womanup/download.png) no-repeat 0 0 / 30px auto; font-size: 0; vertical-align: middle; margin: 0 auto; }
.table_brr li { padding: 0 0 10px 10px; background: url(../../images/womanup/point_05.png) no-repeat 0 11px / 4px
auto; }
.table_brr li span { color: #444; font-weight: 500; }
.table_brr li:last-child { padding-bottom: 0; }
.table_brr tr.active td span { color: #888; }
.brr_con { clear: both; padding-top: 20px; }
.brr_con p { margin-bottom: 10px; }
.brr_con p span { border: 1px solid #ccc; display: inline-block; margin: 2px; font-size: 12px; backgroud: #fff; color: #000; padding: 1px 8px 2px; }
.brr_con ul > li { padding-left: 10px; position: relative; margin-bottom: 10px; }
.brr_con ul > li:before { content: ""; display: block; width: 4px; height: 4px; background: #000; border-radius: 4px; position: absolute; top: 10px; left: 0; }
.brr_con ul ol > li { padding-left: 12px; position: relative; }
.brr_con ul ol > li:before { content: ""; display: block; width: 5px; height: 1px; background: #000; position: absolute; top: 13px; left: 0; }
/*.cal_form .cal_job li { height: 46px; }
.cal_form .cal_job .checkbox { padding: 8px 0 0; float: none; }
.cal_form .cal_job .checkbox li { width: 33.33%; }
.cal_form .cal_job .checkbox label { position: relative; width: 100%; }
.cal_form .cal_job>li:nth-of-type(1) { width: 50%; }
.cal_form .cal_job>li:nth-of-type(2) { width: 50%; }
.cal_form .cal_job>li:nth-of-type(2) div, .cal_form .cal_job>li:nth-of-type(3) div { padding-left: 85px; }
.cal_form .cal_job>li:nth-of-type(3) div { padding-right: 30px; }
.cal_form .cal_job>li:nth-of-type(3) { width: 50%; }
.cal_form .cal_job>li:nth-of-type(4) { width: 16.66%; } */
/* .job_map 占쎄쉽占쎄숲�닌딆뵥占쎌젟癰귨옙 筌욑옙占쎈즲占쎌겫占쎈열
.form .date input[type=text] { background: #fff url(../../images/womanup/icon_calendar.png) no-repeat right 10px center; }
.map_table th:nth-child(1) { width: 150px; }
.map_table th:nth-child(2) { width: 150px; }
.map_table th:nth-child(3) { width: auto; }
.map_table th:nth-child(4) { width: auto; }
.map_table th:nth-child(5) { width: auto; }
.map_table th:nth-child(6) { width: auto; }
.map_table td:nth-child(2) { text-align: center; }
.map_table td a.block { display: block; }
.map_table td a { display: inline-block; padding: 8px 8px 9px; }
.map_table td h4 { display: inline-block; background: #eee; padding: 8px 8px 9px; font-size: 14px; }
.map_table .thw th { width: auto; } */
.map_box { position: relative; margin-bottom: 40px; min-height: 42px; }
.map_box button { position: absolute; top: 0; right: 0; width: 95px; text-align: left; line-height: 40px; background: rgba(0, 0, 0, 0.7) url(../../images/womanup/plus_41.png)
no-repeat right 5px center/ 18px auto; padding-left: 5px; color: #fff; }
.map_box button.map_open { background-image: url(../../images/womanup/plus_42.png); z-index: 2; }
.map_box div.map { width: 100%; height: 300px; border: 1px solid #ddd; background: #fff; z-index: 1; }
.search_m { display: none; }
.error h2 { text-align: center; font-size: 40px; border-bottom: 1px solid #ececec; padding: 30px 0; font-weight: 500; }
.error h2 span { font-size: 40px; color: #c40000; font-weight: 500; }
.error div { width: 700px; margin: 95px auto 90px; }
.error div:after { content: ""; display: block; clear: both; }
.error img { float: left; padding-right: 70px; }
.error div p { font: 18px "Noto Sans KR"; padding-top: 20px; }
.error div ul { float: left; padding-top: 10px; }
.error div ul li { color: #666; padding-left: 20px; position: relative; }
.error div ul li:after { content: ""; display: block; width: 3px; height: 3px; background: #666; border-radius: 5px; position: absolute; left: 10px; top: 10px; }
.error > p { background: #f3f3f3; padding: 30px; color: #666666; text-align: center; }
.error > p span { color: #4b75c6; }
a.back { width: 210px; height: 60px; font: 18px/60px "Noto Sans KR"; text-align: center; background: #626262; color: #fff; margin: 70px auto 0; }
/* job_offer_info 占쎄퐣占쎌뒻占쎌뵬占쎌쁽�귐뗫탣占쎌쑎占쎈뮞 */
.job_offer_info { background: #f6f6f6; padding: 115px 80px; }
.job_offer_info:after { content: ""; display: block; clear: both; }
.job_offer_info > img { float: left; padding: 30px 80px 0 0; }
.job_offer_info div { float: left; width: calc(100% - 350px); }
.job_offer_info div img { display: block; padding-bottom: 30px; }
.job_offer_info div span { display: inline-block; padding-bottom: 20px; font-size: 18px; word-break: keep-all; }
.job_offer_info div span b { color: #395389; font-size: 18px; word-break: keep-all; }
.job_offer_info a { width: 240px; height: 60px; line-height: 60px; color: #fff; background: #626262; text-align: center; font-size: 18px; margin-top: 10px; }
/* job_table 占쎌뜖占쎄쾿占쎄쉬 �닌딆뵥占쎌젟癰귨옙
.job_form li:nth-of-type(1) { width: 66.66%; vertical-align: middle; }
.job_form li:nth-of-type(1) div { float: left; width: 47.5%; padding-right: 5px; }
.job_form li.active:nth-of-type(1) .month1 { opacity: 1; }
.job_form li:nth-of-type(1) .month1 { width: 50%; padding: 0; color: #999; text-align: left; line-height: 40px; opacity: 0.5; }
.job_form li:nth-of-type(1) input { width: 50px; }
.job_form li:nth-of-type(7) label { width: 120px; }
.job_form li:nth-of-type(7) div { padding-left: 130px; }
*/
.form_typeA .month1 div { padding: 0; }
.form_typeA .month1 input { width: 50px; }
.form_typeA .month1 b { width: 50px; display: inline-block; text-align: left; }
.padL30 { padding-left: 30px; }
/*
.list_tableA { width:100%; border-top:1px solid #008d7f; }
.list_tableA th { background: #f6f6f6; border-bottom:1px solid #ddd; font:500 17px/50px 'Noto Sans KR'; color:#000; text-align: center }
.list_tableA td { text-align: center; border-bottom: 1px solid #ececec; padding:20px 10px; }
.list_tableA td:nth-child(2) a { text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.list_tableA tr:hover { color:#00513d }
*/
/* job_detail �닌딆뵥占쎌젟癰귨옙 占쎄맒占쎄쉭占쎈읂占쎌뵠筌욑옙 */
.form_job ul li div { color: #222; }
/* list_news 占쎈뤀占쎈뮞占쎌쟿占쎄숲 */
.news_form ul li { width: 25%; }
.news_form ul li:nth-of-type(3) { width: 15%; }
.news_form ul li:nth-of-type(3) div { padding: 0; }
.news_form ul li:nth-of-type(4) { width: 35%; }
.news_form ul li:nth-of-type(4) div { padding: 0 20px 0 0; }
/* 占쎌돳占쎌뜚占쎄퉱占쎈닚 */
.login_leave ul { padding-bottom: 30px; }
.login_leave li { position: relative; padding: 0 0 10px 6px; font-size: 15px; color: #555; }
.login_leave li:after { content: ""; display: block; width: 2px; height: 2px; border-radius: 5px; background: #555; position: absolute; left: 0; top: 9px; }
.login_leave button { float: left; width: 50%; }
/* 占쎄텢占쎌뵠占쎈뱜筌랃옙 */
.sitemap { border-top: 2px solid #008c7e; }
.sitemap > li { border-bottom: 1px solid #ddd; padding: 40px 0 20px; }
.sitemap > li:after { content: ""; display: block; clear: both; }
.sitemap h4 { float: left; font: 600 1.4em "Noto Sans KR"; width: 25%; }
.sitemap ol { float: left; width: 75%; }
.sitemap li ol > li { margin-bottom: 10px; }
.sitemap li ol > li:hover > a { color: #18ba03; }
.sitemap li ol > li > a { font: 500 1.1em/33px "Noto Sans KR"; position: relative; padding-left: 15px; display: inline-block; }
.sitemap li ol > li > a:before { content: ""; display: block; width: 4px; height: 4px; background: #008c7e; position: absolute; top: 12px; left: 0; border-radius: 5px; }
.sitemap li ol > li > ul { margin: 0 0 0 15px; }
.sitemap li ol > li > ul > li { float: left; }
.sitemap li ol > li > ul > li > a { color: #666; border: 1px solid #ececec; font-size: 14px; padding: 5px 15px; margin: 3px; }
.sitemap li ol > li > ul > li > a:hover { color: #008c7e; border-color: #008c7e; }
/* 占쎌몧筌롫떯�롳옙�� 占쎈퉸占쎌젫 */
.dormancy h2 { text-align: center; font-size: 40px; border-bottom: 1px solid #ececec; padding: 30px 0; font-weight: 500; }
.dormancy h2 span { font-size: 40px; color: #c40000; font-weight: 500; }
.dormancy div { width: 700px; margin: 95px auto 90px; }
.dormancy div:after { content: ""; display: block; clear: both; }
.dormancy img { float: left; padding-right: 70px; }
.dormancy div p { font: 18px "Noto Sans KR"; padding-top: 20px; }
.dormancy div ul { float: left; padding-top: 10px; }
.dormancy div ul li { color: #666; padding-left: 20px; position: relative; }
.dormancy div ul li:after { content: ""; display: block; width: 3px; height: 3px; background: #666; border-radius: 5px; position: absolute; left: 10px; top: 10px; }
.dormancy > p { background: #f3f3f3; padding: 30px; color: #666666; text-align: center; }
.dormancy > p span { color: #4b75c6; }
.dormancy button { width: 150px; }
/* 占쎌몧筌롫떯�롳옙�� 癰귣챷�ㅿ옙�ㅿ쭩占� */
#layer_dormancy h2 { text-align: left; }
#layer_dormancy .btn button { width: 150px; }
/* 疫꿸퀣毓쏙옙�띰옙�� ��쑬占썼린�딆깈 癰귨옙野껓옙 */
#layer_com h2 { text-align: left; }
#layer_com .btn button { width: 150px; }
/* paging */
.paging a:hover { border: 1px solid #008c7e; background: #008c7e; color: #fff; font-weight: 600; }
.paging .prev_first:hover,
.paging .prev_first.active { background: url(../../images/womanup/prev_first_on.png) no-repeat center; border-color: #ccc; }
.paging .prev_page:hover,
.paging .prev_page.active { background: url(../../images/womanup/prev_on.png) no-repeat center; border-color: #ccc; }
.paging .next_page:hover,
.paging .next_page.active { background: url(../../images/womanup/next_on.png) no-repeat center; border-color: #ccc; }
.paging .next_last:hover,
.paging .next_last.active { background: url(../../images/womanup/next_last_on.png) no-repeat center; border-color: #ccc; }
/* �닌딆뵥占쎈뻿筌ｏ옙- 占쎌젟癰귨옙 detail */
.offer_detail:after { content: ""; display: block; clear: both; }
.offer_detail > div h4 { background: #fff; }
.offer_detail > div { margin-bottom: 30px; background: #f9f9f9; padding-bottom: 10px; }
.offer_detail > div ul { margin-left: 50px; }
.offer_detail > div ul li { float: left; width: 50%; margin-bottom: 5px; }
.offer_detail > div span { color: #444; position: relative; padding-left: 8px; font-weight: 500; }
.offer_detail > div span:after { content: ""; display: block; width: 3px; height: 3px; background: #000; position: absolute; top: 9px; left: 0; border-radius: 4px; }
.offer_detail h5 { font: 1.4em "Noto Sans KR"; margin: 10px 0 10px 40px; }
.offer_detail > ul { margin-bottom: 40px; }
.offer_detail > ul:last-of-type { border-bottom: 1px solid #ddd; padding-bottom: 30px; }
.offer_detail > ul li { float: left; width: calc(50% - 50px); }
.offer_detail > ul li:first-child { margin-right: 50px; }
.offer_detail h4 { font: 500 20px/50px "Noto Sans KR"; border-bottom: 1px solid #bbb; }
.offer_detail table { width: 100%; margin: 10px 0 0 15px; }
.offer_detail table th,
.offer_detail table td { padding: 5px 0; word-break: break-all; }
.offer_detail table th { position: relative; padding-left: 8px; vertical-align: top; text-align: left; }
.offer_detail table th:before { content: ""; width: 3px; height: 3px; display: block; background: #ff8a00; position: absolute; top: 15px; left: 0; }
.offer_detail .btn { clear: both; background: #fff; }
.offer_detail .btn button { width: 150px; }
/* table ul span, b width 占쎄묶域뱄옙 占쎈땾占쎌젟 */
.ulw80:after,
.ulw100:after,
.ulw120:after,
.ulw140:after { content: ""; display: block; clear: both; }
.ulw80 span,
.ulw80 b,
.ulw100 span,
.ulw100 b,
.ulw120 span,
.ulw120 b,
.ulw140 span,
.ulw140 b { float: left; display: block; }
.ulw80 span { width: 80px; }
.ulw80 b { width: calc(100% - 90px); }
.ulw100 span { width: 100px; }
.ulw100 b { width: calc(100% - 110px); }
.ulw120 span { width: 120px; }
.ulw120 b { width: calc(100% - 130px); }
.ulw140 span { width: 140px; }
.ulw140 b { width: calc(100% - 150px); }
.date input { padding-right: 40px; }
/* 野껓옙占쎄퉳鈺곌퀗援� 占쎈뤀占쎈뮞占쎌쟿占쎄숲
.form_news ul li label { width: 65px; }
.form_news ul li div { padding: 0 20px 0 70px; }
.form_news ul li:nth-of-type(1), .form_news ul li:nth-of-type(2) { width: 25%; }
.form_news ul li:nth-of-type(3) { width: 20%; }
.form_news ul li:nth-of-type(3) div { padding: 0; }
.form_news ul li:nth-of-type(4) { width: 30%; }
.form_news ul li:nth-of-type(4) div { padding-left: 0; } */
/* 占쎈짗占쎌겫占쎄맒 */
.con_movie { width: 560px; margin: 0 auto 30px; }
/*** 占쎌뒭�믪눘毓쏙옙�쇔첎占� ***/
.wm_setA { width: 1000px; margin: auto; }
.tab_typeA > ul { display: flex; margin-bottom: 40px; }
.tab_typeA > ul li { flex: auto; border: 1px solid #ddd; margin-left: -1px; line-height: 0; font-size: 0; }
.tab_typeA > ul li a { border: none; padding: 10px 0; text-align: center; color: #767676; }
.tab_typeA > ul li.active { border: 1px solid #008c7e; position: relative; z-index: 1; font-size: 1.2em; }
.tab_typeA > ul li.active a { background: #008c7e; color: #fff; font-weight: 500; }
.tab_typeA > div > div { display: none; }
.tab_typeA > div > div.active { display: block; }
.tab_typeA > div:after { content: ""; display: block; clear: both; }
.wm_setA .wm_img { background: #f9f9f9; }
.wm_setA .wm_img img { width: 100%; height: auto; }
.wm_setA .wm_img span { display: block; text-align: center; padding-bottom: 35px; font-size: 1.1em; max-width: 660px; margin: 0 auto; }
.wm_setA .wm_img2 { background: #f9f9f9; }
.wm_setA .wm_img2 img { width: 260px; height: auto; vertical-align: middle; margin-left: 40px; }
.wm_setA .wm_img2 span { display: inline-block; padding-left: 35px; font-size: 1.2em; max-width: 660px; vertical-align: middle; }
.wm_setA .wm_img3 { display: flex; margin-top: 25px; }
.wm_setA .wm_img3 li { flex: auto; border: 4px solid #ececec; margin: 0 5px; width: 33.33%; position: relative; padding: 45px 0; }
.wm_setA .wm_img3 li:after { content: ""; display: block; width: 4px; height: 4px; background: #f7941c; position: absolute; top: -4px; left: -4px; }
.wm_setA .wm_img3 img { width: 95px; height: auto; display: block; margin: 0 auto; }
.wm_setA .wm_img3 span { display: block; font-size: 1.2em; text-align: center; }
.wm_setA h2 { font: 600 1.6em "Noto Sans KR"; margin: 40px 0 10px; }
.wm_setA li:first-child h2 { margin-top: 0; }
.wm_setA .wm_box > li:first-of-type > h2 { margin-top: 0; }
.wm_setA .wm_box1 > li:first-of-type > h2 { margin-top: 0; }
.wm_setA h4 { font: 600 1.3em "Noto Sans KR"; margin: 20px 0 10px; }
.wm_setA .wm_box > li:first-of-type > h4 { margin-top: 0; }
.wm_setA h5 { font: 600 1.1em "Noto Sans KR"; margin: 20px 0 10px; color: #004e86; }
.wm_setA .wm_box li:first-of-type > h5 { margin-top: 0; }
.wm_setA i { float: right; display: block; font-style: normal; margin-top: 5px; }
.wm_setA li > b { display: block; margin: 10px 0; }
.wm_setA .bullet_num li b { margin-top: 0; }
.wm_setA strong { display: block; color: #dc5959; }
.wm_setA table { margin-bottom: 15px; border-top: 1px solid #aaa; width: 100%; }
.wm_setA table th { background: #f6f6f6; border-bottom: 1px solid #ddd; font: 500 1.1em/1.5em "Noto Sans KR"; color: #000; text-align: center; padding: 10px; }
.wm_setA table td { text-align: left; border-bottom: 1px solid #ddd; padding: 15px 10px; }
.wm_setA table td:hover { background: #fff; }
.wm_setA table.type-center td { text-align: center !important; }
.wm_setA table ol li { line-height: 1.6em; }
.wm_setA dl dt:first-of-type { padding-top: 0; }
.wm_setA dl dt { font-weight: 500; padding: 20px 0 5px; }
.bullet_or dd { position: relative; padding-left: 8px; line-height: 1.6em; }
.bullet_or dd:after { content: ""; display: block; width: 3px; height: 3px; background: #ff8a00; position: absolute; left: 0; top: 10px; }
.bullet_num { padding-left: 10px; }
.bullet_num > li { position: relative; padding-left: 20px; margin-bottom: 10px; }
.bullet_num > li span { position: absolute; top: 0; left: 0; }
.bullet_or { padding-left: 10px; }
.bullet_or > li { position: relative; padding-left: 8px; line-height: 1.6em; margin-bottom: 10px; text-align: left; }
.bullet_or > li:after { content: ""; display: block; width: 3px; height: 3px; background: #ff8a00; position: absolute; left: 0; top: 10px; }
.bullet_or.type-center > li:after { top: 11px; }
.bullet_or > li > a { line-height: 1.6em; } /* 2019-10-31 */
.bullet_li li { position: relative; padding-left: 10px; margin-bottom: 10px; text-align: left; }
.bullet_li li:after { content: ""; display: block; width: 5px; height: 1px; background: #000; position: absolute; top: 12px; left: 0; }
.bullet_dot > li { position: relative; padding-left: 8px; line-height: 1.6em; margin-bottom: 10px; text-align: left; }
.bullet_dot > li:after { content: ""; display: block; width: 3px; height: 3px; background: #000; border-radius: 4px; position: absolute; left: 0; top: 10px; }
.bullet_gy > li { position: relative; padding-left: 8px; line-height: 1.6em; margin-bottom: 10px; text-align: left; }
.bullet_gy > li:after { content: ""; display: block; width: 3px; height: 3px; background: #bbb; border-radius: 4px; position: absolute; left: 0; top: 10px; }
.wm_setA li strong { line-height: 1.6em; }
.wm_setA li > .bullet_num { padding: 0 0 10px 10px; }
.wm_setA .shortcut { display: inline-block; line-height: 30px; color: #fff; background: #757a85; border-radius: 4px; text-align: center; font-size: 0.9em; margin-left: 10px; padding: 0 10px 1px; }
.wm_setA .table_mob { display: none; }
#wrapper .table_center th { align-content: center; border: 1px solid #ddd; border-top-width: 0; padding: 10px; }
#wrapper .table_center td { text-align: center; border: 1px solid #ddd; border-top-width: 0; }
.wm_setA .wm_step dt { font: 500 1.6em/45px "Noto Sans KR"; color: #1b4ca6; }
.wm_setA .wm_step dt img { margin-right: 15px; }
.wm_setA .wm_step dd { margin-left: 60px; position: relative; padding-left: 8px; line-height: 1.8em; }
.wm_setA .wm_step dd:after { content: ""; display: block; width: 2px; height: 2px; background: #000; border-radius: 4px; position: absolute; left: 0; top: 13px; }
.wm_setA .wm_number { display: block; width: 200px; line-height: 30px; color: #fff; background: #757a85; border-radius: 4px; text-align: center; font-size: 0.9em; margin-top: 10px; padding-bottom: 1px; }
.wm_setA .wm_apply { display: block; width: 200px; margin: 0 auto; line-height: 30px; color: #fff; background: #757a85; border-radius: 4px; text-align: center; font-size: 0.9em; margin-top: 10px; padding-bottom: 1px; }
.wm_setA .wm_sl:after { content: ""; display: block; clear: both; }
.wm_setA .wm_sl h2 { float: left; font: 600 2em "Noto Sans KR"; line-height: 35px; padding: 0 50px 0 0; }
.wm_setA .wm_sl h2 span { display: block; font: 600 0.78em "Noto Sans KR"; line-height: 20px; }
.wm_setA .wm_sl h2 span strong { font: 600 1em "Noto Sans KR"; display: inline-block; }
.wm_setA .wm_sl strong { display: inline-block; font: 600 1em "Noto Sans KR"; line-height: 35px; }
.wm_setA .wm_sl b { word-break: keep-all; display: inline-block; max-width: 600px; margin-top: 5px; }
.wm_setA .wm_gr { color: #008c7e; }
.wm_setA .wm_or { color: #f7941c; }
.wm_setA .wm_gy { color: #777; }
.wm_setA .wm_list h2 { margin: 0 0 10px; }
.wm_setA .wm_list { border-top: 2px solid #008c7e; margin-top: 60px; }
.wm_setA .wm_list:after { content: ""; display: block; clear: both; }
.wm_setA .wm_list b { display: inline-block; max-width: 600px; }
.wm_setA .wm_list li { position: relative; border-bottom: 1px solid #ddd; padding: 30px 130px 30px 30px; }
.wm_setA .wm_list img { position: absolute; right: 30px; bottom: 45px; }
.wm_setA h6 { font: 500 1.2em "Noto Sans KR"; padding-bottom: 10px; }
.wm_setA .wm_ci img { width: 100%; padding: 20px 0; }
.wm_setA .wm_ci .wm_dl { margin: 65px 0 40px; text-align: right; }
.wm_setA .wm_ci .wm_dl a { display: inline-block; padding: 15px 100px 15px 0; border-bottom: 2px solid #000; background: url(../../images/womanup/wm_int_2_1.jpg) no-repeat right center; margin-left: 30px; }
.wm_setA .wm_color { display: flex; margin-bottom: 40px; }
.wm_setA .wm_color li { flex: auto; margin-right: 10px; }
.wm_setA .wm_color li:last-child { margin-right: 0; }
.wm_setA .wm_color li div { padding: 30px 20px; margin-bottom: 15px; }
.wm_setA .wm_color li:nth-child(1) div { background: #008c7e; }
.wm_setA .wm_color li:nth-child(2) div { background: #77c043; }
.wm_setA .wm_color li:nth-child(3) div { background: #f56200; }
.wm_setA .wm_ci .wm_color li:nth-child(2) { margin-left: 0; }
.wm_setA .wm_color li div span,
.wm_setA .wm_color li div b { color: #fff; display: block; }
.wm_setA .wm_color dt { font-weight: 500; }
.wm_setA .wm_color dd b:first-child { padding-left: 0; }
.wm_setA .wm_color dd b { font-weight: 500; padding: 0 5px 0 10px; }
.wm_setA .wm_ci li ul:after { content: ""; display: block; clear: both; }
.wm_setA .wm_ci li ul li:nth-child(n + 1) { float: left; width: calc(50% - 25px); }
.wm_setA .wm_ci li ul li:nth-child(5) { width: 100%; }
.wm_setA .wm_ci ol li ul li:nth-child(2n) { margin-left: 50px; }
.wm_setA .wm_ci ol li ul li:nth-child(5) { margin-left: 0; }
.wm_setA .wm_ci ol li ul li:nth-child(6) { margin-left: 0; }
.wm_setA .wm_ci ol li ul li:nth-child(7) { margin-left: 50px; }
.wm_table_tel dl { padding-bottom: 20px; width: calc(50% - 20px); float: left; }
.wm_setA .pb0 { padding-bottom: 0; }
.wm_setA .wm_table_tel dl dd a { display: inline-block; }
.wm_setA .wm_table_tel dl dd:last-child a { line-height: 20px; color: #fff; background: #757a85; border-radius: 4px; padding: 0 10px; font-size: 0.9em; padding-bottom: 1px; }
.wm_setA .wm_img_mob { display: none; }
.wm_setA .wm_img_web { width: 100%; }
.wm_setA .wm_replace b { margin-bottom: 30px; }
.wm_setA .wm_replace h4 { background: #f6f6f6; font: 500 2em "Noto Sans KR"; text-align: center; line-height: 80px; padding: 0; margin-bottom: 25px; }
.wm_setA .wm_replace:after { content: ""; display: block; clear: both; }
.wm_setA .wm_replace div { float: left; width: 50%; }
.wm_setA .wm_replace div img { display: block; margin: 0 auto; }
.wm_setA .wm_replace div b { display: block; width: 330px; text-align: center; margin: 10px auto 0; }
.wm_setA .wm_replace + li ol > li { float: left; width: 48%; height: 600px; border: 1px solid #ddd; border-top: 3px solid #80d4d2; text-align: center; margin-right: 2%; padding: 30px 0 40px; }
.wm_setA .wm_replace + li ol > li:last-child { margin-right: 0; }
.wm_setA .wm_em { font-style: italic; }
.wm_setA .wm_replace + li ol > li .wm_em { display: block; padding-bottom: 85px; background: url(../../images/womanup/wm_int_4_5.jpg) no-repeat center bottom
30px; }
.wm_setA .wm_replace + li ol > li ul,
.wm_setA .wm_replace + li ol > li h5 { padding: 0 20px; text-align: left; }
.wm_setA .wm_replace + li ol > li h5 { margin-bottom: 10px; }
.wm_setA .mb20 { margin-bottom: 20px; }
.wm_setA .ml10 { margin-left: 10px; }
.wm_setA .pb5 { padding-bottom: 5px; }
.wm_setA .wm_map { background: #ddd; height: 400px; margin-bottom: 20px; z-index: 1; }
.wm_setA table .bullet_num li:last-child,
.wm_setA table .bullet_or li:last-child,
.wm_setA table .bullet_gy li:last-child,
.wm_setA table .bullet_li li:last-child { margin-bottom: 0; }
.wm_setA .table_typeD td { text-align: center; }
.wm_setA .table_typeD .left { text-align: left; }
.wm_setA table .bg_grey { background: #f6f6f6; }
.wm_setA .wm_print:after { content: ""; display: block; clear: both; }
.wm_setA .wm_print h2 { display: inline-block; }
.wm_setA .wm_print a { float: right; display: inline-block; padding: 10px 100px 10px 0; border-bottom: 2px solid #000; background: url(../../images/womanup/print.png) no-repeat right center /
30px auto; margin-bottom: 20px; }
.wm_setA .table_typeD .bullet_dot > li:last-child { margin-bottom: 0; }
.wm_setA .layer_team1,
.wm_setA .layer_team2,
.wm_setA .layer_team3,
.wm_setA .layer_team4,
.wm_setA .layer_team5 { cursor: pointer; }
.wm_setA .wm_curri .syllabus { display: inline-block; border: 1px solid #aaa; font-size: 14px; padding: 5px 35px 5px 15px; text-align: center; background: #fff url(../../images/womanup/wm_int_2_1.jpg) no-repeat right
5px center / 20px auto; margin: 5px 10px 0; }
.wm_setA .wm_curri .lec_apply { display: inline-block; border: 1px solid #aaa; font-size: 14px; padding: 5px 15px; text-align: center; background: #fff; margin: 5px 10px 0; }
.jb_mb > ul { margin-top: 20px; }
.sp > ul > li {padding: 14px;}
.jb_mb ul > li { float: left; width: calc(50% - 10px); margin: 0 20px 20px 0; border: 1px solid #ececec; border-top: 4px solid #008c7e; padding: 20px; box-sizing: border-box; min-height: 215px; }
.jb_mb ul > li:nth-child(2n) { margin-right: 0; }
.jb_mb ul > li:nth-last-child(2),
.jb_mb li:last-child { margin-bottom: 0; }
.jb_mb ul > li h4 { margin: 0 0 10px 0; }
.jb_mb ul > li span { display: block; margin-bottom: 10px; font: 500 18px "Noto Sans KR"; }
.wm_tm { padding: 8px 40px; background: #757a85; color: #fff; display: inline-block; margin: 10px 0 0; font-size: 0.9em; }
.wm_tm:hover,
.wm_tm:focus { color: #fff; }
/* 占쎌쟿占쎌뵠占쎈선占쎈솚占쎈씜 筌띾뜆�좑옙�뱄옙�좑쭪占� 占쎈땾揶쏉옙 占쎈늄�깃퀬�� */
#layer_print .pop_form { border: 5px solid #ececec; padding: 30px; }
#layer_print .pop_form label,
#layer_print .pop_form input { width: 100%; }
#layer_print .pop_form span { display: block; width: 80%; margin: 20px auto 0; color: #777; text-align: center; }
#layer_print .pop_form span > strong { color: #f96600; }
/* �⑤벏�삣칰占쏙옙源� 占쎈읂占쎌뵠筌욑옙 */
.tab_search h4,
.tab_search .open_C { display: none; }
.listC ul { display: flex; background: #fff; margin-bottom: 40px; }
.listC > ul > li { flex: auto; line-height: 0; font-size: 0; }
.listC > ul > li > a { color: #777; text-align: center; border: none; padding: 10px 0; border: 1px solid #ddd; border-left: 0; }
.listC > ul > li:first-child > a { border: 1px solid #ddd; }
.listC > ul li.active { position: relative; z-index: 1; background: #008c7e; color: #fff; font-size: 1.2em; }
.listC > ul .active a { background: #008c7e; color: #fff; font-weight: 500; border: 1px solid #008c7e; }
.listC > ul > li.active:first-child > a { border: 1px solid #008c7e; }
.list_search { border-top: 1px solid #ddd; background: #fff; }
.list_search > li { padding: 20px 0; border-bottom: 1px solid #ddd; overflow: hidden; }
.img_s div { width: 200px; height: 105px; overflow: hidden; float: left; margin-right: 30px; background: #f3f3f3 url(../../images/womanup/logo_gray.png) no-repeat center /
80%; }
.img_s img { width: 100%; }
.list_search li.img_s dl { float: left; width: 770px; }
.list_search li dl dt { font: 500 18px "Noto Sans KR"; color: #000; padding-bottom: 5px; }
.list_search li dl b { font-size: inherit; font-weight: 500; color: #f56200; }
.list_search li dl dd:nth-child(2) { overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 5px; height: 47px; }
.list_search li dl dd:nth-child(3) { font: 14px "Noto Sans KR"; color: #777; }
.list_search li dl dd strong { font: 14px "Noto Sans KR"; color: #777; margin-left: 30px; }
/* 2020-01-14 */
.board_result .list_search > li:last-child { border-bottom: none; }
.board_result > li { margin-bottom: 30px; }
.board_result > li:last-child { margin-bottom: 0; }
.board_more { padding: 20px; padding-top: 0; border-bottom: 1px solid #ddd; text-align: right; }
.board_more a { display: inline-block; border: 1px solid #e4e4e4; border-radius: 16px; color: #848484; font-weight: 500; background: #fff url(../../images/womanup/plus_11.png) no-repeat 94% center /
11px; padding: 6px 23px 6px 14px; font-size: 15px; }
.contentC > div { display: none; }
.contentC > div.active { display: block; }
.table_typeD .notice { display: inline-block; }
.table_typeD a .notice { display: none; }
.notice { display: inline-block; padding: 5px 7px; background: #A76905; color: #fff; border-radius: 3px; text-align: center; font-size: 14px; }
.notice.end { display: inline-block; padding: 5px 7px; background: #aaa; color: #fff; border-radius: 3px; text-align: center; font-size: 14px; }
/* 占쎈땾揶쏅벡�딉㎗占� 揶쏅벡�썸�④쑵�뤄옙苑� */
a.lec_syl { display: inline-block; text-align: center; color: #222; background: #eee; padding: 2px 20px; font: 500 14px "Noto Sans KR"; }
.lec_syl { padding-bottom: 2px; }
/* 野껊슣�놅옙�� 占쎄맒占쎄쉭占쎈읂占쎌뵠筌욑옙 占쎄텕占쎌뜖占쎈굡 */
.view_kw { background: #f6f6f6; padding: 15px; margin-bottom: 20px; }
.view_kw li { float: left; background: #fff; margin: 3px; border: 1px solid #ddd; padding: 8px 20px; }
/*.view_kw li:hover { color: #008c7e; border-color: #008c7e; } */
.view_kw span { color: #008c7e; margin-right: 3px; }
.tit_b { margin-left: 15px; }
.tit_b a { display: inline-block; color: #367dbd; }
/* 占쎄텢占쎌뒠揶쏉옙占쎌뵠占쎈굡 */
.user_guide > li { margin-top: 50px; }
.user_guide h4 { margin-bottom: 20px; }
.user_guide div { border: 1px solid #ddd; padding: 25px; text-align: center; margin-bottom: 10px; }
.user_guide div img { max-width: 100%; }
.user_guide .bullet_or li { padding-bottom: 0; color: #222; }
#wrapper .pmb20 { margin-bottom: 20px; }
#wrapper .wm_setA .wm_box .bb_js li span { font: 500 16px "Noto Sans KR"; color: #222; }
#wrapper .bb_js span b { display: block; margin-top: 8px; font: bold 20px "Noto Sans KR"; color: #008c7e; }
.group_step li { float: left; width: calc(33.33% - 40px); margin-left: 60px; position: relative; }
.group_step li:first-child { margin-left: 0; }
.group_step li:after { content: ""; display: block; width: 18px; height: 28px; background: url(../../images/gen/group_arr.png) no-repeat; position: absolute; right: -40px; top: 50%; margin-top: -14px; }
.group_step li:last-child:after { display: none; }
.group_step span { display: block; background: #008c7e; color: #fff; font-weight: 500; padding: 15px 20px; }
.group_step div { border: 1px solid #ececec; border-top: 0; padding: 15px 20px; height: 100px; }
.group_step em { display: block; line-height: 20px; padding-left: 10px; position: relative; }
.group_step em:after { content: ""; display: block; width: 4px; height: 4px; background: #008c7e; position: absolute; left: 0; top: 8px; }
.group_step .h170 { height: 170px; }
.br20 { margin-top: 15px; }
.br20 div b { display: block; font-size: 18px; font-weight: 500; margin-bottom: 10px; }
.group_step.br20 span { border-top-left-radius: 20px; border-top-right-radius: 20px; }
.wm_csp > li { border: 1px solid #ddd; padding: 20px 20px 20px 180px; background: url(../../images/womanup/wm_222_1.png) no-repeat left 20px
center; }
.wm_csp > li:last-child { background-image: url(../../images/womanup/wm_222_2.png); margin-top: 20px; }
.wm_csp > li h4 { margin: 0 0 10px; }
.wm_csp > li:first-child .bullet_or > li { float: left; width: 50%; }
.wm_csp .bullet_or > li { color: #777; }
/* 占쎈땾揶쏅베利� 野껉퀣�� */
.lis_box .pay_btn { border: 0; padding: 0; text-align: center; }
.lis_box .pay_btn button { width: 130px; font: 16px/40px "Noto Sans KR"; text-align: center; background: #008c7e; color: #fff; }
.lis_box .pay_btn .btn_orange { background: #f56200; }
/* 2019-11-08 占쎌삢占쎈막 占쎌젔域뱀눘苑� */
.login .input_info input { width: 50%; }
.login .input_info tr:last-child input { width: 29%; }
.table_typeB td:nth-child(2) select { width: 29%; }
.login .input_info .three input { width: 30%; }
/* 200914 占쎄틙筌롫뗀�� 筌뤴뫁堉� 筌띻낱寃� */
.tabStyle_link { overflow: hidden; padding: 0; margin-bottom: 40px; }
.tabStyle_link a { float: left; width: calc(50% - 5px); }
.tabStyle_link a:first-child { margin-right: 10px; }
/* 200916 �꾩꼹�쀯㎘占� 占쎌뵠沃섎챷占� 2占쎌삢 占쎌젟占쎌졊 */
.gen_img.img2 { font-size: 0; line-height: 0; }
.gen_img.img2 img { display: inline-block; width: calc(50% - 20px); margin: 0 10px; }
/* [SR甕곕뜇�� 2024060011] 餓λ쵎�� 筌�쑴�쒙옙�숃퉪占� 獄쏉옙 占쎌뵥占쎌삺占쎌젟癰귨옙 占쎌쟿占쎌뵠占쎈툡占쎌뜍 癰귨옙野껓옙 */
#viewTypeCard_jungnang li {
width:20%;
cursor:pointer;
}
#viewTypeCard_jungnang a {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 1em;
}
#viewTypeCard_jungnang div {
padding:20px 7.5px 20px;
}
#viewTypeCard_jungnang dl dt {
padding-right:0px;
height:60px;
}
/*
#viewTypeCard_jungnang li:nth-child(n+1):nth-child(-n+5) div {
border: 1px solid #008c7e;
border-width: 2px 2px 2px 0;
}
#viewTypeCard_jungnang li:nth-child(n + 6) div {
border-top: 0;
}
*/
#viewTypeCard_jungnang > div > ul {
border: none;
}
#viewTypeCard_jungnang li div {
border: 2px solid #008c7e;
margin: 2px;
}
#viewTypeCard_jungnang em {
font-size: 0.9em;
}
#viewTypeCard_jungnang .pay{
height: 46px;
}
#viewTypeCard_jungnang .job{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
/* ��愿��덉감 */
.venue_step span{display: inline-block; border: 3px solid #008c7e; border-top-right-radius: 10px; border-bottom-left-radius: 10px; width: 300px; height: 70px; text-align: center; line-height:64px; margin-bottom: 10px; font-weight: 500;}
.venue_step em{display: inline-block; border: 1px solid #ddd; border-top-right-radius: 10px; border-bottom-left-radius: 10px; width: 676px; height: 70px; margin: 0 0 0px 20px; padding-left: 30px; color: #777; align-content: center;}
/* ��愿��덈궡 */
.venue_agree{border: 1px solid #ececec; padding: 20px 30px;}
.venue_agree .bullet_num>li{padding-left: 25px;}
.agree_box{border: 1px solid #ececec; border-top: 0; padding: 20px 0 15px; text-align: center;}
.agree_box .radio{display: inline-block;}
.icon_rec{display: inline-block; width: 25px; height: 25px; background: url(../../images/gen/icon_receipt.png) no-repeat 0 0 / 25px auto; font-size: 0; margin: 2px; vertical-align: middle; text-align: center;}
/* ��愿��좎껌 */
.venue_div{margin: 10px 0;}
.venue_div em{display: block; color: #000;}
.venue_div ul{margin-top: 5px;}
.venue_div ul>li{padding-left: 10px; color: #777;}
.venue .b_right{float: right; width: 150px; line-height: 45px; background: #008c7e; color: #fff; margin: 10px 0;}
.table_add{margin-bottom: 30px;}
.table_add .v_del{text-align: center; padding: 5px 30px; background: #727272; color: #fff;}
.centerNews .title_result{display: inline-block;}
.btnT{float:right; padding-top: 0;}
.btnT button{width: 150px; font-size: 18px; line-height: 40px; height: 40px;}
/* ��愿�_�덉빟�꾪솴 */
.venue_rsv:after{content: ""; display: block; clear: both;}
.venue_rsv>h2{font: 600 1.6em 'Noto Sans KR'; margin-bottom: 15px;}
.venue_rsv .bullet_or{margin-bottom: 40px;}
.venue_rsv .bullet_or li{margin-bottom: 0;}
.venue_rsv .schedule_cal{position: relative;}
.venue_rsv .schedule_cal>div{text-align: left;}
.venue_rsv .schedule_cal .table_cal td>span{padding-top: 0;}
.venue_rsv>form{position: relative;}
.venue_rsv .form_typeA{background: none; padding: 0; margin-bottom: 0; font-size: 0; line-height: 0; position: absolute; right:0; top:0;}
.venue_rsv .form_typeA ul{display: inline-block;}
.venue_rsv .form_typeA ul li{width: 200px; padding-right: 0; height: 40px;}
.venue_rsv .form_typeA .btn{display: inline-block; padding-top:0;}
.venue_rsv .form_typeA .btn button{line-height: 40px; height: 40px;}
.venue_rsv .form_typeA .btn button:nth-child(1){width: 80px;}
.venue_rsv .date{display: none;}
.cal_list2{float: left; width: calc(40% - 10px); margin-left: 10px;}
.cal_list2 h4{font-weight:500; height: 41px; margin-top: 64px; background: #f6f6f6; border: 1px solid #ececec; border-top-color: #008c7e; border-bottom-color:#ddd; text-align: center; line-height: 41px;}
.cal_list2>div{border: 1px solid #ececec; border-top-width: 0; height: 450px; overflow-y: auto;}
.cal_list2>div>ul>li{border-bottom: 1px solid #ececec; padding: 20px 15px;}
.cal_list2 ol li{padding-bottom: 5px;}
.cal_list2 ol li:after{content: ""; display: block; clear: both;}
.cal_list2 ol li span, .cal_list ol li b{float: left; display: block; text-align: left; line-height: 25px;}
.cal_list2 ol li span{width: 110px; color: #888;}
.cal_list2 ol li b{width: calc(100% - 110px);}
.cal_list2 ol>li:nth-child(1){font: 500 18px/20px 'Noto Sans KR';}
.cal_list2 ol>li:nth-child(2){font: 500 20px 'Noto Sans KR';}
.cal_list2 .lis_box>li>dl{position: relative;}
.cal_list2 .lis_box dt{height: 55px;}
.cal_list2 .lis_box dt b{top: 8px;}
.cal_list2 .paging{margin-bottom: 20px;}
.hallul {display : grid;}
.table_cal tbody tr td p{font-size: small; padding-top: 10px; text-align: center;}
.on_checkbox {
background: url(../../images/womanup/checkbox_on3.png) no-repeat no-repeat 0 2px !important;
background-size: 20px auto;
}
/* ��愿�_ �덉빟紐⑸줉*/
.reserve_cancle {
width: calc(60% - 6px);
height: 36px;
line-height: 33px;
background: #008c7e;
margin: 3px;
text-align: center;
border: 1px solid #ddd;
border-radius: 6px;
font-size: 14px;
color: white;
}
}
/*筌뤴뫀而�옙��*/
@media (max-width: 720px){
.Mobile { background: #f6f6f6; }
#sub,
#mypage { background: #f6f6f6; }
#sub,
#join,
#mypage { padding: 20px 0 50px; }
.wfr { float: right; }
/* sub_title
.title_01,.navi_sub ul>li { display: none; }
.navi_sub>div { overflow: hidden; width: 100%; }
.navi_sub ul>li.active { display: block; background:#fff url(../../images/womanup/icon_m1.jpg) no-repeat 20px 15px; background-size: 22px auto; }
.navi_sub ul>li.active>a { display: block; background:#fff; font:500 18px/22px 'Noto Sans KR'; color:#999; border-bottom: 1px solid #ececec; padding: 15px 50px; color:#222; background:url(../../images/womanup/down_5.png) no-repeat right 15px top 18px; background-size: 20px auto }
.navi_sub ol { border-bottom: 1px solid #ececec; padding:7px 20px; display:none; }
.navi_sub ol li.active { background:url(../../images/womanup/check_green.png) no-repeat 8px 18px; background-size: 15px auto; }
.navi_sub ol li a { margin:0 20px 0 30px; padding:13px 0; color:#888; border-top:1px solid #ececec; font-size: 17px }
.navi_sub ol li:first-child a { border-top:none; }
.navi_sub ol li.active a { color:#097d71; font-weight:500 }
*/
.title_01 ul { display: none; }
.navi_sub .gnb_01 { background: #fff; border-bottom: 1px solid #ddd; width: 100%; display: flex; }
.navi_sub .gnb_01 > li:nth-child(1),
.navi_sub ul > li:nth-child(2) { display: none; }
.navi_sub .gnb_01 > li { position: relative; flex: auto; }
.navi_sub .gnb_01 > li > a { padding: 13px 45px 13px 20px; color: #000; line-height: 1.2em; background: url(../../images/womanup/plus_61.png) no-repeat right 12px top
10px; background-size: 25px auto; }
.navi_sub .gnb_01 > li.click > a { color: #fff; background: #008c7e url(../../images/womanup/plus_42.png) no-repeat right
7px top 10px; background-size: 25px auto; }
.navi_sub .gnb_01.len4 > li:nth-child(4) ol { border-left: 1px solid #ececec; }
.navi_sub .gnb_01.len4 > li:nth-child(3) ol { border-right: 1px solid #ececec; }
.navi_sub .gnb_01.len4 > li:nth-child(4) a { border-left: 1px solid #ececec; }
.navi_sub ul ol { display: none; background: #fff; position: absolute; z-index: 5; width: 100%; left: 0; top: auto; }
.navi_sub ul li.click ol { display: block; box-shadow: 0px 2px 5px 0px #ddd; }
.navi_sub ul ol li a { padding: 12px 20px 12px 23px; border-bottom: 1px solid #ececec; font: 15px/17px "Noto Sans KR"; position: relative; }
.navi_sub ul ol li a:after { display: block; content: ""; width: 4px; height: 4px; background: #008c7e; position: absolute; left: 13px; top: 18px; }
.sns { overflow: hidden; padding: 10px 20px 0px; text-align: right; }
.sns a { display: inline-block; }
.sns img { height: 30px; margin-left: 10px; }
.sns a:last-child { display: none; }
/* search_program */
.form_typeA { background: #f6f6f6; margin-bottom: 20px; }
.form_typeA > ul { padding: 0 20px; }
.form_typeA > ul > li { float: left; width: 50%; padding: 0 0 6px 0; position: relative; }
/*.form_typeA>ul>li:nth-child(even) { padding:0 0 6px 5px; } */
.form_typeA > ul > li > label span,
.trr_label span { font-size: 0px; }
.form_typeA > ul > li > label,
.trr_label { position: absolute; left: 0; top: 0; font-size: 0; }
.form_typeA li div { padding: 0; line-height: 0; font-size: 0; }
.form_typeA li div b { display: inline-block; line-height: 40px; text-align: center; font-size: 16px; }
.form_typeA li.none_label { overflow: hidden; width: 100%; padding-right: 0; }
.form_typeA li.none_label div { padding: 0; float: left; }
.form_typeA li select,
.form_typeA ul li input { width: 100%; }
.form_typeA .div2 > li { width: 100%; padding: 0 0 6px; }
.form_typeA .div2 > li:nth-child(even) { padding: 0 0 6px 0; }
.form_typeA .div1 > li { padding: 0 20px; }
.form_typeA li.none_label label { font-size: 0; }
.date input[type="text"] { background: #fff url(../../images/womanup/icon_calendar.png) no-repeat right
10px center; }
.form_typeA .selectA { width: 100%; }
.btn { margin-top: 15px; overflow: hidden; }
.hallbtn { width:100% !important}
.btn button,
.btn a { font: 19px/45px "Noto Sans KR"; background: #008c7e; text-align: center; color: #fff; float: left; width: 50%; }
.btn button:nth-child(1),
#wrapper .btn .submit,
#wrapper .btn .ok { background: #008c7e; }
.btn button:nth-child(2),
#wrapper .btn .reset { background: #747474; }
#wrapper .btn .button { background: #f56200; }
.btn .button { background: #f56200; }
.title_result { padding: 10px 0 15px 15px; color: #000; font-size: 18px; margin: 0; }
.title_result span { color: #f56200; font-weight: 600; }
/* 2020-01-14 */
.title_result2 { padding: 10px 0 15px 15px; color: #777; font-size: 14px; margin: 0; }
.title_result2 span { color: #f56200; font-weight: 600; }
.title_a { font: 500 18px "Noto Sans KR"; padding-left: 15px; margin: 0 10px 20px 10px; background: url(../../images/womanup/point_01.png) no-repeat left top 10px; }
.title_a span { display: block; margin-top: 5px; }
.btn_list { float: right; width: 100px; height: 36px; background: #008c7e; color: #fff; text-align: center; font: 15px/36px "Noto Sans KR"; }
.btn_list:hover,
.btn_list:focus { color: #fff; }
/* list_box */
.lis_box ul { background: #fff; }
.lis_box ul > li { position: relative; border-bottom: 5px solid #ddd; } /*20230614 揶쏅베�� 占쎄퐨 占쎈쐭 占쎈あ�용씧苡� 占쎌뒄筌ｏ옙*/
.lis_box li div { padding: 20px 20px 25px; }
.lis_box dl dd { color: #000; padding: 0 45px 7px 74px; position: relative; }
.lis_box dl dd span { display: block; position: absolute; left: 0; top: 0; width: 70px; font: 14px/20px "Noto Sans KR"; color: #777; background: url(../../images/womanup/point_01.png) no-repeat left center; background-size: 3px auto; padding-left: 6px; }
.lis_box dl li strong { color: #008c7e; display: block; margin-bottom: 8px; }
.lis_box dl li b { display: inline-block; font-size: 12px; color: #777; background: #eee; color: #888; padding: 3px 8px; }
.lis_box dt b.fourb { font: 12px/14px "Noto Sans KR"; padding: 6px 5px 0 5px; }
.lis_box dt a { font-weight: 500; font-size: 20px; line-height: 24px; color: #000; margin: 5px 0 10px; }
.lis_box dd { line-height: 16px; }
.lis_box em.line2 { height: 40px; }
.lis_box dt b { position: absolute; right: 20px; top: 108px; background: #f56200; font: 14px/40px "Noto Sans KR"; color: #fff; width: 40px; height: 40px; border-radius: 20px; text-align: center; }
.lis_box .line_top { border-top: 1px dotted #ddd; padding: 20px 0 7px 74px; margin-top: 15px; }
.lis_box .line_top span { top: 20px; }
.lis_box h2 { text-align: left; border-top: 1px solid #ececec; padding: 13px 0 20px; margin-top: 13px; font: 600 15px "Noto Sans KR"; color: #007c70; }
.lis_box ul li div > a,
.lis_box ul li div > h4 { display: none; text-align: center; width: 50%; font: 500 18px/46px "Noto Sans KR"; margin: auto; }
.lis_box ul li div > a.active { display: block; background: #008c7e; color: #fff; }
.lis_box ul li div > h4.active { display: block; background: #eee; color: #000; }
.lis_box ul li strong { display: block; height: 90px; }
.lis_box ul li strong a { float: left; width: calc(50% - 10px); height: 36px; line-height: 33px; background: #fff; margin: 5px; text-align: center; font-size: 14px; border: 1px solid #ddd; border-radius: 4px; }
/* table_typeD */
.table_typeD { border-top: 1px solid #008c7e; width: 100%; }
.table_typeD tr,
.table_typeD td { background: #fff; display: list-item; list-style: none; }
.table_typeD th,
.table_typeD thead tr { display: none; }
.table_typeD tr { border-bottom: 1px solid #ececec; padding: 20px 15px; }
.table_typeD .txt_green { color: #007c70; font-weight: 500; padding-left: 0; }
.table_typeD .txt20 { font: 500 20px/24px "Noto Sans KR"; margin: 5px 0 10px; padding-left: 0; }
.table_typeD .pl80 { padding-left: 80px; }
.table_typeD .pl100 { padding-left: 100px; }
.table_typeD .pl120 { padding-left: 120px; }
.table_typeD td { position: relative; line-height: 1.6em; }
.table_typeD em { position: absolute; left: 0; top: 0; font: 14px/20px "Noto Sans KR"; color: #888; padding-left: 6px; background: url(../../images/womanup/point_01.png) no-repeat left center /
3px auto; }
.table_typeD .left { text-align: left; word-break: break-all; }
.table_typeD .right { text-align: right; }
.table_typeD .state { background: #008c7e; width: 100px; margin: 10px auto; font: 500 14px/30px "Noto Sans KR"; color: #fff; text-align: center; }
.table_typeD h4 { background: #eee; width: 100px; margin: 10px auto; font: 500 14px/30px "Noto Sans KR"; text-align: center; }
.table_typeD .icon_down { position: absolute; right: 15px; bottom: 5px; display: block; width: 30px; height: 30px; background: url(../../images/womanup/download.png) no-repeat 0 0 / 30px auto; font-size: 0; }
/*.download { position: absolute; right: 15px; bottom:5px; width:40px; height:40px; text-align: center }
.download img { display: block; width:30px; margin-top: 5px } */
.table_typeD .m_none { display: none; }
.table_typeD .simple_content * { font-size: inherit; color: inherit; font-weight: inherit; }
/* list_table
.list_table,.list_table tr,.list_table td,.list_table tbody { background: #fff; display:list-item; list-style: none; }
.list_table thead,.list_table td:nth-child(1),.list_table td:nth-child(6) { display:none; }
.list_table tr { border-bottom: 1px solid #ececec; padding:15px 20px; position: relative; overflow: hidden }
.list_table td:nth-child(2) a { font-size: 20px; line-height: 24px; color:#000; padding:0 0 10px 0; word-break: break-all; }
.list_table td:nth-child(3),.list_table td:nth-child(4) { float: left; margin-right: 20px; color:#999; } */
/* list_img */
.list_img { background: #fff; padding: 10px 0; }
.list_img > li { border-top: 1px solid #efefef; }
.list_img > li:first-child { border-top: none; }
.list_img > li > a { padding: 20px; width: 100%; }
.list_img > li > a > span { float: right; display: block; width: 150px; background: #f3f3f3 url(../../images/womanup/logo_gray.png) no-repeat center /
100px auto; height: 100px; overflow: hidden; }
.list_img > li > a:after { content: ""; display: block; clear: both; }
.list_img > li > a > span > img { width: 100%; }
.list_img > li > a > div { font-size: 14px; color: #c1c1c1; padding-right: 150px; min-width: 291px; }
.list_img > li > a > div > strong { font: 400 18px/22px "Noto Sans KR"; color: #000; display: block; height: 68px; padding-right: 15px; overflow: hidden; margin-bottom: 10px; }
.list_img > li > a > div > span { color: #c1c1c1; padding-left: 10px; font-size: 14px; }
/* list_detail - 占쎄맒占쎄쉭占쎈읂占쎌뵠筌욑옙 181113 float:left占쎄텣占쎌젫 */
#list_detail { background: #fff; padding-bottom: 10px; padding-top: 0; }
.view_top { padding: 20px 20px 5px; border-bottom: 1px solid #dadada; }
.view_top h2 { font: 500 18px/24px "Noto Sans KR"; margin: 0; word-break: break-all; }
.view_info { margin-top: 20px; position: relative; }
.view_info li { position: relative; padding: 0 10px 10px; color: #848484; font-size: 15px; line-height: 20px; }
.view_info li:nth-child(2):before { position: absolute; top: 6px; left: 0; height: 8px; border-left: 1px solid #dadada; content: ""; }
.view_info .detail_file { clear: both; border-top: 1px solid #ececec; float: none; padding-top: 5px; }
.view_info li:nth-child(1),
.view_info li:nth-child(3) { padding-left: 0; }
.view_info li a { font-size: 15px; color: #848484; line-height: 20px; margin-top: 5px; }
.view_info .clicks { position: absolute; top: 0; right: 0; }
.view_info li b { color: #848484; font-size: 15px; }
.view_info li span { padding-left: 10px; font-size: 15px; }
.view_content { padding: 20px; word-break: break-all; }
.view_content * { font-size: inherit; font-family: inherit; font-weight: inherit; color: inherit; }
.view_content p { font-size: 15px; }
.view_content a { display: inline-block; }
.view_content strong,
.view_content b { font-weight: bold; }
.view_content i,
.view_content em { font-style: italic; }
.view_content ul:not([class]),
.view_content ul:not([class]) > li { list-style-type: disc; }
.view_content ol:not([class]),
.view_content ol:not([class]) > li { list-style-type: decimal; }
.view_content ol:not([class]),
.view_content ul:not([class]) { padding-left: 19px; }
.view_content .img_box { margin-top: 20px; text-align: center; overflow: auto; } /* 2019-11-28 */
.img_box img { max-width: 100%; }
#list_detail > div:after { content: ""; display: block; clear: both; }
#list_detail > a { width: 180px; height: 36px; margin: 0 auto; background: #008c7e; color: #fff; text-align: center; font: 15px/36px "Noto Sans KR"; }
.page_nav { margin: 40px 0 0; border-top: 1px solid #dadada; }
.page_nav > li { position: relative; height: 54px; border-bottom: 1px solid #dadada; }
.page_nav > li:last-child { border-bottom: 0; }
.page_nav span { position: absolute; padding: 0 20px; line-height: 54px; }
.page_nav span + a { display: inline-block; padding-left: 88px; color: #000; line-height: 54px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.page_nav .post_end { color: #9a9a9a; }
/* tab */
.tab ul { display: -webkit-box; display: -ms-flexbox; background: #fff; position: relative; margin-bottom: 10px; }
.tab ul li { -webkit-box-flex: 1; -ms-flex: 1; }
.tab ul li a { text-align: center; border-bottom: 1px solid #ececec; }
.tab ul li.active a span { color: #008c7c; font: 500 16px/44px "Noto Sans KR"; display: inline-block; border-bottom: 2px solid #008c7c; }
.tab ol li { display: none; }
.tab ol li.active { display: block; }
.tab ol li img { width: 100%; }
/* survey */
.survey_box { background: #fff; overflow: hidden; position: relative; height: 250px; }
.survey { overflow: hidden; }
.survey div { float: left; background: #e9e9e9 url(../../images/womanup/survey_bg.png) no-repeat right -60px
top -60px; background-size: 200px auto; width: 45%; height: 250px; }
.survey div h2 { padding: 50px 15px 30px; }
.survey div h2 b { font: 600 22px/32px "Noto Sans KR"; color: #000; display: block; }
.survey div p { padding-left: 15px; }
.survey div p span { font: 14px/20px "Noto Sans KR"; color: #000; display: block; }
.survey form { float: left; width: 55%; }
.survey .radio { position: relative; padding: 20px 10px; }
.survey .radio li { margin-right: 0; float: none; }
.survey .active .radio { background: url(../../images/womanup/radio_on.png) no-repeat 0 center; background-size: 20px auto; }
.radio input { position: absolute; left: 0; top: -100px; }
.survey form button { position: absolute; right: 0; bottom: 0; background: #008c7e; color: #fff; text-align: center; width: 55%; z-index: 1; font: 500 18px/50px "Noto Sans KR"; margin: 0 auto; margin-top: 30px; }
.btn_ok:after { display: inline-block; content: ""; width: 40px; height: 50px; background: url(../../images/womanup/check_w.png) no-repeat right 13px; background-size: 20px auto; vertical-align: top; }
/************ login ************/
#login { background: #f6f6f6; padding: 30px 0; }
.login input[type="text"],
.login select { height: 46px; width: 100%; }
.login { margin: 0 auto 50px; background: #fff; padding: 40px 20px; }
.login h2 { padding-bottom: 30px; font-size: 25px; color: #000; text-align: center; font-weight: 500; }
.login_form label { width: 100%; }
.login_form input[type="text"],
.login_form input[type="password"] { width: 100%; font-weight: 400; }
#login .login input[placeholder] { color: #000; font-weight: 400; }
.login_form .btn button { width: 100%; }
.login_form li { padding-bottom: 10px; }
.login_check { padding: 0 0 20px; overflow: hidden; }
.login_check div { float: right; }
.login_check div a { float: left; padding-left: 26px; line-height: 30px; position: relative; }
.login_check div a:last-child:after { display: block; content: ""; width: 1px; height: 16px; background: #aaa; position: absolute; left: 14px; top: 8px; }
.login_form .btn_box button[type="submit"] { width: 100%; }
.btn_login { font-size: 15px; color: #555; font-weight: 300; text-align: left; line-height: 18px; padding-top: 10px; }
.btn_login a { color: #000; font: 16px/50px "Noto Sans KR"; text-align: center; margin: 0 2px; font-size: 16px; border: 1px solid #ddd; margin-top: 20px; border-radius: 30px; }
/* 200526 */
.s_log_box { display: none; }
.pc_log .s_log_info,
.pc_log .pc_s_log { display: block; }
.s_log_icon li { float: none; width: 100%; }
.s_log_icon li a { display: block; position: relative; padding: 12px 30px; background-color: #01c73c; font-size: 16px; color: #fff; text-align: center; }
.s_log_icon .li02 a { background-color: #fede00; }
.s_log_icon .li03 a { background-color: #3e66ae; }
.s_log_icon li a:after { content: ""; display: block; position: absolute; top: 50%; left: 17px; width: 24px; height: 24px; margin-top: -12px; background: url(../../images/womanup/m_naver.png) no-repeat center; background-size: 100%; }
.s_log_icon .li02 a:after { background: url(../../images/womanup/m_kakao.png) no-repeat center; background-size: 100%; }
.s_log_icon .li03 a:after { background: url(../../images/womanup/m_fb.png) no-repeat center; background-size: 100%; }
.s_log_icon li a span { display: inline-block; font-size: 16px; color: #fff; }
.s_log_icon .li02 a span { color: #3c1e1e; font-weight: 500; }
.social_icon { display: none; }
.s_log_info { margin-top: 20px; text-align: left; }
.s_log_tit { display: block; position: relative; margin-bottom: 17px; padding-left: 25px; font-size: 15px; }
.s_log_tit:after { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 18px; height: 18px; margin-top: -8px; background: url(../../images/womanup/s_log_info.png) no-repeat center; background-size: 100%; }
.s_log_txt { margin-bottom: 13px; font-weight: 300; font-size: 15px; color: #555; word-break: keep-all; }
/* id search */
.login h4 { text-align: center; font-weight: 500; padding: 15px 0; font-size: 20px; }
.search_id ol li { background: url(../../images/womanup/point_01.png) no-repeat 3px 16px; background-size: 3px auto; padding: 7px 10px; font-size: 14px; line-height: 20px; color: #888; font-weight: 300; }
.search_id div { padding-top: 30px; text-align: center; }
.search_id div a { width: 140px; height: 140px; border-radius: 90px; background: #f2f2f2; display: inline-block; vertical-align: top; margin: 0 15px 15px; font-size: 14px; font-weight: 500; }
.search_id div a img { display: block; margin: 20px auto 3px; }
.search_id div a:hover { background: #8aca26; color: #fff; font-weight: 400; }
.active .radio span { color: #2e69c1; }
.search_id ol li strong { color: #2686ca; font-size: 14px; }
.search_id ul { border: 1px solid #ddd; border-width: 1px 0; margin: 5px 0 20px; padding: 25px 0 20px 30px; }
.search_id ul li { }
#login .search_id ul li label { height: 40px; background-position: left 4px; font-size: 18px; }
.search_id ul li span { font-size: 14px; color: #777; padding-left: 10px; }
/* 癰귣챷�ㅿ옙�ㅿ쭩占� */
.table_typeB { display: block; border-top: 1px solid #aaa; padding: 30px 0; width: 100%; }
.table_typeB tbody,
.table_typeB tr { width: 100%; background: #fff; }
h4.title { background: #f6f6f6; font-weight: 300; font-size: 14px; }
.table_typeB td,
.table_typeB th { padding: 5px 0; }
.table_typeB th { width: 90px; text-align: left; }
.input_info .table_typeB span { font-size: 14px; color: #2686ca; line-height: 45px; padding-left: 10px; display: inline-block; vertical-align: top; }
.table_typeB td ul li { float: left; width: 40%; }
.input_info .table_typeB .w140 label { height: 45px; width: 30%; vertical-align: top; }
.input_info .table_typeB .w140 b { display: inline-block; width: 5%; text-align: center; line-height: 45px; }
.input_info .btn button { width: 50%; float: left; }
.input_info .table_typeB label { width: 60%; }
/* 占쎈툡占쎌뵠占쎈탵 筌≪뼐由� 野껉퀗�� */
.result_login .table_typeB th { width: 160px; text-align: right; padding-right: 20px; color: #777; font-weight: 300; }
.result_login .btn a { width: 50%; float: left; }
/************ search_box1 ************/
.form1 { padding: 0 20px 20px; }
.form1 ul li:nth-child(2),
.form1 ul li:nth-child(3) { float: left; width: 70%; }
.form1 ul li:last-child { width: 30%; }
.form1 ul li div { padding: 3px 0; }
.form1 ul li label { width: 100%; }
.form1 ul li label span { display: none; }
.form1 ul li label input,
.form1 ul li label select { width: 100%; background-color: #fff; }
.form1 ul li button { width: 100%; background: #008c7e; height: 45px; color: #fff; border: 0; vertical-align: top; }
.form1 ul li label select { color: #000; }
.list_imgBox { background: #fff; }
.list_imgBox li { padding: 20px 20px 40px; border-bottom: 1px solid #eee; }
.list_imgBox li a div { }
.list_imgBox li a div:first-child { height: 180px; overflow: hidden; background: #f3f3f3 url(../../images/womanup/logo_gray.png) no-repeat center; }
.list_imgBox li a div p { color: #777; font: 300 17px/24px "Noto Sans KR"; padding-bottom: 15px; }
.list_imgBox li a div img { width: 100%; }
.list_imgBox li a div h2 { color: #000; font: 500 20px "Noto Sans KR"; padding: 20px 0 10px; }
.list_imgBox li a div h4 { display: block; }
.list_imgBox li a div h4 span { padding-left: 30px; }
.list_imgBox li a div h4,
.list_imgBox li a div h4 span,
.list_imgBox li a div h4 span b { color: #555; }
/* tabMenu */
.tabMenu { text-align: center; line-height: 0; font-size: 0; border-bottom: 1px solid #ddd; margin-bottom: 20px; background: #fff; }
.tabMenu li { display: inline-block; }
.tabMenu li a { line-height: 50px; color: #777; margin: 0 5px; padding: 0 5px; position: relative; font-size: 17px; font-weight: 300; }
.tabMenu li.active a { color: #2b7b74; }
.tabMenu li.active a:after { display: block; content: ""; width: 100%; height: 3px; background: #2b7b74; position: absolute; left: 0; bottom: -1px; }
/* 占쎌돳占쎌뜚揶쏉옙占쎌뿯 */
.form_join { margin-top: 20px; }
.form_join h2 { font: 500 20px/46px "Noto Sans KR"; color: #000; padding: 0 20px; margin-top: 50px; }
.form_join h2:first-child { margin-top: 0; }
.form_join h2 span { float: right; color: #ff3774; line-height: 48px; }
.form_join h2:before { display: block; content: ""; width: 40px; height: 2px; background: #008c7e; }
.form_join p { padding: 0 20px 10px; }
.table_typeC { width: 100%; background: #fff; }
.table_typeC th.w200 { width: 100px; }
.table_typeC th { border-bottom: 1px solid #ddd; padding: 10px 0 10px 20px; font-weight: 500; color: #000; text-align: left; word-break: keep-all; }
.table_typeC td { border-bottom: 1px solid #ddd; padding: 15px 20px; }
.table_typeC div { line-height: 0; font-size: 0; }
.table_typeC td label { width: 100%; }
.table_typeC td label,
.table_typeC td button,
.table_typeC td b,
.table_typeC td em { vertical-align: middle; display: inline-block; }
.table_typeC td label input,
.table_typeC td label select,
.table_typeC td textarea { width: 100%; }
.table_typeC td label.w150 { margin: 0; }
.table_typeC td b { text-align: center; }
.table_typeC td em,
.table_typeC .txt_blue { color: #2255bd; line-height: 18px; padding: 10px 0 5px; }
.table_typeC .txt_blue { padding: 15px 20px; }
.table_typeC th span { color: #ff3774; font-weight: 500; padding: 0 10px; }
.input_button { width: 120px; height: 40px; background: #5a6c81; color: #fff; }
.form_join .table_typeC .input_button2 { position: absolute; top: 50px; background: #7d8996; margin-left: 10px; width: 20px; height: 20px; font-size: 12px; }
.table_typeC td .mL10 { margin-top: 5px; width: 100%; }
.table_typeC td .W100 { margin-top: 6px; }
.table_typeC td hr { border: 0; float: left; }
.layer_int { float: right; width: 120px; background: #5a6c81; color: #fff; line-height: 36px; vertical-align: top; }
.idbox { position: relative; }
.lecbox { position: relative; }
.lecbox label:last-child { padding-right: 100px; }
.lecbox button { position: absolute; right: 0; bottom: 0; width: 100px; }
.table_typeC .emailbox { line-height: 0; font-size: 0; }
.table_typeC .emailbox label { width: 45%; }
.table_typeC .emailbox b { width: 10%; }
.select100 { width: 100%; }
.table_typeC .emailbox .select100 { width: 100%; margin-top: 5px; }
.table_typeC .peoplebox label { width: 35%; }
.table_typeC .peoplebox b { width: 10%; }
.table_typeC .timebox label { width: 40%; }
.table_typeC .timebox b { width: 10%; }
.table_typeC .timebox label:nth-of-type(1),
.table_typeC .timebox label:nth-of-type(2) { margin-bottom: 6px; }
.table_typeC .timebox b:nth-of-type(1),
.table_typeC .timebox b:nth-of-type(2) { margin-bottom: 6px; }
.table_typeC .termbox label { width: 45%; }
.table_typeC .termbox b { width: 10%; }
.table_typeC .moneybox > label { width: 60%; margin-top: 6px; }
.table_typeC .moneybox > b { width: 15%; }
.textarea,
.textarea textarea { width: 100%; }
/* 占쎈솁占쎌뵬筌ｂ뫀占� */
.file .f_style { display: block; width: 100px; height: 40px; line-height: 40px; text-align: center; color: #fff; vertical-align: middle; background: #5a6c81; cursor: pointer; }
.file input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0; }
.file .file_name { display: inline-block; height: 40px; line-height: 40px; vertical-align: middle; overflow: hidden; padding-right: 2px; }
.file_del { vertical-align: middle; font-size: 0; width: 20px; height: 20px; opacity: 0.4; border: 1px solid #000; background: url(../../images/womanup/close_b.png) no-repeat center / 15px
auto; margin-left: 10px; }
/* �닌딆뵥占쎈뻿筌ｏ옙
.people_num { line-height:45px; }
.people_num label { width:39%; display:inline-block; vertical-align:middle; }
.form_join .work_time { font-size:0; line-height:0; }
.form_join .work_time div>label { width:40%; display:inline-block; vertical-align:middle; }
.form_join.offer .work_time div>label { }
.form_join strong.w20 { width:4%; display:inline-block; text-align:center; line-height:45px; vertical-align:middle; }
.mT6 { margin-top:7px; }
.work_time .radio { margin-bottom:10px; }
.form_join.offer fieldset>ul>li>h4 { width:120px; padding: 15px 0; top:3px; }
.form_join.offer fieldset>ul>li>div { padding: 15px 20px 15px 120px; min-height: 50px; }
.form_join.offer fieldset>ul>li { padding: 0; }
.form_join.offer .offer1 div>label { width:33%; }
.form_join.offer .btn button { width: 100%; }
fieldset { display:block; }
.textarea,.textarea textarea { width:100% }
.form_join .checkbox { float:none; }
.file div:after { content: ""; display: block; clear: both; }
.file .f_style { float: left; width: 100px; height: 40px; line-height: 40px; text-align: center; color: #fff; vertical-align: middle; background: #5a6c81; cursor: pointer; }
.file input[type=file] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0; }
.file .file_name { display: inline-block; height: 40px; line-height: 40px; vertical-align: middle; padding-left: 10px; overflow: hidden; }
.file_del { vertical-align:middle; font-size: 0; width: 20px; height: 20px; opacity: 0.4; border: 1px solid #000; background: url(../../images/womanup/close_b.png) no-repeat center /15px auto; margin-left: 10px; }
*/
/* �닌딆뵥筌뤴뫖以� */
.btn_tr { float: right; margin-bottom: 5px; background: #008c7e; color: #fff; line-height: 40px; height: 40px; text-align: center; width: 150px; }
.title_result .t_bar { display: none; }
/* �닌딆뵥占쎈뻿筌ｏ옙 */
.seek_txt { background: #fff; padding: 20px 15px; margin-top: 15px; }
.seek_txt > span { display: inline-block; padding-left: 50px; background: url(../../images/gen/sur_icon.png) no-repeat left top -10px; }
.seek_txt > b { display: block; font-weight: 500; margin-top: 10px; text-align: center; }
/* 占쎌쟿占쎌뵠占쎈선 占쎈솚占쎈씜 */
.layer_box { background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; display: none; }
.layer_box > div { position: relative; background: #fff; overflow-y: auto; margin: 0 20px; max-height: 600px; }
.layer_box > div:focus { outline: 1px dashed #222; }
.layer_box > div > div { margin: 40px; }
.layer_box h2 { font: 500 20px "Noto Sans KR"; padding: 10px 0; border-bottom: 1px solid #ddd; position: relative; }
.layer_box h2:before { content: ""; position: absolute; top: 0; left: 0; width: 24px; border-top: 2px solid #008c7e; }
.layer_box .reset { width: 50%; background: #747474; color: #fff; font: 19px/45px "Noto Sans KR"; }
.layer_box .btn_close { position: fixed; width: 30px; height: 30px; background: url(../../images/womanup/close_b.png) no-repeat 0 0 / 100%; font-size: 0; z-index: 51; top: 40px; right: 40px; }
/* 占쎌쟿占쎌뵠占쎈선 占쎈솚占쎈씜_�울옙占쎈뼎占쎌젟癰귨옙 */
#layer_int h4 { font: 500 20px "Noto Sans KR"; padding: 10px 0; border-bottom: 1px solid #ddd; position: relative; }
#layer_int h4:before { content: ""; position: absolute; top: 0; left: 0; width: 24px; border-top: 2px solid #008c7e; }
#layer_int .checkbox { margin: 20px 0 40px; }
#layer_int .checkbox li { width: 50%; min-width: 160px; padding: 5px 0; }
#layer_int .btn_close { margin-right: 0; }
#layer_int .btn { margin: 0; }
#layer_cor > div,
#layer_caption > div { margin-top: 20px; }
/* mypage_占쎈땾揶쏅베沅∽옙肉� 占쎌넇占쎌뵥/�띯뫁��
.class_table, .class_table tr, .class_table td { background: #fff; display:list-item; list-style: none; }
.class_table th { display:none; }
.class_table tbody tr { padding: 20px 15px; border-bottom: 1px solid #ddd; }
.class_table td:nth-child(1) { color: #008c7e; font: 600 15px 'Noto Sans KR'; padding-bottom: 6px; }
.class_table td:nth-child(2) { border-bottom: 1px dotted #ddd; padding-bottom: 10px; margin-bottom: 20px; }
.class_table b { font: 500 20px/24px 'Noto Sans KR'; }
.class_table td:nth-child(3), .class_table td:nth-child(4), .class_table td:nth-child(5) { position: relative; padding: 0 0 7px 90px; }
.class_table td:nth-child(3):after, .class_table td:nth-child(4):after, .class_table td:nth-child(5):after { display: block; position: absolute; top: 0; left: 0; color: #999; background: url(../../images/womanup/point_01.png) no-repeat left center/ 3px auto; padding-left: 6px; }
.class_table td:nth-child(3):after { content: "�대Ŋ�곫묾怨뚯퍢"; }
.class_table td:nth-child(4):after { content: "占쎌뒄占쎌뵬/占쎈뻻揶쏉옙"; }
.class_table td:nth-child(5):after { content: "占쎌겱占쎌삺占쎄맒占쎄묶"; }
.class_table a.state { background: #008c7e; text-align: center; width: 100px; margin: 20px auto 0; font: 500 14px/30px 'Noto Sans KR'; color: #fff; } */
/* 占쎌돳占쎌뜚占쎌젟癰귣�占썲칰占� - 占쎈툡占쎌뵠占쎈탵 ��쑬占썼린�딆깈 占쎌뿯占쎌젾占쎌넅筌롳옙 */
.login_change > li h4 { padding: 25px; text-align: center; font: 14px "Noto Sans KR"; border-bottom: 1px solid #aaa; margin-bottom: 30px; }
.login_change b { display: inline-block; width: auto; vertical-align: middle; }
.login_change label { width: 80%; vertical-align: middle; }
.login_change .btn button { float: left; width: 50%; }
/* 200527 */
.member_s_log { display: block; }
.member_s_log .s_log_icon li a { margin-bottom: 10px; }
.member_s_log .s_log_icon li:last-child a { margin-bottom: 0; }
.member_info { display: none; }
.member_info.active { display: block; }
/* ��쑬占썼린�딆깈癰귨옙野껓옙 */
.pw { width: 100%; margin: 0 auto 50px; background: #fff; padding: 40px 20px; }
.pw h2 { padding-bottom: 50px; font-size: 32px; color: #000; text-align: center; font-weight: 500; }
.pw li { padding-bottom: 10px; line-height: 0; font-size: 0; }
.pw li h4 { padding: 25px; text-align: center; border-bottom: 1px solid #aaa; margin-bottom: 30px; }
.pw b { display: inline-block; width: 37%; vertical-align: middle; }
.pw label { width: 63%; vertical-align: middle; }
.pw li:after { content: ""; display: block; clear: both; }
.pw em { float: right; display: block; width: 63%; color: #dc5959; font-size: 14px; text-align: right; }
.pw input { width: 100%; }
.pw .btn button { float: left; width: 50%; }
/* join_intro 占쎌돳占쎌뜚揶쏉옙占쎌뿯 */
#join { background: #f6f6f6; }
.join_intro h2 { font-size: 22px; color: #000; text-align: center; font-weight: 500; position: relative; word-break: keep-all; padding: 0 20px 50px; }
.join_intro > h2:after { content: ""; display: block; width: 38px; height: 2px; background: #000; position: absolute; bottom: 0; left: 50%; margin-left: -19px; }
.join_intro > img { display: block; margin: 0 auto; width: 300px; height: auto; }
.join_intro > ul { width: 80%; margin: 45px auto 70px; position: relative; }
.join_intro > ul:before { content: ""; display: block; width: 70%; height: 15px; background: url(../../images/womanup/join_dotted_line.png) no-repeat 0 0/100%; position: absolute; left: 15%; top: -26px; }
.join_intro > ul > li { float: left; width: 33.33%; text-align: center; position: relative; }
.join_intro > ul > li:after { content: ""; display: block; width: 10px; height: 10px; border-radius: 10px; background: #4f78c7; position: absolute; top: -30px; left: 50%; margin-left: -8px; }
.join_intro > ul > li em { font-size: 14px; color: #666666; padding: 0 5px; }
.join_intro .text_box { background: #fff; padding: 35px 0; margin: 0 20px 50px; }
.join_intro .text_box p { text-align: center; width: 80%; margin: 0 auto; color: #333333; }
.join_intro .text_box button { width: 240px; height: 40px; background: #757a85 url(../../images/womanup/join_btn.png) no-repeat right
18px center; color: #fff; display: block; margin: 40px auto 0; letter-spacing: -0.02em; }
.join_intro .join_type h4 { color: #4f78c7; font-size: 20px; text-align: center; margin-bottom: 20px; }
.join_intro .join_type ul { margin: 0 20px; }
.join_intro .join_type ul li { border-top: 2px solid #4f78c7; position: relative; background: #fff; }
.join_type ul li a { padding: 30px 15px; border: 1px solid #ddd; border-top-width: 0; margin-bottom: 15px; }
.join_type img,
.join_type span,
.join_type b { display: block; }
.join_type img { position: absolute; right: 15px; top: 50%; margin-top: -30px; }
.join_type span { color: #666; font-size: 16px; }
.join_type b { color: #777; padding-top: 15px; font-size: 14px; }
#layer_site ul:first-of-type { padding-top: 20px; }
#layer_site ul li { float: left; border: 1px solid #ddd; padding: 5px; margin: 4px; font-size: 14px; }
#layer_site .btn_close { top: 40px; right: 40px; }
#layer_site .reset { margin: 0 25% 40px; }
/* join_step */
.join_step { margin-bottom: 20px; }
.join_step ul { display: flex; }
.join_step li { flex: auto; text-align: center; padding: 45px 0 10px; border: 1px solid #d1d1d1; border-left-width: 0; background: #fff; }
.join_step li:first-child { border-left-width: 1px; }
.join_step .active { position: relative; background: #4f78c7; border-color: #4f78c7; }
.join_step .active:after { content: ""; display: block; width: 22px; height: 11px; background: url(../../images/womanup/join_on.png) no-repeat 0 0 /100% auto; position: absolute; bottom: -12px; left: 50%; margin-left: -11px; }
.join_step li span { vertical-align: middle; background: url(../../images/womanup/join_step1.png) no-repeat center top; padding-top: 40px; }
.join_step .active span { background-image: url(../../images/womanup/join_step1_on.png); color: #fff; }
.join_step .step1_1 span { background-image: url(../../images/womanup/join_step1_1.png); }
.join_step .step1_1.active span { background-image: url(../../images/womanup/join_step1_1_on.png); }
.join_step .step2 span { background-image: url(../../images/womanup/join_step2.png); }
.join_step .step2.active span { background-image: url(../../images/womanup/join_step2_on.png); }
.join_step .step3 span { background-image: url(../../images/womanup/join_step3.png); }
.join_step .step3.active span { background-image: url(../../images/womanup/join_step3_on.png); }
.join_step .step4 span { background-image: url(../../images/womanup/join_step4.png); }
.join_step .step4.active span { background-image: url(../../images/womanup/join_step4_on.png); }
/* join_step1 癰귣챷�ㅿ옙�쀯옙�� */
.join_step1 { background: #fff; padding-bottom: 20px; }
.join_step1 > h2 { color: #4f78c7; font-size: 25px; text-align: center; margin-bottom: 23px; }
.join_step1 > ul { margin: 0 20px 30px; }
.join_step1 > ul li { border: 1px solid #d1d1d1; border-top: 2px solid #4f78c7; margin-bottom: 20px; background: #fff; }
.join_step1 > ul li a { border-top-width: 0; border-right-width: 0; padding: 35px 0 35px 15px; position: relative; }
.join_step1 > ul li:last-of-type a { border-right-width: 1px; }
.join_step1 > ul .join_card a { padding: 35px 0 35px 15px; }
.join_step1 > ul li a:after { content: ""; display: block; clear: both; }
.join_step1 > ul li span,
.join_step1 > ul li b { display: block; }
.join_step1 > ul li img { position: absolute; right: 20px; top: 50%; margin-top: -30px; }
.join_step1 > ul span { color: #666; font-size: 24px; }
.join_step1 > ul b { color: #777; padding-top: 15px; }
.join_step1 .text_box { background: #f6f6f6; padding: 15px 20px; margin-bottom: 20px; }
.join_step1 .text_box ul li { color: #333; padding-bottom: 10px; padding-left: 6px; position: relative; }
.join_step1 .text_box li:after { content: ""; display: block; width: 2px; height: 2px; border-radius: 5px; background: #333; position: absolute; left: 0; top: 6px; }
.join_step1 .text_box button { width: 240px; height: 40px; background: #757a85 url(../../images/womanup/join_btn.png) no-repeat right
18px center; color: #fff; display: block; margin: 20px auto 0; letter-spacing: -0.02em; }
.join_step1 .reset { width: 150px; height: 50px; color: #fff; font: 19px/50px "Noto Sans KR"; background: #747474; display: block; margin: 0 auto; }
#layer_block img { width: 100%; }
#layer_block ul { padding-top: 20px; }
#layer_block ul li { padding-bottom: 10px; }
#layer_block .reset { width: 50%; height: 50px; color: #fff; font: 19px/50px "Noto Sans KR"; background: #747474; display: block; margin: 0 25% 40px; }
/* join_step2 占쎈튋�울옙占쎈짗占쎌벥 */
.join_agree h2 { font: 500 18px "Noto Sans KR"; color: #333; padding: 0 0 10px 25px; }
.join_agree .agree_text { border: 1px solid #ddd; background: #fff; margin: 0 20px 20px; }
.join_agree .agree_text > div { height: 130px; overflow-y: auto; }
.join_agree .agree_text > div > div { padding: 20px 15px; }
.join_agree .agree_text > div p { color: #6e6e6e; }
.join_agree .agree_text > div h4 { font-size: 20px; }
.join_agree .agree_text > div h5 { padding-top: 20px; }
.join_agree .agree_text > div h5,
.join_agree .agree_text > div p { line-height: 23px; }
.join_agree .agree_text img { width: 100%; }
.join_step2 .checkbox { float: none; border-top: 1px solid #ddd; }
.join_step2 .checkbox li { padding: 15px; }
.join_step2 .checkbox li label { color: #333; font-size: 14px; padding-left: 25px; height: auto; line-height: 25px; }
.join_step2 .checkbox li label span { color: #dc5959; font-size: 14px; }
.join_step2 .all_agree { border: none; text-align: right; }
.join_step2 .all_agree li { padding: 0 20px; }
.join_step2 .all_agree li label { font-size: 16px; }
.join_step2 .all_agree strong { font: 500 16px "Noto Sans KR"; }
.join_step2 .btn button { width: 50%; margin-top: 25px; }
/* join_step4 揶쏉옙占쎌뿯占쎌끏�뤄옙 */
.join_step4 { background: #fff; padding-bottom: 20px; }
.join_step4 .join_end { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; }
.join_end img { display: block; margin: 0 auto; }
.join_end h2 { font-size: 26px; }
.join_end h4 { font-size: 20px; padding: 10px 0 60px; }
.join_end h4 span { font-size: 20px; color: #f9941c; font-weight: 500; }
.join_end p { font-size: 14px; line-height: 24px; padding: 0 15px 60px 15px; word-break: keep-all; }
.join_end h5 { background: #f6f6f6; padding: 45px 0; margin: 0 20px 30px; }
.join_end h5 b { color: #f9941c; font-weight: 500; }
.join_step4 > p { display: block; text-align: center; margin-top: 30px; padding: 0 20px; word-break: keep-all; font: 14px/24px "Noto Sans KR"; }
.join_step4 .btn_login { display: block; width: 150px; height: 50px; font: 19px/50px "Noto Sans KR"; text-align: center; background: #008c7e; color: #fff; padding-top: 0; margin: 60px auto 0; }
/* join_step1 疫꿸퀣毓쏙옙�띰옙�� 癰귣챷�ㅿ옙�ㅿ쭩占� */
.join_step1 .join_verify { margin: 0 20px 30px; }
.join_step1 .join_verify li { border: 1px solid #d1d1d1; border-top: 2px solid #4f78c7; margin-bottom: 20px; background: #fff; }
.join_step1 .join_verify li a { border-top-width: 0; border-right-width: 0; padding: 35px 0 35px 15px; position: relative; }
.join_step1 .join_verify li:last-of-type a { border-right-width: 1px; }
.join_step1 .join_verify .join_card a { padding: 35px 0 35px 15px; }
.join_step1 .join_verify li a:after { content: ""; display: block; clear: both; }
.join_step1 .join_verify li span,
.join_step1 .join_verify li b { display: block; }
.join_step1 .join_verify li img { position: absolute; right: 20px; top: 50%; margin-top: -30px; }
.join_step1 .join_verify span { color: #666; font-size: 24px; }
.join_step1 .join_verify b { color: #777; padding-top: 15px; }
.join_step1 .form_typeA { padding: 10px 0; }
.join_step1 .form_typeA .div2 > li:last-child { padding-bottom: 0; }
.join_step1 .btn { text-align: center; }
.join_step1 .btn button { float: none; }
.form_typeA > ul > li.label_show label span { font: 14px/40px "Noto Sans KR"; vertical-align: middle; }
.form_typeA li.label_show > div { padding-left: 100px; }
.three { font-size: 0; line-height: 0; }
.three label { width: 30%; }
.three b { width: 5%; display: inline-block; text-align: center; vertical-align: middle; }
.cor .text_box li { line-height: 24px; position: relative; padding-left: 6px; }
.cor .text_box li:after { content: ""; display: block; width: 2px; height: 2px; border-radius: 5px; background: #333; position: absolute; left: 0; top: 10px; }
.cor .text_box span { display: block; line-height: 24px; }
.cor .text_box a { display: inline-block; color: #4f78c7; }
/* join_cor 疫꿸퀣毓� 癰귣챷�ㅿ옙�ㅿ쭩占� 占쎌쟿占쎌뵠占쎈선 占쎈솚占쎈씜 */
#layer_cor h2 { margin: 40px; }
#layer_cor > div > div { margin: 20px; }
#layer_cor .join_step1 span { font-size: 18px; }
#layer_cor .join_step1 b { font-size: 14px; }
#layer_cor .join_step1 img { width: 50px; height: auto; }
#layer_cor .join_step1 .text_box { margin-bottom: 0; }
#layer_caption .caption p { background: #f6f6f6; padding: 20px 15px; }
/* 占쎌돳占쎌뜚揶쏉옙占쎌뿯占쎌끏�뤄옙 200603 */
#join .s_log_box { display: block; margin: 40px auto 0; padding: 0; }
#join .s_log_box li { margin-bottom: 10px; padding: 0 20px; }
#join .s_log_box li:last-child { margin-bottom: 10px; }
/* list_calendar 雅뚯눘�귨옙六억옙沅� */
.tab_typeB > ul,
.tab_typeB > div > div:nth-of-type(1) { display: none; }
.cal_form ul .date div { font-size: 0; line-height: 0; }
.cal_form ul .date input[type="text"] { background: #fff url(../../images/womanup/icon_calendar.png) no-repeat right
10px center; width: 48%; }
.cal_form ul .date b { display: inline-block; width: 4%; line-height: 45px; text-align: center; }
.tab_typeB .schedule_list h2 b,
.tab_typeB .schedule_list thead { display: none; }
.tab_typeB .schedule_list { width: 100%; display: table; }
.tab_typeB .schedule_list table tbody td { display: list-item; }
.tab_typeB .schedule_list table tbody tr:nth-child(even) { display: list-item; }
.tab_typeB .schedule_list table tbody tr:nth-child(odd) { display: none; }
.tab_typeB .schedule_list tbody ul li { padding-bottom: 8px; }
.tab_typeB .schedule_list tbody ul li:first-child b { color: #008c7e; font-weight: 500; }
.tab_typeB .schedule_list tbody li:after { content: ""; display: block; clear: both; }
.tab_typeB .schedule_list tbody span,
.tab_typeB .schedule_list tbody b { float: left; display: block; text-align: left; line-height: 20px; }
.table_brr span { color: #888; width: 110px; }
.table_brr b { width: calc(100% - 110px); }
.tab_typeB .schedule_list tbody ul li a { display: inline-block; margin-right: 20px; }
/* table ul span, b width 占쎄묶域뱄옙 占쎈땾占쎌젟 */
.ulw80:after,
.ulw100:after,
.ulw120:after,
.ulw140:after { content: ""; display: block; clear: both; }
.ulw80 span,
.ulw80 b,
.ulw100 span,
.ulw100 b,
.ulw120 span,
.ulw120 b,
.ulw140 span,
.ulw140 b { float: left; display: block; }
.ulw80 span { width: 80px; }
.ulw80 b { width: calc(100% - 90px); }
.ulw100 span { width: 100px; }
.ulw100 b { width: calc(100% - 110px); }
.ulw120 span { width: 120px; }
.ulw120 b { width: calc(100% - 130px); }
.ulw140 span { width: 140px; }
.ulw140 b { width: calc(100% - 150px); }
.date input { padding-right: 40px; }
/* .job_map 占쎄쉽占쎄숲�닌딆뵥占쎌젟癰귨옙 筌욑옙占쎈즲占쎌겫占쎈열
.map_form ul li:first-child { width: 50%; }
.map_form ul li:nth-child(1) div { padding-right: 0; }
.map_form ul:nth-of-type(2) li:nth-of-type(1), .map_form ul:nth-of-type(2) li:nth-of-type(8), .map_form ul:nth-of-type(2) li:nth-of-type(9) { display: none; }
.map_table { width: 100%; display: table; }
.map_table td:nth-child(1):after, .map_table td:nth-child(2):after { display: block; position: absolute; top: 0; left: 0; color: #999; background: url(../../images/womanup/point_01.png) no-repeat left center/ 3px auto; padding-left: 6px; }
.map_table td h4 { background: #eee; text-align: center; width: 100px; margin: 20px auto 0; font: 500 14px/30px 'Noto Sans KR'; color: #222; }
.map_table td:nth-child(2) { font:500 20px/24px 'Noto Sans KR' }
.map_table td:nth-child(3):after { content:"筌뤴뫁彛쏉쭪怨몄쪒"; }
.map_table td:nth-child(4):after { content:"�⑥쥙�쒙옙�롳옙源�"; }
.map_table td:nth-child(5):after { content:"疫뀀맩肉�"; }
*/
.map_box { margin-bottom: 20px; position: relative; min-height: 42px; }
.map_box div.map { width: 100%; height: 300px; border: 1px solid #ddd; background: #fff; z-index: 1; }
.map_box button { position: absolute; top: 0; right: 0; width: 100px; text-align: left; border: 1px solid #ccc; line-height: 40px; padding-left: 5px; background: rgba(0, 0, 0, 0.7) url(../../images/womanup/plus_41.png)
no-repeat right 5px center/ 18px auto; color: #fff; }
.map_box button.map_open { background-image: url(../../images/womanup/plus_42.png); z-index: 2; }
.form_typeA > .search_m > li { padding: 0 0 6px 5px; }
.form_typeA > .search_m > li:nth-child(even) { padding: 0 5px 6px 0; }
.search_m button { width: 100%; height: 40px; background: #cccccc; }
.search_m button span { display: inline-block; background: url(../../images/womanup/plus_41.png) no-repeat right center/
15px auto; padding-right: 25px; margin-left: 20px; color: #fff; text-align: center; }
.search_m button.search_open span { background-image: url(../../images/womanup/plus_42.png); }
.search_m + ul li:nth-child(1),
.search_m + ul li:nth-child(8),
.search_m + ul li:nth-child(9) { display: none; }
.error { background: #fff; padding-top: 20px; }
.error h2 { text-align: center; font-size: 24px; border-bottom: 1px solid #ddd; padding-bottom: 15px; word-break: keep-all; }
.error h2 span { font-size: 24px; color: #c40000; }
.error div { margin: 25px auto 15px; }
.error img { display: block; margin: 0 auto; }
.error div p { font: 14px "Noto Sans KR"; padding: 30px 0 0 20px; }
.error div ul { padding: 10px 0 0 20px; }
.error div ul li { color: #666; font-size: 14px; padding-left: 20px; position: relative; }
.error div ul li:after { content: ""; display: block; width: 3px; height: 3px; background: #666; border-radius: 5px; position: absolute; left: 10px; top: 10px; }
.error > p { padding: 20px; font-size: 14px; color: #666666; }
.error > p span { font-size: 14px; color: #4b75c6; }
a.back { width: 50%; height: 45px; font: 16px/45px "Noto Sans KR"; text-align: center; background: #626262; color: #fff; margin: 30px auto 0; }
/* job_offer_info 占쎄퐣占쎌뒻占쎌뵬占쎌쁽�귐뗫탣占쎌쑎占쎈뮞 */
.job_offer_info { background: #fff; padding: 20px 0; }
.job_offer_info > img { display: block; margin: 0 auto; }
.job_offer_info div img { display: block; padding: 20px 0 10px 15px; }
.job_offer_info div span { display: block; font-size: 14px; padding: 0 15px 25px; word-break: keep-all; }
.job_offer_info div span b { color: #395389; font-size: 14px; }
.job_offer_info a { width: 100%; height: 45px; line-height: 45px; background: #747474; color: #fff; text-align: center; }
/* job_table 占쎌뜖占쎄쾿占쎄쉬 �닌딆뵥占쎌젟癰귨옙 �귐딅뮞占쎈뱜
.job_form ul li:nth-of-type(1), .job_form ul li:nth-of-type(8) { width: 100%; }
.job_form ul li:nth-of-type(8) { padding-right: 20px; }
.job_form ul li:nth-of-type(1) div { float: left; width: 50%; padding-right: 0; }
.job_form fieldset ul li .month1 { width: 50%; padding: 0 0 0 5px; line-height: 45px; color: #999; opacity: 0.5; }
.job_form li.active .month1 { opacity: 1; }
.job_form ul li .month1 input { width: 50px; }
*/
.form_typeA .month1 input { width: 25%; }
.form_typeA .searchA { padding: 0; width: 100%; }
/* list_tableA
.list_tableA { width: 100%; }
.list_tableA tr, .list_tableA td { background: #fff; display:list-item; list-style: none }
.list_tableA thead,.list_tableA td:nth-child(1),.list_tableA td:nth-child(6) { display:none; }
.list_tableA tr { border-bottom: 1px solid #ececec; padding:20px; position: relative; overflow: hidden }
.list_tableA td:nth-child(2) a { font-size: 20px; line-height: 24px; color:#000; padding:0 0 15px 0 }
.list_tableA td:nth-child(3), .list_tableA td:nth-child(4), .list_tableA td:nth-child(5) { float: left; margin-right: 20px; color:#999; }
.list_tableA td:nth-child(3) { color: #007c70; font: 600 15px 'Noto Sans KR'; } */
/* job_detail �닌딆뵥占쎌젟癰귨옙 占쎄맒占쎄쉭占쎈읂占쎌뵠筌욑옙
.form_job fieldset div { padding: 8px 0; }
.form_job fieldset>ul>li { padding-left: 130px; }
.form_job button { width: 100%; } */
/* list_news 占쎈뤀占쎈뮞占쎌쟿占쎄숲
.news_form ul li:first-child { width: 50%; }
.news_form ul li:nth-child(even) div { padding-left: 0; padding-right: 20px; margin-left: -1px; }
.news_form ul li:nth-child(odd) div { padding-right: 0; padding-left: 20px; } */
/* 占쎌돳占쎌뜚占쎄퉱占쎈닚 */
.login_leave ul { padding-bottom: 30px; }
.login_leave li { position: relative; padding: 0 0 10px 6px; font-size: 15px; color: #555; }
.login_leave li:after { content: ""; display: block; width: 2px; height: 2px; border-radius: 5px; background: #555; position: absolute; left: 0; top: 9px; }
.login_leave button { float: left; width: 50%; }
/* 占쎌몧筌롫떯�롳옙�� 占쎈퉸占쎌젫 */
.dormancy { background: #fff; padding: 30px 0 30px; }
.dormancy h2 { text-align: center; font-size: 24px; border-bottom: 1px solid #ddd; padding: 0 20px 15px; word-break: keep-all; }
.dormancy h2 span { font-size: 24px; color: #c40000; }
.dormancy div { margin: 25px auto 15px; }
.dormancy img { display: block; margin: 0 auto; }
.dormancy div p { font: 14px "Noto Sans KR"; padding: 30px 0 0 20px; }
.dormancy div ul { padding: 10px 0 0 20px; }
.dormancy div ul li { color: #666; font-size: 14px; padding-left: 20px; position: relative; }
.dormancy div ul li:after { content: ""; display: block; width: 3px; height: 3px; background: #666; border-radius: 5px; position: absolute; left: 10px; top: 10px; }
.dormancy > p { padding: 20px 20px 5px; font-size: 14px; color: #666666; }
.dormancy > p span { font-size: 14px; color: #4b75c6; }
/* 占쎌몧筌롫떯�롳옙�� 癰귣챷�ㅿ옙�ㅿ쭩占� */
#layer_dormancy h2 { text-align: left; }
.input_info .radio label { min-width: 80px; padding-left: 20px; }
.input_info .table_typeB th { width: 70px; vertical-align: top; padding-top: 15px; }
.input_info .table_typeB .w140 td { font-size: 0; line-height: 0; }
.input_info .table_typeB .w140 b { min-width: 18px; }
.input_info .table_typeB .w140 label { width: 42%; }
.input_info .table_typeB .w140 label:last-child { width: 100%; margin-top: 10px; }
/* 疫꿸퀣毓쏙옙�띰옙�� ��쑬占썼린�딆깈 癰귨옙野껓옙 */
#layer_com h2 { text-align: left; }
#layer_com .three { font-size: 0; line-height: 0; }
#layer_com .three label { width: 30%; }
#layer_com .three b { width: 5%; }
/* 占쎌뵠占쎌뒠占쎈튋�울옙 */
.regist_text { background: #fff; padding: 20px; }
.regist_text h2 { font: 500 24px "Noto Sans KR"; color: #333; padding-bottom: 10px; }
.regist_text ul li { padding-bottom: 5px; }
.regist_text ul li a { margin-left: 13px; color: #1a61cd; }
.regist_text p { color: #6e6e6e; }
.regist_text h4 { font-size: 20px; font-weight: 500; padding: 10px 0 5px; color: #000; }
.regist_text h5 { padding: 0 0 5px; font-weight: 500; color: #333; }
.regist_text h5,
.regist_text p { line-height: 23px; }
.regist_text img { width: 100%; }
/* �닌딆뵥占쎈뻿筌ｏ옙- 占쎌젟癰귨옙 detail */
.offer_detail { background: #fff; }
.offer_detail > div { margin-bottom: 20px; padding: 10px 15px; }
.offer_detail > div ul { margin-left: 15px; }
.offer_detail > div li { margin-bottom: 5px; }
.offer_detail > div span { color: #777; position: relative; padding-left: 8px; }
.offer_detail > div span:after { content: ""; display: block; width: 3px; height: 3px; background: #000; position: absolute; top: 9px; left: 0; border-radius: 4px; }
.offer_detail h5 { font: 1.4em "Noto Sans KR"; margin: 10px 0 10px 15px; }
.offer_detail > ul { margin-bottom: 30px; }
.offer_detail > ul li { padding: 10px 15px; }
.offer_detail h4 { font: 500 20px/50px "Noto Sans KR"; border-bottom: 1px solid #bbb; }
.offer_detail table { width: 100%; margin: 20px 0 0 15px; }
.offer_detail table th,
.offer_detail table td { padding: 5px 0; }
.offer_detail table th { position: relative; padding-left: 8px; vertical-align: top; text-align: left; }
.offer_detail table th:before { content: ""; width: 3px; height: 3px; display: block; background: #ff8a00; position: absolute; top: 15px; left: 0; }
.offer_detail .btn button { float: none; }
.offer_detail .btn { padding: 0 0 20px 0; margin-bottom: 0; }
/* 占쎄텢占쎌뵠占쎈뱜筌랃옙 */
.sitemap { border-top: 2px solid #008c7e; background: #fff; padding: 0 20px 20px; }
.sitemap > li { padding: 20px 0 0; }
.sitemap h4 { font: 600 1.3em/50px "Noto Sans KR"; margin-bottom: 15px; border-bottom: 1px solid #ddd; }
.sitemap ol { padding-left: 15px; }
.sitemap li ol > li { margin-bottom: 15px; }
.sitemap li ol > li:last-child { margin-bottom: 30px; }
.sitemap li ol > li > a { font: 500 1.2em "Noto Sans KR"; position: relative; padding-left: 15px; display: inline-block; }
.sitemap li ol > li > a:before { content: ""; display: block; width: 4px; height: 4px; background: #008c7e; position: absolute; top: 12px; left: 0; border-radius: 5px; }
.sitemap li ol > li > ul { margin: 5px 0 0 15px; }
.sitemap li ol > li > ul > li { float: left; }
.sitemap li ol > li > ul > li > a { color: #666; font-size: 14px; border: 1px solid #ececec; font-size: 14px; padding: 5px 15px; margin: 3px; }
/* paging */
/* .paging a { width: 40px; height: 40px; background: #fff; font: 16px/40px 'Noto Sans KR' }
.paging .prev_first, .paging .next_last { display:none; }
.paging .prev_page, .paging .next_page { background-color: #fff; font-size: 0; }
.paging .prev_page.active { background:#fff url(../../images/womanup/prev_on.png) no-repeat center; border-color: #ccc; }
.paging .next_page.active { background:#fff url(../../images/womanup/next_on.png) no-repeat center; border-color: #ccc; } */
/*** wm_setA ***/
.tab_typeA > ul { display: flex; background: #fff; margin-bottom: 10px; }
.tab_typeA > ul > li { flex: auto; border: 1px solid #ddd; margin-left: -2px; line-height: 0; font-size: 0; }
.tab_typeA > ul > li > a { color: #777; text-align: center; border: none; padding: 10px 0; }
.tab_typeA > ul li.active { position: relative; z-index: 1; background: #008c7e; color: #fff; font-size: 1.2em; border: 1px solid #008c7e; }
.tab_typeA > ul .active a { background: #008c7e; color: #fff; font-weight: 500; border-bottom-width: 0; }
.tab_typeA > div > div { display: none; }
.tab_typeA > div > div.active { display: block; }
.wm_setA .wm_box .wm_map { height: 210px; margin-bottom: 15px; background: #f6f6f6; z-index: 1; }
.wm_setA .wm_box > li { background: #fff; padding: 20px; margin-bottom: 10px; }
.wm_setA .wm_box > li:last-child { padding-bottom: 30px; }
/*.wm_box ul li { margin-bottom: 15px; } */
.wm_setA .tab_typeA .wm_box > li:first-child { margin-top: 0; }
.wm_setA .wm_img { margin-top: 20px; }
.wm_setA .wm_img img { width: 100%; height: auto; }
.wm_setA .wm_img span { display: block; text-align: left; font-size: 1.1em; }
.wm_setA .wm_img2 { margin-top: 20px; }
.wm_setA .wm_img2 img { display: block; max-width: 260px; height: auto; margin: 0 auto; }
.wm_setA .wm_img2 span { display: inline-block; font-size: 1.2em; }
.wm_setA .wm_img3 { display: flex; margin-top: 25px; }
.wm_setA .wm_img3 li { flex: auto; margin: 0 5px; width: 33.33%; position: relative; }
.wm_setA .wm_img3 img { width: 60px; height: auto; display: block; margin: 0 auto; }
.wm_setA .wm_img3 span { display: block; text-align: center; }
.wm_setA h2 { font: 600 1.6em/1.2em "Noto Sans KR"; margin-bottom: 10px; }
.wm_setA h4 { font: 500 1.3em "Noto Sans KR"; margin-bottom: 5px; }
.wm_setA .wm_box ol > li { margin-bottom: 10px; }
.wm_setA .wm_box ol ul li { margin-bottom: 10px; }
.wm_setA .wm_box ol > li:last-child,
.wm_setA .wm_box ol ul li:last-child { padding-bottom: 0; }
.wm_setA .wm_box > li:first-of-type > h4 { padding-top: 0; }
.wm_setA h5 { font: 500 1.1em "Noto Sans KR"; color: #004e86; }
.wm_setA .wm_box li:first-of-type > h5 { padding-top: 0; }
.wm_setA li:last-child { margin-bottom: 0; }
.wm_setA .wm_box > li:after { content: ""; display: block; clear: both; }
.wm_setA i { float: right; display: block; font-style: normal; padding-top: 5px; }
.wm_setA li > b { display: block; margin-bottom: 8px; }
.wm_setA .wm_ci img { width: 100%; padding: 10px 0 20px; }
.wm_setA .wm_ci .wm_dl { margin: 25px 0; overflow: hidden; }
.wm_setA .wm_ci .wm_dl a { display: block; text-align: center; border: 1px solid #ddd; padding: 5px 15px; margin: 8px 20px; background: url(../../images/womanup/wm_int_2_1.jpg) no-repeat right 20px
center; }
.wm_setA .wm_color { margin-bottom: 20px; }
.wm_setA .wm_color li { overflow: hidden; padding-bottom: 15px; }
.wm_setA .wm_color li div { float: left; width: 30%; padding: 20px; height: 105px; margin-right: 15px; }
.wm_setA .wm_color li:nth-child(1) div { background: #008c7e; }
.wm_setA .wm_color li:nth-child(2) div { background: #77c043; }
.wm_setA .wm_color li:nth-child(3) div { background: #f56200; }
.wm_setA .wm_color li dl { float: left; }
.wm_setA .wm_color li div span,
.wm_setA .wm_color li div b { color: #fff; display: block; }
.wm_setA .wm_color dt { font-weight: 500; }
.wm_setA .wm_color dd b:first-child { padding-left: 0; }
.wm_setA .wm_color dd b { font-weight: 500; padding: 0 5px 0 10px; }
.wm_setA .wm_ci li ul:after { content: ""; display: block; clear: both; }
.wm_setA .wm_ci li ul li:nth-child(5) { width: 100%; }
.wm_setA .wm_box1 > li img { width: 100%; }
.wm_setA strong { display: block; color: #dc5959; }
.wm_setA table { border-top: 1px solid #aaa; width: 100%; background: #fff; }
.wm_setA table th { background: #f6f6f6; border-bottom: 1px solid #ddd; font: 500 1.1em/1.4em "Noto Sans KR"; color: #000; text-align: center; padding: 10px 5px; }
.wm_setA table td { text-align: left; border-bottom: 1px solid #ddd; padding: 15px 5px; word-break: break-all; }
.wm_setA table.type-center td { text-align: center !important; }
.wm_setA table td:hover { background: #fff; }
.wm_setA table ol li { line-height: 1.6em; }
.wm_setA dl dt:first-of-type { padding-top: 0; }
.wm_setA dl dt { font-weight: 500; padding: 20px 0 5px; }
.bullet_or dd { position: relative; padding-left: 8px; line-height: 1.6em; }
.bullet_or dd:after { content: ""; display: block; width: 3px; height: 3px; background: #ff8a00; position: absolute; left: 0; top: 10px; }
.bullet_num li { position: relative; padding-left: 20px; margin-bottom: 10px; }
.bullet_num li span { position: absolute; top: 0; left: 0; }
/* .bullet_or { padding-left: 10px; } */
.bullet_or > li { position: relative; padding-left: 8px; margin-bottom: 10px; }
.bullet_or > li:after { content: ""; display: block; width: 3px; height: 3px; background: #ff8a00; position: absolute; left: 0; top: 10px; }
.bullet_li li { position: relative; padding-left: 10px; margin-bottom: 10px; }
.bullet_li li:after { content: ""; display: block; width: 5px; height: 1px; background: #000; position: absolute; top: 12px; left: 0; }
.bullet_dot > li { position: relative; padding-left: 8px; margin-bottom: 10px; }
.bullet_dot > li:after { content: ""; display: block; width: 3px; height: 3px; background: #000; border-radius: 4px; position: absolute; left: 0; top: 10px; }
.bullet_gy > li { position: relative; padding-left: 8px; margin-bottom: 7px; }
.bullet_gy > li:after { content: ""; display: block; width: 3px; height: 3px; background: #bbb; position: absolute; left: 0; top: 10px; }
.bullet_num li b { margin-top: 0; }
.wm_setA .table_web { display: none; }
.wm_setA .shortcut { display: inline-block; height: 25px; line-height: 23px; color: #fff; background: #757a85; border-radius: 4px; text-align: center; font-size: 0.8em; margin-left: 10px; padding: 0 12px 1px 10px; }
#wrapper .table_center th { align-content: center; border: 1px solid #ddd; border-top-width: 0; padding: 10px; }
#wrapper .table_center td { text-align: center; border: 1px solid #ddd; border-top-width: 0; }
.wm_setA .table_mob h4 { padding-top: 20px; }
.wm_setA .wm_step dt { font: 500 1em/22px "Noto Sans KR"; color: #1b4ca6; }
.wm_setA .wm_step dt img { margin-right: 10px; width: 22px; height: auto; }
.wm_setA .wm_step dd { margin-left: 32px; position: relative; padding-left: 8px; line-height: 1.8em; }
.wm_setA .wm_step dd:after { content: ""; display: block; width: 2px; height: 2px; background: #000; border-radius: 4px; position: absolute; left: 0; top: 13px; }
.wm_setA .wm_number { display: block; width: 200px; line-height: 30px; color: #fff; background: #757a85; border-radius: 4px; text-align: center; font-size: 0.9em; margin-top: 10px; padding-bottom: 1px; }
.wm_setA .wm_apply { display: block; width: 200px; margin: 15px auto 0; line-height: 30px; color: #fff; background: #757a85; border-radius: 4px; text-align: center; font-size: 0.9em; padding-bottom: 1px; }
.wm_setA .table_m td,
.wm_setA .table_m th,
#wrapper .table_center td,
#wrapper .table_center th { font-size: 14px; padding: 5px; }
.wm_setA .wm_box1 { background: #fff; padding: 20px 15px; margin: 20px 0 10px; border-bottom: 1px solid #ddd; padding-bottom: 30px; }
.wm_setA .wm_sl:after { content: ""; display: block; clear: both; }
.wm_setA .wm_sl h2 { text-align: center; font: 600 2em "Noto Sans KR"; line-height: 35px; margin-bottom: 20px; }
.wm_setA .wm_sl h2 span { display: block; font: 600 0.78em "Noto Sans KR"; line-height: 20px; }
.wm_setA .wm_sl h2 span strong { font: 600 1em "Noto Sans KR"; display: inline-block; }
.wm_setA .wm_sl strong { display: inline-block; font: 600 1em "Noto Sans KR"; line-height: 35px; }
.wm_setA .wm_sl b { font-size: 1.1em; }
.wm_setA .wm_gr { color: #008c7e; }
.wm_setA .wm_or { color: #f7941c; }
.wm_setA .wm_gy { color: #777; }
.wm_setA .wm_box1 .wm_list li img { width: auto; margin-top: 5px; }
.wm_setA .wm_list { border-top: 2px solid #008c7e; margin: 30px 15px 0; }
.wm_setA .wm_list:after { content: ""; display: block; clear: both; }
.wm_setA .wm_list h2 { margin: 15px 0 10px; }
.wm_setA .wm_list b { display: block; padding-top: 10px; }
.wm_setA .wm_list li { border-bottom: 1px solid #ddd; padding: 10px 0 25px; position: relative; }
.wm_setA .wm_list li:last-child { border-bottom: none; padding: 10px 0 10px; }
.wm_setA .wm_list img { position: absolute; right: 20px; top: 8px; height: 60px; }
.wm_setA .wm_table_tel dl { padding-bottom: 20px; }
.wm_setA .ml10 { margin-left: 10px; }
.wm_setA .pb0 { padding-bottom: 0; }
.wm_setA .wm_table_tel dl a { display: inline-block; }
.wm_setA .wm_table_tel dl dd:last-child a { display: inline-block; width: 70px; line-height: 20px; color: #fff; background: #757a85; border-radius: 4px; text-align: center; font-size: 0.9em; padding-bottom: 1px; }
.wm_setA .wm_img_mob { width: 100%; }
.wm_setA .wm_img_web { display: none; }
.wm_setA .wm_replace b { margin-bottom: 30px; }
.wm_setA .wm_replace h4 { background: #f6f6f6; font: 500 1.3em "Noto Sans KR"; text-align: center; line-height: 45px; padding: 0; }
.wm_setA .wm_replace:after { content: ""; display: block; clear: both; }
.wm_setA .wm_replace div { }
.wm_setA .wm_replace div img { display: block; margin: 0 auto; }
.wm_setA .wm_replace div b { display: block; margin-top: 10px; }
.wm_setA .wm_box .wm_replace + li ol > li { border: 1px solid #ddd; border-top: 3px solid #80d4d2; text-align: center; padding: 10px 0 20px; }
.wm_setA .wm_replace + li ol > li:first-child { margin-bottom: 20px; }
.wm_setA .wm_em { font-style: italic; }
.wm_setA .wm_replace + li ol > li .wm_em { display: block; padding-bottom: 40px; background: url(../../images/womanup/wm_int_4_5.jpg) no-repeat center bottom
10px / auto 20px; }
.wm_setA .wm_replace + li ol > li ul,
.wm_setA .wm_replace + li ol > li h5 { padding: 0 20px; text-align: left; }
.wm_setA .wm_replace + li ol > li h5 { margin-bottom: 10px; }
.wm_setA .wm_tlist,
.wm_setA .wm_tlist td,
.wm_setA .wm_tlist th { display: list-item; }
.wm_setA .wm_tlist th { font-size: 16px; }
.wm_setA .wm_tlist td li { font-size: 14px; }
.wm_setA .wm_tlist tbody { display: table; width: 100%; }
.wm_setA .wm_tlist th,
.wm_setA .wm_tlist { width: 100%; }
.wm_setA .mb20 { margin-bottom: 20px; }
.wm_setA table .bullet_num li:last-child,
.wm_setA table .bullet_or li:last-child,
.wm_setA table .bullet_gy li:last-child,
.wm_setA table .bullet_li li:last-child { margin-bottom: 0; }
.wm_setA .ps0 { padding-left: 0; padding-right: 0; }
#wrapper .table_center .bullet_or { text-align: left; }
.wm_setA .table_typeD td { border-bottom: 0; padding: 0 0 0 130px; }
.wm_setA .table_typeD .pl80 td { padding-left: 80px; }
.wm_setA .wm_curri .table_typeD .pro_none td { padding: 0; border-bottom: 0; }
.wm_setA .wm_curri .table_typeD .pro_none td:first-child { font-weight: 500; }
.wm_setA .wm_print a { display: block; text-align: center; border: 1px solid #ddd; padding: 5px 15px; margin: 8px 20px 20px; background: url(../../images/womanup/print.png) no-repeat right 10px center /
25px auto; }
.wm_setA .table_typeD .bullet_dot li { margin-bottom: 0; line-height: 1.4em; }
.wm_setA .wm_curri .syllabus { display: inline-block; border: 1px solid #aaa; font-size: 14px; padding: 5px 35px 5px 5px; text-align: center; background: #fff url(../../images/womanup/wm_int_2_1.jpg) no-repeat right
5px center / 20px auto; margin: 5px 0 0 5px; }
.wm_setA .wm_curri .lec_apply { display: inline-block; border: 1px solid #aaa; font-size: 14px; padding: 5px 15px; text-align: center; background: #fff; margin: 5px 5px 0; }
.wm_setA .wm_curri .table_typeD tr { border-bottom-color: #aaa; padding: 10px 0; }
.wm_setA .wm_curri .table_typeD td { border-bottom: 1px solid #ddd; padding: 10px 0 10px 130px; }
.wm_setA .wm_curri .table_typeD td:last-child { border-bottom: 0; }
.wm_setA .wm_curri .table_typeD em { top: 10px; }
.img100 { max-width: 100%; }
#wrapper .table_center .bullet_or li { font-size: 14px; margin-bottom: 5px; }
#wrapper .table_center .bullet_or li:after { top: 8px; }
.wm_setA .wm_box .jb_mb { padding: 20px 0; }
.jb_mb h2 { padding: 0 15px; }
.jb_mb ul > li { padding: 20px 15px; border-bottom: 1px solid #ececec; }
.jb_mb ul > li:first-of-type { border-top: 1px solid #ececec; }
.jb_mb span { display: block; font: 500 18px "Noto Sans KR"; }
.wm_tm { padding: 8px 40px; background: #757a85; color: #fff; display: inline-block; font-size: 0.9em; }
.wm_tm:hover,
.wm_tm:focus { color: #fff; }
/* 占쎌쟿占쎌뵠占쎈선占쎈솚占쎈씜 筌띾뜆�좑옙�뱄옙�좑쭪占� 占쎈땾揶쏉옙 占쎈늄�깃퀬�� */
#layer_print .pop_form { border: 3px solid #ececec; padding: 10px; }
#layer_print .pop_form label,
#layer_print .pop_form input { width: 100%; }
#layer_print .pop_form span { display: block; width: 80%; margin: 20px auto 0; color: #777; text-align: center; }
#layer_print .pop_form span > strong { color: #f96600; }
#layer_print .btn { margin: 20px 0 40px; }
/* 野껓옙占쎄퉳占쎈읂占쎌뵠 */
.listC { background: #fff; position: relative; }
.list_search { border-top: 1px solid #ddd; background: #fff; }
.list_search > li { padding: 20px; border-bottom: 1px solid #ddd; overflow: hidden; position: relative; }
/* 2020-01-14 */
.board_result .list_search > li:last-child { border-bottom: none; }
.board_result > li { margin-bottom: 10px; }
.board_result > li:last-child { margin-bottom: 0; }
.board_more { padding: 20px; padding-top: 0; background: #fff; border-bottom: 1px solid #ddd; text-align: right; }
.board_more a { display: inline-block; position: relative; padding: 3px 10px; border: 1px solid #ddd; border-radius: 10px; font-size: 14px; color: #008c7e; }
.img_s div { width: 80px; height: 66px; overflow: hidden; margin-right: 10px; background: #f3f3f3 url(../../images/womanup/logo_gray.png) no-repeat center /
80%; position: absolute; left: 20px; top: 56px; }
.img_s img { height: 100%; }
.list_search .img_s dl dt { line-height: 25px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.list_search li dl dt { font: 500 18px "Noto Sans KR"; color: #000; padding-bottom: 5px; }
.list_search li dl b { font-size: inherit; font-weight: 500; color: #f56200; }
.list_search li.img_s dl dd { padding-left: 90px; }
.list_search li dl dd:nth-child(2) { overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 5px; height: 48px; }
.list_search li dl dd:last-child { font: 14px "Noto Sans KR"; color: #777; }
.list_search li dl dd strong { font: 14px "Noto Sans KR"; color: #777; margin-left: 10px; }
.list_search li dl dd { word-break: break-all; }
.listC h4 { height: 50px; font: 500 18px/50px "Noto Sans KR"; color: #008c7e; padding: 0 50px 0 20px; }
.open_C { width: 30px; height: 30px; font-size: 0; border: 1px solid #ddd; background: #fff url(../../images/womanup/plus_11.png) no-repeat center /
20px auto; position: absolute; top: 10px; right: 10px; }
.open_C.active { background-image: url(../../images/womanup/plus_12.png); }
.listC ul { border: 1px solid #ddd; border-width: 1px 0; display: none; }
.listC ul li { float: left; width: 33%; }
.listC ul li a { text-align: center; padding: 15px 0; border: 1px solid #ddd; border-width: 0 1px 1px 0; }
.listC ul li:nth-child(4) a,
.listC ul li:nth-child(5) a { border-bottom: 0; }
.listC ul li:nth-child(3n + 1) { width: 34%; }
.listC ul li:nth-child(3) a,
.listC ul li:nth-child(6) a { border-right: 0; }
.listC ul li.active a { color: #008c7e; font-weight: 500; }
.contentC > div { display: none; }
.contentC > div.active { display: block; }
.table_typeD .notice { display: inline-block; }
.notice { display: inline-block; padding: 3px 7px; background: #f8690c; color: #fff; border-radius: 3px; text-align: center; font-size: 14px; margin-right: 7px; }
/* 占쎈땾揶쏅벡�딉㎗占� 揶쏅벡�썸�④쑵�뤄옙苑� */
a.lec_syl { display: inline-block; text-align: center; color: #222; background: #eee; padding: 2px 20px; font: 500 14px "Noto Sans KR"; }
/* 野껊슣�놅옙�� 占쎄맒占쎄쉭占쎈읂占쎌뵠筌욑옙 占쎄텕占쎌뜖占쎈굡 */
.view_kw { background: #f6f6f6; padding: 15px; margin-bottom: 5px; }
.view_kw li { float: left; background: #fff; margin: 3px; border: 1px solid #ddd; padding: 8px 20px; }
.view_kw span { color: #008c7e; margin-right: 3px; }
.tit_b { float: left; text-align: left; }
.tit_b a { display: inline-block; color: #367dbd; }
/* 占쎄텢占쎌뒠揶쏉옙占쎌뵠占쎈굡 */
.user_guide > li { margin-top: 20px; }
.user_guide h4 { margin-bottom: 10px; }
.user_guide ul { padding: 0 0 10px 10px; }
.user_guide div { border: 1px solid #ddd; padding: 25px; text-align: center; margin-bottom: 10px; }
.user_guide div img { max-width: 100%; padding-bottom: 0; }
.user_guide .bullet_or li { padding-bottom: 0; color: #222; }
/* young_sup_box */
.young_sup_box { border-top: 0 none; }
.young_sup_box .row { display: block; margin-bottom: 40px; }
.young_sup_box .row:last-child { margin-bottom: 0; }
.young_sup_box .round_box { display: block; width: 100%; text-align: left; }
.young_sup_box .round_box .tit { width: 100%; height: auto; margin-bottom: 5px; padding-top: 0; background: none !important; border-radius: 0; color: #222; font-size: 18px; font-weight: 500; }
.young_sup_box .con_box1 { display: block; width: 100%; padding: 0; }
.young_sup_box .con_box1 .tit_box { display: block; margin-bottom: 10px; }
.young_sup_box .con_box1 .tit_box .inner_cell { display: block; height: auto; }
.young_sup_box .con_box1 .tit_box .tit1 { display: inline-block; vertical-align: middle; font-size: 16px; }
.young_sup_box .con_box1 .tit_box .tit2 { display: inline-block; vertical-align: middle; }
.young_sup_box .con_box1 .type_box { display: none; }
.young_sup_box .con_box2 { display: block; width: 100%; padding: 0; }
.young_sup_box .con_box2 .txt { margin-bottom: 5px; }
.young_sup_box .con_box2 .m_flow_box { display: block; }
.young_sup_box .con_box2 .type_m { margin-bottom: 15px; color: #014e84; font-weight: 500; }
.young_sup_box .month_flow.pc { display: none; }
.young_sup_box .month_flow li { width: 25%; margin-bottom: 20px; }
.young_sup_box .month_flow.in_txt li { padding-top: 15px; }
.young_sup_box .month_flow.in_txt li:before { left: 10%; }
.young_sup_box .month_flow.in_txt li:after { right: 10%; }
.young_sup_box .month_flow .month { margin-bottom: 0; }
.young_sup_arr img { width: 150px; }
#wrapper .wm_setA .wm_box .bb_js li span { font: 500 16px "Noto Sans KR"; color: #222; }
#wrapper .bb_js span b { display: block; margin-top: 8px; font: bold 20px "Noto Sans KR"; color: #008c7e; }
.wm_setA .wm_box .group_step li { position: relative; margin-bottom: 50px; }
.wm_setA .wm_box .group_step li:last-child { margin-bottom: 0; }
.group_step li:after { content: ""; display: block; width: 35px; height: 24px; background: url(../../images/gen/group_arr_m.png) no-repeat 0 0 / 100% auto; position: absolute; right: 50%; bottom: -38px; margin-right: -17px; }
.group_step li:last-child:after { display: none; }
.group_step span { display: block; background: #008c7e; color: #fff; font-weight: 500; padding: 15px 20px; }
.group_step div { border: 1px solid #ececec; border-top: 0; padding: 15px 20px; height: auto; }
.group_step em { display: block; line-height: 20px; padding-left: 10px; position: relative; }
.group_step em:after { content: ""; display: block; width: 4px; height: 4px; background: #008c7e; position: absolute; left: 0; top: 8px; }
.wm_csp > li { border: 1px solid #ddd; margin-bottom: 15px; padding: 20px 15px; }
#wrapper .wm_csp > li:last-child { padding-bottom: 20px; }
.wm_csp > li:last-child { margin-bottom: 0; }
.br20 { margin-bottom: 20px; }
.br20 > li > span { border-top-left-radius: 20px; border-top-right-radius: 20px; }
.br20 div b { display: block; font-weight: 500; margin-bottom: 10px; }
.table_center a { font-size: inherit; }
/* 占쎈땾揶쏅베利� 野껉퀣�� */
.lis_box .pay_btn { border: 0; padding: 0; text-align: center; }
.lis_box .pay_btn button { width: 130px; font: 16px/40px "Noto Sans KR"; text-align: center; background: #008c7e; color: #fff; }
.lis_box .pay_btn .btn_orange { background: #f56200; }
/*��愿��덉감*/
.venue_step li{margin-bottom: 10px;}
.venue_step span{display: block; font-weight: 500;}
.venue_step em{display: block; padding-left: 20px; color: #777;}
/* ��愿��덈궡 */
.venue .wm_setA{padding: 20px 15px 0;}
.venue_agree{border: 1px solid #ececec; padding: 10px; background: #fff;}
.venue_agree .bullet_num>li{padding-left: 25px;}
.agree_box{background: #fff; border: 1px solid #ececec; border-top: 0; padding: 20px 0 15px; text-align: center; margin: 0 15px;}
.agree_box .radio{display: inline-block;}
.icon_rec{position: absolute; right: 15px; bottom: 5px; display: block; width: 30px; height: 30px; background: url(../../images/gen/icon_receipt.png) no-repeat 0 0 / 30px auto; font-size: 0;}
/* ��愿��좎껌 */
.venue_div{margin: 10px 0;}
.venue_div em{display: block; color: #000;}
.venue_div ul{margin-top: 5px;}
.venue_div ul>li{padding-left: 10px; color: #777;}
.venue .table_typeC th{word-break: break-all;}
.venue .b_right{float: right; width: 150px; line-height: 45px; background: #008c7e; color: #fff; margin: 10px 0;}
.table_add .v_del{display: block; text-align: center; width: 120px; height: 45px; background: #727272; color: #fff; margin: 10px auto 0;}
.venue_div{padding: 0 15px;}
.btnT{margin-bottom: 20px; margin-top: 0;}
/* ��愿�_�덉빟�꾪솴 */
.venue_rsv .schedule_cal{display: none;}
.venue_rsv>h2{display: none;}
.venue_rsv .bullet_or{display: none;}
.cal_list2 h4{display: none;}
.cal_list2 .lis_box{background: #fff; padding: 20px 15px;}
.cal_list2 .lis_box li{border-top: 1px solid #ddd; padding: 20px 0;}
.cal_list2 .lis_box li:first-child{border-top: 0; padding-top: 0;}
.cal_list2 .lis_box dl{position: relative;}
.cal_list2 .lis_box dt b{top: 80px;}
.hallul {display : grid;}
/* ��愿�_�쒕쪟吏꾪뻾 */
.gen_dl a{display: inline-block; background: #008c7e url(../../images/gen/icon_dl.png) no-repeat right 10px center; color: #fff; padding: 10px 50px 10px 15px; margin: 10px 0;}
/* ��愿�_ �덉빟紐⑸줉*/
.reserve_cancle {
width: calc(60% - 6px);
height: 36px;
line-height: 33px;
background: #008c7e;
margin: 3px;
text-align: center;
border: 1px solid #ddd;
border-radius: 6px;
font-size: 14px;
color: white;
}
}
/************ 占쎈연占쎈뮟占쎌뜚 ***********/
/******* web *******/
@media (min-width: 721px) { /* staff_comm 筌욊낯�앭칰��뻻占쎈솇 */
.staff_comm .btn_a { width: 150px; float: right; }
.staff_comm td:nth-child(2) a { white-space: normal; overflow: visible; text-overflow: inherit; }
.staff_comm td a strong { padding-left: 10px; color: #2686ca; }
.btn_a { background: #008c7e; color: #fff; font: 18px/50px "Noto Sans KR"; text-align: center; margin-top: 30px; }
.btn_a:hover,
.btn_a:focus { color: #fff; }
.paging { clear: both; }
/* staff_detail - 占쎄맒占쎄쉭占쎈읂占쎌뵠筌욑옙 */
.staff_detail > div:after { content: ""; display: block; clear: both; }
.staff_detail .view_info { position: relative; }
/*.staff_detail .view_info li:nth-child(3) { border-top: 0; float: left; clear: none; padding: 0 15px 10px; }
.staff_detail .view_info li:nth-child(3):before { border-left: 1px solid #dadada; } */
.view_info .detail_file { clear: both; padding: 10px 0 10px; border-top: 1px solid #ececec; float: none; }
.view_info .detail_file:before { border-left: 0; }
.staff_detail .view_top li a { line-height: 25px; margin-right: 25px; }
/* .staff_detail .btn button { float:left; width:200px; }
.staff_detail .btn button:nth-child(1) { margin-right: 10px; }
.staff_detail .btn button:last-child { float: right; } */
.file_ch a { display: inline-block; line-height: 20px; float: left; }
.file_ch .file_del { height: 20px; background-position: 0 2px; }
.file_ch span:after { content: ""; display: block; clear: both; }
/* 占쎈솊疫뀐옙 */
.c_input { background: #f6f6f6; padding: 20px 15px; }
.c_input:after { content: ""; display: block; clear: both; }
.c_input div { float: left; width: calc(100% - 140px); margin-right: 10px; }
.c_input .textarea { height: 40px; }
.c_input .textarea textarea { height: 40px; line-height: 38px; }
.c_input button { width: 130px; height: 40px; background: #008c7e; color: #fff; font: 18px "Noto Sans KR"; }
.comment { margin: 20px 0 50px; border-top: 1px solid #d5d5d5; }
.mb0 { margin-bottom: 0; }
.comment li { border-bottom: 1px solid #d5d5d5; }
.comment li:after { content: ""; display: block; clear: both; }
.comment li h4 { color: #666; float: left; padding: 20px 15px 20px 25px; width: 130px; }
.comment li > div:after { content: ""; display: block; clear: both; }
.comment li > div { padding: 20px 15px; }
.comment li span { display: inline-block; width: calc(100% - 130px); color: #858585; word-break: break-all; }
.comment li b { float: right; color: #aaa; }
li.active .c_view { display: none; }
.comment .c_com { float: left; width: calc(100% - 130px); }
.comment .c_btn { margin-top: 15px; }
.comment button { border: 1px solid #d5d5d5; padding: 2px 10px; margin-right: 5px; background: #fff; }
.c_change { background: #f6f6f6; padding: 20px 15px; display: none; }
li.active .c_change { display: block; }
.c_change div:first-of-type { float: left; width: calc(100% - 120px); }
.c_change .c_btn { margin-top: 8px; }
.staff_detail .page_nav { margin: 100px 0 80px; background: #fff; border-top: 1px solid #dadada; clear: both; }
.page_nav > li { position: relative; height: 54px; border-bottom: 1px solid #dadada; }
.page_nav span { position: absolute; padding: 0 20px; line-height: 54px; }
.page_nav span + a { display: inline-block; padding-left: 108px; color: #000; line-height: 54px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.page_nav .post_end { color: #767676; }
.file select { float: left; margin-right: 10px; }
.file ol { padding-left: 110px; }
.file ol li { margin-bottom: 10px; }
.h300 { height: 300px; }
.btn3 { text-align: right; }
.btn3 .btn_delete { float: left; }
.staff_search ul li:nth-of-type(2) { width: 20%; }
.staff_search ul li:nth-of-type(2) div { padding: 0; }
.staff_search ul li:nth-of-type(3) { width: 46%; }
.staff_search ul li:nth-of-type(3) div { padding-left: 0; }
/* list_box_1 */
.sub_textbox { margin-bottom: 20px; }
.sub_textbox h2 { font: 500 20px "Noto Sans KR"; background: url(../../images/wrd/bullet_1.png) no-repeat left center / 17px
auto; padding-left: 25px; margin-bottom: 15px; }
.sub_textbox ul,
.sub_textbox ol { padding-left: 20px; }
.sub_textbox li { color: #666; padding-bottom: 8px; word-break: keep-all; }
.sub_textbox ul > li { position: relative; padding-left: 10px; }
.sub_textbox ul > li:after { content: ""; display: block; width: 4px; height: 4px; background: #666; border-radius: 4px; position: absolute; left: 0; top: 9px; }
.sub_textbox ol { padding-top: 8px; }
/*.list_form { margin-bottom: 0; }
.list_form fieldset>ul { padding-right: 20px; }
.list_form fieldset>ul .date { width: 50%; }
.list_form fieldset>ul>li:nth-of-type(2) { width: 20%; }
.list_form fieldset>ul>li:nth-of-type(3) { width: 30%; }
.list_form fieldset>ul>li div { padding: 0 30px 0 85px; }
.list_form fieldset>ul>li:nth-of-type(n+2) div { padding: 0; }
.list_form ul .date div { font-size: 0; line-height: 0; }
.list_form ul .date input[type=text] { width: 48%; background: #fff url(../../images/wrd/icon_calendar.png) no-repeat right 10px center; cursor: pointer; }
.list_form ul .date b { display: inline-block; width: 4%; line-height: 40px; text-align: center; } */
/* 占쎈연占쎈뮟占쎌뜚 占쎄퐣�됰삧tml占쎈읂占쎌뵠筌욑옙 */
.inline { display: inline-block; vertical-align: top; }
/* step img */
.wm_setA .wm_box .step_img { display: flex; text-align: center; }
.wm_setA .wm_box .step_img li { flex: 1; }
.wm_setA .wm_box .step_img li span { display: block; width: 130px; height: 130px; margin: auto; border-radius: 200px; border: 5px solid #ddd; text-align: center; padding-top: 25px; font: bold 20px arial; color: #008c7c; }
.wm_setA .wm_box .step_img li span img { width: 30px; margin-top: 10px; display: block; margin: 10px auto; }
.wm_setA .wm_box .step_img li dl { background: url(../../images/wrd/icon_point.jpg) repeat-x left 40px; }
.wm_setA .wm_box .step_img li dt { padding: 65px 0 10px; background: url(../../images/wrd/step_icon_2.jpg) no-repeat center top; }
.wm_setA .wm_box .step_img li dd { position: relative; text-align: left; padding-left: 10px; width: 70%; margin: auto; }
.wm_setA .wm_box .step_img li dd:after { display: block; content: ""; width: 3px; height: 3px; background: #008c7c; position: absolute; left: 0; top: 10px; }
.wm_setA .wm_box .step_img li dd:nth-child(2):after { top: 30px; }
.wm_setA .wm_box .step_img li dd:nth-child(2) { padding-top: 20px; background: url(../../images/wrd/step_icon_4.jpg) no-repeat center top; }
.wm_setA .wm_box .wrd_strong { display: inline-block; }
.mT10 { margin-top: 10px; }
/*
.wm_setA .wm_box .tab_typeA>ul li { width:50%; border:2px solid #ddd; margin-left:-2px; line-height:0; font-size:0; }
.wm_setA .wm_box .tab_typeA>ul li a { border:none; padding:10px 0; }
.wm_setA .wm_box .tab_typeA>ul li.active { border:2px solid #096e47; position:relative; z-index:1; color:#106745; font-size:1.2em; }
.wm_setA .wm_box .tab_typeA>ul li.active a { color:#106745; font-weight:500; }
.wm_setA .wm_box .tab_typeA table th { background:#399379; color:#fff; }
.wm_setA .wm_box .tab_typeA table .bg_gray { background:#f6f6f6; }
*/
/* 占쎌뵥占쎄텢筌랃옙 */
.wrd_greeting h2 { background: url(../../images/wrd/wrd_greeting.jpg) no-repeat center; height: 300px; position: relative;}
/* .wrd_greeting h2 span { font-size: 0; } */
.wrd_greeting h2>span{display: block; position: absolute; top: 86px; left: 405px; font: 500 32px / 1.3em 'Noto Sans KR';}
.wrd_greeting div>span em{color: #008c7e; font: 500 32px / 1.3em 'Noto Sans KR';}
.wrd_greeting div { padding-top: 30px; }
.wrd_greeting div p { line-height: 1.8em; padding-bottom: 20px; font-size: 1.1em; }
.wrd_greeting div span { display: block; text-align: right; margin: 50px 0; color: #999;}
.wrd_greeting div span img { height: 35px; vertical-align: bottom; margin-left: 15px; }
/* 占쎄퐬�깆럥�됵옙�� 獄쏉옙 占쎈염占쎌겫 */
.wm_setA .wrd_vision table { border-top: 2px solid #008d7f; }
.wm_setA .wrd_vision table th { width: 200px; }
.wm_setA .wrd_vision table td { padding: 15px 30px; }
.circle li { float: left; width: 250px; background: url(../../images/wrd/icon_point.jpg) repeat-x 109px center; }
.circle li:last-child { background: none; }
.circle li b { display: block; border-radius: 120px; height: 220px; width: 220px; vertical-align: middle; border: 10px solid #9ddf71; text-align: center; font-size: 1.2em; color: #000; padding-top: 60px; background: #fff; }
.circle li:nth-child(2) b { padding-top: 50px; }
.circle li:nth-child(odd) b { border-color: #71dfa2; }
.circle li b span { display: block; }
.wrd_history { background: url(../../images/wrd/icon_point.jpg) repeat-y center; }
.wrd_history li { text-align: right; padding: 10px 478px 20px 0; }
.wrd_history li:nth-child(even) { text-align: left; padding: 20px 0px 20px 478px; }
.wm_setA .wrd_history dt { height: 50px; color: #008d7f; font: bold 2.2em/50px arial; margin-bottom: 15px; }
.wm_setA .wrd_history dd { position: relative; font-size: 18px; }
.wm_setA .wrd_history dd b { display: block; content: ""; position: absolute; top: 3px; width: 16px; height: 16px; border-radius: 12px; background: #ddd; font-size: 0; }
.wm_setA .wrd_history dd .b2 { display: block; content: ""; position: absolute; top: 8px; width: 6px; height: 6px; border-radius: 50%; background: gray; font-size: 0; }
.wm_setA .wrd_history dd .b3 { display: block; content: ""; position: absolute; top: 8px; width: 6px; height: 6px; border-radius: 50%; background: gray; font-size: 0; }
.wm_setA .wrd_history dd .b4 { display: block; content: ""; position: absolute; top: 8px; width: 6px; height: 6px; border-radius: 50%; background: gray; font-size: 0; }
.wm_setA .wrd_history dd span { display: block; font: bold 1.1em arial; color: #000; }
.wm_setA .wrd_history li:nth-child(odd) dt { background: url(../../images/wrd/wrd_point1.png) no-repeat right center; padding: 0 50px 20px 0; }
.wm_setA .wrd_history li:nth-child(odd) dd { padding: 0 50px 15px 0; }
.wm_setA .wrd_history li:nth-child(odd) dd:not(:first-of-type) { padding: 0 50px 2px 0; }
.wm_setA .wrd_history li:nth-child(odd) dd b { right: 15px;}
.wm_setA .wrd_history li:nth-child(odd) dd .b2 { right: 19px; }
.wm_setA .wrd_history li:nth-child(odd) dd .b3 { right: 27px; }
.wm_setA .wrd_history li:nth-child(odd) dd .b4 { right: 36px; }
.wm_setA .wrd_history li:nth-child(even) dt { background: url(../../images/wrd/wrd_point1.png) no-repeat left center; padding: 0 0 0 50px; }
.wm_setA .wrd_history li:nth-child(even) dd { padding: 0 0px 15px 50px; }
.wm_setA .wrd_history li:nth-child(even) dd:not(:first-of-type) { padding: 0 0px 2px 50px; }
.wm_setA .wrd_history li:nth-child(even) dd b { left: 15px; }
.wm_setA .wrd_history li:nth-child(even) dd .b2 { left: 36px; }
.wm_setA .wrd_history li:nth-child(even) dd .b3 { left: 27px; }
.wm_setA .wrd_history li:nth-child(even) dd .b4 { left: 18px; }
/* 占쎄텢占쎈씜獄쎻뫚堉� 2018 */
.wm_setA .wrd_history.company dt { font: bold 1.3em/50px arial; margin-bottom: 5px; }
.wm_setA .wrd_history.company dd { font-size: 16px; }
.wm_setA .wrd_history.company dd:last-child { padding-top: 7px; }
/* ��쑴�� 筌뤴뫚紐� */
/* .wm_setA .wrd_dir>li { border-bottom:1px solid #ddd; padding:20px 0; }
.wm_setA .wrd_dir>li:after { display:block; content:""; clear:both }
.wm_setA .wrd_dir h2 { float:left; width:200px; margin-right:100px; text-align:right; height:80px; padding:0; padding-top:10px; margin-top: 0; }
.wm_setA .wrd_dir p { float:left; height:80px; width:600px; background:url(../../images/wrd/2.jpg) no-repeat center; text-align:center; font-size:1.2em; font-weight:500; line-height:80px }
.wm_setA .wrd_dir li:first-child p { background:url(../../images/wrd/3.jpg) no-repeat center; }
.wm_setA .wrd_dir li:nth-child(3) p { background:url(../../images/wrd/4.jpg) no-repeat center; }
.wm_setA .wrd_dir h2 span { display:block; color:#999; font-size:12px }
.wm_setA .wrd_dir div { float:left; width:600px; } */
.wm_setA .wrd_dir .box_color h2 { height: 90px; padding-top: 15px; }
.wm_setA .wrd_dir .box_color ol { padding-top: 20px; }
.box_color li { float: left; width: 270px; padding: 20px 0; margin: 0 15px; text-align: center; background: #0085d2; border-radius: 200px; color: #fff; font-size: 1.1em; font-weight: 500; position: relative; }
.box_color li:first-child { background: #009987; }
.box_color li b { padding: 0; color: #fff; font-size: 1.1em; font-weight: 500; }
.box_color li:after { display: block; content: ""; position: absolute; bottom: -25px; left: 110px; width: 50px; height: 50px; background: url(../../images/wrd/wrd_point1.png) no-repeat center; background-size: 30px auto; }
.box_color2 h2 { margin-top: 90px; }
.box_color2 ol { float: left; width: 270px; margin: 0 15px; position: relative; }
.box_color2 ol:before { display: block; content: ""; position: absolute; top: -51px; left: 135px; width: 1px; height: 230px; background: #ddd; z-index: -1; }
.box_color2 ol li { padding: 10px 0; text-align: center; border: 1px solid #ddd; color: #000; font-size: 1.1em; margin: 10px 0; border-radius: 100px; background: #fff; }
.box_color2 ol li b { display: block; color: #000; font-size: 1.1em; margin: 0; }
.dir_result { padding: 20px 0 50px 300px; text-align: center; width: 900px; }
#sub .wm_setA .dir_result dt { font-size: 1.5em; font-weight: 600; padding: 80px 0 10px; color: #000; background: url(../../images/wrd/wrd_arrow.jpg) no-repeat center top; background-size: auto 70px; }
.dir_result dd { padding: 20px; border-radius: 100px; border: 2px solid #ffae00; width: 90%; margin: 10px auto; font-weight: 500; color: #000; }
/* .wm_setA .wrd_dir .wrd_sg { border-bottom-width: 0; padding-bottom: 10px; }
.wrd_dir .wrd_sg div, .wrd_dir .wrd_sp div { width: 700px; }
.wrd_sg ol li { position: relative; }
.wrd_sg ol li:after { content:""; display:block; position:absolute; top:60px; left:50%; margin-left: -15px; width:30px; height:30px; background:url(../../images/wrd/wrd_point1.png) no-repeat center; background-size:30px auto }
.wrd_sg ol li:before { content: ""; display: block; width: 1px; height: 50px; background: #ddd; position: absolute; bottom: -50px; left: 50%; z-index: -1; }
.wrd_sg ol li { float: left; width: 30%; background-color: #309cda; color: #fff; margin: 10px 5px; padding: 10px 15px 11px; text-align: center; border-radius: 200px; font-size: 1.2em; font-weight: 500; }
.wrd_sg ol li:nth-child(2) { background-color: #2bbeae; }
.wrd_sg ol li:nth-child(1) { background-color: #8fcc65; }
.wrd_sg ol li b { color: inherit; font-size: inherit; font-weight: inherit; margin: 0; }
.wm_setA .wrd_dir .wrd_sp { padding-top: 0; }
.wrd_dir .wrd_sp .bullet_or { float: left; width: 30%; margin-right: 2%; border: 1px solid #ddd; min-height: 275px; padding: 20px; background: #fff; position: relative; }
.wrd_dir .wrd_sp .bullet_or li { word-break: keep-all; }
.wrd_dir .wrd_sp .bullet_or li:last-child { margin-bottom: 0; } */
.wrd_vm li h2 { display: inline-block; width: 90px; height: 90px; line-height: 90px; position: relative; margin: 10px 0 30px; background: #e8b704; color: #fff; border-radius: 100px; text-align: center; font-size: 1.2em; font-weight: 400; }
.wrd_vm2 li h2 { display: inline-block; width: 90px; height: 90px; line-height: 50px; position: relative; margin: 10px 0 30px; font-size: 1.2em; font-weight: 400; border-top:#e8b704 solid 4px; background:none; border-radius:0px; color:black;}
.wrd_vm2 li:nth-child(2) h2 {border-top:#c5c5c5 solid 4px;}
.wrd_vm2 li:nth-child(3) h2 {border-top:#224d6f solid 4px;}
.wrd_vm2 li:nth-child(4) h2 {border-top:#31a195 solid 4px;}
/* SR甕곕뜇�� 2022120095 筌띾뜄已ワ쭗占� 獄쏄퀗瑗� 占쎈툧 癰귣똻�좑옙�� �얜챷�� 占쎈퉸野껓옙*/
/* .wrd_vm li h2:after { content: ""; display: block; width: 100px; height: 5px; position: absolute; top: 50%; left: 93px; z-index: -1; margin-top: -3px; border-top: 4px dotted #305369; }
.wrd_vm li:nth-child(2) h2,
.wrd_vm li:nth-child(2) .vm_txt:before { background: #c5c5c5; }
.wrd_vm li:nth-child(2) h2:after { border-color: #c5c5c5; }
.wrd_vm li:nth-child(3) h2,
.wrd_vm li:nth-child(3) .vm_txt:before { background: #224d6f; }
.wrd_vm li:nth-child(3) h2:after { border-color: #224d6f; }
.wrd_vm li:nth-child(4) h2,
.wrd_vm li:nth-child(4) .vm_txt:before { background: #31a195; }
.wrd_vm li:nth-child(4) h2:after { border-color: #31a195; } */
.wrd_vm .vm_txt { display: inline-block; width: 800px; position: relative; background: #fff; border: 1px solid #ddd; margin-left: 106px; padding: 30px 0; text-align: center; }
/* .wrd_vm .vm_txt:before { content: ""; display: block; width: 10px; height: 10px; position: absolute; top: 50%; left: -5px; margin-top: -7px; background: #305369; border-radius: 10px; } */
/* .wrd_vm .vm_txt:after { content: ""; display: block; width: 30px; height: 30px; background: url(../../../common/images/wrd/down_2.png) no-repeat; background-size: 100%; position: absolute; bottom: -40px; left: 50%; margin-left: -15px; } */
/* 占쎌넞 占쎈툧�믩갭源� 占쎈�ワ옙�� */
/* 占쎌몵占쎈린占쎈린占쎈린占쎈린 */
.wrd_vm .t1:after{content: ""; display: block; width: 30px; height: 100px; background: url(../../../common/images/wrd/up_6.png) no-repeat; background-size: 100%; position: absolute; bottom: -110px; left: 50%; margin-left: -15px; }
/* .wrd_vm .t2:after{content: ""; display: block; width: 2px; height: 75px; background: #e8b704; background-size: 100%; position: absolute; bottom: -85px; left: 52%; margin-left: -15px; } */
/* .wrd_vm .t3:before{content: ""; display: block; width: 550px; height: 2px; background: #e8b704; background-size: 100%; position: absolute; bottom: 150px; left: 18%; margin-left: -15px; } */
.l1:before{content: ""; display: block; width: 30px; height: 100px; background: url(../../../common/images/wrd/up_6.png) no-repeat; background-size: 100%; position: absolute; bottom: 88px; left: 16%; margin-left: -15px; }
.l6:before{content: ""; display: block; width: 30px; height: 100px; background: url(../../../common/images/wrd/up_6.png) no-repeat; background-size: 100%; position: absolute; bottom: 88px; left: 50%; margin-left: -15px; }
.l2:before{content: ""; display: block; width: 30px; height: 100px; background: url(../../../common/images/wrd/up_6.png) no-repeat; background-size: 100%; position: absolute; bottom: 88px; left: 85%; margin-left: -15px; }
.l3:before { content: ""; display: block; width: 30px; height: 30px; background: url(../../../common/images/wrd/up_2.png) no-repeat; background-size: 100%; position: absolute; bottom: 150px; left: 16%; margin-left: -15px; }
.l4:before { content: ""; display: block; width: 30px; height: 30px; background: url(../../../common/images/wrd/up_2.png) no-repeat; background-size: 100%; position: absolute; bottom: 150px; left: 50%; margin-left: -15px; }
.l5:before { content: ""; display: block; width: 30px; height: 30px; background: url(../../../common/images/wrd/up_2.png) no-repeat; background-size: 100%; position: absolute; bottom: 150px; left: 85%; margin-left: -15px; }
.vm_sg .vm_txt { float: right; border: 0; padding: 0; margin-top: 13px; }
.vm_sg ol li { float: left; width: 32%; border: 1px solid #ddd; padding: 20px 0; margin: 0 2% 0 0; height:110px; }
.vm_sg ol li:last-child { margin-right: 0; }
.vm_sg ol li b { margin: 0; }
.vm_sg2 .vm_txt { float: right; border: 0; padding: 0; margin-top: 13px; }
.vm_sg2 ol li { float: left; width: 32%; border: 1px solid #ddd; padding: 15px 0; margin: 0 2% 0 0; height:145px; }
.vm_sg2 ol li:last-child { margin-right: 0; }
.vm_sg2 ol li b { margin: 0; }
.vm_sg2 ol li div:first-child{padding-bottom:10px; border-bottom:dashed lightgray;}
.vm_sg2 ol li div:last-child{padding-top:10px;}
.vm_sp { margin-top: 5px; }
#wrapper .vm_sp h2 { width: 190px; height: 40px; line-height: 40px; margin-bottom: 13px; background: #7e8080; }
#wrapper .vm_sp h2:last-of-type { width: 780px; margin-left: 25px; }
.wm_setA .vm_sp h2:after { width: 5px; height: 30px; top: 42px; left: 50%; margin-left: -2px; margin-top: 0; border-top: 0; border-left: 4px dotted #7e8080; }
.wm_setA .vm_sp h2:before { content: ""; display: block; width: 10px; height: 10px; border-radius: 10px; background: #7e8080; position: absolute; bottom: -28px; left: 50%; margin-left: -5px; }
.vm_sp > div { display: table; width: 1060px; border-spacing: 30px 10px; margin-left: -30px; }
.vm_sp div div { display: table-row; }
.vm_sp h4 { display: table-cell; width: 19%; vertical-align: middle; background: #fff; border: 1px solid #ddd; text-align: center; font-size: 16px; font-weight: 400; }
.vm_sp h4 b { font-size: inherit; font-weight: inherit; color: inherit; display: block; }
.vm_sp .bullet_num,
.vm_sp .bullet_or { display: table-cell; vertical-align: middle; background: #fff; border: 1px solid #ddd; padding: 20px 20px 20px 250px; }
.vm_sp .bullet_num li:last-child,
.vm_sp .bullet_or li:last-child { margin-bottom: 0; }
/* 鈺곌퀣彛낉옙�쏙옙毓썼눧占� */
.wrd_group h2 { padding: 0 0 10px; }
.wrd_group h4 { padding: 10px 0 0; }
.wrd_group > li { clear: both; }
.box_color3 > li { float: left; width: 333px; padding: 20px 0; position: relative; }
.box_color3 > li strong { margin: 10px 5px; padding: 10px 0; text-align: center; background: #309cda; border-radius: 200px; color: #fff; font-size: 1.3em; font-weight: 500; position: relative; }
.box_color3 > li:nth-child(2) strong { background: #2bbeae; }
.box_color3 > li:nth-child(1) strong { background: #8fcc65; }
.box_color3 > li:nth-child(3) strong { background: #e8b704; }
.box_color3 > li:after { display: block; content: ""; position: absolute; top: 67px; left: 147px; width: 30px; height: 30px; background: url(../../images/wrd/wrd_point1.png) no-repeat center; background-size: 30px auto; }
.wrd_group .box_color3 .bullet_or { padding: 20px; border: 1px solid #ddd; margin: 20px 10px; min-height: 175px; background: #fff; position: relative; }
.wrd_group .box_color3 .bullet_or:after { display: block; content: ""; position: absolute; top: -35px; left: 151px; width: 1px; height: 70px; background: #ddd; z-index: -1; }
.wrd_group2 { width: 800px; margin: 0 auto; }
.wrd_group2 dt { position: relative; max-width: 800px; margin: 0 auto; }
.wrd_group2 dt:after { content: ""; display: block; width: 1px; height: 64px; background: #ddd; position: absolute; top: 92px; left: 50%; }
.wrd_group2 dt span { display: block; width: 400px; background: #eef5ff; padding: 10px; margin: 0 auto; margin-bottom: 40px; position: relative; }
.wrd_group2 dt span b { display: block; background: #309cda; padding: 10px; margin: auto; text-align: center; color: #fff; font-size: 1.2em; font-weight: 500; }
.wrd_group2 dt > b { display: block; width: 400px; background: #309cda; padding: 10px; margin: 0 auto 10px; text-align: center; color: #fff; font-size: 1.2em; font-weight: 500; }
.wrd_group2 dt > b:after { content: ""; display: block; width: 1px; height: 40px; background: #ddd; position: absolute; top: 202px; left: 50%; z-index: -1; }
.wrd_group2 dt > b > em { color: #fff; font-weight: 500; font-size: 1em; }
.wrd_group2 dt strong { display: block; background: #fff; border: 2px solid #ddd; color: #000; font: 1.2em "Noto Sans KR"; padding: 7px 40px; position: absolute; top: 100px; /* right: 1px; */ z-index: 1; }
.wrd_group2 dt strong:after { content: ""; width: 231px; height: 1px; background: #ddd; position: absolute; top: 22px; left: 167px; }
.wrd_group2 dd { margin: 0 auto; }
.wrd_group2 .box_color3 { position: relative; width: 100%; margin: 46px 20%; }
.wrd_group2 .box_color3:before { content: ""; display: block; width: 264px; height: 1px; background: #ddd; position: absolute; top: -22px; left: 115px; }
.wrd_group2 .box_color3:after { content: ""; display: block; clear: both; }
.wrd_group2 .box_color3 > li { float: left; width: 28%; }
.wrd_group2 .box_color3 > li:first-child { margin-right: 5%; }
.wrd_group2 .box_color3 li:after { top: 15px; left: 100px; }
.wrd_group2 .box_color3 li strong { font: 400 1em "Noto Sans KR"; }
.wrd_group2 .box_color3 li strong:after { content: ""; display: block; width: 1px; height: 40px; background: #ddd; position: absolute; top: -52px; left: 110px; }
.wrd_group2 .box_color3 li:nth-child(3) strong:before { content: ""; display: block; width: 360px; height: 1px; background: #ddd; position: absolute; top: -70px; left: -251px; }
.wrd_group2 .box_color3 li:nth-child(3) strong:after { content: ""; display: block; width: 1px; height: 58px; background: #ddd; position: absolute; top: -70px; left: 110px; }
.wrd_group2 .box_color3 li ul li strong { border: 2px solid #2bbeae; background: #fff; color: #000; font: 1em "Noto Sans KR"; margin-top: 20px; }
.wrd_group2 .box_color3 li ul li strong:after { top: -22px; height: 20px; }
.wrd_group .table_typeD .pl80 td { border-left: 1px solid #ddd; word-break: break-all; }
.wrd_group .table_typeD .pl80 td:first-child { border-left: 0; }
.wrd_group > li > h2 > strong { display: inline-block; color: #000; line-height: 1.4em; font-size: 0.8em; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.wm_setA .layer_box h2 { margin: 0; font: 500 20px "Noto Sans KR"; border-bottom: 0; }
.wm_setA .layer_box .table_typeD .pl80 td { border-left: 1px solid #ddd; }
.wm_setA .layer_box .table_typeD .pl80 td:first-child { border-left: 0; }
#layer_team1 > div,
#layer_team2 > div,
#layer_team3 > div { margin: 0 auto; width: 1000px; max-width: none; max-height: 700px; }
#layer_team1 .btn_close,
#layer_team2 .btn_close,
#layer_team3 .btn_close { margin-right: -480px; top: 50px; }
.wm_setA .table_typeD em { font-size: 0; }
/* a占쎄묶域뱄옙 筌�굛而앾옙逾� */
.wrd_history dt { position: relative; }
.a_bm { display: block; font-size: 0; width: 1px; height: 100px; position: absolute; top: -100px; left: 0; }
/* �용쵐肉�옙源됵옙�わ옙肉э옙苑� */
.wrd_wwbn { padding: 55px 90px; height: 198px; font-size: 20px; font-weight: 500; color: #666; background: url(../../images/wrd/wrd_wwbg.jpg) no-repeat; }
.wrd_wwbn p { margin: 10px 0 0 110px; font-size: 20px; font-weight: 500; color: #666; }
.txt_bgr { padding: 0 3px; color: #008c7e; font: 700 30px "Jeju Myeongjo"; }
.txt_byg { padding: 0 3px; color: #4fa000; font: 700 30px "Jeju Myeongjo"; }
#wrapper .web_pt50 { padding-top: 50px; }
.ww_newjob > div { display: inline-block; width: 565px; }
#wrapper .wrd_tit1 { margin-top: 10px; font-size: 24px; font-weight: 300; }
.wrd_tit1 strong { display: inline-block; color: inherit; font-size: inherit; font-weight: 500; }
.ww_newjob p { margin-bottom: 30px; font-size: 18px; line-height: 1.6em; }
.wrd_center_img { text-align: center; margin: 20px 0 40px; }
.wrd_center_img img { max-width: 100%; }
.td_bottom td { word-break: keep-all; }
.ww_hp { width: 32px; height: 32px; margin: 0 auto; font-size: 0; background: url(../../images/wrd/wrd_ww_hp.png) no-repeat; }
.wrd_tit2 { margin-bottom: 15px; font-size: 28px; font-weight: 500; }
.wrd_tit2 strong { display: inline-block; font-size: 34px; font-weight: 500; color: #008c7e; }
.wrd_phr { margin-bottom: 45px; word-break: keep-all; }
.wrd_ww_box { position: relative; }
.wrd_ww_box:before { content: ""; display: block; width: 214px; height: 113px; background: url(../../images/wrd/wrd_ww_logo.png) no-repeat; position: absolute; top: 50%; left: 50%; margin-top: -57px; margin-left: -107px; }
.wrd_ww_box > li { float: left; width: 485px; height: 155px; }
.wrd_ww_box > li:nth-child(1) { background: url(../../images/wrd/wrd_ww_list1.png) no-repeat; padding: 20px 170px 20px 25px; margin: 0 15px 15px 0; }
.wrd_ww_box > li:nth-child(2) { background: url(../../images/wrd/wrd_ww_list2.png) no-repeat; padding: 20px 25px 20px 170px; margin: 0 0 15px 15px; }
.wrd_ww_box > li:nth-child(3) { background: url(../../images/wrd/wrd_ww_list3.png) no-repeat; padding: 20px 170px 20px 25px; margin: 15px 15px 0 0; }
.wrd_ww_box > li:nth-child(4) { background: url(../../images/wrd/wrd_ww_list4.png) no-repeat; padding: 20px 25px 20px 170px; margin: 15px 0 0 15px; }
.wrd_ww_box div h4 { margin-top: 0; }
.wrd_ww_box .bullet_dot { padding-left: 0; }
.wrd_ww_box .bullet_dot > li { margin-bottom: 0; font-size: 15px; color: #444; }
.fair_list .list_board ol li p { margin: 0; }
/* 占쎌젫嚥≪뮉�뱄옙�� 占쎈솚占쎈씜 2019-10-23 */
.layer_box.zeropay_pop > div { overflow: initial; max-width: 1000px; max-height: 700px; }
.layer_box.zeropay_pop > div ol { width: 920px; height: 620px; overflow-y: auto; }
.layer_box.zeropay_pop > div ol img { width: 100%; }
.layer_box.zeropay_pop .btn_close { position: absolute; top: 50%; right: 50%; width: 40px; height: 40px; margin-top: -405px; margin-right: -500px; background: url(../../images/gen/popup_close2.png) no-repeat; }
/* 2019-11-27 占쎌젫嚥≪뮉�뱄옙�� */
.zp_info h2:before { content: ""; display: block; position: absolute; top: 50%; width: 169px; height: 1px; margin-top: -1px; background: #000; }
.zp_info h2:after { content: ""; display: block; position: absolute; top: 50%; right: 0; width: 169px; height: 1px; margin-top: -1px; background: #000; }
.zp_app h2:before { content: ""; display: block; position: absolute; top: 50%; width: 235px; height: 1px; margin-top: -1px; background: #000; }
.zp_app h2:after { content: ""; display: block; position: absolute; top: 50%; right: 0; width: 235px; height: 1px; margin-top: -1px; background: #000; }
.zp_app li:nth-child(9n) { margin-right: 0; }
/* 占쎌뵬占쎌쁽�귐됵옙�쒕�已� 200615 */
.btn.wrd_link { padding: 0 0 50px; text-align: center; }
.wrd_link a { display: inline-block; position: relative; width: 240px; height: auto; margin: 0 10px; padding: 16px 16px 16px 93px; background-color: #343a5a; border-radius: 30px; font: 17px "Noto Sans KR"; color: #fff; text-align: left; }
.wrd_link a:nth-child(2) { background-color: #ffe900; font-weight: 500; color: #3c1818; }
.wrd_link a::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 36px; height: 34px; margin-left: -70px; margin-top: -18px; background: url(../../images/wrd/job_btn1.png) no-repeat center; }
.wrd_link a:nth-child(2)::after { background: url(../../images/wrd/job_btn2.png) no-repeat center; }
.wrd_tab > ul li.active { border: 1px solid #5f1699; }
.wrd_tab > ul li.active a { background: #5f1699; outline: 1px solid #5f1699; }
.tab_in_tab > ul { display: flex; margin-bottom: 40px; }
.tab_in_tab > ul > li { flex: auto; border: 1px solid #ddd; margin-left: -2px; }
.tab_in_tab > ul > li.active { border: 2px solid #008c7e; background: #008c7e; position: relative; z-index: 1; font-size: 1.2em; }
.tab_in_tab > ul > li > a { border: none; padding: 10px 0; text-align: center; color: #666; }
.tab_in_tab > ul .active a { color: #fff; font-weight: 500; }
.tab_in_tab > div > div { display: none; }
.tab_in_tab > div > div.active { display: block; }
.tab_in_tab > div:after { content: ""; display: block; clear: both; }
.wrd_tab .wm_setA h2 { color: #5f1699; }
.wrd_tab .bullet_or > li::after { background-color: #ba63ff; }
.wm_csp.wrd_imglist > li { height: 145px; padding: 0 20px 0 180px; border: 0; }
.wm_csp.wrd_imglist > li:nth-child(1) { background-image: url(../../images/wrd/wrd_410_1.png); }
.wm_csp.wrd_imglist > li:nth-child(2) { background-image: url(../../images/wrd/wrd_410_2.png); }
.wm_csp.wrd_imglist > li:nth-child(3) { background-image: url(../../images/wrd/wrd_410_3.png); }
.wm_csp.wrd_imglist > li:nth-child(4) { background-image: url(../../images/wrd/wrd_410_4.png); }
.wrd_imglist .sm_gy { font-size: 14px; color: #777; }
.wrd_imglist > li .bullet_or > li { float: left; width: auto; }
.wm_csp.wrd_imglist > li:first-child .bullet_or > li { width: auto; }
.wrd_imglist > li .bullet_or .line1 { float: none; width: 100%; }
.wrd_imglist > li:last-child { margin: 0; }
.wrd_imglist > li h4 { padding-top: 35px; }
.wrd_js { text-align: center; margin-top: 20px; }
.wrd_js li { float: left; width: 316px; margin-right: 26px; height: 240px; background: url(../../images/wrd/wrd_232_0.png) no-repeat; padding: 50px 40px; }
.wrd_js li:last-child { margin-right: 0; }
.wrd_js span { display: block; font: 500 20px "Noto Sans KR"; }
.wrd_js em { font: inherit; font-weight: 600; }
}
/******* mobile *******/
@media (max-width: 720px) { /* staff_comm_input 筌욊낯�앭칰��뻻占쎈솇 占쎈쾻嚥∽옙 */
/* SR甕곕뜇�� 2022120026 筌뤴뫀而�옙�� 嚥≪뮄�뉛옙�� 甕곌쑵�� �ワ옙 占쎈쐭 甕곌쑵�됧첎�놁쓺 占쎈탵占쎌쁽占쎌뵥 癰귨옙野껓옙 */
a.loginBtn_mobile{
background: #096a5f;
display: inline-block;
padding: 0 15px;
margin-right: 10px;
}
.file select { margin-bottom: 10px; }
.file ol li { margin-bottom: 10px; }
.btn3 button { width: 33.33%; }
.btn1 { text-align: center; }
.btn1 button { width: 50%; float: none; margin: 0 auto; }
/* .form_join .btn3 .btn_delete { background: #f56200; }
.btn3 button:nth-child(2) { background: #008c7e; }
.btn3 button:nth-child(3) { background: #626262; } */
.table_typeC th.w150 { width: 100px; }
/* staff_comm 筌욊낯�앭칰��뻻占쎈솇 */
.staff_search ul li:nth-child(1) { width: 50%; }
.staff_search ul li:nth-child(even) div { padding-left: 0; padding-right: 20px; margin-left: -1px; }
.staff_search ul li:nth-child(odd) div { padding-left: 20px; padding-right: 0; }
.staff_search ul li:last-child { width: 100%; }
.staff_search ul li:last-child div { padding-right: 20px; }
.mb0 { margin-bottom: 0; }
.btn_a { background: #008c7e; color: #fff; font: 18px/40px "Noto Sans KR"; text-align: center; margin-top: 20px; }
.btn_a:hover,
.btn_a:focus { color: #fff; }
.staff_comm .btn_a { width: 50%; margin: 20px auto 0; }
.staff_comm td a strong { padding-left: 15px; color: #2686ca; font-size: 20px; }
/* staff_list_detail 占쎄맒占쎄쉭占쎈읂占쎌뵠筌욑옙 */
.staff_detail { background: #fff; padding-top: 20px; }
.staff_detail > div:after { content: ""; display: block; clear: both; }
/*.staff_detail .btn button { width: 33.33%; background: #008c7e; }
.staff_detail .btn button:nth-child(1) { background: #f56200; }
.staff_detail .btn button:last-child { background: #626262; } */
.file_ch a { display: inline-block; line-height: 20px; float: left; }
.file_ch .file_del { height: 20px; background-position: 0 2px; }
.file_ch span:after { content: ""; display: block; clear: both; }
/* list_box_1 */
.sub_textbox { margin-bottom: 20px; }
.sub_textbox h2 { font: 500 20px "Noto Sans KR"; background: url(../../images/wrd/bullet_1.png) no-repeat left center / 17px
auto; padding-left: 25px; margin-bottom: 15px; }
.sub_textbox ul,
.sub_textbox ol { padding-left: 20px; }
.sub_textbox li { color: #666; padding-bottom: 8px; word-break: keep-all; }
.sub_textbox ul > li { position: relative; padding-left: 10px; }
.sub_textbox ul > li:after { content: ""; display: block; width: 4px; height: 4px; background: #666; border-radius: 4px; position: absolute; left: 0; top: 9px; }
.sub_textbox ol { padding-top: 8px; }
.list_form ul .date div { font-size: 0; line-height: 0; }
.list_form ul .date input[type="text"] { background: #fff url(../../images/wrd/icon_calendar.png) no-repeat right
10px center; width: 48%; }
.list_form ul .date b { display: inline-block; width: 4%; line-height: 45px; text-align: center; }
/* 占쎈솊疫뀐옙 */
.c_input { background: #f9f9f9; padding: 20px 15px; }
.c_input:after { content: ""; display: block; clear: both; }
.c_input div { float: left; width: calc(100% - 80px); }
.c_input .textarea { height: 45px; }
.c_input .textarea textarea { height: 45px; line-height: 38px; }
.c_input button { width: 80px; height: 45px; background: #008c7e; color: #fff; font: 16px "Noto Sans KR"; }
.comment { margin-bottom: 40px; }
.comment li { border-bottom: 1px solid #d5d5d5; }
.comment li:after { content: ""; display: block; clear: both; }
.comment li h4 { color: #666; padding: 20px 0 10px 15px; }
.comment li > div:after { content: ""; display: block; clear: both; }
.comment li > div { padding: 20px 15px; position: relative; }
.comment li span { display: block; font-size: 15px; color: #858585; word-break: break-all; }
.comment li b { color: #aaa; font-size: 15px; }
.comment .c_btn { position: absolute; right: 10px; top: -40px; }
.comment button { font-size: 15px; border: 1px solid #d5d5d5; padding: 2px 10px; margin-left: 5px; background: #fff; }
li.active .c_view { display: none; }
li.active .c_change { display: block; }
.c_change { background: #f6f6f6; padding: 20px 15px; display: none; }
.c_change .c_btn { position: static; text-align: center; margin-top: 10px; }
/* 占쎈연占쎈뮟占쎌뜚 占쎄퐣�됰삧tml占쎈읂占쎌뵠筌욑옙 */
/* step img */
.wm_setA .wm_box .step_img { padding: 15px 0 0 15px; background: #fff; }
.wm_setA .wm_box .step_img li { position: relative; height: 180px; background: #fff url(../../images/wrd/step_icon_1.jpg) no-repeat 52px 130px; }
.wm_setA .wm_box .step_img li:last-child { height: 130px; background: none; }
.wm_setA .wm_box .step_img li span { position: absolute; left: 0; top: 10px; display: block; width: 130px; height: 130px; border-radius: 200px; border: 5px solid #ddd; text-align: center; padding-top: 25px; font: bold 20px arial; color: #008c7c; }
.wm_setA .wm_box .step_img li span img { width: 30px; margin-top: 5px; display: block; margin: 10px auto; }
.wm_setA .wm_box .step_img li dl { padding: 30px 0 0 160px; }
.wm_setA .wm_box .step_img li:nth-child(3) dl { padding: 15px 0 0 160px; }
.wm_setA .wm_box .step_img li dt { font-size: 1.2em; color: #000; }
.wm_setA .wm_box .step_img li dd { position: relative; text-align: left; padding-left: 10px; width: 100%; }
.wm_setA .wm_box .step_img li dd:after { display: block; content: ""; width: 3px; height: 3px; background: #008c7c; position: absolute; left: 0; top: 10px; }
.wm_setA .wm_box dl { width: 100%; }
.wm_setA .tab_typeA b { color: #000; display: inline-block; font-weight: 500; padding: 0 5px 0 0; }
/* 占쎌뵥占쎄텢獄쏉옙 */
.wrd_greeting { background: #fff; padding: 20px 20px 30px; }
.wrd_greeting h2 { padding-bottom: 2px; }
.wrd_greeting h2 span { font-size: 20px; font-weight: 500; color: #000; line-height: 22px; }
.wrd_greeting div { padding-top: 30px; }
.wrd_greeting div p { line-height: 1.4em; padding-bottom: 15px; font-size: 1.1em; }
.wrd_greeting div span { display: block; text-align: right; padding: 20px 0 0; font-size: 14px; color: #777; }
.wrd_greeting div span img { height: 35px; vertical-align: bottom; margin: 10px 0 0 10px; }
.wrd_vision > li { padding: 10px 20px 20px; background: #fff; margin-bottom: 10px; border-bottom: 1px solid #ececec; }
.wm_setA .wrd_vision table { border-top: 2px solid #008d7f; }
.wm_setA .wrd_vision table th { width: 100px; }
.wm_setA .wrd_vision table td { padding: 15px; }
.circle li b { text-align: center; padding: 10px; border: 4px solid #ececec; margin: 10px auto; }
.circle li b span { font-size: 1.1em; color: #000; font-weight: 400; }
.wrd_history { background: url(../../images/wrd/icon_point.jpg) repeat-y 15px top; }
.wm_setA .wrd_history dt { color: #008d7f; font: bold 22px/30px "Noto Sans KR"; background: url(../../images/wrd/wrd_point1.png) no-repeat 0 0; background-size: 30px auto; padding: 0 0 0 40px; margin: 20px 0 10px; }
.wm_setA .wrd_history dd { position: relative; padding: 0 0 15px 40px; }
.wm_setA .wrd_history dd img { width: 100%; }
.wm_setA .wrd_history dd b { display: block; content: ""; position: absolute; top: 6px; width: 14px; height: 14px; border-radius: 12px; background: #ddd; left: 8px; font-size: 0; }
.wm_setA .wrd_history dd .b2 { display: block; content: ""; position: absolute; top: 6px; width: 7px; height: 7px; border-radius: 12px; background: gray; left: 12px; font-size: 0; }
.wm_setA .wrd_history dd .b3 { display: block; content: ""; position: absolute; top: 6px; width: 7px; height: 7px; border-radius: 12px; background: gray; left: 12px; font-size: 0; }
.wm_setA .wrd_history dd .b4 { display: block; content: ""; position: absolute; top: 6px; width: 7px; height: 7px; border-radius: 12px; background: gray; left: 12px; font-size: 0; }
.wm_setA .wrd_history dd span { display: block; font: bold 1em arial; color: #000; }
/* ��쑴�� 筌뤴뫚紐� */
/* .wm_setA .wrd_dir>li { padding:20px 20px 30px; background:#fff; margin-bottom:10px; border-bottom:1px solid #ececec; }
.wm_setA .wrd_dir>li:after { display:block; content:""; clear:both }
.wm_setA .wrd_dir h2 { padding:0; margin-bottom:10px }
.wm_setA .wrd_dir p { background:url(../../images/wrd/2.jpg) no-repeat center; background-size:100% auto; text-align:center; font-size:1.1em; font-weight:500; line-height: 80px; }
.wm_setA .wrd_dir .wrd_ms { height: 80px; padding: 20px 20px 0; line-height: 1.2em; }
.wm_setA .wrd_dir li:first-child p { background:url(../../images/wrd/3.jpg) no-repeat center; background-size:100% auto; }
.wm_setA .wrd_dir li:nth-child(3) p { background:url(../../images/wrd/4.jpg) no-repeat center; background-size:100% auto; }
.wm_setA .wrd_dir h2 span { display:inline-block; color:#999; font-size:12px; padding-left:10px } */
.box_color li { padding: 10px 0; text-align: center; background: #0085d2; border-radius: 200px; color: #fff; font-size: 1.1em; font-weight: 500; position: relative; }
.box_color li:first-child { background: #009987; margin-bottom: 20px; }
.box_color li b { padding: 0; color: #fff; font-size: 1.1em; font-weight: 500; }
.box_color li:after { display: block; content: ""; position: absolute; bottom: -25px; left: 50%; margin-left: -25px; width: 50px; height: 50px; background: url(../../images/wrd/wrd_point1.png) no-repeat center; background-size: 30px auto; }
.box_color2 ol { margin: auto; }
.box_color2 ol li { padding: 10px 0; text-align: center; border: 1px solid #ddd; color: #000; margin: 5px; border-radius: 100px; background: #fff; }
.box_color2 ol li b { display: block; color: #000; padding: 0; margin-bottom: 0; }
.dir_result { text-align: center; padding: 20px 20px 30px; background: #fff; border-bottom: 1px solid #ececec; }
#sub .wm_setA .dir_result dt { font-size: 1.5em; font-weight: 600; padding: 80px 0 10px; color: #000; background: url(../../images/wrd/wrd_arrow.jpg) no-repeat center top; background-size: auto 70px; }
.dir_result dd { padding: 20px 40px; border-radius: 100px; border: 2px solid #ffae00; width: 90%; margin: 10px auto; font-weight: 500; color: #000; }
/* .wrd_sg ol li { background-color: #309cda; color: #fff; margin: 20px 5px; padding: 10px 15px 11px; text-align: center; border-radius: 200px; font-size: 1.2em; font-weight: 500; }
.wrd_sg ol li:nth-child(2) { background-color: #2bbeae; }
.wrd_sg ol li:nth-child(1) { background-color: #8fcc65; }
.wrd_sg ol li b { color: inherit; font-size: inherit; font-weight: inherit; margin: 0; }
.wrd_dir .wrd_sp .bullet_or { border: 1px solid #ddd; padding: 20px; background: #fff; position: relative; margin-bottom: 10px; }
.wrd_dir .wrd_sp .bullet_or li:last-child { margin-bottom: 0; } */
.wrd_vm { background: #fff; padding: 20px 15px; }
.wrd_vm > li { margin-bottom: 15px; }
.wrd_vm li h2 { display: block; padding: 10px; margin: 0; background: #e8b704; color: #fff; font-size: 1.2em; font-weight: 400; line-height:50px; }
.wrd_vm li:nth-child(2) h2 { background: #f59f3a; }
.wrd_vm li:nth-child(3) h2 { background: #86be2d; }
.wrd_vm li:nth-child(4) h2 { background: #008c7f; }
.wrd_vm .vm_txt { background: #fff; border: 1px solid #ddd; border-top-width: 0; background: #fff; padding: 20px 15px; text-align: center; }
.wrd_vm .vm_arr { height: 30px; display: block; margin: 0 auto; }
.vm_sg .vm_txt { border: 0; padding: 0; }
.vm_sg ol { display: table; width: 100%; }
.vm_sg ol:after { display: none; }
.vm_sg ol li { display: table-cell; width: 33.33%; border: 1px solid #ddd; border-right-width: 0; padding: 20px 10px; vertical-align: middle; }
.vm_sg2 ol li { display: table-cell; width: 33.33%; border: 1px solid #ddd; border-right-width: 0; padding: 20px 10px; vertical-align: middle; }
.vm_sg2 ol li div:first-child{padding-bottom: 10px; border-bottom: dashed lightgray;}
.vm_sg2 ol li div:last-child{padding-top: 10px;}
.vm_sg ol li:last-child { border-right-width: 1px; }
.vm_sg ol li b { display: inline; margin: 0; }
.vm_sp { font-size: 0; }
#wrapper .vm_sp h2 { width: 30%; display: inline-block; position: relative; margin: 0; font-size: 16px; font-weight: 500; background: #7e8080; color: #fff; border-radius: 20px; }
.vm_sp h2:after { content: ""; display: block; width: 5px; height: 12px; border-left: 4px dotted #7e8080; position: absolute; top: 40px; left: 50%; margin-left: -2px; }
.vm_sp h2:before { content: ""; display: block; width: 8px; height: 8px; border-radius: 10px; background: #7e8080; position: absolute; bottom: -15px; left: 50%; margin-left: -4px; }
#wrapper .vm_sp h2:last-of-type { width: 70%; }
.vm_sp > div { display: table; width: calc(100% + 20px); margin-left: -10px; border-spacing: 10px; }
.vm_sp div div { display: table-row; }
.vm_sp h4 { display: table-cell; width: 30%; vertical-align: middle; background: #fff; border: 1px solid #ddd; padding: 10px; text-align: center; font-size: 14px; font-weight: 400; }
.vm_sp h4 b { font-size: inherit; font-weight: inherit; color: inherit; }
.vm_sp .bullet_num,
.vm_sp .bullet_or { display: table-cell; vertical-align: middle; background: #fff; border: 1px solid #ddd; padding: 10px; }
.vm_sp .bullet_num li,
.vm_sp .bullet_or li { font-size: 14px; margin-bottom: 5px; }
.vm_sp .bullet_num li span,
.vm_sp .bullet_or li span { font-size: inherit; }
.vm_sp .bullet_num li:last-child,
.vm_sp .bullet_or li:last-child { margin-bottom: 0; }
/* 鈺곌퀣彛낉옙�쏙옙毓썼눧占� */
.wrd_group > li { padding: 20px 20px 30px; background: #fff; border-bottom: 1px solid #ececec; margin-bottom: 10px; }
.wrd_group h2 { padding: 0 0 10px; }
.wrd_group h4 { padding: 10px 0 0; }
.box_color3 > li { padding: 20px 0; position: relative; }
.box_color3 > li strong { margin: 0 5px 10px; padding: 12px 0; text-align: center; background: #309cda; border-radius: 200px; color: #fff; font-size: 1.3em; font-weight: 500; position: relative; }
.box_color3 > li:nth-child(3) strong { background: #e8b704; }
.box_color3 > li:nth-child(2) strong { background: #2bbeae; }
.box_color3 > li:nth-child(1) strong { background: #8fcc65; }
.box_color3 > li:after { display: block; content: ""; position: absolute; top: 48px; left: 50%; margin-left: -25px; width: 50px; height: 50px; background: url(../../images/wrd/wrd_point1.png) no-repeat center; background-size: 30px auto; }
.wrd_group .box_color3 .bullet_or { padding: 20px; border: 1px solid #ddd; margin: 20px 10px 0; background: #fff; position: relative; }
.wrd_group .bullet_or:after { display: block; content: ""; position: absolute; top: -25px; left: 50%; width: 1px; height: 25px; background: #ddd; }
.wrd_group .box_color3 > li { padding: 20px 0 10px; }
.wrd_group h2 > strong { display: inline-block; color: #000; }
.wrd_group2 { max-width: 700px; }
.wrd_group2 dt { position: relative; max-width: 400px; margin: 0 auto; }
.wrd_group2 dt:after { content: ""; display: block; width: 1px; height: 64px; background: #ddd; position: absolute; top: 203px; left: 50%; }
.wrd_group2 dt span { display: block; background: #eef5ff; padding: 5px; margin: 0 auto; margin-bottom: 40px; }
.wrd_group2 dt span b { display: block; background: #309cda; padding: 10px; margin: auto; text-align: center; color: #fff; font-weight: 500; }
.wrd_group2 dt > b { float: left; display: block; width: 60%; height: 64px; background: #309cda; padding: 10px 20px; margin: 0 10px 20px 0; text-align: center; color: #fff; font-weight: 500; }
.wrd_group2 dt > b > em { color: #fff; display: block; font-weight: 500; position: relative; }
.wrd_group2 dt > b > em:after { content: ""; display: block; width: 1px; height: 20px; background: #ddd; position: absolute; top: 32px; left: 50%; }
.wrd_group2 dt strong { float: left; display: block; margin-top: 10px; background: #fff; border: 2px solid #ddd; color: #000; padding: 10px; text-align: center; width: 35%; position: relative; }
.wrd_group2 dt strong:after { content: ""; display: block; width: 12px; height: 1px; background: #ddd; position: absolute; top: 20px; left: -12px; }
.wrd_group2 dd { clear: both; }
.wrd_group2 .box_color3 { position: relative; width: 100%; padding-top: 25px; }
.wrd_group2 .box_color3:after { content: ""; display: block; clear: both; }
.wrd_group2 .box_color3:before { content: ""; display: block; width: 66%; height: 1px; background: #ddd; position: absolute; top: 0; left: 16%; }
.wrd_group2 .box_color3 > li { float: left; width: 32%; }
.wrd_group2 .box_color3 > li:first-child { margin-right: 2%; }
.wrd_group2 .box_color3 li:after { top: -8px; }
.wrd_group2 .box_color3 li strong { font: 400 1em "Noto Sans KR"; }
.wrd_group2 .box_color3 li strong:after { content: ""; display: block; width: 1px; height: 40px; background: #ddd; position: absolute; top: -44px; left: 50%; }
/* .wrd_group2 .box_color3 li:nth-child(3) strong:after { content: ""; display: block; width: 1px; height: 62px; background: #ddd; position: absolute; top: -45px; left: 50%; } */
.wrd_group2 .box_color3 li ul li strong { border: 2px solid #2bbeae; background: #fff; color: #000; font: 1em "Noto Sans KR"; }
.wrd_group2 .box_color3 li ul li strong:after { top: -12px; height: 10px; }
.wm_setA .layer_box h2 { font: 500 20px "Noto Sans KR"; margin: 0; border-bottom: 0; }
/* a占쎄묶域뱄옙 筌�굛而앾옙逾� */
.a_bm { display: block; font-size: 0; }
/* �용쵐肉�옙源됵옙�わ옙肉э옙苑� */
.wrd_wwbn { padding-bottom: 20px; font-size: 18px; font-weight: 500; color: #666; }
.wrd_wwbn p { margin-top: 10px; font-size: 18px; font-weight: 500; color: #666; }
.txt_bgr { color: #008c7e; font: 700 28px "Jeju Myeongjo"; }
.txt_byg { color: #4fa000; font: 700 28px "Jeju Myeongjo"; }
.ww_newjob > img { display: none; }
#wrapper .wrd_tit1 { margin-top: 10px; font-size: 22px; font-weight: 300; }
.wrd_tit1 strong { display: inline-block; color: inherit; font-size: inherit; font-weight: 500; }
.ww_newjob p { margin-bottom: 30px; font-size: 18px; line-height: 1.6em; }
.wrd_center_img { text-align: center; margin: 20px 0; }
.wrd_center_img img { max-width: 100%; }
.ww_hp { width: 180px; height: 40px; margin: 0 auto; line-height: 40px; text-align: center; background: #008c7e; color: #fff; }
#wrapper .td_bottom tr { border-bottom-color: #aaa; }
#wrapper .td_line { border-top: 1px solid #ececec; padding: 20px 0 0; margin-top: 20px; }
.wrd_tit2 { font-size: 16px; margin-bottom: 20px; }
.wrd_tit2 strong { display: inline-block; font-size: 20px; font-weight: 500; color: #008c7e; }
.wrd_ww_box > li { margin-bottom: 30px; }
.wrd_ww_box .bullet_dot > li { margin-bottom: 5px; font-size: 15px; color: #444; }
.wm_setA .wm_box .cal_fair ol > li { margin: 0; }
.wm_setA .wm_box .list_board ol li:last-child { padding: 8px 12px; }
.wm_setA .tab_typeA .list_board b { font-size: 17px; font-weight: 600; color: #004e86; }
.list_board ol > li h5 { margin: 10px 0; }
.list_board .day { position: static; margin-bottom: 20px; padding-left: 20px; font-size: 14px; background-size: 15px; }
.list_board .open { position: static; width: 100%; margin-top: 20px; text-align: center; }
.list_board ol > li .poster { padding: 40px; }
.wm_setA .wm_box .fair_list .list_board ol > li:last-child { padding: 25px 30px; }
.fair_list .list_board .day { margin: 15px 0 0px; }
.m_none { display: none !important; }
#fair_cal { display: none !important; }
.fair_list { display: block !important; padding: 0; }
.wm_setA table.typeD_color { border-top: 1px solid #008c7e; }
.edu_pro .tab_typeA.icon_list > div > div.list_board { display: block; }
/* 2019-10-23 占쎌젫嚥≪뮉�뱄옙�� 占쎈솚占쎈씜 */
.layer_box.zeropay_pop { display: none; background: rgba(0, 0, 0, 0.8); }
/* 2019-11-07 占쎌삢占쎈막 占쎌럲 占쎌젔域뱀눘苑�*/
.form_join input[type="password"],
.form_join input[type="text"] { width: 100%; }
input[type="password"],
input[type="text"],
select { height: 40px; }
.form_join table:nth-of-type(3) input[type="text"] { width: 187px; }
#sel_file_box0 { width: 100px; }
.form_join #career_table input,
.form_join #license_table input,
.form_join #lang_table input { width: auto; }
.form_join .btn { text-align: center; }
.form_join .btn button { float: none; }
.form_join .idbox input { padding-right: 100px; }
.form_join input[type="text"].w186 { width: 186px; }
.form_join select#capa_college_term_code { width: auto; }
.idbox label,
.idbox.input_area { padding-right: 100px; }
.form_join .idbox.input_area #id { padding-right: 8px; }
.idbox button { position: absolute; right: 0; top: 0; width: 100px; }
.table_typeC td .idbox em { display: block; }
#selectEmail { width: 100%; }
.login .input_info input { width: 60%; }
.login .input_info tr:last-child input { width: 42%; margin-bottom: 5px; }
.login .input_info tr:last-child select { width: 42%; }
#prefer_fore_lang_txt,
#prefer_lang_leve_code,
#staff_num { width: 150px; }
#collect_num_min,
#collect_num_max { width: 100px; }
.table_typeC th.W55 { width: 55%; }
.form_join .peoplebox input,
.form_join .moneybox input { width: 100px; }
.form_join #regNoScret { width: 98%; margin-left: 10px; }
/* 2019-11-27 占쎌젫嚥≪뮉�뱄옙�� */
.img_none721 { display: block; width: 100%; }
.zp_img { height: auto; background: none; }
.zp_info { height: auto; padding: 30px 20px 0; background: none; }
.zp_text { background-color: #ececec; }
.zp_text h2 { position: relative; margin-bottom: 45px; font-size: 20px; font-weight: 500; color: #2e2e2e; text-align: center; }
.zp_info > ul > li { padding-left: 0; text-align: center; }
.zp_info > ul > li p { width: 100%; margin-right: 0; margin-bottom: 20px; padding: 10px 30px; border-radius: 15px; font-size: 18px; }
.zp_info > ul > li span { font-size: 16px; font-weight: 500; color: #343434; }
.zp_notice { width: 100%; height: 100%; background: #fff; }
.zp_notice b { position: relative; margin-left: 30px; font-size: 18px; font-weight: 300; color: #222a76; }
.zp_link { word-break: keep-all; }
.zp_app { padding: 30px 40px; }
.zp_app ul { text-align: center; }
.zp_app li { float: none; display: inline-block; margin: 0 12px; margin-bottom: 23px; margin-right: 0; }
/* 占쎌뵬占쎌쁽�귐됵옙�쒕�已� 200615 */
.btn.wrd_link { text-align: center; }
.wrd_link a { display: inline-block; height: auto; margin: 0 10px; padding: 10px; background-color: #343a5a; border-radius: 30px; font: 17px "Noto Sans KR"; color: #fff; }
.wrd_link a:nth-child(2) { background-color: #ffe900; font-weight: 500; color: #3c1818; }
.btn.wrd_link { margin-bottom: 20px; }
.wrd_link a { display: inline-block; width: calc(50% - 30px); margin: 0 15px; }
.wrd_tab > ul li.active { background: #5f1699; border: 1px solid #5f1699; }
.wrd_tab > ul li.active a { background: #5f1699; }
.wrd_tab .wm_setA h2 { color: #5f1699; }
.wrd_tab .bullet_or > li::after { background-color: #ba63ff; }
.wrd_js { text-align: center; }
.wm_setA .wm_box .wrd_js li { margin-bottom: 30px; }
.wrd_js span { display: block; font: 500 18px "Noto Sans KR"; }
.wrd_js span em { font: inherit; font-weight: 600; }
/* list_calendar 雅뚯눘�귨옙六억옙沅� */
.tab_in_tab > ul,
.tab_in_tab > div > div:nth-of-type(1) { display: none; }
.tab_in_tab .schedule_list h2 b,
.tab_in_tab .schedule_list thead { display: none; }
.tab_in_tab .schedule_list { width: 100%; display: table; }
.tab_in_tab .schedule_list table tbody td { display: list-item; }
.tab_in_tab .schedule_list table tbody tr:nth-child(even) { display: list-item; }
.tab_in_tab .schedule_list table tbody tr:nth-child(odd) { display: none; }
.tab_in_tab .schedule_list tbody ul li { padding-bottom: 8px; }
.tab_in_tab .schedule_list tbody ul li:first-child b { color: #008c7e; font-weight: 500; }
.tab_in_tab .schedule_list tbody li:after { content: ""; display: block; clear: both; }
.tab_in_tab .schedule_list tbody span,
.tab_in_tab .schedule_list tbody b { float: left; display: block; text-align: left; line-height: 20px; }
.tab_in_tab .schedule_list tbody ul li a { display: inline-block; margin-right: 20px; }
/* 200914 占쎄틙筌롫뗀�� 筌뤴뫁堉� 筌띻낱寃� */
.tabStyle_link { margin-bottom: 10px; }
.tabStyle_link a { float: left; width: calc(50% - 3px); }
.tabStyle_link a:first-child { margin-right: 5px; }
/* 200916 �꾩꼹�쀯㎘占� 占쎌뵠沃섎챷占� 2占쎌삢 占쎌젟占쎌졊 */
.gen_img.img2 { font-size: 0; line-height: 0; }
.gen_img.img2 img { margin-bottom: 10px; }
}
@media (max-width: 500px){
.login .input_info input { width: 100%; }
.input_info .table_typeB td ul li { width: 20%; }
.input_info .radio li { margin-right: 30px; }
.input_info .radio label { min-width: 50px; }
.login .input_info tr:last-child input { width: 82%; }
.login .input_info tr:last-child select { width: 100%; }
}
@media only print and (orientation: portrait) { body { min-width: 1000px; }
}
/* pc 占쎄텢占쎌뵠筌앾옙 3占쎈쾻�븝옙 */
@media (min-width: 801px) { /* list_img_issue 獄쏆뮉六얕눧占� */
.list_img_issue li { float: left; width: 25%; }
.list_img_issue li a { margin: 0 15px 40px; border: 1px solid #d5d5d5; border-top: 3px solid #008c7e; padding: 20px; height: 260px; background: url(../../images/wrd/logo.png) no-repeat center bottom 20px /
95px auto; position: relative; }
.list_img_issue li a img { display: none; }
.list_img_issue li a h4 { font: 500 16px/20px "Noto Sans KR"; text-align: center; }
.list_img_issue li a span { display: block; font-size: 15px; color: #555; position: absolute; left: 0; bottom: 91px; width: 100%; text-align: center; }
.list_img_issue li a b { display: block; font-size: 15px; color: #868686; position: absolute; left: 0; bottom: 70px; width: 100%; text-align: center; }
}
/* 餓λ쵌而� 占쎄텢占쎌뵠筌앾옙 3占쎈쾻�븝옙 */
@media (max-width: 800px) and (min-width: 641px) { /* list_img_issue 獄쏆뮉六얕눧占� */
.list_img_issue { margin: 0 15px; }
.list_img_issue li { float: left; width: 50%; }
.list_img_issue li a { margin: 0 5px 40px; border: 1px solid #d5d5d5; border-top: 3px solid #008c7e; padding: 45px 25px; text-align: center; background: #fff; }
.list_img_issue li a img { width: auto; height: 40px; }
.list_img_issue li a h4 { font: 500 18px "Noto Sans KR"; height: 52px; line-height: 26px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.list_img_issue li a span { display: block; font-size: 15px; color: #555; padding-top: 25px; }
.list_img_issue li a b { display: block; font-size: 15px; color: #868686; padding-bottom: 50px; }
}
/* mobile 占쎄텢占쎌뵠筌앾옙 3占쎈쾻�븝옙 */
@media (max-width: 640px) { /* list_img_issue 獄쏆뮉六얕눧占� */
.list_img_issue li { background: #fff; margin-bottom: 20px; }
.list_img_issue li a { border-bottom: 1px solid #d5d5d5; border-top: 2px solid #008c7e; padding: 20px 15px; }
.list_img_issue li a:after { content: ""; display: block; clear: both; }
.list_img_issue li a h4 { font: 500 18px/26px "Noto Sans KR"; margin-bottom: 25px; }
.list_img_issue li a span { font-size: 15px; color: #555; }
.list_img_issue li a b { float: right; display: inline-block; font-size: 15px; color: #868686; }
.list_img_issue li a img { display: none; }
}
/* 占쎈뼄占쎈쳛占쎌뵠甕곌쑵�� */
#wrapper .btn .dadoong { background: #E78141; }
/* 占쎌럲 */
@media(min-width: 721px) {
.table_typeD .dadoong { background: #df6e91; width: 100px; margin: 0 auto; font: 500 14px/30px "Noto Sans KR"; color: #fff; margin-top:5px;}
}
/* 筌뤴뫀而�옙�� */
@media(max-width: 720px) {
#wrapper .btn .dadoong { font-size: 0.9em;}
.layer_box > div > .dadoong_btn_div{ margin: 0px; margin-bottom:10px; display: flex; justify-content: center; }
.layer_box > div > .dadoong_btn_div > button{ margin: 2px; }
}