.page-ht{ height:100px; }

.page-subj{ display:block; margin:0 0 15px 0; padding-bottom:10px; letter-spacing:normal; font-size:18px; text-transform:uppercase; font-weight:600; position:relative; }
.page-subj:after{ height:2px; width:40px; position:absolute; content:""; left:0px; margin-top:35px; }

/* 회사소개 - introduce */
.page-intro-conn{ margin: 0 0 15px; font-size: 14px; line-height: 21px; font-weight: 300; letter-spacing: 0.5px; font-size:12px; }
blockquote p{ margin-top:15px; text-align:right; }
blockquote cite{ font-size:12px; }
span.dropcap3, span.dropcap4 { float: left; font-style: normal; font-size: 18px; padding: 6px 10px 6px 11px; margin: 4px 10px 2px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.page-team-box{ margin-bottom:15px; }
.page-team-box .cover{ border:1px solid rgb(235, 235, 235); }
.page-team-box .page-team-img{ position: relative; z-index: 1; display: inline-block; margin: 0 auto; border-radius: 2px; }
.page-team-box .page-team-img img{ width:100%; }
.page-team-box .member-info { padding: 16px 18px 9px; display: block; background-color: white; }
.page-team-box .heading { position: relative; text-align: left; border-bottom: 1px solid #ebebeb; }
.page-team-box .heading .page-team-info { padding-bottom: 10px; position: relative; }
.page-team-box .heading .page-team-info > .page-team-name { top: 0; z-index: 1; text-align: center; margin-bottom: 2px; margin-top: 0px; }
.page-team-name { font-size: 13px; line-height: 1.6; letter-spacing: 0.5px; text-transform: uppercase; }
.page-team-box .heading .page-team-info > .page-team-statu { padding-top: 3px; position: relative; z-index: 1; opacity: 1; display: block; text-align: center; margin-bottom: 5px; font-weight: 300; letter-spacing: 0.5px; font-size: 13px; }
.page-team-statu { color: #777; font-size: 12px; line-height: 1; }
.page-team-box .page-team-desc { position: relative; text-align: left; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #ebebeb; }
.page-team-box .page-team-desc p { margin-bottom: 0; }
.page-team-box p { color: rgb(122, 122, 122); direction: ltr; display: block; font-style: normal; font-weight: 300; letter-spacing: 0.5px; font-size: 13px; }
.page-team-box .widget.sns-ico { margin-bottom: 0; margin-left: auto; margin-right: auto; width: 100%; padding-top: 10px; }
.page-team-box .sns-ico { position: relative; font-size: 16px; text-align: center; }
.page-team-box .widget { padding-bottom: 0px; }
ul.sns-ico { margin:0; padding:0; height: auto; overflow: hidden; list-style: none!important; }
.page-team-box ul.sns-ico li { height:36px; float: none; }
ul.sns-ico li{ float: left; display:inline-block; padding-top:15px; }
.page-team-box .sns-ico a{ position: relative; display: inline-block; width: 39px; height: 39px; overflow: hidden; font-size: 14px; line-height:39px; text-align: center; background-color: transparent; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; color:#999; }
.page-team-box .sns-ico .twitter a:hover{ background-color:#00aced; color:#fff; }
.page-team-box .sns-ico .facebook a:hover{ background-color:#3b5998; color:#fff; }
.page-team-box .sns-ico .kakao a:hover{ background-color:#ffeb33; color:#5a4d4a; }
.page-team-box .sns-ico a i{ display:block; width: 39px; height: 39px; line-height: 39px; }

/* 서브 - history */
.biz{ display:table; margin:0 auto 30px auto; }
.biz .biz-year{ display:table-cell; padding:30px 30px 30px 0; vertical-align:top; }
.biz .biz-history{ display:table-cell; width:400px; padding:30px 0 30px 30px; vertical-align:middle; }
.biz .biz-history p{ line-height:16px; font-size:12px; }
.biz .biz-history i{ color:#d9534f; margin-right:5px; }
.biz .biz-y{ text-align:center; font-size:30px; font-weight:bold; border-top:1px solid #333; border-bottom:1px solid #333; color:#333; }

/* 연혁 - 파랑색 */
.biz .biz-vbar-1{ display:table-cell; min-width:9px; background-color:#337ab7; position:relative; }
.biz .biz-circle-1{ position:absolute; top:90px; left:-8px; background:#fff; border:5px solid #337ab7; border-radius:50%; padding:7px; }
.arrow_box-left-1{ width:150px; position:relative; background:#fff; border:10px solid #337ab7; border-radius:50%; padding:40px 28px; margin-bottom:20px; }
.arrow_box-left-1:after, .arrow_box-left-1:before{ right:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.arrow_box-left-1:after{ border-color:rgba(136, 183, 213, 0); border-right-color:#fff; border-width:8px; margin-top:-8px; }
.arrow_box-left-1:before{ border-color:rgba(194, 225, 245, 0); border-right-color:#337ab7; border-width:22px; margin-top:-22px; }
.arrow_box-right-1{ position:relative; background:#fff; border:10px solid #337ab7; border-radius:50%; padding:40px 28px; }
.arrow_box-right-1:after, .arrow_box-right-1:before{ left:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.arrow_box-right-1:after{ border-color:rgba(136, 183, 213, 0); border-left-color:#fff; border-width:8px; margin-top:-8px; }
.arrow_box-right-1:before{ border-color:rgba(194, 225, 245, 0); border-left-color:#337ab7; border-width:22px; margin-top:-22px; }
/* 연혁-파랑색 끝 */

/* 연혁 - 녹색 */
.biz .biz-vbar-2{ display:table-cell; min-width:9px; background-color:#5cb85c; position:relative; }
.biz .biz-circle-2{ position:absolute; top:90px; left:-8px; background:#fff; border:5px solid #5cb85c; border-radius:50%; padding:7px; }
.arrow_box-left-2{ width:150px; position:relative; background:#fff; border:10px solid #5cb85c; border-radius:50%; padding:40px 28px; margin-bottom:20px; }
.arrow_box-left-2:after, .arrow_box-left-2:before{ right:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.arrow_box-left-2:after{ border-color:rgba(136, 183, 213, 0); border-right-color:#fff; border-width:8px; margin-top:-8px; }
.arrow_box-left-2:before{ border-color:rgba(194, 225, 245, 0); border-right-color:#5cb85c; border-width:22px; margin-top:-22px; }
.arrow_box-right-2{ position:relative; background:#fff; border:10px solid #5cb85c; border-radius:50%; padding:40px 28px; }
.arrow_box-right-2:after, .arrow_box-right-2:before{ left:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.arrow_box-right-2:after{ border-color:rgba(136, 183, 213, 0); border-left-color:#fff; border-width:8px; margin-top:-8px; }
.arrow_box-right-2:before{ border-color:rgba(194, 225, 245, 0); border-left-color:#5cb85c; border-width:22px; margin-top:-22px; }
/* 연혁-녹색 끝 */

/* 연혁 - 하늘색 */
.biz .biz-vbar-3{ display:table-cell; min-width:9px; background-color:#5bc0de; position:relative; }
.biz .biz-circle-3{ position:absolute; top:90px; left:-8px; background:#fff; border:5px solid #5bc0de; border-radius:50%; padding:7px; }
.arrow_box-left-3{ width:150px; position:relative; background:#fff; border:10px solid #5bc0de; border-radius:50%; padding:40px 28px; margin-bottom:20px; }
.arrow_box-left-3:after, .arrow_box-left-3:before{ right:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.arrow_box-left-3:after{ border-color:rgba(136, 183, 213, 0); border-right-color:#fff; border-width:8px; margin-top:-8px; }
.arrow_box-left-3:before{ border-color:rgba(194, 225, 245, 0); border-right-color:#5bc0de; border-width:22px; margin-top:-22px; }
.arrow_box-right-3{ position:relative; background:#fff; border:10px solid #5bc0de; border-radius:50%; padding:40px 28px; }
.arrow_box-right-3:after, .arrow_box-right-3:before{ left:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.arrow_box-right-3:after{ border-color:rgba(136, 183, 213, 0); border-left-color:#fff; border-width:8px; margin-top:-8px; }
.arrow_box-right-3:before{ border-color:rgba(194, 225, 245, 0); border-left-color:#5bc0de; border-width:22px; margin-top:-22px; }
/* 연혁-하늘색 끝 */

/* 연혁 - 주황색 */
.biz .biz-vbar-4{ display:table-cell; min-width:9px; background-color:#f0ad4e; position:relative; }
.biz .biz-circle-4{ position:absolute; top:90px; left:-8px; background:#fff; border:5px solid #f0ad4e; border-radius:50%; padding:7px; }
.arrow_box-left-4{ width:150px; position:relative; background:#fff; border:10px solid #f0ad4e; border-radius:50%; padding:40px 28px; margin-bottom:20px; }
.arrow_box-left-4:after, .arrow_box-left-4:before{ right:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.arrow_box-left-4:after{ border-color:rgba(136, 183, 213, 0); border-right-color:#fff; border-width:8px; margin-top:-8px; }
.arrow_box-left-4:before{ border-color:rgba(194, 225, 245, 0); border-right-color:#f0ad4e; border-width:22px; margin-top:-22px; }
.arrow_box-right-4{ position:relative; background:#fff; border:10px solid #f0ad4e; border-radius:50%; padding:40px 28px; }
.arrow_box-right-4:after, .arrow_box-right-4:before{ left:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.arrow_box-right-4:after{ border-color:rgba(136, 183, 213, 0); border-left-color:#fff; border-width:8px; margin-top:-8px; }
.arrow_box-right-4:before{ border-color:rgba(194, 225, 245, 0); border-left-color:#f0ad4e; border-width:22px; margin-top:-22px; }
/* 연혁-주황색 끝 */

/* 연혁 - 빨강색 */
.biz .biz-vbar-5{ display:table-cell; min-width:9px; background-color:#d9534f; position:relative; }
.biz .biz-circle-5{ position:absolute; top:90px; left:-8px; background:#fff; border:5px solid #d9534f; border-radius:50%; padding:7px; }
.arrow_box-left-5{ width:150px; position:relative; background:#fff; border:10px solid #d9534f; border-radius:50%; padding:40px 28px; margin-bottom:20px; }
.arrow_box-left-5:after, .arrow_box-left-5:before{ right:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.arrow_box-left-5:after{ border-color:rgba(136, 183, 213, 0); border-right-color:#fff; border-width:8px; margin-top:-8px; }
.arrow_box-left-5:before{ border-color:rgba(194, 225, 245, 0); border-right-color:#d9534f; border-width:22px; margin-top:-22px; }
.arrow_box-right-5{ position:relative; background:#fff; border:10px solid #d9534f; border-radius:50%; padding:40px 28px; }
.arrow_box-right-5:after, .arrow_box-right-5:before{ left:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.arrow_box-right-5:after{ border-color:rgba(136, 183, 213, 0); border-left-color:#fff; border-width:8px; margin-top:-8px; }
.arrow_box-right-5:before{ border-color:rgba(194, 225, 245, 0); border-left-color:#d9534f; border-width:22px; margin-top:-22px; }
/* 연혁-빨강색 끝 */

/* 서브 - history 끝 */

/* 서브 - 조직도 */
.biz-group{ margin-bottom:50px; }
.biz-group h3,.biz-group h4,.biz-group h5{ padding:0; margin:0; font-weight:bold; }
.biz-group small{ color:#fff; }
.biz-group .gr-item{ position:relative; width:200px; margin:0 auto; text-align:center; font-family:'ibt', sans-serif; }
.biz-group .gr-dot{ background:#ccc; margin:0 auto; width:1px; height:15px; }  
.biz-group .gr-line-l{ position:absolute; background:#ccc; left:50%; width:100%; height:1px; }
.biz-group .gr-line-r{ position:absolute; background:#ccc; right:50%; width:100%; height:1px; }
.biz-group .gr-line-f{ background:#ccc; margin:0 auto; width:100%; height:1px; }
.biz-group .gr-logo{ border:2px solid #333; border-radius:50%; padding:20px 10px; text-align:center; width:120px; margin:0 40px; }
.biz-group .gr-box{ width:200px; text-align:center; color:#fff;	border-radius:2px; padding:10px; }
.biz-group .gr-sub{ max-width:100px; margin:0 auto; }
.biz-group .gr-sub table{ border-collapse:collapse; width:100%; }
.biz-group .gr-sub td{ padding:5px 0; text-align:center; width:50%; background-color:#fff; color:#333; }
.biz-group .gr-tb-1 .title{ background-color:#5cb85c; color:#fff; }
.biz-group .gr-tb-1 td{ border:1px solid #5cb85c; font-size:12px; }
.biz-group .gr-tb-2 .title{ background-color:#5bc0de; color:#fff; }
.biz-group .gr-tb-2 td{ border:1px solid #5bc0de; font-size:12px; }
.biz-group .gr-tb-3 .title{ background-color:#f0ad4e; color:#fff; }
.biz-group .gr-tb-3 td{ border:1px solid #f0ad4e; font-size:12px; }
.gr-bd-color-1{ border:1px solid #337ab7; }
.gr-bd-color-2{ border:1px solid #5cb85c; }
.gr-bd-color-3{ border:1px solid #5bc0de; }
.gr-bd-color-4{ border:1px solid #f0ad4e; }
.gr-bg-color-1{ background-color:#337ab7; }
.gr-bg-color-2{ background-color:#5cb85c; }
.gr-bg-color-3{ background-color:#5bc0de; }
.gr-bg-color-4{ background-color:#f0ad4e; }

/* 서브 - 조직도 끝 */

/* 서브 - 오시는 길 */
.biz-addr-title{ font-size:30px; font-weight:bold; margin:30px 0; letter-spacing:3px; }
.biz-addr-conn{ font-size:16px; margin-bottom:10px; }
.biz-addr-conn i{ color:#ff7e20; font-size:16px; width:30px; text-align:center; }

/* 서브 - 오시는 길 끝 */

/* 서브 - 사업소개 */
.sub-t-box{ text-align:center; margin:20px auto; }
.sub-v{ text-align:center; letter-spacing:3px; font-size:50px; font-weight:bold; }
.sub-vc{ text-align:center; letter-spacing:1px; font-size:14px; color:#aaa; line-height:20px; max-width:800px; margin:30px auto; }
.proj-item{ width:100%; margin:30px 0 100px 0; }
.proj-box{ margin:0 auto 100px auto; }
.proj-box .proj-t{ font-weight:bold; margin:10px 0; font-size:16px; width:100%; }
.proj-box .proj-c{ margin-bottom:10px; font-size:12px; width:100%; height:100px; line-height:20px; text-overflow:ellipsis; overflow:hidden; word-break:break-all; }
.proj-box .proj-b{ text-align:right; }
.proj-box a{ text-decoration:none; font-size:12px; color:#333; padding:5px 0 2px 0; }
.proj-overview-t{ margin:30px 0 10px 0; font-weight:bold; font-size:24px; padding-bottom:10px; color:#333; background:url("../img/line_bar.gif") 0 bottom no-repeat; }
.proj-overview-c{ font-size:12px; line-height:18px; color:#333; }
.proj-vistion{ margin:0 auto 100px auto; }
.proj-vistion img{ width:100%; border-radius:5px; }
.proj-vistion .proj-t{ font-weight:bold; margin:10px 0; font-family:'ibt', sans-serif; font-size:24px; width:100%; text-align:center; opacity:0.7; letter-spacing:2px; }
.proj-vistion .proj-c{ margin-bottom:10px; font-size:12px; width:100%; height:100px; line-height:20px; text-align:center; text-overflow:ellipsis; overflow:hidden; word-break:break-all; }
.proj-vistion .proj-t:first-letter{ font-size:40px; font-family:'ibt', sans-serif; }
.hexagon-outer-box{ position:relative; width:100%; }
.hexagon-item{ position:absolute; width:150px; }
.hexagon-conn{ text-align:center; width:100%; margin:30% auto; }
.hexagon-conn p:first-child{ font-weight:bold; color:#fff; font-size:19px; font-family:'ibt', sans-serif; }
.hexagon-conn p{ color:#fff; font-size:12px; }
.hexagon-inner-box{ position:absolute; top:6px; left:5px; width:140px; }
.hexagon-inner{ position:relative; width:140px; height:80.83px; background-color:#ffffff; margin:40.41px 0; }
.hexagon-inner:before, .hexagon-inner:after{ content:""; position:absolute; width:0; border-left:70px solid transparent; border-right:70px solid transparent; }
.hexagon-inner:before{ bottom:100%; border-bottom:40.41px solid #ffffff; }
.hexagon-inner:after{ top:100%; width:0; border-top:40.41px solid #ffffff; }
.hexagon-1{ position:relative; width:150px; height:86.60px; background-color:#337ab7; margin:43.30px 0; }
.hexagon-1:before, .hexagon-1:after{ content:""; position:absolute; width:0; border-left:75px solid transparent; border-right:75px solid transparent; }
.hexagon-1:before{ bottom:100%; border-bottom:43.30px solid #337ab7; }
.hexagon-1:after{ top:100%; width:0; border-top:43.30px solid #337ab7; }
.hexagon-2{ position:relative; width:150px; height:86.60px; background-color:#5cb85c; margin:43.30px 0; }
.hexagon-2:before, .hexagon-2:after{ content:""; position:absolute; width:0; border-left:75px solid transparent; border-right:75px solid transparent; }
.hexagon-2:before{ bottom:100%; border-bottom:43.30px solid #5cb85c; }
.hexagon-2:after{ top:100%; width:0; border-top:43.30px solid #5cb85c; }
.hexagon-3{ position:relative; width:150px; height:86.60px; background-color:#5bc0de; margin:43.30px 0; }
.hexagon-3:before, .hexagon-3:after{ content:""; position:absolute; width:0; border-left:75px solid transparent; border-right:75px solid transparent; }
.hexagon-3:before{ bottom:100%; border-bottom:43.30px solid #5bc0de; }
.hexagon-3:after{ top:100%; width:0; border-top:43.30px solid #5bc0de; }
.hexagon-4{ position:relative; width:150px; height:86.60px; background-color:#f0ad4e; margin:43.30px 0; }
.hexagon-4:before, .hexagon-4:after{ content:""; position:absolute; width:0; border-left:75px solid transparent; border-right:75px solid transparent; }
.hexagon-4:before{ bottom:100%; border-bottom:43.30px solid #f0ad4e; }
.hexagon-4:after{ top:100%; width:0; border-top:43.30px solid #f0ad4e; }
.hexagon-5 { position:relative; width:150px; height:86.60px; background-color:#d9534f; margin:43.30px 0; }
.hexagon-5:before, .hexagon-5:after{ content:""; position:absolute; width:0; border-left:75px solid transparent; border-right:75px solid transparent; }
.hexagon-5:before{ bottom:100%; border-bottom:43.30px solid #d9534f; }
.hexagon-5:after{ top:100%; width:0; border-top:43.30px solid #d9534f; }
/* 서브 - 사업소개 끝 */

/* 텍스트 리스트로 표현시 적용 */
.txt { width: 100%; /*float: left;*/ margin-bottom: 2%; }
.txt:last-child{ margin-bottom:0; }
.txt .le { width: 15%; float: left; background: #828282; color: #fff; padding: 10px; text-align: center; letter-spacing: 1px; }
.txt .ri { width:100%; /*float: left; padding-top: 10px; padding-left: 15px;*/ }
.txt  p { margin-bottom: 7px; padding-left: 1em; position: relative;	}
.txt .ri p::after{ content: "●"; color: #949494; font-size: 0.5em; position: absolute; display: inline-block; left: 0; /*top:4%;*/ top: 4px; }
.txt p:last-child { margin-bottom: 0; }
@media (max-width:1600px) {  
    .txt .ri p::after{ display: none; }
}
@media (max-width:750px) {   
    .txt .ri p::after{ content: "●"; color: #949494; font-size: 0.5em; position: absolute; display: inline-block; left: 0; /*top:4%;*/ top: 4px; }
    .txt .le { width: 25%; }
    .txt .ri { width: 100%; padding:10px; }
}
@media (max-width:450px) {
    .txt .le { width: 100%; }	
    .txt .ri { width: 100%; }
}

/* 이미지 영역 */
.prf_header_lg { text-align: center; }
.prf_header_lg .organization { text-align: center; margin-bottom: 50px; }
.prf_header img{display:inline-block; margin-bottom:20px;width:100%;}
.prf_header_lg { text-align: center; margin-bottom: 50px; }
.prf_header .prf_h .selected {background-color:#fff; color:#829c2c; padding:12px 3px; border:3px solid #829c2c; text-shadow:none; margin-top:30px;}
.prf_header .prf_row .selected {background-color:#fff; color:#abc060; padding:7px; border:3px solid #abc060; text-shadow:none}

/* 서브페이지 서브 타이틀 */
.sub_container { float: left; width: 100%; margin-top: 50px; }
.sub_tit { width: 100%; text-align: left; font-size: 24px; font-weight: 600; background-image: url(./img/icon01.png); background-repeat: no-repeat; background-position: left; padding-left: 3%; margin-bottom: 20px; margin-top: 20px; }
@media (max-width:820px) {
    .sub_tit { padding-left: 10%; }
    .floor_box-item { width: 50%; }
}

/* 센터 로고 CI */
.ci_bg { width: 100%; float: left; background: url(https://seoulcbid.or.kr/img/sub/ci_bg.png) repeat; padding: 3% 0; text-align: center; border: 1px solid #ccc; margin-bottom: 3%; }
.ci_01 { margin-top: 1%; }
.ci_box_wrap { width: 100%; float: left; padding: 5% 3% 7% 3%; }
.ci_box_wrap .le { width: 20%; float: left; /*padding-bottom: 1%; border-bottom: 7px solid #ddd; margin-right: 5%;*/ }
/*.ci_box_wrap .le::after { content: ""; display: block; width: 100%; height: 7px; background: #00B4CD; margin-top: 10px; }*/
.ci_box_wrap .ri { width: 75%; float: left; }
.ci_box { width: 49%; float: left; margin-top: 5%; margin-bottom: 2%; }
.ci_box100 { width: 100%; }
.ci_box_fir { margin-right: 2%; }
.ci_box .box { width: 100%; text-align: center; border: 1px solid #ddd; min-height: 180px; line-height: 180px; margin-top: 2%; }
a.down_btn { display: inline-block; padding: 10px 15px; border: 1px solid #5d5d5d; color: #5d5d5d; margin-bottom: 1%; transition: ease-in-out 0.3s; background-color: #fff; margin-top: 1%; }
a.down_btn:hover { background: #00B4CD; color: #fff; border: 1px solid #00B4CD; }
@media (max-width: 768px) {    
    .ci_box_wrap .ri { width: 100%; }
    .ci_box_wrap .le { width: 100%; }
    .ci_box100 img { width: 100%; }
    .ci_box_wrap img { width: 72%; }
}

/* 탭메뉴 */
.contTabListBox{margin:25px 0;}
.contTabList {text-align:center;display:inline-block;margin:0 0 65px;width:100%;font-size:0;}
.contTabList li{display:inline-block; min-width:180px;margin:0;}
.contTabList a{display:block;padding:10px 20px 11px; background:#0F4C82; color:#fff; font-size:24px; text-align:center; /*border-left:1px solid #635a4b;*/}
.contTabList .on a{position:relative; z-index:3; background:#67A9E3; color:#fff;}
/*.contTabList .on a:after{content:'';display:block;width:0;height:0;position:absolute;border-left:20px solid transparent;border-top:20px solid #94661f;border-right:20px solid transparent;bottom:-15px;left:50%;margin-left:-20px;}
.contTabList li:first-child a{border-radius:10px 0 0 10px;border-left:0;}
.contTabList li:last-child a{border-radius:0 10px 10px 0;}*/

.tab_1 li {width:100%;}
.tab_2 li {width:50%;}
.tab_3 li {width:33.3%;}
.tab_3 li:first-child {width:33.4%;}
.tab_3 li:nth-child(4) {width:33.4%;}
.tab_4 li {width:25%;}
.tab_5 li {width:20%;}
.tab_6 li {width:16.6%;}
.tab_6 li:first-child {width:17%;}
.tab_6 li:nth-child(7) {width:17%;}
.tab_7 li {width:14.2%;}
.tab_7 li:first-child {width:14.8%;}
.tab_7 li:nth-child(8) {width:14.8%;}
.tab_8 li {width:12.5%;}
.tab_8 li:last-child {width:25%;}
.tab_9 li {width:11.1%;}
.tab_9 li:first-child {width:11.2%;}
.tab_9 li:nth-child(10) {width:11.2%;}
.tab_10 li {width:10%;}

@media all and (max-width:1200px) { 
    .tab_3 li {width:33.3%;}
    .tab_3 li:first-child {width:33.3%;}
    .tab_3 li:nth-child(4) {width:33.3%;}
    .tab_4 li {width:50%;}
    .tab_5 li {width:50%;}
    .tab_5 li:first-child {width:50%;}
    .tab_5 li:nth-child(6) {width:50%;}
    .optab_5 li {width:50%;}
    .optab_5 li:nth-child(1) {width:100%;}
    .tab_6 li {width:19%;}
    .tab_7 li {width:25%;}
    .tab_7 li:first-child {width:25%;}
    .tab_7 li:nth-child(8) {width:25%;}
    .tab_8 li {width:25%;}
    .tab_8 li:last-child {width:25%;}
}
@media all and (max-width:1024px) { 
    .tab_4 li {width:50%;}
    .tab_7 li {width:25%;}
    .tab_7 li:first-child {width:25%;}
    .tab_7 li:nth-child(8) {width:25%;}
    .menu_tab4 ul li{min-width:33%;margin:1px;}
    .menu_tab4 ul li.on a:after{display:none;}
    .menu_tab4 ul{text-align:left;}
    .menu_tab5 ul{text-align:left;}
    .menu_tab5 ul li a{padding:10px 15px;}
    .menu_tab4{margin:25px 0 10px 0;}
    .menu_tab5{margin:0;}
    #contentBody .substance img {width:100% !important;}
}
@media all and (max-width:860px) { 
    .contTabList li{width:49%;margin:0.5%;float:left;}
    .contTabList .on a:after{display:none;}
    .contTabList li a{border-radius:10px !important;border:0;}
    .contTabList {margin:0 0 30px;}
}
@media screen and (max-width:640px) { 
    .contTabList a {padding:5px 0;}
    .tab_3 li {width:100% !important;}
    .tab_3 li:first-child {width:100%;}
    .tab_3 li:nth-child(4) {width:100%;}
    .tab_4 li {width:50%;}
    .tab_4 li:first-child {width:50%;}
    .tab_4 li:nth-child(5) {width:50%;}
    .tab_5 li {width:50%;}
    .tab_5 li:first-child {width:50%;}
    .tab_5 li:nth-child(6) {width:50%;}
    .tab_7 li {width:50%;}
    .tab_7 li:first-child {width:50%;}
    .tab_7 li:nth-child(8) {width:50%;}
    .tab_8 li {width:50%;}
    .tab_8 li:last-child {width:50%;}
    .menu_tab5{border:0px;}
    .menu_tab5 ul li{width:100% !important;border:1px solid #d9d9d9;margin:1px;}
    .menu_tab5 ul li a{background:none;font-size:15px;}
    .menu_tab5 ul li.on a{background:none;}
}
@media screen and (max-width:480px) {
    .tab_3 li {width:100%;}
    .tab_4 li {width:50% !important;}
    .tab_4 li:first-child {width:50% !important;}
    .tab_7 li {width:50% !important;}
    .tab_7 li:last-child {width:100% !important;}
    .contTabList li{width:100%;margin:0.5% 0;}
}

/* 연혁 */
#history .hiscont { position:relative; }
#history .hiscont .bar { content:''; width:3px; height:100%;; background-color:#41b3bd; position:absolute; left:250px; top:0; }
#history .hiscont .bar::before, #history .hiscont .bar::after { content:''; width:4px; height:44px; background-image:url(./img/dot.png); background-repeat:no-repeat; position:absolute; left:0; }
#history .hiscont .bar::before { top:-50px; }
#history .hiscont .bar::after { bottom:-50px; }
#history .hiscont .hisbox { display:flex; margin-top:40px; padding-bottom:40px; border-bottom:1px solid #ddd; }	
#history .hiscont .hisbox:last-child { border-bottom:none; padding-bottom:0; }
#history .hiscont .hisbox .hisyear { width:250px; }
#history .hiscont .hisbox .hisyear p { color:#8fccd1; font-size:56px; font-weight:900; letter-spacing:-0.56px; line-height:1; }
#history .hiscont .hisbox .hiscontxt { flex:1; margin-left:50px; }
#history .hiscont .hisbox .hiscontxt ul { position:relative; display:flex; }
#history .hiscont .hisbox .hiscontxt ul + ul { /*margin-top:30px;*/ }
#history .hiscont .hisbox .hiscontxt ul::before { content:''; width:10px; height:10px; background-color:#41b3bd; border-radius:50%; position:absolute; left:-53px; top:8px; }
#history .hiscont .hisbox .hiscontxt .hismonth { font-size:22px; font-weight:bold; letter-spacing:-0.22px; width:50px; margin-right:20px; }
#history .hiscont .hisbox .hiscontxt .histi { flex:1; }
#history .hiscont .hisbox .hiscontxt .histi p { font-size:22px; letter-spacing:-0.22px; }
#history .hiscont .hisbox .hiscontxt .histi p + p { margin-top:20px; }

/*---------------반응형 미디어쿼리----------------*/
@media (max-width:1024px) {  
	#history .hiscont .bar { left:220px; }
	#history .hiscont .hisbox .hisyear { width:220px; }
	#history .hiscont .hisbox .hisyear p { font-size: 45px; }
	#history .hiscont .hisbox .hiscontxt .hismonth,
	#history .hiscont .hisbox .hiscontxt .histi p { font-size:20px; }
}
@media (max-width:768px) {
	#history .hiscont .bar { left:180px; }
	#history .hiscont .hisbox .hisyear { width:180px; }
	#history .hiscont .hisbox .hisyear p { font-size: 35px; }
	#history .hiscont .hisbox .hiscontxt .hismonth,
	#history .hiscont .hisbox .hiscontxt .histi p { font-size:18px; }
}
@media (max-width:680px) {
	#history .hiscont .bar { left:0; }
	#history .hiscont .hisbox { flex-wrap:wrap; }
	#history .hiscont .hisbox .hisyear { width:100%; padding-left:30px; margin-bottom:25px; }
	#history .hiscont .hisbox .hiscontxt { margin-left:30px; }
	#history .hiscont .hisbox .hiscontxt ul::before { left:-33px; }
	#history .hiscont .hisbox .hisyear p { font-size:26px; }
	#history .hiscont .hisbox .hiscontxt .hismonth,
	#history .hiscont .hisbox .hiscontxt .histi p { font-size:16px; }
	#history .hiscont .hisbox .hiscontxt .hismonth { width:45px; margin-right:15px; }
}
    ul { margin-top: 0; margin-bottom: 0; padding: 0; }


/* 테이블 */
.table_r { font-size: 16.5px; padding: 0.5% 0; float: right; text-decoration: underline; }
.t_line { padding: 5px 10px; }
.th1_right_2 { line-height: 160%; padding: 15px 20px; border: 1px solid #ddd; }
.th3_left { line-height: 160%; padding: 15px 20px; font-weight: 600; text-align: center; border: 1px solid #ddd; }
.th3_right { line-height: 160%; padding: 15px 20px; border: 1px solid #ddd; }
.th1_left { font-size: 16px; line-height: 160%; padding: 15px 20px; text-align: center; border: 1px solid #ddd; /*background-color: #fbfbfb;*/ }
.th1_left:first-child { border-left: none; }
.th1_left2 { line-height: 160%; padding: 5px 20px; border: 1px solid #ddd; text-align: center; background-color: #fafafa; }
.th1_right { line-height: 160%; padding: 15px 20px; border: 1px solid #ddd; font-size: 16px; }
.th1_right:last-child { border-right: none; }
.td_right { line-height: 160%; padding: 15px 20px; border: 1px solid #ddd; }
.td1_left { line-height: 160%; padding: 15px 20px; border-bottom: solid #dddddd 1px; border: 1px solid #ddd; }
.th5_left { font-size: 16px; line-height: 160%; padding: 15px 20px; text-align: center; border: 1px solid #ddd; font-weight: bold; letter-spacing: 0px; border-top: 2px solid #0078C3; background-color: #efefef; }
.th5_left:last-child { border-right: none; }
.th5_left:first-child { border-left: none; }

.th5_right { font-size: 18px; line-height: 160%; padding: 15px 20px; text-align: center; font-weight: 600; letter-spacing: 0px; border: 1px solid #ddd; border-top: 2px solid #00AACF; }
.th5_right2 { line-height: 160%; padding: 15px 20px; text-align: center; font-weight: 600; letter-spacing: 0px; border: 1px solid #ddd; }
td p { padding-left: 18px; background: url(https://seoulcbid.or.kr/img/sub/point_gray.png) no-repeat left 8px; }
@media (max-width: 992px) {
    .table_scroll { position: relative; width: 100%; overflow-x: scroll; overflow: auto; }
    .table_scroll { border: 1px solid #ccc; }
    .table_scroll > table { min-width: 780px; }
    .table_scroll > table { border-collapse: collapse; border-spacing: 0px; /*table-layout: fixed;*/ width: 100%; clear: both; text-align: center; margin-left: -1px; font-size: 0.93em; border-bottom: 1px solid #bbb; zoom: 1; }
    .scroll_tb span { background-color: #aaa; border-radius: 200px; padding: 4px 8px; font-weight: 600; font-size: 11px; top: -2px; position: relative; margin: 0 5px; color: #fff; width: 3%; }
    .scroll_tb { text-align: center; margin: 13px 0 0 0; float: left; width: 100%; font-size: 1em; border-left: 1px solid #ddd; padding: 5px 0 5px 0; border-right: 1px solid #ddd; border-top: 1px solid #ddd;/* background-color: #efefef; */ }
}

/* 텍스트 관련 */
h4{ font-size: 24px; font-weight: bold;}
.le{ font-size: 28px; font-weight: bold; clear: both;}
.ri p{ font-size: 20px; font-weight: 400;}    
.gray_txt p b{font-size: 20px;}
.sub_txt_box p {font-size: 22px; margin-bottom: auto;}
@media (max-width: 1024px) {
    .sub_txt_box p {font-size: 18px; margin-bottom: auto;}
}
.agency_box { color: #000; background: #f3f3f3; padding: 3%; float: left; width: 100%; /*margin: 2% 0;*/ }
.sub_txt_box { float: left; width: 100%; margin-top: 1%; padding-left: 2%; letter-spacing: -1px; line-height: 155%; }
.agency_box02{ border-radius: 25px; padding: 2.5%; }


/* 자립생활 사업안내 */
@media (min-width:1440px) {
    .business .cont + .cont { margin-top:85px; }
    .business .busi_mainT { font-size:22px; font-weight:bold; color:#323232; }
    .business .business_box { display:flex; flex-wrap:wrap; width: 100%; }

    .business .boxwrap { flex:1 1 100%; margin:1%; border:1px solid #ddd; border-radius:30px; overflow:hidden; position: relative; /*padding-bottom:85px;*/ }
    .business .boxwrap.halfwrap { flex:0 1 48%; width:48%; }
    .business .boxwrap .img_box { display:flex; }
    .business .boxwrap .img_box.img1ea { width:100%; }
    .business .boxwrap .img_box.img2ea { width:50%; }
    .business .boxwrap .img_box img { width:100%; }
    .business .boxwrap .txt_box { padding:15px 55px 0; text-align: center; }
    .business .boxwrap .txt_box .busi_ti { color:#323232; margin-top:20px; }
    .business .boxwrap .txt_box .busi_info { display:flex; flex-wrap:wrap; margin-top:10px; }
    .business .boxwrap .txt_box .busi_info ul { margin-right:40px; margin-top:15px; }
    .business .boxwrap .txt_box .busi_info ul::after { content:''; display:block; clear:both; }
    .business .boxwrap .txt_box .busi_info ul .info_T { width:80px; border-radius:15px; font-weight:bold; color:#fff; float:left; margin-right:20px; text-align:center; }
    .business .boxwrap .txt_box .busi_info ul .info_ti { float:left; width:calc(100% - 100px); }

    .business .program_btnwrap { border:1px solid #ddd; border-radius:0 0 30px 30px; padding:70px 55px 60px; background-repeat:no-repeat; background-position:right center; background-size:auto 100%; margin:0 20px; }
    .programbtn { font-size:20px; font-weight:bold; color:#fff; width:180px; border-radius:22.5px; display:block; margin-top:25px; text-align:center; padding:5px; margin-right: 0; margin-left: auto; position:absolute; right:30px; bottom:30px; }

    /**/
    .welfare_business .boxwrap .txt_box .busi_info ul .info_T { background-color:#8ab947; }
    .child_business .boxwrap .txt_box .busi_info ul .info_T { background-color:#f5a22d; }

    .welfare_business .program_btnwrap { background-image:url(../img/sub/welfare_bottom_img.png); }
    .welfare_business .programbtn { background-color:#8ab947; }
    .child_business .program_btnwrap { background-image:url(../img/sub/child_bottom_img.png); }
    .child_business .programbtn { background-color:#f5a22d; }
}

@media  (max-width:1439px) and (min-width:1024px) {
    .business {}
    .business .cont + .cont { margin-top:60px; }
    .business .busi_mainT { font-size:26px; font-weight:bold; color:#323232; }
    .business .business_box { display:flex; flex-wrap:wrap; width: 100% }
    .business .boxwrap { flex:1 1 100%; margin:1%; border:1px solid #ddd; border-radius:30px; overflow:hidden; }
    .business .boxwrap.halfwrap { flex:0 1 48%; width:48%; }
    .business .boxwrap .img_box { display:flex; }
    .business .boxwrap .img_box.img1ea { width:100%; }
    .business .boxwrap .img_box.img2ea { width:50%; }
    .business .boxwrap .img_box img { width:100%; }
    .business .boxwrap .txt_box { padding:45px; }
    .business .boxwrap .txt_box .busi_ti { color:#323232; margin-top:10px; }
    .business .boxwrap .txt_box .busi_info { display:flex; flex-wrap:wrap; margin-top:10px; }
    .business .boxwrap .txt_box .busi_info ul { margin-right:40px; margin-top:10px; }
    .business .boxwrap .txt_box .busi_info ul::after { content:''; display:block; clear:both; }
    .business .boxwrap .txt_box .busi_info ul .info_T { width:80px; border-radius:15px; font-weight:bold; color:#fff; float:left; margin-right:20px; text-align:center; }
    .business .boxwrap .txt_box .busi_info ul .info_ti { float:left; width:calc(100% - 100px); }

    .business .program_btnwrap { border:1px solid #ddd; border-radius:0 0 30px 30px; padding:45px; background-repeat:no-repeat; background-position:right center; background-size:auto 100%; margin:0 20px; }
    .programbtn { font-size:18px; font-weight:bold; color:#fff; width:180px; border-radius:22.5px; display:block; margin-top:20px; text-align:center; padding:5px; margin-right: 0; margin-left: auto; }

    /**/
    .welfare_business .boxwrap .txt_box .busi_info ul .info_T { background-color:#8ab947; }
    .child_business .boxwrap .txt_box .busi_info ul .info_T { background-color:#f5a22d; }

    .welfare_business .program_btnwrap { background-image:url(../img/sub/welfare_bottom_img.png); }
    .welfare_business .programbtn { background-color:#8ab947; }
    .child_business .program_btnwrap { background-image:url(../img/sub/child_bottom_img.png); }
    .child_business .programbtn { background-color:#f5a22d; }
}

@media  (max-width:1023px) {
    .business {}
    .business .cont + .cont { margin-top:40px; }
    .business .busi_mainT { font-size:20px; font-weight:bold; color:#323232; }
    .business .business_box { display:flex; flex-wrap:wrap; width: 100%; }

    .business .boxwrap { flex:1 1 100%; margin:1%; border:1px solid #ddd; border-radius:30px; overflow:hidden; }
    .business .boxwrap.halfwrap { flex:0 1 48%; width:48%; }
    .business .boxwrap .img_box { display:flex; }
    .business .boxwrap .img_box.img1ea { width:100%; }
    .business .boxwrap .img_box.img2ea { width:50%; }
    .business .boxwrap .img_box img { width:100%; }
    .business .boxwrap .txt_box { padding:30px; }
    .business .boxwrap .txt_box .busi_ti { color:#323232; margin-top:10px; }
    .business .boxwrap .txt_box .busi_info { display:flex; flex-wrap:wrap; margin-top:10px; }
    .business .boxwrap .txt_box .busi_info ul { margin-right:30px; margin-top:10px; }
    .business .boxwrap .txt_box .busi_info ul::after { content:''; display:block; clear:both; }
    .business .boxwrap .txt_box .busi_info ul .info_T { width:80px; border-radius:15px; font-weight:bold; color:#fff; float:left; margin-right:10px; text-align:center; }
    .business .boxwrap .txt_box .busi_info ul .info_ti { float:left; width:calc(100% - 90px); }

    .business .program_btnwrap { border:1px solid #ddd; border-radius:0 0 30px 30px; padding:30px; background-repeat:no-repeat; background-position:right center; background-size:auto 100%; margin:0; }
    .programbtn { font-size:16px; font-weight:bold; color:#fff; width:180px; border-radius:22.5px; display:block; margin-top:20px; text-align:center; padding:5px; margin-right: 0; margin-left: auto; }

    /**/
    .welfare_business .boxwrap .txt_box .busi_info ul .info_T { background-color:#8ab947; }
    .child_business .boxwrap .txt_box .busi_info ul .info_T { background-color:#f5a22d; }

    .welfare_business .program_btnwrap { background-image:url(../img/sub/welfare_bottom_img.png); }
    .welfare_business .programbtn { background-color:#8ab947; }
    .child_business .program_btnwrap { background-image:url(../img/sub/child_bottom_img.png); }
    .child_business .programbtn { background-color:#f5a22d; }
}

@media (max-width:670px) {
    .business .boxwrap { flex:1 1 100%; margin:1%; border:1px solid #ddd; border-radius:30px; overflow:hidden; }
    .business .boxwrap.halfwrap { flex:1 1 100%; }
    .business .boxwrap .img_box { display:flex; flex-wrap:wrap; }
    .business .boxwrap .img_box.img1ea { width:100%; }
    .business .boxwrap .img_box.img2ea { width:100%; }
    .business .boxwrap .img_box.img2ea img:last-child { display:none; }
    .business .boxwrap .txt_box { padding:20px; }
    .business .boxwrap .txt_box .busi_info ul { margin-right:0; flex:1 1 100%; }
    .business .boxwrap .txt_box .busi_info ul .info_T { width:60px; }
    .business .boxwrap .txt_box .busi_info ul .info_ti { width:calc(100% - 70px); }
    .welfare_business .program_btnwrap, .child_business .program_btnwrap { background-image:none; }
}

/* 활동지원 */
.page_sub_box { width: 100%; height:254px; }
.page_sub_box .txt { width: 100%; float: left; margin-bottom: 2%; }
.page_sub_box .txt:last-child{ margin-bottom:0; }
.page_sub_box .txt .boxle { width: 15%; float: left; background: #828282; color: #fff; padding: 10px; text-align: center; letter-spacing: 1px; }
.page_sub_box .txt .ri { width:85%; float: left; padding-top: 10px; padding-left: 15px; }
.page_sub_box .txt  p { margin-bottom: 7px; padding-left: 1em; position: relative; }
.page_sub_box .txt  p span { color: brown; }
.page_sub_box .txt .ri p::after{ content: "●"; color: #949494; font-size: 0.5em; position: absolute; display: inline-block; left: 0; /*top:4%;*/ top: 4px; }
.page_sub_box .txt p:last-child { margin-bottom: 0; }

@media (max-width:750px) {
    .page_sub_box .txt .boxle { width: 25%; }
    .page_sub_box .txt .ri { width: 75%; padding:10px; }
}
@media (max-width:450px) {
    .page_sub_box .txt .boxle { width: 100%; }	
    .page_sub_box .txt .ri { width: 100%; }
}

/* 박스형 텍스트 */
.point2 {
	padding-left: 16px;
	background: url(./img/dot.png) no-repeat left 10px;
}

.gray_box { width: 100%; float: left; padding: 3%; background: #f5f5f5; border: 1px solid #ddd; }
.gray_box.pd1 { padding: 1% 3%; }
.gray_box_2ea { width: 100%; float: left; }
.gray_box_2ea .box { width: 49%; float: left; border: 1px solid #ddd; padding: 2% 2%; background: #f8f8f8; }
.gray_box_2ea .box:first-child { margin-right: 2%; }
.gray_box_2ea .box .le { float: left; padding-top: 1.5%; }
.gray_box_2ea .box .ri { float: left; margin-left: 2%; padding-left: 2%; border-left: 2px dotted #ddd; }
.gray_box .num { display: inline-block; background: #808080; padding: 2px 12px 4px; color: #fff; margin-right: 1%; margin-bottom: 1%; font-size: 19px; border-radius: 4px; }
.txt div { margin-bottom: 1%; }
.txt .le { width: 9%; float: left; font-weight: 600; }
.txt .ri { width: 100%; float: left; }
.txt .ri span { padding: 3px 7px; background: #c3c3c3; border-radius: 5px; }
.marginL { padding-left: 50px; margin-bottom: 0; }
.txt_marginB { margin-bottom: 2%; }

@media (max-width: 768px) {
    .gray_box_2ea .box .le { visibility: hidden; padding: 0; position: absolute; margin: 0; }
    .gray_box_2ea .box .ri { margin-left: 0; padding-left: 0; border-left: none; }
}
@media (max-width: 520px) {
    .gray_box .font21 { margin-bottom: 3%; } 
    .gray_box .txt .ri span { width: 100%; margin-top: 3%; }
    .gray_box_2ea .box { width: 100%; margin-bottom:3%; }
}

/* 문의 정보 */
.responsibility {border:1px solid #ddd;padding:.9rem 1.5rem;margin-top:3rem}
.responsibility > * {display:inline-block;vertical-align:middle}
.responsibility .title {font-weight:500;color:#2f3c91;margin-right:2.2rem; margin-bottom: 0;}
.responsibility .title i {display:inline-block;margin-right:.5rem;text-align:center;width:1.8rem;height:1.8rem;line-height:1.8rem;background:#2f3c91;border-radius:50%;color:#fff;font-family:'xeicon';content:'\e9f5';font-size:.9rem}
.responsibility li {display:inline-block;vertical-align:middle;font-weight:300;color:#555;}
.responsibility li + li {margin-left:1.7rem}
.responsibility li span {display:inline-block;font-weight:500;padding-right:.5rem;margin-right:.35rem;position:relative}
.responsibility li span:after {position:absolute;right:0;top:.3rem;width:1px;height:.7rem;background:#d5d9df;content:''}

@media(max-width:768px){
	.charge-info,.responsibility {padding:.8rem .5rem}
	.responsibility > .title {display:block;text-align:center;margin:0 0 1rem}
	.responsibility .resList {display:block;text-align:center;}
}

/* 페이지 슬라이드 */
.facility_slide { /*padding-bottom:100px; padding-top:30px; margin-top:100px;*/ }
.facility_slide .facility_view { width:1280px; margin:0 auto; /*padding:0 15px;*/ }
.facility_slide .facility_view .bx-wrapper { box-shadow:none; border:0; }
.facility_slide .facility_view .slider > div { position:relative; }
.facility_slide .facility_view .slide_txt { padding-left: 20px; position: absolute; left: 0; bottom: -18px; background-color: rgba(0,0,0,0.6); color: #fff; text-align: center; width: 100%; padding: 10px 20px; font-size: 20px; font-weight: 600; height: 46px; text-align: center; }
/*.facility_slide .facility_view .slide_txt { position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.7); color:#fff; text-align:center; width:100%; padding:25px 0; font-size:20px; font-weight:600; height:65px; }*/
.facility_slide .facility_view .bx-controls-direction { width:100%; }
.facility_slide .facility_view .bx-controls-direction .bx-prev { position: absolute; left: 0; width: 40px; height: 65px; /*background-color: #000;*/ background-image: url(./img/imgs_prev.png); background-size:auto 50%; background-position:center center; bottom: 0; /*top: auto;*/ z-index:14; }
.facility_slide .facility_view .bx-controls-direction .bx-next { position: absolute; right: 0; width: 40px; height: 65px; /*background-color: #000;*/ background-image: url(./img/imgs_next.png); background-size:auto 50%; background-position:center center; bottom: 0; /*top: auto;*/ z-index:14; }
@media  (max-width:1439px) and (min-width:1024px) {	
	.facility_slide { padding-bottom:100px; padding-top:30px; margin-top:100px; }
	.facility_slide .facility_view { width:100%; margin:0 auto; padding:0 15px; }
	.facility_slide .facility_view .bx-wrapper { box-shadow:none; border:0; }
	.facility_slide .facility_view .slider > div { position:relative; }
	.facility_slide .facility_view .slide_txt { position:absolute; left:0; bottom:-19px; background-color:rgba(0,0,0,0.7); color:#fff; text-align:center; width:100%; padding:15px 20px; font-size:18px; font-weight:600; height:55px; text-align: left; }
	.facility_slide .facility_view .bx-controls-direction { width:100%; }
	.facility_slide .facility_view .bx-controls-direction .bx-prev { position: absolute; left: 0; width: 40px; height: 55px; /*background-color: #000;*/ background-image: url(./img/imgs_prev.png); background-size:auto 50%; background-position:center center; bottom: 0; /*top: auto;*/ z-index:14; }
	.facility_slide .facility_view .bx-controls-direction .bx-next { position: absolute; right: 0; width: 40px; height: 55px; /*background-color: #000;*/ background-image: url(./img/imgs_next.png); background-size:auto 50%; background-position:center center; bottom: 0; /*top: auto;*/ z-index:14; }
}
@media  (max-width:1023px) {	
	.facility_slide { padding-bottom:30px; margin-top:50px; }
	.facility_slide .facility_view { width:100%; margin:0 auto; }
	.facility_slide .facility_view .bx-wrapper { box-shadow:none; border:0; margin-bottom:0; }
	.facility_slide .facility_view .slider > div { position:relative; }
    .facility_slide .facility_view .slide_txt { position: absolute; left: 0; bottom: -19px; background-color: rgba(0,0,0,0.6); color: #fff; text-align: center; width: 100%; padding: 10px 20px; font-size: 14px; font-weight: 600; height: 35px; text-align: left; }
	/*.facility_slide .facility_view .slide_txt { position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.7); color:#fff; text-align:center; width:100%; padding:10px 0; font-size:14px; font-weight:600; height:35px; }*/
	.facility_slide .facility_view .bx-controls-direction { width:100%; }
	.facility_slide .facility_view .bx-controls-direction .bx-prev { position: absolute; left: 0; width: 40px; height: 35px; /*background-color: #000;*/ background-image: url(./img/imgs_prev.png); background-size:auto 50%; background-position:center center; bottom: 0; /*top: auto;*/ z-index:14; }
	.facility_slide .facility_view .bx-controls-direction .bx-next { position: absolute; right: 0; width: 40px; height: 35px; /*background-color: #000;*/ background-image: url(./img/imgs_next.png); background-size:auto 50%; background-position:center center; bottom: 0; /*top: auto;*/ z-index:14; }
}

/* 도식화 */
::after,:before{;content:''}

.step{font-size:0; line-height:0}
.step .step_wrap .step_list .step_item{display:inline-block; position:relative; width:calc(25% - 16px); margin-right:21px; border-radius:10px; vertical-align:top}
.step .step_wrap .step_list .step_item:last-child{margin-right:0}
.step .step_wrap .step_list .step_item .step_content{position:relative; height:100%}
.step .step_wrap .step_list .step_item .step_content .tit{display:block; position:relative; width:100%; height:100%; padding:14px 29px; border-radius:19px; text-align:center; background:linear-gradient(90deg, #408ac0, #3f7bbd 40%)}
.step .step_wrap .step_list .step_item .step_content .tit:before{display:block; position:absolute; top:0; right:0; z-index:10; width:100%; height:100%; background:url(/site/www/images/contents/pattern.png) 0 0 no-repeat; mix-blend-mode:screen; opacity:0.5}
.step .step_wrap .step_list .step_item .step_content .tit:after{display:inline-block; height:100%; vertical-align:middle}
.step .step_wrap .step_list .step_item .step_content span{color:#555555; font-size:20px; line-height:28px; letter-spacing:-0.03em; vertical-align:middle}
.step .step_wrap .step_list .step_item .step_content .txt{height:168px; margin-top:-15px; padding:36px 27px 34px; border:2px solid #d2d3d7; border-bottom-right-radius:10px; border-bottom-left-radius:10px; background-color:#fff; font-size:16px; line-height:1.5em}
.step .step_wrap .step_list .step_item .step_content .tit span{color:#fff; line-height:28px; letter-spacing:-0.03em}
.step .step_wrap .step_list .step_item .step_content .txt .bu{margin:0; text-align:left}
@media all and (max-width:800px){
    .step .step_wrap .step_list .step_item .step_content .tit span{font-size:18px}
}


.step.type3 .step_wrap + .step_wrap{margin-top:31px}
.step.type3 .step_wrap .step_list .step_item:before{display:block; position:absolute; top:20px; right:-35px; width:47px; height:46px; border-radius:13px; background-image:url(https://www.nst.re.kr/site/www/images/contents/arrow_thin.png); background-repeat:no-repeat; background-position:50% 50%; background-color:#FFF; box-shadow: 3px 5px 7px 0 rgba(0, 0, 0, 0.07); z-index:10}
.step.type3 .step_wrap .step_list .step_item:nth-child(4n):before{transform:rotate(90deg)}
.step.type3 .step_wrap .step_list .step_item:nth-child(n+5):nth-child(-n+8):before{left:-36px; right:unset; box-shadow: -3px -5px 7px 0 rgba(0, 0, 0, 0.07); transform:rotate(180deg)}
.step.type3 .step_wrap .step_list .step_item:nth-child(n+4):nth-child(-n+5){margin-right:0}
.step.type3[data-divide="5"] .step_wrap .step_list .step_item:nth-child(4){margin-right: 21px}
.step.type3 .step_wrap .step_list .step_item:nth-child(n+5):nth-child(-n+12){margin-top:32px}
.step.type3 .step_wrap .step_list .step_item:nth-child(n+5):nth-child(-n+8){float:right}
.step.type3 .step_wrap .step_list .step_item:last-child{margin-right:21px}
.step.type3 .step_wrap .step_list .step_item:last-child:before{display:none}
.step.type3 .step_wrap .step_list .step_item:first-child:before{display:block}
.step.type3 .step_wrap .step_list .step_item .step_content .tit{background:#0288c1; border-radius:5px}
.step.type3 .step_wrap .step_list .step_item .step_content .tit:before{display:none}
.step.type3 .step_wrap .step_list .step_item .step_content .txt{height:89px; margin-top:0; padding: 17px 14px; border:1px solid #35a0cd; border-radius:5px; color:#133e55; text-align:center}
.step.type3 .step_wrap .step_list .step_item .step_content .txt:after{display:inline-block; height:100%; vertical-align: middle}
.step.type3 .step_wrap .step_list .step_item .step_content .txt span{font-size: 18px; line-height: 25px; font-weight:500; color: #133e55; display: inline-block; vertical-align: middle}
.step.type3[data-divide="5"] .step_wrap .step_list .step_item .step_content .txt{padding-top: 14px}
.step.type3 .step_wrap .step_list .step_item:nth-child(even) .tit{background:#114386}
.step.type3 .step_wrap .step_list .step_item:nth-child(even) .step_content .txt{border-color: #114386}
.step.type3 .step_wrap .step_list .step_item:nth-child(4n):before{top: 110%; right: 31%; box-shadow: -3px -5px 7px 0 rgba(0, 0, 0, 0.07); transform: translate(-50%, -50%) rotate(90deg)}
.step.type3 .step_wrap:nth-child(2) .step_list .step_item:nth-child(odd) .tit{background:#114386}
.step.type3 .step_wrap:nth-child(2) .step_list .step_item:nth-child(even) .tit{background:#0288c1}
.step.type3 .step_wrap:nth-child(2) .step_list .step_item:nth-child(odd) .step_content .txt{border-color: #114386}
.step.type3 .step_wrap:nth-child(2) .step_list .step_item:nth-child(even) .step_content .txt{border-color: #0288c1}
.step.type3 .step_wrap:nth-child(3) .step_list .step_item:before{top:-37px; right:calc(50% - 26px); box-shadow:3px -5px 7px 0 rgba(0, 0, 0, 0.07); transform:rotate(90deg)}
.step.type3[data-divide="5"] .step_wrap .step_list .step_item{width:calc(20% - 17px)}
.step.type3[data-divide="5"] .step_wrap .step_list .step_item:nth-child(5){margin-top:0; margin-right:0}
.step.type3[data-divide="5"] .step_wrap .step_list .step_item:nth-child(4n):before{top:20px; right:-35px; transform:rotate(0); box-shadow: 3px 5px 7px 0 rgba(0, 0, 0, 0.07)}

@media all and (max-width:640px){
    .step .step_wrap .step_list .step_item{width:calc(50% - 11px)}
    .step.type3 .step_wrap .step_list .step_item{display:block; float:none!important; width:100%; margin-bottom: 32px}
    .step.type3 .step_wrap .step_list .step_item .step_content .tit{height:auto; padding:15px}
    .step.type3 .step_wrap .step_list .step_item:before{top: 110%; right: calc(50% - 47px); transform: translate(-50%, -50%) rotate(90deg); box-shadow: 3px -5px 7px 0 rgb(0 0 0 / 7%)}
    .step.type3 .step_wrap .step_list .step_item:nth-child(4n):before{right: unset; left: 50%}
    .step.type3 .step_wrap .step_list .step_item:nth-child(n+5):nth-child(-n+8):before{left: 50%; right: unset; box-shadow: -3px -5px 7px 0 rgba(0, 0, 0, 0.07); transform: translate(-50%, -50%) rotate(90deg)}
    .step.type3 .step_wrap:nth-child(3) .step_list .step_item.except:before{display:none}
    .step.type3[data-divide="5"] .step_wrap .step_list .step_item{width:100%}
    .step.type3[data-divide="5"] .step_wrap .step_list .step_item:nth-child(n+4):nth-child(-n+5){float:none; margin-left:0; margin-right:0}
    .step.type3[data-divide="5"] .step_wrap .step_list .step_item:nth-child(4n):before{top:113%; left:50%; box-shadow:3px -5px 7px 0 rgb(0 0 0 / 7%); transform:translate(-50%, -50%) rotate(90deg)}
    .step.type3 .step_wrap .step_list .step_item:last-child{margin-bottom:0}
    .step .step_wrap .step_list .step_item .step_content .tit span{font-size:17px; line-height:21px}
}



