@charset "utf-8";

/* @font-face {
    font-family:'Noto Sans KR';
    font-weight:200;
    src:url(../fonts/NotoSansKR-Light.woff) format('woff'),
    url(../fonts/NotoSansKR-Light.otf) format('opentype'),
    url(../fonts/NotoSansKR-Light.eot),
    url(../fonts/NotoSansKR-Light.eot?#iefix) format('embedded-opentype');
} */
@font-face {
    font-family:'Noto Sans KR';
    font-weight:300;
    src:url(../fonts/NotoSans-DemiLight.eot),
    url(../fonts/NotoSans-DemiLight.woff) format('woff'),
    url(../fonts/NotoSans-DemiLight.otf) format('opentype');
}
 @font-face {
    font-family:'Noto Sans KR';
    font-weight:400;
    src:url(../fonts/NotoSansKR-Regular.eot),
		/* url(../fonts/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'), */
    /* url(../fonts/NotoSansKR-Regular.woff2) format('woff2'), */
    url(../fonts/NotoSansKR-Regular.woff) format('woff'),
    url(../fonts/NotoSansKR-Regular.otf) format('opentype');
} 
@font-face {
    font-family:'Noto Sans KR';
    font-weight:500;
    src:url(../fonts/NotoSansKR-Medium.eot),
    /* url(../fonts/NotoSansKR-Medium.woff2) format('woff2'), */
    url(../fonts/NotoSansKR-Medium.woff) format('woff'),
    url(../fonts/NotoSansKR-Medium.otf) format('opentype');
}
/* @font-face {
    font-family:'Noto Sans KR';
    font-weight:700;
    src:url(../fonts/NotoSansKR-Bold.woff2) format('woff2'),
    url(../fonts/NotoSansKR-Bold.woff) format('woff'),
    url(../fonts/NotoSansKR-Bold.otf) format('opentype'),
    url(../fonts/NotoSansKR-Bold.eot);
} */


/*dext5 editor*/
@font-face {
  font-family : 주아체;
  src: url('/common/css/fonts/BMJUA_otf.otf') format('opentype'), 
      url('/common/css/fonts/BMJUA_ttf.ttf')  format('truetype'); 
}

@font-face {
  font-family : 도현체;
  src: url('/common/css/fonts/BMDOHYEON_otf.otf') format('opentype'),
    url('/common/css/fonts/BMDOHYEON_ttf.ttf')  format('truetype'); 
}

@font-face {
  font-family : 한나체;
  src: url('/common/css/fonts/BMHANNA_11yrs_otf.otf') format('opentype'), 
    url('/common/css/fonts/BMHANNA_11yrs_ttf.ttf')  format('truetype'); 
}

@font-face {
  font-family : "G마켓산스Bold";
  src: url('/common/css/fonts/GmarketSansBold.otf') format('opentype'),
     url('/common/css/fonts/GmarketSansTTFBold.ttf')  format('truetype');
}

@font-face {
  font-family : "G마켓산스Medium";
  src: url('/common/css/fonts/GmarketSansMedium.otf') format('opentype'),
     url('../common/css/fonts/GmarketSansTTFMedium.ttf')  format('truetype'); 
}

@font-face {
  font-family : "G마켓산스Light";
  src: url('/common/css/fonts/GmarketSansLight.otf') format('opentype'), 
     url('/common/css/fonts/GmarketSansTTFLight.ttf')  format('truetype');
}

@font-face {
  font-family : 나눔고딕;
  src: url('/common/css/fonts/NanumGothic.otf') format('opentype'),
     url('/common/css/fonts/NanumGothic.ttf')  format('truetype');
}

@font-face {
  font-family : "나눔고딕ExtraBold";
  src: url('/common/css/fonts/NanumGothicExtraBold.otf') format('opentype'),
     url('/common/css/fonts/NanumGothicExtraBold.ttf')  format('truetype'); 
}

@font-face {
  font-family : "나눔고딕Bold";
  src: url('/common/css/fonts/NanumGothicBold.otf') format('opentype'),
     url('/common/css/fonts/NanumGothicBold.ttf')  format('truetype'); 
}

@font-face {
  font-family : "나눔고딕Light";
  src: url('/common/css/fonts/NanumGothicLight.otf') format('opentype'), 
     url('/common/css/fonts/NanumGothicLight.ttf')  format('truetype');
}

@font-face {
  font-family : "나눔명조ExtraBold";
  src: url('/common/css/fonts/NanumMyeongjoExtraBold.otf') format('opentype'),
     url('/common/css/fonts/NanumMyeongjoExtraBold.ttf')  format('truetype');
}

@font-face {
  font-family : "나눔명조Bold";
  src: url('/common/css/fonts/NanumMyeongjoBold.otf') format('opentype'),
     url('/common/css/fonts/NanumMyeongjoBold.ttf')  format('truetype'); 
}

@font-face {
  font-family : 나눔명조;
  src: url('/common/css/fonts/NanumMyeongjo.otf') format('opentype'),
     url('/common/css/fonts/NanumMyeongjo.ttf')  format('truetype'); 
}


