@charset "utf-8";
/* CSS Document */

body,td,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button{
	margin:0;padding:0; font-size:14px; font-weight:400; letter-spacing:-0.02em;}
body{padding-top:50px; padding-bottom:0px;}
ul,ol,li{margin:0;padding:0;list-style:none;}	
html {overflow-y:scroll}
	*, :after, :before { text-decoration-line:none; -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box; }



/*표입력 시작*/
/* 기본 리셋 및 컨테이너 */
        .ssugun01-container {
            max-width: 1410px;
            margin: 0 auto;
        }

        /* 제목 영역 */
        .ssugun01-title {
            color: #7cb342;
            font-size: 2em;
            font-weight: bold;
            margin-bottom: 20px;
            /* 수정 가능: 제목 색상, 크기 조정 */
        }

        .ssugun01-subtitle {
            color: #333;
            font-size: 2em;
            font-weight: bold;
            margin-bottom: 15px;
            border-left: 6px solid #6fa032;
            padding-left: 12px;
			margin-top: 80px;
            /* 수정 가능: 빨간 라인 색상 변경 */
        }

        /* 설명 텍스트 */
        .ssugun01-description {
            color: #333;
            font-size: 14px;
            line-height: 1.6;
            margin-bottom: 30px;
            /* 수정 가능: 텍스트 크기, 줄높이 조정 */
        }

        .ssugun01-description ul {
            margin: 10px 0;
            padding-left: 20px;
        }

        .ssugun01-description li {
            list-style-type: disc;
            margin-bottom: 8px;
			font-size:1.45em;
        }

        /* 이미지 영역 */
        .ssugun01-image-wrapper {
            display: flex;
            justify-content: center;
            gap: 30px;
            margin-bottom: 30px;
            flex-wrap: wrap;
            /* 수정 가능: 이미지 간격 조정, 배치 변경 */
        }

        .ssugun01-image-box {
            text-align: center;
            flex: 1;
            min-width: 250px;
            /* 수정 가능: 최소 너비 조정 */
        }

        .ssugun01-image-box img {
            max-width: 100%;
            height: auto;
            display: block;
        }

        /* 테이블 영역 */
        .ssugun01-table-wrapper {
            overflow-x: auto;
            margin-bottom: 20px;
            /* 수정 가능: 마진 조정 */
        }

        .ssugun01-table {
            width: 100%;
            border-collapse: collapse;
            background-color: #fff;
            /* 수정 가능: 테이블 배경색 변경 */
        }

        .ssugun01-table th,
        .ssugun01-table td {
            padding: 20px 15px;
            text-align: center;
            border-bottom: 1px solid #ddd;
            font-size: 1.3em;
            /* 수정 가능: 패딩, 폰트 사이즈 조정 */
        }

        /* 테이블 헤더 - 첫 번째 행 (Units) */
        .ssugun01-table thead tr:first-child th {
            background-color: #f5f5f5;
            border-top: 2px solid #ddd;
            border-bottom: 2px solid #ddd;
            color: #333;
            font-weight: 600;
            /* 수정 가능: 헤더 배경색, 글씨색 변경 */
        }

        /* 테이블 헤더 - 두 번째 행 (항목명) */
        .ssugun01-table tbody tr:first-child td {
            background-color: #fff;
            border-top: 2px solid #ddd;
        }

        /* 테이블 "Electric conductivity" 강조 행 */
        .ssugun01-table .ssugun01-highlight-row {
            background-color: #7cb342;
            color: #fff;
            font-weight: bold;
            /* 수정 가능: 강조 행 배경색 변경 */
        }

        .ssugun01-table .ssugun01-highlight-row td {
            color: #fff;
            border-bottom: 1px solid #6fa032;
        }

        /* 테이블 body 행 - 짝수/홀수 번갈아 배경 */
        .ssugun01-table tbody tr:nth-child(odd):not(.ssugun01-highlight-row) {
            background-color: #f9f9f9;
            /* 수정 가능: 홀수 행 배경색 변경 */
        }

        .ssugun01-table tbody tr:hover:not(.ssugun01-highlight-row) {
            background-color: #f0f0f0;
            /* 수정 가능: 호버 시 배경색 변경 */
        }

        /* 테이블 마지막 행 */
        .ssugun01-table tbody tr:last-child td {
            border-bottom: 2px solid #ddd;
        }

        /* 반응형 디자인 */
        @media (max-width: 768px) {
            .ssugun01-container {
                padding: 15px;
            }

            .ssugun01-title {
                font-size: 24px;
                margin-bottom: 15px;
            }

            .ssugun01-subtitle {
                font-size: 18px;
                margin-bottom: 12px;
            }

            .ssugun01-description {
                font-size: 13px;
                margin-bottom: 20px;
            }

            .ssugun01-image-wrapper {
                gap: 20px;
                margin-bottom: 20px;
            }

            .ssugun01-image-box {
                min-width: 150px;
                flex: 0 1 calc(50% - 10px);
            }

            .ssugun01-table th,
            .ssugun01-table td {
                padding: 12px 8px;
                font-size: 12px;
            }
        }

        @media (max-width: 480px) {
            .ssugun01-container {
                padding: 10px;
            }

            .ssugun01-title {
                font-size: 20px;
                margin-bottom: 12px;
            }

            .ssugun01-subtitle {
                font-size: 16px;
                margin-bottom: 10px;
                padding-left: 10px;
            }

            .ssugun01-description {
                font-size: 12px;
                margin-bottom: 15px;
            }

            .ssugun01-image-wrapper {
                gap: 15px;
                margin-bottom: 15px;
            }

            .ssugun01-image-box {
                min-width: 100%;
                flex: 1 1 100%;
            }

            .ssugun01-table th,
            .ssugun01-table td {
                padding: 10px 6px;
                font-size: 11px;
            }

            .ssugun01-table-wrapper {
                margin: -10px;
                padding: 10px;
            }
        }
