/* 공통 */ .contents{padding-bottom:70px;box-sizing:border-box} /* 여백 */ .mgb_none{margin-bottom:0 !important;} /* 섹션 */ .sec_type1{width:1000px;margin:0 auto} .sec_type2{width:1300px;margin:0 auto} /* 텍스트 */ .title_type1{font-size:26px;line-height:34px;padding:40px 0 60px 0;text-align:center;font-weight:300;letter-spacing:-1px;color:#222} .title_type1 span{color:#0068e9} .h3_title{font-size:27px;line-height:38px;padding:60px 0 25px 0;font-weight:300;letter-spacing:-1px} .h3_butt{clear:both;font-size:25px;line-height:32px;font-weight:500;letter-spacing:-2px;padding:50px 0 20px 0;color:#222} .h4_butt{clear:both;font-size:20px;line-height:33px;font-weight:400;letter-spacing:-2px;padding:10px 0 20px 0;color:#222} .h4_check{background:url(/pages/basic/img/sub/ic_check.png) left center no-repeat;padding-left:25px} .wink_text_type1{font-size:14px;color:#666;padding:10px 0;line-height: 20px;} .tip_title{font-size:17px;color:#666;padding-left:10px;letter-spacing:0} .text_type1{font-size:16px;color:#666;padding:0 0 40px 0} .h5_butt{clear:both;font-size:17px;line-height:28px;font-weight:700;color:#00a0c1;letter-spacing:-1px;padding:0 0 15px 0} .h5_butt2{clear:both;font-size:16px;line-height:28px;font-weight:500;color:#222;letter-spacing:-1px;padding:0px 0 7px 0} /* 박스 */ .box_type_cs{width:100%;height:100px} .box_type_cs h3{font-size:14px;line-height:20px} /* 버튼 */ .btn_apply{cursor:pointer;background:#00acc7 url(/pages/basic/img/sub/apply_btn_ico.png) left center no-repeat;display:inline-block;min-width:245px;padding:0 28px;height:60px;font-size:16px;line-height:58px;font-weight:500;color:#fff;padding-left:60px;box-sizing:border-box} .btn_apply:hover{background-color:#03a5bf;text-decoration:none} .btn_apply2{cursor:pointer;background:url(/pages/basic/img/sub/apply_btn_ico2.png) left top no-repeat;display:inline-block;margin:10px; padding:0 34px;height:55px;font-size:15px;line-height:53px;font-weight:500;color:#222;border:2px solid #222;padding-left:50px;box-sizing:border-box} .btn_apply2:hover{background-color:#444;border:2px solid #444;color:#fff;text-decoration:none;background-position:0 -55px} .btn_apply3{cursor:pointer;background:url(/pages/basic/img/sub/apply_btn_ico2.png) left top no-repeat;display:inline-block;margin:10px; padding:10px 34px 5px 34px;height:68px;font-size:15px;line-height:23px;font-weight:500;color:#222;border:2px solid #222;padding-left:42px;box-sizing:border-box} .btn_apply3:hover{background-color:#444;border:2px solid #444;color:#fff;text-decoration:none;background-position:0 -55px;line-height:23px} .site_link2{background:#8396b1 url(/pages/basic/img/sub/site_link2.png) 90% 14px no-repeat;color:#fff !Important;text-align:left;padding-left:20px;display:block;height:45px;line-height:43px;width:150px;margin:0 auto;font-size:14px} .site_link2:hover{background-color:#6e829d} a.btn_link{text-align: center;line-height: 43px;padding: 15px 60px 15px 30px;color: #fff !important;font-size: 14px;background: url(/pages/basic/img/sub/site_link2.png) 90% 18px #8396b1 no-repeat;font-weight: 700; border-bottom: 0 !important;} a:hover.btn_link{background:url(/pages/basic/img/sub/site_link2.png) 90% 18px #6e829d no-repeat} .btn_type{background:#666;color:#fff !important;display:inline-block;float:left;text-align:center;font-size:14px;line-height:38px !important;height:40px;padding:0 20px} /* 이미지 */ .img_type1{padding:50px 0 20px 0;margin:0 auto;text-align:center} .wink_song{width:1300px; border:1px solid #ececec; background:url(/pages/basic/img/sub/wink_line.png) repeat-x} .wink_song h3{padding-left:30px;} .wink_song p{padding:0 30px 50px 30px;} .table_type1 td img.wink_img {width:100%; min-width:80px; max-width:170px;} /* table */ .table_type1 .m_info{display:none} .table_type1 table{width:100%;letter-spacing:-1px;text-align:center;border-top:2px solid #535353;margin:4px 0 30px 0;font-size:13px;background:#fff} .table_type1 th,.table_type1 td{border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;border-right: 1px solid #e5e5e5;font-size:16px} .table_type1 th{color:#000;padding:12px 5px;font-weight:500;background:#f8f8f8} .table_type1 tbody th{background:#f8f8f8;color:#222;font-weight:500} .table_type1 td{color: #666;padding:12px 10px;line-height:160%} .table_type1 td.lf{text-align:left} .table_type1 td a{color:#666} .table_type1 td a:hover{color:#000} .table_type1 .table_img img{width:200px} .table_type1 .txt_point{font-weight:500;color:#0266d7} .table_type1 .txt_point2{font-weight:500;color:#222} .table_type1 .td_title{position:relative;background:#f8f8f8;color:#222;font-weight:500;border-bottom:1px solid #d2d6e7} .table_type1 .site_link{display:inline-block;width:20px;height:20px;background:#fff url(/pages/basic/img/sub/site_link.png) right center no-repeat;position:absolute;top:10px;right:20px;border-radius:4px} .table_type1 .site_link span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} .table_type1 .tr_total{background:#eff4f7} .table_type1 .tr_total td{font-weight:500;color:#222} .table_info_tip{float:right;font-size:14px;font-weight:500} /* 이미지리스트 */ /* 두개일때 */ .image_list2{width:100%;overflow:hidden} .image_list2 ul li{float:left;margin-right:10px} .image_list2 ul li img{width:100%} .image_list3{width:100%;overflow:hidden} .image_list3 ul li{float:left;margin-right:10px;width:33%} .image_list3 ul li img{width:100%} /* ul */ .ul_type1{clear:both;margin:0 0 35px 0} .ul_type1 li{padding-left:14px;position:relative;margin-bottom:5px;line-height:165%;font-size:16px;color:#666} .ul_type1 li strong{padding-right:5px;color:#333} .ul_type1 li a{color:#e6224c;margin-left:3px;font-weight:700} .ul_type1 li:last-child{margin-bottom:0} .ul_type1 li:before{content:'';display:block;position:absolute;left:5px;top:10px;width:3px;height:3px;background-color:#3b486b} .red_tip{width:100%;position:relative;background:url(/pages/basic/img/sub/bullet_info.png) left center no-repeat;height:16px;line-height:14px;padding-left:24px;font-weight:500;color:#0085a1;display:inline-block; float:left;font-size:15px;margin:20px 0 40px 0} .red_tip_mt{margin:-20px 0 40px 0 !important} .alert{position:relative;background:url(/pages/basic/img/sub/bullet_info.png) left center no-repeat;height:16px;line-height:14px;padding-left:24px;font-weight:500;color:#0085a1;display:inline-block; font-size:15px;margin:10px 0 0px 10px} .captcha_img{padding-right:20px} .ul_type2{margin:10px 0 35px 0} .ul_type2 li{padding-left:13px;position:relative;margin-bottom:6px;line-height:155%;color:#666} .ul_type2 li span{color:#000;} .ul_type2 li a{border-bottom:1px dotted #333;color:#333} .ul_type2 li:last-child{margin-bottom:0} .ul_type2 li:before{content:'';display:block;position:absolute;left:3px;top:10px;width:4px;height:1px;background-color:#757575} /* 탭메뉴 */ .tab_wrap{width:100%;height:65px;border-bottom:1px solid #ccc} .tab_type1{width:100%;text-align:center;overflow:hidden} .tab_type1 ul li{display:inline-block;border-top:1px solid #fff;background:#fff} .tab_type1 ul li a{display:block;line-height:63px;font-size:17px;padding:0 25px;font-weight:300;text-align:center;color:#676767;letter-spacing:-1px} .tab_type1 ul li a:hover{color:#222;font-weight:500} .tab_type1 ul li a.on{font-weight:700;color:#000;border-bottom:1px solid #000} .tab_type2 {margin:0px 0 60px 0;background-color:#fff;border-bottom:2px solid #253982} .tab_type2 ul {display:table;width:100%;table-layout:fixed} .tab_type2 ul li {position:relative;display:table-cell;vertical-align:bottom} .tab_type2 ul li a {display:block;width:100%;height:60px;line-height:58px;padding:0 0 2px 0;font-size:18px;letter-spacing:-1px;font-family:'notokr-medium','sans-serif';text-align:center;color:#aaa;border:1px solid #ddd;border-bottom:none;background-color:#fff;box-sizing:border-box} .tab_type2 ul li ~ li a {border-left:none} .tab_type2 ul li a.on{color:#0b318f;background-color:#fff;padding-bottom:0;border:2px solid #253982 !important;border-bottom:none !important;font-weight:500} .tab_type2 ul li a.on:after {content:'';position:absolute;height:5px;left:2px;bottom:-4px;right:2px;background-color:#fff} .tab_wrap_on{width:100%;float:left} .tab_type3{width:1000px;text-align:center;overflow:hidden;position:absolute;bottom:0;left:50%;margin-left:-500px} .tab_type3 ul.tab3 li{width:calc(100% /3);} .tab_type3 ul li{display:inline-block;background:#fff;float:left;position:relative} .tab_type3 ul li a{display:block;width:100%;line-height:60px;font-size:16px;padding:0 25px;font-weight:300;text-align:center;color:#676767;letter-spacing:-1px;box-sizing:border-box;border:1px solid #ddd} .tab_type3 ul li a:hover{color:#fff;background:#3572cb;border:1px solid #3572cb;font-weight:500} .tab_type3 ul li a.on{font-weight:500;color:#fff;background:#3572cb;border:1px solid #3572cb} /* 오른쪽정렬 */ .left_num span{width:28px;height:28px;background:#3572cb;color:#fff;border-radius:50%;display:inline-block;float:left;text-align:center;font-size:15px;font-weight:300;margin-right:12px} .r_box{float:left;padding-top:70px} .r_box h3{width:350px;float:left;font-size:23px;color:#222;font-weight:500;letter-spacing:-1px} .r_box .right{float:left;width:650px} .r_box .right ul{margin:0 0 7px 0} .r_box .right .text_type1{padding-bottom:0} .r_box_wrap{float:left;width:100%;padding:35px 0 70px 0;border-bottom:1px solid #ddd} .left_tit{font-size:18px;color:#444;padding-bottom:12px} /* 과정 */ .step_type1{width:100%;float:left;padding-bottom:20px} .step_type1 ul li{position:relative;float:left;width:30%;margin:0 30px 10px 0;border:1px solid #78c2d1;min-height:160px;box-sizing:border-box;padding:55px 10px 0 10px;font-size:17px} .step_type1 ul li span.step{width:32px;height:32px;background:#00a0c1;color:#fff;position:absolute;top:-6px;left:10px;text-align:center} .step_type1 ul li span.txt{display:block;text-align:center;color:#444;font-weight:400;letter-spacing:-1px} .step_type1 ul li::after{content:'';display:block;position:absolute;right:-23px;top:68px;z-index:99;background:url(/pages/basic/img/sub/step_right.png) right top no-repeat;width:20px;height:20px} .step_type1 ul li.step3,.step_type1 ul li.step6{margin-right:0} .step_type1 ul li.step3::after,.step_type1 ul li.step6::after{background:none} .step_type2{width:100%;float:left;padding-bottom:20px} .step_type2 ul li{position:relative;text-align:center;float:left;width:150px;height:150px;background:#00a0c1;color:#fff;margin:0 30px 10px 0;border-radius:50%;box-sizing:border-box;padding:55px 10px 0 10px;font-size:17px} .step_type2 ul li span.step{width:32px;height:32px;background:#00a0c1;color:#fff;position:absolute;top:-6px;left:10px;text-align:center} .step_type2 ul li span.txt{display:block;text-align:center;color:#444;font-weight:400;letter-spacing:-1px} .step_type2 ul li::after{content:'';display:block;position:absolute;right:-23px;top:68px;z-index:99;background:url(/pages/basic/img/sub/step_right.png) right top no-repeat;width:20px;height:20px} .step_type2 ul li.step4{margin-right:0} .step_type2 ul li.step4::after{background:none} /* 이미지리스트 */ .img_type{float:left;margin-bottom:40px} .img_type ul li{float:left;margin-right:15px} .img_type ul li img{width:100%} .img_type ul{float:left;margin-bottom:15px;width:100%} .img_li3 ul li{width:32%} .img_li2{float:none} .img_li2 ul{float:none;margin:0 auto;width:920px;margin-bottom:15px;overflow:hidden} /* 새일센터 > 센터장인사말 */ #greeting .greeting_img{background:url(/pages/basic/img/sub/center_greeting_img.jpg) no-repeat;width:100%;height:360px;padding:110px 0 0 150px;box-sizing:border-box} .greeting_img .title p{font-size:18px;font-weight:100;color:#00a7b7;padding-bottom:12px;font-weight:400} .greeting_img .title h3{font-size:28px;line-height:37px;font-weight:300;color:#222} .greeting_txt{width:1000px;margin:0 auto;padding:40px 0 70px 0;font-size:17px;line-height:27px;color:#666} .greeting_txt .sign{float:right;background:url(/pages/basic/img/sub/greeting_sign.png) right top no-repeat;height:47px;display:block;padding:10px 100px 0 0;font-weight:500} .greeting_txt .sign span{font-size:0} /* 새일센터 > 새일소개 */ #introduce .introduce_imgbox{position:relative;width:1750px;height:400px;margin:0 auto;background:url(/pages/basic/img/sub/introduce_img.jpg) center center no-repeat} .introduce_imgbox p{position:absolute;top:123px;left:380px;/* background:url(/pages/basic/img/sub/introduce_img_bg.png) repeat;width:570px;height:265px; */box-sizing:border-box;color:#222;font-size:28px; font-weight:300;line-height:40px;letter-spacing:-1px/* ;padding:40px */} .introduce_imgbox span{color:#0068e9} #introduce .onestop_box{position:relative;background:url(/pages/basic/img/sub/onestop_s3.png) top center no-repeat;width:1000px; height:545px;box-sizing:border-box;margin:0px auto} /* #introduce .onestop_box .center{text-align:center;position:relative;top: 250px;} #introduce .onestop_box .center h4{font-size:30px;font-weight:700;padding-bottom:12px} #introduce .onestop_box .center p{font-size:20px;line-height:24px;color:#e8460d} #introduce .onestop_box ul{position:relative;width:1000px;line-height: 22px;} #introduce .onestop_box ul li{width: 200px;height: 200px;color:#fff;text-align:center;border-radius:50%} #introduce .onestop_box ul li.box1{background:#36b3bc;position:absolute;top: 20px;left: 200px;} #introduce .onestop_box ul li.box2{background:#368cdc;position:absolute;top: -135px;left: 40%;} #introduce .onestop_box ul li.box3{background:#ed5925;position:absolute;top: 250px;left: 227px;} #introduce .onestop_box ul li.box4{background:#72c94c;position:absolute;top: 250px;right: 234px;} #introduce .onestop_box ul li.box5{background:#c9bf4c;position:absolute;top: 20px;right: 200px;} #introduce .onestop_box ul li p.title{color:#fff;font-size:24px;font-weight:200;line-height: 120px;} #introduce .onestop_box ul li p.title_2{line-height:30px;padding-top:38px;} #introduce .onestop_box ul li p.text{font-size:17px;color:#222} #introduce .onestop_box ul li.box1 p.text{position:absolute;top: 85px;left: 38px;} #introduce .onestop_box ul li.box2 p.text{position:absolute;top: 93px;right: 30px;} #introduce .onestop_box ul li.box3 p.text{position:absolute;top: 106px;left: 23px;} #introduce .onestop_box ul li.box4 p.text{position:absolute;top: 84px;right: 35px;} #introduce .onestop_box ul li.box5 p.text{position:absolute;top: 85px;right: 38px;} */ /* 새일센터 > 연혁 */ .history_area {position:relative;border-top:1px solid #e3e6e8;width:1300px;margin:0 auto} .history_area:before {content:'';position:absolute;top:100px;left:50%;bottom:70px;width:1px;/*margin-left:-1px;*/background-color:#ddd} .history_area .round_txt {position:relative;width:120px;height:120px;padding-top:27px;margin:70px auto 60px auto;line-height:22px;font-weight:600;font-size:20px;text-align:center;color:#fff;font-family:'tahoma','sans-serif';background-color:#325aa5;border-radius:50%;box-sizing:border-box} .history > li {position:relative} .history > li + li {margin-top:10px} .history > li:before {content:'';position:absolute;top:11px;left:50%;display:block;width:15px;height:15px;margin-left:-7px;background-color:#325aa5;border-radius:50%} .history > li.type1 {padding-right:54%;text-align:right} .history > li.type2 {padding-left:54%;text-align:left} .history .year {color:#244593;font-family:'Tahoma', 'sans-serif';font-size:28px;font-weight:600} .history > li > ul {margin-top:20px} .history > li > ul > li {position:relative;font-size:18px;line-height:35px} .history > li > ul > li span {padding-right:13px;font-family:'notokr-bold','sans-serif'} .history > li.type1 > ul > li {padding-right:130px} .history > li.type1 > ul > li span {position:absolute;right:0;top:0;padding:0} .history > li.type2 > ul > li {padding-left:48px;text-indent:-48px} /* 새일센터 > 조직도 */ #organization .org_chart_box{width:1300px;height:570px;overflow:hidden;margin:30px auto 0;/*background:url(/pages/basic/img/sub/organization_bg.jpg) center top no-repeat*/} #organization .org_chart_box img{width:100%} .org_chart_box h3{width:380px;height:100px;line-height:26px;background:#006dc1;color:#fff;text-align:center;margin:0 auto;padding-top:20px} .org_chart_box .org_list{position:relative;top:58px;width:1300px;margin:0 auto} .org_chart_box .org_list .list_wrap{float:left;margin-right:32px} .org_chart_box .org_list .list_wrap ul{background:#efefef;width:100%} .org_chart_box .org_list .last{margin-right:0} .org_chart_box .org_list h4{width:300px;height:60px;line-height:58px;background:#8a97a1;color:#fff;text-align:center;font-size:18px} .org_chart_box .org_list ul{width:300px;padding:20px 20px 40px 25px;min-height:80px;box-sizing:border-box} .org_chart_box .org_list .list_wrap .list_point{background:#dce9f3 !important;font-weight:500} .org_chart_box .org_list ul > li > ul{background:none !Important} .org_chart_box .org_list ul > li{color:#666;position:relative;padding-left:15px} .org_chart_box .org_list ul > li:before{content:'';display:block;position:absolute;left:5px;top:10px;width:3px;height:3px;background-color:#3b486b} .org_chart_box .org_list ul > li > ul.list_2dept_1{position:absolute;top:100px;left:-120px} .org_chart_box .org_list ul > li > ul.list_2dept_2{position:absolute;top:100px;left:118px} .org_chart_box .org_list ul > li > ul.list_2dept li{background:#2da0fd;color:#fff;display:inline-block;width:200px;height:80px;text-align:center;padding:30px 0 0 0} .org_chart_box .org_list ul > li > ul.list_2dept li:before{background:none} /* 새일센터 > 오시는길 */ .location_box{float:left;padding:20px 0 20px 0} .location_box dl{float:left;line-height:34px} .location_box dl dt{float:left;width:30px;display:inline-block;padding-right:7px;margin-top:4px} .location_box dl dd{float:left;display:inline-block} .location_box dl.locate{width:100%} .location_box dl.call,.location_box dl.fax{margin-right:40px} .location_box dl span{font-weight:500;padding-right:15px} .locate_list{overflow:hidden;padding-bottom:20px} .locate_list ul li{padding:10px 0;padding-right:48px;margin-right:12px;position:relative;float:left} .locate_list ul li:after{content:"";width:33px;height:8px;background:url(/pages/basic/img/sub/locate_arrow.png) no-repeat;position:absolute;top:50%;margin-top:-5px;right:0} .locate_list ul li:last-child{padding-right:0;margin-right:0} .locate_list ul li:last-child:after{display:none} info_box {margin-top:40px} .info_box .tab_wrap{border:0;} .info_box .box01 {position:relative;clear:both;margin-bottom:20px; display:block} .info_box .box01 .text_title {position:absolute; left:0; top:0} .info_box .text_info {margin-left:220px; min-height:60px; font-size:13px; border-left:1px solid #cedbe1;float:left;padding-left:30px} .info_box .text_info .s_box {float:left;margin: 5px 0 10px 0;width:100%} .info_box .text_info .s_box .s_title {float:left;width:200px;font-weight:600; margin-bottom:15px; color:#d4106d;font-size:17px} .info_box .text_info .s_box ul {display:block;float:left; width:100%} .info_box .text_info .s_box ul li {display:block;float:left;line-height:23px;width:100%;} .info_box .text_info .s_box ul li .point01 {font-size:14px;padding:0 10px; background:#ff2045; color:#fff; font-weight:600; width:47px; height:30px; line-height:28px; text-align:center;display:block; float:left;border-radius:16px;margin:0 0 10px 0} .info_box .text_info .s_box ul li .point02 {font-size:14px;padding:0 10px;background:#ffa800;color:#fff;font-weight:600;width:67px;height:30px;line-height:28px;text-align:center;display:block;float:left;border-radius:16px;margin:0 0 10px 0} .info_box .text_info .s_box ul li .point03 {font-size:14px;padding:0 10px; background:#00c3ca; color:#fff; font-weight:600; width:47px; height:30px; line-height:28px; text-align:center;display:block; float:left;border-radius:16px;margin:0 0 10px 0} .info_box .text_info .s_box ul li .cont {margin-left:0px;display:block;float:left;font-size:16px;line-height: 20px;width: 100%;margin-bottom: 8px;} .info_box .text_info .textbox {display:block;float:left; margin-left:24px} .locate_list2 dl{width:100%;height:90px} .locate_list2 dt{width:80px;float:left} .locate_list2 dt .title{display:block;width:70px;height:70px;border-radius:50%;text-align: center;padding:13px 0;box-sizing:border-box} .locate_list2 dt .title .no{font-size:16px; color:#fff;line-height: 1.2em;font-weight:bold;margin-bottom:1px;display:block} .locate_list2 dt .title .text{font-size:12px; color:#fff;line-height:1.2em; opacity:0.8;display:block} .locate_list2 dd ol{margin:-2px 0;overflow:hidden} .locate_list2 dd ol li{padding:15px 0;padding-right:48px;margin-right:12px;position:relative;float:left} .locate_list2 dd ol li:after{content:"";width:33px; height:8px;background:url(/pages/basic/img/sub/locate_arrow.png) no-repeat;position:absolute;top:50%;margin-top:-5px;right:0} .locate_list2 dd ol li.color_blue{font-weight:500;color:#125ccc} .locate_list2 dd ol li:last-child{padding-right:0; margin-right:0} .locate_list2 dd ol li:last-child:after{display:none} .locate_list2.blue dt .title{background:#3e5db2} .locate_list2.green dt .title{background:#52a239} /* 취업지원사업 > 공통 */ /* 상단 */ .program_top{width:1000px;margin:0 auto;padding:60px 0 40px 0;overflow:hidden;text-align:center} .program_top h3{font-size:32px;letter-spacing:-2px;font-weight:200;padding-bottom:30px;color:#222} .program_top h3 span{font-weight:500;color:#00a0c1} .program_top .text{font-size:17px;font-weight:300;color:#222;line-height:28px;padding-bottom:30px} /* 하단 */ .bottom_csbox{overflow:hidden;clear:both;margin-top:40px;background:#f1f3f6;padding:20px 30px;position:relative;padding-right:200px} .bottom_csbox ul{margin:-3px 0} .bottom_csbox ul:after{content:"";display: table; clear: both} .bottom_csbox li{float: left;margin-right: 24px;padding:3px 0} .bottom_csbox li:last-child{margin-right: 0px} .bottom_csbox li dl:after{content: ""; display: table; clear: both} .bottom_csbox li dt{float: left;color:#2e3235; font-weight: bold;margin-right: 10px;position: relative} .bottom_csbox li dd{overflow: hidden} .bottom_csbox li dd a{display: block;color:#575d64} .bottom_csbox li.position dt{background: url(/pages/basic/img/sub/bottom_info_part.jpg) left center no-repeat;padding:0px 0 0 30px} .bottom_csbox li.tel dt{background: url(/pages/basic/img/sub/bottom_info_call.jpg) left center no-repeat;padding:0px 0 0 30px} .bottom_csbox li.fax dt{background: url(/pages/basic/img/sub/bottom_info_fax.png) left center no-repeat;padding:0px 0 0 30px} .bottom_csbox li.email dt{background: url(/pages/basic/img/sub/bottom_info_mail.png) left center no-repeat;padding:0px 0 0 30px} .bottom_csbox li.call dt{background: url(/pages/basic/img/sub/bottom_info_call2.png) left center no-repeat;padding:0px 0 0 30px} /* 구비서류 */ .program_doc li{float:left;width:50%;font-weight:500} .program_doc li span{display:inline-block;border-radius:50%;width:80px;height:80px;text-align:center;color:#fff;line-height:78px;margin-right:10px} .program_doc li span.icon1{background:#00a0c1} .program_doc li span.icon2{background:#125fac} /* 이미지 */ .program_img{width:100%;height:430px;margin:20px 0} .prog_img1{background:url(/pages/basic/img/sub/program1-1.jpg) center top no-repeat} .prog_img2{background:url(/pages/basic/img/sub/program2-1.jpg) center top no-repeat} .prog_img3{background:url(/pages/basic/img/sub/program3-1.jpg) center top no-repeat} .prog_img4{background:url(/pages/basic/img/sub/program4-1.jpg) center top no-repeat} .prog_img5{background:url(/pages/basic/img/sub/program5-1.jpg) center top no-repeat} /* 여성친화일촌기업 */ /* 혜택 다이어그램 */ .special_radius{width:100%;display: flex;align-items: center;justify-content: center;} .special_radius ul{margin:0 auto;display: flex;} .special_radius ul li{float:left;margin-left:-30px;border-radius:50%;width:250px;height:250px;box-sizing:border-box;padding:40px 30px;opacity:0.9} .special_radius ul li.icon1{background:#125fac} .special_radius ul li.icon2{background:#4897e4} .special_radius ul li.icon3{background:#30c0b7} .special_radius ul li.icon4{background: #009688;} .special_radius .textbox{text-align:center} .special_radius .textbox .md_s_tit{color:#fff;padding-bottom:15px;margin-bottom:18px;border-bottom: solid 1px #eee} .special_radius .textbox .sub_text{color:#fff;line-height: 1.7em;min-height: 5.1em} .step-box{background: #f7fafc;padding: 50px 20px;box-sizing: border-box;margin-bottom: 50px;} .step-box ul{display: flex;align-items: center;gap: 30px;justify-content: center;} .step-box ul li{width: calc(100% / 5);text-align: center;font-size: 15px;font-weight: 400;line-height: 19px;position: relative;} .step-box ul li:after{content:'>';display:inline-block;top:50%;position: absolute;right: -20px;font-size: 20px;transform: scaleY(1.5);} .step-box ul li:last-child:after{display:none;} .step-box ul li p{width: 110px;height: 110px;background: #fff;border-radius: 100%;margin: 0 auto;margin-bottom: 10px;display: flex;align-items: center;justify-content: center;} .step-box ul li span{position: relative;min-height: 40px;display: inline-block;} /* 환경개선지원 > 비포애프터 */ .image_before{width:100%;overflow:hidden} .image_before_box{float:left;width:50%} .image_before_box h5.bef_tit{font-size:16px;color:#666;padding-bottom:4px;letter-spacing:-1px} .image_before ul{width:100%;float:left;margin-bottom:10px} .image_before ul li{position:relative;width:42%;float:left;margin-bottom:20px} .image_before ul li.before{position:relative;margin-right:40px} .image_before ul li.before::after{content:'';position:absolute;display:block;top:50px;right:-32px;width:30px;height:30px;background:url(/pages/basic/img/sub/step_right2.png)no-repeat;z-index:999} .image_before ul li img{width:100%} .image_before ul li p.txt{position:absolute;bottom:0;width:100%;overflow:hidden;box-sizing:border-box;background:#222;opacity:0.8;color:#fff;font-size:14px;padding-left:10px;height:25px;line-height:23px;font-size:12px;font-weight:normal;letter-spacing:0} /* 구인구직 > 구인등록 */ #job_person{width:100%;overflow:hidden} .job_search_wrap{width:1750px;margin:0 auto;overflow:hidden;text-align:center} .job_search_wrap h3{font-size:28px;font-weight:200;color:#222} .job_person_box{background:url(/pages/basic/img/sub/job_search_person1.jpg) center top no-repeat;width:100%;height:540px} .job_person_box .title{box-sizing:border-box;margin-left:300px;text-align:left;padding-top:100px} .job_person_box .title h4{font-size:34px;color:#222;line-height:36px;font-weight:300;letter-spacing:10px;padding-bottom:40px} .job_person_box .title h4 span{color:#00a0c1} .job_person_box .title p{font-size:25px;line-height:34px;padding-bottom:28px} /* 과정 */ .job_person_step{background:url(/pages/basic/img/sub/job_search_person2.jpg) center top no-repeat;width:100%;height:540px;margin-top:20px} .job_person_step h4{text-align:center;padding-top:100px;color:#fff;font-size:28px;font-weight:500} .job_person_step ul{width:1000px;margin:0 auto;padding-top:45px} .job_person_step ul li{border-radius:50%;width:145px;height:145px;float:left;display:inline-block;margin-right:130px;box-sizing:border-box;position:relative;font-size:17px} .job_person_step ul li.icon1{background:#fff url(/pages/basic/img/sub/job_person_ico1.png) center top no-repeat} .job_person_step ul li.icon2{background:#fff url(/pages/basic/img/sub/job_person_ico2.png) center top no-repeat} .job_person_step ul li.icon3{background:#fff url(/pages/basic/img/sub/job_person_ico3.png) center top no-repeat} .job_person_step ul li.icon4{background:#fff url(/pages/basic/img/sub/job_person_ico4.png) center top no-repeat} .job_person_step ul li.icon5{background:#fff url(/pages/basic/img/sub/job_person_ico5.png) center top no-repeat} .job_person_step ul li::after{content:'';display:block;position:absolute;right:-50%;top:68px;z-index:99;background:url(/pages/basic/img/sub/step_right3.png) right top no-repeat;width:20px;height:20px} .job_person_step ul li:last-child::after{content:''; background:none} .job_person_step ul li.last{margin-right:0 } .job_person_step ul li span{display:block;text-align:center;padding-top:170px;color:#fff} /* 구인구직 > 구직등록 */ #job_person{width:100%;overflow:hidden} .job_search_box{background:url(/pages/basic/img/sub/job_search1.jpg) center top no-repeat;width:100%;height:540px} .job_search_box .title{box-sizing:border-box;margin-left:300px;text-align:left;padding-top:100px} .job_search_box .title h4{font-size:34px;color:#222;line-height:36px;font-weight:300;letter-spacing:10px;padding-bottom:40px} .job_search_box .title h4 span{color:#00a0c1} .job_search_box .title p{font-size:25px;line-height:34px;padding-bottom:28px} /* 과정 */ .job_search_step{background:url(/pages/basic/img/sub/job_search2.jpg) center top no-repeat;width:100%;height:540px;margin-top:20px} .job_search_step h4{text-align:center;padding-top:100px;color:#fff;font-size:28px;font-weight:500} .job_search_step ul{width:1100px;margin:0 auto;padding-top:45px} .job_search_step ul li{border-radius:50%;width:145px;height:145px;float:left;display:inline-block;margin-right:40px;box-sizing:border-box;position:relative;font-size:17px} .job_search_step ul li.icon1{background:#fff url(/pages/basic/img/sub/job_person_ico1.png) center top no-repeat} .job_search_step ul li.icon2{background:#fff url(/pages/basic/img/sub/job_person_ico2.png) center top no-repeat} .job_search_step ul li.icon3{background:#fff url(/pages/basic/img/sub/job_person_ico3.png) center top no-repeat} .job_search_step ul li.icon4{background:#fff url(/pages/basic/img/sub/job_person_ico4.png) center top no-repeat} .job_search_step ul li.icon5{background:#fff url(/pages/basic/img/sub/job_person_ico5.png) center top no-repeat} .job_search_step ul li.icon6{background:#fff url(/pages/basic/img/sub/job_person_ico6.png) center top no-repeat} .job_search_step ul li.icon7{background:#fff url(/pages/basic/img/sub/job_person_ico7.png) center top no-repeat} .job_search_step ul li::after{content:'';display:block;position:absolute;right:-23px;top:68px;z-index:99;background:url(/pages/basic/img/sub/step_right3.png) right top no-repeat;width:20px;height:20px} .job_search_step ul li:last-child::after{content:''; background:none} .job_search_step ul li.last{margin-right:0} .job_search_step ul li span{display:block;text-align:center;padding-top:170px;color:#fff} /* 여성창업지원 > 예비창업자발굴 */ #creative{position:relative;width:1300px;height:500px;margin:0 auto;padding:20px 0;overflow:hidden} #creative .creator_box{display:block;float:left;width:215px;height:215px;border-radius:50%} #creative .creator_box h4{font-size:17px;color:#fff;font-weight:400;text-align:center;padding-top:120px} #creative .creator_box ul li{font-size:17px} #creative .creator_1{background:#39bdb4 url(/pages/basic/img/sub/creator_icon1.png) center 35px no-repeat;position:absolute;top:60px;left:435px} #creative .creator_2{background:#4c93e2 url(/pages/basic/img/sub/creator_icon2.png) center 35px no-repeat;position:absolute;top:60px;left:650px} #creative .creator_3{background:#7f8388 url(/pages/basic/img/sub/creator_icon3.png) center 35px no-repeat;position:absolute;top:250px;left:435px} #creative .creator_4{background:#91c15b url(/pages/basic/img/sub/creator_icon4.png) center 35px no-repeat;position:absolute;top:250px;left:650px} #creative .creator_1 ul{position:absolute;top:70px;left:-280px} #creative .creator_2 ul{position:absolute;top:70px;right:-280px} #creative .creator_3 ul{position:absolute;top:80px;left:-280px} #creative .creator_4 ul{position:absolute;top:80px;right:-280px} /* 이미지 */ .creative_img{width:100%;height:430px;margin:0} .creative_img3{background:url(/pages/basic/img/sub/creative3-1.jpg) center top no-repeat} /* 여성창업지원 > 창업준비절차 */ #franchise_step{width:100%;overflow:hidden} .franchise_top{position:relative;width:1750px;height:300px;background:url(/pages/basic/img/sub/franchise_bg_top.jpg) center top no-repeat;margin:0px auto} .franchise_top .title{color:#fff;text-align:center;font-size:26px;letter-spacing:-1px;padding-top:150px} /* 여성창업지원 > 직업교육 */ .job_edu_box{width:100%;overflow:hidden;padding-top:40px;border-top:1px solid #999} .job_edu_box .img_box{float:left;width:440px;height:265px;padding-right:40px} .job_edu_box .txt_box{float:left;width:800px;padding-top:25px} .job_edu_box .txt_box h3{font-size:27px;color:#222;padding-bottom:20px;font-weight:300;letter-spacing:-1px} /* 부가메뉴 */ .h3_add1_style1{font-size:18px;padding:25px 0} .ul_add1_style1 li{position:relative;padding-left:14px} .ul_add1_style1 li::before{content:'';display:block;position:absolute;left:5px;top:10px;width:3px;height:3px;background-color:#3b486b} .ul_add1_style2 li{position:relative;padding-left:14px} /* 부가메뉴 > 이메일무단수집거부 */ .emailno_box{width:100%;box-sizing: border-box;padding:60px 80px 100px 330px;border:1px solid #ddd;margin-top:10px;background:url('/pages/basic/img/sub/email_no.png') 60px 35% no-repeat} .emailno_box dt{font-size:27px;padding-bottom:25px;font-weight:300;color:#2c909e;line-height:30px;letter-spacing:-2px} .emailno_box dd{padding-bottom:20px} /* 이미지 */ .career_img{width:100%;height:430px;margin:20px 0} .career_img1{background:url(/pages/basic/img/sub/career1-1.jpg) center top no-repeat} .career_img2{background:url(/pages/basic/img/sub/career2-1.jpg) center top no-repeat} .career_img3{background:url(/pages/basic/img/sub/career3-1.jpg) center top no-repeat} .career_img4{background:url(/pages/basic/img/sub/career4-1.jpg) center top no-repeat} .career_img5{background:url(/pages/basic/img/sub/careerm5-1.jpg) center top no-repeat} /* 채용정보 뷰 */ .recruit_view_wrap{width:100%;margin:0 auto;} .recruit_view{width:1000px;margin:0 auto;position:relative;border-top:2px solid #222;border-right:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd;overflow:hidden;box-sizing:border-box;min-height:800px; padding:0 0px 100px 0px} .recruit_view .recruit_info{width:100%;text-align:center;padding:90px 0 30px 0;border-bottom:1px solid #ddd} .recruit_view .recruit_info .company{padding-bottom:15px} .recruit_view .recruit_info .company .company_name{font-size:16px;font-weight:300;margin-right:7px} .recruit_view .recruit_info .company .area{color:#fff;margin-right:7px;padding:0 12px} .recruit_view .recruit_info h1{font-size:32px;font-weight:400;color:#222;letter-spacing:-2px;line-height:1.4;word-break:break-all} .recruit_view .recruit_info .ing{display:inline-block;color:#007eff;font-size:12px;font-family:Dotum;line-height:16px;border:1px solid #007eff;border-radius:3px;margin-right:7px;padding:0 4px} .recruit_view .recruit_info .end{display:inline-block;color:#de3939;font-size:12px;font-family:Dotum;line-height:16px;border:1px solid #de3939;border-radius:3px;margin-right:7px;padding:0 4px} .recruit_view .table_box_wrap{width:100%;overflow:hidden;padding:50px 100px 0 100px;box-sizing:border-box} .recruit_view .table_box{text-align:left;float:left;width:46%;margin-right:20px} .recruit_view .table_box h2{font-size:21px;margin-bottom:25px;font-weight:500} .recruit_view .table_box table th{font-size:16px;letter-spacing:-1px;color:#999;font-weight:normal;vertical-align:top;line-height:30px;width:90px} .recruit_view .table_box table td{font-size:16px;letter-spacing:-1px;color:#222;line-height:28px} .recruit_view .table_box2{text-align:left;float:left;width:100%;margin:20px 20px 0 0} .recruit_view .table_box2 table{width:600px;float:left} .recruit_view .table_box2 h2{font-size:20px;margin-bottom:25px;font-weight:500;border-bottom:1px solid #ccc;padding:15px 0} .recruit_view .table_box2 table th{font-size:16px;letter-spacing:-1px;color:#999;font-weight:normal;vertical-align:top;line-height:30px;width:90px} .recruit_view .table_box2 table td{font-size:16px;letter-spacing:-1px;color:#222;line-height:28px} .recruit_view .table_box2 .table_recruit h3{font-weight:200;font-size:23px;line-height:40px;padding-bottom:12px} .text_point{color:#ff6633} .month_pay{font-size: 24px; vertical-align: -4px; margin: 0 0 6px 10px; display: inline-block} /* .recruit_doc{width:100px;height:100px;float:left;border-radius:50%;border:1px solid #ddd;padding-top:0px;box-sizing:border-box;margin-right:60px;text-align:center} .recruit_company{width:100px;height:100px;float:left;border-radius:50%;border:1px solid #ddd;padding-top:0px;box-sizing:border-box;margin-right:60px;text-align:center} */ .recruit_doc p{text-align:center;font-size:20px} .recruit_doc p.date{font-size:13px} .recruit_view .tag{display:inline-block;font-size:12px;font-family:Dotum;line-height:16px;border-radius:3px;margin-left:7px;padding:0 4px} .recruit_view .blue{color:#007eff;border:1px solid #007eff} .recruit_view_wrap .agree_box{width:1000px;margin:30px auto;box-sizing:border-box;overflow:hidden;background:#f9f9f9;color:#222;font-size:13px;padding:20px 40px;border-top:2px solid #666} .recruit_btn_wrap{position:absolute;right:20px;top:20px;} .recruit_print{display:inline-block;font-size:14px;color:#fff;height:50px;line-height:48px;background:#9baeb8 url(/pages/basic/img/sub/recruit_print.png) left center no-repeat;padding:0 30px 0 45px} .add_icon{display:inline-block;font-size:14px;color:#fff;height:50px;line-height:48px;background:#9baeb8 url(/pages/basic/img/sub/add_ico.png) left center no-repeat;padding:0 30px 0 45px} .modify_btn{display:inline-block;font-size:14px;color:#fff;height:50px;line-height:48px;background:#9baeb8 url(/pages/basic/img/sub/recruit_edit.png) left center no-repeat;padding:0 30px 0 45px} .modify_btn:hover{background-color:#8d9fa8} .recruit_print:hover{background-color:#8d9fa8} .list_btn{display:inline-block;font-size:14px;color:#222;border:1px solid #222;height:45px;line-height:43px;background:#fff url(/pages/basic/img/sub/list_more.png) left top no-repeat;padding:0 30px 0 45px} .list_btn:hover{background-color:#222;color:#fff;background-position:left -45px;text-decoration:none} .recruit_view .recruit_info .company .area_1{background:#84b44d} .recruit_view .recruit_info .company .area_2{background:#f7a233} .recruit_view .recruit_info .company .area_3{background:#d185d2} .recruit_view .recruit_info .company .area_4{background:#007eff} .recruit_view .recruit_info .company .area_5{background:#54c3c8} /* 관련사이트 */ .family_site{width:100%;overflow:hidden} .family_site_box{float:left;border:1px solid #ddd;box-sizing:border-box;padding:60px 25px 0 25px;width:270px;height:270px;text-align:center;border-radius:50%;margin:0 0 30px 30px} .family_site_box dd{padding-bottom:10px;font-size:15px} .family_site_box h4{font-size:20px;font-weight:300} /* 사이트맵 */ .sitemap{width:1300px;margin:0 auto;overflow:hidden} .sitemap ul > li{float:left;width:24.5%;height:340px;border:1px solid #ddd;box-sizing:border-box;padding:30px 25px;margin:0 0 4px 4px} .sitemap ul > li > h4 a{font-size:17px;color:#222;font-weight:400;padding-bottom:15px;display:block} .sitemap ul > li.map_box{float:left;line-height:23px} .sitemap ul > li > a{display:block;color:#666} .sitemap .map_box li{position:relative;width:100% !important;border:none;padding:0 0px 0 15px !important;height:auto} .sitemap .map_box li:before{content:'';display:block;position:absolute;left:5px;top:12px;width:3px;height:3px;background-color:#3b486b} /* 청년여성일자리페스티벌 */ #sub06030000{overflow:hidden;width:100%} .festival_title{text-align:center;margin-bottom:45px;padding-top:30px} .festival_title h5{font-size:25px;font-weight:500;line-height:30px;padding-bottom:15px;color:#222;letter-spacing:-.07em} .festival_title ul{margin:0 auto} /* 경력단절예방 상담신청 */ .download_box{width:100%;box-sizing: border-box;padding:60px 80px 100px 330px;border:1px solid #ddd;margin-top:10px;background:url('/pages/basic/img/sub/counsel_ico.png') 60px 35% no-repeat} .download_box dt{font-size:27px;padding-bottom:25px;font-weight:300;color:#222;line-height:30px;letter-spacing:-2px} .download_box dd{padding-bottom:20px} .tip_email{color:#187cda;font-weight:500} .tip_email:hover{color:#0041b8} .download_box2{width:100%;box-sizing: border-box;padding:60px 80px;text-align: center;border:1px solid #ddd;margin-top:10px;} .download_box2 dt{font-size:27px;padding-bottom:25px;font-weight:300;color:#222;line-height:30px;letter-spacing:-2px} .download_box2 dd{padding-bottom:20px} .btn_apply4-w{display:flex;flex-wrap:wrap;gap: 10px;} .btn_apply4{display:inline-block;font-size:15px;line-height:23px;font-weight:500;color:#222;border: 2px solid #000;box-sizing:border-box;width: calc(100% / 4 - 8px);height: 240px;justify-content: center;align-items: center;display: flex;} .btn_apply4 p{} .btn_apply4 p:before{content:'';display:inline-block;width:100%;height:40px;margin-bottom: 5px;} .btn_apply4:nth-child(1) p:before{background:url('/pages/basic/img/sub/btn_apply4_ico1.png') center no-repeat;} .btn_apply4:nth-child(2) p:before{background:url('/pages/basic/img/sub/btn_apply4_ico2.png') center no-repeat;} .btn_apply4:nth-child(3) p:before{background:url('/pages/basic/img/sub/btn_apply4_ico3.png') center no-repeat;} .btn_apply4:nth-child(4) p:before{background:url('/pages/basic/img/sub/btn_apply4_ico4.png') center no-repeat;} .btn_apply4:nth-child(5) p:before{background:url('/pages/basic/img/sub/btn_apply4_ico5.png') center no-repeat;} .btn_apply4:nth-child(6) p:before{background:url('/pages/basic/img/sub/btn_apply4_ico6.png') center no-repeat;} .btn_apply4:nth-child(7) p:before{background:url('/pages/basic/img/sub/btn_apply4_ico7.png') center no-repeat;} .btn_apply4 p span{display: block;margin-bottom: 10px;} .btn_apply4 p a{border: 2px solid #000000;display: inline-block;color: #000;padding: 7px 20px;box-sizing: border-box;font-weight: 400;text-decoration: none;transition: all .2s;width: 180px;} .btn_apply4 p a:after{content:'';display:inline-block;width:12px;height:12px;background:url('/pages/basic/img/sub/btn_apply4_link.png') center no-repeat;margin-left: 5px;} .btn_apply4 p a:hover{background:#00a0c1;color:#fff;} .btn_apply4 p a:hover:after{background:url('/pages/basic/img/sub/btn_apply4_link_on.png') center no-repeat;} /* manager_info */ .manager_info{width:100%;clear:both;padding:25px 20px;background:#fff;color:#000;box-sizing: border-box;position:fixed;left:0;bottom:0;z-index:99999;border-top:1px dotted #ccc} .manager_info .manager_infobox{width:100%;max-width:1180px;margin:0 auto;position:relative} .manager_info .manager_infobox p.pass{font-family:'tahoma';font-weight:bold;font-size:12px;color:#000} .manager_info .manager_infobox p span{font-family:'Nanum Gothic';font-size:12px;color:#000;padding-right:6px} .manager_info .manager_infobox ul{position:absolute;right:0;top:-10px} .manager_info .manager_infobox ul li{display:inline} .manager_info .manager_infobox ul li a{display:block;float:left;background: #7892c2 linear-gradient(to bottom, #7892c2 5%, #476e9e 100%) repeat scroll 0 0;margin:0 2px;color:#fff;text-align:center;border:1px solid #4e6096;font-size:12px;letter-spacing:-1px;text-shadow: 0 -1px 0 #222;box-shadow: 0 1px 3px 0 #9fb4f2 inset;font-weight: bold;border-radius: 5px} .manager_info .manager_infobox ul li a:hover{background: #476e9e linear-gradient(to bottom, #476e9e 5%, #7892c2 100%) repeat scroll 0 0;text-decoration:none} .manager_info .manager_infobox ul li a span{padding:5px 12px;line-height:30px} /****** Mobile ******/ @media screen and (max-width:690px){ .step-box ul li{width: calc(100% / 2 - 19px) !important;} /* manager_info */ .manager_info{display:none} /* 공통 */ .contents{width:95%;margin:0 auto} /* 섹션 */ .sec_type1{width:100%} .sec_type2{width:100%} /* 텍스트 */ .title_type1{font-size:21px;line-height:29px;padding:20px 0 20px 0;width:70%;margin:0 auto} .h3_butt{font-size:20px;padding:40px 0 20px 0} .h4_butt{font-size:18px;padding:10px 0 20px 0} .h3_title{font-size:21px;padding:30px 0 15px 0;line-height:28px} .tip_title{display:block;padding-left:0;font-size:15px} /* 이미지 */ .img_type1 img{width:100%} .img_li3 ul{margin-bottom:0} .img_li3 ul li{width:100%;margin-bottom:7px} .img_li2 ul{width:100%} .img_li2 ul li{width:100%;margin-bottom:7px} /* 이미지리스트 */ .image_list3 ul li{width:100%;margin-bottom:4px} /* 테이블 */ .table_type1{overflow:hidden;overflow-x:scroll;width:100%} .table_type1 table{width:1100px;} .table_type1 th,.table_type2 td{font-size:15px;word-break:keep-all} .table_type1 .m_info{display:block;font-size:13px;line-height:20px;color:#487fda;padding:7px 0;font-weight:700} .table_type1 .site_link{position:relative;top:0;right:0} /* ul */ .ul_type1 li{font-size:15px} .red_tip{font-size:14px} /* 탭메뉴 */ .tab_type2{margin:0} .tab_type2 ul li a{line-height:25px;font-size:16px;padding-top:12px;height:50px} .tab_type3{width:100%;position:relative;left:0;bottom:-151px;margin-left:0} .tab_type3 ul li a{font-size:14px;line-height:48px;height:50px;padding:0} .tab_type2_m{border-bottom:1px solid #ddd !Important} .tab_type2_m ul li{display:block !Important} .tab_type2_m ul li a.on{border-bottom:2px solid #0b318f !important} .tab_type2_m ul li a.on:after{bottom:0 !important} .tab_type2_m ul li ~ li a{border-left:1px solid #ddd} /* 오른쪽정렬 */ .r_box{padding:0 15px} .r_box h3{font-size:18px;padding-bottom:10px} .left_num span{width:24px;height:24px;margin-top:2px;line-height:24px} .r_box .right{width:100%} .r_box_wrap{padding:25px 0 30px 0} .r_box_last{border-bottom:none !important} /* 새일센터 > 새일소개 */ #introduce .introduce_imgbox{width:100%;height:200px;background-size:cover} .introduce_imgbox p{position:relative;width:54%;left:25px;top:40px;line-height:29px;font-size:20px} .introduce_imgbox p br{display:none} #introduce .onestop_box{width:70%;height:600px; background:url(/pages/basic/img/sub/onestop_s_m3.png) top center no-repeat; margin:10px auto 0; background-size: 90%;} #introduce .onestop_box .center{top:0;background:#fde8d5;border-radius:50%;width:220px;height:220px;margin:0 auto;padding-top:70px;box-sizing:border-box;margin-bottom:10px} #introduce .onestop_box .center h4{font-size:23px;padding-bottom:4px} #introduce .onestop_box ul{width:100%} #introduce .onestop_box ul li{height:auto;padding:15px 0} #introduce .onestop_box ul li.box1,#introduce .onestop_box ul li.box2,#introduce .onestop_box ul li.box5,#introduce .onestop_box ul li.box3,#introduce .onestop_box ul li.box4{position:relative;top:0;left:0;border-radius:0;width:100%} #introduce .onestop_box ul li p.title{font-size:21px;line-height:24px;padding-bottom:4px} #introduce .onestop_box ul li.box1 p.text,#introduce .onestop_box ul li.box2 p.text,#introduce .onestop_box ul li.box5 p.text,#introduce .onestop_box ul li.box3 p.text,#introduce .onestop_box ul li.box4 p.text{position:relative;top:0;left:0;color:#fff} #introduce .onestop_box ul li p.title_2 br{display:none} #introduce .onestop_box ul li p.title_2{padding:0} /* 새일센터 > 센터장인사말 */ #greeting .greeting_img{background:url(/pages/basic/img/sub/center_greeting_img_m.jpg) right top no-repeat;padding:50px 50px 0 30px;height:auto;min-height:240px} .greeting_txt{width:100%} .greeting_img .title h3{font-size:23px;line-height:30px} .greeting_img .title p{font-size:15px} /* 새일센터 > 연혁 */ .history_area{width:100%} .history_area:before {display:none} .history_area .round_txt {width:auto;height:40px;padding:0;margin:30px 0 15px 0;line-height:40px;font-size:16px;border-radius:0} .history_area .round_txt br {display:none} .history > li.type1, .history > li.type2 {text-align:left;padding:0} .history > li:before {left:0;top:9px;margin:0;width:6px;height:6px} .history > li + li {margin-top:15px} .history .year {padding-left:16px;font-size:18px} .history > li > ul {margin-top:10px;padding-left:16px} .history > li > ul > li {font-size:14px;line-height:22px;padding-left:38px !important;text-indent:-38px !important} .history > li.type1 > ul > li {padding-right:0} .history > li.type1 > ul > li span {position:static;padding-right:13px} /* 새일센터 > 조직도 */ #organization .org_chart_box{width:100%;height:auto;background:none;margin:0 auto} .org_chart_box .org_list{width:75%;top:40px} .org_chart_box .org_list:after{content:'';display:block;position:absolute;left:50%;top:-40px;width:1px;height:40px;background-color:#ddd} .org_chart_box h3{width:85%;font-size:17px;font-weight:500} .org_chart_box .org_list .list_wrap{float:none;margin-right:0;margin-bottom:10px} .org_chart_box .list_wrap_point{height:400px} .org_chart_box .org_list h4{width:100%;font-size:16px;font-weight:300;height:50px;line-height:48px} .org_chart_box .org_list ul{width:auto;height:auto;min-height:auto} .org_chart_box .org_list ul > li > ul.list_2dept_1{left:0;top:70px} .org_chart_box .org_list ul > li > ul.list_2dept_2{left:0px;top:185px} .org_chart_box .org_list ul > li > ul.list_2dept li{width:100%} /* 새일센터 > 오시는길 */ .location_box dl{width:100%;float:none} .locate_list2 dt{width:100%} .locate_list2 dt .title{width:100%;height:35px;border-radius:0;padding:5px 0} .location_box dl dt img{display:none} .location_box{padding:0 0 20px 0} .location_box dl.call,#location dl.fax{float:none;margin:0} .location_box dl dd{line-height:23px;width:100%;font-size:15px} .locate_list ul li{padding:0px 38px 0 0;font-size:15px} .locate_list2 dl{height:auto} .location_box_on{padding:15px 4px} .locate_list2 dd{float:left} .locate_list2 dt .title .no{display:inline-block} .locate_list2 dt .title .text{display:inline-block} .locate_list2 dd ol li{padding-right:36px;padding-bottom:0;padding-top:0} .locate_list2 dd ol li.color_blue{font-size:14px} .locate_list2 dd ol{margin:10px 0} /* 취업지원사업 > 공통 */ /* 상단 */ .program_top{width:100%;padding:20px 0 0px 0} .program_top h3{font-size:23px} .program_top .text{font-size:15px;line-height:25px} /* 하단 */ .bottom_csbox{padding-right:0} .bottom_csbox li{width:100%} .bottom_csbox li dd{overflow:visible} .bottom_csbox li dt{font-size:15px} /* 과정 */ .step_type1 ul li{width:48.5%;font-size:16px;line-height:23px;margin:0 4px 4px 0;min-height:130px;padding:45px 10px 0 10px} .step_type1 ul li.step3{margin-right:4px} .step_type1 ul li::after{display:none} .step_type2{width:320px;margin:0 auto;float:none} .step_type2 ul li{width:130px;height:130px} .step_type2 ul li.step2::after{background:none} /* 구비서류 */ .program_doc li span{width:60px;height:40px;line-height:38px;font-size:15px;border-radius:0} .program_doc li{width:100%} /* 이미지 */ .program_img{background-size:cover;height:180px} .prog_img5{background-position:left center} /* 환경개선지원 > 비포애프터 */ .image_before{background:#efefef;padding:40px 0} .image_before_box{width:100%} .image_before ul li{width:150px} .image_before ul li.before::after{background-size:cover;width:25px;height:25px;right:-15px} .image_before ul{float:none;width:320px;margin:0 auto} .image_before ul li.before{margin-right:10px} .image_before_box h5.bef_tit{text-align:center} /* 경력단절예방사업 > 공통 */ /* 상단 */ .career_img{background-size:cover;height:180px} /* 구인구직 > 구인등록 */ .job_search_wrap{width:100%} .job_search_wrap h3{font-size:23px} .job_person_box{background-size:cover;height:410px;background:url(/pages/basic/img/sub/job_search_person1_m.jpg) 75% bottom no-repeat} .job_person_box .title{margin-left:20px;padding-top:40px;width:auto} .job_person_box .title h4{font-size:23px;padding-bottom:20px;letter-spacing:8px} .job_person_box .title h4 br{display:none} .job_person_box .title p{font-size:16px;line-height:28px} .job_person_box .title p br{display:none} /* 과정 */ .job_person_step h4{font-size:20px;padding-top:70px} .job_person_step ul{width:295px;margin:0 auto;padding-top:20px} .job_person_step ul li{width:140px;height:90px;background-size:cover !Important;margin:0 15px 50px 0;font-size:15px;border-radius:0;background-position:center center !important} .job_person_step ul li span{padding-top:94px;line-height:20px} .job_person_step ul li::after{top:35px;right:-15px} .job_person_step ul li.icon2::after,.job_person_step ul li.icon4::after,.job_person_step ul li.icon5::after{background:none} .job_person_step ul li.icon2,.job_person_step ul li.icon4,.job_person_step ul li.icon6{margin-right:0} /* 구인구직 > 구직등록 */ .job_search_box{background-size:cover;height:470px;background:url(/pages/basic/img/sub/job_search_person2_m.jpg) 80% bottom no-repeat} .job_search_box .title{margin-left:0px;padding:40px 30px 0 30px;width:100%} .job_search_box .title h4{font-size:23px;padding-bottom:20px;letter-spacing:8px} .job_search_box .title h4 br{display:none} .job_search_box .title p{font-size:16px;line-height:28px} .job_search_box .title p br{display:none} /* 과정 */ .job_search_step{height:700px;background-size:cover} .job_search_step h4{font-size:20px;padding-top:70px} .job_search_step ul{width:295px;margin:0 auto;padding-top:20px} .job_search_step ul li{width:140px;height:90px;background-size:cover !Important;margin:0 15px 50px 0;font-size:15px;border-radius:0;background-position:center center !important} .job_search_step ul li span{padding-top:94px;line-height:20px} .job_search_step ul li::after{top:35px;right:-15px} .job_search_step ul li.icon2::after,.job_search_step ul li.icon4::after,.job_search_step ul li.icon6::after,.job_search_step ul li.icon7::after{background:none} .job_search_step ul li.icon2,.job_search_step ul li.icon4,.job_search_step ul li.icon6{margin-right:0} /* 여성창업지원 > 예비창업자발굴 */ #creative{width:100%;height:auto} #creative .creator_box{width:100%;height:auto;border-radius:0;padding:0 20px 40px 20px;box-sizing:border-box} #creative .creator_box ul li{float:left;color:#fff;font-size:16px} #creative .creator_box ul li br{display:none} #creative .creator_box ul li::before{background:#fff} #creative .creator_1,#creative .creator_2,#creative .creator_3{position:relative;left:0;top:0} #creative .creator_1 ul,#creative .creator_2 ul,#creative .creator_3 ul{position:relative;top:12px;left:0} #creative .creator_box h4{padding:120px 20px 0px 20px} /* 여성창업지원 > 창업준비절차 */ .franchise_top{width:100%;height:200px;background-size:cover;background-position:27% top;margin:10px auto} .franchise_top .title{font-size:23px;padding:80px 20px 50px 20px;line-height:30px} /* 여성창업지원 > 직업교육 */ .job_edu_box{margin-top:30px} .job_edu_box .img_box{width:100%;height:auto} .job_edu_box .img_box img{width:100%} .job_edu_box .txt_box{width:100%} .job_edu_box .txt_box h3{font-size:22px} /* 부가메뉴 > 이메일무단수집거부 */ .emailno_box{background-position:center top;padding:180px 40px 100px 40px;text-align:center} /* 채용정보 뷰 */ .recruit_view{width:100%} .recruit_view .table_box_wrap{padding:30px 20px 0 20px} .recruit_view .table_box{width:100%;margin-bottom:40px} .recruit_view .recruit_info{padding:90px 40px 30px 40px;box-sizing:border-box} .recruit_view_wrap .agree_box{width:100%} .recruit_view .table_box2 table{width:100%} .recruit_view .recruit_info .company .area{display:block;width:150px;margin:0 auto} .recruit_view .recruit_info h1{font-size:23px} .recruit_view .table_box h2,.recruit_view .table_box2 h2{font-size:17px} .recruit_view .table_box table th{font-size:15px;line-height:22px} .recruit_view_wrap .agree_box{line-height:20px} .recruit_view .table_box2 .table_recruit h3{font-size:18px} /* 관련사이트 */ .family_site_box{width:50%;height:190px;border-radius:0;padding:20px 20px;margin:0 -1px 0 0} .family_site .site_link2{width:auto;font-size:12px;background-image:none;padding-left:0;text-align:center} .family_site_box dt img{width:100%} /* 사이트맵 */ .sitemap{width:100%} .sitemap ul{border-top:1px solid #ddd} .sitemap ul > li{width:100%;margin:-1px 0 0 0;height:auto} .map_box ul{border:none !important} /* 청년여성일자리페스티벌 */ .festival_title h5{font-size:20px;line-height:23px} /* 경력단절예방 상담신청 */ .download_box{background-position:center 5%;padding:180px 40px 100px 40px;text-align:center} .download_box dt{font-size:20px} } /****** Tablet Device ******/ @media screen and (min-width:691px) and (max-width:899px) { /* 공통 */ .contents{width:95%;margin:0 auto} /* 섹션 */ .sec_type1{width:100%} .sec_type2{width:100%} /* 텍스트 */ .title_type1{font-size:21px;line-height:29px;padding:20px 0 20px 0;width:100%;margin:0 auto} .h3_butt{font-size:18px;padding:40px 0 20px 0} .h3_title{font-size:21px;padding:30px 0 15px 0;line-height:28px} /* 이미지 */ .img_type1 img{width:100%} .img_li3 ul{margin-bottom:0} .img_li3 ul li{width:100%;margin-bottom:7px} .img_li2 ul{width:100%} .img_li2 ul li{width:100%;margin-bottom:7px} /* 테이블 */ .table_type1{overflow:hidden;overflow-x:scroll;width:100%} .table_type1 table { width: 1100px;} .table_type1 th,.table_type2 td{font-size:15px;word-break:keep-all} .table_type1 .m_info{display:block;font-size:13px;line-height:20px;color:#487fda;padding:7px 0;font-weight:700} .table_type1 .site_link{position:relative;top:0;right:0} /* 탭메뉴 */ .tab_type3{width:100%;position:relative;left:0;bottom:-200px;margin-left:0} .tab_type3 ul li a{font-size:14px;line-height:48px;height:50px;padding:0} /* 오른쪽정렬 */ .r_box{padding:0 15px} .r_box h3{font-size:18px;padding-bottom:10px} .left_num span{width:24px;height:24px;margin-top:2px;line-height:24px} .r_box .right{width:100%} .r_box_wrap{padding:25px 0 30px 0;width:100%} .r_box_last{border-bottom:none !important} /* 새일센터 > 새일소개 */ #introduce .introduce_imgbox{width:100%;height:200px;background-size:cover} .introduce_imgbox p{position:relative;width:54%;left:25px;top:40px;line-height:29px;font-size:20px} .introduce_imgbox p br{display:none} #introduce .onestop_box{width:100%; background-size: 100%; height: 400px;} #introduce .onestop_box .center{top:0;background:#fde8d5;border-radius:50%;width:220px;height:220px;margin:0 auto;padding-top:70px;box-sizing:border-box;margin-bottom:10px} #introduce .onestop_box .center h4{font-size:23px;padding-bottom:4px} #introduce .onestop_box ul{width:100%} #introduce .onestop_box ul li{height:auto;padding:15px 0} #introduce .onestop_box ul li.box1,#introduce .onestop_box ul li.box2,#introduce .onestop_box ul li.box3,#introduce .onestop_box ul li.box4{position:relative;top:0;left:0;border-radius:0;width:100%} #introduce .onestop_box ul li p.title{font-size:21px;line-height:24px;padding-bottom:4px} #introduce .onestop_box ul li.box1 p.text,#introduce .onestop_box ul li.box2 p.text,#introduce .onestop_box ul li.box3 p.text,#introduce .onestop_box ul li.box4 p.text{position:relative;top:0;left:0;color:#fff} #introduce .onestop_box ul li p.title_2 br{display:none} #introduce .onestop_box ul li p.title_2{padding:0} /* 새일센터 > 센터장인사말 */ #greeting .greeting_img{background-size:cover;padding:50px 50px 0 50px;height:auto;min-height:240px} .greeting_txt{width:100%} .greeting_img .title h3{font-size:23px;line-height:30px} .greeting_img .title p{font-size:15px} /* 새일센터 > 연혁 */ .history_area{width:100%} .history_area:before {display:none} .history_area .round_txt {width:auto;height:40px;padding:0;margin:30px 0 15px 0;line-height:40px;font-size:16px;border-radius:0} .history_area .round_txt br {display:none} .history > li.type1, .history > li.type2 {text-align:left;padding:0} .history > li:before {left:0;top:9px;margin:0;width:6px;height:6px} .history > li + li {margin-top:15px} .history .year {padding-left:16px;font-size:18px} .history > li > ul {margin-top:10px;padding-left:16px} .history > li > ul > li {font-size:14px;line-height:22px;padding-left:38px !important;text-indent:-38px !important} .history > li.type1 > ul > li {padding-right:0} .history > li.type1 > ul > li span {position:static;padding-right:13px} /* 새일센터 > 조직도 */ #organization .org_chart_box{width:100%;height:auto;background:none;margin:0 auto} .org_chart_box .org_list{width:75%;top:40px} .org_chart_box .org_list:after{content:'';display:block;position:absolute;left:50%;top:-40px;width:1px;height:40px;background-color:#ddd} .org_chart_box h3{width:85%;font-size:17px;font-weight:500} .org_chart_box .org_list .list_wrap{float:none;margin-right:0;margin-bottom:10px} .org_chart_box .list_wrap_point{height:400px} .org_chart_box .org_list h4{width:100%;font-size:16px;font-weight:300;height:50px;line-height:48px} .org_chart_box .org_list ul{width:auto;height:auto;min-height:auto} .org_chart_box .org_list ul > li > ul.list_2dept_1{left:0;top:70px} .org_chart_box .org_list ul > li > ul.list_2dept_2{left:0px;top:185px} .org_chart_box .org_list ul > li > ul.list_2dept li{width:100%} /* 새일센터 > 오시는길 */ .location_box dl{width:100%;float:none} .locate_list2 dt{width:100%} .locate_list2 dt .title{width:100%;height:35px;border-radius:0;padding:5px 0} .location_box dl dt img{display:none} .location_box{padding:0 0 20px 0} .location_box dl.call,#location dl.fax{float:none;margin:0} .location_box dl dd{line-height:23px;width:100%} .locate_list ul li{padding:4px 38px 0 0} .locate_list2 dl{height:auto} .location_box_on{padding:15px 4px} .locate_list2 dd{float:left} .locate_list2 dt .title .no{display:inline-block} .locate_list2 dt .title .text{display:inline-block} .locate_list2 dd ol li{padding-right:36px;padding-bottom:0;padding-top:0} .locate_list2 dd ol li.color_blue{font-size:14px} .locate_list2 dd ol{margin:10px 0} /* 취업지원사업 > 공통 */ /* 상단 */ .program_top{width:100%;padding:20px 0 0px 0} .program_top h3{font-size:24px} .program_top .text{font-size:15px;line-height:25px} /* 하단 */ .bottom_csbox{padding-right:0} .bottom_csbox li{width:100%} .bottom_csbox li dd{overflow:visible} .bottom_csbox li dt{font-size:15px} /* 과정 */ .step_type1 ul li{width:32.5%;font-size:16px;line-height:23px;margin:0 4px 4px 0;min-height:130px;padding:45px 10px 0 10px} .step_type1 ul li.step3{margin-right:4px} .step_type1 ul li::after{display:none} .step_type2{float:none} .step_type2 ul li{width:130px;height:130px} .step_type2 ul li.step2::after{background:none} /* 구비서류 */ .program_doc li span{width:100px;height:40px;line-height:38px;font-size:15px;border-radius:0} .program_doc li{width:100%;margin-bottom:4px} /* 이미지 */ .program_img{background-size:cover;height:230px} /* 환경개선지원 > 비포애프터 */ .image_before{background:#efefef;padding:40px 0} .image_before_box{width:100%} .image_before ul li{width:285px} .image_before ul li.before::after{background-size:cover;width:25px;height:25px;right:-15px} .image_before ul{float:none;width:600px;margin:0 auto} .image_before ul li.before{margin-right:10px} .image_before_box h5.bef_tit{text-align:center} /* 경력단절예방사업 > 공통 */ /* 상단 */ .career_img{background-size:cover;height:230px} /* 구인구직 > 구인등록 */ #job_person .job_search_wrap{width:100%} .job_search_wrap h3{font-size:23px} #job_person .job_person_box{background-size:cover;height:280px;background-position:60% top} .job_person_box .title{margin-left:40px;padding-top:50px} .job_person_box .title h4{font-size:30px;padding-bottom:20px;letter-spacing:8px} .job_person_box .title p{font-size:17px;width:50%;line-height:23px} .job_person_box .title p br{display:none} /* 과정 */ .job_person_step h4{font-size:20px;padding-top:70px} .job_person_step ul{width:640px;margin:0 auto;padding:20px} .job_person_step ul li{width:190px;height:150px;background-size:cover !Important;margin:0 15px 70px 0;font-size:17px;border-radius:0;background-position:center center !important} .job_person_step ul li span{padding-top:160px;line-height:20px} .job_person_step ul li::after{top:65px;right:-15px} .job_person_step ul li.icon3::after,.job_person_step ul li.icon5::after{background:none} /* 구인구직 > 구직등록 */ .job_search_wrap{width:100%} .job_search_wrap h3{font-size:23px} .job_search_box{background-size:cover;height:280px;background-position:67% top} .job_search_box .title{margin-left:40px;padding-top:50px} .job_search_box .title h4{font-size:30px;padding-bottom:20px;letter-spacing:8px} .job_search_box .title p{font-size:17px;width:50%;line-height:23px} .job_search_box .title p br{display:none} /* 과정 */ .job_search_step{background-size:cover;height:760px} .job_search_step h4{font-size:20px;padding-top:70px} .job_search_step ul{width:640px;margin:0 auto;padding:20px} .job_search_step ul li{width:190px;height:150px;background-size:cover !Important;margin:0 15px 70px 0;font-size:17px;border-radius:0;background-position:center center !important} .job_search_step ul li span{padding-top:160px;line-height:20px} .job_search_step ul li::after{top:65px;right:-15px} .job_search_step ul li.icon3::after,.job_search_step ul li.icon6::after,.job_search_step ul li.icon7::after{background:none} /* 여성창업지원 > 예비창업자발굴 */ #creative{width:100%;height:auto} #creative .creator_box{width:100%;min-height:180px;height:auto;border-radius:0;padding:0 20px 40px 30px;box-sizing:border-box;background-position:right bottom !Important} #creative .creator_box ul li{float:left;color:#fff;font-size:16px} #creative .creator_box ul li br{display:none} #creative .creator_box ul li::before{background:#fff} #creative .creator_1,#creative .creator_2,#creative .creator_3{position:relative;left:0;top:0;float:left} #creative .creator_1 ul,#creative .creator_2 ul,#creative .creator_3 ul{position:relative;top:12px;left:0} #creative .creator_box h4{padding:40px 20px 0px 10px;float:left;font-size:20px} /* 여성창업지원 > 창업준비절차 */ .franchise_top{width:100%;height:250px;background-size:cover;background-position:37% top;margin:10px auto} .franchise_top .title{font-size:23px;padding:80px 20px 50px 20px;line-height:30px} /* 여성창업지원 > 직업교육 */ .job_edu_box{margin-top:30px} .job_edu_box .img_box{float:none;margin:0 auto;padding-right:0} .job_edu_box .txt_box{width:100%;padding-top:30px} .job_edu_box .txt_box h3{font-size:22px} /* 채용정보 뷰 */ .recruit_view{width:100%} .recruit_view .table_box_wrap{padding:50px 40px 0 40px} .recruit_view .table_box{width:100%;margin-bottom:40px} .recruit_view .recruit_info{padding:90px 40px 30px 40px;box-sizing:border-box} .recruit_view_wrap .agree_box{width:100%} .recruit_view .table_box2 table{width:100%} /* 관련사이트 */ .family_site_box{width:33.3%;height:190px;border-radius:0;padding:20px 25px;margin:0px -1px 0 0} /* 사이트맵 */ .sitemap{width:100%} .sitemap ul{border-top:1px solid #ddd} .sitemap ul > li{width:100%;margin:-1px 0 0 0;height:auto} .map_box ul{border:none !important} /* 청년여성 일자리 페스티벌 */ .festival_title{padding-top:0} } /****** Desktop Device ******/ @media screen and (min-width:900px) and (max-width:1599px) { #introduce .onestop_box{background-size: 100% } /* 공통 */ .contents{width:95%;margin:0 auto} /* 섹션 */ .sec_type1{width:100%} .sec_type2{width:100%} .wink_song{width:100%} /* 타이틀 */ .h3_butt{font-size:20px;padding:40px 0 20px 0} /* 테이블 */ .table_type1{overflow:hidden;overflow-x:scroll;width:100%} .table_type1 table { width: 1100px;} .table_type1 th,.table_type1 td{font-size:15px} /* 탭메뉴 */ .tab_type3{width:100%;left:auto;margin:0 auto} /* 이미지 */ .img_type1 img{width:100%} .img_li3 ul li{width:31%} /* 오른쪽정렬 */ .r_box{padding-top:20px} .r_box h3{padding-bottom:15px} .r_box_wrap{padding:35px 15px 40px 15px} /* 새일센터 > 새일소개 */ #introduce .introduce_imgbox{width:100%;height:200px;background-size:cover} .introduce_imgbox p{position:relative;width:54%;left:30px;top:40px;line-height:32px;font-size:23px} .introduce_imgbox p br{display:none} #introduce .onestop_box ul{width:100%} #introduce .onestop_box ul li{width:200px;height:200px} #introduce .onestop_box ul li p.title{font-size:20px;line-height:138px} #introduce .onestop_box ul li p.title_2{padding-top:40px;line-height:30px !important} /* 새일센터 > 센터장인사말 */ #greeting .greeting_img{background-size:cover;padding:100px 50px 0 100px} .greeting_txt{width:100%} /* 새일센터 > 연혁 */ .history_area{width:100%} /* 새일센터 > 조직도 */ #organization .org_chart_box{width:100%;height:620px;background:none;margin:0 auto} .org_chart_box .org_list{width:75%;top:40px} .org_chart_box h3{width:85%;font-size:17px;font-weight:500} .org_chart_box .org_list .list_wrap{width:44%;margin-bottom:10px} .org_chart_box .org_list h4{width:100%;font-size:16px;font-weight:300;height:50px;line-height:48px} .org_chart_box .org_list ul > li > ul.list_2dept_1{top:70px;left:-70px} .org_chart_box .org_list ul > li > ul.list_2dept_2{top:70px;left:138px} /* 새일센터 > 오시는길 */ .locate_list2 dl{height:auto} /* 취업지원사업 > 공통 */ /* 상단 */ .program_top{width:100%} /* 이미지 */ .program_img{background-size:cover;height:300px} /* 환경개선지원 > 비포애프터 */ .image_before ul li{width:190px} /* 구인구직 > 구인등록 */ .job_search_wrap{width:100%} .job_person_box{background-size:cover;height:430px} .job_search_wrap h3{font-size:23px} .job_person_box .title{margin-left:40px;padding-top:70px} .job_person_box .title h4{font-size:35px;padding-bottom:20px;letter-spacing:8px} /* 과정 */ .job_person_step ul{width:780px;margin:0 auto} .job_person_step ul li{margin-right:30px;width:130px;height:130px} .job_person_step ul li.icon5::after{background:none} /* 구인구직 > 구직등록 */ .job_search_wrap h3{font-size:23px} .job_search_box .title{margin-left:40px;padding-top:70px} .job_search_box .title h4{font-size:35px;padding-bottom:20px;letter-spacing:8px} /* 과정 */ .job_search_step h4{padding-top:70px} .job_search_step ul{width:650px;margin:0 auto} .job_search_step ul li{margin-right:30px;width:130px;height:130px;margin-bottom:70px} .job_search_step ul li.icon4::after,.job_search_step ul li.icon8::after{background:none} .job_search_step ul li span{padding-top:137px} /* 여성창업지원 > 예비창업자발굴 */ #creative{width:100%} #creative .creator_1{left:30%} #creative .creator_2{left:56%} #creative .creator_3{left:30%} #creative .creator_4{left:56%} #creative .creator_2 ul{right:-280px} #creative .creator_3 ul{right:-250px} /* 여성창업지원 > 창업준비절차 */ .franchise_top{width:100%;margin:10px auto} .franchise_top .title{padding:140px 20px 50px 20px;line-height:30px} /* 여성창업지원 > 직업교육 */ .job_edu_box .img_box{width:320px} .job_edu_box .img_box img{width:100%} .job_edu_box .txt_box{width:57%} /* 채용정보 뷰 */ .recruit_view{width:100%} /* 관련사이트 */ .family_site_box{width:250px;height:250px} .family_site{width:860px;margin:0 auto} /* 사이트맵 */ .sitemap{width:100%} } /****** Desktop Wide Device ******/ @media screen and (min-width:1600px) and (max-width:1749px) { } /****** Desktop Device ******/ @media screen and (max-width:1200px) { .btn_apply4{width: calc(100% / 3 - 8px);} /* 여성창업지원 > 예비창업자발굴 */ #creative{width:100%;height:auto} #creative .creator_box{width:100%;min-height:180px;height:auto;border-radius:0;padding:0 20px 40px 30px;box-sizing:border-box;background-position:right bottom !Important} #creative .creator_box ul li{float:left;color:#fff;font-size:16px} #creative .creator_box ul li br{display:none} #creative .creator_box ul li::before{background:#fff} #creative .creator_1,#creative .creator_2,#creative .creator_3,#creative .creator_4{position:relative;left:0;top:0;float:left} #creative .creator_1 ul,#creative .creator_2 ul,#creative .creator_3 ul,#creative .creator_4 ul{position:relative;top:12px;left:0} #creative .creator_box h4{padding:40px 20px 0px 10px;float:left;font-size:20px} /* 혜택 다이어그램 */ .special_radius{margin:0 0 40px 0px} .special_radius ul{width:100%} .special_radius ul li{width:100%;height:auto;padding:20px 30px 30px 30px;border-radius:0;margin-left:0} .special_radius .textbox .md_s_tit{padding-bottom:10px;margin-bottom:12px} .special_radius .textbox .sub_text{min-height:auto} } @media screen and (max-width:900px) { .step-box ul{flex-wrap:wrap;} .step-box ul li{width: calc(100% / 3 - 20px);} .download_box2{padding: 40px;} .btn_apply4{width: calc(100% / 2 - 8px);} } @media screen and (max-width:690px) { .btn_apply4{width:100%;padding: 0 20px;} .special_radius ul{display:block;} }