/*사업영역 Type05 */
.page {width:100%; }
.page:after{ content:""; display:block; clear:both;}
.page ul {width:100%; padding:0; margin:0;}
.page ul li{float:left; width:100%;  margin-bottom:0; }
.page ul li:last-child {margin-bottom:0;}
.page ul li .con_box { width:100%; }
.page ul li .con_box:after{ content:""; display:block; clear:both;}
.page ul li .con_box .imgs{width:100%; }
.page ul li .con_box .imgs img{max-width:100%;}
.page ul li .con_box .txts{width:100%; padding:0 0 30px 0px; box-sizing: border-box;font-size:18px; }
/*.page ul li .con_box .txts .tit{margin-bottom:30px; font-size:2em; color:#000; line-height:1.2; font-weight:700;font-family: 'Paperlogy-7Bold';}*/
.page ul li .con_box .tit{clear:both;background-image:url('http://www.shinna.net/core_img/ball_default.png');background-repeat:no-repeat;background-position:left center;padding:0 20px 0 40px;margin:40px 0 20px 0;font-size:1.6em;font-weight:400;color:#2a88ba;font-family: 'Paperlogy-7Bold';}

.page ul li .con_box .tit{clear:both;background-image:url('http://www.shinna.net/core_img/ball_default.png');background-repeat:no-repeat;background-position:left center;padding:0 20px 0 40px;margin:40px 0 20px 0;font-size:1.6em;font-weight:400;color:#2a88ba;font-family: 'Paperlogy-7Bold';}
.page ul li .con_box .sTit{font-size:18px;color:#000;font-family: 'Paperlogy-7Bold';margin:0 0 5px;}
.page ul li .con_box .sStrong{font-size:18px;font-weight:500;color:#000;margin:0 0 5px;}

.page ul li .con_box p.slogan{margin:30px 0; font-family: 'Paperlogy-8ExtraBold';font-style: italic;font-size:2.4em; color:#333;  line-height:1.2; word-break:keep-all;text-align:center;}
.page ul li .con_box p.pageDesc{margin:0 0 30px; font-size:18px; color:#333;  line-height:1.8; text-align:justify;}

.page ul li .con_box .txts p{margin:20px 0 0 40px; font-size:18px; color:#333;  line-height:1.6; word-break:keep-all;}
.page ul li .con_box .txts p.half{width:50%;font-size:18px; color:#333;  line-height:1.8; word-break:keep-all;}
.page ul li .con_box .txts ol{padding:0;margin:0;}
.page ul li .con_box .txts ol li{list-style:decimal;padding:0;margin:0;font-size:18px;}
.page ul li .con_box .txts .half ul.half_list{padding:0;margin:0 0 0 30px;}
.page ul li .con_box .txts .half ul.half_list li{list-style:square;padding:0;margin:0;font-size:18px;}

.page ul li .con_box .container {  display: flex;  gap: 36px;         flex-wrap: wrap;   /* 화면이 좁을 때 줄바꿈 */}
.page ul li .con_box .container div.half{flex: 1 1; /* 최소 300px, 공간 있으면 균등 분할 */
  margin: 0;
  box-sizing: border-box;
  min-width: 600px;  /* 너무 좁아지지 않도록 최소값 설정 */
  font-size:1.0em; color:#333;  line-height:1.8;}
.page ul li .con_box .container div.half img{width:100%;border-radius:15px;}

.page ul li .con_box .container div.half ul li{
font-size:1.0em;
list-style:square;
}

@media all and (max-width:1200px){

.page ul li .con_box p.slogan{font-size:2.4em}
.page ul li .con_box .container  {
    flex-direction: column;
    gap: 8px;
	height:auto;

  }
.page ul li .con_box .container div.half{
    min-width: 0;height:auto;
	
  }
.page ul li .con_box .container div.half img{margin-top:20px;}

}


.page ul li .con_box .txts .btn_go {display:inline-block; margin-top:40px; padding:10px 30px; font-size:18px; color:#fff; background:#222; border:1px solid #000; transition: 0.5s all ease; }
.page ul li .con_box .txts .btn_go:hover {color:#000; background:#fff; }
.page ul li.other_type .con_box .imgs{float:right; }
.page ul li.other_type .con_box .txts{float:left; padding:30px 50px 30px 0;}

table.tbl_busi5{float:left; width:100%; border-top:1px solid #333; border-collapse:collapse; background:#fff;}
table.tbl_busi5 th{padding:10px 10px; text-align:center; font-size:18px; color:#000; line-height:1.4; font-weight:normal; background:#f2f2f2; border-bottom:1px solid #ddd; }
table.tbl_busi5 td{padding:10px 20px; text-align:left; font-size:8px; color:#000; line-height:1.4; border-bottom:1px solid #ddd; }

table.tbl_page{float:left; width:100%; border-top:1px solid #333; border-collapse:collapse; background:#fff;}
table.tbl_page th{padding:15px; text-align:center; font-size:18px; color:#000; line-height:1.4; font-weight:normal; background:#f2f2f2; border-bottom:1px solid #ddd; }
table.tbl_page td{padding:15px;margin:0; text-align:left; font-size:18px; color:#000; line-height:1.4; border-bottom:1px solid #ddd; }

table.tbl_page td.gHd{padding:15px; text-align:center; font-size:18px; color:#000; line-height:1.4; font-weight:normal; background:#fafafa; border-bottom:1px solid #ddd; }
table.tbl_page td.tc{padding:15px; text-align:center; font-size:18px; color:#000; line-height:1.4; font-weight:normal; background:#ffffff; border-bottom:1px solid #ddd; }
table.tbl_page th div{float:left;padding:0;margin:0 0 0 0;text-align:left;width:100%;text-align:center;}
table.tbl_page td div{float:left;padding:0;margin:0 0 0 0;text-align:left;width:33%;width:33%;text-align:center;}


.box-section-3ea table.tbl_page {width:100%;}
.box-section-3ea table.tbl_page tr td{width:100%;}

/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){
	
	.busi1-1 ul li dl dd {padding:25px 4% 0 4%;}


	.page ul li{margin-bottom:0; }
	.page ul li .con_box .txts {padding:20px 0 50px;margin:0;}
	.page ul li .con_box .txts .tit{font-size:1.5em; margin:0 0 0 -30px;padding:0 0 0 35px;}
	.page ul li .con_box .txts p{font-size:18px;margin:0 0 20px;}
	.page ul li.other_type .con_box .txts{ padding:20px 40px 30px 0;}
	table.tbl_page th div{display:block; clear:both;padding:0 0 0 0;width:100%;}
	table.tbl_page td div{display:block; clear:both;width:100%;text-align:left;padding:3px;}
	table.tbl_page td div::before {  content: "• ";}

}



#youtube_box{padding:0;border:0px solid #eeeeee;margin: 0;
position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 53%;
}
#youtube_box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* 기관소개 공통 스타일 */
						.raising-section-flex {
							display: flex;
							align-items: center;
							justify-content: space-between;
							gap: 32px;
							margin-bottom: 100px;
						}
						.raising-section-flex .raising-section-text {
							display: flex;
							flex-direction: column;
							justify-content: flex-start;
							align-items: flex-start;
							flex: 1 1 0;
							
						}
						.raising-section-flex .raising-section-img {
							align-self: flex-start;
							display: flex;
							flex-direction: column;
							flex: 0 0 480px;
							max-width: 480px;
						}
						.raising-section-flex .raising-section-img img {
							width: 100%;
							height: auto;
							border-radius: 12px;
							box-shadow: 0 2px 8px rgba(0,0,0,0.08);
						}

						


						.raising-section-full {
							width:100%;margin:20px auto;
						}
						.raising-section-full .raising-section-text {
							width:100%;margin:20px auto;
						}
						.raising-section-full .raising-section-img {
							width:100%;margin:20px auto;
						}
						.raising-section-full .raising-section-img img {
							width: 100%;
							height: auto;
							border-radius: 12px;
							box-shadow: 0 2px 8px rgba(0,0,0,0.08);
						}

						.raising-section-flex .raising-section-img img {
							width: 100%;
							height: auto;
							border-radius: 12px;
							box-shadow: 0 2px 8px rgba(0,0,0,0.08);
						}

						
						
						.box-section-flex {
							display: flex;
							align-items: flex-start;
							justify-content: space-between;
							gap: 32px;
							margin-bottom: 100px;
							justify-content: flex-start;

						}
						.box-section-flex .box-section-text {
							display: flex;
							flex-direction: column;
							justify-content: flex-start;
							flex: 1 1 0;
							max-width: 660px;
							text-align:justify;
							 word-break: break-all; 

							
						}


						.box-section-flex .box-section-text ul li{
							font-size:18px;
						}

						.box-section-flex .box-section-text ul{margin:0 0 0 20px;padding:0 20px 0 10px;}
						.box-section-flex .box-section-text ul li{list-style-type:square; font-size:18px; color:#333;  line-height:1.8; text-align:justify; word-break: break-all; }
						.box-section-full .box-section-text ul{margin:0 0 0 20px;padding:0 20px 0 10px;}
						.box-section-full .box-section-text ul li{list-style-type:square; font-size:18px; color:#333;  line-height:1.8; text-align:justify; word-break: break-all; }


						.box-section-flex .box-section-img {
							align-self: flex-start;
							display: flex;
							flex-direction: column;
							flex: 0 0 480px;
							max-width: 480px;
						}
						.box-section-flex .box-section-img img {
							width: 100%;
							height: auto;
							border-radius: 12px;
							box-shadow: 0 2px 8px rgba(0,0,0,0.08);
						}

						.box-section-flex .box-section-half{
							align-self: flex-start;
							display: flex;
							flex-direction: column;
							flex: 0 0 48%;
							max-width: 48%;
						}
						.box-section-flex .box-section-half img {
							width: 100%;
							height: auto;
							border-radius: 12px;
							box-shadow: 0 2px 8px rgba(0,0,0,0.08);
						}

						.box-section-flex .box-section-3ea{
							align-self: flex-start;
							display: flex;
							flex-direction: column;
							flex: 0 0 30%;
							max-width: 30%;
						}
						.box-section-flex .box-section-3ea img {
							width: 100%;
							height: auto;
							border-radius: 12px;
							box-shadow: 0 2px 8px rgba(0,0,0,0.08);
						}



						.box-section-full {
							width:100%;margin:20px auto;
						}
						.box-section-full .box-section-text {
							width:100%;margin:20px auto;
						}
						.box-section-full .box-section-img {
							width:100%;margin:20px auto;
						}
						.box-section-full .box-section-img img {
							width: 100%;
							height: auto;
							border-radius: 12px;
							box-shadow: 0 2px 8px rgba(0,0,0,0.08);
						}

						.box-section-full .box-section-img img {
							width: 100%;
							height: auto;
							border-radius: 12px;
							box-shadow: 0 2px 8px rgba(0,0,0,0.08);
						}




						.course-btn {
							background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
							border: none;
							color: white;
							padding:4px 3px;margin:0 0 0 20px;float:right;
							border-radius: 25px;
							font-size: 14px;
							font-weight: 600;
							font-family: 'Paperlogy-7Bold', sans-serif;
							cursor: pointer;
							transition: all 0.3s ease;
							box-shadow: 0 4px 15px rgba(44, 62, 80, 0.3);
							position: relative;
							overflow: hidden;
							margin-bottom: 16px;
							width: 120px;
						}
						.course-btn:hover {
							transform: translateY(-2px);
							box-shadow: 0 6px 20px rgba(44, 62, 80, 0.4);
						}
						.course-btn:active {
							transform: translateY(0);
						}
						.course-btn::before {
							content: '';
							position: absolute;
							top: 0;
							left: -100%;
							width: 100%;
							height: 100%;
							background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
							transition: left 0.5s;
						}
						.course-btn:hover::before {
							left: 100%;
						}
						.course-table-container {
							background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
							border-radius: 15px;
							padding: 20px;
							margin: 20px 0;
							box-shadow: 0 8px 25px rgba(0,0,0,0.1);
							border: 1px solid #e9ecef;
							height: auto;
							display: flex;
							flex-direction: column;
						}
						.course-table-header {
							display: flex;
							justify-content: space-between;
							align-items: center;
							margin-bottom: 15px;
							padding-bottom: 10px;
						}
						.course-table-title {
							font-size: 18px;
							font-weight: 700;
							color: #2c3e50;
							font-family: 'Paperlogy-7Bold', sans-serif;
						}
						@media (max-width: 700px) {

							.box-section-flex {
								flex-direction: column;
								align-items: flex-start;
								gap: 0;
								margin-bottom:30px;
							}
							
							
							.box-section-flex .box-section-img {
								max-width: 100%;
								width: 100%;
								flex: 0 0 100px;
							}

							.box-section-flex .box-section-half{
								align-self: flex-start;
								display: flex;
								flex-direction: column;
								flex: 0 0 100%;
								max-width: 100%;
								width: 100%;
								margin-bottom:50px;
							}

							.box-section-flex .box-section-3ea{
								align-self: flex-start;
								display: flex;
								flex-direction: column;
								flex: 0 0 100%;
								max-width: 100%;
								width: 100%;
								margin-bottom:50px;
							}

							.con_box {
								margin-bottom: 50px;
							}
							.con_box:last-child {
								margin-bottom: 0;
							}


						}



/* 4단 메뉴 - 수동*/
/*PC 버전*/
.thirdMenuWrap{
float:right;margin:0 0 40px 0;width:100%;;
}
.thirdMenuWrap a{padding:10px 16px;margin-right:1px;border:1px solid #274d7d;color:#274d7d;border-radius:10px;font-family: 'Paperlogy-7Bold';}
.thirdMenuWrap a:hover {padding:10px 16px;margin-right:1px;border:1px solid #274d7d;background-color:#274d7d;;color:#ffffff;border-radius:10px;font-family: 'Paperlogy-7Bold';}
.thirdMenuWrap a.active{padding:10px 16px;margin-right:1px;border:1px solid #d11616;background-color:#d11616;;color:#ffffff;border-radius:10px;font-family: 'Paperlogy-7Bold';}
.path{margin-top:60px;}

/*Mobile 버전*/

.thirdMenuSelectWrap{
        float:right;
        margin:0 0 40px 0;
        width:100%;
    }
    .thirdMenuSelectSelectBox {
        position: relative;
        display: inline-block;
        width: 250px;
        max-width: 100%;
    }
    .thirdMenuSelectSelect {
        width: 100%;
        padding:12px 40px 12px 26px;
        margin-right:1px;
        border:1px solid #274d7d;
        color:#274d7d;
        border-radius:10px;
        font-family: 'Paperlogy-7Bold';
        font-size:1.1em;
        background:#fff;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        cursor:pointer;
        transition:background 0.2s, color 0.2s;
        background-image: none !important;
    }
    .thirdMenuSelectArrow {
        pointer-events: none;
        position: absolute;
        top: 50%;
        right: 18px;
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        display: block;
        background: none;
    }
    .thirdMenuSelectArrow::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        margin: auto;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 8px solid #274d7d;
    }
    .thirdMenuSelectSelect:focus {
        outline: none;
        border:1.5px solid #274d7d;
        box-shadow:0 0 0 2px #e5f1f4;
    }
    .thirdMenuSelectSelect:hover {
        background-color:#274d7d;
        color:#ffffff;
    }
    .thirdMenuSelectSelect option {
        color:#274d7d;
        background:#fff;
        font-family: 'Paperlogy-7Bold';
    }
    .thirdMenuSelectSelect option:checked, 
    .thirdMenuSelectSelect option[selected] {
        color:#fff;
        background:#d11616;
    }
    .path{margin-top:60px;}
    @media all and (max-width:1200px){
        .thirdMenuSelectWrap{
        }
        .thirdMenuSelectSelectBox {
            width: 100%;
        }
        .thirdMenuSelectSelect {
            width:100%;
            padding:12px 36px 12px 10px;
            font-size:1em;
        }
        .thirdMenuSelectArrow {
            right: 12px;
        }
    }




/* 메인 비주얼 슬라이더 텍스트 위치 수정 */
#main_visual .sliderkit-text {
    position: absolute;
    top: 250px;
    left: 100px;
    z-index: 2;
    text-align: left;
}

/* 보배서비스 섹션 - 새로운 디자인 */
#bobae_service {
    padding: 80px 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

#bobae_service .con_title {
    text-align: center;
    margin-bottom: 60px;
}

#bobae_service .con_title h3 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #222;
    margin-bottom: 15px;
    letter-spacing: -1px;
	font-family: 'Paperlogy-7Bold';
}

#bobae_service .con_title p {
    font-size: 1.1rem;
    color: #666;
    line-height: 1.6;
}

/* 서비스 통계 섹션 */
.service-stats {
    margin-bottom: 60px;
}

.stats-container {
    display: flex;
    justify-content: space-around;
    max-width: 800px;
    margin: 0 auto;
    gap: 40px;
}

.stat-item {
    text-align: center;
    flex: 1;
}

.stat-number {
    font-size: 3rem;
    font-weight: 700;
    color: #3a6ee8;
    margin-bottom: 10px;
    font-family: 'Arial', sans-serif;
}

.stat-label {
    font-size: 1rem;
    color: #666;
    font-weight: 500;
}

/* 서비스 카드 그리드 */
.service-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto 60px auto;
}

.service-card {
    background: #fff;
    border-radius: 20px;
    padding: 30px 20px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.08);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #3a6ee8, #5a8afd);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.service-card:hover::before {
    transform: scaleX(1);
}

.service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 48px rgba(0,0,0,0.15);
}

.card-icon {
    text-align: center;
    margin-bottom: 20px;
}

.card-icon i {
    font-size: 2.5rem;
    color: #3a6ee8;
    transition: all 0.3s ease;
}

.service-card:hover .card-icon i {
    transform: scale(1.1);
    color: #2d5bb8;
}

.card-content h4 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #222;
    text-align: center;
    margin-bottom: 10px;
    line-height: 1.3;
}

.card-content p {
    font-size: 0.9rem;
    color: #666;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.4;
}

.card-progress {
    width: 100%;
    height: 6px;
    background: #f0f0f0;
    border-radius: 3px;
    overflow: hidden;
}

.progress-bar {
    height: 100%;
    background: linear-gradient(90deg, #3a6ee8, #5a8afd);
    border-radius: 3px;
    transition: width 1s ease;
}

/* 기부금 카드 특별 스타일 */
.donation-card {
    background: linear-gradient(135deg, #3a6ee8 0%, #5a8afd 100%);
    color: #fff;
}

.donation-card .card-icon i {
    color: #fff;
}

.donation-card .card-content h4 {
    color: #fff;
}

.donation-card .card-content p {
    color: rgba(255,255,255,0.8);
}

.donation-card .card-progress {
    background: rgba(255,255,255,0.2);
}

.donation-card .progress-bar {
    background: #fff;
}

/* 서비스 차트 컨테이너 */
.service-chart-container {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.service-chart-container h4 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #222;
    margin-bottom: 30px;
}

.chart-wrapper {
    position: relative;
    height: 300px;
    margin: 0 auto;
}

/* 반응형 디자인 */
@media (max-width: 1200px) {
    .service-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
    
    .stats-container {
        gap: 30px;
    }
    
    .stat-number {
        font-size: 2.5rem;
    }
}

@media (max-width: 900px) {
    #bobae_service {
        padding: 60px 0;
    }
    
    #bobae_service .con_title h3 {
        font-size: 2rem;
    }
    
    .service-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    
    .stats-container {
        flex-direction: column;
        gap: 20px;
    }
    
    .stat-item {
        flex: none;
    }
    
    .stat-number {
        font-size: 2.2rem;
    }
}

@media (max-width: 600px) {
    #bobae_service {
        padding: 40px 0;
    }
    
    #bobae_service .con_title h3 {
        font-size: 1.8rem;
    }
    
    .service-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .service-card {
        padding: 25px 20px;
    }
    
    .card-icon i {
        font-size: 2rem;
    }
    
    .card-content h4 {
        font-size: 1rem;
    }
    
    .card-content p {
        font-size: 0.85rem;
    }
    
    .chart-wrapper {
        height: 250px;
    }
}

@media (max-width: 480px) {
    #bobae_service .con_title h3 {
        font-size: 1.5rem;
    }
    
    .service-card {
        padding: 20px 15px;
    }
    
    .card-icon i {
        font-size: 1.8rem;
    }
    
    .stat-number {
        font-size: 2rem;
    }
    
    .chart-wrapper {
        height: 200px;
    }
}

/* 모바일에서 메인 비주얼 슬라이더 텍스트 위치 복원 */
@media (max-width: 768px) {
    #main_visual .sliderkit-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        width: 90%;
        max-width: 600px;
    }
}

/* 스크롤 시 헤더 스타일 변경 */
#header_wrap {
    transition: all 0.3s ease;
}

#header_wrap.scrolled {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

#header_wrap.scrolled #header_logo .logo_a img {
    content: url('<?php echo G5_THEME_URL;?>/html/image/top_logo.png');
}



.link-icon { position: relative; display: inline-block; width: auto;    font-size: 14px; font-weight: 500; color: #333; margin:0 10px 10px 0; padding-top: 50px; width:40px;}
.link-icon.twitter { background-image: url('<?php echo G5_THEME_URL;?>/html/image/snsicon/icon-twitter.png'); background-repeat: no-repeat; }
.link-icon.facebook { background-image: url('<?php echo G5_THEME_URL;?>/html/image/snsicon/icon-facebook.png'); background-repeat: no-repeat; } 
.link-icon.kakaotalk { background-image: url('<?php echo G5_THEME_URL;?>/html/image/snsicon/icon-kakao.png'); background-repeat: no-repeat; }
.link-icon.kastory { background-image: url('<?php echo G5_THEME_URL;?>/html/image/snsicon/icon-kastory.png'); background-repeat: no-repeat; }
.link-icon.youtube { background-image: url('http://www.theway.or.kr/bbru2/theme/bbru/html/image/snsicon/icon-youtube.png'); background-repeat: no-repeat;width:132px; float:left;}