/* product */
.sub_product { overflow: hidden; }
.sub_product .contents1 { padding: 100px 0; overflow: hidden; background-color: #f8f8f8; }
.sub_product .contents1 .desc1 { margin-bottom: 40px; font-weight: 600; font-size: 40px; color: #000; letter-spacing: -0.01em; line-height: 1.35; }
.sub_product .contents1 .desc1 br { display: none; }
.sub_product .contents1 ul { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub_product .contents1 ul li { width: 31.2307%; }
.sub_product .contents1 ul li img { width: 100%; }
.sub_product .contents1 ul li .scrbox { margin-top: 30px; }
.sub_product .contents1 ul li .scrbox .scr1 { font-weight: 700; font-size: 30px; color: #000; }
.sub_product .contents1 ul li .scrbox .scr2 { font-size: 18px; color: #747474; line-height: 1.65; }

.sub_product .product_bar { position: relative; max-width: 1670px; margin: 0 auto; text-align: center; }
.sub_product .product_bar .textbox { z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; max-width: 1300px; text-align: left; }
.sub_product .product_bar .textbox p { display: inline-block; width: 695px; padding: 25px; font-weight: 600; font-size: 40px; color: #000; letter-spacing: -0.01em; line-height: 1.35; background-color: #fff; }

.sub_product .product_items .itemscont { margin: -10px; }
.sub_product .product_items ul { display: flex; flex-wrap: wrap; justify-content: center; }
.sub_product .product_items ul li { width: 33.3333%; padding: 10px; }
.sub_product .product_items ul li:nth-of-type(n + 4) { margin-top: 15px; }
.sub_product .product_items ul li a { position: relative; display: block; height: 100%; text-align: center; cursor: default; pointer-events: none; }
.sub_product .product_items ul li a img { width: 100%; max-width: 90%; }
.sub_product .product_items ul li a p { margin-top: 10px; font-size: 20px; color: #000; line-height: 1.45; }

.sub_product .product_items2 ul { display: flex; flex-wrap: wrap; justify-content: center; }
.sub_product .product_items2 ul li { width: 50%; }
.sub_product .product_items2 ul li:nth-of-type(n + 3) { margin-top: 25px; }
.sub_product .product_items2 ul li a { position: relative; display: block; height: 100%; text-align: center; cursor: default; pointer-events: none; }
.sub_product .product_items2 ul li a img { width: 100%; max-width: 90%; }
.sub_product .product_items2 ul li a p { margin-top: 10px; font-size: 20px; color: #000; line-height: 1.45; }

.sub_product .product_text1 { margin-top: 90px; font-weight: 600; font-size: 40px; color: #000; letter-spacing: -0.01em; line-height: 1.35; }


@media (max-width: 1810px) {
    .sub_product .product_bar { width: calc(100% - 140px); }

    .sub_product .product_items ul li a img { max-width: 80%; }
    .sub_product .product_items2 ul li a img { max-width: 80%; }
}
@media (max-width: 1534px) {
    .sub_product .product_bar .textbox { left: 40px; transform: translateY(-50%); }
    .sub_product .product_bar .textbox p { width: calc(330px + 17vw); }
}
@media (max-width: 1279px) {
    .sub_product .product_bar { width: calc(100% - 100px); }
}
@media (max-width: 1023px) {
    .sub_product .product_bar { width: calc(100% - 80px); padding: 40px 0; background: url(/image/sub/product_bar.jpg) no-repeat center/cover; }
    .sub_product .product_bar .textbox p { width: calc(300px + 15vw); }
    .sub_product .product_bar img { display: none; }
    .sub_product .product_bar .textbox { position: relative; top: initial; left: 50%; transform: translateX(-50%); text-align: center; }
}
@media (max-width: 767px) {
    .sub_product .contents1 { text-align: center; }
    .sub_product .contents1 .desc1 br { display: inline-block; }
    .sub_product .contents1 ul { display: block; }
    .sub_product .contents1 ul li { width: 100%; }
    .sub_product .contents1 ul li:nth-of-type(n + 2) { margin-top: calc(15px + 1vw); }
    .sub_product .contents1 ul li img { width: 100%; max-width: 300px; }

    .sub_product .product_bar { width: calc(100% - 60px); padding: 30px 0; }
    .sub_product .product_bar .textbox p { width: 100%; max-width: calc(100% - 80px); }

    .sub_product .product_items .itemscont { margin: initial; }
    .sub_product .product_items ul { justify-content: space-between; }
    .sub_product .product_items ul li { width: 48%; padding: initial; }
    .sub_product .product_items ul li:nth-of-type(n + 4) { margin-top: initial; }
    .sub_product .product_items ul li:nth-of-type(n + 3) { margin-top: 4%; padding: 0; }
    .sub_product .product_items ul li a img { max-width: 100%; }
}
@media (max-width: 460px) {
    .sub_product .product_bar { width: calc(100% - 40px); }
}

/* sub_contact */
.sub_contact { overflow: hidden; }
.sub_contact .contents1 { padding: 100px 0; overflow: hidden; border-bottom: 1px solid #ededed; }
.sub_contact .contents1 ul { display: flex; flex-wrap: nowrap; }
.sub_contact .contents1 ul li { width: 50%; }
.sub_contact .contents1 ul li:last-of-type { padding-left: 3.5%; text-align: right; }
.sub_contact .contents1 ul li:last-of-type img { width: 100%; max-width: 80%; }
.sub_contact .contents1 ul li .textbox .text1 { font-weight: 600; font-size: 40px; color: #000; letter-spacing: -0.01em; line-height: 1.35; }
.sub_contact .contents1 ul li .textbox .text2 { margin-top: 70px; font-size: 20px; color: #737373; line-height: 1.5; }
.sub_contact .contents1 ul li .textbox .text2 b { font-weight: 600; font-size: 30px; color: #000; }

.sub_contact .contents2 { padding: 100px 0; overflow: hidden; }
.sub_contact .contents2 ul { display: flex; flex-wrap: nowrap; }
.sub_contact .contents2 ul li { width: 50%; }
.sub_contact .contents2 ul li:first-of-type img { width: 100%; max-width: 75%; }
.sub_contact .contents2 ul li:last-of-type { padding-left: 3.5%; text-align: right; }
.sub_contact .contents2 ul li:last-of-type img { width: 100%; max-width: 80%; }
.sub_contact .contents2 ul li .textbox .text1 { font-weight: 600; font-size: 40px; color: #000; letter-spacing: -0.01em; line-height: 1.35; }
.sub_contact .contents2 ul li .textbox .imgbox { margin-top: 55px; }

@media (max-width: 1023px) {
    .sub_contact .contents1 ul { display: block; text-align: center; }
    .sub_contact .contents1 ul > li { width: 100%; }
    .sub_contact .contents1 ul > li:last-of-type { margin-top: 20px; padding-left: initial; text-align: center; }
    .sub_contact .contents2 ul li:first-of-type img { width: 100%; max-width: 300px; }
    .sub_contact .contents1 ul li:last-of-type img { width: 100%; max-width: 300px; }
    .sub_contact .contents1 ul img { width: 100%; max-width: 300px; }

    .sub_contact .contents2 ul { display: block; text-align: center; }
    .sub_contact .contents2 ul > li { width: 100%; }
    .sub_contact .contents2 ul > li:last-of-type { margin-top: 20px; padding-left: initial; text-align: center; }
    .sub_contact .contents2 ul li:last-of-type img { width: 100%; max-width: 300px; }
    .sub_contact .contents2 ul img { width: 100%; max-width: 300px; }
}

/* .sub_contact .contents3 */
.sub_contact .contents3 { padding: 100px 0; overflow: hidden; background-color: #fafafa; }
.sub_contact .contents3 .desc1 { font-weight: 600; font-size: 40px; color: #000; letter-spacing: -0.01em; line-height: 1.35; }
.sub_contact .contents3 .desc1 br { display: none; }
.sub_contact .contents3 ul { margin-top: 35px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub_contact .contents3 ul > li { width: 23.3%; }
.sub_contact .contents3 ul > li .icons img { width: 100%; }
.sub_contact .contents3 ul > li .textbox { margin-top: 25px;}
.sub_contact .contents3 ul > li .textbox .text1 { font-weight: 700; font-size: 30px; color: #000; line-height: 1.33; }
.sub_contact .contents3 ul > li .textbox .text2 { margin-top: 20px; font-size: 20px; color: #4c4c4c; line-height: 1.5; }
@media (max-width: 1535px) {
    
}
@media (max-width: 1023px) {
    .sub_contact .contents3 ul { flex-wrap: wrap; justify-content: space-between; }
    .sub_contact .contents3 ul > li { width: 48%;}
    .sub_contact .contents3 ul > li:nth-of-type(n + 3) { margin-top: 4%; }
}
@media (max-width: 480px) {
    .sub_contact .contents3 .desc1 br { display: inline-block; }
    .sub_contact .contents3 .desc1 { text-align: center; }
    .sub_contact .contents3 ul { display: block; }
    .sub_contact .contents3 ul > li { width: 100%;}
    .sub_contact .contents3 ul > li:nth-of-type(n + 3) { margin-top: initial; }
    .sub_contact .contents3 ul > li:nth-of-type(n + 2) { margin-top: 25px; }
    .sub_contact .contents3 ul > li .icons { text-align: center; }
    .sub_contact .contents3 ul > li .textbox { text-align: center; }
}

/* .sub_contact .contents4 */
.sub_contact .contents4 { padding: 100px 0; overflow: hidden; }
.sub_contact .contents4 .descbox .desc1 { font-weight: 600; font-size: 40px; color: #000; letter-spacing: -0.01em; line-height: 1.35; }
.sub_contact .contents4 .descbox .desc2 { font-size: 20px; color: #737373; line-height: 1.45; }
.sub_contact .contents4 .mapcont { position: relative; text-align: center; margin-top: 45px; height: 440px; height: initial !important; }
.sub_contact .contents4 .mapcont .root_daum_roughmap { width: 100%; height: 100%; }
.sub_contact .contents4 .mapcont .root_daum_roughmap .wrap_map { width: 100%; height: calc(100% - 32px); }
/* .sub_contact .contents4 .mapcont img { max-width: 1170px; } */

.sub_contact .contents4 ul { margin-top: 80px; display: flex; flex-wrap: nowrap; justify-content: center; }
.sub_contact .contents4 ul > li { width: 30%; }
.sub_contact .contents4 ul > li .icons { text-align: center; }
.sub_contact .contents4 ul > li .icons img { display: inline-block; width: 125px; }
.sub_contact .contents4 ul > li .textbox { margin-top: 20px; text-align: right; }
.sub_contact .contents4 ul > li .textbox .text1 { font-weight: 700; font-size: 30px; color: #000; line-height: 1.33; }
.sub_contact .contents4 ul > li .textbox .text2 { margin-top: 5px; font-size: 20px; color: #737373; line-height: 1.5; }

@media (max-width: 1535px) {
    .sub_contact .contents4 .mapcont { height: calc(280px + 9vw); }    
    
    .sub_contact .contents4 ul > li .icons img { width: calc(75px + 3vw); }
}
@media (max-width: 1279px) {
    .sub_contact .contents4 .mapcont { height: calc(250px + 8vw); }    
}
@media (max-width: 1023px) {
    .sub_contact .contents4 ul { display: block; }
    .sub_contact .contents4 ul > li { width: 100%;}
    .sub_contact .contents4 ul > li:nth-of-type(n + 2) { margin-top: 25px; }
    .sub_contact .contents4 ul > li .icons { text-align: center; }
    .sub_contact .contents4 ul > li .icons img { width: calc(80px + 4vw); }
    .sub_contact .contents4 ul > li .textbox { text-align: center; }
}
@media (max-width: 767px) {
    .sub_contact .contents4 .mapcont { height: calc(200px + 7vw); }    
}