/* common */
#subVisual { margin-top: 86px; width: 100%; height: 400px; position: relative; display: table; background: url(/img/sub/img_subVisual1.jpg) no-repeat center; background-size:cover; }
#subVisual h2 { display: table-cell; vertical-align: middle; color: #fff; font-size:60px; font-weight: 500; line-height: 100%; text-align: center; transform:translateY(-10px); -webkit-transform:translateY(-10px); }
#subVisual h2 span { display: block; font-size:30px; }
#subVisual #lnb { position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; background:rgba(19,43,136,.8); z-index:5; }
#lnb > div p { float: left; width: 68px; height: 70px; border-right:1px solid #4255a0; border-left:1px solid #4255a0; }
#lnb > div p a { display: block; width: 100%; height: 100%; background:url(/img/sub/icon_home.png) no-repeat center; font-size:0;  }
#lnb > div > div {float: left;min-width: 230px;padding-left: 25px;border-right:1px solid #4255a0;padding-right: 50px;height: 70px;background: url(/img/sub/bullet_lnb.png) no-repeat 92% center;line-height: 70px;position: relative;box-sizing:border-box;}
#lnb > div > div.lnb3 {width: 360px;}
#lnb > div > div > a {display: block;/* width: 100%; *//* height: 100%; */font-size:18px;color: #fff;font-weight: 500;/* background: url(/img/sub/bullet_lnb.png) no-repeat 90% center; */line-height:70px;/* text-indent:10%; */}
#lnb ul { display: none; position: absolute; top: 70px; left: -1px; z-index:50; width: 100%; padding:15px 0; border:1px solid #4255a0; border-top:none; background: #fff; }
#lnb li { /*overflow: hidden;*/ display: none; }
#lnb > div > div > ul > li { display: block; }
#lnb > div > div li a { color: #555; font-weight: 500; font-size:16px; width:92%; display: block;padding-left:8%;box-sizing:border-box;line-height: 20px;padding-bottom:15px; }
#lnb > div > div li a:hover { color:#122b88; }
#cont { margin:140px auto 200px; width: 100%; max-width:1400px; box-sizing:border-box; overflow: hidden;position:relative;}



/* 구성원-컨테이너 넓게 */
#cont_fluid { margin:140px auto 0; width: 100%; max-width:1920px; box-sizing:border-box; overflow: hidden; }


