/*---sub common css---*/

/*container*/
.k_sub_section {
    padding: 120px 0;
    position: relative;
}

/*sub page title*/
.page_title {
    text-align: center;
    margin-bottom: 120px;
    padding-bottom: 120px;
    border-bottom: 1px solid #ccc;
}

.page_title h3 {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 25px;
}
.page_title h4 {font-size: 1.5rem;font-weight: 600;margin-top: 25px;}
.page_title p {
    font-size: 1.5rem;
    color: #454545;
	line-height: 1.5;
}

@media (max-width: 1480px) {
    .k_sub_section {
        padding: 100px 0;
    }

    .page_title {
        margin-bottom: 60px;
        padding-bottom: 40px;
    }

    .page_title h3 {
        font-size: 2.2rem;
        margin-bottom: 20px;
    }

    .page_title p {
        font-size: 1rem;
    }
}

@media (max-width: 1080px) {
    .k_sub_section {
        padding: 80px 0;
    }

    .page_title {
        margin-bottom: 50px;
        padding-bottom: 30px;
    }

    .page_title h3 {
        font-size: 1.8rem;
        margin-bottom: 18px;
    }

    .page_title p {
        font-size: 1rem;
    }
	.page_title h4 {font-size: 0.95rem;font-weight: 600;margin-top: 25px;}
}

@media (max-width: 768px) {
    .k_sub_section {
        padding: 60px 0;
    }

    .page_title {
        margin-bottom: 40px;
        padding-bottom: 25px;
    }

    .page_title h3 {
        font-size: 1.5rem;
        margin-bottom: 15px;
    }

    .page_title p {
        font-size: 0.9rem;
    }

}

@media (max-width: 480px) {
    .k_sub_section {
        padding: 40px 0;
    }

    .page_title {
        margin-bottom: 30px;
        padding-bottom: 20px;
    }

    .page_title h3 {
        font-size: 1.3rem;
        margin-bottom: 12px;
    }

    .page_title p {
        width: 95%;
        font-size: 14px;
        margin: 0 auto;
    }
}

/*---sub_visual---*/
.sub_visual {
    height: 540px;
    background-color: #000;
    position: relative;
    overflow: hidden;
}

.sub_visual>figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    transition: transform 5s ease;
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
}

.sub_visual>.je_container {
    height: 100%;
    position: relative;
    z-index: 1;
}

.sv_txt_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1;
    color: #FFF;
    text-align: center;
}

.sv_txt_box h2 {
    font-size: 3.125rem;
    font-weight: 600;
    transform: translateY(25px);
    opacity: 0;
    transition: all 1s ease;
}

.sv_txt_box p {
    font-size: 1.13rem;
    margin-top: 15px;
    color: rgba(255, 255, 255, .9);
    transform: translateY(25px);
    opacity: 0;
    transition: all 1s ease;
    transition-delay: .3s !important;
}

/*on*/
.sub_visual.on>figure {
    transform: scale(1);
    -webkit-transform: scale(1);
}

.sub_visual.on .sv_txt_box h2,
.sub_visual.on .sv_txt_box p {
    transform: translateY(0);
    opacity: 1;
}

@media (max-width: 1480px) {
    .sub_visual {
        height: 360px;
    }

    .sv_txt_box h2 {
        font-size: 2.5rem;
    }

    .sv_txt_box p {
        font-size: 1.13rem;
    }
}

@media (max-width: 1080px) {
    .sub_visual {
        height: 350px;
    }

    .sv_txt_box {
        margin-top: 0;
    }

    .sv_txt_box h2 {
        font-size: 2.2rem;
    }

    .sv_txt_box p {
        font-size: 1rem;
    }
}

@media (max-width: 768px) {
    .sub_visual {
        height: 300px;
    }

    .sv_txt_box h2 {
        font-size: 1.8rem;
    }

    .sv_txt_box p {
        margin-top: 10px;
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .sub_visual {
        height: 250px;
    }

    .sv_txt_box h2 {
        font-size: 1.5rem;
    }

    .sv_txt_box p {
        margin-top: 8px;
        font-size: 0.85rem;
    }
}

/*---sub_navi---*/
.sub_navi_wrap {
    border-bottom: 1px solid #ededed;
}

.sub_navi>ul>li>a {
    display: none;
}

.sub_navi>ul>li>ol {
    display: flex;
    justify-content: center;
}

.sub_navi>ul>li>ol>li {
    display: none;
    margin: 0 40px;
}

.sub_navi>ul>li>ol>li>a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1.0625rem;
    font-weight: 400;
    padding: 0 5px;
    line-height: 70px;
    color: #404040;
    overflow: hidden;
    position: relative;
}

.sub_navi>ul>li>ol>li>a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #2656f6;
}

.sub_navi>ul>li>ol>li.on>a {
    font-weight: 700;
}

.sub_navi>ul>li>ol>li.on>a::after {
    width: 100%;
}

#snb_01>ul>li.je_nl01>ol>li {
    display: block;
}

