#wrap.sub{margin-top:100px}


.displaynone{display:none!important;}

/* ¼­ºêŸÀÌƲ */
.sub_title{height:300px;background:url('../img/upload/img/brand.jpg') no-repeat center;background-size:cover;color:#fff;position:relative;}


/* ¼­ºêŸÀÌƲ ¹è°æ */

.sub_title.top01{background-image:url('../img/upload/img/top_back01.jpg')}
.sub_title.top02{background-image:url('../img/upload/img/top_back02.jpg')}
.sub_title.top04{background-image:url('../img/upload/img/top_back04.jpg')}
.sub_title.product{background-image:url('../img/upload/img/product.jpg')}
.sub_title.gallery{background-image:url('../img/upload/img/gal.jpg')}
.sub_title.community{background-image:url('../img/upload/img/com.jpg')}


.sub_title.locations{background-image:url('../img/upload/img/location.jpg')}
.sub_title.status{background-image:url('../img/upload/img/status.jpg')}



.sub_title>.inner{position:absolute;top:50%;left:0;transform:translate(0,-50%);width:100%;}
.sub_title h2{font-size:30px;letter-spacing:.2em;text-align:center;font-family: 'Noto Sans KR', sans-serif;font-weight:600;}
.sub_title.locations h2{color:#000;}



.sub_title .category{position:absolute;width:100%;bottom:0;left:0}
.sub_title .category ul{width:100%;margin:auto;max-width:1400px;overflow:hidden}
.sub_title .category ul li{float:left;text-align:center;background-color:rgba(255,255,255,.8)}
.sub_title .category ul li.sel{background-color:#fff}
.sub_title .category ul li a{color:#666;font-size:15px;line-height:60px;display:block;width:100%;letter-spacing:.1em;}
.sub_title .category ul li.sel a{color:#222;}
/* ¼­ºêŸÀÌƲ ±æÀÌ */
.sub_title .category.one ul li{width:100%}
.sub_title .category.two ul li{width:50%}
.sub_title .category.three ul li{width:33.33%}
.sub_title .category.four ul li{width:25%}
.sub_title .category.five ul li{width:20%}
/* ¼­ºêh2 */
.sub_h2{margin:auto;padding:80px 0;overflow:hidden;text-align:center;border-bottom:1px solid #ddd;width:90%;max-width:1400px;margin:auto;display:none;}
.sub_h2 h2{font-size:25px;color:#222;letter-spacing:.1em;margin-bottom:20px;font-family: 'Noto Sans KR', sans-serif;display:none!important;}
.sub_h2 p{font-size:14px;color:#666}
/* ȸ»ç¼Ò°³ */
#container.brand1>.mid{font-family: 'Noto Sans KR', sans-serif;color:#222}
#container.brand1>.mid>div{width:50%;float:left;}
#container.brand1>.mid>div:first-child img{width:100%;}
#container.brand1>.mid>div:last-child{box-sizing:border-box;padding:30px 5%;}
#container.brand1>.mid>div:last-child h3{font-size:24px;margin-bottom:30px;}
#container.brand1>.mid>div:last-child p{font-size:13px;line-height:25px}



#container.brand1 .mid.info{margin-top:100px}
#container.brand1 .mid.info ul{display:flex;flex-flow:row nowrap}
#container.brand1 .mid.info li{width:33.3333%;position:relative;box-sizing:border-box;margin-bottom:40px;cursor:pointer;display:flex;flex-flow:row nowrap;}


#container.brand1 .mid.info li.info_li{}
#container.brand1 .mid.info li.info_li .info_box{width:90px;text-align:center;background-color:#ddd;text-align:center;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;margin-right:30px;}
#container.brand1 .mid.info li.info_li .info_box p{color:#222;font-size:14px;font-weight:bold;}
#container.brand1 .mid.info li.info_li .info_txt{width:auto;}
#container.brand1 .mid.info li.info_li .info_txt h4{font-size:13px;margin-bottom:15px;font-family: 'Noto Sans KR', sans-serif;font-weight:500}
#container.brand1 .mid.info li.info_li .info_txt p{font-size:12px;line-height:20px;color:#666}

/*#container.brand1 .mid.info li{float:left;width:50%;position:relative;padding-left:120px;box-sizing:border-box;margin-bottom:40px;cursor:pointer}*/
/*#container.brand1 .mid.info li::before{content:"01";display:block;position:absolute;width:90;height:100%;background-color:#ddd;text-align:center;line-height:136px;color:#222;font-size:20px;font-weight:bold;left:0;}*/
/*#container.brand1 .mid.info li:nth-child(2)::before{content:"02"}
#container.brand1 .mid.info li:nth-child(3)::before{content:"03"}
#container.brand1 .mid.info li:nth-child(4)::before{content:"04"}
#container.brand1 .mid.info h4{font-size:15px;margin-bottom:15px;font-family: 'Noto Sans KR', sans-serif;font-weight:500}
#container.brand1 .mid.info p{font-size:12px;line-height:20px;color:#666}
#container.brand1 .mid.info li:hover::before{background-color:#777;color:#fff;transition:background ease .5s,color ease .5s}
*/






/* ¿¬Çõ */
#container.brand2>.mid{position:relative}
#container.brand2>.mid>div{width:100%;overflow:hidden;}
#container.brand2>.mid>div>div{width:50%;box-sizing:border-box;position:relative;padding:0 0 70px 0}
#container.brand2>.mid>.left>.inner{float:left;text-align:right;padding-right:30px;}
#container.brand2>.mid>.right>.inner{float:right;padding-left:30px;}
#container.brand2>.mid>div>div h3{font-size:23px;margin-bottom:15px}
#container.brand2>.mid>div>div li{font-size:12px;line-height:30px;overflow:hidden;color:#666}
#container.brand2>.mid>div.left>div li span{float:right;padding-right:40px}
#container.brand2>.mid>div.right>div li span{float:left;padding-left:40px}
#container.brand2>.mid>div.right>div li span:first-child,
#container.brand2>.mid>div.left>div li span:first-child{font-size:16px;color:#222;padding:0;}




#container.brand4 .mid > div{text-align:center;max-width:720px;margin:0 auto;}
#container.brand4 .mid > div img{width:100%;height:auto;}

/* ¿¬Çõ °¡¿îµ¥ ¼± */
#container.brand2>.mid::before{content:"";display:block;position:absolute;height:97%;width:1px;background-color:#ccc;top:12px;left:50%;}
#container.brand2>.mid>.left>.inner::after,
#container.brand2>.mid>.right>.inner::after{content:"";display:block;position:absolute;width:11px;height:11px;background-color:#666;top:8px;left:-5px;border-radius:100px;}
#container.brand2>.mid>.left>.inner::after{left:auto;right:-6px}

/* ¿À½Ã´Â ±æ */
#container.brand3{}
#container.brand3 .map{padding:30px 30px 0;background-color:#f5f5f5;height:700px}
#container.brand3 .map_icon{background-color:#f5f5f5}
#container.brand3 .map_icon ul{max-width:1400px;margin:auto;overflow:hidden;padding:130px 0;}
#container.brand3 .map_icon li{width:33.33%;float:left;text-align:center;}
#container.brand3 .map_icon li div{text-indent:-99999px;overflow:hidden;display:block;width:50px;height:50px;margin:auto;background:url('../img/upload/img/map.png') no-repeat center;background-size:cover;margin-bottom:30px}
#container.brand3 .map_icon li div.add{background-image:url('../img/upload/img/map.png');background-size:50px auto}
#container.brand3 .map_icon li div.call{background-image:url('../img/upload/img/phone.png');background-size:45px auto}
#container.brand3 .map_icon li div.mail{background-image:url('../img/upload/img/sms.png');background-size:42px auto}
#container.brand3 .map_icon li p,
#container.brand3 .map_icon li a{font-size:15px;color:#222;line-height:25px;transition:color ease .3s}
#container.brand3 .map_icon li a:hover{color:#888}












/* »ç¾÷¼Ò°³1 */
#container.business1 .mid>div{overflow:hidden}
#container.business1 .mid>div>div{width:50%;position:relative;}
#container.business1 .mid>.first>div{float:left}
#container.business1 .mid>.second>div{float:right;text-align:right}
#container.business1 .mid>div>div img{width:100%}
#container.business1 .mid>div>div:last-child{}
#container.business1 .mid>div>div .inner{position:absolute;width:100%;left:0;top:50%;transform:translate(0,-50%);padding:0 50px;box-sizing:border-box}
#container.business1 .mid>div h3{font-size:25px;color:#222;font-family: 'Noto Sans KR', sans-serif;margin-bottom:30px;margin-top:-10px}
#container.business1 .mid>div p{font-size:14px;line-height:25px;}
/* »ç¾÷¼Ò°³2 */
/* ¸ÞÀν½¶óÀ̵å */
.business2 .mid{}
.business2 .slide.swiper-container2 {
width: 100%;
height:500px;
margin-left: auto;
margin-right: auto;
position:relative;
}
.business2 .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.slide.swiper-container2 .swiper-wrapper .swiper-slide{background-image:url('../img/upload/img/bus3.jpg');background-position:center;background-size:cover;}
.slide.swiper-container2 .swiper-wrapper .swiper-slide.second{background-image:url('../img/upload/img/bus4.jpg')}
.slide.swiper-container2 .swiper-wrapper .swiper-slide.third{background-image:url('../img/upload/img/bus5.jpg')}
/* remote */
#wrap .business2  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:7%}
#wrap .business2  .swiper-pagination-bullet{width:33px;height:6px;background-color:#666;opacity:1;border-radius:0;margin:0 8px}
#wrap .business2  .swiper-pagination-bullet-active{background-color:#fff}
#container.business2 .mid.info{margin-top:100px}
#container.business2 .mid.info ul{overflow:hidden}
#container.business2 .mid.info li{float:left;width:50%;position:relative;padding-left:120px;box-sizing:border-box;margin-bottom:40px;cursor:pointer}
#container.business2 .mid.info li::before{content:"01";display:block;position:absolute;width:90;height:120px;background-color:#ddd;text-align:center;line-height:120px;color:#222;font-size:20px;font-weight:bold;left:0;}
#container.business2 .mid.info li:nth-child(2)::before{content:"02"}
#container.business2 .mid.info li:nth-child(3)::before{content:"03"}
#container.business2 .mid.info li:nth-child(4)::before{content:"04"}
#container.business2 .mid.info h4{font-size:15px;margin-bottom:15px;font-family: 'Noto Sans KR', sans-serif;font-weight:500}
#container.business2 .mid.info p{font-size:12px;line-height:20px;color:#666}
#container.business2 .mid.info li:hover::before{background-color:#777;color:#fff;transition:background ease .5s,color ease .5s}
/* »ç¾÷¼Ò°³3 */
#container.business3 .mid{}
#container.business3 .mid>div,
#container.business3 .mid>ul{float:left;width:50%;height:100%}
#container.business3 .mid>.img_box{position:relative;}
#container.business3 .mid>.img_box img{width:100%;position:absolute;top:0;left:0;opacity:0;transition:opacity ease .5s}
#container.business3 .mid>.img_box img.img_on{opacity:1}
#container.business3 .mid>ul li{background-color:#f5f5f5;border:1px solid #fff;width:50%;height:50%;float:left;box-sizing:border-box;position:relative;cursor:pointer}
#container.business3 .mid>ul li:nth-child(2){border-left:0}
#container.business3 .mid>ul li:nth-child(3){border-top:0}
#container.business3 .mid>ul li:nth-child(4){border-left:0;border-top:0;}
#container.business3 .mid>ul li>div{position:absolute;width:100%;height:100%;box-sizing:border-box;padding:25px;top:0;left:0;text-align:center;}
#container.business3 .mid>ul li div:first-child{opacity:1;transition:opacity ease .5s}
#container.business3 .mid>ul li:hover div:first-child{opacity:0}
#container.business3 .mid>ul li div:first-child .inner{position:absolute;width:100%;text-align:center;left:0;top:50%;transform:translate(0,-50%)}
#container.business3 .mid>ul li div:first-child h3{font-size:15px;font-weight:300;color:#222}
#container.business3 .mid>ul li div:first-child p{letter-spacing:1px;margin-top:20px;position:relative;display:inline-block;color:#222;font-size:10px;}
#container.business3 .mid>ul li div:nth-child(2){background-color:#fff;opacity:0;transition:opacity ease .5s;border:20px solid #f5f5f5}
#container.business3 .mid>ul li:hover div:nth-child(2){opacity:1}
#container.business3 .mid>ul li div:nth-child(2) p{font-size:12px;width:100%;line-height:22px;color:#666;position:absolute;left:0;top:50%;transform:translate(0,-50%);padding:0 30px;box-sizing:border-box;}








.certi_box{width:615px;max-width:100%;margin:50px auto;border:0px solid #00438b;border-right:0;border-left:0;padding:20px 0;box-sizing:border-box;}
.certi_box ul{display:flex;flex-flow:row wrap;}
.certi_box ul li{width:100%;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between; border-bottom:1px solid #000;} 
.certi_box ul li p{display:inline-block;width:100%;font-size:12px;line-height:16px;font-weight:400;color:#000;padding:8px 2px;box-sizing:border-box;text-align:center;}
.certi_box ul li b{display:inline-block;width:29%;font-size:14px;line-height:16px;font-weight:400;color:#000;padding:8px 12px;box-sizing:border-box;}
.certi_box ul li.color{text-align:center;}
.certi_box ul li.color p{color:#fff;background:#00438b;}
.certi_box ul li.color b{color:#fff;background:#00438b;} 

.status01 .mid{width:1000px;max-width:100%;display:flex;flex-flow:row nowrap;justify-content:center;}
.status01 .mid img{width:100%;height:auto;}


.certi_box ul li p:nth-child(1){width:40px;white-space:nowrap}
.certi_box ul li p:nth-child(2){width:50px;}
.certi_box ul li p:nth-child(3){width:105px;}
.certi_box ul li p:nth-child(4){width:290px;}
.certi_box ul li p:nth-child(5){width:130px;}
/*.certi_box ul li p:nth-child(6){width:105px;}*/


.certi_text{font-size:18px;line-height:24px;font-weight:normal;color:#000;text-align:center;display:block;margin:12px auto;}


/* ¿À½Ã´Â ±æ */
#container.mapload{width:1000px;max-width:100%;margin:0 auto;}
#container.mapload .map{padding:30px 30px;background-color:#f5f5f5;height:inherit;}
#container.mapload .map_icon{background-color:#f5f5f5}
#container.mapload .map_icon ul{max-width:1400px;margin:auto;overflow:hidden;padding:130px 0;}
#container.mapload .map_icon li{width:33.33%;float:left;text-align:center;}
#container.mapload .map_icon li div{text-indent:-99999px;overflow:hidden;display:block;width:50px;height:50px;margin:auto;background:url('../img/upload/img/map.png') no-repeat center;background-size:cover;margin-bottom:30px}
#container.mapload .map_icon li div.add{background-image:url('../img/upload/img/map.png');background-size:50px auto}
#container.mapload .map_icon li div.call{background-image:url('../img/upload/img/phone.png');background-size:45px auto}
#container.mapload .map_icon li div.mail{background-image:url('../img/upload/img/sms.png');background-size:42px auto}
#container.mapload .map_icon li p,
#container.mapload .map_icon li a{font-size:15px;color:#222;line-height:25px;transition:color ease .3s}
#container.mapload .map_icon li a:hover{color:#888}



.map_flex{display:flex;flex-flow:row nowrap;}
.map_flex #daumRoughmapContainer1677056589242{width:50%;position:relative;height:100%;}
.map_flex #daumRoughmapContainer1677056589242:after{content:'º»»ç ¹× 1°øÀå';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;line-height:28px;font-weight:bold;color:#fff;z-index:100;}
.map_flex #daumRoughmapContainer1677056589242:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);z-index:99;}
.map_flex #daumRoughmapContainer1677056589242:hover:after,
.map_flex #daumRoughmapContainer1677056589242:hover:before{opacity:0;transition:0.3s ease;visibility:hidden;}


.map_flex #daumRoughmapContainer1677056626969{width:50%;position:relative;height:100%;}
.map_flex #daumRoughmapContainer1677056626969:after{content:'2°øÀå';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;line-height:28px;font-weight:bold;color:#fff;z-index:100;}
.map_flex #daumRoughmapContainer1677056626969:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);z-index:99;}
.map_flex #daumRoughmapContainer1677056626969:hover:after,
.map_flex #daumRoughmapContainer1677056626969:hover:before{opacity:0;transition:0.3s ease;visibility:hidden;}








.form_mail_map{width:720px;max-width:100%;margin:50px auto;}
.form_mail_map .table_02{border-top:1px solid #e5e5e5;border-bottom:0;}
.form_mail_map .table_02 td{padding:12px 10px;box-sizing:border-box; }
.form_mail_map .table_02 td font{color:#999!important;}
.form_mail_map .formmail_border{padding:8px 0 8px 4px;;box-sizing:border-box;line-height:auto;width:100%;}
.form_mail_map input[name="phone_no1"]{}
.form_mail_map input[name="phone_no2"]{}
.form_mail_map input[name="phone_no3"]{}
.form_mail_map input[name="phone_no1"],
.form_mail_map input[name="phone_no2"],
.form_mail_map input[name="phone_no3"]{width:120px;}
.form_mail_map textarea.formmail_textarea_style{width:100%;border:1px solid #e5e5e5;padding:8px;box-sizing:border-box;}
.form_btn{}
.form_btn a{width:120px;display:inline-block;padding:12px 16px;; border:1px solid #e5e5e5;color:#999;margin:0 8px;;transition:0.3s ease;}
.form_btn a.btn_submit{border:1px solid #000;color:#000;}
.form_btn a.btn_cancel{}
.form_btn a:hover{background:#000;color:#fff;}








.reference_list{display:flex;flex-flow:row wrap;text-align:center;padding:0 10px;box-sizing:border-box;}
.reference_list li{width:33.33%;padding:12px 0;}
.reference_list li img{width:100%;max-width:200px;height:auto;transition:0.3s ease;}


.reference_list li:hover img{transform:scale(1.1);}













   .bx_tab{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;margin:24px auto;}
        .bx_tab > li{padding:0 12px;}
        .bx_tab > li a{display:block;min-width:120px;text-align:center;padding:4px 8px;font-size:14px;line-height:24px;font-weight:normal;color:#000;border:1px solid #ccc;border-radius:20px;transition:0.3s ease;}
        .bx_tab > li a:hover,
        .bx_tab > li a.active{color:#fff;background:#000;}
        .tab_box{display:flex;flex-flow:row wrap;justify-content:space-between;width:720px;max-width:100%;margin:0 auto;}
        .bx_content ul.grid1 li{width:100%;margin-bottom:24px;}
        .bx_content ul.grid2 li{width:49%;margin-bottom:24px;}
        .bx_content ul.grid3 li{width:32%;margin-bottom:24px;}
        .bx_content ul.grid4 li{width:24%;margin-bottom:24px;}
        .bx_content ul.grid5 li{width:19%;margin-bottom:24px;}
        .bx_content ul li.f100{width:100%;}

        .bx_content ul li .sta_img{margin-bottom:12px;}
        .bx_content ul li .sta_img img{width:100%;height:auto;}
        .bx_content ul li .sta_txt{text-align:center;}
        .bx_content ul li .sta_txt .sta{font-size:14px;line-height:18px;font-weight:normal;color:#000;margin-bottom:4px;text-align:left;}
.bx_content ul li .sta_txt .sta_name{font-weight:bold;}
   .bx_content ul li .sta_txt .sta2{display:flex;flex-flow:row nowrap;}
   .bx_content ul li .sta_txt .sta2 > span:first-child{}



  .bx_tab{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;margin:24px auto;}
        .bx_tab > li{padding:0 12px;}
        .bx_tab > li a{display:block;min-width:120px;text-align:center;padding:4px 8px;font-size:14px;line-height:24px;font-weight:normal;color:#000;border:1px solid #ccc;border-radius:20px;transition:0.3s ease;}
        .bx_tab > li a:hover,
        .bx_tab > li a.active{color:#fff;background:#000;}
        .patent_box{display:flex;flex-flow:row wrap;justify-content:space-between;}
        .certi_con{width:720px;max-width:100%;margin:30px auto 30px;padding:30px;background:#f1f1f1;box-sizing:border-box;}
        .certi_tit{ font-size: 25px;color: #222;letter-spacing: .1em;margin-bottom: 20px;font-family: 'Noto Sans KR', sans-serif;text-align:center;}
        .certi_content ul.grid1 li{width:100%;margin-bottom:24px;}
        .certi_content ul.grid2 li{width:49%;margin-bottom:24px;}
        .certi_content ul.grid3 li{width:32%;margin-bottom:24px;}
        .certi_content ul.grid4 li{width:24%;margin-bottom:24px;}
        .certi_content ul.grid5 li{width:19%;margin-bottom:24px;}
        .certi_content ul li.f100{width:100%;}
        .certi_content ul li .sta_img{margin-bottom:12px;}
        .certi_content ul li .sta_img img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;}
        .certi_content ul li .sta_txt{text-align:center;}
        .certi_content ul li .sta_txt .sta{font-size:14px;line-height:18px;font-weight:normal;color:#000;margin-bottom:4px;}



.goal_tit{position:relative;padding-top:50px;}
.goal_tit2{position:relative;padding-top:50px;}
.goal_tit:before{content:' ¿ø´Ü »ý»ê ¼³ºñ ';font-size:18px;line-height:24px;font-weight:normal;color:#000;position:absolute;text-align:center;top:0;left:100%;white-space:nowrap;transform:translateX(-50%);}

.tomson_tit{position:relative;padding-top:50px;}
.tomson_tit2{position:relative;padding-top:50px;}
.tomson_tit:before{content:'¹Ú½º °¡°ø ¼³ºñ';font-size:18px;line-height:24px;font-weight:normal;color:#000;position:absolute;text-align:center;top:0;left:100%;white-space:nowrap;transform:translateX(-50%);}

.coating_tit{position:relative;padding-top:50px;}
.coating_tit2{position:relative;padding-top:50px;}
.coating_tit:before{content:' ÄÚÆà ¼³ºñ';font-size:18px;line-height:24px;font-weight:normal;color:#000;position:absolute;text-align:center;top:0;left:100%;white-space:nowrap;transform:translateX(-50%);}





@media (max-width:1400px){
#container.business1 .mid>div h3{font-size:20px;margin-bottom:20px}
#container.business1 .mid>div p{font-size:12px;line-height:20px}
}
@media (max-width:1024px){
#container.business1 .mid>div>div{float:none;width:100%}
#container.brand1>.mid>div{float:none;width:100%}
#container.brand1>.mid>div:last-child{padding:0;margin-top:50px}
#container.business1 .mid>div>div .inner{position:relative;top:0;padding:0;transform:translate(0,0);text-align:center;padding:50px 0}
.business2 .slide.swiper-container2{height:400px}
/*¿¬Çõ*/
#container.brand2>.mid>div>div{width:100%}
#container.brand2>.mid>.left>.inner{text-align:left;padding-right:0;padding-left:30px}
#container.brand2>.mid>div.left>div li span{float:left;padding:0;padding-left:40px}
#container.brand2>.mid::before{left:5px}
#container.brand2>.mid>.left>.inner::after,
#container.brand2>.mid>.right>.inner::after{left:0}






#container.business3 .mid>div, #container.business3 .mid>ul{float:none;width:100%}
#container.business3 .mid>ul li>div{padding:0;}
#container.business3 .mid>ul li div:nth-child(2){border:10px solid #f5f5f5}
#container.business3 .mid>ul li div:nth-child(2) p{font-size:10px;line-height:20px;padding: 0 15px;}
}













@media (max-width:769px){
.sub_title.top04{background-image:url('../img/upload/img/M_top_back04.jpg')}


.sub .mid{margin-top:50px}
#wrap.sub{margin-top:80px}
.sub_title{height:200px}
.sub_title h2{font-size:25px;}
.sub_title .category{display:none;}
.sub_h2{padding:50px 0;width:95%}
.sub_h2 h2{font-size:20px;}



#container.brand1>.mid>div:last-child h3{font-size:20px;}
#container.brand1>.mid>div:last-child p{font-size:12px;line-height:20px}


#container.brand1 .mid.info{margin-top:100px}
#container.brand1 .mid.info ul{flex-flow:column nowrap}


#container.brand1 .mid.info li{width:100%;position:relative;box-sizing:border-box;margin-bottom:40px;cursor:pointer}



footer{margin-top:100px}
#container.brand3 .map{padding:0;height:400px}
#container.brand3 .map_icon ul{padding:50px 0}
#container.brand3 .map_icon li p, #container.brand3 .map_icon li a{font-size:12px;line-height:20px}
#container.brand3 .map_icon li div.add{background-size:40px auto}
#container.brand3 .map_icon li div.call{background-size:35px auto}
#container.brand3 .map_icon li div.mail{background-size:32px auto}
.business2 .slide.swiper-container2{height:300px}
#wrap .business2 .swiper-pagination-bullet{height:3px;width:25px}
#container.business2 .mid.info{margin-top:50px}
#container.business2 .mid.info li{float:none;width:100%}









.certi_box{width:720px;max-width:100%;margin:50px auto;border:2px solid #00438b;border-right:0;border-left:0;padding:20px;}
.certi_box ul{display:flex;flex-flow:row wrap;}
.certi_box ul li{width:100%;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between; border-bottom:1px solid #000;} 
.certi_box ul li p{display:inline-block;width:100%;font-size:12px;line-height:14px;font-weight:400;color:#000;padding:8px 12px;box-sizing:border-box; line-height:20px;padding:0;}
.certi_box ul li b{display:inline-block;width:29%;font-size:12px;line-height:14px;font-weight:400;color:#000;padding:8px 12px;box-sizing:border-box;}


.certi_box ul li.color{text-align:center;}
.certi_box ul li.color p{color:#fff;background:#00438b;}
.certi_box ul li.color b{color:#fff;background:#00438b;} 





.status01 .mid{display:flex;flex-flow:column;}
.status01 .mid > div{margin-bottom:24px;}








.form_mail_map .table_02 td{padding:6px 5px;box-sizing:border-box; }
.form_mail_map input[name="phone_no1"],
.form_mail_map input[name="phone_no2"],
.form_mail_map input[name="phone_no3"]{width:80px;}
.form_mail_map textarea.formmail_textarea_style{width:100%;border:1px solid #e5e5e5;padding:8px;box-sizing:border-box;}
.form_btn{}
.form_btn a{width:120px;display:inline-block;padding:12px 16px;; border:1px solid #e5e5e5;color:#999;margin:0 8px;;transition:0.3s ease;}
.form_btn a.btn_submit{border:1px solid #000;color:#000;}
.form_btn a.btn_cancel{}
.form_btn a:hover{background:#000;color:#fff;}


.map_cover .map_flex{flex-flow:column;}

.map_cover .map_flex #daumRoughmapContainer1677056589242{width:100%;}
.map_cover .map_flex #daumRoughmapContainer1677056626969{width:100%;}

.mapload .map_flex{flex-flow:column;}
.mapload .map_flex #daumRoughmapContainer1677056589242{width:100%;height:300px;}
.mapload .map_flex #daumRoughmapContainer1677056626969{width:100%;height:300px;}
.main .trust{flex-flow:column;}


}






@media (max-width:440px){
.certi_box ul li p{height:40px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;}


.tab_box{width:90%;}
.bx_content ul.grid2 li{width:100%;}
/*
.goal_tit:before,
.tomson_tit:before,
.coating_tit:before{left:50%;}
*/
#tab1 li:before,
#tab2  li:before{left:50%;}

}