.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:320px; }
.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%; }
}

/* 이미지 및 리스트 텍스트 */
@media (min-width:1500px) {	
	.sect { padding: 50px 0; }
	.sect .busi1 .khwrap { width: 1400px; padding: 1% 2%;}
    .sect .busi1 .khwrap .inner { padding:50px; border:1px solid #dfdfdf; float:left; width:100%; }
	.sect .busi1 .khwrap .inner+.inner { border-top:0; }
    .sect .busi1 .khwrap .inner .txt .ri { float: left; width: 70%; padding-left: 3%;}    
    .sect .busi1 .khwrap .inner .txt .img_le img { width: 100%;}
    .sect .busi1 .khwrap .inner .txt .img_le { width: 30%; float: left; color: #fff; padding: 10px; text-align: center; letter-spacing: 1px; }
	.sect .busi1 .khwrap .inner .txt .gr,.busi1 .txt .gr ul { float:left; width:100%; }
    .sect .busi1 .khwrap .inner .txt .t1 { padding:0 0 15px 0; font-size:21px; font-weight:700; font-family:'GimpoTitle'; }
	.sect .busi1 .khwrap .inner .txt .t2 { padding:0 0 30px 0; font-size:18px; color:#373737; }
	.sect .busi1 .khwrap .inner .txt li { position:relative; padding:0 0 4px 12px; font-size:18px; color:#373737; }
	.sect .busi1 .khwrap .inner .txt .ti:before { content:''; position:absolute; top:15px; left:0; width:8px; height:8px; background:#75BFFC; border-radius:8px; }
	.sect .busi1 .khwrap .inner .txt li.co { float:left; width:87%; line-height:180%; word-break: keep-all;	}
	.sect .busi1 .khwrap .inner .txt li.co p {  word-break: keep-all;	}
	.sect .busi1 .khwrap .inner .txt .ti { display:inline-block; margin:0 5px 0 0; width:12%; line-height:36px; font-size:18px; font-weight:700; float:left; color:#000}
    .sect .busi1 .khwrap .inner .txt .ti em { font-style: normal; }
}
@media (max-width:1499px) and (min-width:1201px) {
	.sect { padding: 40px 0; }
	.sect .busi1 .khwrap{}	
    .sect .busi1 .khwrap .inner { padding:50px; border:1px solid #dfdfdf; float:left; width:100%; }
    .sect .busi1 .khwrap .inner+.inner { border-top:0; }
    .sect .busi1 .khwrap .inner .txt .ri { float: left; width: 80%; padding-left: 3%;}
    .sect .busi1 .khwrap .inner .txt .img_le { width: 20%; border: 1px solid #ddd; float: left;}
    .sect .busi1 .khwrap .inner .txt .img_le img { width: 100%;  borde-rr: 13px;}	
    .sect .busi1 .khwrap .inner .txt .gr,.busi1 .txt .gr ul { float:left; width:100%; }
    .sect .busi1 .khwrap .inner .txt .t1 { padding:0 0 15px 0; font-size:21px; font-weight:700; font-family:'GimpoTitle'; }
    .sect .busi1 .khwrap .inner .txt .t2 { padding:0 0 30px 0; font-size:18px; color:#373737; }
    .sect .busi1 .khwrap .inner .txt li { position:relative; padding:0 0 4px 12px; font-size:18px; color:#373737; }
    .sect .busi1 .khwrap .inner .txt .ti:before { content:''; position:absolute; top:15px; left:0; width:8px; height:8px; background:#75BFFC; border-radius:8px; }
    .sect .busi1 .khwrap .inner .txt li.co { float:left; width:87%; line-height:180%; word-break: keep-all;	}
    .sect .busi1 .khwrap .inner .txt li.co p {  word-break: keep-all;	}
    .sect .busi1 .khwrap .inner .txt .ti { display:inline-block; margin:0 5px 0 0; width:12%; line-height:36px; font-size:18px; font-weight:700; float:left; color:#000}
    .sect .busi1 .khwrap .inner .txt .ti em { font-style: normal; }
}
@media (max-width:1200px) and (min-width:748px) {	
	.sect{padding: 40px 0;}	
    .sect .busi1 .khwrap .inner { padding:20px; border:1px solid #dfdfdf; float:left; width:100%; }
    .sect .busi1 .khwrap .inner+.inner { border-top:0; }
    .sect .busi1 .khwrap .inner .txt .ri { float: left; width: 100%; padding-left: 3%;}
    .sect .busi1 .khwrap .inner .txt .img_le {}
    .sect .busi1 .khwrap .inner .txt .img_le img { width: 100%;  border-radius: 13px; margin-bottom: 5%;}
    .sect .busi1 .khwrap .inner .txt .gr,.busi1 .txt .gr ul { float:left; width:100%; }
    .sect .busi1 .khwrap .inner .txt .t1 { padding:0 0 15px 0; font-size:21px; font-weight:700; font-family:'GimpoTitle'; }
    .sect .busi1 .khwrap .inner .txt .t2 { padding:0 0 30px 0; font-size:18px; color:#373737; }
    .sect .busi1 .khwrap .inner .txt li { position:relative; padding:0 0 4px 12px; font-size:18px; color:#373737; }
    .sect .busi1 .khwrap .inner .txt .ti:before { content:''; position:absolute; top:15px; left:0; width:8px; height:8px; background:#75BFFC; border-radius:8px; }
    .sect .busi1 .khwrap .inner .txt li.co { float:left; width:87%; line-height:180%; word-break: keep-all;	}
    .sect .busi1 .khwrap .inner .txt li.co p {  word-break: keep-all;	}
    .sect .busi1 .khwrap .inner .txt .ti { display:inline-block; margin:0 5px 0 0; width:12%; line-height:36px; font-size:18px; font-weight:700; float:left; color:#000}
    .sect .busi1 .khwrap .inner .txt .ti em { font-style: normal; }
}
@media (max-width:747px) {	
	.sect { padding: 20px 0; }	
    .sect .busi1 .khwrap .inner { padding:20px; border:1px solid #dfdfdf; float:left; width:100%; }
    .sect .busi1 .khwrap .inner+.inner { border-top:0 }
    .sect .busi1 .khwrap .inner .txt .ri { float: left; width: 100%; padding-left: 3%;}
    .sect .busi1 .khwrap .inner .txt .img_le { width: 100%; }
    .sect .busi1 .khwrap .inner .txt .img_le img { width: 100%;  border-radius: 13px; margin-bottom: 5%;}	
    .sect .busi1 .khwrap .inner .txt .gr,.busi1 .txt .gr ul { float:left; width:100%; }
    .sect .busi1 .khwrap .inner .txt .t1 { padding:0 0 15px 0; font-size:18px; font-weight:700;  font-family:'GimpoTitle'; }
    .sect .busi1 .khwrap .inner .txt .t2 { padding:0 0 30px 0; font-size:15px; color:#373737; }
    .sect .busi1 .khwrap .inner .txt li { position:relative; padding:0 0 4px 12px; font-size:15px; color:#373737; }
    .sect .busi1 .khwrap .inner .txt .ti:before { content:''; position:absolute; top:10px; left:0; width:8px; height:8px; background:#75BFFC; border-radius:8px }
    .sect .busi1 .khwrap .inner .txt li.co { float:left; width:100%; line-height:180%; word-break: keep-all;	}
    .sect .busi1 .khwrap .inner .txt li.co p {  word-break: keep-all;	}
    .sect .busi1 .khwrap .inner .txt .ti { display:inline-block; margin:0 5px 0 0; width:100%; line-height:180%; font-size:15px; font-weight:700; float:left; color:#000}
    .sect .busi1 .khwrap .inner .txt .ti em { font-style: normal; }
}

/*  */
.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%; }
}