/*표입력 끝*/
        


 #business_info {}


    #business_info .con_wrap {
        display: flex;
        gap: 1px;
    }




    #business_info .con_wrap figure {
        position: relative;
        flex: 1;
        height: 50rem;
        background: #333;
        overflow: hidden;
        transition: 0.5s;

        user-select: none;
    }

    #business_info .con_wrap figure.on {
        flex: 3;
    }

    /* #business_info .con_wrap figure:hover {
        flex: 3;
    } */

    #business_info .con_wrap .itm01 {
        background: url(../images/_p01.jpg) no-repeat center center/cover;
    }

    #business_info .con_wrap .itm02 {
        background: url(../images/_p02.jpg) no-repeat center center/cover;
    }

    #business_info .con_wrap .itm03 {
        background: url(../images/_p03.jpg) no-repeat center center/cover;
    }

    #business_info .con_wrap .itm04 {
        background: url(../images/_p04.jpg) no-repeat center center/cover;
    }


    #business_info .con_wrap figure .over {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        padding: 8rem 4rem;
        color: #fff;

        display: flex;
        flex-direction: column;

        opacity: 0;

        transition: 0.5s;

    }

    /* #business_info .con_wrap figure:hover .over {
        opacity: 1;
    } */

    #business_info .con_wrap figure.on .over {
        opacity: 1;
    }

    #business_info .con_wrap .over strong {
        padding-bottom: 2.4rem;
        font-size: 3.2rem;
        font-weight: 600;
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    }

    #business_info .con_wrap .over p {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem;
        word-break: keep-all;
        /* white-space: nowrap; */
    }

    #business_info .con_wrap .over a {
        align-self: flex-start;
    }


    #business_info .bottom {
        display: flex;
        gap: 4rem;
        margin-top: 8rem;
    }

    #business_info .bottom>* {
        flex: 1;
    }

    #business_info .bottom .tit {
        position: relative;
    }


    #business_info .bottom .tit strong {
        display: block;
        font-size: 3.2rem;
        font-weight: 600;
        margin-bottom: 1.6rem;
    }


    @media (max-width: 768px) {
        #business_info .con_wrap {

            flex-direction: column;

        }

        #business_info .con_wrap figure {
            flex: none;
            transition: none;

            height: 32rem;
        }

        #business_info .con_wrap figure.on {
            flex: none;
        }

        #business_info .con_wrap figure .over {
            padding: 4rem 2.4rem;
            opacity: 0;
        }

        #business_info .con_wrap .over strong {
            padding-bottom: 1.6rem;
            font-size: 2.4rem;
            font-weight: 700;
            border-bottom: 1px solid rgba(255, 255, 255, 0.25);
        }

        #business_info .con_wrap .over p {
            margin-top: 1.6rem;
            margin-bottom: 1.6rem;
            word-break: keep-all;
        }

        #business_info .bottom {
            flex-direction: column;
        }


    }


.fc_ver3_pointer {color:#C53428; }
.daon_content_wrap{width:100%; min-width:320px; max-width:1500px; margin:0 auto;}

.daon_ver3_page_title{width:100%; text-align:center; margin-bottom:70px;}
.daon_ver3_page_title h1{width:100%; font-size:2.5em; font-weight:600;}
.daon_ver3_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
.daon_ver3_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; }

