@charset "utf-8";
/* 서브공통*/
.sub_wrap {max-width:1200px;margin:0 auto;margin-bottom: 5em; box-sizing:border-box;}
.sub_board_con{
    padding: 2.5em;
}

/* 복지관소개 */
.greeting {position: relative;}
.con-txt.U {width:100%;}
.greeting-img {position: absolute;top: 120px;right: 8%;}
.greeting-txt {margin-top: 70px;font-size: 16px;}
.greeting-txt span {display: block; margin-top: 10px;border: 0;font-size: 0;outline: 0;vertical-align: middle;}

.policy dl {display:table;}
.policy dl > * {padding-top:32px; padding-bottom:56px; display:table-cell;}
.policy dt {width:200px; color:#444e9c; font-size:14px; font-family:'NotoB', sans-serif; line-height:26px; border-top:2px solid #444e9c;}
.policy dd {border-top:1px solid #dcdcdc;}
.policy dd * {color:#646464; font-size:14px; line-height:26px;}
.policy dd strong {color:#333; font-family:'NotoB', sans-serif;}
.policy dd p + ol {margin-top:26px;}
.policy dd p + p {margin-top:52px;}
.policy dd p + div {margin-top:26px;}

/* 사업소개 */
.new ul{ font-size:100% !important; list-style-type:none !important; padding-bottom:15px;}
.new li{ position:relative; padding-left:15px;}
.new ul li:before{content: "- " !important; position:absolute !important; left:0; top:0;}

.new p.smallT{ color:#2f9fdc; margin-top:30px;}
.new p.desc{ font-size:90%;text-align: left;width: 100%;}

.new table.newT{ margin-top: 5px; border-spacing:0px; border-top: 1px solid #9ec5db; border-left: 1px solid #9ec5db;}
.new th{background:#f2f2f2; font-size:16px;padding:5px;border-right:1px solid #9ec5db; border-bottom:1px solid #9ec5db;}
.new td{ font-size:15px; border-right: 1px solid #aaa; border-bottom: 1px solid #9ec5db; padding:5px; color:#666;}
.new td.t{width: 136px; font-size:15px; text-align:center;border-right: 1px solid #9ec5db;border-bottom: 1px solid #9ec5db; padding:5px;  color:#666; background-color:#e9f4fa;}
.new td.center {
    text-align: center;
}
.new .co2{ display:inline-block;width:72%;}
.new .co2 table.newT{ width:100%;margin-top: 5px; border-spacing:0px;border-top: 1px solid #9ec5db;border-left: 1px solid #9ec5db;}
.new .co2 td{ font-size:15px; border-right: 1px solid #aaa; border-bottom: 1px solid #9ec5db; padding:5px; color:#666;}
.new .co2 td.t{width: 136px; font-size:15px; text-align:center;border-right: 1px solid #9ec5db;border-bottom: 1px solid #9ec5db; padding:5px;  color:#666; background-color:#e9f4fa;}
.new img.co2Img {position: relative; display:inline-block; height:190px; padding-top:5px;max-width: 299px;}
.new div.co2Img {position: relative;display: flex;height: 192px;/* padding-top:5px; */max-width: 299px;overflow: hidden;/* padding-top: 1em; */width: 28%;align-items: center;margin-top: .25em;justify-content: center;}

.new .img_align {
    width: 100%;
    display: flex;
}
.new .img_align .co2Img{
    height: auto;
}
.new .img_align .co2Img img{}

.new table.newT.auto {}
.new table.newT.auto tr{}
.new table.newT.auto tr td{}
.new table.newT.auto tr td:nth-of-type(1){
	width: 136px;
    font-size: 15px;
    text-align: center;
    border-right: 1px solid #9ec5db;
    border-bottom: 1px solid #9ec5db;
    padding: 5px;
    color: #666;
    background-color: #e9f4fa;
}

.new div.co2Img img {
    width: 100%;
    /* margin-top: .5em; */
    /* min-height: 192px; */
    height: 100%;
}
.new div.imgh img {
    height: 100%;
    width: 110%;
}
.new div.tbimg {
    width: 100%;
}
.new div.tbimg img {}
.new .co2 table.center{
    text-align: center;
}

@media screen and (max-width: 500px) {
.policy dl > * {padding-top:32px; padding-bottom:0; display:block;}
.policy dt {width:100%; color:#444e9c; font-size:14px; font-family:'NotoB', sans-serif; line-height:26px; border-top:2px solid #444e9c;}
.policy dd {padding-top:0; padding-bottom:30px; border-top:0}
.policy dd * {color:#646464; font-size:14px; line-height:26px;}
.policy dd strong {color:#333; font-family:'NotoB', sans-serif;}
.policy dd p + ol {margin-top:26px;}
.policy dd p + p {margin-top:52px;}
.policy dd p + div {margin-top:26px;}
}

@media screen and (max-width: 1170px) {
	.greeting-img {top: 170px;right: 8%;width: 320px;}
	.new .co2{ display:inline-block; width:70%;}
}
@media screen and (max-width: 1024px) {
	.greeting-img {top: 160px;width: 230px;}
	.greeting-txt {margin-top: 40px;font-size: 14px;}
	.greeting-txt span img {width: 148px;}
	.new .co2{ display:inline-block; width:60%;}
}
@media screen and (max-width: 768px) {
	.greeting-img {top: 0px;right: 15px;width: 150px;}
	.greeting-txt {margin-top: 30px;font-size: 12px;}
	.greeting-txt span img {width: 130px;}


	.new p.smallT{ font-size:15px; color:#2f9fdc; margin-top:20px;}
	.new p.desc{ font-size:100%;}

	.new table.newT{ margin-top: 5px; border-spacing:0px; border-top: 1px solid #9ec5db; border-left: 1px solid #9ec5db;}
	.new td{ font-size:12px; border-right: 1px solid #aaa; border-bottom: 1px solid #9ec5db; padding:5px; color:#666;}
	.new td.t{ width:80px; font-size:12px; text-align:center; border-right: 1px solid #9ec5db; border-bottom: 1px solid #9ec5db; padding:5px;  color:#666; background-color:#e9f4fa;}

	.new .co2{ display:inline-block; width:100%;}
	.new .co2 table.newT{ width:100%; margin-top: 5px; border-spacing:0px; border-top: 1px solid #9ec5db; border-left: 1px solid #9ec5db;}
	.new .co2 td{ font-size:12px; border-right: 1px solid #aaa; border-bottom: 1px solid #9ec5db; padding:5px; color:#666;}
	.new .co2 td.t{ width:80px; font-size:12px; text-align:center; border-right: 1px solid #9ec5db; border-bottom: 1px solid #9ec5db; padding:5px;  color:#666; background-color:#e9f4fa;}
	.new img.co2Img { position: relative; display:inline-block; padding-top:5px;}
	.new div.co2Img {width:100%;max-width: unset;}
	.new div.co2Img img {width:100%;}
}

.history-sel.select-area {padding-right: 200px;}
.history-sel.select-area .sel-box {width: 166px;}
.history-list {margin-top: 45px;display: none;}
.history-list:after {content: '';display: block;clear: both;}
.history-list.active {display: block;}
.history-list .year,
.history-list .desc {float: left;}
.history-list .year {width: 33%;border-top: 2px solid #333;}
.history-list .year span {display: block;margin-top: 25px;font-size: 30px;font-family: 'NotoB';}
.history-list .desc {width: 67%;border-top: 1px solid #c4c4c4;}
.history-list .desc ul {margin-top: 25px;font-size: 16px;line-height: 1.8;}
.history-list .desc li {position: relative;/* padding-left: 90px; */display: flex;justify-content: flex-start;}
.history-list .desc li strong {display: table;/* position: absolute; */top: 0;left: 0;font-family: 'NotoB';width: 123px;}
.history-list .desc li > p {position: relative;padding-left: 15px;}
.history-list .desc li > p:after {content: '';position: absolute;top: 13px;left: 0;width: 4px;height: 4px;background-color: #333;border-radius: 2px;}

@media screen and (max-width: 1024px) {
	.history-list .desc li > p {padding-left: 12px;}
	.history-list .desc li > p:after {top: 12px;width: 3px;height: 3px;}
}
@media screen and (max-width: 768px) {
	.history-sel.select-area {padding-right: 130px;}
	.history-sel.select-area .sel-box {width: 100px;}
	.history-list {margin-top: 20px;}
	.history-list .year,
	.history-list .desc {float: none;width: 100%;}
	.history-list .year span {margin-top: 0px;font-size: 20px;line-height: 2.1;}
	.history-list .desc ul {margin-top: 5px;font-size: 13px;}
	.history-list .desc li {padding-left: 70px;}
	.history-list .desc li > p {padding-left: 10px;}
	.history-list .desc li > p:after {top:11px;}
}

.corporate-introduce {margin-top: 40px;}
.corporate-introduce ul:after {content: '';display: block;clear: both;}
.corporate-introduce ul li {float: left;width: 25%;text-align: center;box-sizing: border-box;}
.corporate-introduce ul li .img img{width: 80%;max-width: 200px}
.corporate-introduce ul li .t {display: block;margin-top: 25px;font-size: 18px;font-family: 'NotoB';}
.corporate-introduce ul li .d {margin-top: 5px;font-size: 16px;}
.corporate-mark {margin-top: 25px;}
.corporate-mark:after {content: '';display: block;clear: both;}
.corporate-mark .img,
.corporate-mark ul {float: left;}
.corporate-mark .img {width: 255px;}
.corporate-mark ul {width: calc(100% - 255px);font-size: 16px;line-height: 1.8;}
.corporate-mark ul li:last-child {margin-top: 20px;}
@media screen and (max-width: 1024px) {
	.corporate-introduce ul li .t {font-size: 16px;}
	.corporate-introduce ul li .d {margin-top: 5px;font-size: 14px;}
	.corporate-mark ul {font-size: 15px;}
	.corporate-mark ul li:last-child {min-height: 70px;}
}
@media screen and (max-width: 768px) {
	.corporate-introduce {margin-top: 10px;}
	.corporate-introduce ul li {display: inline-block;float: none;width: 49%;margin-top: 10px;padding: 10px;vertical-align: top;}
	.corporate-introduce ul li .t {margin-top: 15px;font-size: 15px;}
	.corporate-introduce ul li .d {margin-top: 5px;font-size: 13px;}
	.corporate-mark .img,
	.corporate-mark ul {float: none;}
	.corporate-mark .img {width: 100%;}
	.corporate-mark .img img {width: 100%;max-width: 579px;margin: 0 auto;}
	.corporate-mark ul {margin-top: 10px;font-size: 13px;width: 100%}
	.corporate-mark ul li {position: relative;padding-left: 90px;}
	.corporate-mark ul li strong {display: inline-block;position: absolute;top: 0;left: 0;width: 90px;}
}

.mivi-info {margin-top: 20px;}
.mivi-info ul:after {content: '';display: block;clear: both;}
.mivi-info ul li {float: left;width: 100%;}
.mivi-info ul li.mission {background: url(/images/welfare_center/mission01.jpg) no-repeat center left;}
.mivi-info ul li.vision {margin-top: 20px; background: url(/images/welfare_center/mission02.jpg) no-repeat center left;}
.mivi-info ul li .table-cell {height: 189px;padding-left: 230px;padding-right: 25px;}
.mivi-info ul li .table-cell strong {font-size: 28px;font-family: 'NotoB';border-bottom: 2px solid #333;}
.mivi-info ul li .table-cell p {margin-top: 10px;font-size: 18px;line-height: 1.8;}
@media screen and (max-width: 1024px) {
	.mivi-info ul li.mission,
	.mivi-info ul li.vision {-webkit-background-size: 160px;background-size: 160px;}
	.mivi-info ul li .table-cell {padding-left: 190px;}
	.mivi-info ul li .table-cell strong {font-size: 24px;}
	.mivi-info ul li .table-cell p {font-size: 15px;}
}
@media screen and (max-width: 768px) {
	.mivi-info ul li.mission,
	.mivi-info ul li.vision {float: none;width: 100%;-webkit-background-size: 85px;background-size: 85px;}
	.mivi-info ul li .table-cell {height: 125px;padding-left: 100px;}
	.mivi-info ul li .table-cell strong {font-size: 17px;}
	.mivi-info ul li .table-cell p {margin-top: 5px;font-size: 13px;}
}

.right-people {margin-top: 20px;}
.right-people ul:after {content: '';display: block;clear: both;}
.right-people ul li {float: left;width: 48%;margin-left: 2%;padding: 0 30px;background-color: #f9f9fc;box-sizing: border-box;}
.right-people ul li:first-child {margin-left: 0;}
.right-people ul li .box {padding-right: 85px;background-repeat: no-repeat;background-position: center right;}
.right-people ul li.rp01 .box {background-image: url(/images/welfare_center/right_people01.png);}
.right-people ul li.rp02 .box {background-image: url(/images/welfare_center/right_people02.png);}
.right-people ul li.rp03 .box {background-image: url(/images/welfare_center/n_right_people_01.png);}
.right-people ul li.rp04 .box {background-image: url(/images/welfare_center/n_right_people_02.png);}
.right-people ul li .table-cell {height: 130px;}
.right-people ul li .table-cell strong {font-size: 18px;font-family: 'NotoB';}
.right-people ul li .table-cell p {margin-top: 5px;font-size: 16px;line-height: 1.4;}
@media screen and (max-width: 1024px) {
	.right-people ul li {padding: 0 20px}
	.right-people ul li .box {padding-right: 75px;-webkit-background-size: 50px auto;background-size: 50px auto;}
	.right-people ul li .table-cell strong {font-size: 16px;}
	.right-people ul li .table-cell p {font-size: 14px;}
}
@media screen and (max-width: 768px) {
	.right-people ul li {float: none;width: 100%;margin-top: 20px; margin-left: 0;padding: 0 20px}
	.right-people ul li:first-child {margin-top: 0;}
	.right-people ul li .box {padding-right: 55px;-webkit-background-size: 40px auto;background-size: 40px auto;}
	.right-people ul li .table-cell {height: 80px;}
	.right-people ul li .table-cell strong {font-size: 15px;}
	.right-people ul li .table-cell p {font-size: 13px;}
}

.rp-behavior {margin-top: 20px}
.rp-behavior:after {content: '';display: block;clear: both;}
.rp-behavior .box {float: left;width: 24%;margin-left: 1%;}
.rp-behavior .box:first-child {margin-left: 0;}
.rp-behavior dl {border: 1px solid #c4c4c4;}
.rp-behavior dl dt {background-color: #f9f9fc;font-family: 'NotoB';font-size: 18px;text-align: center;line-height: 2.9;border-bottom: 1px solid #c4c4c4;}
.rp-behavior dl dd {min-height: 150px;padding: 25px;font-size: 16px;}
.rp-behavior dl dd li {margin-top: 5px;margin-left: 15px;list-style-type: decimal;}
@media screen and (max-width: 1024px) {
.rp-behavior dl dt {font-size: 16px;}
.rp-behavior dl dd {min-height: 140px;padding: 15px;font-size: 14px;}
.rp-behavior dl dd li {margin-top: 5px;margin-left: 15px;list-style-type: decimal;}
}
@media screen and (max-width: 768px) {
.rp-behavior .box {float: none;width: 100%;margin-left: 0%;margin-top: 15px;}
.rp-behavior .box:first-child {margin-top: 0;}
.rp-behavior dl dt {font-size: 15px;}
.rp-behavior dl dd {min-height: auto;padding: 15px;font-size: 13px;}
.rp-behavior dl dd li {margin-top: 5px;margin-left: 15px;list-style-type: decimal;}
}
.ethical {margin-top: 40px !important;}
.ethical li {margin-top: 15px;}
.ethical li:first-child {margin-top: 0;}
.ethical li strong {display: inline-block;padding-left: 25px;background: url(/images/common/ico_dot_chk.png) no-repeat center left;}
.ethical-txt {margin-top: 30px;text-align: right;}

@media screen and (max-width: 1024px) {
	.ethical li strong {padding-left: 20px;-webkit-background-size: 16px auto;
	background-size: 16px auto;}
	.ethical-txt {margin-top: 25px;}
}
@media screen and (max-width: 768px) {
	.ethical {margin-top: 20px !important;}
	.ethical li strong {padding-left: 15px;-webkit-background-size: 12px auto;
	background-size: 12px auto;}
	.ethical-txt {margin-top: 20px;}
}

.chart_img {margin-top: 20px;}
.chart_img img {width: 100%}
.chart_map {text-align: center;display: flex;flex-direction: column;width: 100%;overflow-x: hidden;}
.chart_map div {
    color: #fff;
    font-size: 1.2em;
    font-weight: 500;
    margin-top: 2em;
}
.chart_map .map1 {
    width: 170px;
    background-color: #444e9c;
    padding: .5em .8em;
    left: 50%;
    position: relative;
    margin-left: -102px;
}
.chart_map .map1:after {content:"";background-color:#ccc;width:1px;height: 231px;position:absolute;top:0;left:50%;z-index: -1;}
.chart_map .map2 {
    margin: unset;
    left: 50%;
    margin-top: 3em;
    margin-left: -102px;
    position: relative;
}
.chart_map .map2 ul {display: flex;justify-content: space-between;}
.chart_map ul li {
    width: 170px;
    background-color: #2f8374;
    padding: .5em .8em;
    position: relative;
}
.chart_map .map2 ul li:nth-child(2) {
    background-color: #817b18;
}
.chart_map .map2 ul li:nth-child(2)::after{content:"";background-color:#ccc;position: absolute;width: 560px;height:1px;left: 0;margin-left: -224%;top: -50%;}
.chart_map .map3 {
    width: 100%;
    margin-top: 4em;
}
.chart_map .map3 ul {
    display: flex;
    justify-content: space-between;
    position: relative;
}
.chart_map .map3 ul li {
    width: 170px;
    position: relative;
}
.chart_map .map3 ul li:nth-child(1) {background-color: #f6a9a9;}
.chart_map .map3 ul li:nth-child(2) {background-color: #a9d3f6;}
.chart_map .map3 ul li:nth-child(3) {background-color: #fed789;}
.chart_map .map3 ul li:nth-child(4) {background-color: #2f8374;}
.chart_map .map3 ul li:nth-child(5) {background-color: #817b18;}
.chart_map .map3 ul:after{content:"";background-color:#ccc;width: 81.5%;height:1px;position: absolute;top: -67%;left: 102px;}
.chart_map .map3 ul li:after {content:"";background-color:#ccc;width:1px;height: 83px;position:absolute;top: -67%;left:50%;z-index: -1;}
.chart_map .map3 ul li:nth-child(5)::after {
    height: 182px;
    margin-top: -67%;
}
.staff-sel.select-area {padding-right: 200px;}
.staff-sel.select-area .sel-box {width: 166px;}
/*.staff-area {display: none;}*/
.staff-area.active {display: block;}
.staff-area .staff-list {font-size: 0;margin-top: 30px;}
.staff-area .staff-list .item .img img {width: 100%}
.staff-area .staff-list .item:first-child {border-top: 1px solid #c4c4c4}
.staff-area .staff-list .item {padding: 15px 0;border-bottom: 1px solid #c4c4c4;}
.staff-area .staff-list .item .info:after,
.staff-area .staff-list .item.type2:after {content: '';display: block;clear: both;}
.staff-area .staff-list .item.type2 .info {float: left}
.staff-area .staff-list .item .img + .info {padding: 25px 0;}
.staff-area .staff-list .item .info .name {position: relative;float: left;width: 185px;padding: 0 0 0 20px;font-size: 20px;}
.staff-area .staff-list .item .info .name em {font-family: 'NotoB';}

.staff-area .staff-list .item .info .name:after {content: '';position: absolute;top: 50%;left: 1px;width: 4px;height: 18px;margin-top: -9px;}
.staff-area.staff_1 .staff-list .item .info .name:after {background: #444e9c;}
.staff-area.staff_2 .staff-list .item .info .name:after {background: #f6a9dc;}
.staff-area.staff_3 .staff-list .item .info .name:after {background: #a9d3f6;}
.staff-area.staff_4 .staff-list .item .info .name:after {background: #f8ce7d;}
.staff-area.staff_5 .staff-list .item .info .name:after {background: #cda9f6;}
.staff-area.staff_6 .staff-list .item .info .name:after {background: #817b18;}
.staff-area.staff_7 .staff-list .item .info .name:after {background: #f6a9a9;}
.staff-area.staff_8 .staff-list .item .info .name:after {background: #71c1b3;}
.staff-area.staff_9 .staff-list .item .info .name:after {background: #2f8374;}
.staff-area .staff-list .item .info .desc {position: relative;float: left;width: calc(100% - 220px);}
.staff-area .staff-list .item .info .desc li {padding-left: 80px;font-size: 18px;min-height: 36px;}
.staff-area .staff-list .item .info .desc li strong {display: inline-block;width: 50px;line-height: 25px;margin: 0 20px 0 -70px;font-family: 'NotoL';font-size: 14px;color: #fff;text-align: center;border-radius: 5px}
.staff-area.staff_1 .staff-list .item .info .desc li strong {background: #444e9c;}
.staff-area.staff_2 .staff-list .item .info .desc li strong {background: #f6a9dc;}
.staff-area.staff_3 .staff-list .item .info .desc li strong {background: #a9d3f6;}
.staff-area.staff_4 .staff-list .item .info .desc li strong {background: #fed789;}
.staff-area.staff_5 .staff-list .item .info .desc li strong {background: #cda9f6;}
.staff-area.staff_6 .staff-list .item .info .desc li strong {background: #cda9f6;}
.staff-area.staff_7 .staff-list .item .info .desc li strong {background: #f6a9a9;}
.staff-area.staff_8 .staff-list .item .info .desc li strong {background: #2f8374;}
.staff-area.staff_9 .staff-list .item .info .desc li strong {background: #2f8374;}

@media screen and (max-width: 1024px) {
	.staff-area .staff-list .item .info .name {font-size: 18px;}
	.staff-area .staff-list .item .info .desc {min-height: 27px;}
	.staff-area .staff-list .item .info .desc li {font-size: 15px;}
}
@media screen and (max-width: 768px) {
	.chart_map {text-align: center;display: flex;flex-direction: column;width: 100%;}
	.chart_map div {width:100%;}
	.chart_map .map1 {margin-left: 0;margin: 0 auto;width: 25%;left: 0;}
	.chart_map .map1:after {
    height: 10em;
}
	.chart_map .map2 {margin-left: 0;left: 0;}
	.chart_map .map2 ul {
    display: flex;
    justify-content: space-between;
    }
	.chart_map .map3 {}
	.chart_map .map3 ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
	.chart_map .map3 ul li {
    width: 12%;
    font-size: .8em;
    height: 4em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}
	.chart_map ul li {width: 20%;font-size: .9em;margin-left: 37%;}
	.chart_map .map2 ul li:nth-child(2) {margin-left:0;}
	.chart_map .map2 ul li:nth-child(2)::after {
    width: 10em;
    margin-left: -87%;
}
	.chart_map .map3 ul:after {
    width: 82%;
    left: 9%;
    top: -58%;
}
	.chart_map .map3 ul li:after {
    height: 67%;
    top: -57%;
}
	.chart_map .map3 ul li:nth-child(5)::after {
    margin-top: -139%;
}
	.staff-sel.select-area {padding-right: 150px;}
	.staff-sel.select-area .sel-box {width: 130px;}
	.staff-area .staff-list {margin-top: 15px;}
	.staff-area .staff-list .item {position: relative;width: 100%;margin-left: 0;}
	.staff-area .staff-list .item.w-display {display: none;}
	.staff-area .staff-list .item:after {content: '';display: block;clear: both;}
	.staff-area .staff-list .item .img {display: inline-block;vertical-align: top;width: 43%;margin-right: 2%;margin-bottom: -1px;}
	.staff-area .staff-list .item .info {}
	.staff-area .staff-list .item.type2 .info {width: 50%;}
	.staff-area .staff-list .item .img + .info {padding: 0 0 10px 0;}
	.staff-area .staff-list .item .info .name,
	.staff-area .staff-list .item .info .desc {float: none;width: auto;}
	.staff-area .staff-list .item .info .name:after {width: 2px;height: 12px;margin-top: -6px;}
	.staff-area .staff-list .item .info .name {padding-left: 15px;font-size: 15px;}
	.staff-area .staff-list .item .info .desc {min-height: 27px;margin-top: 20px;}
	.staff-area .staff-list .item .info .desc li {padding-left: 60px;font-size: 13px;min-height: 24px}
	.staff-area .staff-list .item .info .desc li strong {width: 40px;line-height: 20px;margin: 0 10px 0 -50px;font-size: 12px;}
}
@media screen and (max-width: 480px) {
	.staff-area .staff-list .item.type2 .info {width: 100%;}
}

.nuri-info:after {content: '';display: block;clear: both;}
.nuri-info li {position: relative;float: left;width: 50%;padding: 0 15px;box-sizing: border-box;}
.nuri-info li:after {content: '';position: absolute;top: 14px;left: 0;width: 4px;height: 4px;background-color: #333;border-radius: 2px;}
.nuri-history {margin-top: 25px;}
.nuri-history li {position: relative;padding-left: 120px;line-height: 1.9}
.nuri-history li strong {position: absolute;top: 0;left: 0;display: inline-block;width: 120px;}
.nuri-history li > p {position: relative;padding-left: 15px;}
.nuri-history li > p:after {content: '';position: absolute;top: 13px;left: 0;width: 4px;height: 4px;background-color: #333;border-radius: 2px;}

@media screen and (max-width: 1024px) {
	.nuri-info li {padding-left: 12px;}
	.nuri-info li:after {top: 12px;width: 3px;height: 3px;}
	.nuri-history li {padding-left: 100px;}
	.nuri-history li strong {width: 100px;}
	.nuri-history li > p {padding-left: 12px;}
	.nuri-history li > p:after {top: 12px;width: 3px;height: 3px;}
}
@media screen and (max-width: 768px) {
	.nuri-info li {float: none;width: 100%;padding-left: 10px;}
	.nuri-info li:after {top: 10px;}
	.nuri-history li {padding-left: 85px;}
	.nuri-history li strong {width: 85px;}
	.nuri-history li > p {padding-left: 10px;}
	.nuri-history li > p:after {top: 10px;}
}

.facility-info {margin-top: 20px !important;}
.facility-info li {padding-left: 95px;line-height: 2}
.facility-info li strong {display: inline-block;width: 95px;margin-left: -95px;}
.services_chart {margin-top: 75px;}
.services_chart img {max-width: 1000px;width: 100%}
@media screen and (max-width: 1024px) {
	.services_chart {margin-top: 60px;}
	.facility li {padding-left: 75px;}
	.facility li strong {display: inline-block;width: 75px;margin-left: -75px;}
}
@media screen and (max-width: 768px) {
	.services_chart {margin-top: 40px;}
	.facility li {padding-left: 65px;}
	.facility li strong {display: inline-block;width: 65px;margin-left: -65px;}
}

.lease-info {margin-top: 20px !important;}
.lease-info li {position:relative;padding-left:120px;padding-top:20px;line-height: 2;}
.lease-info li strong {position:absolute;left:120px;display: inline-block;width:120px;margin-left: -120px;}
.lease-info .txtIndent {position:relative;display:inline-flex;padding-left:60px;width:100%;box-sizing:border-box;}
.lease-info .txtIndent::after {position:absolute;display:block;content:"(1순위)";left:-1px;top:0;}


.nuri-business:after {content: '';display: block;clear: both;}
.nuri-business .item {float: left;width: 50%;margin-top: 50px}
.nuri-business .item .info {position: relative;padding-right: 25px;min-height: 215px}
.nuri-business .item .info:after {content: '';position: absolute;top: 7px;left: 1px;width: 1px;height: 100%;background: #c4c4c4}
.nuri-business .item .info .tit,
.nuri-business .item .info .desc {position: relative;padding: 0 25px;}
.nuri-business .item .info .tit:after {content: '';position: absolute;top: 7px;left: 1px;width: 4px;height: 18px;background: #4e5ca3;z-index: 2}
.nuri-business .item .info .tit {font-family: 'NotoB';}
.nuri-business .item .info .desc {margin-top: 5px;}
.nuri-business .item .info .desc li {padding-left: 50px;font-size: 16px;}
.nuri-business .item .info .desc li strong {display: inline-block;width: 50px;margin-left: -50px;font-family: 'NotoL';}
@media screen and (max-width: 1024px) {
	.nuri-business .item .info .tit {font-size: 16px;}
	.nuri-business .item .info .desc li {padding-left: 42px;font-size: 14px;}
	.nuri-business .item .info .desc li strong {width: 42px;margin-left: -42px;}
	.lease-info li {padding-left:110px;padding-top:20px;line-height: 2;}
	.lease-info li strong {display: inline-block;width:110px;margin-left: -110px;}
}
@media screen and (max-width: 768px) {
	.nuri-business {margin-top: 30px;padding: 0 15%}
	.nuri-business .item {width: auto;margin-top: 0;padding-right:0;}
	.nuri-business .item .info {min-height: auto;padding: 20px 0;background: #fafafa}
	.nuri-business .item .info:after {position: static}
	.nuri-business .item .info .tit {font-size: 15px;}
	.nuri-business .item .info .tit:after {position: static;}
	.nuri-business .item .info .desc li {padding-left: 42px;font-size: 13px;}
	.nuri-business .item .info .desc li strong {width: 42px;margin-left: -42px;}
	.nuri-business .slick-arrow.slick-prev {left: 10px;}
	.nuri-business .slick-arrow.slick-next {right: 10px;}
	.lease-info li {padding-left:100px;padding-top:20px;line-height: 2;}
	.lease-info li strong {display: inline-block;width:100px;margin-left: -100px;}
}
@media screen and (max-width: 500px) {
	.lease-info li {padding-left:90px;padding-top:20px;line-height: 2;}
	.lease-info li strong {display: inline-block;width:90px;margin-left: -90px;}
}

.btb-indent {position: relative;margin-top: 15px;padding-left: 35px;font-size: 16px;}
.btb-indent .bull {position: absolute;top: 0;left: 15px;}
.support-info {margin-top: 20px !important;}
.support-info:after {content: '';display: block;clear: both;}
.support-info ul {float: left;position: relative;width: 50%;box-sizing: border-box;padding-left: 20px;}
.support-info ul:first-child {padding-right: 20px; padding-left: 0;}
.support-info ul:first-child:after {content: '';display: block;clear: both;position: absolute;right: 0;top: 0;width: 1px; height: 100%;background: #c4c4c4}
.support-info ul li {float: left;margin-top: 0}
.support-info ul li.sub-txt {margin-top: 0; padding-right: 25px}
@media screen and (max-width: 1024px) {
	.support-info ul li {float: none;}
}
@media screen and (max-width: 768px) {
	.btb-indent {font-size: 13px;}
	.support-info ul {float: none;width: 100%;padding-left: 0px;margin-top: 10px;}
	.support-info ul:first-child {padding-right: 0;margin-top: 0;}
	.support-info ul:first-child:after {position: static;}
}

.map_api {position: relative;height: 500px;max-width: 1100px;width: 100%;margin-top: 40px;}
@media screen and (max-width: 1024px) {
	.map_api {height: 400px;margin-top: 30px;}
}
@media screen and (max-width: 768px) {
	.map_api {height: 300px;margin-top: 20px;}
}

.directions {overflow: hidden;width: 100%;padding: 25px 0;font-size: 0;border-top: 1px solid #c4c4c4;box-sizing: border-box;}
.directions:first-child {border-top: 0;}
.directions dt,
.directions dd {display: inline-block;vertical-align: middle;}
.directions dt span{display: inline-block;min-width: 85px;background-repeat: no-repeat;background-position: top center;font-size: 30px;text-align: center;line-height: 1.4;}
.directions.subway dt span {padding-top: 74px;background-image: url(/images/welfare_center/ico_subway.jpg);}
.directions.bus dt span {padding-top: 68px;background-image: url(/images/welfare_center/ico_bus.jpg);}
.directions.add-tel dt span {padding-top: 60px;background-image: url(/images/welfare_center/ico_add.jpg);}
.directions dd {width: calc(100% - 135px);padding-left: 45px;font-size: 18px;}
.directions dd li strong {font-family: 'NotoL';}
.directions.subway dd li {position: relative;}
.directions.subway dd li strong {position: absolute;top: 0;left: 0;}
.directions.subway dd li p {padding-left: 60px;}
@media screen and (max-width: 1024px) {
	.directions dt span{font-size: 22px;}
	.directions dd {width: calc(100% - 115px);padding-left: 25px;font-size: 16px;}
}
@media screen and (max-width: 768px) {
	.map_api {height: 250px;}
	.directions dt,
	.directions dd {display: block;}
	.directions dt span{padding-top: 0;background-position: center left;font-size: 15px;text-align: left;}
	.directions.subway dt span {padding-top: 0px;padding-left: 24px;-webkit-background-size: 14px 21px;background-size: 14px 21px;}
	.directions.bus dt span {padding-top: 0px;padding-left: 29px;-webkit-background-size: 19px 21px;background-size: 19px 21px;}
	.directions.add-tel dt span {padding-top: 0px;padding-left: 38px;-webkit-background-size: 28px 21px;background-size: 28px 21px;}
	.directions dd {width: 100%;padding-left: 0;margin-top: 10px;font-size: 12px;}
	.directions.subway dd li p {padding-left: 40px;}
}


/* 사업소개 */

/* 위드심리상담센터 */
.tab-contents .con {display: none;margin-top: 60px;}
.tab-contents .con.active {display: block;}

.use-info {position: relative;margin-top: 40px;padding: 55px 20px 55px 260px;background: #e8f4fa url(/images/business/bg_useinfo01.jpg) no-repeat right bottom;}
.use-info .title {position: absolute;top: 55px;left: 55px;padding-left: 35px;font-size: 24px;background: url(/images/business/ico_caution.png) no-repeat left center;}
.use-info ul li {margin-top: 10px;}
.use-info ul li:after {content: '';display: block;clear: both;}
.use-info ul li .dt {display: inline-block;width: 91px;height: 35px;vertical-align: top;text-align: justify;font-family: 'NotoB';}
.use-info ul li .dt:after {display: inline-block;content: '';width: 100%;}
.use-info ul li .dd {display: inline-block;width: 75%;padding-left: 30px;vertical-align: top;}

.use-step {margin-top: 20px;}
.use-step ul:after {content: '';display: block;clear: both;}
.use-step ul li {float: left;width: 13%;max-width: 140px;padding-left: 4%;text-align: center;background: url(/images/business/arr_usestep.gif) no-repeat left 60px;}
.use-step ul li:first-child {padding-left: 0;background: none;}
.use-step ul li .img {position: relative;z-index: 2;}
.use-step ul li .img img {width: 100%;}
.use-step ul li .txt {margin-top: 10px;letter-spacing: -1px;}

.voucher li .dt {display: inline-block;width: 100px;height: 35px;vertical-align: top;text-align: justify;font-family: 'NotoB';}
.voucher li .dt:after {display: inline-block;content: '';width: 100%;}
.voucher li .dd {display: inline-block;width: 900px;padding-left: 20px;vertical-align: top;}

@media screen and (max-width: 1024px) {
	.use-info {padding-left: 220px;}
	.use-info .title {padding-left: 28px;font-size: 20px;-webkit-background-size: 23px auto;background-size: 23px auto;}
	
	.use-step ul li {background: url(/images/business/arr_usestep.gif) no-repeat left 45px;-webkit-background-size: 40px auto;background-size: 40px auto;}
	.use-step ul li .img img {width: 110px;}
}
@media screen and (max-width: 768px) {
	.use-info {padding: 17px;background: #e8f4fa;}
	.use-info .title {position: static;padding-left: 23px;font-size: 15px;-webkit-background-size: 19px auto;background-size: 19px auto;}
	.use-info ul {margin-top: 10px;}
	.use-info ul li .dt {width: 60px;}
	.use-info ul li .dd {width: calc(100% - 80px);padding-left: 15px;}
	
	.use-step ul li {display: inline-block;width: 28%;max-width: 300px;margin-bottom: 10px;padding-left: 25px;background: url(/images/business/arr_usestep.gif) no-repeat left 35px;-webkit-background-size: 25px auto;background-size: 25px auto;}
	.use-step ul li.first {padding-left: 0;background: none;}
	.use-step ul li .img img {width: 70px;}
	
	.voucher li .dt {width: 60px;}
	.voucher li .dd {width: calc(100% - 80px);padding-left: 15px;}
}


/* 지역복지 */
.team-vision .inner {margin-top: 40px;text-align: center;background: url(/images/business/dot01.gif) no-repeat left 70px;}
.team-vision .inner .t {padding-top: 175px;font-size: 24px;}
.team-vision .inner.vision01 {background: none;}
.team-vision .inner.vision01 .t {background: url(/images/business/ico_area01.gif) no-repeat center top;}
.team-vision .inner.vision02 .t {background: url(/images/business/ico_area02.gif) no-repeat center top;}
.team-vision .inner.vision03 .t {background: url(/images/business/ico_area03.gif) no-repeat center top;}
.team-vision .inner ul li {}
@media screen and (max-width: 1024px) {
	.team-vision .inner .t {padding-top: 130px;font-size: 20px;-webkit-background-size: 120px auto !important;background-size: 120px auto !important;}
}

@media screen and (max-width: 768px) {
	.team-vision .inner {background: none;}
	.team-vision .inner .t {padding-top: 100px;font-size: 17px;-webkit-background-size: 90px auto !important;background-size: 90px auto !important;}
}

.case-manage .dt {display: inline-block;width: 80px;margin-right: 10px;vertical-align: top;}
.case-manage .dd {display: inline-block;width: calc(100% - 94px);vertical-align: top;}

@media screen and (max-width: 768px) {
	.case-manage .dt {width: 55px;}
	.case-manage .dd {width: calc(100% - 69px);}
}

/* 이용안내 */
.rental-step ul:after {content: '';display: block;clear: both;}
.rental-step ul li {float: left;width: 23.1%;padding-left: 2.5%;background: url(/images/support/arr_volunstep.gif) no-repeat 10px center;}
.rental-step ul li.step01 {padding-left: 0;width: 23.1%;}
.rental-step ul li.step01 .box {background: #f9f9fc url(/images/information/ico_rental01.gif) no-repeat left center;}
.rental-step ul li.step02 .box {background: #f9f9fc url(/images/information/ico_rental02.gif) no-repeat left center;}
.rental-step ul li.step03 .box {background: #f9f9fc url(/images/information/ico_rental03.gif) no-repeat left center;}
.rental-step ul li.step04 .box {background: #f9f9fc url(/images/information/ico_rental04.gif) no-repeat left center;}
.rental-step ul li .box {padding: 5px 20px 5px 95px;}
.rental-step ul li .box .table-cell {height: 100px;}
.rental-step ul li .box .t {}
.rental-step ul li .box .d {font-size: 16px;}
@media screen and (max-width: 1024px) {
	.rental-step ul li {background: url(/images/support/arr_volunstep.gif) no-repeat 7px center;-webkit-background-size: 8px auto !important;background-size: 8px auto !important;}
	.rental-step ul li .box {padding: 5px 15px 5px 65px;-webkit-background-size: 55px auto !important;background-size: 55px auto !important;}
	.rental-step ul li .box .d {font-size: 13px;}
}
@media screen and (max-width: 768px) {
	.rental-step ul li {background: url(/images/support/arr_volunstep.gif) no-repeat 5% center;}
	.rental-step ul li {width: 47%;padding-left: 6%;}
	.rental-step ul li.step01,
	.rental-step ul li.step03 {width: 47%;padding-left: 0;}
	.rental-step ul li.step03,
	.rental-step ul li.step04 {margin-top: 15px;}
}
.rental-method ul:after {content: '';display: block;clear: both;}
.rental-method ul li {float: left;width: 23.1%;padding-left: 2.5%;}
.rental-method ul li:first-child {padding-left: 0;width: 23.1%;}
.rental-method ul li .img img {width: 100%;}
.rental-method ul li .info {padding: 10px 0 15px;text-align: center;border-bottom: 1px solid #c4c4c4;}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
	.rental-method ul li {width: 47%;padding-left: 6%;}
	.rental-method ul li:first-child,
	.rental-method ul li.m03 {width: 47%;padding-left: 0;}
	.rental-method ul li.m03,
	.rental-method ul li.m04 {margin-top: 15px;}
}

.rental-gallery ul:after {content: '';display: block;clear: both;}
.rental-gallery ul li {float: left;width: 50%;padding-left: 1%;box-sizing: border-box;}
.rental-gallery ul li img {width: 100%;}
.rental-gallery ul li .tit {margin-top: 10px;text-align: center;}
.rental-gallery.facilities {margin-top: 30px;}
.rental-gallery.facilities span {display: block;margin-top: 5px;font-size: 15px;text-align: center;color: #666}
@media screen and (max-width: 1024px) {
	.rental-gallery.facilities span {font-size: 13px;}
}
@media screen and (max-width: 768px) {
	.rental-gallery ul li {width: 50%;box-sizing:border-box;padding-left: 0;}
	.rental-gallery ul li:nth-child(odd){padding-right: 5px;}
	.rental-gallery ul li:nth-child(even){padding-left: 5px;}
	
	.rental-gallery ul li.g03,
	.rental-gallery ul li.g04 {margin-top: 15px;}
	.rental-gallery.facilities span {font-size: 12px;}
}

/* 후원 및 자원봉사 */
.people-list ul li {margin-top: 40px;}
.people-list ul li:after {content: '';display: block;clear: both;}
.people-list ul li .thumb {display: block;float: left;width: 43%;}
.people-list ul li .thumb img {width: 100%;}
.people-list ul li .info {float: left;width: 56%;padding-left: 30px;box-sizing: border-box;}
.people-list ul li .info .t-sup {font-size: 18px;font-family: 'NotoB';}
.people-list ul li .info .title {font-size: 30px;color: #4e5ca3;}
.people-list ul li .info .title2 {font-size: 24px;}
.people-list ul li .info .desc {position: relative;margin-top: 30px;font-size: 18px;}
.people-list ul li .info .desc .define .t {display: inline-block;width: 42px;vertical-align: top;white-space: nowrap;}
.people-list ul li .info .desc .define .d {display: inline-block;width: 85%;vertical-align: top;}
@media screen and (max-width: 1024px) {
	.people-list ul li {margin-top: 30px;}
	.people-list ul li .info .t-sup {font-size: 15px;}
	.people-list ul li .info .title {font-size: 24px;}
	.people-list ul li .info .title2 {font-size: 20px;}
	.people-list ul li .info .desc {margin-top: 15px;font-size: 15px;}
	.people-list ul li .info .desc .define .t {width: 35px;}
}
@media screen and (max-width: 768px) {
	.people-list ul li {margin-top: 20px;}
	.people-list ul li .thumb {width: 100%;}
	.people-list ul li .info {width: 100%;padding-left: 0;}
	.people-list ul li .info .t-sup {margin-top: 15px;font-size: 13px;}
	.people-list ul li .info .title {margin-top: 10px;font-size: 18px;}
	.people-list ul li .info .title2 {margin-top: 15px;font-size: 15px;}
	.people-list ul li .info .desc {margin-top: 10px;font-size: 13px;}
	.people-list ul li .info .desc .define .t {width: 30px;}
}

/* 후원 및 자원봉사 */
.volun-list ul {border-top: 2px solid #333;}
.volun-list ul li {position: relative;padding: 25px 0;border-bottom: 1px solid #dcdcdc;}
.volun-list ul li .title {font-size: 20px;font-family: 'NotoB';}
.volun-list ul li .date {margin-top: 10px;line-height: 1.8;font-size: 16px;}
.volun-list ul li .date > span {display: inline-block;margin-left: 20px;padding-left: 20px;background: url(/images/common/bg_bar.gif) no-repeat left center;}
.volun-list ul li .date > span:first-child {margin-left: 0;padding-left: 0;background: none;}
.volun-list ul li .btn-app {position: absolute;top: 25px;right: 0;}
.volun-list ul li .btn-app .status {display: inline-block;width: 120px;height: 34px;line-height: 34px;text-align: center;color: #fff;border-radius: 3px;background: #4e5ca3;}
.volun-list ul li .btn-app .status.end {background: #c4c4c4;}
.volun-list ul li .btn-app .btn {display: inline-block;vertical-align: top;}
.volun-list ul li .btn-app .btn a.btn-type {width: 120px;font-size: 15px;}

.table-search + .volun-list {margin-top: 20px;}
@media screen and (max-width: 1024px) {
	.volun-list ul li {padding: 20px 0;}
	.volun-list ul li .title {font-size: 18px;}
	.volun-list ul li .date {font-size: 15px;}
	.volun-list ul li .date > span {display: block;margin-left: 0;padding-left: 0;background: none;}
	.volun-list ul li .btn-app .status {height: 26px;line-height: 26px;font-size: 13px;}
}
@media screen and (max-width: 768px) {
	.volun-list ul li {padding: 15px 0;}
	.volun-list ul li .title {font-size: 15px;}
	.volun-list ul li .date {margin-top: 5px;font-size: 13px;}
	.volun-list ul li .btn-app {position: static;margin-top: 10px;}
}

ul.volunteer-step:after {content: '';display: block;clear: both;}
ul.volunteer-step li {float: left;width: 14%;padding-left: 3%;background: url(/images/support/arr_volunstep.gif) no-repeat 8px 50px;}
ul.volunteer-step li:first-child {width: 14%;padding: 0;background: none;}
ul.volunteer-step li .inner {text-align: center;}
ul.volunteer-step li .inner .img {display: block;}
ul.volunteer-step li .inner .img img {width: 100%;max-width: 120px;}
ul.volunteer-step li .inner p {margin-top: 10px;}
@media screen and (max-width: 768px) {
	ul.volunteer-step li {width: 30%;margin-bottom: 10px;background: url(/images/support/arr_volunstep.gif) no-repeat 8px 35px;-webkit-background-size: 8px auto;background-size: 8px auto;}
	ul.volunteer-step li .inner .img img {max-width: 80px;}
	ul.volunteer-step li:first-child,
	ul.volunteer-step li.step04 {width: 30%;padding-left: 0;background: none;}
}

.volun-recruitment {margin-left: 20px;margin-top: 0 !important;}
.volun-recruitment li {padding-left: 45px;}
.volun-recruitment li strong {display: inline-block;width: 48px;margin-left: -48px;}

@media screen and (max-width: 1024px) {
.volun-recruitment li {padding-left: 38px;}
.volun-recruitment li strong {width: 38px;margin-left: -38px;}
}
@media screen and (max-width: 768px) {
.volun-recruitment li {padding-left: 32px;}
.volun-recruitment li strong {width: 32px;margin-left: -32px;}
}
.volun-case {margin-left: -20px;}
.volun-case:after {content: '';display: block;clear: both;}
.volun-case li {float: left;width: 50%;padding: 20px 0 0 20px;box-sizing: border-box;}
.volun-case li .box {padding: 200px 20px 35px;text-align: center;border: 1px solid #c4c4c4;background: #f9f9fc;}
.volun-case li .box .t {display: inline-block;line-height: 1.4;font-size: 24px;border-bottom: 1px solid #000;}
.volun-case li .box .d {margin-top: 15px;font-size: 17px;letter-spacing: -1px;}
.volun-case li.case01 .box {background: #f9f9fc url(/images/support/bg_support01.gif) no-repeat center top;}
.volun-case li.case02 .box {background: #f9f9fc url(/images/support/bg_support02.gif) no-repeat center top;}
.volun-case li.case03 .box {background: #f9f9fc url(/images/support/bg_support03.gif) no-repeat center top;}
.volun-case li.case04 .box {background: #f9f9fc url(/images/support/bg_support04.gif) no-repeat center top;}
@media screen and (max-width: 1024px) {
	.volun-case li .box {height: 90px;padding: 170px 20px 30px;-webkit-background-size: 120px auto !important;background-size: 120px auto !important;}
	.volun-case li .box .t {font-size: 20px;}
	.volun-case li .box .d {font-size: 15px;}
}
@media screen and (max-width: 768px) {
	.volun-case li .box {height: 90px;padding: 130px 15px 30px;-webkit-background-size: 100px auto !important;background-size: 100px auto !important;}
	.volun-case li .box .t {font-size: 16px;}
	.volun-case li .box .d {font-size: 13px;}
	.sub_board_con {
    padding: .8em;
}
}


/* 복지관 소식 */
.box-list ul {display: block;margin-left: -3%;font-size: 0;}
.box-list ul:after {content: '';display: block;clear: both;}
.box-list ul li {display: inline-block;position: relative;width: 30.33%;margin: 30px 0 0 3%;vertical-align: top;border: 1px solid #dcdcdc;box-sizing: border-box;}
.box-list ul li .label {display: inline-block;position: absolute;top: 0;left: 0;width: 90px;height: 36px;line-height: 36px;text-align: center;color: #fff;font-size: 15px;background: #4e5ca3;z-index: 5;}
.box-list ul li .label.type01 {background: #4e5ca3;}
.box-list ul li .label.type02 {background: #9dd2ee;}
.box-list ul li .label.type03 {background: #5c88c3;}
.box-list ul li .thumb {display: block;position: relative;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;
background-size: cover;height: 260px;}
.box-list ul li .thumb.type2{height: auto;}
.box-list ul li .thumb.type2 img{display: block;}


.box-list ul li .thumb.no_img{background-color: #e0e0e0; background-image:url(/upload_files/board/STORY/favicon_upload.png) !important;background-repeat:no-repeat; background-position: center center; background-size:cover;}
.box-list ul li .thumb img {width: 100%;display: none;}
.box-list ul li .thumb .plus {display: inline-block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/images/news/ico_plus.gif) no-repeat center;opacity: 0;z-index: 7;}
.box-list ul li .thumb .cover {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #4e5ca3;opacity: 0;z-index: 6;}
.box-list ul li .info {display: block;padding: 25px;}
.box-list ul li .info .title {display: block;font-size: 18px;}
.box-list ul li .info .title.center {text-align: center;}
.box-list ul li .info .desc {overflow: hidden;min-height: 70px;margin-top: 8px;font-size: 15px;color: #555;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;/* 라인수 */ -webkit-box-orient: vertical;word-wrap:break-word;}
.box-list ul li:hover {border: 1px solid #4e5ca3;}
.box-list ul li:hover .thumb .plus {opacity: 1;}
.box-list ul li:hover .thumb .cover {opacity: .4;}

.page-title {
    line-height: 1.2;
    font-family: 'NsrB';
    font-size: 40px;
    color: #4e5ca3;
    border-bottom: 2px solid #bfe1f2;
    padding-bottom: 18px;
    margin-bottom: 25px;
    margin-top: 1.2em;
    }
p.page-desc {margin-top: 10px;font-family: 'NotoL', sans-serif;font-size: 18px;margin-bottom: 3em;}
@media screen and (max-width: 768px) {
	.box-list ul {margin-left: -2%;}
	.box-list ul li {width: 48%;margin: 10px 0 0 2%;box-sizing: border-box;}
	.box-list ul li .info {padding: 10px 20px;}
	.box-list ul li .info .title {font-size: 14px;}
	.box-list ul li .info .desc {min-height: 50px;font-size: 13px;}
	.page-title {}
	p.page-desc {}
}


/* 210611 */

.container .page-title{border-bottom:2px solid #bfe1f2; padding-bottom:18px; margin-bottom:25px;}
.container .contents{width:100%;}
.container .contents >ul{display:flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.container.team1 .contents >ul >li{width: 24%;display: flex;flex-wrap: wrap;}
.container.team2 .contents >ul >li{width:27%;display: flex;flex-wrap: wrap;}
.container.team3 .contents >ul >li{width: 27%;display: flex;flex-wrap: wrap;}
.container.team4 .contents >ul >li{width:27%;display: flex;flex-wrap: wrap;}
.container .contents >ul >li:nth-child(1) .title{background-color: #4e5ca3;color: #ffffff;width:100%;height:55px;line-height:55px;text-align: center;border-top-left-radius:11px;border-top-right-radius:11px;font-size:23px;}
.container .contents >ul >li:nth-child(2) .title{background-color: #00b0f0;color: #ffffff;width:100%;height:55px;line-height:55px;text-align: center;border-top-left-radius:11px;border-top-right-radius:11px;font-size:23px;}
.container .contents >ul >li:nth-child(3) .title{background-color: #44c7e3;color: #ffffff;width:100%;height:55px;line-height:55px;text-align: center;border-top-left-radius:11px;border-top-right-radius:11px;font-size:23px;}
.container .contents >ul >li:nth-child(4) .title{background-color: #9ed1ec;color: #ffffff;width:100%;height:55px;line-height:55px;text-align: center;border-top-left-radius:11px;border-top-right-radius:11px;font-size:23px;}
.container .contents >ul >li >ul{width:100%;background-color: #f9f9fc;padding:20px;border-bottom-left-radius:11px;border-bottom-right-radius:11px;}
.container .contents >ul >li >ul li:not(:last-child){margin-bottom: .3em;line-height: 1.4em;}
.container .contents >ul >li >ul li{padding-left:15px;position: relative;font-size:16px;}
.container .contents >ul >li >ul li::before{content: '';position: absolute;left: 0;top: 15px;margin-top: -2px;width: 4px;height: 4px;border-radius: 50%;background: #000000;}

 @media (max-width:1024px) {
 .container.team1 .contents >ul >li{width:100%;margin-bottom:50px;}
.container.team2 .contents >ul >li{width:100%;margin-bottom:50px;}
.container.team3 .contents >ul >li{width:100%;margin-bottom:50px;}
.container.team4 .contents >ul >li{width:100%;margin-bottom:50px;}
	.container .contents >ul >li .title{font-size:19px;height:47px;line-height:47px;}
	.container .contents >ul >li >ul{padding:14px;}
	.container .contents >ul >li >ul li{font-size:12px;}
	.container .contents >ul >li >ul li::before{top:11px;width:3px;height:3px;}
}

.table-type.full-size table tbody tr td > p span {display: none;}



div.corpinfo {
    display: flex;
    flex-direction: column;
    align-items: center;
}
div.corpinfo h3{
    font-size: 1.8em;
    font-weight: 600;
    margin: 1em;
    text-transform: uppercase;
}
div.corpinfo h4{
    font-size: 1.5em;
    font-weight: 400;
    position: relative;
    margin: 1em;
}
div.corpinfo h4:after{content:"";position: absolute;width: 20px;height: 3px;background-color: #444e9c;left: 50%;bottom: -13px;margin-left: -10px;}
div.corpinfo em{
    margin: 1em;
    font-weight: 600;
}
div.corpinfo p{
    color: gray;
}
div.corpinfo ul.flow{
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    margin: 3em;
}
div.corpinfo ul.flow li{
    width: 22%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid navy;
    height: 10em;
    position: relative;
    background: white;
    z-index: 1;
    text-transform: uppercase;
}
div.corpinfo ul.flow li:before{content:"";color: white;
background-color: navy;width: 3em;height: 3em;
border-radius: 3em;display: flex;align-items: center;justify-content: center;position: absolute;top: -2em;border: 7px solid white;}
div.corpinfo ul.flow li:after{content:"";position: absolute;width: 100px;height: 1px;background: navy;z-index: 0;right: -100px;top: 50%;}
div.corpinfo ul.flow li:nth-of-type(1)::before{content:"1";}
div.corpinfo ul.flow li:nth-of-type(2)::before{content:"2";}
div.corpinfo ul.flow li:nth-of-type(3)::before{content:"3";}
div.corpinfo ul.flow li:nth-of-type(4)::before{content:"4";}
div.corpinfo ul.flow li:nth-last-child(1)::after{display:none;}

@media screen and (max-width: 1000px) {
	div.corpinfo {}
	div.corpinfo h3{
    text-align: center;
}
	div.corpinfo h4{}
	div.corpinfo em{}
	div.corpinfo p{
    text-align: center;
}
	div.corpinfo ul.flow{
    display: flex;
    flex-direction: column;
    align-items: center;
}
	div.corpinfo ul.flow li{
    width: 60%;
    margin-bottom: 2em;
}
	div.corpinfo ul.flow li:before{}
	div.corpinfo ul.flow li:nth-of-type(1)::before{}
	div.corpinfo ul.flow li:nth-of-type(2)::before{}
	div.corpinfo ul.flow li:nth-of-type(3)::before{}
	div.corpinfo ul.flow li:nth-of-type(4)::before{}
	div.corpinfo ul.flow li:after {display:none;}
}

#bo_v_con div.mobile {display:none;}

@media screen and (max-width: 768px) {
#bo_v_con div.mobile {width:336px !important; display:unset;}
#bo_v_con div.pc {display:none;}
#bo_v {padding:0;}
}