/* 기본 좌우 정렬 */
.divide_hor { display:flex; justify-content:space-between; flex-wrap:wrap; }
.divide_hor .pic { width:35%;}
.divide_hor .pic img { width:100%; }
.divide_hor .desc { margin:auto 0; width:60%; }
.divide_hor .desc h1 { display:block; margin:0 0 15px; font-size:1.7em; color:#164681; line-height:1.5em; }
.divide_hor .desc p { text-align:left; }

/* 가로 2단 */
.divide2 { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.divide2 .content { display:flex; flex-direction:column; border-bottom:0px solid #dedede; width:48%; margin:0; text-align:left; overflow:hidden; }
.divide2 .content img { object-fit:cover; width:100%; }
.divide2 .content article { background:#69829c; padding:10px; font-size:1.1em; color:#fff; text-align:center;}
.divide2 .auto { margin:auto 0;}

/* 가로 3단 이미지 */
.divide3_pic { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.divide3_pic .content { border-bottom:0px solid #dedede; width:32%; margin:1.0% 0; overflow:hidden; }
.divide3_pic .content img { width:100%; margin:0 auto; }

/* 가로 4단 이미지 */
.divide4_pic { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.divide4_pic .content { border-bottom:0px solid #dedede; width:23.5%; margin:1.5% 0; overflow:hidden; }
.divide4_pic .content img { width:100%; margin:0 auto; }

/* 가로 4단 */
.divide4 { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%;}
.divide4 .content { border-bottom:1px solid #dedede; width:23.5%; margin:0 0 1.8%; overflow:hidden; }
.divide4 .content .pic { display:block; text-align:center; }
.divide4 .content .pic img { width:100%; margin:0 auto; }
.divide4 .content .desc { display:block; border-left:1px solid #dedede; border-right:1px solid #dedede; height:90%; padding:5%; font-size:1.1em;}
.divide4 .content .desc h1 { display:block; margin:0 0 10px; font-size:1.5em; font-weight:600; color:#07439f; text-align:center; }
.divide4 .content .desc p { text-align:center; }

.divide4_tit { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.divide4_tit .content { border-bottom:1px solid #dedede; width:23.5%; overflow:hidden; }
.divide4_tit .content h1 { background:#69c11e; padding:12px 0; font-size:1.2em; font-weight:; color:#fff; text-align:center; }
.divide4_tit .content span { display:block; border-left:1px solid #dedede; border-right:1px solid #dedede; height:90%; padding:5%; text-align:center; }

/* 제품소개 */
.product_list { display:flex; flex-wrap:wrap; margin:80px auto; width:90%; max-width:1600px; height:100%; }
.product_list .sort_tit { width:100%; border-bottom:1px solid #5c70c6; margin:0 0 20px; padding:0 0 20px; }
.product_list .sort_tit h2 { font-size:1.8rem; color:#3851bd; }
.product_list .item { width:23%; margin:1%; text-align:center; }
.product_list .item a { display:block; padding:8% 5%; border-radius:15px; border:1px solid #dedede; transition:.3s; }
.product_list .item a:hover { box-shadow:0 0 12px rgba(46,130,207,0.2); border:1px solid #3851bd; margin:-10px 0 0; }
.product_list .item img { width:70%; margin:0 auto; }
.product_list .item article { margin:30px 0 0; padding:15px 0 0; border-top:1px solid #dedede; }
.product_list .item article h3 { color:#333; }
.product_list .item a:hover article  { border-top:1px solid #3851bd; }
.product_list .item a:hover article h3 { color:#3851bd; }

/* 적용분야 */
.tech_list { display:flex; flex-wrap:wrap; margin:80px auto; width:90%; max-width:1600px; }
.tech_list .sort_tit { width:100%; border-bottom:1px solid #5c70c6; margin:0 0 20px; padding:0 0 25px; }
.tech_list .sort_tit h2 { font-size:1.8rem; color:#3851bd; }
.tech_list > article { width:100%; margin:0 0 20px; }
.tech_list .item { border-radius:15px; border:1px solid #dedede; width:17.7%; margin:1%; text-align:center; transition:.3s; overflow:hidden; cursor:pointer; }
.tech_list .item:hover { box-shadow:0 0 12px rgba(46,130,207,0.2); border:1px solid #3851bd; margin:-5px 1% 0; }
.tech_list .item img { width:100%; margin:0 auto; }
.tech_list .item article { padding:15px 0; }
.tech_list .item article h3 { font-size:1.1rem; font-weight:600; color:#333; line-height:1.7rem; }

/* OGP 멀티센서 3차원 */
.tech_2_1 { display:flex; justify-content:space-between; flex-wrap:wrap; margin:80px auto; width:90%; max-width:1600px; height:100%; }
.tech_2_1 .content { border-radius:0 0 15px 15px; overflow:hidden; }
.tech_2_1 .content:nth-child(odd) { width:29%; }
.tech_2_1 .content:nth-child(even) { border-radius:0; border:0; margin:auto 0; width:5%; font-size:5.0rem; font-weight:700; color:#3851bd; line-height:6.0rem; text-align:center; }
.tech_2_1 .content h2 { border-radius:15px 15px 0 0; background:#0096fe; padding:20px 0; font-size:1.3rem; color:#fff; text-align:center; }
.tech_2_1 .content .pic { width:100%; }
.tech_2_1 .content .pic img { width:100%; }

/* 제품소개 모달 입력폼 양식 */
.input_wrap { border-radius:20px; background:#eee; padding:20px; margin:0 auto 30px; width:92%; }

.form-title {
            font-size: 1.0rem;
            font-weight: 600;
            color: #333;
            margin-bottom:15px;
            text-align: center;
        }

        .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
            margin-bottom: 10px;
        }

        .form-row.full {
            grid-template-columns: 1fr;
        }

        .form-group {
            display: flex;
            flex-direction: column;
        }

        .form-group label { display:none;
            font-size: 13px;
            font-weight: 600;
            color: #555;
            margin-bottom: 8px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .form-group input {
            padding: 14px 16px;
            border: 1px solid #dedede;
            border-radius: 6px;
            font-size: 14px;
            font-family: inherit;
            transition: all 0.3s ease;
            background-color: #fff;
        }

        .form-group input:focus {
            outline: none;
            border-color: #003d99;
            background-color: #ffffff;
            box-shadow: 0 0 0 3px rgba(0, 61, 153, 0.1);
        }

        .form-group input::placeholder {
            color: #444;
        }

        .submit-btn {
            width: 100%;
            padding: 16px;
            margin-top: 5px;
            background: linear-gradient(135deg, #003d99 0%, #002966 100%);
            color: white;
            border: none;
            border-radius: 6px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 1px;
            box-shadow: 0 4px 15px rgba(0, 61, 153, 0.25);
        }
		
		.submit-btn a { color:#fff; }

        .submit-btn:hover {
            background: linear-gradient(135deg, #0052cc 0%, #003399 100%);
            box-shadow: 0 6px 20px rgba(0, 61, 153, 0.35);
            transform: translateY(0);
        }

        .submit-btn:active {
            transform: translateY(0);
            box-shadow: 0 2px 10px rgba(0, 61, 153, 0.2);
        }

        /* 반응형 - 태블릿 (768px 이하) */
        @media (max-width: 768px) {
           .input_wrap { border-radius:15px; width:85%; }

            .form-title {
                font-size: 1.0rem;
                margin-bottom: 10px;
            }

            .form-row {
                grid-template-columns: 1fr;
                gap: 10px;
            }

            .form-group input {
                padding: 12px 14px;
                font-size: 10px;
            }

            .submit-btn {
                padding: 14px;
                font-size: 15px;
                margin-top: 10px;
            }
        }

        /* 반응형 - 모바일 (480px 이하) */
        @media (max-width: 480px) {
			
			.input_wrap { border-radius:15px; width:75%; }

            .form-title {
                font-size: 1.0rem;
                margin-bottom: 10px;
            }

            .form-row {
                gap: 5px;
                margin-bottom: 5px;
            }

            .form-group label {
                font-size: 12px;
                margin-bottom: 6px;
            }

            .form-group input {
                padding: 11px 12px;
                font-size: 1.0rem;
                border-radius: 4px;
            }

            .submit-btn {
                padding: 12px;
                font-size: 14px;
                margin-top: 10px;
            }
        }





@media (min-width:1600px) {
/* 2차 메뉴 */
#snb_2dep { position:sticky; top:0; background:rgba(255,255,255,0.3); margin:50px auto 0; padding:10px 0; width:100%; z-index:6; }
#snb_2dep .nav ul { display: flex; justify-content:center; flex-wrap: wrap; }
#snb_2dep .nav ul li { width:220px; margin:0 5px; }
#snb_2dep .nav ul li a { display:block; background:#fff; border:1px #dedede solid; border-radius:30px; padding:12px; font-size:1.0em; color:#222; text-align: center; transition:all 0.3s;}
#snb_2dep .nav ul li a:hover { background:#fff; border:1px #0096fe solid; color:#0096fe; transition:all 0.5s;}
#snb_2dep .nav ul li.on a { background:#0096fe; border:1px #0096fe solid; font-weight:500;  color:#fff; }	

/* 인사말 */
.about_1_1 { display:flex; justify-content:space-between; flex-wrap:wrap; margin:90px auto; width:90%; max-width:1600px; }
.about_1_1 .pic { display:flex; border-radius:25px; width:40%; overflow:hidden; }
.about_1_1 .pic img { object-fit:cover; width:100%; }
.about_1_1 article { margin:auto 0; padding:2% 0; width:55%; }
.about_1_1 article h2 { margin:20px 0 40px; font-size:1.8rem; color:#222; line-height:2.6rem; }
.about_1_1 article h3 { font-size:1.2rem; color:#0096fe; line-height:1.5rem; }
.about_1_1 article h4 { font-size:1.1rem; color:#222; margin:0; }	

/* 관계회사 */
.about_3_1 { margin:90px auto 60px; width:90%; max-width:1600px; }
.about_3_1 .pic { border-radius:20px; overflow:hidden; }
.about_3_1 .pic img { width:100%; }

.about_3_2 { margin:0 auto; width:90%; max-width:1600px; }
.about_3_2 .content { display:flex; justify-content:space-between; flex-wrap:wrap; border-bottom:1px solid #dedede; padding:70px 0; }
.about_3_2 .content:last-child { border-bottom:0; }
.about_3_2 .content .corp { width:20%; }
.about_3_2 .content .corp img { height:130px; }
.about_3_2 .content article { width:75%; }
.about_3_2 .content article h2 { margin:0 0 20px; font-size:1.4rem; color:#222; line-height:2.2rem; }

/* 오시는 길 */
.about_4_1 { display:flex; justify-content:space-between; flex-wrap:wrap; margin:90px auto; width:90%; max-width:1600px; }
.about_4_1 .content { width:45%; }
.about_4_1 .content .logo {}
.about_4_1 .content h2 { display:block; margin:50px 0 20px; font-size:1.5rem; color:#222; line-height:2.2rem; }
.about_4_1 .time { border-top:1px solid #dedede; margin:40px 0 0; padding:40px 0 0; }
.about_4_1 .time .tit { font-size:1.2rem; font-weight:600; color:#1435ba; line-height:1.5rem; }
.about_4_1 .time p { display:block; margin:5px 0; }
.about_4_1 .time p span { display:inline-block; width:95px; font-weight:600; color:#222; }
.about_4_1 .map { width:50%; }
.about_4_1 .location { margin:50px 0 0; }
.about_4_1 .location a { display:inline-block; border-radius:10px; background:#fae100; padding:15px 25px; font-weight:600; color:#333; text-align:center; transition:.3s; }
.about_4_1 .location a:hover { background:#0024b5; color:#fff; }
.about_4_1 .location a img { display:inline-block; margin:0 10px 0 0; height:25px; }
.about_4_1 .location a:hover img { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(12deg) brightness(105%) contrast(101%);}


}


@media (min-width:768px) and (max-width:1599px){
/* 2차 메뉴 */
#snb_2dep { position:sticky; top:0; background:rgba(255,255,255,0.3); margin:40px auto 0; padding:10px 0; width:100%; z-index:6; }
#snb_2dep .nav ul { display: flex; justify-content:center; flex-wrap: wrap; }
#snb_2dep .nav ul li { width:210px; margin:0 5px; }
#snb_2dep .nav ul li a { display:block; background:#fff; border:1px #dedede solid; border-radius:30px; padding:12px; font-size:1.0em; color:#222; text-align: center; transition:all 0.3s;}
#snb_2dep .nav ul li a:hover { background:#fff; border:1px #0096fe solid; color:#0096fe; transition:all 0.5s;}
#snb_2dep .nav ul li.on a { background:#0096fe; border:1px #0096fe solid; font-weight:500;  color:#fff; }	
	
/* 인사말 */
.about_1_1 { display:flex; justify-content:space-between; flex-wrap:wrap; margin:80px auto; width:90%; }
.about_1_1 .pic { display:flex; border-radius:25px; width:45%; overflow:hidden; }
.about_1_1 .pic img { object-fit:cover; width:100%; }
.about_1_1 article { margin:auto 0; padding:3% 0; width:50%; }
.about_1_1 article h2 { margin:20px 0 30px; font-size:1.7rem; color:#222; line-height:2.5rem; }
.about_1_1 article h3 { font-size:1.1rem; color:#0096fe; line-height:1.5rem; }
.about_1_1 article h4 { font-size:1.1rem; color:#222; margin:0; }	

/* 관계회사 */
.about_3_1 { margin:80px auto 50px; width:90%;}
.about_3_1 .pic { border-radius:20px; overflow:hidden; }
.about_3_1 .pic img { width:100%; }

.about_3_2 { margin:0 auto; width:90%; }
.about_3_2 .content { display:flex; justify-content:space-between; flex-wrap:wrap; border-bottom:1px solid #dedede; padding:60px 0; }
.about_3_2 .content:last-child { border-bottom:0; }
.about_3_2 .content .corp { width:25%; }
.about_3_2 .content .corp img { height:100px; }
.about_3_2 .content article { width:70%; }
.about_3_2 .content article h2 { margin:0 0 20px; font-size:1.2rem; color:#222; line-height:2.0rem; }

/* 오시는 길 */
.about_4_1 { display:flex; justify-content:space-between; flex-wrap:wrap; margin:80px auto; width:90%; }
.about_4_1 .content { width:45%; }
.about_4_1 .content .logo {}
.about_4_1 .content h2 { display:block; margin:50px 0 20px; font-size:1.3rem; color:#222; line-height:1.9rem; }
.about_4_1 .time { border-top:1px solid #dedede; margin:40px 0 0; padding:40px 0 0; }
.about_4_1 .time .tit { font-size:1.2rem; font-weight:600; color:#1435ba; line-height:1.5rem; }
.about_4_1 .time p { display:block; margin:5px 0; }
.about_4_1 .time p span { display:inline-block; width:95px; font-weight:600; color:#222; }
.about_4_1 .map { width:50%; }
.about_4_1 .location { margin:50px 0 0; }
.about_4_1 .location a { display:inline-block; border-radius:10px; background:#fae100; padding:15px 25px; font-weight:600; color:#333; text-align:center; transition:.3s; }
.about_4_1 .location a:hover { background:#0024b5; color:#fff; }
.about_4_1 .location a img { display:inline-block; margin:0 10px 0 0; height:25px; }
.about_4_1 .location a:hover img { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(12deg) brightness(105%) contrast(101%);}

/* 제품소개 */
.product_list { display:flex; flex-wrap:wrap; margin:70px auto; width:90%; }
.product_list .sort_tit h2 { font-size:1.5rem; color:#3851bd; }
.product_list .item img { width:60%; margin:0 auto; }

/* OGP 멀티센서 3차원 */
.tech_2_1 { display:flex; justify-content:space-between; flex-wrap:wrap; margin:70px auto; width:90%; height:100%; }
.tech_2_1 .content:nth-child(even) { font-size:3.5rem; line-height:4.5rem;}

}


@media (max-width:767px){
/* 2차 메뉴 */
#snb_2dep { position:sticky; top:0; background:rgba(255,255,255,0.3); margin:30px auto 0; padding:0 0; width:100%; z-index:6; }
#snb_2dep .nav ul { display: flex; justify-content:center; flex-wrap: wrap; }
#snb_2dep .nav ul li { width:43%; margin:0 3px 6px; }
#snb_2dep .nav ul li a { display:block; background:#fff; border:1px #dedede solid; border-radius:30px; padding:5px 0; font-size:0.9em; color:#222; text-align: center; transition:all 0.3s;}
#snb_2dep .nav ul li a:hover { background:#fff; border:1px #0096fe solid; color:#0096fe; transition:all 0.5s;}
#snb_2dep .nav ul li.on a { background:#0096fe; border:1px #0096fe solid; font-weight:600;  color:#fff; }

/* 가로 2단 */
.divide2 { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.divide2 .content { display:flex; flex-direction:column; border-bottom:0px solid #dedede; width:100%; margin:0; text-align:left; overflow:hidden; }
.divide2 .content img { object-fit:cover; width:100%; }
.divide2 .content article { background:#69829c; padding:6px; font-size:1.1em; color:#fff; text-align:center;}
.divide2 .content:nth-child(2) { margin:30px 0 0; }
.divide2 .nth2 { order:2; margin:30px 0 0; }

/* 인사말 */
.about_1_1 { display:flex; justify-content:space-between; flex-wrap:wrap; margin:60px auto; width:85%; }
.about_1_1 .pic { display:flex; border-radius:20px; width:100%; height:300px; overflow:hidden; }
.about_1_1 .pic img { object-fit:cover; width:100%; }
.about_1_1 article { margin:50px 0 0; width:100%; }
.about_1_1 article h2 { margin:10px 0 20px; font-size:1.3rem; color:#222; line-height:2.0rem; }
.about_1_1 article h3 { font-size:1.1rem; color:#0096fe; line-height:1.5rem; }
.about_1_1 article h4 { font-size:1.1rem; color:#222; margin:0; }	

/* 관계회사 */
.about_3_1 { margin:40px auto 20px; width:85%;}
.about_3_1 .pic { border-radius:15px; overflow:hidden; }
.about_3_1 .pic img { width:100%; }

.about_3_2 { margin:0 auto; width:85%; }
.about_3_2 .content { border-bottom:1px solid #dedede; padding:40px 0; }
.about_3_2 .content:last-child { border-bottom:0; }
.about_3_2 .content .corp { width:100%; margin:0 0 20px; }
.about_3_2 .content .corp img { height:50px; }
.about_3_2 .content article { width:100%; }
.about_3_2 .content article h2 { margin:0 0 15px; font-size:1.1rem; color:#222; line-height:1.6rem; }

/* 오시는 길 */
.about_4_1 { display:flex; flex-wrap:wrap; margin:20px auto; width:85%; }
.about_4_1 .content { width:100%; }
.about_4_1 .content .logo {}
.about_4_1 .content h2 { display:block; margin:0 0 20px; font-size:1.1rem; color:#222; line-height:1.7rem; }
.about_4_1 .time { border-top:1px solid #dedede; margin:20px 0 0; padding:20px 0 0; }
.about_4_1 .time .tit { font-size:1.2rem; font-weight:600; color:#1435ba; line-height:1.5rem; }
.about_4_1 .time p { display:block; margin:5px 0; }
.about_4_1 .time p span { display:inline-block; width:95px; font-weight:600; color:#222; }
.about_4_1 .map { margin:30px 0 0; width:100%; }
.about_4_1 .location { margin:30px 0 0; }
.about_4_1 .location a { display:inline-block; border-radius:10px; background:#fae100; padding:10px 20px; font-weight:600; color:#333; text-align:center; transition:.3s; }
.about_4_1 .location a:hover { background:#0024b5; color:#fff; }
.about_4_1 .location a img { display:inline-block; margin:0 10px 0 0; height:25px; }
.about_4_1 .location a:hover img { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(12deg) brightness(105%) contrast(101%);}

/* 제품소개 */
.product_list { display:flex; flex-wrap:wrap; margin:40px auto; width:85%; }
.product_list .sort_tit { width:100%; border-bottom:1px solid #5c70c6; margin:0 0 15px; padding:0 0 15px; }
.product_list .sort_tit h2 { font-size:1.3rem; color:#3851bd; }
.product_list .item { width:46%; margin:2%; text-align:center; }
.product_list .item a { display:block; padding:8%; border-radius:15px; border:1px solid #dedede; transition:.3s; }
.product_list .item article { margin:20px 0 0; padding:10px 0 0; border-top:1px solid #dedede; }
.product_list .item article h3 { font-size:1.0rem; color:#333; }

/* 적용분야 */
.tech_list { display:flex; flex-wrap:wrap; margin:40px auto; width:85%; }
.tech_list .sort_tit { width:100%; border-bottom:1px solid #5c70c6; margin:0 0 15px; padding:0 0 15px; }
.tech_list .sort_tit h2 { font-size:1.3rem; color:#3851bd; }
.tech_list .item { border-radius:15px; border:1px solid #dedede; width:45%; margin:2%; height:100%;  text-align:center; transition:.3s; overflow:hidden;}
.tech_list .item:hover { box-shadow:0 0 12px rgba(46,130,207,0.2); border:1px solid #3851bd; margin:-5px 2% 0; }
.tech_list .item img { width:100%; margin:0 auto; }
.tech_list .item article { padding:10px 0; }
.tech_list .item article h3 { font-size:1.0rem; color:#333; line-height:1.5rem; }

/* OGP 멀티센서 3차원 */
.tech_2_1 { display:flex; justify-content:space-between; flex-wrap:wrap; margin:40px auto; width:70%; height:100%; }
.tech_2_1 .content { border-radius:0 0 15px 15px; overflow:hidden; }
.tech_2_1 .content:nth-child(odd) { width:100%; }
.tech_2_1 .content:nth-child(even) { border-radius:0; border:0; margin:5px 0; width:100%; font-size:4.0rem; font-weight:500; color:#3851bd; line-height:5.0rem; text-align:center; }
.tech_2_1 .content h2 { border-radius:15px 15px 0 0; background:#0096fe; padding:10px 0; font-size:1.2rem; color:#fff; text-align:center; }
.tech_2_1 .content .pic { width:100%; }
.tech_2_1 .content .pic img { width:100%; }

}