@charset "utf-8";

/* ************************ 공통 ************************ */
/*br 제어*/
.only-pc {display:block !important;}
.except-pc {display:none !important;}
.only-mobile {display:none !important;}
.only-tablet {display:none !important;}
.except-mobile {display:block !important;}
.only-pc-mobile {display:block !important;}



/* ***** 설정 ***** */
.dp-i {display:inline;}
.dp-ib {display:inline-block;}
.dp-b {display:block;}

/* ***** 컬러 ***** */
.c_green {color:#32be5d !important;}


/* ***** 폼 ***** */



/* ***** 탭 ***** */
.tabWrap {}
/* 탭::type1 */
.tabWrap.type1 {}


/* 탭::tabInner */
.tabInner {}
.tabInner>ul {}
.tabInner>ul>li {display:none;}
.tabInner>ul>li.on {display:block;}

.tableWrap {}


/* 테이블::type1 */
.tableWrap.type1 {}
.tableWrap.type1>table {border-top:1px solid #000;}
.tableWrap.type1>table tr {border-bottom:1px solid #ddd;}
.tableWrap.type1>table tr>* {padding:20px 0; padding-left:50px; font-size:18px; letter-spacing:-.5px; text-align:left; font-weight:300;}
.tableWrap.type1>table th {background:#f9f9f9; color:#000;}
.tableWrap.type1>table td {}


/* ***** 테이블 ***** */
/*공통*/
table[class*="type"] tr>* {padding:20px;}
table[class*="type"] tr>th {font-size:18px; font-weight:300; color:#111;}

/*테이블::type1*/
table.type1 thead tr th {
	background:#f5f5f5;
	text-align:center;
	border-top:1px solid #10275e; border-bottom:1px dotted #aaa;
}
table.type1 thead tr th+th {border-left:1px solid #ddd;}

table.type1 tbody tr>* {
	font-size:17px; text-align:center;
	color:#111; font-weight:300;
	border-bottom:1px solid #ddd;
	transition-duration:.3s !important;
}
table.type1 tbody tr th {
	border-right:1px solid #ddd;
	background:#fff;
}
table.type1 tbody tr td+td {border-left:1px solid #ddd;}
table.type1 tbody tr:hover td {background:#e3e8f6;}
table.type1 tbody tr:hover th {background:#10275e; color:#fff; border-right:1px solid #10275e;}

/*테이블::type2 (패딩값차이)*/
table.type2 tr>td,
table.type2 tr>th {padding:10px 20px 6px 20px; text-align:center;}
table.type2 tr>th {font-size:17px;}
table.type2 tr>td {font-size:16px;}

table.type2 thead tr th {background:#f5f5f5; color:#000; border-top:1px solid #000; border-bottom:1px dotted #ccc;}
/* table.type2 thead tr th+th {border-left:1px solid rgba(255,255,255,.1);} */
table.type2 thead tr th+th {border-left:1px solid #ddd;}
table.type2 tbody tr>* {border-bottom:1px solid #ddd;}
table.type2 tbody tr>*+* {border-left:1px solid #ddd;}

/*테이블::type3 (정의완료)*/
table.type3 tr>td,
table.type3 tr>th {padding:10px 50px;}
table.type3 tr>th {font-size:17px; font-weight:400;}
table.type3 tr>td {font-size:16px;}

table.type3 thead tr th {background:#f5f5f5; color:#111; border-top:1px solid #10275e; border-bottom:1px dotted #aaa;}
table.type3 thead tr th+th {border-left:1px solid #ddd;}
table.type3 tbody tr>* {border-bottom:1px solid #ddd; transition:.3s;}
table.type3 tbody tr:hover>* {border-bottom:1px solid #aaa;}
table.type3 tbody tr>td {text-align:center; padding:10px 50px;}
table.type3 tbody tr>td+td {border-left:1px solid #ddd;}





/* ***** 디자인 ***** */
.itemBox {}
.itemBox+.itemBox {padding-top:100px;}

.parenthesisWrap {text-align:center;}
.parenthesisWrap p {padding:0 110px; position:relative;display:inline-block; font-size:18px; color:#000; letter-spacing:-.5px; min-height:110px;}
.parenthesisWrap p b {font-size:1.6em; font-weight:500; display:block; letter-spacing:-1px;}
.parenthesisWrap p b em {color:#32be5d;}

.parenthesis:before,
.parenthesis:after {content:''; display:block; width:30px; height:110px; background:center /26px no-repeat; position:absolute; top:0; opacity:0.1;}
.parenthesis:before {left:0; background-image:url(../images/common/i-parenthesis-left.svg);}
.parenthesis:after {right:0; background-image:url(../images/common/i-parenthesis-right.svg);}

/* 타이틀 */
.subTit.type1 {padding-bottom:25px; padding-left:40px; background:url(../images/common/i-supTitType1.svg)0 0 /30px no-repeat; font-size:28px; color:#000; letter-spacing:-1px; font-weight:500;}
.subTit a.tel {margin-left:25px; padding-left:50px; display:inline-block; position:relative;}
.subTit a.tel:before {content:''; display:block; width:40px; height:40px; background:#32be5d url(../images/common/i-tel.svg)center /15px no-repeat; position:absolute; left:0; top:-6px; border-radius:50%;}

.applyBtn {padding-top:50px; text-align:center;}
.applyBtn a {display:inline-block; width:300px; line-height:70px; font-size:24px; font-weight:500; color:#fff; letter-spacing:-1px; border-radius:100px; background:#32be5d;}

/* ************************ 사업 ************************ */
.business .photoWrap {margin-top:40px;}
.business .photoWrap h4 {font-size:18px; color:#198f39; background:#b9e8c6; letter-spacing:-1px; font-weight:400; text-align:center; padding:10px; border-radius:3rem;}
.business .photoWrap>div {margin-top:30px; display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap;}
.business .photoWrap>div+h4 {margin-top:50px;}
.business .photoWrap>div .img {width:calc(50% - 10px); border:1px solid #ddd; border-radius:10px;}
.business .photoWrap>div .img img {width:100%; height:100%; object-fit:cover; border-radius:10px;}
.business .photoWrap>div .img span {display:block; text-align:center; padding:7px; background:#f2f2f2; color:#000;}
.business .photoWrap.ratio5>div .img {aspect-ratio:1/0.5;}
.business .photoWrap.ratio6>div .img {aspect-ratio:1/0.6;}


/* ********** 사업::역량강화 ********** */
.capa {}
.capa-top {margin-top:55px; padding:50px 50px 45px; border:3px solid #efefef; border-radius:30px; position:relative; letter-spacing:-.5px;}
.capa-top.mt10 {margin-top:10px;}
.capa-top h3 {padding-bottom:20px; font-size:28px; font-weight:500; color:#000;}
.capa-top p {font-size:18px; line-height:2; color:#555;}
.capa-top i {position:absolute; right:50px; top:-55px; display:block; width:110px; height:110px; line-height:104px; border:3px solid #efefef; border-radius:50%; background:#fff; text-align:center;}
.capa-top i img {width:63px;}

.capa-list {padding-top:50px;}
.capa-list ul {margin-left:-35px;}
.capa-list ul:before {clear:both; display:block; content:"";}
.capa-list ul li {float:left; display:inline-block; width:calc(100%/3 - 35px - 1px); margin-left:35px; border:3px solid #efefef; border-radius:30px; overflow:hidden;}
/* .capa-list ul {margin-left:-35px;} */
/* .capa-list ul li {float:left; width:calc(100%/3 - 35px); margin-left:35px; letter-spacing:-.5px; border:3px solid #efefef; border-radius:30px; overflow:hidden;} */
/* .capa-list ul li+li {margin-left:35px;} */
.capa-list ul li h4 {padding:30px 55px; background:#f5f5f5; font-size:24px; color:#000; font-weight:500; line-height:1.25;}
.capa-list ul li p {color:#555; padding:23px 50px; line-height:1.75;}



/* ********** 사업::권익향상 ********** */
.inter {}
.inter h3+p {font-size:18px; color:#000; letter-spacing:-1px;}
.inter h3+p+* {padding-top:25px;}



/* ********** 사업::인식개선 ********** */
/* .reco .capa-list {padding-top:0;} */
.reco .recoWrap {margin-top:100px;}
.reco .recoWrap .capa-top p {padding:0 0 6px 20px; background: url(../images/common/arrow-right-green.svg) 0 15px / 10px no-repeat; color:#000; font-weight:400;}


/* ********** 사업::건강증진 ********** */
.capa-list.controlH ul li h4 {min-height:120px; display:flex; align-items:center;}
.capa-list.odd ul li {width:calc((100% - 70px)/2);}
.health .healthWrap .capa-top p {padding:0 0 6px 20px; background: url(../images/common/arrow-right-green.svg) 0 15px / 10px no-repeat; color:#000; font-weight:400;}
.health .healthWrap .capa-top p .small {font-size:16px; padding-left:20px; display:inline-block; background:url(../images/common/arrow-right.svg) 0px 50% / 10px no-repeat;}


/* ********** 사업::협력네트워크 ********** */
body.gray .contents {background:#f5f5f5; border-bottom:1px dotted #ccc;}
body.gray .contents+footer {background:#fff;}
.cooper .cooperWrap {text-align:center;}
.cooper .cooperWrap span {display:inline-block; padding:100px 50px 500px; border:3px solid #eee; border-radius:30px; width:50%; font-size:24px; font-weight:500; color:#000;
background:#fff url(../images/business/cooper-img.png)no-repeat center bottom 30px; background-size:contain; transition:.3s;}
.cooper .cooperWrap span:hover {box-shadow:3px 3px 10px rgba(0,0,0,.1);}
.cooper .cooperWrap span em {transition:.3s;}
.cooper .cooperWrap span:hover em {color:#32be5d;}



/* ********** 사업::백신예방접종(22-08-23추가) ********** */
.vaccine .vaccineWrap .c_red {color:#ff5f5f;}
.vaccine .vaccineWrap .c_blue {color:#002bff;}
.vaccine .vaccineWrap .capa-top p {padding:0 0 6px 20px; background: url(../images/common/arrow-right-green.svg)0 15px /10px no-repeat; color: #000; font-weight: 400;}
.vaccine .vaccineWrap .capa-top p.blodWrap {background: url(../images/common/arrow-right-green.svg)0 16px /10px no-repeat;}
.vaccine .vaccineWrap .capa-top p .bold {font-size:22px; font-weight:600;}
.vaccine .vaccineWrap .capa-top .last {display:inline-block; padding-top:5px;}
.vaccine .vaccineWrap .capa-top p .small {font-size:16px; padding-left:20px; display:inline-block; background: url(../images/common/arrow-right.svg)0px 50% /10px no-repeat;}
.vaccine .vaccineWrap .capa-top p .small_s {padding-left:0px; background:none;}
.vaccine .vaccineWrap .capa-top .block {display:block; padding-left:20px;}
.vaccine .vaccineWrap .capa-top .c_blue.block {padding-top:30px; padding-left:0px;}
.vaccine .vaccineWrap .capa-top .c_blue.br {padding:0; padding-left: 20px;}
.vaccine .vaccineWrap .capa-top .import {font-size: 22px; line-height: 1.4; border-top: 1px solid #efefef; background:url(../images/common/i-import.png) no-repeat left center; background-size:48px; padding: 30px 20px 20px 70px; margin: 10px 0; margin-top:30px;}

.vaccine .vaccineWrap .order-list {padding:40px; border:3px solid #efefef; border-radius:30px; position:relative; display:flex; flex-wrap:wrap; background:#f9f9f9; gap:40px;}
.vaccine .vaccineWrap .order-list .list-item {display:flex; padding:30px; position:relative; background:#fff; gap:30px; width:calc(50% - 20px); border-radius:30px; border:1px solid #e1e1e1;}
.vaccine .vaccineWrap .order-list .list-item:before {position:absolute; content:''; display:block; width:30px; height:30px; top:50%; right:-35px; transform:translateY(-50%); background:url(../images/business/i-business-arrow.svg)no-repeat center/contain; border-radius:50%; z-index:1;}
.vaccine .vaccineWrap .order-list .list-item:nth-of-type(2n):before,
.vaccine .vaccineWrap .order-list .list-item:last-of-type:before {display:none;}
.vaccine .vaccineWrap .order-list .list-item span {display:inline-block;}
.vaccine .vaccineWrap .order-list .list-item span img {height:50px;}
.vaccine .vaccineWrap .order-list .list-item dl {color:#000;}
.vaccine .vaccineWrap .order-list .list-item dl dt {font-size:20px; font-weight:500;}
.vaccine .vaccineWrap .order-list .list-item dl dd {font-size:16px; font-weight:400; position:relative; padding-left:10px; margin-top:10px;}
.vaccine .vaccineWrap .order-list .list-item dl dd:before {position:absolute; content:''; display:block; width:3px; height:3px; background:#32be5d; border-radius:50%; top:12px; left:0;}


/*백신예방접종-탭*/
.vaccine .vaccineWrap .cityTab {margin-top:50px;}
.vaccine .vaccineWrap .cityTab ul li {width:calc(100%/5); float:left; padding:0 10px 10px 0; text-align:center;}
.vaccine .vaccineWrap .cityTab ul li a {font-weight:400; display:inline-block; width:100%; padding:20px 0; font-size:20px; border:3px solid #efefef; border-radius:30px;} 
.vaccine .vaccineWrap .cityTab ul li a:hover {background:#32be5d; border:3px solid #32be5d; color:#fff;}
.vaccine .vaccineWrap .cityTab ul li:nth-child(5) {padding-right:0;}

/*백신예방접종-게시판*/
.board_ebi .list_normal .table>tbody span.status {display: inline-block; padding: 10px 15px; border-radius: 100px !important; background: #ededed; border-radius: 100px; color: #939393;}
.board_ebi .list_normal .table>tbody span.complete {background: #32be5d; color:#fff;}
.board_ebi .list_normal .table>tbody .block-xs {width:100px;}
.board_ebi .list_normal .table>tbody .subject {word-break: break-all;}
/*백신예방접종-게시판*/
.board_ebi .view_normal_head div.data span.status {display: inline-block; padding: 10px 15px; border-radius: 100px !important; background: #ededed; border-radius: 100px; color: #939393;}
.board_ebi .view_normal_head div.data span.complete {background: #32be5d; color:#fff;}



/* ************************ 교육 ************************ */
/* ********** 교육::교육안내 ********** */
.edu .eduInfo {}
.edu .eduInfo .eduInfoWrap {padding:80px 50px 50px; text-align:center; background:#f9f9f9; border:1px solid #ddd; border-radius:30px;}
.edu .eduInfo ul {margin-top:-100px;}
.edu .eduInfo ul li {padding:58px 20px 30px; float:left; width:calc((100% - 200px)/3); margin-left:100px; margin-top:100px; border:1px solid #e1e1e1; border-radius:30px;color:#000; position:relative; background:#fff;}
.edu .eduInfo ul li:before {content:''; display:block; width:47px; height:47px; background:url(../images/edu/i-eduInfo-arrow.svg)center no-repeat; position:absolute; left:-75px; top:calc(50% - 23.5px);}
.edu .eduInfo ul li:nth-child(3n+1) {margin-left:0;}
.edu .eduInfo ul li:nth-child(3n+1):before {display:none;}
.edu .eduInfo ul li i {position:absolute; left:calc(50% - 45px); top:-45px; width:90px; height:90px; border:7px solid #ffc960; border-radius:50%; background-size:auto !important; background:#fff;display:block;}
.edu .eduInfo ul li span {padding-bottom:15px; display:block; font-weight:700; letter-spacing:0; line-height:1;}
.edu .eduInfo ul li h4 {font-size:18px; font-weight:300; letter-spacing:-.5px; line-height:1.34;}
.edu .eduInfo ul li h4 small {display:block; font-size:16px; color:#555;}



/* ************************ 상담 ************************ */
/* ********** 상담::전문상담 ********** */
.pro .parenthesisWrap {margin-bottom:50px;}

.pro-box {border-radius:20px;overflow:hidden;}
.pro-box>div {float:left;}
.pro-img {background-color:#edefbf; width:550px; background-size:auto !important;}
.pro-txt {padding:40px 50px; border:3px solid #eee;border-radius:0 20px 20px 0; border-left:0; width:calc(100% - 550px); }
.pro-txt ul {}
.pro-txt ul li {padding-bottom:15px; padding-left:115px;font-size:17px; letter-spacing:-1px; line-height:1.77; position:relative;}
.pro-txt ul li:last-child {padding-bottom:0;}
.pro-txt ul li span {padding-left:18px; color:#000; font-weight:400; position:absolute; display:block; left:0;}
.pro-txt ul li span:before {width:4px; height:4px; background:#000; border-radius:50%; left:0; top:12px; content:''; display:block; position:absolute;}
.pro-txt ul li em {display:block; padding-left:18px; background:url(../images/common/arrow-right.svg)0 10px /10px no-repeat;}
.pro-txt ul li em.em {background:url(../images/common/arrow-right-green.svg)0 10px /10px no-repeat; color:#000; font-weight:400;}
.pro-txt ul li em.em b {color:#32be5d; font-weight:500;}
.pro-txt ul li em.em a {padding:3px 0 3px 30px; background:#fff url(../images/common/i-call.svg)10px 50% /14px no-repeat; line-height:1; color:#000; display:inline-block;}
.pro-txt ul li strong {color:#000; font-weight:400;}
.pro-txt ul.step {display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; text-align:center;}
.pro-txt ul.step p {border-bottom:1px solid #dbdbdb; color:#000;}
.pro-txt ul.step li {padding:0; border:1px solid #dbdbdb; position:relative;}
.pro-txt ul.step li span {padding-left:0; position:static; font-size:14px; color:#666; padding:5px;}
.pro-txt ul.step li span:before {display:none;}
.pro-txt ul.step li+li:before {content:""; height:11px; width:8px; background:url(/images/counseling/lnb_right.png) no-repeat center / contain; position:absolute; left:-15px; top:50%; transform:translateY(-50%); }
/* ********** 상담::심리상담 ********** */
.psy .psy-tit {padding:20px 0 45px 150px; letter-spacing:-.5px; position:relative;}
.psy .psy-tit:before {content:''; display:block; width:110px; height:110px; border:7px solid #ffc960; position:absolute; left:0; top:0; border-radius:50%; background:#fff url(../images/counseling/i-psy.svg)center /60px no-repeat;}
.psy .psy-tit h3 {padding-bottom:25px; font-size:28px; font-weight:500; color:#000;}
.psy .psy-tit p {font-size:18px; color:#555;}
.psy .pro-img {background-position:50% 150% !important; background-size:340px !important;}


/* ************************ 센터소개 ************************ */
/* ********** 센터소개::센터소개 ********** */
.introInfo .introInfo-img {}
.introInfo .introInfo-img ul {font-size:0; text-align:center;}
.introInfo .introInfo-img ul li {display:inline-block;}
.introInfo .introInfo-img ul li+li {margin-left:30px;}
.introInfo .introInfo-img ul li span {display:block; border:3px solid #eee; border-radius:50%; width:280px; height:280px;
background-color:#f9f9f9; background-position:center; background-repeat:no-repeat;}
.introInfo .introInfo-img ul li:nth-child(1) span {background-image:url(../images/intro/centerIntro1.png);}
.introInfo .introInfo-img ul li:nth-child(2) span {background-image:url(../images/intro/centerIntro2.png);}
.introInfo .introInfo-img ul li:nth-child(3) span {background-image:url(../images/intro/centerIntro3.png);}

.introInfo .introInfo-txt {font-size:20px; line-height:2; color:#000; font-weight:400; text-align:center; margin-top:50px;}


/* ********** 센터소개::인사말 ********** */
.greeting {text-align:center;}
.greet-img {margin:50px 0;}
.greet-txt {}
.greet-txt p {font-size:18px; line-height:2; color:#555;}
.greet-txt p+p {padding-top:30px;}
.greet-txt p:last-child {font-weight:500; color:#000;}

/* ********** 센터소개::연혁 ********** */
.history {}
.history-img {float:left; width:550px; padding:49px 0 ; margin-right:45px; border-radius:50px; background:#ffe7d1;text-align:center;}
.history-img img {}
.history-inner {float:left; width:calc(100% - 595px);}
.history-inner ul {padding-top:14px; border-left:1px solid #eee; position:relative;}
.history-inner ul:before,
.history-inner ul:after {width:12px; height:12px; background:url(../images/intro/i-history.svg)center /12px no-repeat; content:''; display:block; position:absolute; left:-6px;}
.history-inner ul:before {top:0;}
.history-inner ul:after {bottom:0;}
.history-inner ul li {padding-left:30px; letter-spacing:-1px;}
.history-inner ul li+li {padding-top:90px;}
.history-inner ul li h3 {padding-bottom:40px; color:#000; font-size:42px; font-weight:500; position:relative;}
.history-inner ul li h3:before {width:11px; height:11px; background:#32be5d; position:absolute; left:-35px; top:14px; display:block; content:'';  border-radius:50%;}
.history-inner ul li dl { padding-left:150px; position:relative;}
.history-inner ul li dl>* {font-size:18px; line-height:2;}
.history-inner ul li dt {color:#000; font-weight:400; position:absolute; left:0;}
.history-inner ul li dd {color:#555;}

/* ********** 센터소개::조직도 ********** */
.imgOnly {text-align:center;}
.organ .imgOnly img {max-width:100%;}
.organ h3 {font-size:28px; color:#000; font-weight:500; text-align:center;}
.organ .member-list {margin-top:100px;}
.organ .member-list table {margin-top:20px;}
.organ .member-list tr>td:nth-child(3) {text-align:left;}
.organ .member-list.num3 tr>td:nth-child(3) {text-align:center;}

ul.dotType li {position:relative; padding-left:15px;}
ul.dotType li+li {margin-top:5px;}
ul.dotType li:before {
	position:absolute; top:12px; left:0; width:2px; height:2px; background:#000;
	display:block; content:"";
}

/* ********** 센터소개::운영법인 ********** */
.corporation .parenthesisWrap p {padding-top:15px;}
.corporation>*+* {margin-top:100px;}
.contents-wrap .boxWrap .grayBox {border:3px solid #efefef; border-radius:30px; padding:50px;}
.contents-wrap .boxWrap .task img {max-width:100%;}

.grayBox.goal:after {clear:both; display:block; content:"";}
.grayBox.goal>div {float:left; width:25%; display:inline-block; text-align:center;}
.corporation .boxWrap .grayBox>div h4 {font-size:18px; font-weight:400; color:#000;}
.corporation .boxWrap .grayBox.goal>div h4 {margin-top:20px;}
.corporation .boxWrap .grayBox>div h4 span {display:block; font-weight:700; letter-spacing:-1px; color:#ff9300; margin-bottom:10px;}

.grayBox.business ul.dotType:after {clear:both; display:block; content:"";}
.grayBox.business ul.dotType li {float:left; display:inline-block; width:50%; font-weight:400; color:#555;}
.grayBox.business ul.dotType li+li {margin-top:0;}
.grayBox.business ul.dotType li:nth-child(2)~li {margin-top:10px;}


/* ********** 센터소개::CI소개 ********** */
.ci .boxWrap+.boxWrap {
	margin-top:100px;
	padding-top:100px; border-top:1px solid #000;
}
.ci .boxWrap .con>article+article {margin-top:70px; padding-top:70px; border-top:1px solid #ddd;}
.ci .boxWrap .con>article:after {clear:both; display:block; content:"";}
.ci .boxWrap .con>article>div {float:left; display:inline-block;}
.ci .boxWrap .con>article>div:first-child {width:480px;}
.ci .boxWrap .con>article>div:last-child {width:calc(100% - 480px);}
.ci .boxWrap h4 {color:#000; font-size:20px; font-weight:500; letter-spacing:-1px;}
.ci .boxWrap p {line-height:2;}
.ci .boxWrap .txt .group+.group {margin-top:40px;}
.ci .boxWrap .txt h4 {margin-bottom:20px;}
.ci .boxWrap .txt h4 span {font-size:16px; color:#666; margin-left:20px; font-weight:400; letter-spacing:0;}

.ci .cmyWrap {width:370px;}
.ci .cmyWrap>li>i {width:100%; height:30px; display:inline-block;}
.ci .cmyWrap>li+li {margin-top:40px;}
.ci .cmyWrap>li .cmy {margin-top:10px;}
.ci .cmyWrap>li .cmy:after {clear:both; display:block; content:"";}
.ci .cmyWrap>li .cmy ul {float:left; display:inline-block; width:50%;}
.ci .cmyWrap>li .cmy ul {font-size:0;}
.ci .cmyWrap>li .cmy ul:last-child {text-align:right;}
.ci .cmyWrap>li .cmy ul li {display:inline-block; font-size:14px; color:#000; font-weight:400;}
.ci .cmyWrap>li .cmy ul li+li {margin-left:20px;}
.ci .cmyWrap>li .cmy ul li span {}

.ci .boxWrap .con>article>div:last-child>div {float:left; display:inline-block;}
.ci .boxWrap .con>article>div:last-child .leastWrap {width:calc(100% - 370px); margin-top:180px; padding-left:70px;}

.ci .boxWrap .con.type {}
.ci .boxWrap .con.type:after {clear:both; display:block; content:"";}
.ci .boxWrap .con.type >div {float:left; display:inline-block; width:30%; text-align:center; padding:30px 60px; border:1px solid #ddd;}
.ci .boxWrap .con.type >div+div {border-left:0;}
.ci .boxWrap .con.type >div:nth-child(1) {width:40%;}
.ci .boxWrap .con.type .group-stroke .img {margin-top:30px; background-size:contain !important;}
.ci .boxWrap .con.type >div:nth-child(1) .img {background-size:80% !important;}

.ci .downWrap {margin-top:100px;}
.ci .downWrap ul {font-size:0; text-align:right;}
.ci .downWrap ul li {display:inline-block;}
.ci .downWrap ul li+li {margin-left:20px;}
.ci .downWrap ul li a {
	display:block; padding:20px 80px 20px 50px; font-size:18px; font-weight:500; line-height:1;
	color:#000; border:1px solid #ddd; border-radius:100px; letter-spacing:-.5px;
	background:#f9f9f9 url(../images/common/i-download.svg)no-repeat right 45px center;
}
.ci .downWrap ul li a:hover {border-color:#aaa;}


/* ********** 센터소개::오시는길 ********** */
.location {}
.location-map {}
.location-map>div {width:100%;}
#daumRoughmapContainer1638949475830,
.location-map>div .wrap_map {height:600px;}
.root_daum_roughmap .wrap_controllers {display:none;}


.location .infor {padding:30px 50px; border:1px solid #e5e5e5; background:#f9f9f9;}
.location .infor:after {clear:both; display:block; content:"";}
.location .infor>div {display:inline-block; float:left; position:relative; font-size:17px; color:#666; letter-spacing:-.5px;}
.location .infor>div.left-part {width:500px;}
.location .infor>div.right-part {border-left:1px dotted #ccc; width:calc(100% - 500px); padding-left:200px; padding-right:0;}
.location .infor h3 {font-size:20px; color:#000; letter-spacing:-1px; line-height:1.67; font-weight:500; padding-top:10px;}
.location .infor h4 {font-size:18px !important; color:#000 !important; letter-spacing:-1px; line-height:1.67; font-weight:400;}
.location .infor .left-part>div+div {margin-top:30px;}
.location .infor .bg- {position:relative; padding:0 50px 0 150px; }
.location .infor .bg-:after {width:110px; height:110px; border:1px solid #e5e5e5; border-radius:50%; top:0; left:0; position:absolute; content:''; display:block;}
.location .infor .address:after {background:#fff url(../images/intro/i-address.svg)center /66px no-repeat;}
.location .infor .contact:after {background:#fff url(../images/intro/i-contact.svg)30px center /65px no-repeat;}
.location .infor .right-part:after {background:#fff url(../images/intro/i-traffic.svg)center /66px no-repeat; left:50px;}
.location .infor ul li:after {clear:both; display:block; content:"";}
.location .infor ul {margin-top:10px;;}
.location .infor ul li>* {float:left; display:inline-block; font-size:17px; color:#666; line-height:1.67;}
.location .infor ul li>h4 {width:80px; padding-left:10px; position:relative;}
.location .infor ul li>h4:before {
	position:absolute; top:14px; left:0; width:2px; height:2px; background:#000;
	display:block; content:"";
}
.location .infor ul li>h4+* {width:calc(100% - 80px);}
.location .infor ul.traffic .line1 {color:#2673f2; font-weight:700 !important;}
.location .infor ul.traffic li+li {margin-top:15px; padding-top:15px; border-top:1px dotted #ccc;}
.location .infor ul.traffic li .bus {display:inline-block;}
.location .infor ul.traffic li .bus>span {
	display:inline-block; float:left; vertical-align:middle; margin:3px;
	padding:5px 15px; background:#386de8; color:#fff; border-radius:30px; line-height:1; font-size:15px; font-weight:700;
}
.location .infor ul.traffic li .bus>span.type2 {background:#3cc344;}

.location .infor ul.traffic li .car {display:inline-block;}
.location .infor ul.traffic li .car>span {
	display:inline-block; float:left; vertical-align:middle; margin:3px;
	padding:7px 15px; background:#fff; color:#666; border-radius:30px; line-height:1; font-size:15px; border:1px solid #ddd;
}
.location .infor ul.traffic li .car>span.arrow {
	width:28px; height:28px; border-radius:50%; padding:0;
	background:#ccc url(../images/common/arrow-right-fff.svg)10px 50% /8px no-repeat; border-color:#ccc;
}



.warning-ment {
	margin-bottom:30px;
	border:1px solid #ddd; padding:20px 30px; border-radius:10px;
	background:#f9f9f9; text-align:center;
	transition:.3s;
}
.warning-ment:hover {border-color:#555;}
.warning-ment i {
	background:transparent url(../images/common/i-information.svg)no-repeat center;
	border:1px solid transparent;
	background-size:60px;
	width:100px; height:100px; border-radius:50%; display:inline-block; transition:.3s;
}
.warning-ment:hover i {background-color:#fff; box-shadow:0 5px 10px rgba(0,0,0,.07);}
.warning-ment p {font-size:18px; font-weight:400; color:#000;}
.warning-ment p b {font-weight:500;}


/* ************************ 일자리정보 ************************ */
/* ********** 취업가이드::이력서작성법 ********** */
.type-attention-point {display:table; border-radius:30px; overflow:hidden; border:1px solid #ddd;}
.type-attention-point>div {
	display:table-cell; width:33.3%;
	padding:30px 50px; text-align:center;
}
.type-attention-point>div+div {border-left:1px solid #ddd;}

.type-attention-point>div article {position:relative;}
.type-attention-point>div article span {font-size:15px; font-weight:700; letter-spacing:0; color:#000;} 
.type-attention-point>div article i {
	width:100px; height:100px; border:7px solid #ffc960; border-radius:50%; background-size:60px !important; background:#fff;display:block;
	margin:10px auto 20px;
}
.type-attention-point>div dl dt {padding-left:0; font-size:18px; font-weight:400; line-height:1.4; color:#333;}
.type-attention-point>div dl dd {margin-top:10px;}

.type-write-resume {border-radius:30px; overflow:hidden; border:1px solid #ddd; padding:50px;}
.type-write-resume dl dt {font-size:18px; font-weight:400; line-height:1.4; color:#333; padding-left:30px; background:left 3px / 20px no-repeat url(../images/common/i-check-yellow.svg);}
.type-write-resume dl dd {margin-top:10px; padding-left:30px;}
.type-write-resume dl dd+dt {margin-top:50px;}





/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {

	/* ************************ 공통 ************************ */
	/*br 제어*/
	.only-pc {display:none !important;}
	.except-pc {display:block !important;}
	.only-tablet {display:block !important;}
	.only-mobile {display:none !important;}
	.except-mobile {display:block !important;}
	.only-pc-mobile {display:none !important;}

	/*디자인*/
	.parenthesisWrap p {padding:10px 80px; font-size:16px;}


	/* 테이블::type1 */
	.tableWrap.type1>table tr>* {padding:20px !important; font-size:16px; letter-spacing:-.5px; text-align:left; font-weight:300;}
	.tableWrap.type1>table th {width:30%; background:#f9f9f9; color:#000;}
	.tableWrap.type1>table td {width:70%;}

	.itemBox+.itemBox {padding-top:50px;}

	.applyBtn {padding-top:30px; text-align:center;}
	.applyBtn a {display:inline-block; width:300px; line-height:60px; font-size:20px; font-weight:500; color:#fff; letter-spacing:-1px; border-radius:100px; background:#32be5d;}


	/* ************************ 사업 ************************ */
	.business .photoWrap>div .img {width:100%;}
	/* ********** 사업::역량강화 ********** */
	.capa {}
	.capa-top {padding:40px;}
	.capa-top h3 {font-size:24px;}
	.capa-top p {font-size:18px;}

	.capa-list {padding-top:50px;}
	.capa-list ul {margin-left:0;}
	.capa-list ul li {float:left; width:calc(100%/1 - 1px); letter-spacing:-.5px; border:3px solid #efefef; border-radius:30px; overflow:hidden; min-height:auto !Important; margin-left:0;}
	.capa-list ul li+li {margin-top:50px}
	.capa-list ul li h4 {font-size:20px; padding:20px 40px;}
	.capa-list ul li p {font-size:17px; padding:20px 40px;}



	/* ********** 사업::권익향상 ********** */
	.inter {}
	.inter h3+p {font-size:17px; color:#000; letter-spacing:-1px;}
	.inter h3+p+* {padding-top:10px;}



	/* ********** 사업::인식개선 ********** */
	/* .reco .capa-list {padding-top:0;} */
	.reco .recoWrap {margin-top:50px;}
	


	/* ********** 사업::건강증진 ********** */
	/* .capa-list.controlH ul li h4 {min-height:auto; display:flex; align-items:center;} */
	.capa-list.odd ul li {width:calc(100%/1);}



	/* ********** 사업::협력네트워크 ********** */
	body.gray .contents {background:#f5f5f5; border-bottom:1px dotted #ccc;}
	body.gray .contents+footer {background:#fff;}
	.cooper .cooperWrap {text-align:center;}
	.cooper .cooperWrap span {display:inline-block; padding:100px 50px 500px; border:3px solid #eee; border-radius:30px; width:100%; font-size:24px; font-weight:500; color:#000;
	background:#fff url(../images/business/cooper-img.png)no-repeat center bottom -150px; background-size:contain; transition:.3s;}
	.cooper .cooperWrap span:hover {box-shadow:3px 3px 10px rgba(0,0,0,.1);}
	.cooper .cooperWrap span em {transition:.3s;}
	.cooper .cooperWrap span:hover em {color:#32be5d;}

	
	/* ********** 사업::백신예방접종(22-08-23추가) ********** */
	.vaccine .vaccineWrap .order-list {flex-direction:column; gap:20px;}
	.vaccine .vaccineWrap .order-list .list-item {width:100%;}
	.vaccine .vaccineWrap .order-list .list-item:before {top:auto; bottom:-15px; right:50%; transform:translateY(0%) translateX(50%) rotate(90deg);}
	.vaccine .vaccineWrap .order-list .list-item:nth-of-type(2n):before {display:block;}
	.vaccine .vaccineWrap .order-list .list-item dl dt {font-size:18px;}
	.vaccine .vaccineWrap .order-list .list-item dl dd {margin-top:7px;}


	/* ************************ 교육 ************************ */
	/* ********** 교육::교육안내 ********** */
	.edu .eduInfo .eduInfoWrap {padding:80px 50px 50px; text-align:center; background:#f9f9f9; border:1px solid #ddd; border-radius:30px;}
	.edu .eduInfo ul {margin-top:-100px;}
	.edu .eduInfo ul li {padding:58px 20px 30px; float:left; width:calc((100% - 100px)/2); margin-left:100px; margin-top:100px; border:1px solid #e1e1e1; border-radius:30px;color:#000; position:relative; background:#fff;}
	.edu .eduInfo ul li:before {content:''; display:block; width:47px; height:47px; background:url(../images/edu/i-eduInfo-arrow.svg)center no-repeat; position:absolute; left:-75px; top:calc(50% - 23.5px);}
	.edu .eduInfo ul li:nth-child(3n+1) {margin-left:100px;}
	.edu .eduInfo ul li:nth-child(3n+1):before {display:block;}
	.edu .eduInfo ul li:nth-child(2n+1) {margin-left:0;}
	.edu .eduInfo ul li:nth-child(2n+1):before {display:none;}
	.edu .eduInfo ul li span {padding-bottom:10px;}
	.edu .eduInfo ul li h4 {font-size:16px;}
	.edu .eduInfo ul li h4 small {font-size:14px;}






	/* ************************ 상담 ************************ */
	/* ********** 상담::전문상담 ********** */
	.pro-box {border-radius:20px;overflow:hidden;}
	.pro-box>div {float:left; min-height:auto !important;}
	.pro-img {background-color:#edefbf; width:100%; background-size:auto !important; height:400px !important;}
	.pro-txt {padding:40px 50px; border-radius:0 0 20px 20px; border-left:3px solid #eee; border-top:0; width:100%;}
	.pro-txt ul {}
	.pro-txt ul li {padding-bottom:15px; padding-left:115px;font-size:17px; letter-spacing:-1px; line-height:1.77; position:relative;}
	.pro-txt ul li:last-child {padding-bottom:0;}
	.pro-txt ul li span {padding-left:18px; color:#000; font-weight:400; position:absolute; display:block; left:0;}
	.pro-txt ul li span:before {width:4px; height:4px; background:#000; border-radius:50%; left:0; top:12px; content:''; display:block; position:absolute;}
	.pro-txt ul li em {display:block; padding-left:18px; background:url(../images/common/arrow-right.svg)0 9px /10px no-repeat;}
	.pro-txt ul li strong {color:#000; font-weight:400;}

	/* ********** 상담::심리상담 ********** */
	.psy .psy-tit {padding:20px 0 45px 150px; letter-spacing:-.5px; position:relative;}
	.psy .psy-tit:before {content:''; display:block; width:110px; height:110px; border:7px solid #ffc960; position:absolute; left:0; top:0; border-radius:50%; background:#fff url(../images/counseling/i-psy.svg)center /60px no-repeat;}
	.psy .psy-tit h3 {padding-bottom:25px; font-size:28px; font-weight:500; color:#000;}
	.psy .psy-tit p {font-size:18px; color:#555;}
	.psy .pro-img {background-position:center !important; background-size:auto 80% !important; height:300px !important}



	/* ************************ 센터소개 ************************ */
	/* ********** 센터소개::센터소개 ********** */
	.introInfo .introInfo-img ul li+li {margin-left:20px;}
	.introInfo .introInfo-img ul li span {width:180px; height:180px; background-size:80%;}
	.introInfo .introInfo-txt {font-size:16px; line-height:1.6; margin-top:30px;}

	/* ********** 센터소개::인사말 ********** */
	.greet-img img {max-width:100%;}
	.greet-txt p {font-size:16px;}

	/* ********** 센터소개::연혁 ********** */
	.history {}
	.history-img {float:left; width:100%; padding:50px 30px; margin-right:0;}
	.history-img img {max-width:100%;}
	.history-inner {float:left; width:100%; margin-top:50px;}
	.history-inner ul li+li {padding-top:50px;}
	.history-inner ul li h3 {font-size:36px;}
	.history-inner ul li dl {padding-left:130px;}
	.history-inner ul li dl>* {font-size:17px; line-height:2;}

	/* ********** 센터소개::조직도 ********** */
	.organ h3 {font-size:24px;}
	.organ .member-list {margin-top:50px;}

	/* ********** 센터소개::운영법인 ********** */
	.corporation>*+* {margin-top:70px;}
	.contents-wrap .boxWrap .grayBox {padding:30px;}

	.grayBox.goal>div {width:50%; padding:0 3vw;}
	.grayBox.goal>div i img {height:80px;}
	.grayBox.goal>div:nth-child(2)~div {margin-top:100px;}
	.corporation .boxWrap .grayBox>div h4 {font-size:18px;}
	.corporation .boxWrap .grayBox.goal>div h4 {margin-top:15px;}
	.corporation .boxWrap .grayBox>div h4 span {margin-bottom:10px;}
	
	/* ********** 센터소개::CI소개 ********** */
	.ci .boxWrap+.boxWrap {
		margin-top:50px;
		padding-top:50px;
	}
	.ci .boxWrap .con>article+article {margin-top:30px; padding-top:0; border-top:0;}
	.ci .boxWrap .con>article>div {width:100% !important;}
	.ci .boxWrap .con>article>div:last-child {margin-top:30px;}
	.ci .boxWrap h4 {color:#000; font-size:20px; font-weight:500; letter-spacing:-1px;}
	.ci .boxWrap p {line-height:2;}
	.ci .boxWrap .txt .group+.group {margin-top:30px;}
	.ci .boxWrap .txt h4 span {font-size:14px; margin-left:10px;}

	.ci .cmyWrap {width:100%;}
	.ci .cmyWrap>li>i {width:100%; height:auto; display:inline-block;}
	.ci .cmyWrap>li>i img {width:100%;}
	.ci .cmyWrap>li+li {margin-top:30px;}
	.ci .cmyWrap>li .cmy {margin-top:5px;}
	.ci .cmyWrap>li .cmy ul li {display:inline-block; font-size:13px; color:#000; font-weight:400;}
	.ci .cmyWrap>li .cmy ul li+li {margin-left:10px;}

	.ci .boxWrap .con>article>div:last-child>div {width:100% !important;}
	.ci .boxWrap .con>article>div:last-child .leastWrap {margin-top:50px; padding-left:0; text-align:right;}

	.ci .boxWrap .con.type >div {width:100% !important; text-align:center; padding:30px; border:1px solid #ddd;}
	.ci .boxWrap .con.type >div+div {border-left:1px solid #ddd; border-top:0;}
	.ci .boxWrap .con.type .group-stroke .img {margin-top:30px; background-size:contain !important; height:150px !important;}
	.ci .downWrap {margin-top:50px;}
	

	/* ********** 센터소개::오시는길 ********** */
	#daumRoughmapContainer1638949475830,
	.location-map>div .wrap_map {height:500px;}
	
	.location .infor>div {width:100% !important;}
	.location .infor .left-part>div {min-height:110px; }
	.location .infor .left-part>div+div {border-top:1px dotted #ccc; padding-top:30px !important; margin-top:30px;}
	.location .infor .left-part>div+div:after {top:30px;}
	.location .infor>div.right-part {border-top:1px dotted #ccc; border-left:0; padding-left:0; padding-right:0; padding-top:30px !important; margin-top:30px;}
	.location .infor .right-part:after {left:0; top:30px;}
	.location .infor .bg- {padding:0 0 0 150px !important;}
	.location .infor ul.traffic li+li {margin-top:20px; padding-top:20px;}
	
	
	
	
	
	/* ************************ 일자리정보 ************************ */
	/* ********** 취업가이드::이력서작성법 ********** */
	.type-attention-point>div {padding:30px 40px;}

	.type-attention-point>div article i {
		width:80px; height:80px; background-size:45px !important;
	}
	.type-attention-point>div dl dt {font-size:17px;}

	.type-write-resume {padding:40px;}
	.type-write-resume dl dt {font-size:17px;}
	.type-write-resume dl dd+dt {margin-top:20px; padding-top:20px; border-top:1px dotted #ddd;}
	.type-write-resume dl dt {background-position:left 0 !important;}
	.type-write-resume dl dd+dt {background-position:left 20px !important;}



}







/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {

	/* ************************ 공통 ************************ */
	.subTit a.tel {margin-left:5px; padding-left:35px; font-size:20px;}
	.subTit a.tel:before {width:30px; height:30px; top:-6px; background-size:12px;}
	
	/*br 제어*/
	.only-pc {display:none !important;}
	.only-mobile {display:block !important;}
	.except-pc {display:block !important;}
	.only-tablet {display:none !important;}
	.except-mobile {display:none !important;}
	.only-pc-mobile {display:block !important;}

	/*디자인*/
	.parenthesisWrap p {padding:5px 50px; font-size:15px; width:100%;}
	.parenthesisWrap p b {font-size:1.3em;}
	.parenthesis:before,
	.parenthesis:after {height:100%;}


	/* ***** 테이블 ***** */
	/* 테이블::type2 (정의완료)*/
	table.type2 thead {display:none !important;}
	table.type2 tr {border:1px solid #ddd; display:block !important;}
	table.type2 tr>* {display:block !important; width:100%; text-align:left !important; border:0 !important;}
	table.type2 tr+tr {margin-top:30px !important;}
	table.type2 tbody td {font-size:15px; padding:5px 20px;}
	table.type2 tbody td span {position:relative;}
	table.type2 tbody td span.only-mobile:before {position:absolute; top:10px; left:-5px; width:2px; height:2px; background:#000; display:block; content:"";}


	.edu_apply table.type2 tbody td:first-child {background:#004114; color:#fff; padding-top:10px; padding-bottom:10px;}
	.edu_apply table.type2 tbody td:first-child ~ td {padding-left:25px;}
	.edu_apply table.type2 tbody td:last-child {overflow:hidden; padding:7px 20px !important; border-top:1px dotted #ddd !important;}
	.edu_apply table.type2 tbody td:last-child .only-mobile {display:none !important;}
	.edu_apply table.type2 tbody td:last-child .ing {float:right !important;}
	.edu_apply table.type2 tbody td span.only-mobile {color:#000; font-weight:500;}
	
	
	/* ************************ 사업 ************************ */
	.capa-top {padding-top:60px;}
	.capa-top i {width:90px; height:90px; top:-45px; line-height:84px; right:initial; left:30px;}
	.capa-top i img {width:50px;}
	.capa-top h3 {font-size:22px;}
	.capa-top p {font-size:17px;}
	
	/* ********** 사업::협력네트워크 ********** */
	.cooper .cooperWrap span {padding:50px 30px 300px; background-position:center bottom -50px !important; font-size:20px;}

	
	/* ********** 사업::백신예방접종(22-08-23추가) ********** */
	.vaccine .vaccineWrap .cityTab {margin-top: 35px;}
	.vaccine .vaccineWrap .capa-top p .small {padding-left:0; background:none;}
	.vaccine .vaccineWrap .capa-top {padding:20px; margin-top:25px;}
	.vaccine .vaccineWrap .subTit.type1 {line-height:1.4; }
	.vaccine .vaccineWrap .cityTab ul li {width: calc(100%/3);}
	.vaccine .vaccineWrap .cityTab ul li:nth-child(5) {padding-right:10px;}
	.vaccine .vaccineWrap .capa-top .import {font-size:18px; margin-top: 30px; text-align: center; padding: 60px 0 0 0; background: url(../images/common/i-import.png) no-repeat center 15px; background-size: 48px;}
	
	.vaccine .vaccineWrap .order-list {padding:20px;}
	.vaccine .vaccineWrap .order-list .list-item {padding:30px 0; gap:4vw; border-radius:0; border:0; border-bottom:1px dotted #ddd;}
	.vaccine .vaccineWrap .order-list .list-item:last-of-type {border-bottom:0;}
	

	.subTit.type1 {font-size:22px; background-size:24px; padding-left:30px;}

	/* ************************ 센터소개 ************************ */
	/* ********** 센터소개::센터소개 ********** */
	.introInfo .introInfo-img ul li {width:100%;}
	.introInfo .introInfo-img ul li+li {margin-top:20px; margin-left:0;}
	.introInfo .introInfo-img ul li span {width:180px; height:180px; background-size:80%; margin:0 auto;}

	/* ********** 센터소개::인사말 ********** */
	.greet-tit p {padding:0 60px 45px; font-size:12px; width:100%;}
	.greet-tit p b {font-size:20px;}
	.greet-img img {max-width:100%;}
	.greet-txt p {font-size:16px;}

	/* ********** 센터소개::연혁 ********** */
	.history-img {padding:30px 15px;}
	.history-img img {max-width:100%;}
	.history-inner {float:left; width:100%; margin-top:30px;}
	.history-inner ul li+li {padding-top:100px;}
	.history-inner ul li h3 {font-size:30px; padding-bottom:20px;}
	.history-inner ul li h3:before {top:9px;}
	.history-inner ul li dl {padding-left:0;}
	.history-inner ul li dl>* {font-size:16px; line-height:2;}
	.history-inner ul li dt {position:static;}
	.history-inner ul li dd+dt {margin-top:20px;}

	/* ********** 센터소개::운영법인 ********** */
	.corporation .boxWrap .grayBox.goal>div h4 {line-height:1.4; font-size:16px;}
	.corporation .boxWrap .grayBox>div h4 span {margin-bottom:0;}
	.grayBox.goal>div:nth-child(2)~div {margin-top:50px;}
	.grayBox.business ul.dotType li {width:100%;}
	.grayBox.business ul.dotType li+li {margin-top:10px;}

	.corporation .logo img {max-width:100%;}
	
	/* ********** 센터소개::조직도 ********** */
	/*테이블::::*/
	.scroll-inWrap {
		width:100%; border:1px solid #000; position:relative;
		margin-top:50px;
	}
	.scroll-inWrap:before {
		content:"좌 · 우로 드래그(Drag) 할 수 있습니다.";
		display:block; padding:10px; font-size:12px; color:#000; text-align:center; background:#fff;
	}
	.scroll-inWrap .scroll-in {overflow-x:auto;}
	.scroll-inWrap .scroll-in table.scroll {width:120vw !important; margin:0 !important; white-space:nowrap;}

	/* ********** 센터소개::오시는길 ********** */
	#daumRoughmapContainer1638949475830,
	.location-map>div .wrap_map {height:300px;}
	.location .infor {padding:0; background:#fff; border:0;}
	.location .infor>div {font-size:15px;}
	.location .infor .bg- {}
	.location .infor .bg- {padding:110px 30px 30px !important; background:#f9f9f9; border:1px solid #ddd !important;}
	.location .infor .bg-:after {width:70px; height:70px; background-size:40px; left:25px; top:30px;}
	.location .infor .contact:after {background-position:20px center;}
	.location .infor>div.right-part,
	.location .infor .left-part>div+div {margin-top:10px; padding-top:110px !important;}

	.location .infor ul.traffic li .car {display:block; text-align:center;}
	.location .infor ul.traffic li .car>* {float:none !important;}
	.location .infor ul.traffic li .car>span {width:100%; margin:5px 0;}
	.location .infor ul.traffic li .car>span.arrow {transform:rotate(90deg);}
	
	.location .infor ul li>* {font-size:15px;}
	.location .infor ul.traffic li>* {width:100% !important;}
	.location .infor ul.traffic li>h4+* {margin-top:5px;}

	.location .infor h3 {font-size:20px; padding-top:0;}
	.location .infor h4 {font-size:16px !important;}
	.location .infor ul li>h4:before  {top:12px;}
	
	/*CI소개*/
	.ci .downWrap ul li {display:inline-block; width:100%; text-align:left;}
	.ci .downWrap ul li+li {margin-left:0; margin-top:10px;}
	.ci .downWrap ul li a {
		padding:20px 80px 20px 50px; font-size:16px;
	}
	
	/* ************************ 상담 ************************ */
	/* ********** 심리상담 ********** */
	.psy .psy-tit {padding:100px 0 30px;}
	.psy .psy-tit:before {width:80px; height:80px; background-size:40px !important;}
	.psy .psy-tit h3 {font-size:24px; padding-bottom:15px;}
	.psy .psy-tit p {font-size:16px;}




	/* ************************ 교육 ************************ */
	/* ********** 교육::교육안내 ********** */
	.edu .eduInfo .eduInfoWrap {padding:50px 0 0; text-align:center; background:#fff; border:0; border-radius:0;}
	.edu .eduInfo ul {margin-top:-100px;}
	.edu .eduInfo ul li {padding:58px 20px 30px; float:left; width:calc(100%/1); margin-left:0; margin-top:100px; border:1px solid #e1e1e1; border-radius:30px;color:#000; position:relative; background:#fff;}
	.edu .eduInfo ul li:before {content:''; display:block; width:47px; height:47px; background:url(../images/edu/i-eduInfo-arrow.svg)center no-repeat; position:absolute; left:-75px; top:calc(50% - 23.5px);}
	.edu .eduInfo ul li {margin-left:0 !important;}
	.edu .eduInfo ul li:before {display:none !important;}
	.edu .eduInfo ul li span {padding-bottom:10px;}
	.edu .eduInfo ul li h4 {font-size:16px;}
	.edu .eduInfo ul li h4 small {font-size:14px;}

	/**/
	.pro-txt {padding:30px 40px;}
	.pro-txt ul li {padding-left:0; padding-top:0; padding-bottom:30px;}
	.pro-txt ul li span {position:static; position:relative;}
	
	
	
	
	/* ************************ 일자리정보 ************************ */
	/* ********** 취업가이드::이력서작성법 ********** */
	.type-attention-point {display:block; border-radius:30px; overflow:hidden; border:1px solid #ddd;}
	.type-attention-point>div {
		display:block; width:100%;
		padding:30px;
	}
	.type-attention-point>div+div {border-top:1px solid #ddd; border-left:0;}
	.type-write-resume {padding:30px;}

















}



/* ************************ 작은모바일 (0~500) ************************ */
@media screen and (max-width: 500px) {







}