.daon_ver3_sub_type14 {width:100%; max-width:1500px; margin:0 auto;}
.daon_ver3_sub_type14:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type14 h2.tit1 { position:relative; margin:50px 0 20px 0; padding-left:15px; font-size:2em; color:#222; font-weight:700; }
.daon_ver3_sub_type14 h2.tit1:before { content: ""; position: absolute; left: 0; top:4px; width: 5px; height:20px; background: #6fa032;}
.daon_ver3_sub_type14 h4.tit2 { display:block; margin-top:15px; font-size:1.5em; color:#222; font-weight:500; }
.daon_ver3_sub_type14 h4.tit2 strong { color: #6fa032; }
.daon_ver3_sub_type14 p.tit_desc { margin:10px 0 30px 0; font-size:1.15em; color:#222; letter-spacing:-0.025em; line-height:1.6em; word-break:keep-all;}
.daon_ver3_sub_type14 .type14-1 { width:100%;}
.daon_ver3_sub_type14 .type14-1 .con_box { display:flex; align-items: center; width:100%; }
.daon_ver3_sub_type14 .type14-1 .con_box:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type14 .type14-1 .img_box {position:relative; width:50%;  } 
.daon_ver3_sub_type14 .type14-1 .img_box img {max-width:100%; transition:0.3s all ease; border-radius:10px;}
.daon_ver3_sub_type14 .type14-1 .txt_box {position:relative; width:50%; padding:0 0 0 80px; overflow:hidden;  } 
.daon_ver3_sub_type14 .type14-1 .txt_box:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type14 .type14-1 .txt_box h2.chk_tit {display:block; font-size:2.85em; color:#000; line-height:1.2em; font-weight:700;}
.daon_ver3_sub_type14 .type14-1 .txt_box p.chk_tit_desc {display:block; margin-top:20px; font-size:1.5em; color:#000; line-height:1.6em;  font-weight:400;}
.daon_ver3_sub_type14 .type14-1 .txt_box ul.chk_txt { width:100%; margin-top:30px; padding-top:20px; border-top:1px solid #222 }
.daon_ver3_sub_type14 .type14-1 .txt_box ul.chk_txt:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type14 .type14-1 .txt_box ul.chk_txt li {position:relative; float:left; width:100%; margin-bottom:10px; padding-left: 30px; padding-right:15px; font-size: 1.25em; color: #666; line-height: 1.6em;  transition:0.3s all ease;}
.daon_ver3_sub_type14 .type14-1 .txt_box ul.chk_txt li:before { display:block; content:"\f058"; position:absolute; left:0; top:2px; padding-left:1px; color:#6fa032; font-weight:200; font-family: "Font Awesome 6 Free";}
.daon_ver3_sub_type14 .type14-1 .txt_box .ex_txts {width:100%; margin-top:30px; padding:25px; background-color:#f8f8f8; border:1px solid #eee; border-radius:10px;}
.daon_ver3_sub_type14 .type14-1 .txt_box .ex_txts h4.ex_tit {display:block; font-size:1.5em; color:#000; line-height:1.2em; font-weight:700;}
.daon_ver3_sub_type14 .type14-1 .txt_box .ex_txts p {display:block; margin-top:15px; font-size:1.3em; color:#666; line-height:1.6em; word-break: keep-all;}
	
.daon_ver3_sub_type14 .type14-1 .txt_box2 {position:relative; width:80%; padding:0 80 0 0px; overflow:hidden;  } 
.daon_ver3_sub_type14 .type14-1 .txt_box2:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type14 .type14-1 .txt_box2 h2.chk_tit {display:block; font-size:2.85em; color:#000; line-height:1.2em; font-weight:700;}
.daon_ver3_sub_type14 .type14-1 .txt_box2 p.chk_tit_desc {display:block; margin-top:20px; font-size:1.5em; color:#000; line-height:1.6em;  font-weight:400;}
.daon_ver3_sub_type14 .type14-1 .txt_box2 ul.chk_txt { width:100%; margin-top:30px; padding-top:20px; border-top:1px solid #222 }
.daon_ver3_sub_type14 .type14-1 .txt_box2 ul.chk_txt:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type14 .type14-1 .txt_box2 ul.chk_txt li {position:relative; float:left; width:100%; margin-bottom:10px; padding-left: 30px; padding-right:15px; font-size: 1.25em; color: #666; line-height: 1.6em;  transition:0.3s all ease;}
.daon_ver3_sub_type14 .type14-1 .txt_box2 ul.chk_txt li:before { display:block; content:"\f058"; position:absolute; left:0; top:2px; padding-left:1px; color:#6fa032; font-weight:200; font-family: "Font Awesome 6 Free";}
.daon_ver3_sub_type14 .type14-1 .txt_box2 .ex_txts {width:100%; margin-top:30px; padding:25px; background-color:#f8f8f8; border:1px solid #eee; border-radius:10px;}
.daon_ver3_sub_type14 .type14-1 .txt_box2 .ex_txts h4.ex_tit {display:block; font-size:1.5em; color:#000; line-height:1.2em; font-weight:700;}
.daon_ver3_sub_type14 .type14-1 .txt_box2 .ex_txts p {display:block; margin-top:15px; font-size:1.3em; color:#666; line-height:1.6em; word-break: keep-all;}

.daon_ver3_sub_type14 .type14-2 {width:100%; margin-top:100px;}
.daon_ver3_sub_type14 .type14-2 table.tbl_pro01{ width:100%; border-top:2px solid #1a355c; border-collapse:separate; border-spacing:0; }
.daon_ver3_sub_type14 .type14-2 table.tbl_pro01 tr {width:100%;}
.daon_ver3_sub_type14 .type14-2 table.tbl_pro01 tr th{padding:10px 20px; color:#000; font-weight:500; font-size:1.3em; line-height: 1.6em; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#f8f8f8; }
.daon_ver3_sub_type14 .type14-2 table.tbl_pro01 tr td{padding:10px 20px; color:#666; font-size:1.3em; line-height: 1.6em; text-align: left; border-bottom:1px solid #ddd; }
.daon_ver3_sub_type14 .type14-2 ul.feature_img {display:flex; align-items: center; justify-content: space-between; width:100%; margin-top:30px; padding:0; }
.daon_ver3_sub_type14 .type14-2 ul.feature_img li {display:flex; align-items: center; flex-direction: column; width:24.5%; padding:10px; border:1px solid #ddd;  border-radius:10px;height: 270px;}

.daon_ver3_sub_type14 .type14-2 ul.feature_img li .imgs {width:100%; text-align:center;}

.daon_ver3_sub_type14 .type14-2 ul.feature_img li .imgs img {max-width:30%; border-radius:10px; text-align:center;}
.daon_ver3_sub_type14 .type14-2 ul.feature_img li .txts {display:block; padding:15px; font-size:1.25em; line-height:1.3em; }

.daon_ver3_sub_type14 .type14-2 ul.feature_img li .txts .fz20 {display:block;font-size:1.45em; line-height:1em;font-weight: 600; }


.daon_ver3_sub_type14 .type14-2 ul.dot-list li{  position:relative;  font-size:1.45em; color:#333; letter-spacing:-0.02em; padding-left:15px;}
.daon_ver3_sub_type14 .type14-2 ul.dot-list li::before{  position:absolute; top:12px; left:0; content:""; width:4px; height:4px; background-color:#333; border-radius:50%; }
.daon_ver3_sub_type14 .type14-2 ul.dot-list li:not(:last-of-type){ margin-bottom:10px; }

.daon_ver3_sub_type14 a.btn_view {display:block; margin:50px auto 0; width:180px; padding:15px 30px; font-size:1.45em; line-height:1.4em; text-align:center; color:#fff; background-color:#333; transition: .3s; border-radius:10px;} 
.daon_ver3_sub_type14 a.btn_view:hover {background-color:#6fa032; }

@media all and (max-width:1500px){
	.daon_ver3_sub_type14 {padding:0 4%;}
}

@media all and (max-width:992px){		
	.daon_ver3_page_title{margin-bottom:50px;}	
	.daon_ver3_page_title h1{font-size:1.85em;}
	.daon_ver3_page_title h2{font-size:1.3em;}

	.daon_ver3_sub_type14 .type14-1 .con_box {flex-direction: column;}	
	.daon_ver3_sub_type14 .type14-1 .img_box {width:100%; }
	.daon_ver3_sub_type14 .type14-1 .img_box img {width:100%;}
	.daon_ver3_sub_type14 .type14-1 .txt_box {width:100%; margin-top:30px; padding:0;}
	.daon_ver3_sub_type14 .type14-1 .txt_box h2.chk_tit { font-size:2em;}
	.daon_ver3_sub_type14 .type14-1 .txt_box p.chk_tit_desc {font-size:1.45em; }
	
	.daon_ver3_sub_type14 .type14-1 .txt_box2 {width:100%; margin-top:30px; padding:0;}
	.daon_ver3_sub_type14 .type14-1 .txt_box2 h2.chk_tit { font-size:2em;}
	.daon_ver3_sub_type14 .type14-1 .txt_box2 p.chk_tit_desc {font-size:1.45em; }
}

@media screen and (max-width:768px){		
	.daon_ver3_page_title{margin-bottom:40px;}
	.daon_ver3_page_title h1{font-size:1.85em;}
	.daon_ver3_page_title h2{font-size:1.3em;}

	.daon_ver3_sub_type14 h2.tit1 { font-size:1.5em;}
	.daon_ver3_sub_type14 h2.tit1:before { top:7px; width: 4px; }
	
	.daon_ver3_sub_type14 .type14-1 .txt_box ul.chk_txt li {width:100%; font-size: 1.15em; }

	.daon_ver3_sub_type14 .type14-2 {margin-top:40px;}
	.daon_ver3_sub_type14 .type14-2 ul.feature_img {flex-direction: column;}
	.daon_ver3_sub_type14 .type14-2 ul.feature_img li {width:100%; margin-bottom:40px;}
	.daon_ver3_sub_type14 .type14-2 ul.feature_img li .txts {font-size:1.3em; }
	.daon_ver3_sub_type14 .type14-2 ul.dot-list li {font-size:1.3em; }
	.daon_ver3_sub_type14 .type14-2 table.tbl_pro01 tr th{padding:10px; font-size:0.95em;}
	.daon_ver3_sub_type14 .type14-2 table.tbl_pro01 tr td{padding:10px; font-size:0.95em;}
}
/*  여기까지 코드를 복사하여 공통 css파일 최하단에 추가합니다. */
	/* busi_area 관련 스타일 - 5개 레이아웃으로 수정 */
        .daon_ver2_sub_type13 .busi_all{width:100%;max-width:1500px;margin:0 auto;}
        .daon_ver2_sub_type13 .busi_area{position:relative;width:100%;max-width:1500px;margin:50px auto 0;text-align:center;}
        .daon_ver2_sub_type13 .busi_area:after{content:"";display:block;clear:both;}
        .daon_ver2_sub_type13 .busi_area ul{width:100%;margin:0;padding:0;font-size:0;}
        .daon_ver2_sub_type13 .busi_area ul li{position:relative;float:left;width:18.8%;height:420px;min-height:330px;margin-right:1.5%;text-align:left;transition:0.3s all ease;border-radius:10px;}
        .daon_ver2_sub_type13 .busi_area ul li img{width:100%;height:auto;border-radius:10px;border-bottom-right-radius:0;border-bottom-left-radius:0;}
        .daon_ver2_sub_type13 .busi_area ul li a{display:block;padding:40px 25px;text-decoration:none;transition:0.3s all ease;}
        .daon_ver2_sub_type13 .busi_area ul li:hover{border-radius:10px;overflow:hidden;transition:0.3s all ease;margin-top:-10px;}
        .daon_ver2_sub_type13 .busi_area ul li:last-child{margin-right:0;}
        
        /* 배경색 스타일 - 5번째 추가 */
        .daon_ver2_sub_type13 .busi_area ul li.bg1{background-color:#f8f8f8;border-bottom:5px solid #39c3d3;}
        .daon_ver2_sub_type13 .busi_area ul li.bg1 em{color:#39c3d3;}	
        .daon_ver2_sub_type13 .busi_area ul li:hover.bg1{background-color:#39c3d3;}
        .daon_ver2_sub_type13 .busi_area ul li.bg2{background-color:#f8f8f8;border-bottom:5px solid #57a0e9;}
        .daon_ver2_sub_type13 .busi_area ul li.bg2 em{color:#57a0e9;}	
        .daon_ver2_sub_type13 .busi_area ul li:hover.bg2{background-color:#57a0e9;}
        .daon_ver2_sub_type13 .busi_area ul li.bg3{background-color:#f8f8f8;border-bottom:5px solid #7774dc;}
        .daon_ver2_sub_type13 .busi_area ul li.bg3 em{color:#7774dc;}	
        .daon_ver2_sub_type13 .busi_area ul li:hover.bg3{background-color:#7774dc;}
        .daon_ver2_sub_type13 .busi_area ul li.bg4{background-color:#f8f8f8;border-bottom:5px solid #0968C6;}
        .daon_ver2_sub_type13 .busi_area ul li.bg4 em{color:#0968C6;}	
        .daon_ver2_sub_type13 .busi_area ul li:hover.bg4{background-color:#0968C6;}
        .daon_ver2_sub_type13 .busi_area ul li.bg5{background-color:#f8f8f8;border-bottom:5px solid #ff6b6b;}
        .daon_ver2_sub_type13 .busi_area ul li.bg5 em{color:#ff6b6b;}	
        .daon_ver2_sub_type13 .busi_area ul li:hover.bg5{background-color:#ff6b6b;}
        
        /* 텍스트 요소 스타일 */
        .daon_ver2_sub_type13 .busi_area ul li em{position:relative;display:inline-block;padding-bottom:20px;font-size:2em;font-weight:700;font-style:normal;}
        .daon_ver2_sub_type13 .busi_area ul li em:after{content:'';position:absolute;left:0;bottom:0;width:30px;height:1px;background-color:#000;transition:0.3s all ease;}
        .daon_ver2_sub_type13 .busi_area ul li:hover em{display:block;}
        .daon_ver2_sub_type13 .busi_area ul li:hover em:after{width:100%;}
        .daon_ver2_sub_type13 .busi_area ul li strong{font-weight: 700; display:block;font-size:1.75em;color:#000;line-height:1.2em;margin-top:30px;}
        .daon_ver2_sub_type13 .busi_area ul li dl{width:100%;margin-top:30px;transition:0.3s all ease;}
        .daon_ver2_sub_type13 .busi_area ul li dl dd{position:relative;font-size:1.3em;color:#666;margin-top:5px;text-align:left;line-height: 140%;}
        .daon_ver2_sub_type13 .busi_area ul li span.btn_view{opacity:0;position:absolute;bottom:0;right:25px;display:block;text-align:left;color:#fff;transition:0.3s all ease;}
        .daon_ver2_sub_type13 .busi_area ul li:hover span.btn_view{opacity:1;bottom:30px;transition:0.3s all ease;}
        
        /* 호버 효과 */
        .daon_ver2_sub_type13 .busi_area ul li:hover.hover_type em{color:#fff;}
        .daon_ver2_sub_type13 .busi_area ul li:hover.hover_type em:after{background-color:#fff;}
        .daon_ver2_sub_type13 .busi_area ul li:hover.hover_type strong{color:#fff;}
        .daon_ver2_sub_type13 .busi_area ul li:hover.hover_type dl dd{color:rgba(255,255,255,.6);}
        
        /* 반응형 - 5개 레이아웃 */
        @media all and (max-width:1400px){
            /* 3개씩 배치 */
            .daon_ver2_sub_type13 .busi_area{padding:0 4%;}
            .daon_ver2_sub_type13 .busi_area ul li{width:32%;margin-right:2%;margin-bottom:2%;}
            .daon_ver2_sub_type13 .busi_area ul li:nth-child(3n){margin-right:0;}
        }
        
        @media all and (max-width:1024px){
            /* 2개씩 배치 */
            .daon_ver2_sub_type13 .busi_area ul li{width:49%;margin-bottom:2%;}
            .daon_ver2_sub_type13 .busi_area ul li:nth-child(3n){margin-right:2%;}
            .daon_ver2_sub_type13 .busi_area ul li:nth-child(even){margin-right:0;}
            .daon_ver2_sub_type13 .busi_area ul li{min-height:570px;}
        }
        
        @media all and (max-width:860px){
            .daon_ver2_sub_type13 .busi_area ul li{min-height:490px;}
        }
        
        @media all and (max-width:640px){
            .daon_ver2_sub_type13 .busi_area ul li:hover{margin-top:0;}		
            .daon_ver2_sub_type13 .busi_area ul li{min-height:470px;}
            .daon_ver2_sub_type13 .busi_area ul li strong{font-size:1.3em;}
            .daon_ver2_sub_type13 .busi_area ul li a{padding:30px 20px;}
        }
        
        @media all and (max-width:480px){	
            /* 1개씩 배치 */
            .daon_ver2_sub_type13 .busi_area ul li{width:100%;height:500px;min-height:auto;margin-bottom:15px;margin-right:0;}
            .daon_ver2_sub_type13 .busi_area ul li:nth-child(3n){margin-right:0;}
            .daon_ver2_sub_type13 .busi_area ul li:nth-child(even){margin-right:0;}
            .daon_ver2_sub_type13 .busi_area ul li span.btn_view{opacity:1;bottom:30px;color:#000;}
            .daon_ver2_sub_type13 .busi_area ul li:hover span.btn_view{right:15px;color:#fff;}
        }

/*High-Temperature durable Bipolar plate*/
/* 기본 리셋 및 컨테이너 */
        .ssugun02-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
            font-family: Arial, sans-serif;
        }

        /* 제목 영역 */
        .ssugun02-title {
            color: #444;
            font-size: 28px;
            font-weight: bold;
            margin-bottom: 20px;
            /* 수정 가능: 제목 색상, 크기 조정 */
        }

        .ssugun02-subtitle {
            color: #333;
            font-size: 22px;
            font-weight: bold;
            margin-bottom: 15px;
            border-left: 4px solid #d84444;
            padding-left: 12px;
            /* 수정 가능: 빨간 라인 색상 변경 */
        }

        /* 설명 텍스트 */
        .ssugun02-description {
            color: #333;
            font-size: 14px;
            line-height: 1.6;
            margin-bottom: 30px;
            /* 수정 가능: 텍스트 크기, 줄높이 조정 */
        }

        .ssugun02-description ul {
            margin: 10px 0;
            padding-left: 20px;
        }

        .ssugun02-description li {
            list-style-type: disc;
            margin-bottom: 8px;
        }

        /* 강조 텍스트 */
        .ssugun02-description li strong {
            color: #d84444;
            font-weight: bold;
            /* 수정 가능: 강조 색상 변경 */
        }

        /* 이미지 영역 */
        .ssugun02-image-wrapper {
            display: flex;
            justify-content: center;
            gap: 30px;
            margin-bottom: 30px;
            flex-wrap: wrap;
            /* 수정 가능: 이미지 간격 조정, 배치 변경 */
        }

        .ssugun02-image-box {
            text-align: center;
            flex: 1;
            min-width: 250px;
            /* 수정 가능: 최소 너비 조정 */
        }

        .ssugun02-image-box img {
            max-width: 100%;
            height: auto;
            display: block;
        }

        /* 테이블 섹션 타이틀 */
        .ssugun02-table-title {
            color: #666;
            font-size: 12px;
            font-weight: bold;
            margin-bottom: 15px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            /* 수정 가능: 제목 스타일 조정 */
        }

        /* 테이블 영역 */
        .ssugun02-table-wrapper {
            overflow-x: auto;
            margin-bottom: 20px;
            /* 수정 가능: 마진 조정 */
        }

        .ssugun02-table {
            width: 100%;
            border-collapse: collapse;
            background-color: #fff;
            /* 수정 가능: 테이블 배경색 변경 */
        }

        .ssugun02-table th,
        .ssugun02-table td {
            padding: 15px;
            text-align: left;
            border-bottom: 1px solid #ddd;
            font-size: 1.2em;
			text-align: center;
            /* 수정 가능: 패딩, 폰트 사이즈 조정 */
        }

        /* 테이블 헤더 - 첫 번째 행 (Units) */
        .ssugun02-table thead tr:first-child th {
            background-color: #f5f5f5;
            border-top: 2px solid #ddd;
            border-bottom: 2px solid #7cb342;
            color: #333;
            font-weight: 600;
			text-align: center;
            /* 수정 가능: 헤더 배경색, 글씨색 변경 */
        }

        /* 테이블 바디 - 첫 번째 열 (PRODUCT SPECIFICATION) */
        .ssugun02-table tbody td:first-child {
            font-weight: 500;
        }

        /* 테이블 "Operating temperature" 강조 행 */
        .ssugun02-table .ssugun02-highlight-row {
            background-color: #7cb342;
            color: #fff;
            font-weight: bold;
            /* 수정 가능: 강조 행 배경색 변경 */
        }

        .ssugun02-table .ssugun02-highlight-row td {
            color: #fff;
            border-bottom: 1px solid #6fa032;
        }

        /* 테이블 body 행 - 짝수/홀수 번갈아 배경 */
        .ssugun02-table tbody tr:nth-child(odd):not(.ssugun02-highlight-row) {
            /*  background-color: #f9f9f9;
           수정 가능: 홀수 행 배경색 변경 */
        }

        .ssugun02-table tbody tr:nth-child(even):not(.ssugun02-highlight-row) {
           background-color: #f9f9f9;
		   /* background-color: #f5f5f5;
            수정 가능: 짝수 행 배경색 변경 */
        }

        .ssugun02-table tbody tr:hover:not(.ssugun02-highlight-row) {
            background-color: #f0f0f0;
            /* 수정 가능: 호버 시 배경색 변경 */
        }

        /* 테이블 마지막 행 */
        .ssugun02-table tbody tr:last-child td {
            border-bottom: 2px solid #7cb342;
        }

        /* 반응형 디자인 */
        @media (max-width: 768px) {
            .ssugun02-container {
                padding: 15px;
            }

            .ssugun02-title {
                font-size: 24px;
                margin-bottom: 15px;
            }

            .ssugun02-subtitle {
                font-size: 18px;
                margin-bottom: 12px;
            }

            .ssugun02-description {
                font-size: 13px;
                margin-bottom: 20px;
            }

            .ssugun02-image-wrapper {
                gap: 20px;
                margin-bottom: 20px;
            }

            .ssugun02-image-box {
                min-width: 150px;
                flex: 0 1 calc(50% - 10px);
            }

            .ssugun02-table th,
            .ssugun02-table td {
                padding: 12px 8px;
                font-size: 1.1em;
            }

            .ssugun02-table-title {
                font-size: 11px;
            }
        }

        @media (max-width: 480px) {
            .ssugun02-container {
                padding: 10px;
            }

            .ssugun02-title {
                font-size: 20px;
                margin-bottom: 12px;
            }

            .ssugun02-subtitle {
                font-size: 16px;
                margin-bottom: 10px;
                padding-left: 10px;
            }

            .ssugun02-description {
                font-size: 12px;
                margin-bottom: 15px;
            }

            .ssugun02-image-wrapper {
                gap: 15px;
                margin-bottom: 15px;
            }

            .ssugun02-image-box {
                min-width: 100%;
                flex: 1 1 100%;
            }

            .ssugun02-table th,
            .ssugun02-table td {
                padding: 10px 6px;
                font-size: 1em;
            }

            .ssugun02-table-wrapper {
                margin: -10px;
                padding: 10px;
            }

            .ssugun02-table-title {
                font-size: 10px;
            }
        }


		/**/
		/* 기본 컨테이너 */
        .ssugun03-wrapper {
            max-width: 1410px;
            margin: 0 auto;
            font-family: Arial, sans-serif;
            background-color: #fff;
        }

        /* ========== 각 섹션 스타일 ========== */

        /* 섹션 제목 */
        .ssugun03-section-title {
            color: #333;
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 3px solid #7cb342;
            /* 수정 가능: 제목 색상, 보더 색상 변경 */
        }

        .ssugun03-section-title::before {
            content: "";
            display: inline-block;
            width: 4px;
            height: 18px;
            background-color: #d84444;
            margin-right: 10px;
            vertical-align: middle;
            /* 수정 가능: 빨간 라인 색상, 크기 변경 */
        }

        /* 제품명 */
        .ssugun03-product-name {
            color: #333;
            font-size: 22px;
            font-weight: bold;
            margin-bottom: 10px;
            /* 수정 가능: 제품명 스타일 조정 */
        }

        /* 제품 설명 */
        .ssugun03-product-desc {
            color: #666;
            font-size: 14px;
            line-height: 1.6;
            margin-bottom: 30px;
            padding-left: 20px;
            /* 수정 가능: 설명 텍스트 크기, 색상 변경 */
        }

        .ssugun03-product-desc li {
            list-style-type: disc;
            margin-bottom: 8px;
        }

        /* 컨텐츠 박스 */
        .ssugun03-content-box {
            display: flex;
            gap: 40px;
            margin-bottom: 50px;
            align-items: flex-start;
            /* 수정 가능: 이미지와 차트/그래프 간격 조정 */
        }

        .ssugun03-image-section {
            flex: 0 0 45%;
            text-align: center;
            /* 수정 가능: 이미지 섹션 너비 조정 */
        }

        .ssugun03-image-section img {
            max-width: 100%;
            height: auto;
            display: block;
            margin: 0 auto;
        }

        .ssugun03-chart-section {
            flex: 0 0 55%;
            /* 수정 가능: 차트 섹션 너비 조정 */
        }

        .ssugun03-chart-section img {
            max-width: 100%;
            height: auto;
            display: block;
        }

        /* ========== 테이블 스타일 ========== */

        .ssugun03-table-wrapper {
            overflow-x: auto;
            margin-bottom: 40px;
        }

        .ssugun03-table {
            width: 100%;
            border-collapse: collapse;
            background-color: #fff;
        }

        .ssugun03-table th,
        .ssugun03-table td {
            padding: 15px;
            text-align: center;
            font-size: 1.2em;
            border: none;
            /* 수정 가능: 패딩, 폰트 사이즈 조정 */
        }

        /* 테이블 헤더 */
        .ssugun03-table thead th {
            background-color: #f5f5f5;
            color: #333;
            font-weight: 600;
            border-top: 2px solid #ddd;
			border-bottom: 2px solid #7cb342;
			font-size: 1.35em;
            /* 수정 가능: 헤더 배경색, 텍스트 색상 변경 */
        }

        /* 테이블 바디 */
        .ssugun03-table tbody tr:nth-child(odd) {
            background-color: #fff;
        }

        .ssugun03-table tbody tr:nth-child(even) {
            background-color: #f5f5f5;
        }

        .ssugun03-table tbody tr:hover {
            background-color: #f0f0f0;
        }

        .ssugun03-table tbody td {
            border-bottom: 1px solid #ddd;
        }

        .ssugun03-table tbody tr:last-child td {
            border-bottom: 2px solid #7cb342;
        }

        /* ========== 이미지 갤러리 스타일 ========== */

        .ssugun03-gallery-section {
            margin-top: 40px;
            margin-bottom: 50px;
        }

        .ssugun03-gallery-title {
            color: #333;
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 20px;
            /* 수정 가능: 갤러리 제목 스타일 */
        }

        .ssugun03-gallery-wrapper {
            display: flex;
            gap: 30px;
            justify-content: space-between;
            flex-wrap: wrap;
            /* 수정 가능: 이미지 간격 조정 */
        }

        .ssugun03-gallery-item {
            flex: 1;
            min-width: 250px;
            text-align: center;
        }

        .ssugun03-gallery-item img {
            max-width: 100%;
            height: auto;
            display: block;
            margin-bottom: 15px;
        }

        .ssugun03-gallery-item-label {
            color: #333;
            font-size: 14px;
            font-weight: bold;
            /* 수정 가능: 이미지 라벨 스타일 */
        }

        /* ========== 서브 섹션 (Performance, Configuration 등) ========== */

        .ssugun03-subsection {
            margin-bottom: 50px;
        }

        .ssugun03-subsection-title {
            color: #2c3e50;
            font-size: 1.45em;
            font-weight: bold;
            margin-bottom: 20px;
            /* 수정 가능: 서브 섹션 제목 색상 */
        }

        /* ========== 반응형 디자인 ========== */

        @media (max-width: 1024px) {
            .ssugun03-wrapper {
                padding: 30px 15px;
            }

            .ssugun03-content-box {
                flex-direction: column;
                gap: 30px;
            }

            .ssugun03-image-section {
                flex: 1 1 100%;
            }

            .ssugun03-chart-section {
                flex: 1 1 100%;
            }

            .ssugun03-section-title {
                font-size: 16px;
            }

            .ssugun03-product-name {
                font-size: 18px;
            }

            .ssugun03-table th,
            .ssugun03-table td {
                padding: 12px;
                font-size: 13px;
            }
        }

        @media (max-width: 768px) {
            .ssugun03-wrapper {
                padding: 20px 10px;
            }

            .ssugun03-section-title {
                font-size: 14px;
            }

            .ssugun03-product-name {
                font-size: 16px;
            }

            .ssugun03-product-desc {
                font-size: 13px;
            }

            .ssugun03-content-box {
                gap: 20px;
            }

            .ssugun03-gallery-wrapper {
                gap: 15px;
            }

            .ssugun03-gallery-item {
                min-width: 150px;
            }

            .ssugun03-table th,
            .ssugun03-table td {
                padding: 10px;
                font-size: 12px;
            }
        }

        @media (max-width: 480px) {
            .ssugun03-wrapper {
                padding: 15px 8px;
            }

            .ssugun03-section-title {
                font-size: 13px;
                margin-bottom: 15px;
                padding-bottom: 10px;
            }

            .ssugun03-product-name {
                font-size: 14px;
            }

            .ssugun03-product-desc {
                font-size: 12px;
            }

            .ssugun03-gallery-wrapper {
                flex-direction: column;
                gap: 20px;
            }

            .ssugun03-gallery-item {
                min-width: 100%;
            }
        }
		/*끝*/