#snb_02>ul>li.je_nl02>ol>li {
    display: block;
}

#snb_03>ul>li.je_nl03>ol>li {
    display: block;
}

#snb_04>ul>li.je_nl04>ol>li {
    display: block;
}

#snb_05>ul>li.je_nl05>ol>li {
    display: block;
}

@media (max-width: 1480px) {
    .sub_navi>ul>li>ol>li>a {
        font-size: 1rem;
    }
}

@media (max-width: 1080px) {
    .sub_navi_wrap {
        display: none;
    }
}



/* CEO 메시지 반응형 디자인 */
@media (max-width: 1480px) {
    .ceo_img {
        width: 40%;
    }

    .ceo_img img {
        width: 100%;
    }

    .ceo_txt {
        width: 60%;
    }

    .ceo_txt p i,
    .ceo_txt p span {
        font-size: 1rem;
    }
}

@media (max-width: 1080px) {
    .ceo_wrap {
        display: block;
        flex: none;
    }

    .ceo_img,
    .ceo_txt {
        width: 100%;
        margin: 0;
    }

    .ceo_img {
        margin-bottom: 70px;
    }

    .ceo_img img {
        max-width: 705px;
        margin: 0 auto;
    }

    .ceo_txt>span,
    .ceo_txt>h3 {
        font-size: 3rem;
    }

    .ceo_txt>h3 {
        margin-bottom: 60px;
    }
}

@media (max-width: 720px) {
    .ceo_img {
        margin-bottom: 40px;
    }

    .ceo_txt>h3 {
        margin-bottom: 40px;
    }

    .ceo_txt p i,
    .ceo_txt p span {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .ceo_txt p i {
        display: inline-block;
        word-break: keep-all;
    }

    .ceo_txt p i br {
        display: none;
    }
		.map_wrap > iframe {height: 400px;}
}

/*---회사소개 이미지---*/
.company_wrap>figure>img {
    display: block;
    margin: 0 auto;
}

.company_info {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 95%;
    margin: 0 auto;
}

.company_info>div {
    width: 1280px;
}

/*---회사소개 메시지---*/
.sj_sub_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/theme/jj_theme/img/sub_page/sub1_bg.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: -1;
}


.sj_company_text {
    margin-bottom: 80px;
    text-align: center;
}

/* 하이라이트 텍스트 반응형 디자인 */
.sj_text_highlight {
    margin-bottom: 80px;
}

/* 회사소개 메시지 반응형 디자인 */
@media (max-width: 1480px) {
    .sj_company_text {
        margin-bottom: 60px;
    }

    .sj_text_highlight {
        margin-bottom: 60px;
    }
}

@media (max-width: 1080px) {
    .sj_company_text {
        margin-bottom: 50px;
    }

    .sj_text_highlight {
        margin-bottom: 50px;
    }
}

@media (max-width: 768px) {
    .sj_company_text {
        margin-bottom: 40px;
    }

    .sj_text_highlight {
        margin-bottom: 40px;
    }
}

@media (max-width: 480px) {
    .sj_company_text {
        margin-bottom: 30px;
    }

    .sj_text_highlight {
        margin-bottom: 30px;
    }
}


.sj_text_highlight p {
    font-size: 28px;
    font-weight: 700;
    color: #333;
    line-height: 1.6;
    margin: 0 auto;
    letter-spacing: -0.2px;
}

/* 하이라이트 텍스트 내용 */
.sj_text_content {
    text-align: center;
	margin: 0 auto;
	max-width: 1280px;
	margin: 0 auto;
}

.sj_text_content p {
    font-size: 20px;
    line-height: 2;
    color: #333;
	text-align: left;
	padding-bottom: 16px;
}


.sj_venn_diagram_section {
    margin-top: 100px;
    text-align: center;
}


@media (max-width: 1480px) {
    .sj_venn_diagram_section {
        margin-top: 80px;
    }
}

@media (max-width: 1080px) {
    .sj_venn_diagram_section {
        margin-top: 60px;
    }
}

@media (max-width: 768px) {
    .sj_venn_diagram_section {
        margin-top: 50px;
    }
}

@media (max-width: 480px) {
    .sj_venn_diagram_section {
        margin-top: 40px;
    }
}

.sj_venn_img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}


.com_table {
    width: 100%;
    border-top: 2px solid #000;
    border-bottom: 1px solid #000;
}

.com_table tr td {
    vertical-align: middle;
    font-size: 1.13rem;
    font-weight: 400;
    border-bottom: 1px solid #ddd;
    color: #404040;
    line-height: 150%;
    padding: 10px;
}

.com_table tr td:nth-child(1) {
    text-align: center;
    font-weight: 600;
    color: #000;
}

@media (max-width: 1480px) {
    .company_wrap>figure>img {
        width: 100%;
    }

    .sj_text_highlight p {
        font-size: 1.4rem;
    }

    .sj_text_content p {
        font-size: 1.1rem;
    }
}