/* 탭메뉴 */
ul.tabareaM {border: 1px solid #132b88;width: 1050px;margin:0 auto;font-size:19px; height:70px; margin-bottom:70px; overflow: hidden; }

ul.tabareaM li {float: left;width:350px;text-align:center;cursor: pointer;height: 100%;letter-spacing:-1px;border-right:1px solid #132b88;overflow: hidden;position: relative; display: table; box-sizing:border-box; }
ul.tabareaM li.active {background: #132b88;color:#fff;}
ul.tabareaM li:last-child{border-right:none;}
ul.tabareaM li p { display: table-cell; vertical-align: middle; line-height:120% !important; padding:0 !important;	}
.tab_container { clear: both; }
.tab_content { display: none;}
ul.tabareaM.tm2{width:700px;}
ul.tabareaM.tm2 li{}
ul.tabareaM.tm3 li{}


/*인사말*/
.aboutCon { position: relative; }
.aboutCon > aside { width: 100%; height: 270px; background: url(/img/sub/img_about.jpg) no-repeat center; background-size:cover; display: table; position: absolute; top: 0; left: 0; z-index:-1; }
.aboutCon > aside p { display: table-cell; vertical-align: middle; color: #fff; font-size:32px; font-weight: 500; line-height: 120%; /*text-transform: uppercase*/; text-align: center; }
.aboutCon ul { margin-top:205px; overflow: hidden; text-align: center; padding-bottom: 20px; }
.aboutCon li { display: inline-block; }
.aboutCon li:before { content: ""; display: block; width: 70px; height: 71px; background:url(/img/sub/icon_plus.png) no-repeat; float: left; margin:75px 35px 0; }
.aboutCon li:first-child:before { display: none; }
.aboutCon li div { width: 260px; height: 260px; border-radius:50%; background: #fff; box-shadow:0 2px 15px rgba(0,0,0,.5); display: table; }
.aboutCon dl { display: table-cell; vertical-align: middle; }
.aboutCon dd { margin-top: 30px; font-size:20px; font-weight: 500; color: #222; line-height: 100%; }
.aboutCon .txt { margin-top: 50px; text-align: center; overflow: hidden;	}
.aboutCon .txt:before { content: ""; display: block; width: 1px; height: 60px; background: #cfd2dd; margin:0 auto 55px; }
.aboutCon .txt p { font-size:19px; line-height: 160%; color: #525257; margin-bottom: 35px; }
.aboutCon .txt p span { display: block; font-weight:500; }
.aboutCon .txt p br{display:none;}
.aboutCon .txt p em { font-size:30px; }
.aboutCon .txt p b { color: #222; font-weight: 500; }


/* 연혁 */
.hisCon .logo{text-align: center; }
.hisWrap{position: relative; padding-top: 85px; padding-bottom: 60px; }
.hisWrap:After{content: ""; position: absolute; left: 50%; top: 0;  width: 1px; height: 100%; background-color: #ddd; }
.hisWrap>ul:after{display: block;clear: both;content: "";}
.hisWrap>ul>li{ overflow: hidden; position: relative; z-index: 1;  margin-top: 110px; }
.hisWrap>ul>li:first-child{margin-top: 0; }
.hisWrap>ul>li .big{position: absolute; left: 50px; width: calc(50% - 150px); text-align: right;  }
.hisWrap>ul>li .big strong{font-size: 60px; color: #222; font-weight: 500; line-height: 1; font-family: 'Roboto'; letter-spacing: -3px; display: inline-block; margin-bottom: 20px; }
.hisWrap>ul>li .big strong em{font-family: 'Noto Sans KR';}
.hisWrap>ul>li .big img{max-width: 100%; }
.hisWrap>ul>li:nth-child(even)  .big{right: 0; left: inherit ; text-align: left;  }
.hisWrap>ul>li .lst_his{width: 50%;}
.hisWrap>ul>li:nth-child(even) .lst_his{text-align: right; float: left;  }
.hisWrap>ul>li:nth-child(odd) .lst_his{float: right; }
.hisWrap .lst_his>ul>li{margin-top: 70px; }
.hisWrap .lst_his dl{padding-left: 150px; position: relative;}
.hisWrap .lst_his dl:before{content: ""; position: absolute; left: 0; top: 18px; width: 130px; height: 1px; background-color: #c7c7c7; }
.hisWrap .lst_his dl:after{content: ""; position: absolute; left: -10px; top: 7px; width: 20px; height: 20px; background: url(/img/sub/ico_hisyear.gif) left top no-repeat;		}
.hisWrap .lst_his dl dt{color: #314eb9; font-family: 'Roboto'; font-size: 35px;line-height: 1; letter-spacing: -3px; }
.hisWrap .lst_his dl dd{color: #525257; font-size: 16px; font-weight: 300; position: relative; padding-left: 120px; margin-top: 25px;  	}
.hisWrap .lst_his dl dd span{font-size: 20px; font-weight: 500; position: absolute; left: 0;  }
.hisWrap>ul>li:nth-child(even) .lst_his dl {text-align: right; padding-left: 0; padding-right: 150px;  }
.hisWrap>ul>li:nth-child(even) .lst_his dl:before{left: inherit; right: 0; }
.hisWrap>ul>li:nth-child(even) .lst_his dl:after{left: inherit; right: -10px; }
.hisWrap>ul>li:nth-child(even) .lst_his dl dd{padding-left: 0; padding-right: 120px; }
.hisWrap>ul>li:nth-child(even) .lst_his dl dd span{left: inherit; right: 0; }

/* 공익활동 */
.activeCon .activeTop{text-align: center; border-bottom: 1px solid  #ccc; }
.activeCon .activeTop .img{height: 525px; background: url(/img/sub/img_activeTop.jpg) center no-repeat; -webkit-background-size: cover;background-size: cover;	}
.activeCon .activeTop .txt{padding: 74px 0; color: #333; font-size: 19px;  line-height: 1.8;}
.activeCon .activeTop .txt p span{font-weight: 500; }
.activeCon .lst_active{margin-top: 70px; }
.activeCon .lst_active ul{margin-left: -17px;}
.activeCon .lst_active ul:after{display: block;clear: both;content: "";}
.activeCon .lst_active ul li{text-align: center; float: left; width: calc(33.33% - 17px); margin-left: 17px; margin-top: -30px;  }
.activeCon .lst_active ul li .img img{max-width: 100%;}
.activeCon .lst_active ul li dl{position: relative; margin: 0 35px; background-color: #314eb9;color: #fff; top: -80px; padding: 23px 28px 0 28px;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.activeCon .lst_active ul li dl dt{font-size: 20px; font-size: 17px; border-bottom: 1px solid  #6f83ce; padding-bottom: 15px; }
.activeCon .lst_active ul li dl dd{font-size: 16px; display: table; width: 100%; height: 90px;}
.activeCon .lst_active ul li dl dd p{display: table-cell; vertical-align: middle;  line-height: 1.5;font-size:12px;}


/* 오시는 길 */
.mapTit{color: #222; font-weight: 500; font-size: 35px; text-align: center; position: relative; line-height: 1.3; margin-bottom: 120px;  }
.mapTit:after{content: ""; position: absolute; left: 50%; bottom: -90px; width: 1px; height: 60px; background-color: #8995c3; }
.mapTit span{color: #555; font-weight: 500; font-size: 19px;display: block;  }
.mapArea{border-top: 2px solid  #132b88;	}
.mapArea .map{height: 530px; }
.mapArea .info{background-color: #f2f2f2; border-bottom: 1px solid  #ccc; padding: 55px 0; }
.mapArea .info ul:after{content: "";display: block;clear: both;	}
.mapArea .info ul li{width: 33.33%; float: left; text-align: center; position: relative; padding: 0 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.mapArea .info ul li:after{content: ""; position: absolute; left: 0;width: 1px; height: 100%; background-color: #c2c2c2;}
.mapArea .info ul li:first-child:after{display: none; }
.mapArea .info ul li dl{display: inline-block;height: 158px; text-align: left; padding-left: 136px; padding-top: 19px;  background-repeat: no-repeat; background-position: left top;  	}
.mapArea .info ul li:nth-child(1) dl{background-image: url(/img/sub/ico_map1.png);}
.mapArea .info ul li:nth-child(2) dl{background-image: url(/img/sub/ico_map2.png);}
.mapArea .info ul li:nth-child(3) dl{background-image: url(/img/sub/ico_map3.png);}
.mapArea .info ul li dl dt{color: #222; font-size: 25px; font-weight: 500; margin-bottom: 25px; }
.mapArea .info ul li dl dd{font-size: 24px; color: #525257; font-family: 'Roboto';}
.mapArea .info ul li dl dd p:first-child{margin-top: 0; }
.mapArea .info ul li dl dd p{font-size: 16px; margin-top: 15px;}

.transport ul li{border-top: 1px solid  #ccc; padding: 70px 0;}
.transport ul li:first-child{border-top: 0; }
.transport ul li dl{display: table; width: 100%; }
.transport ul li dl dt{display: table-cell; vertical-align: top; width: 20%; font-size: 25px; font-weight: 500; color: #222; letter-spacing: -0.5px;}
.transport ul li dl dd{color: #555; font-size: 16px;}
.transport .bus p{margin-top: 20px; position: relative; padding-left: 145px; }
.transport .bus p:first-child{margin-top: 0; }
.transport .bus p span{position: absolute; left: 0; top: -4px; display: inline-block; width: 125px; background-color: #397cc8; color: #fff; font-size: 18px; height: 30px; line-height: 30px;  text-align: center; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; }
.transport .bus p:nth-child(2) span{background-color: #ff5a2d;}
.transport .bus p:nth-child(3) span{background-color: #ff2424;}
.transport .subway p{position: relative; padding-left: 40px; }
.transport .subway .sline2{position: absolute; left: 0; top: -4px; display: inline-block; width: 30px; height: 30px; line-height: 30px; color: #fff; font-size: 18px; font-weight: 500;background-color: #3db54b; text-align: center; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}

/* 업무분야 */
.stCon{overflow:hidden;letter-spacing:-.25px;}
.leftCon{float:left;width:72%;margin-right:3%;}
.rightCon{float:right;width:25%;position:relative;}
.stCon > article{}
.stCon article {margin-bottom:80px;}
.stCon h3{color:#132b88;font-size:34px;font-weight:600;line-height:60px;margin-bottom:80px;}
.stCon h3 img{margin-right:15px;}
.stCon h4{color:#222;font-size:24px;font-weight:600;line-height:100%;margin-bottom:20px;}
.stCon .cont_txt{font-size:18px;line-height:1.5;color:#333;word-break:keep-all; word-wrap:break-word;}
.stCon .leftCon > article > ul{background:#f5f5f5;border:1px solid #dbdbdb;padding:40px 50px;margin-top:20px;word-break:keep-all; word-wrap:break-word;}
.stCon .leftCon > article > ul > p{font-size:20px;font-weight:600;color:#222;margin-bottom:30px;}
.stCon .leftCon > article > ul > p.bx_txt{font-size:16px;line-height:25px;font-weight:500;}
.stCon .leftCon > article > ul.lineH li{line-height:1.5;margin-bottom:15px;}
.stCon .leftCon > article > ul > li > b{font-size:18px;display:block;color:#333;font-weight:500;}
.stCon .leftCon > article ul li{background:url(/img/sub/bullet_li.gif) no-repeat 0 14px;padding-left:15px;line-height:1.5;margin-bottom:10px;word-break:keep-all; word-wrap:break-word;}
.stCon .leftCon > article > div{overflow:hidden;background:#f5f5f5;border:1px solid #dbdbdb;padding:40px 50px;margin-top:20px;}
.stCon .leftCon > article > div > ul {}
.stCon .leftCon > div.etcL > ul {width:50%;float:left;}
.stCon .leftCon > div.etcL > ul > li{background:url(/img/sub/bullet_li2.gif) no-repeat 0 50%;padding-left:15px;font-size:20px;line-height:40px;color:#222;font-weight:500;}
.exWrap{position:relative;}
.exWrap .exTit{background:#101f56;color:#fff;padding:30px;font-size:24px;font-weight:600;position:relative;}
.exWrap .exTit span{position:Absolute;right:30px;top:20px;}
.exWrap .exTit span a{display:block;color:#fff;}
.exWrap .exList{padding:30px;background:#404b78;position: relative;}
.exWrap .exList a{display:block;color: #fff;}
.exWrap .exList a:hover dl dt{text-decoration:underline;}
.exWrap .exList li{border-bottom:1px solid #666f93;padding-bottom:30px;margin-bottom:30px;position: relative;max-width: 100%;}
.exWrap .exList li:last-child{margin-bottom:0;border:none;}
.exWrap .exList dl dt{font-size:18px;font-weight:600;margin-bottom:5px;/*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/}
.exWrap .exList dl dd{font-size: 14px; font-weight: 300; line-height: 1.5;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
/*.lst_hover{border:2px solid #fff;position: absolute; top: -25px;left:-22px; width: 100%;transition: .5s ease; opacity:0;padding:60px 20px; text-align: center;}*/
.exWrap .exList li:hover .lst_hover {opacity: 1;}
.exWrap .scrollTop{display:block;text-align:Center;border:2px solid #404b78;color:#232c51;margin-top:20px;padding:5px;font-size:20px;font-weight:800;}
.exWrap .scrollTop i{margin-left:5px;color:#232c51;font-size:32px;}
.baby-sub-quick-menu-area{ position:fixed; right:251px;width:18.3921%; z-index: 99;}


/* 구성원리스트,상세 */
.memCon > ul.mbList {overflow:hidden;}
.memCon > ul.mbList > li{float:left;width:48.5%;height:295px;overflow:hidden;position:relative;border:1px solid #ddd;margin-bottom:2%;transition:all 0.3s, color 0.1s 0.1s;}
.memCon > ul.mbList > li:nth-child(2n){margin-left:2%;}
.memCon > ul.mbList > li:hover{border:1px solid #132b88;}
.memCon > ul.mbList > li > a{position:absolute;right:25px;top:25px;z-index:99;}
.memCon .memBx{height:100%;padding-left: 40px;padding-bottom: 30px;position:relative;}
.memCon .memBx > p.imgBx{position:absolute;right: 4%;top:-35px;width:40%;}
.memCon .memBx > p.imgBx img{width:100%;}
.memCon .memBx > .nameBx{background:#142b89;width:73px;min-height:75px;color:#bbbdd4;padding: 13px;margin-top: 34px;font-size:21px;font-weight:600;line-height:24px;position:relative;}
.memCon .memBx > .nameBx:after{content:"";position:absolute;top:25px;left:90px;width:100px;height:1px;background:#3f5fe6;}
.memCon .memBx > dl{position:absolute;top: 39px;left: 155px;width:44%;}
.memCon .memBx > dl > dt{font-size:16px;line-height:100%;color:#333;font-weight:500;}
.memCon .memBx > dl > dd{font-size: 34px;font-weight:500;color:#222;line-height:130%;letter-spacing:-2px;}
.memCon .mbList-n .memBx > dl > dd{font-size: 28px; margin-top:5px; }
.memCon .memBx > ul{margin-top:40px;}
.memCon .memBx ul li{margin-bottom:6px;background:url(/img/sub/bullet_li2.gif) no-repeat 0 12px;padding-left:15px;line-height:24px;font-weight:500;color:#525257;width:50%;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.memCon .memBxVw ul li{width:98%;overflow:auto;white-space: inherit; text-overflow: inherit;word-break:keep-all; word-wrap:break-word;}
.memCon div.imgUp{float:left;width:460px;}
.memCon div.imgUp img{width:100%;}
.memCon.memView{overflow:hidden}
.memCon.memView div.memBx{margin-left:570px;padding-left:0;padding-top:0;width:830px;}
.memCon.memView div.memBx > dl{position:absolute;top:50px;left:130px;}
.memCon.memView div.memBx .memtit{font-size:21px;color:#101f55;font-weight:600;border-bottom:1px solid #9da0a5;margin-bottom:50px;}
.memCon.memView div.memBx .memtit p{position:relative;padding:20px 0;text-align:center;width:360px;margin-top:45px;}
.memCon.memView div.memBx .memtit p:after{content:"";position:absolute;bottom:-1px;left:0;width:360px;height:5px;background:#101f55;text-align:center;}

.btnLink{background:#747885;margin-top:150px;}
.btnLink a{display:block;color:#fff;text-align:center;padding:20px 0;font-size:22px;}

/* 업무사례 */
.h_search { overflow:hidden;background:#f5f5f5;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;padding:20px;margin-bottom:60px;}
.h_search h3{float:left;font-size:22px;color:#222;font-weight:600;line-height:60px;margin-right:20px;}
.h_search > div{float:left;width:30%;}
.h_search > div.sch_W {width:69%;}


.h_search select{width:100%;border:1px solid #dbdbdb;height:58px;border-radius:8px;padding:10px;font-size:18px;font-family:'Noto Sans KR', sans-serif;color:#222;font-weight:600;}
.h_search input::placeholder{color:#aaa;}

.sch_W form {position: relative; }
.sch_W form input[type='text'] {margin-left:10px;width:100%;border:1px solid #dbdbdb;height:58px;border-radius:8px;padding-left:10px;font-size:18px; padding:0 10px; font-size:13px; color:#161724;border:1px solid #dbdbdb; box-sizing:border-box;position:relative;font-size:18px;}
.sch_W form p { position: absolute; top: 0; right: -10px; }

.h_search button {width:60px; height:57px;;border-radius:8px;border:none; background:#132b88; cursor:pointer;color:#909090; }
.h_search button i{font-size:24px;color:#fff;}
input:focus {outline:none;}

.bd_tit{font-size:30px;line-height:100%;margin-bottom:30px;color:#222;font-weight:800;}

.caselist{border-top:2px solid #222;border-bottom:2px solid #dbdbdb;}
.caselist .accordion {position:relative;font-family:'Noto Sans KR', sans-serif;color: #222;font-size:18px;cursor: pointer; padding:30px;background:none;width: 100%;border:none;border-bottom:1px solid #dbdbdb; text-align: left; outline: none;  transition: 0.4s;background:url(/img/sub/bullet_li2.gif) no-repeat 30px 43px;padding-left:45px;word-break:keep-all; word-wrap:break-word;}
.caselist .accordion:after {content:url( '/img/sub/btn_more.png');color: #122b88;font-weight: bold;font-size:40px;position:absolute;right:30px;top:50%;margin-top:-17px;}
.caselist .accordion.active:after {content:url( '/img/sub/btn_more_ov.png');font-weight: bold;}
.caselist.v_case .accordion{cursor:default;}
.caselist.v_case .accordion:after {display:none;}
.caselist .panel { background-color: #f5f5f5; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.caselist .panel > p{padding:30px;line-height:26px;font-size:16px;border-bottom:2px solid #222;}
.caselist .accordion span{color:#2a4ccd}

/* 개인정보취급방침/이메일무단수집거부 */
.pop_wrap{display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:999;}
.pop_wrap .popup{position:relative; top:10%; width:80%; height:80%; margin:0 auto; padding:18px; background-color:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.pop_wrap .pop_clse{position:absolute; top:-45px; right:0; width:24px; height:24px;color:#fff;font-size:26px;}
.pop_wrap .pop_tit{color:#142b89; font-weight:800;font-size:30px;line-height:100%;margin-bottom:20px;}
.pop_wrap .pop_view{overflow-y:scroll; height:calc(100% - 65px);margin-top:10px; margin-bottom:10px; color:#777; background-color:#fff; border:1px solid #ddd; -webkit-overflow-scrolling:touch;}
.pop_wrap .pop_view .pop_txt{padding:15px 13px;}
.pop_wrap .pop_view .pop_txt dl{background:#f0f1f5;padding:20px;}
.pop_wrap .pop_view .pop_txt dl dt{color:#222;font-weight:600;font-size:16px;}
.pop_wrap .pop_view .pop_txt dl dd{padding:10px 0;color:#222;}
.pop_wrap .pop_view .pop_txt dl dd ul li:before{content:"·";padding-right:3px;}
.pop_wrap .pop_view .pop_txt dl dd ul{margin:10px 10px 0 0;}
.pop_wrap .pop_view .pop_txt dl dd ul li{color:#777;font-size:15px;line-height:24px;}
.pop_wrap .pop_view .pop_txt dl dd ul li > p{margin-left:13px;}
.pop_wrap .article_titW{background:#f0f1f5;padding:20px 30px;color:#222;line-height:25px;margin-bottom:25px;}
.pop_wrap .article_tit{padding-bottom:10px; color:#222;font-weight:600;font-size:18px;}
.pop_wrap .article_txt{padding-bottom:10px;line-height:24px;}
.dimm{display:none; position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(36, 36, 36, 0.93); z-index:4;}
.pop_wrap .article_txt.announce{font-size:18px;color:#222;}

/* 채용공고 상단 */
.hiringTop {margin-bottom: 100px; }
.hiringTop p{font-size: 32px; font-weight: 500; color: #222; letter-spacing: -1px; margin-bottom: 127px; line-height: 1.3;text-align: center; position: relative; }
.hiringTop p:after{content: ""; position: absolute; left: 50%; bottom: -90px; width: 1px; height: 60px; background-color: #cfd2dd;}
.hiringTop .talent {padding-left: 40px; }
.hiringTop .talent dl{display: inline-block; vertical-align: top; text-align: center; width: calc(25% + 36px);  margin-left: -40px; }
.hiringTop .talent dl dt{color: #fff; background-color: rgba(37, 178, 191, 0.8); padding: 40px;line-height: 1.3; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; font-size: 20px; font-weight: bold; margin-bottom: 32px; }
.hiringTop .talent dl:nth-child(2) dt{background-color: rgba(40, 131, 201, 0.8);}
.hiringTop .talent dl:nth-child(3) dt{background-color: rgba(53, 76, 168, 0.8);}
.hiringTop .talent dl:nth-child(4) dt{background-color: rgba(104, 87, 189, 0.8);}
.hiringTop .talent dl dd{font-size: 19px; font-weight: 500; color: #525257; line-height: 1.4; padding: 0 40px; }

@media screen and (max-width: 1750px){
	.baby-sub-quick-menu-area{ position:fixed; right:80px;width:18.3921%; z-index: 99;}
}


@media screen and (max-width: 1430px){
	.memCon > ul.mbList > li{float:left;width:49.2%;margin-bottom:1%;}
	.memCon > ul.mbList > li:nth-child(2n){margin-left:1%;}

	/* 업무사례 */
	.h_search { overflow:hidden;background:#f5f5f5;border:1px solid #dbdbdb;padding:20px;margin-bottom:60px;}
	.h_search h3{float:none;font-size:18px;color:#222;font-weight:600;line-height:100%;margin-right:0;margin-bottom:10px;}
	.h_search > div{float:none;width:100%;}
	.h_search > div.sch_W {width:100%;}

	.h_search select{width:100%;height:50px;font-size:16px;margin-bottom:10px;}

	.h_search input {margin-left:0;width:100%;height:50px;border-radius:8px;padding:10px;font-size:16px; padding:0 10px;color:#161724;border:1px solid #dbdbdb; box-sizing:border-box;}
	.h_search input::placeholder{color:#aaa;}

	.h_search button{width:50px;height:50px;}
	.h_search button i{font-size:16px;}

	.sch_W form {position: relative; }
	.sch_W form input[type='text'] {margin-left:0;width:100%;height:50px;padding:10px;font-size:16px;color:#161724;}
	.sch_W form p { position: absolute; top: 0; right: 0; }

	input:focus, select:focus, button:focus {outline:none;}

	.caselist .accordion {font-size:16px;cursor: pointer; padding:25px;padding-right:90px;background:url(/img/sub/bullet_li2.gif) no-repeat 20px 35px;padding-left:35px;}
	.caselist .panel > p{padding:20px;line-height:24px;font-size:15px;text-align:justify;word-break:keep-all; word-wrap:break-word;}
	.caselist.v_case .accordion{padding:25px 35px;}
}



@media screen and (max-width: 1280px){
	.img100 > img{width:100%;}


	.pop_wrap .popup{top:10%; width:1280px; height:80%; padding:18px;}
	.pop_wrap .pop_clse{top:-50px; width:32px; height:32px;}
	.pop_wrap .pop_view{height:calc(100% - 75px); margin-top:10px; margin-bottom:10px;}
	.pop_wrap .pop_view .pop_txt{padding:15px 13px;}
	.pop_wrap .article_tit{padding-bottom:10px;}

	.baby-sub-quick-menu-area{ position:fixed; right:50px;width:20%; z-index: 99;}


	.memCon div.memBx > p.imgBx{position:absolute;right: 4%;top:0;width:40%;}


	.hiringTop .talent dl{width: calc(50% + 36px); margin: 15px 0 15px -40px; }
}


@media screen and (max-width:1100px) {
	/* common */
	#subVisual { height: 350px;  }
	#subVisual h2 { font-size:45px; }
	#subVisual h2 span { font-size:25px; }
	#subVisual #lnb { height: 70px; }
	#lnb > div > div { width:calc(50% - 35px);  }
	#lnb > div > div > a { display: block; width: 100%; height: 100%; font-size:18px; color: #fff; font-weight: 500; line-height:70px; text-indent:10%; }
	#lnb > div > div ul { display: none; }

	#subVisual.on { padding-bottom: 70px; }
	#subVisual.on #lnb { height: 140px; }
	#lnb > div > div.lnb3 { position: absolute; bottom: 0; left: 0; float: none; width: 100%; border-right:none; border-top:1px solid #4255a0; height: 70px; }
	#lnb > div > div.lnb3 > a { background-position:right 4.6% center; text-indent:2%; }
	#lnb > div > div.lnb3 ul { top:69px; left: 0; box-sizing:border-box; }
	#lnb > div > div.lnb3 li a { text-indent:5%; }



	#cont { margin:100px auto; padding:0 15px; }

	/* 탭메뉴 */
	ul.tabareaM{width:100%;height:50px;margin-bottom:50px;}
	ul.tabareaM li{width:50%;/* line-height:50px; */font-size:16px; box-sizing:border-box;}
	ul.tabareaM.tm2{width:100%}
	ul.tabareaM.tm3 li{width:33.33%;}
	ul.tabareaM li p { display: table-cell; vertical-align: middle; line-height: 120%; }

	/*인사말*/
	#cont.aboutCon { padding:0; }
	.aboutCon > aside { height: 250px; box-sizing:border-box; padding:0 15px; }
	.aboutCon > aside p { font-size:25px; }
	.aboutCon ul { margin-top:200px; }
	.aboutCon li:before {margin:65px 10px 0; width: 35px; height: 35px; background-size:100%;  }
	.aboutCon li div { width: 160px; height: 160px;  }
	.aboutCon dt img { height:45px; }
	.aboutCon dd { margin-top: 20px; font-size:18px; }
	.aboutCon .txt { padding:0 15px; box-sizing:border-box; }
	.aboutCon .txt:before { margin:0 auto 45px; }
	.aboutCon .txt p { font-size:18px; margin-bottom: 35px; }
	.aboutCon .txt p em { font-size:25px; }
	.aboutCon .txt p br{display:block;}

	/* 연혁 */
	.hisWrap .lst_his dl{padding-left: 70px; }
	.hisWrap .lst_his dl:before{width: 50px;}
	.hisWrap>ul>li:nth-child(even) .lst_his dl{padding-right: 70px; }
	.hisWrap>ul>li .big{width: calc(50% - 80px);}
	.hisWrap>ul>li .big strong{font-size: 50px; }


	/* 공익활동 */
	.activeCon .activeTop .img{height: 425px;}
	.activeCon .activeTop .txt{padding: 60px 0;}
	.activeCon .lst_active ul{margin-left: -10px; }
	.activeCon .lst_active ul li{width: calc(33.33% - 10px); margin-left: 10px;}
	.activeCon .lst_active ul li dl{margin: 0 15px; }
	.activeCon .lst_active ul li dl dd p br{display: none; }

	/* 오시는 길 */
	.mapTit{font-size: 30px; margin-bottom: 70px; }
	.mapTit:after{bottom: -55px; height: 40px; }
	.mapTit span{font-size: 16px; }
	.mapArea .map{height: 430px; }
	.mapArea .info{padding: 30px 0; }
	.mapArea .info ul li dl{padding-left: 0; padding-top: 130px; background-position: center top; text-align: center; width: 100%; -webkit-background-size: 100px;background-size: 100px;}
	.mapArea .info ul li:after{top: 0;}


	/* 업무분야 */
	.leftCon{float:none;width:100%;}
	.rightCon{float:none;width:100%;}
	.baby-sub-quick-menu-area{ position:relative; right:0;width:100%; z-index: 99;}
	.stCon .leftCon > article > div {padding:20px;}

	.stCon .leftCon > div.etcL > ul {width:100%;float:none;}
	.stCon .leftCon > div.etcL > ul > li{background:url(/img/sub/bullet_li2.gif) no-repeat 0 12px;padding-left:10px;font-size:1.05em;line-height:1.8;}

	/* 구성원 */
	.memCon > ul.mbList > li{height:215px;}

	.memCon div.memBx{padding-left:20px;padding-bottom:15px;}
	.memCon div.memBx > .nameBx{padding:10px;font-size:1.06em;width:55px;font-weight:600;line-height: 19px;margin-top:20px;}
	.memCon div.memBx > .nameBx:after{top:13px;left:63px;}
	.memCon div.memBx > dl{top:30px;left:115px;}
	.memCon div.memBx > dl > dt{font-size:14px;}
	.memCon div.memBx > dl > dd{font-size:28px;}
	.memCon .mbList-n .memBx > dl > dd{font-size: 26px; }
	.memCon div.memBx > p.imgBx{z-index:-1;height:100%;width:45%;right:2%;top:-15px;}
	.memCon div.memBx > p.imgBx img{width:100%}
	.memCon div.memBx > ul{margin-top:20px;}
	.memCon div.memBx ul li{margin-bottom:2px;font-size:0.9em;line-height:1.5;background-position:0 8px;padding-left:10px}
	.memCon .memBx.memBxVw{width:100%;overflow:visible}

	.memCon div.imgUp{float:left;width:40%;}
	.memCon div.imgUp img{width:100%;}
	.memCon.memView{overflow:hidden}
	.memCon.memView div.memBx{margin-left:45%;padding-left:0;padding-top:0;width:55%;}
	.memCon.memView div.memBx > dl{position:absolute;top:30px;left:100px;}
	.memCon.memView div.memBx .memtit{margin-bottom:30px;}
	.memCon.memView div.memBx .memtit p{position:relative;padding:20px 0;text-align:center;width:350px;margin-top:45px;}
	.memCon.memView div.memBx .memtit p:after{content:"";position:absolute;bottom:-1px;left:0;width:350px;height:5px;background:#101f55;text-align:center;}
	.btnLink a{font-size:17px;}


	.pop_wrap .pop_view{border:none;padding:0;}
	.pop_wrap .pop_view .pop_txt{padding:0;}
	.pop_wrap .popup{top:10%; width:90%; height:80%; padding:18px;}
	.pop_wrap .pop_tit{font-size:1.5em}
	.pop_wrap .article_titW, .pop_wrap .article_txt{line-height:1.5}
	.pop_wrap .article_tit, .pop_wrap .pop_view .pop_txt dl dt{font-size:1.1em}
	.pop_wrap .article_txt.announce{font-size:1em;}
}


@media screen and (max-width:920px) {
	/* 공익활동 */
	.activeCon .lst_active ul li{width: calc(50% - 10px);}

	/* 채용공고 상단 */
	.hiringTop .talent dl dt{margin-bottom: 15px; padding: 25px; font-size: 18px; }
	.hiringTop .talent dl dd{font-size: 16px; 	}
}

@media screen and (max-width:700px) {

	.memCon > ul.mbList > li{float:none;width:99.5%;font-size:14px;}
	.memCon > ul.mbList > li:nth-child(2n){margin-left:0%;}
	.memCon div.memBx > dl{top:25px;left:105px;}
	.memCon div.memBx > dl > dd{font-size:1.4em;width:92%;line-height:110%;margin-top:5px;}
	.memCon .mbList-n .memBx > dl > dd{font-size: 1.4em; }
	.memCon div.memBx > .nameBx{margin-top:20px;}
	.memCon div.memBx{padding-left:15px;}
	.memCon div.memBx > p.imgBx{top:-25px;width:35%}
	.memCon div.memBx > p.imgBx img{width:100%}


	/* 연혁 */
	.hisWrap>ul>li .big strong{ background-color: #fff; padding: 10px 0;}
	.hisWrap>ul>li .big{position: relative; left: inherit; width: 100%; text-align: center;  	}
	.hisWrap>ul>li:nth-child(even) .big{text-align: center; 	}
	.hisWrap>ul>li .lst_his{width: 100%;}
	.hisWrap>ul>li:nth-child(odd) .lst_his{float: none; 	}
	.hisWrap .lst_his dl{padding-left: 0; text-align: center; background-color: #fff; padding: 15px 0; }
	.hisWrap .lst_his dl dt{margin-bottom: 30px;}
	.hisWrap .lst_his dl dd{padding-left: 0; }
	.hisWrap .lst_his dl dd span{position: relative; margin-bottom: 10px; display: inline-block;}
	.hisWrap .lst_his dl:before{display: none; }
	.hisWrap .lst_his dl:after{left: 50%;top: -45px;margin-left: -10px;}
	.hisWrap>ul>li:nth-child(even) .lst_his dl{text-align: center; padding-right: 0; }
	.hisWrap>ul>li:nth-child(even) .lst_his dl dd{padding-right: 0;}
	.hisWrap>ul>li:nth-child(even) .lst_his dl:after{left: 50%;}
	.hisWrap .lst_his dl dd{margin-top: 15px; }



	.activeCon .activeTop .img{height: 320px;}
	.activeCon .lst_active ul li {margin-top: 10px;}
	.activeCon .lst_active ul li dl{top: 0;	margin: 0;padding:15px 10px;height:180px;}
	.activeCon .lst_active ul li dl dt{height:50px;}

	/* 오시는 길 */
	.mapArea .info ul li dl{-webkit-background-size: 80px;background-size: 80px; padding-top: 100px; }
	.mapArea .info ul li dl dt{font-size: 20px; margin-bottom: 15px;}
	.mapArea .info ul li dl dd{font-size: 20px; }
	.mapArea .info ul li dl dd p{font-size: 14px; }

	/* 채용공고 상단 */
	.hiringTop{margin-bottom: 60px;}
	.hiringTop p{font-size: 28px; margin-bottom: 87px;}
	.hiringTop p:after{bottom: -70px; height: 50px; }
	.hiringTop .talent{padding: 0;}
	.hiringTop .talent dl{width: 100%; margin: 10px 0 10px 0; }
	.hiringTop .talent dl dt{padding: 15px;}




}

@media screen and (max-width:650px) {
	/* common */
	#subVisual { margin-top: 85px; height: 250px; }
	#subVisual h2 { font-size:35px; }
	#subVisual h2 span { font-size:20px; }
	#subVisual #lnb { height: 50px; }
	#lnb > div p { width: 38px; height: 50px; }
	#lnb > div > div { min-width:calc(50% - 20px); height: 50px;padding-left:0;}
	#lnb > div > div > a { font-size:15px; color: #fff; font-weight: 500; background-size:10px; line-height:50px; text-indent:10px; }
	#lnb > div > div ul { top: 50px; padding:10px 0;  }
	#lnb > div > div li a { font-size:15px; height: auto; line-height: 22px; }

	#subVisual.on { padding-bottom: 50px; }
	#subVisual.on #lnb { height: 100px; }
	#lnb > div > div.lnb3 { height: 50px; }
	#lnb > div > div.lnb3 > a { background-position:right 4.6% center; text-indent:15px; }
	#lnb > div > div.lnb3 ul { top:49px;  }
	#lnb > div > div.lnb3 li a { text-indent:15px; }




	#cont { margin:50px auto;  }


	/*인사말*/
	.aboutCon > aside { height: 200px; }
	.aboutCon > aside p { font-size:20px; }
	.aboutCon ul { margin-top:150px; }
	.aboutCon li { display: block; }
	.aboutCon li:before { display: none;  }
	.aboutCon li div { max-width: 350px; width: 80%; height: auto; padding:20px 0; border-radius:5px; margin:0 auto 20px; }
	.aboutCon dt img { height:45px; }
	.aboutCon dd { margin-top: 10px; font-size:16px; }
	.aboutCon .txt { margin-top: 0; }
	.aboutCon .txt:before { margin:0 auto 20px; height: 40px; }
	.aboutCon .txt p { /* font-size:0.93em; */ font-size:0.9em; margin-bottom: 25px;letter-spacing:-1px;}
	.aboutCon .txt p span { display: inline; margin-left: 4px; }
	.aboutCon .txt p em { font-size:20px; }

	.stCon h3{font-size:20px;margin-bottom:40px;}
	.stCon .cont_txt, .stCon .leftCon > article ul li{font-size:16px;line-height:26px;}
	.stCon .leftCon > article > ul{padding:20px;}

	.pop_wrap .article_titW{padding:10px;}
	.pop_wrap .pop_view .pop_txt, .pop_wrap .pop_view .pop_txt dl dd ul li{font-size:14px;line-height:22px;}



	.memCon div.imgUp{float:none;width:100%;text-align:center;}
	.memCon div.imgUp img{width:60%;margin-bottom:40px;}
	.memCon.memView div.memBx{margin-left:0;width:100%;}
	.memCon div.memBx > p.imgBx{top:0px;right:-1%;width:45%;}
	.memCon > ul.mbList > li > a{position:absolute;right:15px;top:15px;z-index:9;}
	.memCon > ul.mbList > li > a > img{width:25px;}


	/* 연혁 */
	.hisWrap>ul>li .big strong{font-size: 35px;}
	.hisWrap .lst_his dl dt{font-size: 30px; margin-bottom: 20px;}
	.hisWrap .lst_his dl dd{font-size: 14px; margin-top: 15px;}
	.hisWrap .lst_his dl dd span{font-size: 16px; margin-bottom: 5px;}

	/* 공익활동 */
	.activeCon .activeTop .img{height: 250px; }
	.activeCon .activeTop .txt{padding: 30px 0; font-size: 15px;word-break:keep-all; word-wrap:break-word;}
	.activeCon .activeTop .txt p br{display: none; }
	/* .activeCon .lst_active ul{margin-left: 0; }
	.activeCon .lst_active ul li{width: 100%; float: none; margin-left: 0;}
	.activeCon .lst_active ul li .img img{width: 100%;}
	 */
	 .activeCon .lst_active ul li dl dt{font-size: 15px; }
	 .activeCon .lst_active ul li dl dd{font-size: 14px;word-break:keep-all; word-wrap:break-word;}

	/* 오시는 길*/
	.mapArea .map{height: 300px;}
	.mapArea .info ul li{float: none; width: 100%; margin-top: 20px; }
	.mapArea .info ul li:first-child{margin-top: 0;}
	.mapArea .info ul li:after{display: none;}
	.mapArea .info ul li dl{height: auto; min-height: 80px; background-position: left top; padding-top: 10px; padding-left: 100px; text-align: left; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;	}
	.mapArea .info ul li dl dd p br{display: none; }
	.mapArea .info ul li dl dd p{margin-top: 10px;}

	.transport ul li {padding: 30px 0; }
	.transport ul li dl{display: block; }
	.transport ul li dl dt{display: block; margin-bottom: 20px; width: 100%; font-size: 20px; }
	.transport ul li dl dd{font-size: 14px; }
	.transport .bus p{padding-left: 70px; }
	.transport .bus p span{width: 53px; height: 25px; line-height: 25px; font-size: 15px; top: -1px;  }
	.transport .subway p{padding-left: 35px; }
	.transport .subway .sline2{width: 25px; height: 25px; line-height: 25px; font-size: 15px; top: -1px;}

	/* 채용공고 상단 */
	.hiringTop p {font-size: 23px;margin-bottom: 47px;}
	.hiringTop p:after {bottom: -45px;height: 30px;}
}


@media screen and (max-width:400px) {
	.aboutCon .txt p { font-size:0.8em; }
}