.search form label span{font-size:0; line-height:0;}
/* sub */
@media (min-width:721px){
	#wrapper, .nav_w, .shadow_womanup, .shadow_wrd, .shadow_gen, .shadow_dev{min-width: 1060px;}
	
/* ********* header ********* */
.box_m,.icon_open,.icon_close,.icon_search{display:none;}  
    
#header{height:148px;}
#header.active{box-shadow:0 3px 6px rgba(0,0,0,0.2);}
    #header section:after{display:block; content:""; clear:both;}
    h1{float:left; width:200px;}
	h1 a{text-indent: -9999px; overflow: hidden; height:100px; background:url(../../images/womanup/logo.png) no-repeat center; background-size: 180px 85px;}
    
    /* header seoul-gnb 제거 시 */
    #header.no-gnb{height: 148px;}
    #header.no-gnb .box_w{top: 148px;}
    #header.no-gnb+.shadow_wrd, #header.no-gnb+.shadow_womanup{top: 195px;}
    #header.no-gnb+.shadow_wrd.active, #header.no-gnb+.shadow_womanup.active{top: 45px;}
    
.top{background:#4c75c7; box-shadow:0 2px 5px rgba(0,0,0,0.2);}
    .top>div{width:1000px; margin:auto; height:30px;}
    .top h2{float:left;}seoul-common-gnb
    .top h2 a{height:30px;}
    .top h2 img{height:20px; margin:3px 20px 0 0;}
    .top .seoul_news{display:inline-block; float:left; font-size:10px; line-height:30px; color:#fff;}
    .top ul{float:right; background:url(../../images/womanup/icon-gnbmenu.png) no-repeat; height:30px; width:210px;}
    .top ul li{float:left; width:54px;}
    .top ul li:nth-child(3){width:56px;}
    .top ul li:last-child{width:46px;}
    .top ul li a{text-indent: -9999px; overflow: hidden; height:30px;}

.navi {width: 100%;} /* 2019-12-09 */
		#nav_head {position: absolute; left: 0; top: 0; width: 1px; height: 1px;}
		.navi>div{width:1000px; margin:auto; height:100px;}
    .search{width:280px; z-index:20; height:70px; overflow:hidden; position:relative; left:150px; top:18px;}
    .search button img{height:20px;}
    .search form{border:4px solid #008c7d; background:#fff; position: relative; height: 40px; padding:0 32px 0 0;}
		.search form input{width:100%; border:0; height:32px; line-heigt:32px; font-size:13px; display:inline-block; color:#aaa; text-indent:0;}
    .search form button[type="button"]{width:32px; height:32px; position: absolute; right:0; top:0; font-size: 0;}
    .search div h2{overflow:hidden; padding-left:15px;}
    .search div h2 a{font-size:14px; float:left; margin: 10px 0;}
    .search div h2 a.list_open{float:right; width:40px; background:url(../../images/gen/icon_down1.jpg) no-repeat center /14px auto; text-indent: -9999px; overflow: hidden;}
    .search.active{height:374px;}
    .search>div{border:1px solid #fff; border-top:none;}
    .search div div{display: none;}
    .search.active div div{display: block;}
    .search.active>div{background:#fff; border:1px solid #ddd; border-top:none;}
    .search.active div h2 a.list_open{background:url(../../images/gen/icon_up1.jpg) no-repeat center / 14px auto;}
    .search.active div h4{padding:5px 20px; background:#f6f6f6;}
    .search.active div div{border-top:1px solid #ddd;}
    .search.active div ul{padding:10px 20px 10px;}
    .search.active div ul li a{color:#555; font-size:14px; line-height:24px; background:url(../../images/gen/icon_go.jpg) no-repeat right center;}
    .search.active div ul li a span{color:#999; font-size:14px; line-height:24px; display:inline-block; width:23px;}
    .search.active div ul li:hover a,.search div ul li:hover span{color:#008c7d;}
    .btn_close1{display:none;}

.box_w{position:absolute; left:0; top:152px; width:100%; border-top:1px solid #ececec; border-bottom:1px solid #ececec; box-shadow: 0 2px 2px rgba(0,0,0,0.05); z-index: 10;}
.box_w>div{position:relative; width:1000px; margin:auto;}
.other{position: absolute; right:0; top:-80px; overflow:hidden;}
    .other li{float:left; position:relative;}
    .other li a{font-size:12px; color:#333; padding:0 10px;}
    .other li a:after{display:block; content:""; width:1px; height:10px; background:#ddd; position:absolute; left:0; top:4px;}
    .other li:first-child a:after,.other .mypage{display:none;}
    .other li:last-child a{padding-right:0}
    
.box_w .quick_menu{position:absolute; right:0; top:-48px; z-index:6;}
.box_w .quick_menu.active{top:-60px; z-index:4;}
    .box_w .quick_menu ul>li{float:left; margin-left:5px; position:relative;}
    .box_w .quick_menu ul>li>a{border:1px solid #bbb; padding:0 8px; border-radius:4px; font-size:12px; line-height:26px; text-align:center;}
    .box_w .quick_menu.active ul>li>a{border:1px solid #fff; background:#fff; color:#000}
    /*.box_w .quick_menu ul>li:hover>a, .box_w .quick_menu ul>li>a:focus{border:1px solid #008c7e; background:#008c7e; color:#fff; border-radius:4px 4px 0 0;}*/
    .box_w .quick_menu ul>li:hover>a, .box_w .quick_menu ul>li>a:focus{border:1px solid #e78141; background:#B0632B; color:#fff; border-radius:4px 4px 0 0;}
    /*.box_w .quick_menu ul div{position:absolute; right:0; top:27px; width:166px; border-radius:18px 0 18px 0; background:rgba(1,117,105,0.9); overflow: hidden;}*/ /* 2019-11-18 */
    .box_w .quick_menu ul div{position:absolute; right:0; top:27px; width:166px; border-radius:18px 0 18px 0; background:#B0632B; overflow: hidden;}
    .box_w .quick_menu ul li:nth-child(3) div{width: 170px;}
    .box_w .quick_menu ol{padding:20px;}
    .box_w .quick_menu ol li a{font-size:12px; line-height:24px; color:#fff; background:url(../../images/womanup/point_02.png) no-repeat left center; padding-left:8px; background-size:3px auto;}
    .box_w .quick_menu ol li:hover a, .box_w .quick_menu ol li a:focus{color:#ffea00;}
.box_w .quick_menu .sw_project{ border: 1px solid #B0632B; background: #B0632B; color: white;}
    
    .nav_w{width: 100%; height:45px; background:#fff;}
.nav_w.active{position:fixed; width:100%; height: 47px; background:#fff; top:0; box-shadow:0 2px 7px rgba(0,0,0,0.2);}
    .nav_w ul:after{display:block; content:""; clear:both; position:relative;}
	.nav_w ul{width:1000px; margin:auto; display: flex;}
    .nav_w ul>li{flex:auto; position: relative;}
    .nav_w ul>li>a{height:45px; text-align:center; font:500 17px/45px 'Noto Sans KR'; color:#000;}
    .nav_w ul>li:hover>a, .nav_w ul>li>a:focus{color:#008c7d;}
    .nav_w ul li div{overflow:hidden;position: absolute;left:0;top:45px;width:100%;}
    .nav_w ul li div ol{padding:20px 18px;}
    .nav_w ol{overflow:hidden;}
    .nav_w ol li a{color:#fff; padding:7px 0; text-align:center; font: 13px/17px 'Noto Sans KR'; word-break: keep-all;}
    .nav_w ol li:hover a, .nav_w ol li a:focus{color:yellow;}

.shadow{position:absolute; left:0; top:180px; z-index:9; width:100%; height:0px; background:rgba(0,0,0,0.8);}
.shadow.active{position:fixed; top:45px}
.shadow_womanup{position:absolute; left:0; top:198px; z-index:9; width:100%; height:0px; background: rgba(0,0,0,0.7);}
.shadow_wrd{position:absolute; left:0; top:198px; z-index:9; width:100%; height:0px; background: linear-gradient(45deg, rgba(99,173,80,0.95) 10%, rgba(2,121,109,0.95) 90%);}
.shadow_womanup.active, .shadow_wrd.active{position:fixed; top:45px}

.btn_top.active button{position: fixed; bottom: 30px; right: 30px; z-index: 5; display: block; width: 50px; height: 50px; background: url(../../images/womanup/top_btn.png) no-repeat; text-indent: -9999px; overflow: hidden;}
    .btn_top button{display:none;}
/* ********* sub ********* */
.sub_navi_m{display:none;}  
/* sub_title */
.title_01{background:url(../../images/wrd/wrd_title_01.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_01 ul{width:1000px; margin:auto; padding-top:70px; /*overflow:hidden*/}
    .title_01 ul li{float:left; width:28%;}
    .title_01 ul li.active{width:44%;}
    .title_01 ul li a{color:#fff; font:14px/50px 'Noto Sans KR'; text-align:right; background:url(../../images/womanup/arrow_wR.png) no-repeat right center; background-size:26px auto; padding-right:40px}
    .title_01 ul li.active a{text-align:center; font:600 24px/50px 'Noto Sans KR'; background:none; padding-right:0}
    .title_01 ul li:first-child a{text-align:left; background:url(../../images/womanup/arrow_wL.png) no-repeat left center; padding-right:0; padding-left:40px; background-size:26px auto;}
    
/* sub_title */
    .title_www_common{background:url(../../images/womanup/wm_title_00.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_www_edu{background: url(../../images/womanup/wm_title_01.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_www_empymn{background: url(../../images/womanup/wm_title_02.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_www_noti{background: url(../../images/womanup/wm_title_03.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_www_dataroom{background: url(../../images/womanup/wm_title_04.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_www_magazine{background: url(../../images/womanup/wm_title_05.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_www_intro{background: url(../../images/womanup/wm_title_06.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_www_guide{background:url(../../images/womanup/wm_title_00.jpg) no-repeat center bottom / auto 150px; height:150px;}
    
    .title_wrd_common{background:url(../../images/wrd/wrd_title_00.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_wrd_noti{background:url(../../images/wrd/wrd_title_01.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_wrd_event{background:url(../../images/wrd/wrd_title_01.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_wrd_busi{background:url(../../images/wrd/wrd_title_02.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_wrd_academy{background:url(../../images/wrd/wrd_title_03.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_wrd_dataroom{background:url(../../images/wrd/wrd_title_04.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_wrd_intro{background:url(../../images/wrd/wrd_title_05.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_wrd_innerBbs{background:url(../../images/wrd/wrd_title_00.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_wrd_guide{background:url(../../images/wrd/wrd_title_00.jpg) no-repeat center bottom / auto 150px; height:150px;}

    .title_www_100011001000{background:url(../../images/womanup/wm_title_01.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_www_100011001100{background:url(../../images/womanup/wm_title_02.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_www_100011001200{background:url(../../images/womanup/wm_title_03.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_www_100011001300{background:url(../../images/womanup/wm_title_04.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_www_100011001400{background:url(../../images/womanup/wm_title_05.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_www_100011001500{background:url(../../images/womanup/wm_title_06.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_www_100011001600{background:url(../../images/womanup/wm_title_00.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_www_100011001700{background:url(../../images/womanup/wm_title_00.jpg) no-repeat center bottom / auto 150px; height:150px;}
    
    .title_wrd_100012001000{background:url(../../images/wrd/wrd_title_01.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_wrd_100012001100{background:url(../../images/wrd/wrd_title_02.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_wrd_100012001200{background:url(../../images/wrd/wrd_title_03.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_wrd_100012001300{background:url(../../images/wrd/wrd_title_04.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_wrd_100012001400{background:url(../../images/wrd/wrd_title_05.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_wrd_100012001500{background:url(../../images/wrd/wrd_title_00.jpg) no-repeat center bottom / auto 150px; height:150px;}    
    .title_wrd_100012001600{background:url(../../images/wrd/wrd_title_00.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_wrd_100012001700{background:url(../../images/wrd/wrd_title_00.jpg) no-repeat center bottom / auto 150px; height:150px;}

		.title_100011001000{background:url(../../images/womanup/wm_title_01.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_100011001100{background:url(../../images/womanup/wm_title_02.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_100011001200{background:url(../../images/womanup/wm_title_03.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_100011001300{background:url(../../images/womanup/wm_title_04.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_100011001400{background:url(../../images/womanup/wm_title_05.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_100011001500{background:url(../../images/womanup/wm_title_06.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_100011001600{background:url(../../images/womanup/wm_title_00.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_100011001700{background:url(../../images/womanup/wm_title_00.jpg) no-repeat center bottom / auto 150px; height:150px;}
    
    .title_100012001000{background:url(../../images/wrd/wrd_title_01.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_100012001100{background:url(../../images/wrd/wrd_title_02.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_100012001200{background:url(../../images/wrd/wrd_title_03.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_100012001300{background:url(../../images/wrd/wrd_title_04.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_100012001400{background:url(../../images/wrd/wrd_title_05.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_100012001500{background:url(../../images/wrd/wrd_title_00.jpg) no-repeat center bottom / auto 150px; height:150px;}    
    .title_100012001600{background:url(../../images/wrd/wrd_title_00.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_100012001700{background:url(../../images/wrd/wrd_title_00.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_100012002100{background:url(../../images/wrd/wrd_title_00.jpg) no-repeat center bottom / auto 150px; height:150px;}
    .title_100012002200{background:url(../../images/wrd/wrd_title_00.jpg) no-repeat center bottom / auto 150px; height:150px;}
    
/* sub_navi */
.navi_sub{border-bottom:1px solid #ddd; background:#f9f9f9;}
.navi_sub>div{width:1000px; margin:auto;}
.navi_sub:after{display:block; content:""; clear:both;}
    .navi_sub ul{float:left; border-left:1px solid #e1e1e1}
    .navi_sub ul:after{display:block; content:""; clear:both;}
    .navi_sub ul>li{float:left; min-width:160px; position:relative; border-right:1px solid #e1e1e1}
    #wrapper .navi_sub ul>li:first-child{min-width:110px }
    .navi_sub ul>li>a{font:14px/45px 'Noto Sans KR'; height:45px; padding:0 40px 0 20px; color:#727272; background:url(../../images/womanup/plus_61.png) no-repeat right 10px center; background-size:15px auto}
    .navi_sub ul>li:first-child>a{background:url(../../images/womanup/hoem.png) no-repeat 10px center; background-size:20px auto; width:100px; padding:0 0 0 40px; }
    .navi_sub ul>li.active>a{color:#000; background:url(../../images/womanup/plus_51.png) no-repeat right 10px center; background-size:15px auto}
    .navi_sub ul>li.active>a{color:#000; background:url(../../images/womanup/plus_51.png) no-repeat right 10px center; background-size:15px auto;}
    .navi_sub ul>li:hover>a, .navi_sub ul>li>a:focus{color:#000; background:url(../../images/womanup/plus_52.png) no-repeat right 10px center; background-size:15px auto;}
    #wrapper .navi_sub ul>li:first-child:hover>a, #wrapper .navi_sub ul>li:first-child>a:focus{background:url(../../images/womanup/hoem.png) no-repeat 10px center; background-size:20px auto;}
    
    .navi_sub ul ol{overflow:hidden; position:absolute; z-index: 2; left:-1px; top:45px; width:100%; min-width:161px; display:none; border-top:1px solid #e1e1e1}
    .navi_sub ul ol.active{display: block;}
    /* .navi_sub ul li:hover ol{display:block;} */
    .navi_sub ul ol li a{font:14px/16px 'Noto Sans KR'; background:#fff; border:1px solid #e1e1e1; border-top:none; padding:14px 20px;}
    .navi_sub ul ol li:hover a, .navi_sub ul ol li a:focus{background:#73bd1b; border:1px solid #73bd1b; border-top:none; color:#fff;}
 
    .sns{float:right; overflow:hidden;}
    .sns a{float:left; height:44px;}
    .sns img{height:22px; margin:12px 0 0 5px;}
	/* 2024 웹 접근성 심사 */
	.sns:focus-within{outline: 2px solid black;}
    .navi_sub.active{background:rgba(0,113,104,0.9); position:fixed; top:47px; width:100%; left:0; z-index:3; border-bottom:0;}
    .navi_sub.active ul{border-left:1px solid #005956;}
    .navi_sub.active ul>li{border-right:1px solid #005956;}
    .navi_sub.active ul>li>a{color:#fff; background:url(../../images/womanup/plus_41.png) no-repeat right 15px center; background-size:15px auto; height: 45px; line-height: 45px;}
    #wrapper .navi_sub.active ul>li:hover>a{color:yellow; font-weight: 400;background:url(../../images/womanup/plus_42.png) no-repeat right 15px center; background-size:15px auto;}
    .navi_sub.active ul>li.active>a{color:yellow; font-weight: 400;background:url(../../images/womanup/plus_41.png) no-repeat right 15px center; background-size:15px auto;}
    #wrapper .navi_sub.active ul>li:first-child:hover>a{background: url(../../images/womanup/hoem.png) no-repeat 10px center; background-size:20px auto;}
    #wrapper .navi_sub.active ul>li:first-child>a{background: url(../../images/womanup/hoem.png) no-repeat 10px center; background-size:20px auto;}
    
/* survey */
.survey_box{background:#f6f6f6; border-top: 1px solid #ececec;}
    .survey{padding:20px 0 25px; width: 1000px; margin: 0 auto; background:url(../../images/womanup/survey_bg.png) no-repeat right -70px;overflow: hidden; }
    .survey>div{float:left; width:350px;}
    .survey h2{}
    .survey p{margin-top:10px;}
    .survey h2 b{font:600 26px/30px 'Noto Sans KR'; color:#000;}
    .survey p span{font:16px/16px 'Noto Sans KR';}
    .survey form{float:left; width:650px}
    .survey ul li{float:left; width:180px}
    
    .survey .radio{position: relative;}
    .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;} 2019-12-06 */
    .survey form button{background:#008c7e; color:#fff; text-align:center; width:160px; font:16px/40px 'Noto Sans KR'; margin: 10px 0 0;}
    .btn_ok:after{display: inline-block; content: ""; width:40px; height: 40px; background:url(../../images/womanup/check_w.png) no-repeat right center; background-size: 20px auto; vertical-align: top;}
    
/* ********* footer ********* */
/* 20230310 강유라 푸터 색상 변경
 
#footer{background:#32373d;}
#footer section:after{display:block; content:""; clear: both;}
#footer section>div{width:1000px; margin:auto;}
#footer .personal{background:#434951;}
    .personal_link{overflow:hidden; float:left;}
    .personal_link li{float:left; position:relative;}
    .personal_link li a{font-size:12px; float:left; line-height: 50px; color:#ccc; font-weight: 300; padding:0 20px;}
    .personal_link .txt_bold a{color: #fff;}
    .personal_link li:after{display:block; content:""; width:1px; height:11px; background:#999; position:absolute; left:0; top:21px;}
    .personal_link li:first-child:after{display:none;}
    .personal_link li:first-child a{padding-left:0;}
    
.family{float:right; width:180px; position:relative; height:50px;}
    .family>button{height:50px; line-height: 50px; color:#fff; padding:0 40px 0 20px; background:#008c7e url(../../images/womanup/up_1.png) no-repeat right 15px center; background-size:10px auto;}
    .family>button.active{background:#008c7e url(../../images/womanup/down_1.png) no-repeat right 15px center; background-size:10px auto;}
    .family>div{display: none; position:absolute; right:0; bottom:50px; z-index:11; width:1000px; box-shadow: 0 0 5px rgba(0,0,0,0.2); overflow:hidden; background:#fff;}
    .family>div>div{border:1px solid #008c7e;}
    .family ul{margin:10px 30px;}
    .family ul>li{border-top:1px solid #ddd; position:relative; padding-left:180px; min-height:64px;}
    .family ul>li:first-child{border-top:none;}
    .family ul>li>b {color:#222; position:absolute; left:0; top:0; padding-top:23px; font-weight: 500;}
    .family ul>li:hover>a{color:#18ba03;}
    .family ol{overflow:hidden; padding:20px 0 20px 0;}
    .family ol li{float:left;}
    .family ol a{font:13px/30px 'Noto Sans KR'; color:#333; text-align:center; border:1px solid #ececec; width:145px; text-align:center; margin:3px; }
    .family ol a:hover{color:#008c7d; border:1px solid #008c7d;}
    .family_colse{position:absolute; right:30px; top:15px; text-indent: -9999px; overflow: hidden; width:30px; height:30px; background:url(../../images/womanup/close_g.png) no-repeat center; background-size:20px auto;}
    
.address{padding:30px 0 50px; overflow:hidden;}
    .address ul{overflow:hidden; float:left; width:70%;}
    .address ul li{float:left; padding-right:20px; font-size:12px; padding-bottom:5px; color:#aaa;}
    .address ul li:last-child{color:#ccc; padding-top:10px; clear: both;}
    .address ol{float:right; overflow:hidden;}
    .address ol li{float:left; margin-left:10px; height:55px;}
    .address ul li span{display: inline-block; color: #aaa; font-size: 12px;}
    .address ul li a{display: none;}
    .address ol li img{height:25px; vertical-align:top; margin-top:15px;}
    .address ol li:last-child img{height:55px; margin-top:0px; margin-left: 10px;}
*/

#footer{background:#EEEAE7;}
#footer section:after{display:block; content:""; clear: both;}
#footer section>div{width:1000px; margin:auto;}

#footer .personal{background:#E5E0DD;}
    .personal_link{overflow:hidden; float:left;}
    .personal_link li{float:left; position:relative;}
    .personal_link li a{font-size:12px; float:left; line-height: 50px; color:#222; font-weight: 300; padding:0 20px;}
    .personal_link .txt_bold a{color: #222;}
    .personal_link li:after{display:block; content:""; width:1px; height:11px; background:#999; position:absolute; left:0; top:21px;}
    .personal_link li:first-child:after{display:none;}
    .personal_link li:first-child a{padding-left:0;}
    
.family{float:right; width:180px; position:relative; height:50px;}
    .family>button{height:50px; line-height: 50px; color:#fff; padding:0 40px 0 20px; background:#B0632B url(../../images/womanup/up_1.png) no-repeat right 15px center; background-size:10px auto;}
    .family>button.active{background:#B0632B url(../../common/images/womanup/down_1.png) no-repeat right 15px center; background-size:10px auto;}
    .family>div{display: none; position:absolute; right:0; bottom:50px; z-index:11; width:1000px; box-shadow: 0 0 5px rgba(0,0,0,0.2); overflow:hidden; background:#fff;}
    .family>div>div{border:1px solid #F4AC00;}
    .family ul{margin:10px 30px;}
    .family ul>li{border-top:1px solid #ddd; position:relative; padding-left:180px; min-height:64px;}
    .family ul>li:first-child{border-top:none;}
    .family ul>li>b {color:#222; position:absolute; left:0; top:0; padding-top:23px; font-weight: 500;}
    .family ul>li:hover>a{color:#F4AC00;}
    .family ol{overflow:hidden; padding:20px 0 20px 0;}
    .family ol li{float:left;}
    .family ol a{font:13px/30px 'Noto Sans KR'; color:#333; text-align:center; border:1px solid #ececec; width:145px; text-align:center; margin:3px; }
    .family ol a:hover{color:#e78141; border:1px solid #e78141;}
    .family_colse{position:absolute; right:30px; top:15px; text-indent: -9999px; overflow: hidden; width:30px; height:30px; background:url(../../images/womanup/close_g.png) no-repeat center; background-size:20px auto;}
    
.address{padding:30px 0 50px; overflow:hidden;}
    .address ul{overflow:hidden; float:left; width:80%;}
    .address ul li{float:left; padding-right:20px; font-size:12px; padding-bottom:5px; color:#222;}
    .address ul li:last-child{color:#222; padding-top:10px; clear: both;}
    .address ol{float:right; overflow:hidden;}
    .address ol li{float:left; margin-left:10px; height:55px;}
    .address ul li span{display: inline-block; color: #222; font-size: 12px;}
    .address ul li a{display: none;}
    .address ol li img{height:25px; vertical-align:top; margin-top:15px;}
    .address ol li:last-child img{height:55px; margin-top:0px; margin-left: 10px;}
    
.view_mode_div .button_pc{display:none;}
.view_mode_div .button_mobile{padding-top:15px;padding-left:15px;}

/* 푸터에 서울 로고 추가 */
	.footer_top{
		display: flex;
	    justify-content: space-between;
	    align-items: center;
	}
	.seoul_my_soul{
		display: inline-block;
		height: 30px;
	}
	.seoul_my_soul > img{height: inherit;}
	
}


@media (max-width:720px){
.seoul_common_gnb {visibility: initial !important; display: block !important;}
.box_w{display:none;}     
#sub{background:#f6f6f6;}

.Mobile .search{display:none;}
.search{display: none;}
.Mobile .search.active{display:block;}

/* ********* header ********* */
.top{background:#4c75c7;}
    .top>div{height:30px; padding-left:10px; overflow: hidden;}
    .top h2{float:left;}
    .top h2 a{height:30px;}
    .top h2 img{height:20px; margin:3px 0 0 0;}
    .top .seoul_news{display:inline-block; float:left; text-indent: -9999px; overflow: hidden; background:url(../../images/womanup/m_icon_news.png) no-repeat center; width:30px; height:30px; background-size:15px auto;}
    .top ul{float:right; background:url(../../images/womanup/icon-gnbmenu.png) no-repeat; height:30px; width:210px;}
    .top ul li{float:left; width:54px;}
    .top ul li:nth-child(3){width:56px;}
    .top ul li:last-child{width:46px;}
    .top ul li a{text-indent: -9999px; overflow: hidden; height:30px;}

.navi{background:#fff;}
    .navi>div{position: relative; border-bottom: 1px solid #ececec;}
    .navi>div:after{display:block; content:""; clear:both;}
    .navi h1{width:115px; float:left; margin-left:20px;}
    .navi h1 a{height:60px; background:url(../../images/womanup/logo.png) no-repeat 0 center; background-size:auto 45px; text-indent: -9999px; overflow: hidden;}
    .navi h1.sub{width:60px; float:left;}
    .navi h1.sub a{height:60px; background:url(../../images/womanup/wonmanup.png) no-repeat center; background-size:auto 45px; text-indent: -9999px; overflow: hidden;}

    .box_m>a{position: absolute; top:0; z-index: 2; height:60px; width:50px; text-indent: -9999px; overflow: hidden;}
    .icon_open{right:0; background:url(../../images/womanup/icon_open.png) no-repeat center; background-size:25px auto;}
    .icon_search{right:50px; background:url(../../images/womanup/icon_search.png) no-repeat center; background-size:25px auto;}
    .dep1_title{height:60px; margin:0 100px 0 60px; text-overflow: ellipsis; white-space: nowrap; text-align: center; color:#000; font:600 20px/62px 'Noto Sans KR'; overflow: hidden;}
    
.layer{position:fixed; right:-720px; top:0; z-index:999999; display:block; background:#f6f6f6; width:100%; min-height:100%;}
    
.other{background:#008c7c url(../../images/womanup/icon_login.png) no-repeat 20px center; background-size:40px auto; padding:20px 20px 20px 80px; overflow:hidden;}
    .other li{float:left;}
    .other a{color:#fff; font:24px/40px 'Noto Sans KR'; padding-right:20px;}
	/*.other li:last-child a{color:#fff; background:#68c013; padding:0 15px; line-height: 30px; height:30px; margin-top:6px; font-size:15px}*/
	/* SR번호 2022120026 모바일 로그인 버튼 좀 더 버튼같게 디자인 변경 */
	.other li:last-child a{color:#fff; background:#68c013; padding:0 15px; line-height: 40px; height:40px; font-size:15px}
    .icon_close{position:absolute; right:10px; top:10px; width:30px; height:30px;  background:url(../../images/womanup/close_w.png) no-repeat center; background-size:20px auto; text-indent: -9999px; overflow: hidden;}
  
.quick_menu{overflow:hidden; height: 92px;}/*womanupHeader.jsp파일 모바일  element.style로 height 고정됨 *//*20230608 강유라 해당 현상은 수정했고, !important 때문에 퀵메뉴 하이트가 늘었다 줄었다 하는 함수가 안 먹으므로 important 지웠음*/
    .quick_menu ul{position:relative;}
    .quick_menu ul>li{float:left; width:50%; border:1px solid #00655a; border-width:1px 0 0 0;}
    .quick_menu ul>li:last-child{width:50%;}
    .quick_menu ul>li>a{text-align:center; color:#fff; font: 14px/40px 'Noto Sans KR'; background:#008c7c; border-left:1px solid #00655a;}
    .quick_menu ul>li:first-child>a{border-left:none;}
    .quick_menu ul:after{display:block; content:""; clear:both;}
    .quick_menu li.active>a{background:#fff; font-weight: 500; color:#0d766a; border-bottom:1px solid #ececec;}
    /*20230608 강유라 모바일 퀵메뉴 하단이 잘리는 현상 수정 top:42 -> top:83*/
    .quick_menu ul li div{position:absolute; left:0; top:83px; background:#fff; width:100%; display:none;}
    .quick_menu ul li.active div{display:block;}
    .quick_menu ul ol{overflow:hidden;}
    .quick_menu ul ol:after{display:block; content:""; clear:both; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ececec;}
    .quick_menu ul ol li{float:left; width:50%;}
    .quick_menu ul ol li a{text-align:center; font-size:14px; line-height: 40px; color:#777; border-bottom:1px solid #ececec; border-right:1px solid #ececec;}
    .quick_menu ul ol li:nth-child(even) a{border-right:none;}
    
    
    
.nav_m{margin-top:10px; border:1px solid #ddd; border-width:1px 0; position:relative; left:0; top:0; overflow:hidden; overflow-y: auto; background:#fff;}
    .nav_m>ul{height:1000px; width:150px; background:#fff; border-right:1px solid #ddd; background: #f6f6f6;}
    .nav_m>ul>li>a{color:#999; border-top:1px solid #ddd; padding:10px 0 10px 20px; word-break:keep-all;}
    .nav_m>ul>li.active>a{color:#000; position:relative; background: #fff; width: 151px;}
    .nav_m>ul>li:first-child>a{border-top:none;}
    .nav_m>ul>li:last-child>a{border-bottom:1px solid #ddd;}
    
    .nav_m ol{display:none; position:absolute; left: 170px; top:20px; width: calc(100% - 170px);}
    .nav_m>ul>li.active ol{display:block;}
    .nav_m ol>li{border-bottom:1px solid #eee;}
    .nav_m ol>li>a{color:#777; padding:15px 20px 15px 0;}
    .nav_m ol>li.has>a{background:url(../../images/womanup/plus_61.png) no-repeat right 10px center; background-size:20px auto; padding-right: 40px; line-height: 1.2em;}
    .nav_m ol>li.has.active>a{background:url(../../images/womanup/plus_51.png) no-repeat right 10px center; background-size:20px auto; font-weight:500; color:#000;}
    .nav_m ol ul{padding:0px 0 15px 15px;}
    .nav_m .dep3 li{position:relative;}
    .nav_m .dep3 li a{color:#333; padding:7px 0;}
    .nav_m .dep3 li a:after{display:block; content:""; width:3px; height:3px; border-radius:3px; background:#999; position:absolute; left:-9px; top:16px;}
  
/* 모바일 검색 */
.search{background:rgba(0,0,0,0.6); position:absolute; left:0; top:60px; width:100%; padding:20px; z-index:10;}
.search>div,.search form button img{display:none;}   
.search form{display:block; padding-right:110px;}
.search form label,.search form label input{width:100%; color:#000}
.btn_close1{position:absolute; right:20px; top:20px; width:44px; height:40px; background:#b0b0b0 url(../../images/gen/btn_close1.jpg) no-repeat center / 18px auto; text-indent: -9999px; overflow: hidden;}
.search form button {width:60px; height:40px; position:absolute; right:70px; top:20px; background:#008c7d; color:#fff;}



/* ********* footer ********* */
#footer{background:#32373d; padding-bottom:40px;}
    .personal{position:relative;}
    .personal_link{text-align:center; font-size:0; line-height:0; padding-top: 60px;}
    .personal_link li{display:inline-block;}
    .personal_link li a{color:#ccc; font-size:12px; padding:20px 10px; font-weight: 300;}
    .personal_link .txt_bold a{color: #fff;}
    .personal_link li:nth-child(n+3){display:none;}
    
    .family{position:absolute; left:0; top:0; height:50px; width:100%;}
    .family>button{width: calc(100% - 30px); color:#fff; padding:10px 15px; background:#434951 url(../../images/womanup/plus_61.png) no-repeat right 20px center; background-size:20px auto; margin:15px; font-size: 17px;}
    .family>button.active{background:#434951 url(../../images/womanup/plus_42.png) no-repeat right 20px center; background-size:20px auto; margin:15px}
    .family>div{display: none; height: 300px; position: absolute; left:0; bottom:50px; z-index: 5; width:100%; box-shadow: 0 0 10px rgba(0,0,0,0.3); overflow: hidden; overflow-y: scroll; background: #fff; }
    .family div div{padding:20px 20px 0;}
    .family ul>li{border-top:1px solid #ddd;}
    .family ul>li:first-child{border-top:none;}
    .family ul>li>b {color:#000; font:500 16px/60px 'Noto Sans KR';}
    .family ul>li:hover>a{color:#24c100;}
    .family ol{padding:0 0 20px 0; overflow:hidden; margin-top:-5px;}
    .family ol li{float:left; width:50%; padding-bottom:6px;}
    .family ol a{color:#444; font:14px/34px 'Noto Sans KR'; border:1px solid #eee; margin:0 2px; text-align: center;}
    .family ol a:hover{color:#006d61; border:1px solid #24c100;}
    
    .address{position:relative; padding-top:60px;}
    .address ul li{color:#888; font:12px/15px 'Noto Sans KR'; text-align:center; display:none;}
    .address ul li a{display: inline-block; color: #888; font-size: 12px;}
    .address ul li span {display: none;}
    .address ul .copy{padding-top:10px;}
    .address .add,.address .copy{display:block;}
    .address ol{position:absolute; left:0; top:0; width:100%; text-align:center; font-size:0; line-height:0;}
    .address ol li{display:inline-block;}
    .address ol li img{height:34px; margin:0 5px;}
    .family_colse{position: absolute; right:10px; bottom: 250px; background: #fff; z-index: 5; width:50px; height:50px; background:url(../../images/womanup/close_g.png) no-repeat center; background-size:25px auto; text-indent: -9999px; overflow: hidden;}
    
    .shadow{display:none;}
    .btn_top.active button{position: fixed; bottom: 30px; right: 30px; z-index: 5; display: block; width: 50px; height: 50px; background: url(../../images/womanup/top_btn.png) no-repeat; text-indent: -9999px; overflow: hidden;}
    .btn_top button{display:none;}
    
    .view_mode_div .button_pc{margin-bottom: 15px;}
    .view_mode_div button{display:block; margin:0 auto;}
    .view_mode_div #view_mode_mobile{display:none;}
    
    /* 푸터에 서울 로고 추가 */
	.seoul_my_soul{
		display: flex;
    	justify-content: center;
		height: 30px;
		margin: 10px;
	}
	.seoul_my_soul > img{height: inherit; background: white; padding: 5px;}
}

@media only print and (orientation: portrait) {
	body { min-width:1000px; }
}

/* ********* floating ********* */
	.swfloat{width:200px;  background : #fafafa;}
	.swfloat div{display : flex;}
	.swfloat img{width: 30px;}
	.swfloat .quick_sub{display: flex; position: relative; bottom: -30px; justify-content: center;}
	.swfloat .quick_sub a{margin-left : 3px; margin-right : 3px;}
	.gosite { justify-content: space-around; top: 20px; position: relative;}
	.gosite h2{ font-weight : 600;font-size : 19px;}
	.swlink { position: relative; top: 30px; padding-left: 10px;}
	.swlink div{margin-top : 7px;margin-bottom : 7px;}
	.swlink a {font-size : 14px; margin-top : 5px; padding-left : 10px; color : rgba(0,0,0,0.5);}

/* 장애 - 접근성 2019-10-25 */
.no-gnb .log_area {display: none;} /* 2019-10-25 */