/* --------------------------------------------
	 Title Style    - #F3781F #f5805a;(오렌지) #1ABC9C(그린) #0a58ca(블루) #aaa(그레이) #f7f6f2
-------------------------------------------- */

    .section_wrap  { max-width: 1280px; margin: 0 auto;}
    .section_wrapT { max-width: 1280px; margin: 0 auto;}     
		.section_wrapS { max-width: 1280px; margin: 0 auto; padding: 30px 0; } 

		
		.main_title {
		    display: flex;
		    align-items: flex-start;
		    gap: 80px;
		    max-width: 100%;
		    margin: 0 auto;
		    padding-top: 50px; /* 여백 확보 */]
		}
		.main_title .title-subject { position: relative; display: inline-block; /* 텍스트 길이에 맞게 너비 조절 */ }
		.main_title .title-circle { position: absolute; width: 140px; height: 140px; background-color: #f7f6f2; border-radius: 50%; top: -30px; left: -30px; z-index: -1; }
		.main_title .title-line	{ margin-top: -17px; margin-left: 5px; border-top: 5px dotted #aaa;}	
		.main_title .title_txt { font-weight: 800; margin-bottom: 30px; }
		.main_title .title_desc { font-weight: 600;  }
		
		
		.sub_title {
		    max-width: 100%;
		    margin: 0 auto;
		    padding-bottom: 30px; /* 여백 확보 */
		}		
		.sub_title .title-topLine { width: 50px; height: 5px; background-color: #aaa; margin-bottom: 10px;		 }
		.sub_title .title_txt { font-weight: 700; }


		
		.sub_box1 {padding: 20px 0;}
		.sub_box1 .cont {position: relative; width: 100%; height: 220px;margin-right: 20px; padding: 40px;background-color: #f2efe8;;border-radius: 20px;background-position: right bottom;background-repeat: no-repeat;}
		.sub_box1 .cont::after {content: '';position: absolute;top:50%;right: -30px;transform: translateY(-50%);width: 19px;height: 20px;background:url(/images/img/sub/s1-11__step__arr.jpg) no-repeat center;}
		.sub_box1 em {font-size: 20px; line-height: 250%; font-weight: 700;color: #70625a;}

		.sub_node_box {position: relative; width: 100%;  padding: 60px 40px; background-color: #f2efe8; border-radius: 20px; background-position: right bottom; background-repeat: no-repeat;}
		.sub_node_box:hover { background-color: #eee;}


/* SUB_TAB  */

        .tab-container { width: 100%; max-width: 1440px;  margin: 0 auto; }
        .tab-menu { display: flex; list-style: none; border: 1px solid #ff8c00; background-color: #fff; align-items: center; }
        .tab-link { flex: 1;  padding: 15px 5px;  text-align: center; cursor: pointer; color: #666; transition: 0.2s; white-space: nowrap; }
        .divider {  width: 1px; height: 16px; background-color: #ddd; flex-shrink: 0; }
        
        .tab-link.active { background: #ff8c00; color: #fff; font-weight: bold; } /* 활성화 상태 */        
        .tab-link.active + .divider, .divider:has(+ .tab-link.active) {  opacity: 0; } /* 활성화된 탭 주변 선 숨기기 */

        /* 콘텐츠 영역 반응형 */
        .tab-content { 
            display: none; 
            padding-top: 50px; 
            background: #fff;
            width: 100%; /* 모바일에서 꽉 차게 */
            max-width: 1440px; /* PC에서는 적당한 크기 */
        }
        .tab-content.active { display: block; }
        .tab-content img { width: 100%; height: auto; border-radius: 5px; }

        @media ( max-width: 768px) { 
        		.tab-link {  padding: 12px 0; }
            .tab-container { padding: 0 10px; }
            .tab-content { max-width: 100%; }
        }