html {margin:0;padding:0;}
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,textarea,select,button,table,th,td,a,header,article,section,footer,main,aside,form,strong,b{margin:0;padding:0;border:0;font-size:16px; font-family:'Noto Sans KR',dotum,"돋움",Helvetica,AppleSDGothicNeo,Arial,sans-serif; color:#222; font-weight:400; line-height:1.4em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;letter-spacing:-0.4px; /*word-break:keep-all;*/}
header, footer, section, article, aside {display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a:link , a:visited {text-decoration:none;}
a:hover,a:focus {text-decoration:none;color:#222;}
/* *{-webkit-text-size-adjust:none;} */

img,fieldset {border:0;vertical-align:top;}
form,fieldset,input {margin:0;padding:0;}
em,address,optgroup {font-style:normal;font-weight:normal;}
button {border:none ;margin:0; padding:0; overflow:visible; cursor:pointer; background:none;}
a,header,article,section,footer,main,aside,form{display:block;}
html,body{height:100%;}
.none, #wrapper .none1{display:none;}
ol,ul,li,hr {list-style:none;}
ol:after, ul:after {display:block;clear:both;content:'';}
table {border-spacing:0;border-collapse:collapse;table-layout:fixed;}
legend,h3{position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); margin: -1px;}
caption{height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); margin: -1px;}

.skipNavi {z-index:99;position:absolute;left:0;top:0;z-index:999;width:100%;text-align:center;}
.skipNavi a, .skipNavi button {position:absolute;top:-999px;left:-999px;}
.skipNavi a:focus, .skipNavi a:active, .skipNavi a:hover, .skipNavi button:focus, .skipNavi button:active, .skipNavi button:hover {display:block;top:0;left:0;padding:7px 10px 5px;background:#000;color:#fff; font-weight:bold;font-size:14px;text-decoration:none}

.none{display: none;}
label{display: inline-block;}
.hidden, input[type="checkbox"], .radio label input, .radio input {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);}

textarea{-webkit-appearance: none; outline: none; overflow-y: auto; resize: none; padding: 5px 10px; font: 16px/26px 'Noto Sans KR'; border: 1px solid #ececec; border-radius: 0; min-height: 90px;}
input{-webkit-appearance: none; outline: none; vertical-align: top; background: none;}
input[type="text"],input[type="password"],select{padding:0 8px; font-size:16px; border:1px solid #ececec; border-radius: 0; background: #fff; height:40px;}
input[placeholder] {padding:0 8px; color:#999; font-weight: 300}
input::-webkit-input-placeholder { /* WebKit browsers */ color:#4a4a4a;}
input::-moz-placeholder { /* Mozilla Firefox */ color:#4a4a4a;}
input:-ms-input-placeholder {/* ie10+*/ color:#4a4a4a;}
input[type="text"].active,input[type="password"].active, textarea.active{border:1px solid #1e745d; z-index: 1; position: relative;}
.form_join input[type="text"].active, .form_join input[type="password"].active, .form_join textarea.active {border:1px solid #1e745d; z-index: 0; position: relative;}
/* .table_typeC td label, .form_join td span {margin-right:10px;}
.table_typeC td span {display: inline-block; line-height: 40px; margin-left: 5px;} */
.radio li{padding: 3px 0; min-height:24px; float:left; margin-right:30px;}
.radio li:last-child(){ margin-right:0px}
.radio label{display:inline-block; overflow:hidden; min-height:24px; position: relative; padding-left: 28px; padding-right: 1px; background:url(../../images/womanup/radio_off1.png) no-repeat 0 2px; background-size:20px auto;}
.radio input[type="radio"]:checked + label, .radio input[type="radio"]:checked {background:url(../../images/womanup/radio_on.png) no-repeat 0 center; background-size:20px auto; color:#228167; }
/* .radio label input, .radio input{position: absolute; left:-500px; top:0;}  2019-11-08 주석처리 */
.radio li.clear{clear:both}

.checkbox li{padding: 3px 1px;  float:left; line-height:0; margin-right:30px}
.checkbox li:last-child{margin-right:0px; cursor: pointer;}
.checkbox label, .checkboxll label {display:inline-block; overflow:hidden; min-height:24px; position: relative; padding-left: 28px; padding-right: 1px; background:url(../../images/womanup/checkbox_off.png) no-repeat 0 2px; background-size:20px auto; cursor: pointer;} /* 2019-12-02 */
/*.checkbox li.active label{background:url(../../images/womanup/checkbox_on.png) no-repeat 0 2px; background-size:20px auto; color:#228167; }*/
.checkbox label input, .checkboxll label input {position: absolute; left:-500px; top:0;} /* 2019-12-02 */
.checkbox li.clear{clear:both}
/*
input[type="checkbox"]{display: inline-block; height:20px; width:20px; line-height: 30px; background:url(../../images/womanup/checkbox_off.png) no-repeat 0 center; background-size:20px auto;}
input[type="checkbox"]:checked + label {background: url(../../images/womanup/checkbox_on.png) no-repeat center; background-size:20px auto;}
*/

/* 2019-10-21 */
.check_area {float:none; border-top: 1px solid #ddd;}
.check_area .checkbox {display: block; border: none; padding: 30px;}
.check_area .checkbox label{color: #333; font-size: 18px; cursor: pointer;}
.check_area .checkbox label span{color: #dc5959;}
.check_area .all_agree {text-align: left;}
.checkbox input[type="checkbox"]:checked + label, .checkboxll input[type="checkbox"]:checked + label {background:url(../../images/womanup/checkbox_on.png) no-repeat no-repeat 0 2px; background-size:20px auto;} /* 2019-12-02 */
/* 2019-11-28 인풋 요소 포커스 */
.checkbox input:focus + label, .checkboxll input:focus + label, .radio input:focus + label, .checkbox2 input:focus + label, .radio2 input:focus + label, .radio3 input:focus + label {outline: 1px dashed #555;} /* 2019-12-02 */

select {cursor:pointer; padding:0 8px; font-size:16px; border:1px solid #ececec; border-radius: 0; color:#767676; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; background:#fff url(../../images/womanup/down_5.png) no-repeat right 10px center / 15px auto;}
select::-ms-expand{display:none;}
/*
select{-webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -0-appearance:none; background:#fff url(../../images/womanup/down_5.png) no-repeat right 10px center; background-size:15px auto;}
*/

/* file */
.icon_movie, .icon_ai, .icon_jpg, .icon_png, .icon_gif, .icon_hwp, .icon_html, .icon_pdf, .icon_ppt, .icon_txt, .icon_word, .icon_xls, .icon_zip, .icon_etc{background: url(../../images/womanup/attach_etc.png) no-repeat left 0/ 20px auto; padding-left: 25px; line-height: 25px;}
.icon_movie{background-image: url(../../images/womanup/attach_movie.png);}
.icon_ai{background-image: url(../../images/womanup/attach_ai.png);}
.icon_jpg{background-image: url(../../images/womanup/attach_jpg.png);}
.icon_png{background-image: url(../../images/womanup/attach_png.png);}
.icon_gif{background-image: url(../../images/womanup/attach_gif.png);}
.icon_hwp{background-image: url(../../images/womanup/attach_hwp.png);}
.icon_html{background-image: url(../../images/womanup/attach_html.png);}
.icon_pdf{background-image: url(../../images/womanup/attach_pdf.png);}
.icon_ppt{background-image: url(../../images/womanup/attach_ppt.png);}
.icon_txt{background-image: url(../../images/womanup/attach_txt.png);}
.icon_word{background-image: url(../../images/womanup/attach_word.png);}
.icon_xls{background-image: url(../../images/womanup/attach_xls.png);}
.icon_zip{background-image: url(../../images/womanup/attach_zip.png);}
.icon_etc{background-image: url(../../images/womanup/attach_etc.png);}
/* width */
.w20{width: 20px;}
.w30{width: 30px;}
.w40{width: 40px;}
.w50{width: 50px;}
.w60{width: 60px;}
.w70{width: 70px;}
.w80{width: 80px;}
.w90{width: 90px;}
.w100{width: 100px;}
.w110{width: 110px;}
.w120{width: 120px;}
.w130{width: 130px;}
.w140{width: 140px;}
.w150{width: 150px;}
.w160{width: 160px;}
.w170{width: 170px;}
.w180{width: 180px;}
.w190{width: 190px;}
.w200{width: 200px;}
.w210{width: 210px;}
.w220{width: 220px;}
.w230{width: 230px;}
.w240{width: 240px;}
.w250{width: 250px;}
.w260{width: 260px;}
.w270{width: 270px;}
.w280{width: 280px;}
.w290{width: 290px;}
.w300{width: 300px;}
.w350{width: 350px;}
#sub .W5,.W5{width: 5%;}
#sub .W6,.W6{width: 6%;}
#sub .W7,.W7{width: 7%;}
#sub .W8,.W8{width: 8%;}
#sub .W9,.W9{width: 9%;}
#sub .W10,.W10{width: 10%;}
#sub .W15,.W15{width: 15%;}
#sub .W20,.W20{width: 20%;}
#sub .W25,.W25{width: 25%;}
#sub .W30,.W30{width: 30%;}
#sub .W35,.W35{width: 35%;}
#sub .W40,.W40{width: 40%;}
#sub .W45,.W45{width: 45%;}
#sub .W50,.W50{width: 50%;}
#sub .W55,.W55{width: 55%;}
#sub .W60,.W60{width: 60%;}
#sub .W65,.W65{width: 65%;}
#sub .W70,.W70{width: 70%;}
#sub .W75,.W75{width: 75%;}
#sub .W80,.W80{width: 80%;}
#sub .W85,.W85{width: 85%;}
#sub .W90,.W90{width: 90%;}
#sub .W95,.W95{width: 95%;}
#sub .W100,.W100,#join .W100, .W100Per{width: 100%;}
/* padding & margin */
#wrapper .pt5{padding-top: 5px;}
#wrapper .pt10{padding-top: 10px;}
#wrapper .pt15{padding-top: 15px;}
#wrapper .pt20{padding-top: 20px;}
#wrapper .pt25{padding-top: 25px;}
#wrapper .pt30{padding-top: 30px;}
#wrapper .pt35{padding-top: 35px;}
#wrapper .pt40{padding-top: 40px;}
#wrapper .pt45{padding-top: 45px;}
#wrapper .pt50{padding-top: 50px;}
#wrapper .pl5{padding-left: 5px;}
#wrapper .pl10{padding-left: 10px;}
#wrapper .pl15{padding-left: 15px;}
#wrapper .pl20{padding-left: 20px;}
#wrapper .pl25{padding-left: 25px;}
#wrapper .pl30{padding-left: 30px;}
#wrapper .pl35{padding-left: 35px;}
#wrapper .pl40{padding-left: 40px;}
#wrapper .pl45{padding-left: 45px;}
#wrapper .pl50{padding-left: 50px;}
#wrapper .pb5{padding-bottom: 5px;}
#wrapper .pb10{padding-bottom: 10px;}
#wrapper .pb15{padding-bottom: 15px;}
#wrapper .pb20{padding-bottom: 20px;}
#wrapper .pb25{padding-bottom: 25px;}
#wrapper .pb30{padding-bottom: 30px;}
#wrapper .pb35{padding-bottom: 35px;}
#wrapper .pb40{padding-bottom: 40px;}
#wrapper .pb45{padding-bottom: 45px;}
#wrapper .pb50{padding-bottom: 50px;}
#wrapper .pr5{padding-right: 5px;}
#wrapper .pr10{padding-right: 10px;}
#wrapper .pr15{padding-right: 15px;}
#wrapper .pr20{padding-right: 20px;}
#wrapper .pr25{padding-right: 25px;}
#wrapper .pr30{padding-right: 30px;}
#wrapper .pr35{padding-right: 35px;}
#wrapper .pr40{padding-right: 40px;}
#wrapper .pr45{padding-right: 45px;}
#wrapper .pr50{padding-right: 50px;}
#wrapper .mt5{margin-top: 5px;}
#wrapper .mt10{margin-top: 10px;}
#wrapper .mt15{margin-top: 15px;}
#wrapper .mt20{margin-top: 20px;}
#wrapper .mt25{margin-top: 25px;}
#wrapper .mt30{margin-top: 30px;}
#wrapper .mt35{margin-top: 35px;}
#wrapper .mt40{margin-top: 40px;}
#wrapper .mt45{margin-top: 45px;}
#wrapper .mt50{margin-top: 50px;}
#wrapper .ml5{margin-left: 5px;}
#wrapper .ml10{margin-left: 10px;}
#wrapper .ml15{margin-left: 15px;}
#wrapper .ml20{margin-left: 20px;}
#wrapper .ml25{margin-left: 25px;}
#wrapper .ml30{margin-left: 30px;}
#wrapper .ml35{margin-left: 35px;}
#wrapper .ml40{margin-left: 40px;}
#wrapper .ml45{margin-left: 45px;}
#wrapper .ml50{margin-left: 50px;}
#wrapper .mb5{margin-bottom: 5px;}
#wrapper .mb10{margin-bottom: 10px;}
#wrapper .mb15{margin-bottom: 15px;}
#wrapper .mb20{margin-bottom: 20px;}
#wrapper .mb25{margin-bottom: 25px;}
#wrapper .mb30{margin-bottom: 30px;}
#wrapper .mb35{margin-bottom: 35px;}
#wrapper .mb40{margin-bottom: 40px;}
#wrapper .mb45{margin-bottom: 45px;}
#wrapper .mb50{margin-bottom: 50px;}
#wrapper .mr5{margin-right: 5px;}
#wrapper .mr10{margin-right: 10px;}
#wrapper .mr15{margin-right: 15px;}
#wrapper .mr20{margin-right: 20px;}
#wrapper .mr25{margin-right: 25px;}
#wrapper .mr30{margin-right: 30px;}
#wrapper .mr35{margin-right: 35px;}
#wrapper .mr40{margin-right: 40px;}
#wrapper .mr45{margin-right: 45px;}
#wrapper .mr50{margin-right: 50px;}

/* 2019-11-08 장애 웹 접근성 */
.checkbox li.lh_initial {line-height: initial;}

@media (min-width:721px){
	h1 a{text-indent:-9999px; overflow:hidden; height:105px; background: url(../../images/womanup/logo_womanup/png) no-repeat 0 8px / auto 80px;}
	.logo_womanup a{background-image:url(../../images/womanup/logo_womanup.png);}
	.logo_wrd a{background:url(../../images/wrd/logo.png) no-repeat 0 -2px; background-position: center -5px;}
	.logo_dongbu a{background-image:url(../../images/gen/main/logo_dongbu.png);}
	.logo_nambu a{background-image:url(../../images/gen/main/logo_nambu.png);}
	.logo_bukbu a{background-image:url(../../images/gen/main/logo_bukbu.png);}
	.logo_seobu a{background-image:url(../../images/gen/main/logo_seobu.png);}
	.logo_jungbu a{background-image:url(../../images/gen/main/logo_jungbu.png);}
	.logo_dongjak a{background-image:url(../../images/gen/main/logo_dongjak.png);}
	.logo_seocho a{background-image:url(../../images/gen/main/logo_seocho.png);}
	.logo_songpa a{background-image:url(../../images/gen/main/logo_songpa.png);}
	.logo_yongsan a{background-image:url(../../images/gen/main/logo_yongsan.png);}
	.logo_jungnang a{background-image:url(../../images/gen/main/logo_jungnang.png); background-position: bottom;} /* 중랑 로고크기변환 */
	.logo_sd a{background-image:url(../../images/gen/main/logo_sd.png);}
	.logo_wsbt a{background-image:url(../../images/gen/main/logo_kangnam.png);}
	.logo_gd a{background-image:url(../../images/gen/main/logo_gd.png);}
	/*신규 기관 추가*/
	.logo_gangbuk a{background-image:url(../../images/gen/main/logo_gangbuk.png); background-position: center -5px;}
	.logo_jongno a{background-image:url(../../images/gen/main/logo_jongno.png); background-position: center -5px;}
	.logo_ep a{background-image:url(../../images/gen/main/logo_ep.png); background-position: center -5px;}
	.logo_guro a{background-image:url(../../images/gen/main/logo_guro.png); background-position: center -5px;}
	.logo_gangseo a{background-image:url(../../images/gen/main/logo_gangseo.png); background-position: center -5px;}
	.logo_gwanak a{background-image:url(../../images/gen/main/logo_gwanak.png); background-position: center -5px;}
	.logo_nowon a{background-image:url(../../images/gen/main/logo_nowon.png); background-position: 3px -5px;}
	.logo_ddm a{background-image:url(../../images/gen/main/logo_ddm.png); background-position: center -5px;}
	.logo_sdm a{background-image:url(../../images/gen/main/logo_sdm.png); background-position: center -5px;}
	.logo_ydp a{background-image:url(../../images/gen/main/logo_ydp.png); background-position: center -5px;}
	#wrapper .ww250{width: 250px;}
	/* YWCA 로고 추가 - 영등포, 노원 2019-10-10 */
/* 	.logo_ydp {position: relative; width: 238px;} */
	.logo_nowon {position: relative; width: 223px;}
	/* .logo_ydp:before {content: ""; display: block; position: absolute; bottom: 21px; left: 0; width: 25px; height: 25px; background: url(../../images/gen/main/ywca_favicon.png) no-repeat; background-size: 100%;} 2019-12-16 */
	.logo_nowon:before {content: ""; display: block; position: absolute; bottom: 21px; left: 0; width: 25px; height: 25px; background: url(../../images/gen/main/ywca_favicon.png) no-repeat; background-size: 100%;}
	
	/* 팝업창 */
	#popup{background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999;}
	#popup img{max-width: 500px;}
	#popup>div{position: relative; background: #fff; margin: 0 auto; max-width: 700px; max-height: 1000px; padding: 20px; overflow-y: auto;}
	#popup>div:focus{outline: 1px dashed #222;}
	#popup>div>div{text-align: center;}
	#popup h2{font-size: 30px; text-align: center; word-break: keep-all; padding: 30px 20px 20px;}
	#popup>div>div>div{margin-top: 30px; border: 1px solid #ececec; border-right: 0; border-left: 0; padding: 20px 0;}
	#popup p{text-align: left; color: #222; padding-bottom: 20px;}
	#popup p:last-of-type{padding-bottom: 0;}
	#popup .popup_a{width: 200px; height: 40px; background: #777; color: #fff; margin: 10px auto 0; line-height: 40px;}
	#popup .popup_close{background: url(../../images/gen/close_w.png) no-repeat; width: 28px; height: 28px; text-indent:-9999px; overflow:hidden; position: absolute; top: 10px; right: 10px;}
	#popup .checkbox{padding-top: 10px;}
	
	#popupB{background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999;}
	#popupB>div{position: relative; margin: 0 auto; max-width: 700px; max-height: 580px; overflow-y: auto; background: #10a293 url(../../images/womanup/popup_bg.jpg) no-repeat right top;}
	#popupB>div:focus{outline: 1px dashed #222;}
	#popupB h2{margin: 30px; font-size: 32px; color: #fff; text-align: center;}
	#popupB>div>div>div{background: #fff; border-radius: 20px; padding: 50px; margin-bottom: 25px;}
	#popupB h4{font: 700 28px 'Noto Sans KR'; text-align: center; margin-bottom: 30px;}
	#popupB span{font-size: inherit; font-weight: inherit;}
	.txt_red{color: #d50000;}
	.txt_b{font-weight: 500;}
	#popupB p{margin-bottom: 40px; line-height: 1.6em;}
	#popupB .bd_top{border-top: 1px solid #10a293; padding-top: 15px; margin-bottom: 30px;}
	.popup_a{width: 250px; height: 50px; color: #fff; background: #4d4d4d; text-align: center; line-height: 50px; margin: 0 auto;}
	#popupB form div{background: #000; overflow: hidden; text-align: right; padding: 5px;}
	#popupB form div .checkbox{float: left;}
	#popupB form div label{color: #fff;}
	.popup_close{background: url(../../images/womanup/close_w.png) no-repeat left center / 30px auto; color: #fff; padding: 0 10px 0 30px; line-height: 31px;}
	
	
	.popupbk{display:block;	z-index:999900;	background: rgba(0,0,0,0.4);	position: fixed;	width:100%;	height:100%;	top:0;	left:0; }	
	/* .popup{background: rgba(0,0,0,0.2); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999;} */
	.popup{position: fixed; top: 0; width: 0%; height: 0%; left: 0;z-index: 999999;}
	.popup img{max-width: 100%;}
	.popup>div{position: relative; background: #fff; margin: 0 0 auto 0; max-width: 600px; max-height: 1000px; padding: 20px; overflow-y: auto;}
	.popup>div:focus{outline: 1px dashed #222;}
	.popup>div>div{text-align: center;}
	.popup h2{font-size: 20px; text-align: center; word-break: keep-all; padding: 0 20px 20px;}
	.popup>div>div>div{margin-top: 30px; border: 1px solid #ececec; border-right: 0; border-left: 0; padding: 20px 0;}
	.popup p{text-align: left; color: #222; padding-bottom: 20px;}
	.popup p:last-of-type{padding-bottom: 0;}
	.popup .popup_a{width: 200px; height: 40px; background: #777; color: #fff; margin: 10px auto 0; line-height: 40px;}
	/*.popup .popup_close{background: url(../../images/gen/popup_close.jpg) no-repeat; width: 28px; height: 28px; text-indent:-9999px; overflow:hidden; position: absolute; top: 10px; right: 10px;}*/
	/* 20230215 ajm   close_w.png 10 10*/
	.popup .popup_close{background: url(../../images/gen/btn_close1.jpg) no-repeat; width: 28px; height: 28px; text-indent:-9999px; overflow:hidden; position: absolute; top: 20px; right: 12px;}

	.popup .checkbox{padding-top: 10px;}
	
	/* 2019-08-09 */
	#popup .popup2 img {max-width: 100%;}
	#popup .pop2 {overflow: hidden; position: absolute; top: -60px; right: 0; width: 40px; height: 40px; background: url(../../images/gen/popup_close2.png) no-repeat; text-indent:-9999px;}
	#popup .popup2 > div > div {margin: 40px 0; padding: 0 30px;}
	#popup .popup2 > div > div > div {padding: 39px 38px; background: #fff; border: 1px solid #ececec;}
	/*
	.popup2 ol > li {text-align: left;}
	.popup2 ol > li p {font-size: 18px; font-weight: 500; color: #000;}
	.popup2 ol > li span {position: relative; padding-left: 19px; font-size: 16px; color: #555;}
	.popup2 ol > li span::before {content: ""; display: block; position: absolute; top: 12px; left: 10px; width: 3px; height: 3px; background: #555;}
	*/
	.popup2 fieldset {background: #1bb5e4; padding: 5px 20px; text-align: right;} /* 2019-12-17 */
	#popup .popup2 .checkbox {padding-top: 5px;}
	.popup2 .checkbox li {float: right;}
	.popup2 .checkbox label{display:inline-block; overflow:hidden; min-height:24px; position: relative; padding-left: 28px; padding-right: 1px; background:url(../../images/womanup/checkbox_off3.png) no-repeat 0 2px; background-size:20px auto; color: #fff;}
	/* 2019-08-12 */
	#popup .popup2, .popup .popup2 {overflow: initial; max-height: none; padding: 0; background: #f6f6f6; /*border: none;*/}
	/* 2019-10-17 */
	.popup .popup2 .checkbox {display: block; float: right; padding-top: 0;}
	/*.popup2 .checkbox label {position: relative; height: auto; background: none; color: #fff; cursor: pointer; line-height: 1.5;}*/
	/*.popup2 .checkbox label span {display: block; position: absolute; top: 50%; left: 0; z-index: 1; width: 20px; height: 20px; margin-top: -10px; background: #fff; background-image: none;}*/
	.popup2 .checkbox input[type="checkbox"]:checked + label {background: url(../../images/womanup/checkbox_on3.png) no-repeat no-repeat 0 2px !important; background-size:20px auto;} /* 2019-12-17 */
	.popup2 .checkbox input:focus + label {outline: 1px dotted #000;}
	
	/* 회원정보 페이지 수정 200522 */
	#organ2 li {width: 25%;} 
	
}

#popupC{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000); background-color: rgba(0,0,0,0.5); text-align: center; font-size: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999;}
	#popupC>div{font-size: 16px; display: inline-block; vertical-align: middle; max-width: 700px; max-height: 580px; overflow-y: auto; background: #10a293 url(../../images/womanup/popup_bg.jpg) no-repeat right top;}
	#popupC>div:focus{outline: 1px dashed #222;}
	.mid_helper{display: inline-block; height: 100%; vertical-align: middle;}
	#popupC h2{margin: 20px; font-size: 32px; color: #fff; text-align: center;}
	#popupC>div>div>div{background: #fff; border-radius: 20px; padding: 30px 40px; margin-bottom: 25px;}
	#popupC h4{font: 700 28px 'Noto Sans KR'; text-align: center; margin-bottom: 30px;}
	#popupC span{font-size: inherit; font-weight: inherit;}
	.txt_red{color: #d50000;}
	.txt_b{font-weight: 500;}
	#popupC p{line-height: 1.6em; text-align: left;}
	#popupC p span{display: block; margin-top: 10px;}
	.btn_later{width: 85px; height: 35px; color: #fff; background: #4d4d4d; text-align: center; line-height: 35px; margin-top: 10px;}
	.tit_bl{display: block; text-align: left; color: #0061ce; margin-top: 30px;}
	#popupC form div{background: #000; overflow: hidden; text-align: right; padding: 5px;}
	#popupC form div .checkbox{float: left;}
	#popupC form div label{color: #fff; background-image: url(../../images/womanup/checkbox_off2.png);}
	#popupC form div .active label{background-image: url(../../images/womanup/checkbox_on2.png);}
	#popupC .popup_close{background: url(../../images/womanup/close_w2.png) no-repeat left center; background-size: 30px auto; color: #fff; padding: 0 10px 0 30px; line-height: 31px;}
	.btn_browser{margin-top: 10px;}
	.btn_browser li{float: left; display: inline-block; padding: 8px 20px 9px; border-radius: 5px; margin-right: 10px;}
	.btn_browser .btn_ie{background: #3177bc;}
	.btn_browser .btn_chr{background: #e45557;}
	.btn_browser .btn_ff{background: #ff9200;}
	.btn_browser a{color: #fff;}


@media (max-width: 720px){
	/* SR번호 2022120026 모바일 로그인 버튼 좀 더 버튼같게 디자인 변경 */
	a.loginBtn_mobile{
   		background: #096a5f;
   		display: inline-block;
   		padding: 0 15px;
   		margin-right: 10px;
	}
	.navi h1 a{height: 60px; background: url(../../images/womanup/loogo_womanup.png) no-repeat left 5px / auto 45px; text-indent:-9999px; overflow:hidden; background-position: 0 3px;}
	.navi .logo_womanup a{background-image:url(../../images/womanup/logo_womanup.png);}
	.navi .logo_wrd {width:135px;}
	.navi .logo_wrd a{background-image:url(../../images/wrd/logo.png); background-size: auto 65px;}
	.navi .logo_dongbu a{background-image:url(../../images/gen/main/logo_dongbu.png);}
	.navi .logo_nambu a{background-image:url(../../images/gen/main/logo_nambu.png);}
	.navi .logo_bukbu a{background-image:url(../../images/gen/main/logo_bukbu.png);}
	.navi .logo_seobu a{background-image:url(../../images/gen/main/logo_seobu.png);}
	.navi .logo_jungbu a{background-image:url(../../images/gen/main/logo_jungbu.png);}
	.navi .logo_dongjak a{background-image:url(../../images/gen/main/logo_dongjak.png);}
	.navi .logo_seocho a{background-image:url(../../images/gen/main/logo_seocho.png);}
	.navi .logo_songpa a{background-image:url(../../images/gen/main/logo_songpa.png);}
	.navi .logo_yongsan a{background-image:url(../../images/gen/main/logo_yongsan.png);}
	.navi .logo_jungnang a{background-image:url(../../images/gen/main/logo_jungnang.png);}
	.navi .logo_sd a{background-image:url(../../images/gen/main/logo_sd.png);}
	.navi .logo_wsbt a{background-image:url(../../images/gen/main/logo_kangnam.png);}
	.navi .logo_gd a{background-image:url(../../images/gen/main/logo_gd.png);}
	/* 신규 기관 추가 2019-10-11 */
	.navi .logo_gangbuk a{background-image:url(../../images/gen/main/logo_gangbuk.png); background-size: auto 65px; background-position: -18px center;}
	.navi .logo_jongno a{background-image:url(../../images/gen/main/logo_jongno.png); background-size: auto 65px; background-position: -18px center;}
	.navi .logo_ep a{background-image:url(../../images/gen/main/logo_ep.png); background-size: auto 65px; background-position: -18px center;}
	.navi .logo_guro a{background-image:url(../../images/gen/main/logo_guro.png); background-size: auto 65px; background-position: -18px center;}
	.navi .logo_gangseo a{background-image:url(../../images/gen/main/logo_gangseo.png); background-size: auto 65px; background-position: -18px center;}
	.navi .logo_gwanak a{background-image:url(../../images/gen/main/logo_gwanak.png); background-size: auto 65px; background-position: -18px center;}
	.navi .logo_nowon a{background-image:url(../../images/gen/main/logo_nowon.png); background-size: auto 65px;}
	.navi .logo_ddm a{background-image:url(../../images/gen/main/logo_ddm.png); background-size: auto 65px; background-position: -8px center;}
	.navi .logo_sdm a{background-image:url(../../images/gen/main/logo_sdm.png); background-size: auto 65px; background-position: -8px center;}
	.navi .logo_ydp a{background-image:url(../../images/gen/main/logo_ydp.png); background-size: auto 65px; background-position: -8px center;}
	.navi .logo_ydp, .navi .logo_nowon {position: relative;}
	.navi .logo_ydp {width: 146px;}
	/* .navi .logo_ydp:before, */ .navi .logo_nowon:before {content: ""; display: block; position: absolute; bottom: 8px; left: 0; width: 16px; height: 16px; background: url(../../images/gen/main/ywca_favicon.png) no-repeat; background-size: 100%;}

	.navi .logo_sub{margin:0; width: 60px;}
	.navi .logo_sub a{width: 60px; background: url(../../images/womanup/logo_sub.png) no-repeat center center / auto 45px;}
	
	/* 팝업창 */
	#popup{background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999;}
	#popup img{max-width: 100%;}
	#popup>div{position: relative; background: #fff; margin: 0 auto; border: 5px solid #dc5a4a; max-width: 450px; max-height: 80%; padding: 20px; overflow-y: auto;}
	#popup>div:focus{outline: 1px dashed #222;}
	#popup>div>div{text-align: center;}
	#popup h2{font-size: 30px; text-align: center; word-break: keep-all; padding: 30px 20px 20px;}
	#popup>div>div>div{margin-top: 30px; border: 1px solid #ececec; border-right: 0; border-left: 0; padding: 20px 0;}
	#popup p{text-align: left; color: #222; padding-bottom: 20px;}
	#popup p:last-of-type{padding-bottom: 0;}
	#popup .popup_a{width: 50%; height: 40px; background: #777; color: #fff; margin: 10px auto 0; line-height: 40px;}
	#popup .popup_close{background: url(../../images/gen/btn_close1.jpg) no-repeat; width: 28px; height: 28px; text-indent:-9999px; overflow:hidden; position: absolute; top: 10px; right: 10px;}
	#popup .checkbox{padding-top: 10px;}
	
	.popup{background: rgba(0,0,0,0.2); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999;}
	.popup img{max-width: 100%;}
	.popup>div{position: relative; background: #fff; margin: 0 auto; max-width: 450px; max-height: 80%; padding: 20px; overflow-y: auto;}
	.popup>div:focus{outline: 1px dashed #222;}
	.popup>div>div{text-align: center;}
	.popup h2{font-size: 20px; text-align: center; word-break: keep-all; padding: 30px 20px 20px;}
	.popup>div>div>div{margin-top: 30px; border: 1px solid #ececec; border-right: 0; border-left: 0; padding: 20px 0;}
	.popup p{text-align: left; color: #222; padding-bottom: 20px;}
	.popup p:last-of-type{padding-bottom: 0;}
	.popup .popup_a{width: 50%; height: 40px; background: #777; color: #fff; margin: 10px auto 0; line-height: 40px;}
	.popup .popup_close{background: url(../../images/gen/btn_close1.jpg) no-repeat; 
		width: 28px; height: 28px; text-indent:-9999px; overflow:hidden; position: absolute; top: 10px; right: 10px;}
	.popup .checkbox{padding-top: 10px;}
	
	
/* 	.popup{background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999;} */
/* 	.popup img{max-width: 100%;} */
/* 	.popup>div{position: relative; background: #fff; margin: 0 0 auto 0; border: 5px solid #dc5a4a; max-width: 450px; max-height: 80%; padding: 20px; overflow-y: auto;} */
/* 	.popup>div>div{text-align: center;} */
/* 	.popup h2{font-size: 30px; text-align: center; word-break: keep-all; padding: 30px 20px 20px;} */
/* 	.popup>div>div>div{margin-top: 30px; border: 1px solid #ececec; border-right: 0; border-left: 0; padding: 20px 0;} */
/* 	.popup p{text-align: left; color: #222; padding-bottom: 20px;} */
/* 	.popup p:last-of-type{padding-bottom: 0;} */
/* 	.popup .popup_a{width: 50%; height: 40px; background: #777; color: #fff; margin: 10px auto 0; line-height: 40px;} */
/* 	.popup .popup_close{background: url(../../images/gen/popup_close.jpg) no-repeat;  */
/* 		width: 28px; height: 28px; text-indent:-9999px; overflow:hidden; position: absolute; top: 10px; right: 10px;} */
/* 	.popup .checkbox{padding-top: 10px;} */
	
	
	
	
	#popupB{background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999;}
	#popupB>div{position: relative; margin: 0 auto; max-width: 700px; max-height: 80%; overflow-y: auto; background: #10a293 url(../../images/womanup/popup_bg.jpg) no-repeat right top / auto 85px;}
	#popupB>div:focus{outline: 1px dashed #222;}
	#popupB h2{margin: 20px; font-size: 26px; color: #fff; text-align: center;}
	#popupB>div>div>div{background: #fff; border-radius: 20px; padding: 30px; margin-bottom: 15px;}
	#popupB h4{font: 700 22px 'Noto Sans KR'; text-align: center; margin-bottom: 30px;}
	#popupB span{font-size: inherit; font-weight: inherit;}
	.txt_red{color: #d50000;}
	.txt_b{font-weight: 500;}
	#popupB p{margin-bottom: 30px; line-height: 1.6em;}
	#popupB .bd_top{border-top: 1px solid #10a293; padding-top: 15px; margin-bottom: 20px;}
	.popup_a{width: 250px; height: 50px; color: #fff; background: #4d4d4d; text-align: center; line-height: 50px; margin: 0 auto;}
	#popupB form div{background: #000; overflow: hidden; text-align: right; padding: 5px;}
	#popupB form div .checkbox{float: left;}
	#popupB form div label{color: #fff;}
	.popup_close{background: url(../../images/womanup/close_w.png) no-repeat left center / 30px auto; color: #fff; padding: 0 10px 0 30px; line-height: 31px;}
	
	/* 2019-08-09 */
	#popup .popup2 {padding: 0; background: #f6f6f6; border: none;}
	#popup .popup2 img {max-width: 100%;}
	#popup .popup2 > div > div {margin: 40px 0; padding: 0 30px;}
	#popup .popup2 > div > div > div {padding: 39px 38px; background: #fff; border: 1px solid #ececec;}
	/*
	.popup2 ol > li {text-align: left;}
	.popup2 ol > li p {font-size: 16px; font-weight: 500; color: #000;}
	.popup2 ol > li span {position: relative; padding-left: 19px; font-size: 14px; color: #555;}
	.popup2 ol > li span::before {content: ""; display: block; position: absolute; top: 12px; left: 10px; width: 3px; height: 3px; background: #555;}
	*/
	.popup2 fieldset {background: #1bb5e4; padding: 5px 20px; text-align: right;}
	#popup .popup2 .checkbox{padding-top: 0;}
	.popup2 .checkbox label{display:inline-block; overflow:hidden; min-height:24px; position: relative; padding-left: 28px; padding-right: 1px; background:url(../../images/womanup/checkbox_off3.png) no-repeat 0 2px; background-size:20px auto; color: #fff;}
	.popup2 .checkbox input[type="checkbox"]:checked + label {background:url(../../images/womanup/checkbox_on3.png) no-repeat no-repeat 0 2px !important; background-size:20px auto;} /* 2019-12-17 */
	/* 2019-08-12 */
	#popup .popup2, .popup .popup2 {overflow: initial; max-height: 600px; padding: 0; background: #f6f6f6; border: none;}
	#popup .pop2 {overflow: hidden; position: absolute; top: -60px; right: 0; width: 40px; height: 40px; background: url(../../images/gen/popup_close2.png) no-repeat; text-indent:-9999px;}	

	/** 여성능력개발원 **/
	/* 2019 교육과정 2019-09-23 */
	.fc_white, .notice .fc_white:hover, .notice .fc_white:focus {color: rgb(255, 255, 255);}
	
	/* 2019-11-08 장애 웹 접근성 */
	.hidden720 {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);}
	
	/* 회원정보 페이지 수정 200527 */
	#organ2 li {width: 43%;} 
}

@media (max-width: 600px){
	/* 회원정보 페이지 수정 200527 */
	#organ2 li {width: 100%;}
}

@media only print and (orientation: portrait) {

			body { min-width:1000px; }

		}
		
		
/* 
	[20231006] 교육기간이 끝난 강좌도 결제 가능한 현상 수정
	수강료 결제 - 수강신청내역
*/
.finished {
    min-width: 25%;
    padding: 5px 20px;
    border-radius: 0;
    font-size: 14px;
    line-height: 21px;
    background: #f56200;
    color: #fff;
}


 /* 2024 웹 접근성 심사 */
.rolling_banner a:focus-within {border: 4px solid red;} 
.rolling_banner a:focus-visible {border: 4px solid red;}