@charset "utf-8";

._articleTable .fnSearch input[type='text']{background-color: white;}

.content-box::after{content:""; display: table; clear :both;}

/*센터소개*/
.con-desc.w70{width:  70%; float: left;}
.intro-image{width: 25%; float: right; max-width: 162px;}
.intro-image img{width: 100%;}

@media all and (max-width: 420px) {
  .intro-image{width: 100%; float: none; margin: 0 auto;}
  .con-desc.w70{float: none; width: 100%; margin-top: 20px;}
}

/*센터이용안내*/
.process::after{content:""; display: table; clear: both;}
.process .processTitle.line_2{padding-top: 15px;}
.process .type01{float: left; margin-bottom: 50px;}

@media all and (max-width: 650px) {
  .process .type01{float: none;}
}

/*개인상담*/
.ul_iconbox ul>li{width: 48%; margin-bottom: 20px;}
.ul_iconbox ul>li:nth-child(even){margin-left: 2%;}
.ul_iconbox .textbox{text-align: left; min-height: 280px;}
.ul_iconbox .imgbox p.imgdes.line_2{padding-top: 75px;}
.ul_iconbox .textbox p{margin-bottom: 10px;}
.ul_iconbox .textbox p:last-child{margin-bottom: 0;}

@media all and (max-width: 600px) {
  .ul_iconbox ul>li{width: 100%; float: none;}
  .ul_iconbox ul>li:nth-child(even){margin-left: 0%;}
  .ul_iconbox .textbox{min-height: auto;}
  .ul_iconbox .textbox p{margin-bottom: 5px;}
}

/*집단상담*/
.li-imgBox > li{margin-right: calc(4% - 1px); margin-bottom: 30px;}
.li-imgBox > li + li{margin-left: 0;}
.li-imgBox > li:nth-child(3n){margin-right: 0;}


/*찾아가는 상담실*/
.image-box ul::after{content:""; display: table; clear: both;}

/*교육*/
.image-box.box_2 li{width: 37%;}
.image-box.box_2 li:last-child{width: 57%;}
.image-box.box_3 li{width: 57%;}
.image-box.box_3 li:last-child{width: 37%;}

@media all and (max-width: 420px) {
  .image-box.box_2 li{width: 100%; float: none; margin-bottom: 20px;}
  .image-box.box_2 li:last-child{float: none; margin-bottom: 0; width: 100%;}
  .image-box.box_3 li{width: 100%; float: none; margin-bottom: 20px;}
  .image-box.box_3 li:last-child{float: none; margin-bottom: 0; width: 100%;}
}


/*상담소 안내*/
.chart .chart_box ul li:before{display: none;}
.chart .chart_box ul li{border: 0; padding: 0; min-height: auto;}
.chart .chart_box ul li.opacity0{opacity: 0;}
.chart .chart_box ul li p{border: 1px solid #8289a7; padding: 20px 15px; display: table; width: 100%; min-height: 100px;}
.chart .chart_box ul li p span{display: table-cell; vertical-align: middle; width: 100%;}
.chart .chart-arrow{margin-bottom: 20px;}
.chart .chart_box ul li + li{margin-left: 9%;}
.chart .chart_box ul li .chart-arrow{margin-bottom: 0; margin-top: 20px;}
.chart .chart_box ul li .chart_box ul li{width: 45%; float: left; margin-top: 20px;}
.chart .chart_box ul li .chart_box ul li:last-child{float: right;}
.chart .chart_box ul li .chart_box ul li.opacity0{display: none;}
.chart .chart_box ul li .chart_box ul > li:first-child{margin-top: 32.5px;}
.chart .chart_box ul li .chart_box ul > .chart-arrow{float: right; width: 50%;}

@media all and (max-width: 768px) {
  .chart-wrap{overflow-y: hidden;}
  .content-box .chart{width: 1000px;}
}

@media all and (max-width: 420px) {
  .content-box .chart{width: 600px;}
}

/* 찾아오시는길*/
.map-wrap{position: relative; width: 100%; padding-bottom: 56.25%;}
.map-wrap iframe{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}