@media (max-width: 1080px) {
    .company_info {
        display: block;
        flex: none;
    }

    .company_info>div {
        width: 100%;
    }

    .com_info_02 {
        margin-top: 30px;
    }

    .sj_text_highlight p {
        font-size: 1.2rem;
    }

    .sj_text_content p {
        font-size: 1rem;
    }
	.sj_venn_img {max-width: 85%;}
}

@media (max-width: 720px) {
    .company_info {
        margin-top: 30px;
    }

    .com_table tr td span b {
        display: block;
    }
.com_table tr:nth-child(2), .com_table tr:nth-child(3),.com_table tr:nth-child(4) {
        display: flex;
        flex-direction: column;
    }

    .com_table tr:nth-child(2) td {
        width: 100%;
        display: block;
    }

    .com_table tr:nth-child(2) td:nth-child(1),.com_table tr:nth-child(3) td:nth-child(1),.com_table tr:nth-child(4) td:nth-child(1){
        text-align: left;
        border-bottom: none;
    }

    .com_table tr:nth-child(2) td:nth-child(2),.com_table tr:nth-child(3) td:nth-child(2),.com_table tr:nth-child(4) td:nth-child(2) {
        text-align: left;
        width: 100%;
        word-break: keep-all;
        line-height: 1.4;
        white-space: pre-line;
        padding: 0 10px 10px 10px;
    }


    .sj_text_highlight p {
        font-size: 1.1rem;
    }

    .sj_text_content p {
        font-size: 0.95rem;
		margin-bottom: 2.5%;
		padding-bottom: 0;
    }
}

@media (max-width: 480px) {
    .sj_text_highlight p {
        font-size: 18px;
    }

    .sj_text_content p {
        font-size: 0.9rem;
        letter-spacing: -0.2px;
		width: 98%;
    }
}


/*---지도보기 이미지---*/
.map_wrap {
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.map_wrap>div {
    width: 100% !important;
}

.map_wrap .wrap_controllers {
    display: none !important;
}

/*---연혁 이미지---*/
.je_tab {
    display: flex;
    align-items: center;
    justify-content: center;
}

.je_tab_btn {
    width: 50%;
    padding: 20px 0;
    text-align: center;
    display: block;
    border: 1px solid #ddd;
    background-color: #fff;
    font-weight: 700;
}

.je_tab_btn.on {
    background-color: #2656f6;
    color: #fff;
    border-color: #2656f6;
}

.je_history {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
}

.je_history .je_tab {
    position: sticky;
    top: 119px;
    z-index: 1;
}

.je_history_wrap {
    padding: 200px 0 100px;
    position: relative;
    margin-top: 50px;
}

/* 연혁 이미지 반응형 디자인 */
@media (max-width: 1480px) {
    .je_history_wrap {
        padding: 150px 0 80px;
        margin-top: 40px;
    }
}

@media (max-width: 1080px) {
    .je_history_wrap {
        padding: 120px 0 60px;
        margin-top: 30px;
    }
}

@media (max-width: 768px) {
    .je_history_wrap {
        padding: 100px 0 50px;
        margin-top: 25px;
    }
}

@media (max-width: 480px) {
    .je_history_wrap {
        padding: 80px 0 40px;
        margin-top: 20px;
    }
}

.je_history_wrap:after,
.je_history_wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #ccc;
    margin: auto;
}

.je_history_wrap:after {
    width: 10px;
    aspect-ratio: 1;
    border-radius: 50%;
}

.je_history_wrap:before {
    width: 1px;
    height: 100%;
}

.je_history_list {
    position: relative;
}

.je_history_list:after {
    content: '';
    position: absolute;
    top: 0;
    margin: auto;
    background-color: #fff;
    border: 6px solid #2656f6;
    border-radius: 50%;
    width: 22px;
    aspect-ratio: 1;
}

.je_history_list:nth-of-type(2n+1) {
    margin-left: calc(50% - 2px);
    padding-left: 50px;
}

.je_history_list:nth-of-type(2n+1):after {
    left: -9px;
}

.je_history_list:nth-of-type(2n) {
    margin-right: calc(50% - 2px);
    text-align: right;
    padding-right: 50px;
}

.je_history_list:nth-of-type(2n):after {
    right: -9px;
}

.je_history_list:not(:first-of-type) {
    margin-top: 100px;
}

/* 연혁 리스트 반응형 디자인 */
@media (max-width: 1480px) {
    .je_history_list:not(:first-of-type) {
        margin-top: 80px;
    }
}

@media (max-width: 1080px) {
    .je_history_list:not(:first-of-type) {
        margin-top: 60px;
    }
}

@media (max-width: 768px) {
    .je_history_list:not(:first-of-type) {
        margin-top: 50px;
    }
	
}

@media (max-width: 480px) {
    .je_history_list:not(:first-of-type) {
        margin-top: 40px;
    }
}

.je_history_list h5 {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 1.13rem;
}

.je_history_list p {
    line-height: 1.44;
}

.je_history_list p:not(:first-of-type) {
    margin-top: 16px;
}

