@import url(https://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
/**************  web/mobile 공통  **************/

.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:#999; 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: #78c043;}
		.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;}
    .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: #999;}
    .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;}

    .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){
#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:#f3961d;}
    
/* 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:#ff6600; 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:#ff6600; 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:4.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:#999; 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:#ff9000; 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: #ff9000; 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: #999; 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/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:#999} 

/* 본인인증 */
.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{width:130px; padding-right: 30px; text-align: right;}
    .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:#999; 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;}
	.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: #999; 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: #999; 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: #999; 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: #ff9000; 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;}"src/main/webapp/publish/html/womanup/dormancy_2.html"
    .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 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>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{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 2.0em'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 1.0em 'Noto Sans KR'; display: inline-block;}
    .wm_setA .wm_sl strong{display: inline-block; font: 600 1.0em '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: #f7941d;}
    .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 2.0em '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{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;}
	  .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: #999; 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: #999; 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:#ff6600;}
.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: #BA4C03; 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: #ff9000;}
    
    /* 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;}
}

/*모바일*/
@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}
    .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: #f3961d;}
    .btn .button{background: #f3961d;}
    
    .title_result{padding:10px 0 15px 15px; color:#000; font-size: 18px; margin:0}
    .title_result span{color:#ff6600; font-weight:600}
    /* 2020-01-14 */
    .title_result2 {padding:10px 0 15px 15px; color:#777; font-size: 14px; margin:0}
    .title_result2 span{color:#ff6600; 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:1px solid #ddd;}
    .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:#999; 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:#999; 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:#ff9000; 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:#999; 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: #999; 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: #999; 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: #999; 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: #999; 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: #999; 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: #999; 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: #f7941d;}
    .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;}
    .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{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 1.0em/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 2.0em'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 1.0em 'Noto Sans KR'; display: inline-block;}
    .wm_setA .wm_sl strong{display: inline-block; font: 600 1.0em '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: #999; 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:#ff6600;}
.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: #BA4C03; 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: #ff9000;}
}














/************ 여능원 ***********/


/*******  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;}*/
    
    /* 여능원 서브html페이지 */
    .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:
    		radial-gradient(
      			circle at 90% 15%,
      			rgba(52, 127, 234, 0.06),
      			transparent 35%
    		),
    		radial-gradient(
      			circle at 70% 110%,
      			rgba(0, 140, 126, 0.045),
      			transparent 42%
    		),
    		linear-gradient(
      			135deg,
      			#fafafa 35%,
      			#f3f6f7 100%
    		);
    	background-size:100% auto; 
    	height:300px;
    	position: relative;
    	border: 2px solid #eeeeee;
    }
	.wrd_greeting h2::before,
	.wrd_greeting h2::after {
		content: "";
		position: absolute;
		inset: 0 auto 0 0;
		width: 380px;
		clip-path: polygon(
			0 0,
			64% 0,
			100% 50%,
			64% 100%,
			0 100%
		);
	}
	.wrd_greeting h2::before {
  		z-index: 1;
  		background:
    		#fff
    		url("../../../common/images/womanup/seoul_careerup_logo_only.png")
    		40px center / 220px auto
    		no-repeat;
	}
	.wrd_greeting h2::after {
  		content: "";
  		position: absolute;
  		z-index: 0;
		inset: auto;
  		clip-path: none;
  		filter: none;
  		width: 212.2px;
  		height: 212.2px;
  		left: 137.1px;
  		top: 43.9px;
  		background: #fff;
  		transform: scaleX(0.912) rotate(45deg);
  		transform-origin: center;
  		box-shadow: 0 0 18px rgba(0, 0, 0, 0.14);
	}
    .wrd_greeting h2 span{font-size:0;}
    .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; padding:50px 0;}
    .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 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 b{right:15px;}

    .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 b{left:15px;}

    /* 사업방향 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_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;}
		.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;}
		.vm_sg ol li:last-child{margin-right: 0;}
		.vm_sg ol li b{margin: 0;}
		.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: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: 40px; 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: 178px; left: 50%; z-index: -1;}
    .wrd_group2 dt>b>em{color: #fff; font-weight: 500; font-size: 1.0em;}
    .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: 132px; right:-10px; z-index: 1;}
    .wrd_group2 dt strong:after{content:""; width: 40px; height: 1px; background: #ddd; position: absolute; top: 20px; left: -42px;}
    .wrd_group2 dd{margin: 0 auto;}
    .wrd_group2 .box_color3{position:relative; width: 60%; margin: 46px 20%;}
    .wrd_group2 .box_color3:before{content: ""; display: block; width: 252px; 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: 47.5%;}
    .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 1.0em '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 ul li strong{border: 2px solid #2bbeae; background: #fff; color: #000; font: 1.0em '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 직원게시판 등록 */
    .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: #f3961d;}
    .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: #f3961d;}
    .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;}
    
    /* 여능원 서브html페이지 */
    /* 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:10pxdisplay: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:#999}
    .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 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; text-align: center; font-size: 1.2em; font-weight: 400;}
		.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_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(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: 40px; background: #ddd; position: absolute; top: 74px; 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: 65%; padding-top: 25px;}
    .wrd_group2 .box_color3:after{content: ""; display: block; clear: both;}
    .wrd_group2 .box_color3:before{content:""; display: block; width: 49%; height: 1px; background: #ddd; position: absolute; top: 0; left:24%;}
    .wrd_group2 .box_color3>li{float: left; width: 47.5%;}
    .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 1.0em 'Noto Sans KR';}
    .wrd_group2 .box_color3 li strong:after{content: ""; display: block; width: 1px; height: 40px; 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: 1.0em '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/seoul_careerup_logo_en.png) no-repeat center bottom 15px / 80px 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: #999; 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: #999; 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: #999;}
    .list_img_issue li a img{display: none;}
}