.je_bg_tit {
    position: sticky;
    top: 300px;
    text-align: center;
    opacity: .05;
    font-size: 200px;
    margin-top: 100px;
    -webkit-text-stroke: 0.04em;
}

@media screen and (max-width:767px) {
    .je_history_wrap {
        padding: 120px 0 80px;
        margin-top: 30px;
    }

    .je_tab_btn {
        width: 50%;
    }

    .je_bg_tit {
        font-size: 13vw;
        top: 140px;
        margin-top: 50px;
    }

    .je_history .je_tab {
        top: 52px;
    }

    .je_history_wrap:before {
        left: 6%;
        right: auto;
    }

    .je_history_wrap:after {
        left: calc(6% - 5px);
        right: auto;
    }

    .je_history_list:nth-of-type(2n+1),
    .je_history_list:nth-of-type(2n) {
        margin-left: calc(6% - 2px);
        padding-left: 24px;
    }

    .je_history_list:nth-of-type(2n) {
        text-align: left;
        padding-right: 0;
        margin-right: 0;
    }

    .je_history_list:nth-of-type(2n):after {
        left: -9px;
        right: auto;
    }

    .je_history_list:not(:first-of-type) {
        margin-top: 60px;
    }
}

/*---In Situ TEM 페이지 스타일---*/

/* 공통 섹션 스타일 */
.je_definition_section,
.je_features_section,
.je_images_section,
.je_stimulation_section,
.je_installation_section,
.je_equipment_section,
.je_equipment_collage_section {
    margin-bottom: 100px;
}

.je_section_title {
    font-size: 2.2rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 100px;
    text-align: center;
    font-family: 'Pretendard', sans-serif;

}

/* 정의 섹션 */
.je_definition_content {
    margin: 0 auto;
    text-align: center;
}

.je_definition_text {
    font-size: 1.4rem;
    line-height: 1.7;
    color: #111;
    margin-bottom: 30px;
    font-family: 'Pretendard', sans-serif;
}

.je_definition_note {
    font-size: 1.4rem;
    line-height: 1.7;
    color: #111;
    font-family: 'Pretendard', sans-serif;
}

.je_highlight {
    color: #c41e3a;
    font-weight: 700;
}

/* 주요 특징 섹션 */
.je_features_content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
}

.je_feature_item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 30px;
    background: #f8f9fa;
    border-radius: 12px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.je_feature_item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.je_feature_icon {
    font-size: 2.5rem;
    flex-shrink: 0;
}

.je_feature_text h5 {
    font-size: 1.3rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px;
    font-family: 'Pretendard', sans-serif;

}

.je_feature_text p {
    font-size: 1rem;
    line-height: 1.6;
    color: #666;
    font-family: 'Pretendard', sans-serif;
}

/* 이미지 섹션 */
.je_images_container {
    display: flex;
    gap: 20px;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    justify-content: space-between;
}

.c_center {
    justify-content: center;
}

.je_image_item img {
    width: 100%;
    transition: transform 0.3s ease;
}

.je_image_item:hover img {
    transform: scale(1.05);
}

/* 자극 환경 표 섹션 */
.je_stimulation_table_wrap {
    overflow-x: auto;
    margin: 0 auto;
    max-width: 1280px;
    border: 1px solid #ededed;
    border-radius: 12px;
}

.je_stimulation_table {

    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
	width: 1278px;
}

.je_stimulation_table thead {
    background: linear-gradient(135deg, #2656f6, #1e4ed8);
}

.je_stimulation_table th {
    padding: 20px 15px;
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    font-family: 'Pretendard', sans-serif;

}

.je_stimulation_table td {
    padding: 20px 15px;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
    font-family: 'Pretendard', sans-serif;
	font-size: 1rem;

}

.je_stim_type {
    background: #f8f9fa;
    font-weight: 700;
    color: #333;
    text-align: center;
	width: 15%;
}

.je_stim_desc {
    line-height: 1.6;
}

.je_stim_desc p {
    margin-bottom: 10px;
    color: #555;
	}

.je_equipment {
    color: #c41e3a;
    font-weight: 600;
	}

.je_stim_app {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #666;
}

/* 장비 설치 환경 섹션 */
.je_installation_content {
    text-align: center;
    margin: 0 auto;
    max-width: 1280px;
}

.je_installation_image img {
    width: 100%;
    object-fit: cover;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;

}
.je_installation_image2 img {
    width: 95%;
    object-fit: cover;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.je_installation_image img:hover {
    transform: translateY(-15px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* 본사 장비 섹션 */
.je_equipment_list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
    max-width: 1280px;
    margin: 0 auto;
}

.je_equipment_item {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.je_equipment_item:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.je_equipment_image {
    overflow: hidden;
}

.je_equipment_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.je_equipment_item:hover .je_equipment_image img {
    transform: scale(1.1);
}

.je_equipment_info {
    padding: 25px;
}

.je_equipment_info h5 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px;
    font-family: 'Pretendard', sans-serif;
	line-height:1.5;
}

.je_equipment_info p {
    line-height: 1.6;
    color: #333;
}

.je_equipment_model {
    font-size: 0.95rem;
    color: #c41e3a;
    font-weight: 600;
    margin-bottom: 15px;
    font-family: 'Pretendard', sans-serif;
}

.je_equipment_features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.je_equipment_features li {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #555;
    margin-bottom: 8px;
    padding-left: 0;
    font-family: 'Pretendard', sans-serif;
}

.je_equipment_features li strong {
    color: #c41e3a;
    font-weight: 600;
}

/* 장비 콜라주 섹션 */
.je_collage_content {
    max-width: 1280px;
    margin: 0 auto;
    text-align: center;
}

.je_collage_image {
    margin-bottom: 40px;
}

.je_collage_image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 24px;
}

.je_collage_image img:hover {
    transform: translateY(-15px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.je_collage_description p {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #555;
    font-family: 'Pretendard', sans-serif;

}

/* 반응형 디자인 */
@media (max-width: 1480px) {

    .je_definition_section,
    .je_features_section,
    .je_images_section,
    .je_stimulation_section,
    .je_installation_section,
    .je_equipment_section,
    .je_equipment_collage_section {
        margin-bottom: 100px;
    }

    .je_section_title {
        font-size: 2rem;
        margin-bottom: 50px;
    }

    .je_definition_text {
        font-size: 1.2rem;
    }

    .je_features_content {
        gap: 30px;
    }

    .je_feature_item {
        padding: 25px;
    }
}

@media (max-width: 1080px) {

    .je_definition_section,
    .je_features_section,
    .je_images_section,
    .je_stimulation_section,
    .je_installation_section,
    .je_equipment_section,
    .je_equipment_collage_section {
        margin-bottom: 80px;
    }

    .je_section_title {
        font-size: 1.8rem;
        margin-bottom: 40px;
    }

    .je_features_content {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .je_images_container {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .je_equipment_list {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

@media (max-width: 768px) {

    .je_definition_section,
    .je_features_section,
    .je_images_section,
    .je_stimulation_section,
    .je_installation_section,
    .je_equipment_section,
    .je_equipment_collage_section {
        margin-bottom: 60px;
    }
    .je_stimulation_table_wrap {
        overflow-x: auto; /* 가로 스크롤 활성화 */
        -webkit-overflow-scrolling: touch; /* iOS에서 부드러운 스크롤 */
		font-size: 0.875rem;
    }

    .je_section_title {
        font-size: 1.5rem;
        margin-bottom: 30px;
    }

    .je_definition_text {
        font-size: 1.1rem;
    }

    .je_definition_note {
        font-size: 1.2rem;
    }

    .je_feature_item {
        flex-direction: column;
        text-align: center;
        padding: 20px;
		align-items: center;
    }

    .je_feature_icon {
        font-size: 2rem;
    }

    .je_stimulation_table th,
    .je_stimulation_table td {
        padding: 15px 10px;		
    }
	.je_stim_desc p {font-size: 0.9rem ;}


    .je_equipment_info {
        padding: 20px;
    }

    .je_collage_image {
        margin-bottom: 30px;
    }

    .je_collage_image img {
        max-height: 400px;
    }

    .je_collage_description p {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {

    .je_definition_section,
    .je_features_section,
    .je_images_section,
    .je_stimulation_section,
    .je_installation_section,
    .je_equipment_section,
    .je_equipment_collage_section {
        margin-bottom: 50px;
    }

    .je_section_title {
        font-size: 1.3rem;
        margin-bottom: 25px;
    }

    .je_definition_text {
        font-size: 0.9rem;
    }

    .je_definition_note {
        font-size: 1rem;
    }

    .je_feature_item {
        padding: 15px;
    }

    .je_feature_icon {
        font-size: 1.8rem;
    }

    .je_feature_text h5 {
        font-size: 1.1rem;
        margin-bottom: 10px;
    }

    .je_feature_text p {
        font-size: 1rem;
    }

    .je_stimulation_table th,
    .je_stimulation_table td {
        padding: 12px 8px;
    }


    .je_equipment_info {
        padding: 15px;
    }

    .je_equipment_info h5 {
        font-size: 1.1rem;
        margin-bottom: 10px;
    }

    .je_equipment_info p {
        font-size: 14px;
    }

    .je_equipment_model {
        font-size: 0.95rem;
        margin-bottom: 12px;
    }

    .je_equipment_features li {
        font-size: 0.9rem;
        margin-bottom: 6px;
    }

    .je_collage_image {
        margin-bottom: 25px;
    }

    .je_collage_image img {
        max-height: 300px;
    }

    .je_collage_description p {
        font-size: 1rem;
    }
}

/*---Advanced TEM 페이지 스타일---*/

/* 분석 기술 섹션 */
.je_analysis_section {
    margin-bottom: 120px;
}

.je_analysis_content {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 1280px;
    margin: 0 auto;
}

.je_analysis_item {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 40px;
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.je_analysis_item:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
    border-color: #e0e0e0;
}

.je_analysis_icon {
    font-size: 3.5rem;
    flex-shrink: 0;
    color: #333;
    transition: all 0.3s ease;
}

.je_analysis_item:hover .je_analysis_icon {
    color: #666;
}

.je_analysis_text {
    flex: 1;
    position: relative;
    z-index: 1;
}

.je_analysis_text h5 {
    font-size: 1.4rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px;
    font-family: 'Pretendard', sans-serif;
    line-height: 1.3;
}

.je_analysis_text p {
    font-size: 1.1rem;
    line-height: 1.7;
    color: #666;
    font-family: 'Pretendard', sans-serif;
    font-weight: 400;
    letter-spacing: -0.3px;
}

/* Advanced TEM 반응형 디자인 */
@media (max-width: 1480px) {
    .je_analysis_section {
        margin-bottom: 100px;
    }

    .je_analysis_content {
        gap: 35px;
    }

    .je_analysis_item {
        padding: 35px;
        gap: 35px;
    }

    .je_analysis_icon {
        font-size: 3rem;
    }

    .je_analysis_text h5 {
        font-size: 1.3rem;
    }
}

@media (max-width: 1080px) {
    .je_analysis_section {
        margin-bottom: 80px;
    }

    .je_analysis_content {
        gap: 30px;
    }

    .je_analysis_item {
        padding: 30px;
        gap: 30px;
    }

    .je_analysis_icon {
        font-size: 2.8rem;
    }

    .je_analysis_text h5 {
        font-size: 1.25rem;
    }

    .je_analysis_text p {
        font-size: 1.05rem;
    }
}

@media (max-width: 768px) {
    .je_analysis_section {
        margin-bottom: 60px;
    }

    .je_analysis_content {
        gap: 25px;
    }

    .je_analysis_item {
        flex-direction: column;
        text-align: center;
        padding: 25px;
        gap: 20px;
    }

    .je_analysis_item:hover {
        transform: translateY(-6px);
    }

    .je_analysis_icon {
        font-size: 2.5rem;
    }

    .je_analysis_text h5 {
        font-size: 1.2rem;
        margin-bottom: 12px;
    }

    .je_analysis_text p {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .je_analysis_section {
        margin-bottom: 50px;
    }

    .je_analysis_content {
        gap: 20px;
    }

    .je_analysis_item {
        padding: 20px;
        gap: 15px;
        border-radius: 15px;
    }

    .je_analysis_item::before {
        width: 80px;
        height: 80px;
    }

    .je_analysis_icon {
        font-size: 2.2rem;
    }

    .je_analysis_text h5 {
        font-size: 1.1rem;
        margin-bottom: 10px;
    }

    .je_analysis_text p {
        font-size: 1rem;
        line-height: 1.6;
    }
}

/*---Page4_1 In Situ TEM 페이지 스타일---*/

/* 페이지 헤더 */
.je_page_header {
    text-align: center;
    margin-bottom: 80px;
    padding-bottom: 120px;
    border-bottom: 1px solid #ddd;
}

.je_main_title {
    font-size: 2.8rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
    font-family: 'Pretendard', sans-serif;
}

.je_subtitle {
    font-size: 1.3rem;
    color: #666;
    font-weight: 400;
    font-family: 'Pretendard', sans-serif;
}

/* Featured Research 섹션 */
.je_research_section {
    margin-bottom: 100px;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.je_research_item {
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #e8e8e8;
}

.je_research_item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.je_research_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start;
    margin-bottom: 25px;
}
	 ._column {
	flex-direction:column;
	    grid-template-columns: none;
				display: flex;
}
	._column2 {
	flex-direction:column-reverse ; !important
	    grid-template-columns: none;
		display: flex;
}

.je_research_item.je_research_reverse .je_research_content {
    order: 2;
}

.je_research_item.je_research_reverse .je_research_image {
    order: 1;
}

.je_research_content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.je_research_title {
    font-size: 1.325rem;
    font-weight: 700;
    color: #2c3e50;
    line-height: 1.5;
    margin-bottom: 0;
    font-family: 'Pretendard', sans-serif;
    word-break: keep-all;
}

.je_research_text {
    font-size: 1rem;
    line-height: 1.9;
    color: #555;
    font-family: 'Pretendard', sans-serif;
    letter-spacing: -0.5px;
}


.je_research_figure {
    margin-top: 0;
    margin-bottom: 20px;
    padding: 20px;
    background: #f8f9fa;
    border-left: 3px solid #b50b14;
}

.je_figure_caption {
    font-size: 0.9rem;
    line-height: 1.8;
    color: #666;
    font-family: 'Pretendard', sans-serif;
    letter-spacing: -0.3px;
    word-break: keep-all;
}

.je_figure_caption strong {
    color: #333;
    font-weight: 700;
}

.je_research_ref {
    font-size: 0.95rem;
    color: #555;
    font-weight: 500;
    margin-top: 0;
    font-family: 'Pretendard', sans-serif;
    font-style: italic;
}

.je_research_image {
    display: flex;
    align-items: center;
    justify-content: center;
	margin: 0 auto;
}

.je_research_image img {
    width: 100%;
    height: auto;
	max-width: 1080px;
}

/* Video Spotlight 섹션 */
.je_video_section {
    margin-bottom: 100px;
    padding: 80px 0;
    background-color: #f7f8f9;
}

.je_video_container {
    max-width: 1280px;
    margin: 0 auto;
	width: 92.5%;
}

.je_video_content {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 40px;
    align-items: start;
}

.je_video_content > iframe{width: 100%;height: 480px;}
.je_video_grid {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 30px;
    margin-bottom: 30px;
}
.je_video_grid > iframe{width: 100%;height: 480px;}
.je_video_player {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    background: #000;
    overflow: hidden;
    border: 1px solid #e0e0e0;
}

.je_video_player video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.je_video_image {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
    border: 1px solid #e0e0e0;
}

.je_video_image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
}

.je_video_description {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.je_video_description p {
    font-size: 1rem;
    line-height: 1.9;
    color: #555;
    font-family: 'Pretendard', sans-serif;
    letter-spacing: -0.3px;

}

.je_video_ref {
    font-size: 0.95rem;
    color: #555;
    font-weight: 500;
    margin-top: 0;
    font-family: 'Pretendard', sans-serif;
    font-style: italic;
}

/* Selected Publications 섹션 */
.je_publications_section {
    margin-bottom: 100px;
}

.je_publications_list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 1280px;
    margin: 0 auto;
}

.je_publication_item {
    background: #ffffff;
    padding: 20px 25px;
    border-left: 3px solid #b50b14;
    border-bottom: 1px solid #e8e8e8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.je_publication_content {
    padding-left: 0;
    flex: 1;
}

.je_abstract_btn {
    background: #555;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 0.9rem;
    font-weight: 500;
    font-family: 'Pretendard', sans-serif;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    transition: background-color 0.2s ease;
}

.je_abstract_btn:hover {
    background: #666;
}

.je_btn_icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.je_publication_text {
    font-size: 1rem;
    line-height: 1.8;
    color: #555;
    font-family: 'Pretendard', sans-serif;
    letter-spacing: -0.4px;
    word-break: keep-all;
}

.je_publication_text em {
    color: #666;
    font-weight: 500;
}

/* 반응형 디자인 - 1480px */
@media (max-width: 1480px) {
    .je_page_header {
        margin-bottom: 60px;
        padding-bottom: 30px;
    }

    .je_main_title {
        font-size: 2.4rem;
    }

    .je_subtitle {
        font-size: 1.2rem;
    }

    .je_research_section,
    .je_video_section,
    .je_publications_section {
        margin-bottom: 80px;
    }

    .je_research_item {
        margin-bottom: 50px;
        padding-bottom: 50px;
    }

    .je_research_grid {
        gap: 35px;
        margin-bottom: 22px;
    }
	._column2 {
		flex-direction: column-reverse;
		display: flex;
	}
    .je_research_title {
        font-size: 1.3rem;
    }

    .je_research_text {
        font-size: 0.98rem;
        line-height: 1.85;
        letter-spacing: -0.4px;
    }

    .je_research_figure {
        padding: 18px;
        margin-bottom: 18px;
    }

    .je_video_section {
        padding: 60px 0;
    }

    .je_video_content {
        gap: 35px;
		width: 92.5%;
		margin: 0 auto;		
    }

    .je_video_grid {
        gap: 25px;
        margin-bottom: 25px;
    }

    .je_video_description {
        gap: 18px;
    }

    .je_video_description p {
        font-size: 0.98rem;
        line-height: 1.85;
        letter-spacing: -0.4px;

    }

    .je_publications_list {
        gap: 12px;
    }

    .je_publication_item {
        padding: 18px 22px;
        flex-direction: row;
        align-items: center;
        gap: 18px;
    }

    .je_abstract_btn {
        padding: 7px 14px;
        font-size: 0.85rem;
    }

    .je_publication_text {
        font-size: 0.98rem;
        letter-spacing: -0.35px;

    }
}

/* 반응형 디자인 - 1080px */
@media (max-width: 1080px) {
    .je_page_header {
        margin-bottom: 50px;
        padding-bottom: 25px;
    }

    .je_main_title {
        font-size: 2rem;
    }

    .je_subtitle {
        font-size: 1.1rem;
    }

    .je_research_section,
    .je_video_section,
    .je_publications_section {
        margin-bottom: 70px;
    }

    .je_research_item {
        margin-bottom: 45px;
        padding-bottom: 45px;
    }
	._column2 {
		flex-direction: column;
		display: flex;
	}
    .je_research_grid {
        grid-template-columns: 1fr;
        gap: 30px;
        margin-bottom: 20px;
    }

    .je_research_item.je_research_reverse .je_research_content,
    .je_research_item.je_research_reverse .je_research_image {
        order: 0;
    }

    .je_research_title {
        font-size: 1.25rem;
    }

    .je_research_text {
        font-size: 0.95rem;
        line-height: 1.85;
        letter-spacing: -0.4px;
    }

    .je_research_figure {
        padding: 16px;
        margin-bottom: 16px;
    }

    .je_video_section {
        padding: 50px 0;
    }

    .je_video_content {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .je_video_description {
        gap: 16px;
    }

    .je_video_description p {
        font-size: 0.95rem;
        line-height: 1.85;
        letter-spacing: -0.4px;

    }

    .je_publications_list {
        gap: 10px;
    }

    .je_publication_item {
        padding: 16px 20px;
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
    }

    .je_publication_content {
        flex: none;
    }

    .je_abstract_btn {
        align-self: flex-end;
        padding: 6px 12px;
        font-size: 0.8rem;
    }

    .je_publication_text {
        font-size: 0.95rem;
        letter-spacing: -0.35px;
    }
}

/* 반응형 디자인 - 768px */
@media (max-width: 768px) {
    .je_page_header {
        margin-bottom: 40px;
        padding-bottom: 20px;
    }

    .je_main_title {
        font-size: 1.7rem;
    }

    .je_subtitle {
        font-size: 1rem;
    }

    .je_research_section,
    .je_video_section,
    .je_publications_section {
        margin-bottom: 60px;
    }
	._column2 {
		flex-direction: column;
		display: flex;
	}
    .je_research_item {
        margin-bottom: 40px;
        padding-bottom: 40px;
    }

    .je_research_grid {
        gap: 25px;
        margin-bottom: 18px;
    }

    .je_research_content {
        gap: 18px;
    }

    .je_research_title {
        font-size: 1.2rem;
		text-align: center;
    }

    .je_research_text {
        font-size: 0.93rem;
        line-height: 1.8;
        letter-spacing: -0.35px;
		text-align: center;
    }

    .je_research_figure {
        padding: 14px;
        margin-bottom: 14px;
    }

    .je_figure_caption {
        font-size: 0.88rem;
        line-height: 1.75;
        letter-spacing: -0.25px;
    }

    .je_video_section {
        padding: 40px 0;
    }

    .je_video_content {
        gap: 25px;
    }

    .je_video_grid {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 20px;
    }

    .je_video_description {
        gap: 14px;
    }

    .je_video_description p {
        font-size: 0.93rem;
        line-height: 1.8;
        letter-spacing: -0.35px;
    }

    .je_publications_list {
        gap: 10px;
    }

    .je_publication_item {
        padding: 15px 18px;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .je_publication_content {
        flex: none;
    }

    .je_abstract_btn {
        align-self: flex-end;
        padding: 6px 12px;
        font-size: 0.8rem;
    }

    .je_publication_text {
        font-size: 0.93rem;
        letter-spacing: -0.3px;
    }
	  .com_table tr td {font-size: 1rem;}
}

/* 반응형 디자인 - 480px */
@media (max-width: 480px) {
    .je_page_header {
        margin-bottom: 30px;
        padding-bottom: 15px;
    }

    .je_main_title {
        font-size: 1.4rem;
    }

    .je_subtitle {
        font-size: 1rem;
    }

    .je_research_section,
    .je_video_section,
    .je_publications_section {
        margin-bottom: 50px;
    }

    .je_research_item {
        margin-bottom: 35px;
        padding-bottom: 35px;
    }

    .je_research_grid {
        gap: 20px;
        margin-bottom: 16px;
    }
	._column2 {
		flex-direction: column;
		display: flex;
	}
    .je_research_content {
        gap: 16px;
    }

    .je_research_title {
        font-size: 1.15rem;
        line-height: 1.45;
    }

    .je_research_text {
        font-size: 0.93rem;
        line-height: 1.75;
        letter-spacing: -0.3px;
    }

    .je_research_figure {
        padding: 12px;
        margin-bottom: 12px;
    }

    .je_figure_caption {
        font-size: 0.88rem;
        line-height: 1.7;
        letter-spacing: -0.25px;
    }

    .je_research_ref {
        font-size: 0.93rem;
    }

    .je_video_section {
        padding: 35px 0;
    }

    .je_video_content {
        gap: 22px;
    }

    .je_video_description {
        gap: 12px;
    }

    .je_video_description p {
        font-size: 0.93rem;
        line-height: 1.75;
        letter-spacing: -0.3px;
    }

    .je_video_ref {
        font-size: 0.93rem;
    }

    .je_publications_list {
        gap: 8px;
    }

    .je_publication_item {
        padding: 13px 15px;
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .je_publication_content {
        flex: none;
    }

    .je_abstract_btn {
        align-self: flex-end;
        padding: 5px 10px;
        font-size: 0.75rem;
    }

    .je_btn_icon {
        width: 14px;
        height: 14px;
    }

    .je_publication_text {
        font-size: 0.93rem;
        line-height: 1.75;
        letter-spacing: -0.25px;
    }
}

.je_equipment_info > ul {list-style:disc;margin-left: 20px;}
.sj_text_content >ul {list-style:disc;margin-left: 20px;