@charset "UTF-8";


/* 서브페이지 공통 CSS */
.row2{max-width: 1200px; margin: 0 auto;}
.sub_wrap {margin:0 auto;}
.page_wrap{width: 100%;}
.pagenum{width: 100%; min-height: 395px; height: auto; -webkit-background-size: cover;background-size: cover;}
.pagemenu{width: 100%; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; box-sizing: border-box; height: 58px; line-height: 58px; margin: 0 auto;}
.pagemenu ul{width: 100%; margin: 0 auto; text-align: center; max-width: 1200px; white-space:nowrap; overflow-x: auto; }
.pagemenu ul li{display: inline-block; width: 200px; text-align: center; }
.pagesub_menu li{width: 180px; display: inline-block;}
.pagemenu ul li a{display: block; font-size: 17px; position: relative; color: #8f8f8f; font-family: 'Noto Sans KR', sans-serif;}
.pagemenu ul li a::after{position: absolute; display: block; width: 33px; height: 3px; background: #1e2874; line-height: 3px;content: ""; bottom: 5px;left: 0;right: 0;margin: 0 auto; display: none;}
.pagemenu ul li.on a::after{display: block;}
.pagemenu ul li.on a{color: #202020;}

.pagemenu1{width: 100%; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; box-sizing: border-box; height: 58px; line-height: 58px; margin: 0 auto;}
.pagemenu1 ul{width: 100%; margin: 0 auto; text-align: center; max-width: 1200px; white-space:nowrap; overflow-x: auto; }
.pagemenu1 ul li{display: inline-block; /*width: 200px;*/ text-align: center;  padding: 0 10px;}
.pagesub_menu li{width: 180px; display: inline-block;}
.pagemenu1 ul li a{display: block; font-size: 17px; position: relative; color: #8f8f8f; font-family: 'Noto Sans KR', sans-serif;}
.pagemenu1 ul li a span{display: inline-block; vertical-align: baseline;}
.pagemenu1 ul li a::after{position: absolute; display: block; width: 33px; height: 3px; background: #1e2874; line-height: 3px;content: ""; bottom: 5px;left: 0;right: 0;margin: 0 auto; display: none;}
.pagemenu1 ul li.on a::after{display: block;}
.pagemenu1 ul li.on a{color: #202020;}


/*cate01*/
.cate01{background:  url(../images/sub/sdpage01_01.png) center center no-repeat; text-align: center;}
.catetitle{text-align: center; width: 100%; padding-top: 170px;}
.catetitle span{font-size: 22px; color: #fff; opacity: 0.6; padding-bottom: 15px; display: block;}
.catetitle h1{font-size: 45px; color: #fff; font-family: 'Noto Sans KR', sans-serif; font-weight: 700;}


/*page01*/

.page_content01{display: flex; max-width: 1200px; margin: 0 
    auto; justify-content: space-between; align-items: center; padding-top: 30px;}

.cont01{width: 200px; text-align: center;}
.cont01 h3{display: block; position: relative; font-family: 'Noto Sans KR', sans-serif; font-size: 23px; font-weight: 600;}

.cont02{max-width: 885px; position: relative;}
.cont02 p{font-size: 18px; line-height: 1.5em; padding-top: 40px; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; max-width: 885px; width: 100%; margin: 0 auto; color:#5b5a5a;}
.cont02::after{width: 2px; height: 400px; top: 60px; left: -50px ; content: ""; background: #1e2874; display: block; line-height: 500px; position: absolute;}
.m_cont02{display: none;}
.m_cont04{display: none;}
.cont02 span{display: block;}

.page_content02{display: flex; max-width: 1200px; margin: 0 
    auto; justify-content: space-between; align-items: center; padding-top: 110px; padding-bottom: 70px;}

.cont03{width: 200px; text-align: center;}
.cont03 h3{display: block; position: relative; font-family: 'Noto Sans KR', sans-serif; font-size: 23px; font-weight: 600;}

.cont04{max-width: 885px; position: relative;}
.cont04 p{font-size: 18px; line-height: 1.5em; padding-top: 10px; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; max-width: 885px; width: 100%; margin: 0 auto; color:#5b5a5a;}
.cont04::after{width: 2px; height: 40px; top:17px; left: -63px ; content: ""; background: #1e2874; display: block; line-height: 500px; position: absolute;}
.cont04 span{display: block;}

.cont05{text-align: center; padding-bottom: 70px;}
.cont05 img{max-width: 317px;width: 100%;margin: 0 auto;}
.cont06{text-align: center;}

/*공통*/
.cont06 h3{ text-align: center;font-size: 21px; color: #1e2874; padding-bottom: 35px; font-family: 'Noto Sans KR', sans-serif; font-weight: 600;}
.cont06 .sub06_bottom{text-align: center; font-size: 19px; color: #1f1f1f; padding-top: 25px; font-family: 'Noto Sans KR', sans-serif;}
.pbttom{padding-bottom: 70px; }
.pbttom2{padding-bottom: 120px;}
.cont_sub06{max-width: 1070px; border: 1px solid #e6e6e6; border-radius: 25px; box-sizing: border-box; margin: 0 auto; width: 100%; margin: 0 auto;}
.cont_sub06 > ul{display: flex; box-sizing: border-box; min-height: 220px; justify-content: center; align-items: center; flex-wrap: wrap; height: auto;}
.cont_sub06 > ul > li{display: inline-block; float: left; text-align: center; width: 160px; align-items: center; padding: 0 15px; height: 170px;}
.cont_sub06 > ul > li > img{max-width: 160px; width: 100%; margin: 0 auto; border: 1px solid #d6d6d6; box-sizing: border-box;}
/*.cont_sub06 > ul > li > p{text-align: center; font-size: 14px; color: #1e2874;}
.cont_sub06 > ul > li > p span{display: block}*/
.sub_06_title{padding-top: 15px; }
.sub_06_title p{line-height: 1.3em; text-align: center; font-size: 14px; color: #1e2874; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
.sub_06_title p span{display: block;}
/*요까지 공통*/

.cont07{padding-bottom: 150px;}
.cont_sub07 h3{font-size: 25px;color: #171717; position: relative; font-family: 'Noto Sans KR', sans-serif; font-weight: 700;}
.cont_sub07 h3::after{position: absolute;bottom: -15px; left: 20px;text-align: center;  content: "";width: 164px; height: 2px; background: #1e2874;}
    
.cont07 img{max-width: 1100px; width: 100%; margin: 0 auto; padding-top: 70px;}

/*page02*/

.padding01{padding: 0 10px;}

.pagecont04{display: flex; justify-content: space-between; align-items: center; margin: 0 auto; max-width: 1200px; width: 100%; padding: 70px 0 ;}

.cont08 h3{display: block; position: relative; font-family: 'Noto Sans KR', sans-serif; font-size: 23px; font-weight: 700; width: 300px; border-right: 2px solid #1e2874;}

.cont09{max-width: 780px; position: relative;width: 100%;}
.cont09 p{font-size: 18px; line-height: 1.5em; padding-top: 10px; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; max-height: 780px;width: 100%;margin: 0 auto; color:#5b5a5a;}
/*.cont09::after{width: 2px; height: 40px; top:17px; left: -60px; ; content: ""; background: #1e2874; display: block; line-height: 20px; position: absolute;}*/
.cont09 span{display: block;}
.m_cont09{display: none;}

.pagecont05{background:  url(../images/sub/sdpage01_20.png) center center no-repeat; -webkit-background-size: cover;background-size: cover; width: 100%;margin: 0 auto;max-width: 1920px; min-height: 380px; height: auto; margin-bottom: 130px;}

.cont10{width: 100%; margin: 0 auto; text-align: center;padding-top: 20px; overflow-x: auto;}
.cont10 img{max-width:913px; margin: 0 auto; text-align: center;}

.cont11{ display: block;}
.cont11 h3{display: block; position: relative; font-family: 'Noto Sans KR', sans-serif; font-size: 23px; font-weight: 700;border-right: 2px solid #1e2874; width: 300px;}

.cont12{padding: 75px 0 110px; overflow-x: auto;}
.cont12 ul{display: flex; justify-content: center; align-items: center;}
.cont12 ul li{padding: 0 20px; position: relative;}
.cont12 ul li::after{background: url(../images/sub/arrow.png) 0 0 no-repeat;content: "";display: block; width: 12px; height: 18px; position: absolute; top: 50px; left: -5px;}

.cont12 ul li:nth-child(1)::after{display: none;}

.cont12 ul li .cont_sub12{width: 115px; height: 115px; border-radius: 50%; background: #1e2874;text-align: center; color: #fff;}
.cont12 ul li .cont_sub12 p{ font-size: 14px; padding-top: 40px; line-height: 1.3em; font-family: 'Noto Sans KR', sans-serif; font-weight: 400;}
.cont12 ul li .cont_sub12 span{display: block;}

.cont12 ul li:nth-child(2) .cont_sub12{background: #ececec;}
.cont12 ul li:nth-child(3) .cont_sub12{background: #ececec;}
.cont12 ul li:nth-child(4) .cont_sub12{background: #ececec;}
.cont12 ul li:nth-child(5) .cont_sub12{background: #ececec;}
.cont12 ul li:nth-child(6) .cont_sub12{background: #ececec;}

.cont12 ul li:nth-child(1) .cont_sub12 p{padding-top: 50px;}
.cont12 ul li:nth-child(2) .cont_sub12 p{color: #827981;}
.cont12 ul li:nth-child(3) .cont_sub12 p{color: #827981;}
.cont12 ul li:nth-child(4) .cont_sub12 p{padding-top: 50px; color: #827981;}
.cont12 ul li:nth-child(5) .cont_sub12 p{padding-top: 50px; color: #827981;}
.cont12 ul li:nth-child(6) .cont_sub12 p{padding-top: 50px; color: #827981;}
.cont12 ul li:nth-child(7) .cont_sub12 p{}

.cont12 ul li:nth-child(5) .cont_sub12 img{padding-top: 75px;}

.m_cont12{display: none;}

.cont13{padding-bottom: 120px;}
.cont13 ul {display: flex; justify-content: center;}
.cont13 ul li{display: inline-block; float: left; text-align: center; padding: 0 25px;}
.cont13 ul li a{width: 170px; height: 50px; line-height: 50px; font-size: 17px; color: #050505; border-radius: 20px; display: block; background: #d1d2d4; font-family: 'Noto Sans KR', sans-serif; font-weight: 600;     box-shadow: 2px 2px 5px rgba(0,0,0,0.5) inset, 2px 2px 5px rgba(0,0,0,0.5);}

.anyimg{width:100%; height:auto;}
.down1_m{background-color: #efefef; width:100%; height: auto; display: flex}
.down1{background-color: #efefef; width:50%; height: auto; display: flex}
.down1 img{margin: 10px 10px 10px 10px; display: flex}
.brochure{margin:50px auto; font-size: 20px; color: #050505;}
.brochure1{margin-top:50px; background-color: #693ef7; width:200px; height:40px; border-radius: 5px; color: #ffffff; text-align: center; line-height:35px;}
.brochure1 a{color: white;}
.brochure1 a:hover{color: red;}
.brochure2 a:hover{color: red;}
.buttongo{ font-size:18px; width:fit-content;margin-top:50px; margin-bottom:50px; align-items: center; text-align: center;}
.buttongo1{font-size:18px; width:fit-content; margin-top:50px; margin-bottom:50px; margin-left:45%; align-items: center; text-align: center;}

/*cate01 end*/


/*cate02*/

.cate02_sub01{padding: 0 10px;} 

.cate02_01{background:  url(../images/sub/cate02_mainpage.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; width: 100%; margin: 0 auto; max-width: 1920px; min-height: 398px; height: auto;}


/*page01*/

.wisescope{width: 100%; margin: 0 auto; display: flex; justify-content: space-around;vertical-align: baseline; padding: 55px 0 70px; position: relative; align-items: center;}
.wisescope h3{color: #171717; font-size: 25px; font-weight: 600; font-family: 'Noto Sans KR', sans-serif;}
.wisescope ul li{width: 2px; height: 330px; line-height: 240px; background: #1e2874; display: block; font-family: 'Noto Sans SC', sans-serif;}
.wisescope p{margin: 0 auto; font-size: 18px; color: #5b5a5a; padding-bottom: 30px;}
.wisescope p span{display: block;padding-top: 10px;}

.wisescope11 ul li{margin-left: -30px;}

.wisescope3{width: 100%; margin: 0 auto; display: flex; justify-content: space-around;vertical-align: baseline; padding: 55px 0 70px; position: relative; align-items: center;}
.wisescope3 h3{color: #171717; font-size: 25px; font-weight: 600; font-family: 'Noto Sans KR', sans-serif;}
.wisescope3 ul li{width: 2px; height: 380px; line-height: 240px; background: #1e2874; display: block; font-family: 'Noto Sans SC', sans-serif; margin-left: 45px;}
.wisescope3 p{margin: 0 auto; font-size: 18px; color: #5b5a5a; padding-bottom: 30px;}
.wisescope3 p span{display: block;padding-top: 10px;}


.wisescope4{width: 100%; margin: 0 auto; display: flex; justify-content: space-around;vertical-align: baseline; padding: 55px 0 70px; position: relative; align-items: center;}
.wisescope4 h3{color: #171717; font-size: 25px; font-weight: 600; font-family: 'Noto Sans KR', sans-serif;}
.wisescope4 ul li{width: 2px; height: 330px; line-height: 240px; background: #1e2874; display: block; font-family: 'Noto Sans SC', sans-serif; margin-left: 39px;}
.wisescope4 p{margin: 0 auto; font-size: 18px; color: #5b5a5a; padding-bottom: 30px;}
.wisescope4 p span{display: block;padding-top: 10px;}


.wisescope5{width: 100%; margin: 0 auto; display: flex; justify-content: space-around;vertical-align: baseline; padding: 55px 0 70px; position: relative; align-items: center;}
.wisescope5 h3{color: #171717; font-size: 25px; font-weight: 600; font-family: 'Noto Sans KR', sans-serif;}
.wisescope5 ul li{width: 2px; height: 330px; line-height: 240px; background: #1e2874; display: block; font-family: 'Noto Sans SC', sans-serif; margin-left: 27px;}
.wisescope5 p{margin: 0 auto; font-size: 18px; color: #5b5a5a; padding-bottom: 30px;}
.wisescope5 p span{display: block;padding-top: 10px;}




.wisetext{padding-top: 20px;  color: #5b5a5a;}
.m_wise{display: none;}

.high{text-align: center; padding-bottom: 70px;}
.high h3{text-align: center; font-size: 21px; color: #1e2874; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; padding-bottom: 70px;}
.high .pc_high{max-width: 722px; margin: 0 auto; width: 100%;}
.m_high{display: none; }
.appli{text-align: center; padding-bottom: 70px;}
.appli h3{text-align: center; font-size: 21px; color: #1e2874; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; padding-bottom: 70px;}

.appli ul li p{display: block; color: #1e2874; font-size: 15px; line-height: 1.3em; padding-top: 10px;}
.appli ul li p span{display: block;}

.appliimg{width: 165px; height: 125px;line-height: 125px; border: 1px solid #d6d6d6; display: block; margin: 0 auto;}

.appli ul{display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.appli ul li{width: 20%; padding-bottom: 40px;}

.progduct{text-align: center; padding-bottom: 70px;}
.progduct > h3{text-align: center; font-size: 21px; color: #1e2874; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; padding-bottom: 70px;}

 
.progduct ul{width: 100%; display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap;}
.progduct ul li:nth-child(1){width: 262px;height: 325px; border: 1px solid #d2d3d3;} 
.progduct ul li:nth-child(2){width: 400px; height: 325px;border: 1px solid #d2d3d3;}
.progduct ul li:nth-child(3){width: 350px; height: 360px; background: #daf3ff; border-radius: 25px;}
 
.progduct ul li:nth-child(3) h3{color: #171717; font-size: 20px; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; padding: 25px 0 ;}
.progduct ul li:nth-child(3) p{color: #171717; font-size: 15px; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; padding-bottom: 25px; }

.progimg{padding-top: 25px;}

.progduct ul li:nth-child(1) .progimg img{max-width: 245px; width: 100%;margin: 0 auto;}
.progduct ul li:nth-child(2) .progimg img{max-width: 396px; width: 100%; margin: 0 auto;}

.progvideo{display: flex; justify-content: space-around; padding-top: 30px; flex-wrap: wrap;}

.pvideos p{font-weight: 600; font-family: 'Noto Sans KR', sans-serif; color: #1e2874; font-size: 18px; padding-top: 30px;}

.progduct_link{text-align: left; padding-left: 10px;}
.progduct_link a{display: inline-block; padding: 0 2px;}
.progduct_link a img{max-width: 50px; width: 100%;margin: 0 auto;}

.line_up{text-align: center; padding-bottom: 70px;}
.line_up h3{text-align: center; font-size: 21px; color: #1e2874; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; padding-bottom: 70px;}

.lineimg{white-space: nowrap; overflow-x: auto; margin-top: 20px;}


.confi{text-align: center; padding-bottom: 70px;}
.confi h3{text-align: center; font-size: 21px; color: #1e2874; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; padding-bottom: 50px;}
.confi span{text-align: left; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; font-size: 17px; display: block; padding-bottom: 20px;}

.confi ul{display: flex; justify-content: center; border: 1px solid #1e2874; box-sizing: border-box; }
.confi ul li{width: 300px; height: 415px; border-right: 1px solid #1e2874; box-sizing: border-box;}
.confi ul li:last-child{border-right: none;}

.confi ul li img{padding-top: 50px;}

.confitext{width: 300px; height: 90px; background: #1e2874; border-right: 1px solid #fff; box-sizing: border-box;}

.confitext:last-child{border-right: none;}

.confitext p{color: #fff; font-size: 20px; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; line-height: 90px;}

.confilink{width: 100%; margin: 0 auto; padding-top: 50px;}
.confilink a{display: block; width: 170px; height: 50px; line-height: 50px; color: #050505; font-size: 17px; margin: 0 auto; background: #d1d2d4; border-radius: 25px; box-shadow: 2px 2px 5px rgba(0,0,0,0.5) inset , 2px 2px 5px rgba(0,0,0,0.5);}

/*page01 end*/


/*page02*/

.sd_tab{width: 100%; margin: 0 auto;}
.sd_tab ul{display: flex; justify-content: center; text-align: center;}
.sd_tab ul li{width: 200px;height: 50px; line-height: 50px;}
.sd_tab ul li a{display: block; color: #202020; font-weight: 500; font-family: 'Noto Sans KR', sans-serif; }
.sd_tab ul li.on a{color: #1e2874; font-weight: 600;}
.sd_tab ul li:hover a{color: #1e2874; font-weight: 600;}

.cammain{display: none;}
.cammain.on{display: block;}
.cammain > div{padding: 70px 10px 70px; box-sizing: border-box;}

.cam_wrpa{padding-top: 90px; padding-bottom: 80px;}
.camwrap_text{ margin: 0 auto;width: 100%; padding-bottom: 30px;}
.camwrap_text > h3{margin-bottom: 20px; font-size: 22px; color: #171717; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; border-right: 2px solid #1e2874; width: 345px; text-align: left; line-height: 1.4em; }
.camwrap_text > h3 span{display: inline-block; vertical-align: baseline;}

.camwrap_text1{ margin: 0 auto;width: 100%; padding-bottom: 30px;}
.camwrap_text1 > h3{margin-bottom: 20px; font-size: 22px; color: #171717; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; border-right: 2px solid #1e2874; width: 320px; text-align: left; line-height: 1.4em;}
.camwrap_text1 > h3 span{display: inline-block; vertical-align: baseline;}



/*211011*/

.camwrap_textFlex{display: flex;}
.camwrap_textFlex > p{margin-left: 30px; font-size: 18px; color: #5b5a5a; text-align: left; padding-bottom: 30px; line-height: 1.5em; font-weight: 500;}
.camwrap_textFlex > p > span{display: block;padding-top: 10px;}
.camwrap_textFlex > p > span > strong{display: inline-block; vertical-align: baseline;}


/* 21.04.09 유지보수 */
.optic_uses tr td { padding: 10px 20px !important; }
.optic_uses a { position: relative; }
.optic_uses a::before { content: ''; display: block; width: 0; height: 1px; background: #1e2874; position: absolute; left: 0; bottom: -2px; transition: all 0.5s ease-out; }
.optic_uses a.underline_add1::after { content: ''; display: block; width: 0; height: 1px; background: #1e2874; position: absolute; left: 0; bottom: -22px; transition: all 0.5s ease-out; }
.optic_uses a.underline_add2::after { content: ''; display: block; width: 0; height: 1px; background: #1e2874; position: absolute; left: 0; bottom: -22px; transition: all 0.5s ease-out; }
.optic_uses a.underline_add3::after { content: ''; display: block; width: 0; height: 1px; background: #1e2874; position: absolute; left: 0; bottom: -22px; transition: all 0.5s ease-out; }

.optic_uses a:hover::before { width: 100%; }
.optic_uses a.underline_add1:hover::after { width: 95%; }
.optic_uses a.underline_add2:hover::after { width: 73%; }
.optic_uses a.underline_add3:hover::after { width: 23%; }

.lastoptic_name { transition: all 0.5s; box-sizing: border-box; border: 1px solid #1e2874; }
.lastoptic_name p { transition: all 0.5s; }
.loptic_hover_style { transition: all 0.5s; box-sizing: border-box; border: 1px solid #1e2874; }
.loptic_hover_style p { transition: all 0.5s; }
.lastoptic_name:hover { background: #fff; border: 1px solid #1e2874; }
.lastoptic_name:hover p { color: #1e2874; }
.loptic_hover_style:hover { background: #fff; border: 1px solid #1e2874; }
.loptic_hover_style:hover p { color: #1e2874; }






/*
.camwrap_text > ul > li{width: 2px; height: 40px; line-height: 40px; background: #1e2874; display: block;}
.camwrap_text > p{margin: 0 auto; font-size: 18px; color: #5b5a5a;}
.camwrap_text > p > span{display: block;padding-top: 10px;}
.camwrap_text > p > span > strong{display: inline-block; vertical-align: baseline;}*/

.camsub02 > ul > li{width: 2px; height: 40px; line-height: 40px; background: #1e2874; /*content: '';*/ display: block;}


/*.camsub02 > p{margin: 0 auto; font-size: 18px; color: #5b5a5a; width: 800px; text-align: left; padding-bottom: 30px;}
.camsub02 > p > span{display: block;padding-top: 10px;}
.camsub02 > p > span > strong{display: inline-block; vertical-align: baseline;}*/


.cams{display: flex; justify-content: space-around; width: 100%;margin: 0 
    auto; align-items: center; text-align: right; white-space: nowrap; overflow-x: auto; padding-bottom: 30px;}
.cams2{
    align-items: flex-start;
}
.camsub01{
    position: relative;
    z-index: 9999;
}
.camsub01 img{max-width: 300px; margin: 0 auto; padding-bottom: 25px; display: block;}
.camsub01 a{display: block; width: 170px; height: 50px; line-height: 50px; color: #050505; font-size: 17px; margin: 0 auto; background: #d1d2d4; border-radius: 25px; box-shadow: 2px 2px 5px rgba(0,0,0,0.5) inset , 2px 2px 5px rgba(0,0,0,0.5); text-align: center;}

.camsub02 img{max-width: 821px; margin: 0 auto; }

.customer{width: 100%; margin: 0 auto;  background: #efefef; padding: 35px 10px; box-sizing: border-box; }
.customer ul{display: flex; justify-content: space-around; align-items: center; padding-top: 10px; white-space: nowrap; overflow-x: auto;}
.customer ul li{display: block;}
.customer ul li p{padding-bottom: 10px; display: block;}

.customer ul li:nth-child(1) img{max-width: 404px; margin: 0 auto;}
.customer ul li:nth-child(2) img{max-width: 133px; margin: 0 auto; padding: 0 10px;}
.customer ul li:nth-child(3) img{max-width: 388px;  margin: 0 auto;}

.custom01{text-align: center;white-space: nowrap; overflow-x: auto;}
.custom01 img{ max-width: 538px;margin: 0 auto;}

.system{width: 100%; min-height: 195px; background: #efefef; height: auto; padding: 20px 0; box-sizing: border-box;}
.system ul{display: flex; justify-content: space-around; align-items: center;overflow-x: auto; white-space: nowrap;}
.system ul li p{display: block; font-size: 15px; color: #1e2874;  font-family: 'Noto Sans KR', sans-serif; font-weight: 600; text-align: center; padding: 0px 0 10px;}

.cammain_text{width: 100%; margin: 0 auto; display: flex; justify-content: center;vertical-align: baseline;padding: 55px 0 70px; position: relative;}

.cammain_text h3{width: 205px;color: #171717; font-size: 25px; font-weight: 600; font-family: 'Noto Sans KR', sans-serif;}
.cammain_text ul li{width: 2px; height: 40px; line-height: 40px; background: #1e2874; /*content: '';*/ display: block;}
.cammain_text p{margin: 0 auto; font-size: 18px; color: #5b5a5a;}
.cammain_text p span{display: block;padding-top: 10px;}
.cams_namelink{padding: 40px 0 50px;}
.cams_namelink ul{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; text-align: center;}
.cams_namelink ul li{width: 19%; }
.cams_namelink ul li a{padding: 15px 0;display: block;color: #202020; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; line-height: 1.5em;}
.cams_namelink ul li:hover a{color: #1e2847; font-weight: 600;}
.m_camt{display: none;}

.cams_namelink ul li a > span{display: block; vertical-align: baseline;}

.cams_namelink02{padding: 40px 0 50px;}
.cams_namelink02 ul{display: flex;  align-items: center; justify-content: center; text-align: center;}
.cams_namelink02 ul li{width: 200px;}
.cams_namelink02 ul li a{padding: 15px 0;display: block;color: #202020; font-weight: 400; font-family: 'Noto Sans KR', sans-serif;}
.cams_namelink02 ul li:hover a{color: #1e2847; font-weight: 600;}


.custem02{ height: 212px; background: #e6e6e6; }
.custem02 ul{display: flex; justify-content: space-around; align-items: center; padding-top: 15px; white-space: nowrap; overflow-x: auto;}
.custem02 ul li:nth-child(1) img{max-width: 155px; margin: 0 auto;}
.custem02 ul li:nth-child(2) img{max-width: 792px; margin: 0 auto;}

/*page02 end*/


/*cate02 end*/



/*cate03*/

.cate03_sub01{padding: 0 10px;}

.cate03_01{background:  url(../images/sub/cate03_mainpage.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; width: 100%; margin: 0 auto; max-width: 1920px; min-height: 398px; height: auto;}

.solution{width: 100%; margin: 0 auto; display: flex; justify-content: center;vertical-align: baseline;padding: 55px 0 70px; position: relative;}

.solution h3{margin: 0 auto; color: #171717; font-size: 25px; font-weight: 600; font-family: 'Noto Sans KR', sans-serif;}
/*.solution h3::after{ width: 2px; height: 28px; line-height: 28px; background: #1e2874; content: ''; display: block; position: absolute; top: 0; right: -100px;}*/


.solution_wrap{display: flex; justify-content: space-around;}

.solution ul li{width: 2px; height: 28px; line-height: 28px; background: #1e2874; /*content: '';*/ display: block;}
.solution p{margin: 0 auto; font-size: 18px; color: #5b5a5a;}
.solution p span{display: block;padding-top: 10px;}
.m_cate03{display: none;}
.solution01 h3{text-align: center; font-size: 21px; color: #1e2874; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; padding-bottom: 20px;}

.solution01 ul{max-width: 520px; min-height: 635px; border: 1px solid #dddddd; border-radius: 25px; text-align: center; display: flex; justify-content: center; flex-wrap: wrap; text-align: center; align-items: center;width: 100%; margin: 0 auto; height: auto; box-sizing: border-box;}

.solutext{width: 170px; min-height: 130px; line-height: 125px; border: 1px solid #d6d6d6; box-sizing: border-box; margin: 0 auto; height: auto;}

.solution01 ul li{max-width: 200px; min-height: 180px; height: auto;width: 100%;}

.solution01 ul li p{color: #1e2874; font-size: 14px; font-family: 'Noto Sans KR', sans-serif; font-weight: 600; text-align: center; line-height: 1.3em; padding-top: 25px;}
.solution01 ul li span{display: block;}

.solution01 > p{text-align: center; font-size: 19px; color: #1e2874; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; padding-top: 30px; padding-bottom: 70px;}

.s_full{width: 100%; margin: 0 auto; padding-top: 50px;}
.s_full h1{    text-align: center; font-size: 21px; color: #1e2874; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; padding-bottom: 20px;}

.solu_wrap{display: flex; justify-content: space-around;padding-bottom: 30px;}
.solu01 p{color: #1e2874;font-size: 14px; font-family: 'Noto Sans KR', sans-serif; font-weight: 600; text-align: center; line-height: 1.3em; padding-top: 15px;}
.solu01 p span{display: block;}
.solu02 p{ font-family: 'Noto Sans KR', sans-serif; font-weight: 400; line-height: 1.5em; font-size: 17px; color: #202020;width: 720px;}
.solu02 p span{display: block;}

.m_solu{display: none;}

/*cate03 end*/



/*cate04*/

.cate04_01{background:  url(../images/sub/cate04_mainpage.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; width: 100%; margin: 0 auto; max-width: 1920px; min-height: 398px; height: auto;}

/*page01*/

.sd_video{width: 100%; margin: 0 auto; padding-top: 40px; border-bottom: 2px solid #d6d6d6;}
.sd_video ul{width: 100%; text-align: center; margin: 0 auto; padding-bottom: 80px;display: flex; flex-wrap: wrap; max-width: 935px;}
.sd_video ul li{display: inline-block; width: 300px; min-height: 280px; height: auto; margin: 0 5px 15px; text-align: left; }
.sd_video ul li a{display: block; color: #202020; min-height: 280px; height: auto ; font-size: 16px;}
.sd_video ul li a p{height: 50px; display: block; padding-left: 10px;}
.arrow_search_main{display: flex; justify-content: center; align-items: center; padding-top: 35px; padding-bottom: 125px;}

.sd_arrow_box ul{text-align: left;}
.sd_arrow_box ul li{display: inline-block; width: 20px; height: 20px; border: 1px solid #aaa; text-align: center; font-size: 12px; line-height: 16px;}

.sd_arrow_box ul li a{width: 20px;height: 20px; line-height: 20px; display: block;}
.sd_arrow_box ul li:nth-child(3){background: #5d5d5d;color: #fff;}

.page05_link{ max-width: 935px; width: 100%;margin: 0 auto; padding-top: 50px;}
.p_05_link{display: flex; text-align: center;align-items: center;width: 100%;margin: 0 auto; justify-content: center; min-height: 60px; line-height: 60px; background: #f2f2f2;}
.p_05_link p{font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; padding-right: 10px; line-height: 1.5em;}
.p_05_link p span{display: inline-block; vertical-align: baseline;}
.new_p05_link{display: flex;}
.new_p05_link a{display: block; width: 110px; height: 40px; line-height: 40px; background: #fff; margin: 0 5px; font-size: 13px; color: #202020;}
.new_p05_link a span{display: inline-block; vertical-align: middle; font-size: 1.6em; line-height: 40px;}
.new_p05_link a img{max-width: 20px; vertical-align: text-top; padding-right: 5px;}
/*page01 end*/

/*page02*/

.cate04_sub02{width: 100%;}

.cate04_main{ text-align: center;}
.news{text-align: center; padding: 75px 0;}

table{ margin: 0 auto; }
.news_header{text-align: center;}
.news_header th{font-size: 18px; color: #202020; font-weight: bold;}
.news_header th:nth-child(1){width: 90px;}
.news_header th:nth-child(2){width: 870px;}
.news_header th:nth-child(3){width: 120px;}

.board_list_00 tr:first-child{border-bottom: 2px solid #c6c6c6; border-top: 2px solid #1e2874; background: #f7f7f7;}
.board_list_00 tr:last-child{border-bottom: 2px solid #c6c6c6;}
.board_list_00 tr{height: 75px; border-bottom: 1px solid #e7e7e7;}
/*.news tr td{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}*/

.news tr td:nth-child(1){width: 10%;}
.news tr td:nth-child(2){width: 80%;}
.news tr td:nth-child(3){width: 10%;}

.news tr td:nth-child(2) a{display: block; color: #202020;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 75px; line-height: 75px;}
td:nth-child(2){text-align: left;}

.arrow_search{display: flex; justify-content: space-between; align-items: center; padding-top: 35px;}

.sd_arrow_box ul{text-align: left;}
.sd_arrow_box ul li{display: inline-block; width: 20px; height: 20px; border: 1px solid #aaa; text-align: center; font-size: 12px; line-height: 16px;}

.sd_arrow_box ul li a{width: 20px;height: 20px; line-height: 20px;}
.sd_arrow_box ul li:nth-child(3){background: #5d5d5d;color: #fff;}

.search_box{ position: relative; /*width: 50%;*/ margin: 0 auto;}
#searchs{ height: 40px; border: 1px solid #dfdfdf; outline: none; padding-left: 20px; color: #000; font-weight: 400; background: #f7f7f7;width: 568px; margin: 0 auto;}
.search_box a{position: absolute ;top: 0; right: 0; width: 40px; height: 40px; color: #fff; background: #1e2874; text-align: center;}
.search_box a span{line-height: 40px;}

/*page end*/

/*cate04 end*/



/*cate05*/

.cate05_01{background:  url(../images/sub/sd05main.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; width: 100%; margin: 0 auto; max-width: 1920px; min-height: 398px; height: auto;}

.cate05_sub01{background:  url(../images/sub/sd05_02.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover; width: 100%; max-width: 1920px; min-height: 1200px; height: auto; margin: 0 auto;}

.sd05_01{padding: 170px 10px 0;}
.sd05_01 h3{max-width: 650px; height: 70px; line-height: 70px; display: block; color: #fff; font-size: 28px; font-weight: 700; font-family: 'Noto Sans KR', sans-serif; background: #1e2874; text-align: center; margin: 0 auto; border-radius: 35px; margin-bottom: 50px; width: 100%;}
.sd05_01 h4{max-width: 822px; height: 50px; line-height: 50px; text-align: center; margin: 0 auto; background: #88b1d5; color: #fff; font-size: 24px; font-weight: 700; font-family: 'Noto Sans KR', sans-serif; border-radius: 25px; margin-top: 45px; margin-bottom: 25px; width: 100%;}

.sd05_01_arrow{text-align: center;}
.sd05_01_arrow img{max-width: 102px; width: 100%; margin: 0 auto; padding-bottom: 10px;}

.sd05_01 ul{display: flex; justify-content: center; align-items: center; text-align: center; padding-bottom: 115px; flex-wrap: wrap;}
.sd05_01 ul li{width: 255px; height: 100px; background: #dfebf7; margin: 0 20px; border-radius: 25px; text-align: center; margin-bottom: 20px;}

.sd05_01 ul li p{color: #171717; font-size: 20px; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; display: block;padding-top: 25px;}
.sd05_01 ul li p span{display: block;}

.sd05_01 ul li:nth-child(1) p{padding-top: 40px;}
.sd05_01 ul li:nth-child(3) p{padding-top: 40px;}

.sd05_02 ul{display: flex; justify-content: center; align-items: center; text-align: center; flex-wrap: wrap;}
.sd05_02 ul li{display: inline-block; width: 170px; height: 170px; background: #d9d9d9; border-radius: 50%; box-shadow: 0px 60px 30px rgba(0,0,0,0.5); margin: 0 10px 30px;}

.sd05_02 ul li p{color: #fff; font-size: 20ppx; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; line-height: 1.3em; padding-top: 50px; }
.sd05_02 ul li p span{display: block;}

.sd05_02 ul li:nth-child(1) p{padding-top: 60px;}
.sd05_02 ul li:nth-child(2) p{padding-top: 70px;}
.sd05_02 ul li:nth-child(3) p{padding-top: 70px;}
.sd05_02 ul li:nth-child(4) p{padding-top: 70px;}

/*page01 end*/

/*page02*/

.cate05_sub02{background:  url(../images/sub/sd05_03.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover; width: 100%; max-width: 1920px; margin: 0 auto; min-height: 1420px; height: auto;}
.sd05_03{padding-top: 100px;}
.sd05_03 h3{display: block; color: #fff; font-size: 27px; font-weight: 700; font-family: 'Noto Sans KR', sans-serif; text-align: center; margin: 0 auto; padding-bottom: 50px; position: relative;}

/*.sd05_03 h3::after{position: absolute; top: 100px; left: 0 ; right: 0; margin: 0 auto; content: ""; display: block;width: 2px; height: 850px; background: linear-gradient(to bottom, #ffffff 0%,#d9dada 50%,#cbe3fc 79%,#a4e4fb 100%); ; line-height: 850px;}*/
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


/*.sd05_sub02{display: flex; justify-content: space-between; max-width: 900px; margin: 0 auto; text-align: center;}

.sdsub01{text-align: right; width: 300px;}

.sdsub01 p{color: #fff;}

.sdsub02{text-align: left;}
.sdsub02 p{color: #fff;}
.sdsub02 span{display: block;}*/

.page02_history ul{display: flex; justify-content: space-around; width: 100%; margin: 0 auto; align-items: baseline;}

.page02_history ul li p{display: block; text-align: center;}
.page02_history ul li p span{display: block; }

.page02_history ul li:nth-child(1) {text-align: right;width: 380px; }
.page02_history ul li:nth-child(1) p {text-align: right; color: #fff; font-size: 19px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; position: relative;}
.page02_history ul li:nth-child(1) p::after{position: absolute; width: 102px; height: 2px; line-height: 2px; content: ""; background: linear-gradient(to bottom, #ffffff 0%,#d9dada 50%,#cbe3fc 79%,#a4e4fb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */; bottom: -13px;right: 0;}
.page02_history ul li:nth-child(2) {text-align: left; width: 380px;}
.page02_history ul li:nth-child(2) p {text-align: left; color: #fff; line-height: 1.3em; font-size: 19px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; position: relative;}
.page02_history ul li:nth-child(2) p::after{position: absolute; bottom: -13px; left: 0 ;width: 208px; height: 2px; line-height: 2px; background: linear-gradient(to bottom, #ffffff 0%,#d9dada 50%,#cbe3fc 79%,#a4e4fb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */; display: block; content: "";}

.page02_history  ul li:nth-child(2) p span {text-align: left;}

.page02_history  ul {padding-bottom: 60px;}

.sd05_sub03{position: relative;}

.sd05_sub03 > ul{position: absolute; top: 30px; left: 50%; transform: translateX(-50%)}

.sd05_sub03 > ul::after{content: ""; display: block;width: 2px; height: 1118px; background: linear-gradient(to bottom, #ffffff 0%,#d9dada 50%,#cbe3fc 79%,#a4e4fb 100%); ; line-height: 840px;}

.sd05_sub03 > ul li{position: absolute; left: 50% ; transform: translateX(-50%);margin: 0 auto; }

.sd05_sub03 > ul li:nth-child(1){top: -20px;}
.sd05_sub03 > ul li:nth-child(2){top: 60px;}
.sd05_sub03 > ul li:nth-child(3){top: 140px;}
.sd05_sub03 > ul li:nth-child(4){top: 230px;}
.sd05_sub03 > ul li:nth-child(5){top: 340px;}
.sd05_sub03 > ul li:nth-child(6){bottom: 600px;}
.sd05_sub03 > ul li:nth-child(7){bottom: 440px;}
.sd05_sub03 > ul li:nth-child(8){bottom: 355px;}
.sd05_sub03 > ul li:nth-child(9){bottom: 275px;}
.sd05_sub03 > ul li:nth-child(10){bottom:160px;}
.sd05_sub03 > ul li:nth-child(11){bottom: -20px;}

/*.sd05_sub03 > ul li::after{background:  url(../images/sub/history.png) center center no-repeat; content: "";width: 20px; height: 20px; line-height: 20px; -webkit-background-size: cover;
background-size: cover;}*/

/*page02 end*/


/*page03*/

.cate05_sub04{width: 100%;margin: 0 auto; padding: 70px 0 210px;}

.cate05_sub04 > div{display: flex;  width: 100%; margin: 0 auto;}
.sub04_sd01{width: 20%;}
.sub04_sd01 h3{font-size: 25px; color: #202020; display: block; position: relative;}
.sub04_sd01 h3::after{width: 3px; height: 28px; line-height: 28px; content: ""; background: #1e2874; display: block; position: absolute; top: 0; left: 50px;}

.sub04_sd02 ul{width: 100%; text-align: left;}
.sub04_sd02 ul li{display: inline-block; padding-bottom: 60px;}

.sub04_sd03{width: 9%;}
.sub04_sd03 h3{font-size: 25px; color: #202020; display: block; position: relative;}
.sub04_sd03 h3::after{width: 3px; height: 28px; line-height: 28px; content: ""; background: #1e2874; display: block; position: absolute; top: 0; left: 50px;}

.sub04_sd04 ul{width: 100%; text-align: left;}
.sub04_sd04 ul li{display: inline-block; }

/*.sub04_sd02 ul li img{max-width: 245px;width: 100%; margin: 0 auto;}*/

/*page03 end*/






/*page04*/

.cate05_page04{padding-top: 70px; padding-bottom: 130px;}

.ctpage04_title{display: flex; align-items: center; padding-bottom: 50px; }
.ctpage04_title h3{font-size: 20px; color: #1e2874; font-weight: 600;font-family: 'Noto Sans KR', sans-serif; padding-left: 15px;}


.ctpage04_wrap{width: 100%;background:  url(../images/sub/cate05_page04_03.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; min-height: 845px; height: auto;}

.ctpage04_img{overflow-x: auto; white-space: nowrap;}
.ctpage04_img img{max-width: 1199px; margin: 0 auto;}



/*page04 end*/



/*page05*/

.cate06_sub01{padding: 0 10px;}

.cate05_page05{width: 100%;margin: 0 auto;}

.ct05{width: 100%; text-align: center;}

.ct05 h3{display: block; color: #202020; font-size: 25px; padding: 65px 0 30px; font-family: 'Noto Sans KR', sans-serif; font-weight: 600; }

.ct05_01{width: 100%; min-height: 250px; height: 250px; background: #b8d1dd; margin-bottom: 80px; box-sizing: border-box;}

.ct05_01 ul{display: flex; justify-content: space-between;}

.ct05_01 ul li{position: relative;}

.ct05_01 ul li::after{background:  url(../images/sub/arrow.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; content: ""; display: block;width: 12px; height: 18px; position: absolute; top: 50%; left: 210px ; transform: translateY(-50%)}

.ct05_01 ul li:last-child::after{display: none;}

.ct05_01img{width: 165px; height: 165px; background: #fafafa; border-radius: 50%; margin-top: 15px;}
.ct05_01 ul li:nth-child(4) .ct05_01img{background: #e3e3e3;}
.ct05_01 ul li:nth-child(5) .ct05_01img{background: #e3e3e3;}

.go_now a{display: block; color: #202020;}
.go_now a:hover{display: block; color: #1e2874; font-weight: bold;}

.ct05_01 ul li img{max-width: 80px; width: 100%; margin: 0 auto; padding-top: 45px; align-items: center; vertical-align: middle;}

.ct05_01 ul li p{font-size: 16px; color: #101010; padding-top: 15px; line-height: 1.3em; font-family: 'Noto Sans KR', sans-serif; font-weight: 600;}
.ct05_01 ul li p span{display: block;}

.m_ct05{width: 100%; background: #eff5f7; display: none;  position: relative;}
.m_ct05 a{display: block;}
.m_ct05 a img{display: block; max-width: 640px;width: 100%; margin: 0 auto; }
/*.m_ct05_wrap{max-width: 560px; margin: 0 auto;width: 100%;}
.m_ct05 .m_ct05_01{display: flex;justify-content: space-between; align-items: center;}
.m_ct05 .m_ct05_02{display: flex; justify-content: flex-end; align-items: center}
.m_ct05 .m_ct05_02 li{padding-left: 10px;}
.m_ct05_wrap > p{display: block; transform: rotate(90deg); text-align: right;}*/

.ct05_02{padding-bottom: 80px;}
.ct05_02 ul{display: flex;justify-content: center; text-align: center; flex-wrap: wrap;}

.ct05_02 ul li{padding: 0 50px;}

.ct05_02img{width: 165px; height: 165px; background: #e7f6fd; border-radius: 50%; margin: 0 auto;}

.ct05_02 ul li img{max-width: 80px; width: 100%; margin: 0 auto; padding-top: 35px; align-items: center; vertical-align: middle;}

.ct05_02 ul li p{font-size: 16px; padding-top: 15px; line-height: 1.3em; font-family: 'Noto Sans KR', sans-serif;}
.ct05_02 ul li p:nth-child(2){color:#1e2874; font-weight: 600;}
.ct05_02 ul li p:nth-child(2) span{display: block;}
.ct05_02 ul li p span{display: block;}

.cate05_title{color: #656565; font-weight: 400;}


.gift{width: 100%; margin: 0 auto; padding-bottom: 70px;}

.gift ul{display: flex; justify-content: space-around; flex-wrap: wrap; max-width: 1000px; margin: 0 auto; }
.gift ul li{width: 230px; height: 290px; display: inline-block; background: #ddd; text-align: center; margin-bottom: 15px;}


.gift ul li img{padding-top: 25px; padding-bottom: 25px;}
.gift ul li p{color: #fff; font-family: 'Noto Sans KR', sans-serif;font-weight: 600; padding-bottom: 25px; font-size: 16px;}
.gift ul li span{display: block; color: #fff; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.3em;}

.gift ul li:nth-child(1),.gift ul li:nth-child(5){background: #777ca8;}
.gift ul li:nth-child(2),.gift ul li:nth-child(6){background: #96a3cd;}
.gift ul li:nth-child(3),.gift ul li:nth-child(7){background: #14366c;}
.gift ul li:nth-child(4),.gift ul li:nth-child(8){background: #85b0b1;}

/*.page05{padding: 0 10px;}*/

/*page05 end*/

/*cate05 end*/

/*cate06*/

.row3{
    max-width: 1030px;
    margin: 0 auto;
}

.cate06_01{background:  url(../images/sub/contacus_main_02.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; width: 100%; margin: 0 auto; max-width: 1920px; min-height: 398px; height: auto;}

.contactus{width: 100%; margin: 0 auto; display: flex; justify-content: center;vertical-align: baseline;padding: 55px 0 70px; position: relative;}

.contactus h3{margin: 0 auto; color: #171717; font-size: 25px; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; position: relative;}

.contactus ul li{width: 2px; height: 28px; line-height: 28px; background: #1e2874; /*content: '';*/ display: block;}
.contactus .pc_conttitle{margin: 0 auto; font-size: 18px; color: #5b5a5a;}
.contactus .pc_conttitle span{display: block;padding-top: 10px;}
.contactus .m_conttitle{display: none; margin: 0 auto; font-size: 15px; color: #5b5a5a; padding-top: 20px; line-height: 1.8em;} 
.contactus .m_conttitle span{display: block;} 


.contac_wrap{width: 100%; padding-bottom: 30px;}
.contac_wrap > h5{display: block;font-size: 17px; color: #202020;  font-weight: 600; font-family: 'Noto Sans KR', sans-serif; padding-bottom: 30px;}
.contac_wrap span{display: inline-block; vertical-align: baseline; font-size: 16px; color: #5b5a5a;  font-weight: 500; font-family: 'Noto Sans KR', sans-serif;}

.contactitle{border-top: 3px solid #202020; border-bottom: 3px solid #202020; box-sizing: border-box; }

.names{display: flex; /*padding: 20px 0;*/ border-bottom: 1px solid #c1c1c1; text-align: center; align-items: center; box-sizing: border-box;}
.names > h5{max-width: 145px; height: 80px; line-height: 80px; width: 100%; background: #e6e6e6; margin-right: 10px;}
.names01 input{width: 145px; height: 35px; border: 1px solid #ccc; outline: none;color: #202020; }

.names input{outline: none; border: none; border: 1px solid #ccc;}
.names p{padding: 0 10px;}
.names10 input{width: 145px; height: 35px;}

.names02{position: relative;}
.names02 input{width: 100%; height: 35px; color: #202020; border: 1px solid #ccc; outline: none; max-width: 145px; box-sizing: border-box;}
.names02 #naver{width: 100%; height: 35px; margin-right: 5px; text-indent: 10px; max-width: 150px;}
.names02 #btn{max-width: 170px; height: 35px;text-indent:10px; position: relative; width: 100%;}
.names02 p{ height: 35px; line-height: 35px; padding: 0 15px; color: #b7b7b7;}
.names02 ul{position: absolute;bottom: -70px;left: 457px; max-width: 175px; border: 1px solid #ccc; display: none; width: 100%; box-sizing: border-box;}
.names02 li a{display: block;width: 170px; height: 35px; line-height: 35px; background: #fff; color: #b7b7b7; box-sizing: border-box;}
.names02 li a:hover{color: #555;}
.names02 .material-icons{position: absolute; top: 45px;left: 595px; cursor: pointer; display: block;}

.names02 .btnblock{display: inline-flex;}

.names03 select{border: 1px solid #ccc; width: 60px; height: 39px;}
.names03 input{max-width: 60px; height: 35px; border: 1px solid #ccc; outline: none; width: 100%;}

.names11 select{border: 1px solid #ccc; width: 60px; height: 39px;}
.names11 input{max-width: 60px; height: 35px; border: 1px solid #ccc; outline: none; width: 100%;}

.names:last-child{border-bottom: none;}

.btnp > p{color: #f73131; font-size: 12px; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; position: absolute; bottom: -8px; left: 150px;}


.texts01{display: flex; /*padding: 35px 0;*/}
.texts01 h5{max-width: 145px;width: 100%; text-align: center; height: 80px; line-height: 80px; background: #e6e6e6; margin-right: 10px;}
.texts01 input{max-width: 995px; height: 240px; color: #b7b7b7; border: 1px solid #ccc; text-indent: 10px; outline: none; width: 100%;}

.texts01 textarea{width: 500px; border: 1px solid #ccc; height: 40px; margin-top: 20px;}
.btnblock select{border: 1px solid #ccc; height: 35px; max-width: 145px; width: 100%; box-sizing: border-box;}


.cate06_sub02 > h3{font-size: 17px; color: #202020; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; }
.cate06_sub02 > span{ font-weight: 600; font-family: 'Noto Sans KR', sans-serif; font-size: 13px; color: #202020; text-align: right; display: block; padding: 5px 0;}

.cate06_sub03{max-width: 1030px; height: 95px; border: 1px solid #8e8e8e; width: 100%; box-sizing: border-box;}
.cate06_sub03 > p{ font-weight: 400; font-family: 'Noto Sans KR', sans-serif; font-size: 15px; color: #3a3a3a;line-height: 1.5em; text-indent: 10px;}

.catesub03_cheack{display: flex; padding-top: 30px;}
.catesub03_cheack #ckecked{width: 20px; height: 20px; border: 2px solid #ddd;}
.catesub03_cheack > p{ display: flex;}
.catesub03_cheack > p label{font-weight: 600; font-family: 'Noto Sans KR', sans-serif; font-size: 13px; color: #202020; padding: 5px 0 0 5px;}

.cheackbox_link{padding: 40px 0 60px;}
.cheackbox_link ul{width: 100%; margin: 0 auto; text-align: center;}
.cheackbox_link ul li{display: inline-block; padding: 0 10px;}
.cheackbox_link ul li a{ font-weight: 600; font-family: 'Noto Sans KR', sans-serif; font-size: 18px; width: 160px; height: 50px; line-height: 50px; display: inline-block;}
.cheackbox_link ul li:nth-child(1) a{background: #303030; color: #fff;}
.cheackbox_link ul li:nth-child(2) a{border: 1px solid #303030; color: #202020;}


.maps{padding-bottom: 120px;}
.maps > h3{font-size: 25px; color: #171717; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; padding-bottom: 20px;}

.map_title01{padding: 25px 0;}
.map_title01 h5{ font-weight: 600; font-family: 'Noto Sans KR', sans-serif; font-size: 20px; color: #202020; padding-bottom: 25px;}
.map_title01 p{display: block; font-size: 18px; color: #8f8f8f; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; line-height: 1.5em;}
.map_title01 span{display: inline-block; vertical-align: baseline; font-size: 18px; color: #8f8f8f; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; padding-bottom: 20px; line-height: 1.3em;}

/*.maptitle01{border-top: 3px solid #1e2874 }
.maptitle02{border-bottom: 3px solid #1e2874;}*/

.map_title01:nth-child(1)::before{content: ""; display: block; width: 100%; height: 4px; background: linear-gradient(to right, #ffffff 0%,#1e2874 99%); margin: 0 auto;margin-bottom: 30px;}
.map_title01:nth-child(3)::after{content: ""; display: block; width: 100%; height: 4px; background: linear-gradient(to right, #ffffff 0%,#1e2874 99%); margin: 0 auto; margin-top: 30px;}


/*cate06 end*/

.frame_vidoe{position: relative;height: auto; padding-bottom: 20px;}


/*201207추가개발*/

/*table01*/

.lineimg{margin-bottom: 40px;}

.new_mod_table{width: 100%;max-width: 1180px; margin: 0 auto;}

.newmod_table01{width: 1180px; border: 3px solid #171717; box-sizing: border-box; display: block;}
.new_headtable01 tr{height: 45px; line-height: 45px;border-bottom: 3px solid #171717; box-sizing: border-box;}
.new_headtable01 tr th:nth-child(1){width: 180px; border-right: 3px solid #171717; box-sizing: border-box;}
.new_headtable01 tr th{border-right: 1px solid #171717; box-sizing: border-box; width: 120px;}
.new_headtable01 tr th:last-child{width: 225px; border-right: none;}
.new_headtable01 tr th span{display: inline-block; vertical-align: baseline;}

.new_bodytable01 tr{height: 45px; line-height: 45px; box-sizing: border-box; border-bottom: 1px solid #171717;}
.new_bodytable01 tr td{text-align: center; border-right: 1px solid #171717; box-sizing: border-box; padding: 0 10px; width: 120px; font-size: 14px;} 
.new_bodytable01 tr td:nth-child(1){width: 180px; border-right: 3px solid #171717; box-sizing: border-box;} 
.new_bodytable01 tr td:last-child{border-right: none;}

.new_bodytable01 tr.nbodyt01_09{height: 165px;}

.new_bodytable01 tr.nbodyt01_03 td{font-size: 13px;}
.new_bodytable01 tr.nbodyt01_07 td{font-size: 13px;}

/*table02*/

.newmod_table02{width: 1180px; border: 3px solid #171717; box-sizing: border-box; display: block;}
.new_headtable02 tr{height: 45px; line-height: 45px;border-bottom: 3px solid #171717; box-sizing: border-box;}
.new_headtable02 tr th:nth-child(1){width: 180px; border-right: 3px solid #171717; box-sizing: border-box;}
.new_headtable02 tr th:nth-child(2){width: 100%;}

.new_bodytable02 tr{height: 45px; line-height: 45px; box-sizing: border-box; border-bottom: 1px solid #171717;}
.new_bodytable02 tr td{text-align: center; border-right: 1px solid #171717; box-sizing: border-box; font-size: 14px; padding: 0 10px;} 
.new_bodytable02 tr td:nth-child(1){width: 180px; border-right: 3px solid #171717; box-sizing: border-box;} 
.new_bodytable02 tr td:last-child{border-right: none;}

.new_bodytable02 tr.nbodyt02_01 td:nth-child(2){width: 165px;}
.new_bodytable02 tr.nbodyt02_01 td:nth-child(3){width: 165px;}
.new_bodytable02 tr.nbodyt02_01 td:nth-child(4){width: 165px;}
.new_bodytable02 tr.nbodyt02_01 td:nth-child(5){width: 165px;} 
.new_bodytable02 tr.nbodyt02_01 td:nth-child(6){width: 165px;}
.new_bodytable02 tr.nbodyt02_01 td:nth-child(7){width: 165px;}

.new_bodytable02 tr.nbodyt02_09{height: 220px;}
.new_bodytable02 tr.nbodyt02_03 td{font-size: 13px;}
.new_bodytable02 tr.nbodyt02_07 td{font-size: 13px;}


/*201209 추가 camtable*/

.new_cam_wrap{width: 820px; margin: 0 auto;}
.new_cams01{width: 820px;margin: 0 auto; border: 3px solid #1e2874; box-sizing: border-box;}
.new_cams01_1{
    margin-left: 16px;
}
.new_cams01_2{
    margin-left: 30px;
}
.new_cams01_3{
    margin-left: 27px;
}

/*.new_cams01 tr:last-child{border-bottom: none;}*/

.new_cams01 .new_camhead{width: 820px;margin: 0 auto; height: 40px; line-height: 40px; background: #1e2874;}
.new_cams01 .new_camhead tr th{font-size: 17px; height: 40px; line-height: 40px; color: #fff; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; text-align: center; border-bottom: 1px solid #1e2874; box-sizing: border-box;}
.new_cams01 .new_camhead2 tr th{
    width: 33.3%;
}


/* .new_cams01 .new_camhead tr th:nth-child(1){width: 155px;}
.new_cams01 .new_camhead tr th:nth-child(2){width: 335px;}
.new_cams01 .new_camhead tr th:nth-child(3){width: 330px;} */

.new_cams01 .new_cambody{height: 38px; }
.new_cams01 .new_cambody tr td{height: 38px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; font-size: 15px; text-align: center;  border-bottom: 1px solid #1e2874; box-sizing: border-box; line-height: 1.3em; padding: 5px 0;}

.new_cams01 .new_cambody tr td:nth-child(1){width: 155px;}

.new_cams01 .new_cambody tr td:nth-child(2){width: 335px;}
.new_cams01 .new_cambody tr td:nth-child(3){width: 330px; text-align: left; text-indent: 5px;}

.new_cams01 .new_cambody tr.n01_cambody02 td{font-size: 12.5px; }
.new_cams01 .new_cambody tr.n01_cambody03 td:nth-child(3){border-bottom: none; font-size: 13px;}
.new_cams01 .new_cambody tr.n01_cambody04 td:nth-child(3){border-bottom: none; font-size: 13px; }
.new_cams01 .new_cambody tr.n01_cambody05 td:nth-child(3){border-bottom: none; font-size: 13px;}

.new_cams01 .new_cambody tr.n01_cambody05 td.new_bordernone01{border-bottom: 1px solid #1e2874;}

.new_cams01 .new_cambody tr.n01_cambody06 td:nth-child(3){font-size: 13px;}
.new_cams01 .new_cambody tr.n01_cambody07 td:nth-child(3){ font-size: 13px;}

.new_cams01 .new_cambody tr.n01_cambody07 td.new_cbodynone:nth-child(3){font-size: 15px;}
.new_cams01 .new_cambody tr.n01_cambody07 td.new_cbodynone:nth-child(2){font-size: 13px;}

/*201210추가*/

.new_sdprod01{display: flex; align-items: center; width: 100%; height: 165px; white-space: nowrap; overflow-x: auto; margin-top: 40px; /*border-bottom: 1px solid #1e2874; padding-bottom: 20px;*/ background: #f5f5f5;}
.new_sdproBox{margin-top: 0; padding: 15px 0 ; box-sizing: border-box; height: auto;}


.new_prod01{display: block; width: 380px; margin: 0 auto; text-align: center; padding-right: 30px;}
.new_prod01 img{text-align: center;}
.new_prod01 p{display: block; text-align: center; font-size: 14px;}
.new_prod02{display: flex; width: 700px; margin: 0 auto; justify-content: center;}
.new_prod02 p{display: block; margin: 0 10px;}
.new_prod02 p img{display: block;}
.new_prod02 p span{display: block; text-align: center; vertical-align: baseline; font-size: 14px; color: #202020;}

.newimg_table{text-align: center; display: flex; align-items: center; justify-content: center;}
.newimg_table p img{padding: 20px 10px;}
.newimg_table p span{display: block; vertical-align: baseline; font-size: 13px; color: #202020;}
.new_cams01 .new_cambody2 tr td:nth-child(1){
    width: 22%;
}
.new_cams01 .new_cambody2 tr td:nth-child(2){
    width: 50%;
}
.new_cams01 .new_cambody2 tr td:nth-child(3){
    width: 28%;
}
.new_cams01 .new_cambody3 tr td:nth-child(1){
    width: 33.3%;
}
.new_cams01 .new_cambody3 tr td:nth-child(2){
    width: 33.3%;
}
.new_cams01 .new_cambody3 tr td:nth-child(3){
    width: 33.3%;
}

/*new_page201229*/

.new_3d_cont_wrap{padding-bottom: 0px;} 


.new_3d_wrap{width: 100%; margin: 0 auto; display: flex; justify-content: space-around;vertical-align: baseline; padding: 0px 0 30px; position: relative; align-items: center; text-align : center;}

.new_3d_wrap h3{color: #171717; font-size: 25px; font-weight: 600; font-family: 'Noto Sans KR', sans-serif;}

.new_3d_wrap ul li{width: 2px; height: 300px; line-height: 300px; background: #1e2874; display: block;}
.new_3d_text p{margin: 0 auto; font-size: 18px; color: #5b5a5a; padding-bottom: 15px;}
.new_3d_text p span{display: block;padding-top: 10px;}

.new_3d_text{padding-top: 20px;}
.m_3d{display: none;}

.new_font{ text-align: center; font-size: 21px; color: #1e2874; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; margin-top:100px; padding-bottom: 70px; line-height: 1.3em;}

.new_font > span{display: block; vertical-align: baseline;}

.new_3d_cont01{display: flex; align-items: center; justify-content: space-around;}

.new_3d_cont01_1{}
.new_3d_cont01_1 > img{width: 324px;}

.new_3d_cont01_2 > p.re_name{font-size: 24px; font-weight: 600; color: #1e2874; font-family: 'Noto Sans KR', sans-serif; height: 35px; line-height: 35px;}
.new_3d_cont01_2 > p.re_name > img{ padding-left: 15px; vertical-align: baseline;}
.new_3d_cont01_2{width: 520px;}
.new_3d_cont01_2 p{font-size: 18px; color: #202020; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; line-height: 1.5em;}
.new_3d_cont01_2 p.pctext_3d{padding-bottom: 35px;}
.new_3d_cont01_2 p.mtext_3d{padding-bottom: 35px;}
.new_3d_cont01_2 p > span{display: block; vertical-align: baseline;}

.new_3d_cont01_2 a{display: block; padding-bottom: 20px; font-size: 15px; color: #202020; width: 240px; height: 30px; line-height: 30px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
.new_3d_cont01_2 a::after{width: 0px; height: 1px; background: #1e2874; content: "";display: block; transition: all 0.5s ease-out;} 
.new_3d_cont01_2 a:hover{color: #1e2874;}
.new_3d_cont01_2 a:hover::after{width: 240px;}

.mtext_3d{display: none;}
/*
.new_3dbg{background:  url(../images/sub/new_sd_3dbg.png) 50% 50% no-repeat;margin: 0 auto; height: 650px;}*/

.new_3d_cont02_2{/*width: 575px; float: right;*/}
.new_3d_cont02_2 p{font-size: 18px; color: #202020; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; line-height: 1.5em;}
.new_3d_cont02_2 p:nth-child(1){padding-bottom: 35px;}
.new_3d_cont02_2 p > span{display: block; vertical-align: baseline;}

.new_micro01{text-align: center; position: relative;}
.new_micro01 img{}
.new_micro01 p{font-size: 16px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; padding-top: 15px; color: #202020; line-height: 1.5em; width: 800px; margin: 0 auto; text-align: right;}
.new_micro01 p span{display: inline-block; vertical-align: baseline;}

.new_micro02{text-align: center; width: 730px; height: 335px; margin: 0 auto;}
.new_micro02 img{max-width: 750px;width: 100%;margin: 0 auto;}
.new_micro02 p{text-align: center; font-size: 16px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; padding-top: 25px;}
.new_micro02 p span{display: inline-block; vertical-align: baseline; color: #202020;}


.new_padding00{padding-bottom: 110px;}

/*210112*/

.new_posimg01{width: 860px; margin: 0 auto; padding: 0px 0 80px;}
.new_posimg01 ul{text-align: center; width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.new_posimg01 ul li{}

.npos01 img{}
.npos01 p{display: block; font-size: 15px; color: #1e2874;line-height: 1.3em; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; height: 37px;}
.npos01 p span{display: block; vertical-align: baseline; text-align: left;}

.npos00{position: relative;}
.npos00 > p.newab01{position: absolute; top: 50px; right: 0;}
.npos00 > p.newab01 > span{text-align: center;}
.npos00 > p.newab02{position: absolute; bottom: 60px; left: 0;}
.npos00 > p.newab02 > span{text-align: center;}

.n_posimg02{padding: 80px 0 70px;}
.npos02{position: relative;}
.npos02 p{font-family: 'Noto Sans KR', sans-serif;  color: #1e2874;}
.newab03{position: absolute; top: -35px; left: 200px; font-weight: 600;}
.newab04{position: absolute; bottom: 147px;left: 25px; font-weight: 600;}
.newab05{position: absolute; bottom: 147px;left: 0;right: 0; width: 100%;margin: 0 auto; text-align: center; font-weight: 600;}
.newab06{position: absolute; bottom: 147px; right: 70px; font-weight: 600;}
.newab07{position: absolute;line-height: 1.3em; font-size: 14px; left: 0; padding-top: 10px; font-weight: 400;}
.newab07 span{display: block; vertical-align: baseline; color: #202020;}
.newab08{position: absolute;line-height: 1.3em; right: 0; font-size: 14px; padding-top: 10px; font-weight: 400;}
.newab08 span{display: block; vertical-align: baseline; color: #202020;}

/*210113*/


.new_all_in_wrap{padding: 0 0 20px;}
.nallin thead tr{height: 55px;}
.nallin thead tr th:nth-child(1){font-size: 20px; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; width: 538px;}
.nallin thead tr th:nth-child(2){width: 90px;}
.nallin thead tr th:nth-child(3){width: 182px; text-align: center;}
.nallin thead tr th:nth-child(3) img{max-width: 170px; text-align: center;}

.nallin tbody tr{height: 110px;}
.nallin tbody tr td:nth-child(1){width: 538px;}
.nallin tbody tr td:nth-child(2){width: 90px; text-align: center; padding: 0 20px;}
.nallin tbody tr td:nth-child(3){width: 182px; text-align: center;}

.nallin tbody tr td:nth-child(1) img{max-width: 538px;}
.new_font3d span{color: #444; font-size: 14px; font-weight: 400;}

.new_font3d strong{display: inline-block; vertical-align: baseline;}
.new_3dcon_m{display: none;}

.new_font3d01 span{display: inline-block; vertical-align: baseline;}


/*210122*/

/*광학&비전검사기*/

.optic_uses_wrap{width: 100%; margin: 0 auto;}
.optic_uses_wrap h3{ color: #171717; font-size: 18px; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; margin-bottom: 50px; line-height: 1.5em; text-align: center;}
.optic_uses_wrap h3 span{display: inline-block; vertical-align: baseline}

.optic_uses{overflow-x: auto; white-space: nowrap;}
.uses_name{display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px;}

.uses_img{margin-right: 100px;}

.use_table_wrapper p{font-size: 15px; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; padding-bottom: 20px;}

.uses_table{width: 860px;  border: 3px solid #1e2874; box-sizing: border-box; margin: 0 0 0 0 ;}

.uses_head{margin: 0 auto; height: 40px; line-height: 40px; background: #1e2874;}
.uses_head tr{}
.uses_head tr th{font-size: 17px; height: 40px; line-height: 40px; color: #fff; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; text-align: center; border-bottom: 1px solid #1e2874; box-sizing: border-box;}
.uses_head tr th:first-child{width: 250px;}
.uses_head tr th:nth-child(2){width: 400px;}
.uses_head tr th:last-child{width: 200px;}


.uses_body{}
.uses_body tr{border-bottom: 1px solid #1e2874; height: 50px; line-height: 50px; }
.uses_body tr td{line-height: 1.5em; font-size: 14px; font-family: 'Noto Sans KR', sans-serif; text-align: left; font-weight: 400; padding-bottom: 0;}

.uses_body tr td:first-child{width: 250px;  text-indent: 15px;}
.uses_body tr td:nth-child(2){width: 400px;  text-indent: 15px;}
.uses_body tr td:nth-child(3){width: 200px; text-align: center;}


.uses_body tr td a.use_link_click {line-height: 1.5em; font-size: 14px; font-family: 'Noto Sans KR', sans-serif; text-align: left; font-weight: 400; padding-bottom: 0;  color: #202020;}
.uses_body tr td a.use_link_click span{display: block; vertical-align: baseline;}
.uses_body tr td span{display: block; vertical-align: baseline;}




/*카메라모듈 시장현황*/

.optic_avi_wrap{width: 100%; margin: 0 auto; padding: 70px 0; overflow-x: auto; white-space: nowrap;}
.optic_avi_wrap h3{color: #171717; font-size: 18px; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; margin-bottom: 50px ; line-height: 1.5em; text-align: center;}
.optic_avi_wrap h3 span{display: block; vertical-align: baseline; font-size: 14px;}

.opticavi_scroll{width: 1180px;margin: 0 auto;}
.optic_avi{display: flex; align-items: center; justify-content: space-between;}
.avi_name{padding-right: 15px;}
.avi_name00{width: 180px; height: 70px; line-height: 70px; background: #1e2874; text-align: center; margin-bottom: 20px;}
.avi_name00 p{font-size: 17px;  color: #fff; font-family: 'Noto Sans KR', sans-serif;  }
.avi02{line-height: 1.5em;}
.avi02 p{padding-top: 11px;}

.avi_names00{display: flex; align-items: center;}

.avi_name01{width: 180px; text-align: center; background: #f0f0f0; height: 380px; }
.avi_name01 p{display: block; line-height: 2em; font-size: 15px; color: #202020; padding-top: 10px; font-weight: 600;}
.avi_name01 p span{display: block;}
 
.avi_arrow{margin-left: 15px;}
.avi_arrow img{}

.avi_img{padding-top: 15px; text-align: center; width: 180px;}


.optic_avi00{padding-top: 30px;}
.avi_lastoptic{display: flex;  justify-content: space-between;}
.avi_lastsuboptic{display: flex; width: 400px; justify-content: space-between; margin-right: 15px;}

.lastoptic_name{width: 180px; height: 70px; background: #1e2874; margin-bottom: 15px; margin-right: 15px}
.lastoptic_name p{font-size: 17px; color: #fff; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; line-height: 70px;text-align: center; }
.lastoptic_name p span{display: block; vertical-align: baseline;}

.lastoptic_height p{line-height: 1.5em; padding-top: 8px;}

.lastoptic_subname01{width: 180px; height: 165px; background: #f0f0f0;}
.lastoptic_subname01 p{text-align: center; line-height: 1.5em;font-size: 15px;   font-family: 'Noto Sans KR', sans-serif; font-weight: 600; color: #1e2874; padding-top: 15px;}
.lastoptic_subname01 p span{display: block; vertical-align: baseline; color: #202020;}

.lastoptic_subname02{width: 180px; height: 50px; background: #f0f0f0; }
.lastoptic_subname02 p{text-align: center; line-height: 1.5em;font-size: 15px; font-weight: 600; color: #1e2874;   font-family: 'Noto Sans KR', sans-serif; line-height: 50px;}


.avi_lastoptic02{width: 420px; margin-right: 15px}

.lastoptic_name01{display: flex; justify-content: space-between; margin-bottom: 15px;}
.loptic00{width: 200px; height: 70px;  background: #1e2874; margin-right: 10px;}
.loptic00 p{font-size: 17px; color: #fff; font-weight: 500;  font-family: 'Noto Sans KR', sans-serif; text-align: center; } 
.loptic00 p span{display: block; vertical-align: baseline;}

.loptic01{width: 200px; height: 70px; line-height: 70px; background: #1e2874;}
.loptic01 p{font-size: 17px; color: #fff; font-weight: 500;  font-family: 'Noto Sans KR', sans-serif;  text-align: center; } 

.lastoptic_name02{display: flex; justify-content: space-between; margin-bottom: 10px;}

.avi_click02{display: flex;justify-content: space-between ;}

.loptic02{width: 135px; height: 60px; background: #1e2874; margin-right: 5px;}
.loptic02 p{text-align: center;color: #fff; font-family: 'Noto Sans KR', sans-serif; line-height: 60px; font-size: 15px;}
.loptic03{width: 135px;height: 60px; background: #1e2874; margin-right: 5px; }
.loptic03 p{text-align: center;color: #fff; font-family: 'Noto Sans KR', sans-serif; line-height: 1.3em; padding-top: 10px; font-size: 15px;}
.loptic04{width: 135px; height: 60px; background: #1e2874; margin-right: 5px;}
.loptic04 p{text-align: center;color: #fff; font-family: 'Noto Sans KR', sans-serif; line-height: 1.3em; padding-top: 10px; font-size: 15px;}


.lastoptic_subname03{width: 420pxpx; height: 50px; background: #f0f0f0;}
.lastoptic_subname03 p{text-align: center; line-height: 1.5em;font-size: 15px; font-weight: 600; color: #1e2874;  font-family: 'Noto Sans KR', sans-serif; line-height: 50px;}

.lastoptic_subname04{width: 180px; height: 50px; background: #f0f0f0;}
.lastoptic_subname04 p{text-align: center; line-height: 1.5em;font-size: 15px; font-weight: 600; color: #1e2874;   font-family: 'Noto Sans KR', sans-serif; line-height: 50px;}


.avi_lastoptic00{position: relative;}
.avi_lastoptic01{position: relative;}
.avi_lastoptic02{position: relative;}
.avi_lastoptic03{position: relative;}

.avi_line00{position: absolute; top: -330px; right: -15px; transform: rotate(8deg);}
.avi_line00 p:nth-child(1){width: 10px; height: 10px; border-radius: 50%; background: #1e2874;} 
.avi_line00 span{display: block; width: 1px; height: 300px; background: #202020; margin: 0 auto;}
.avi_line00 p:nth-child(3){width: 10px; height: 10px; border-radius: 50%; background: #1e2874;}

.avi_line01{position: absolute; top: -350px; left: 40px;}
.avi_line01 p:nth-child(1){width: 10px; height: 10px; border-radius: 50%; background: #1e2874;} 
.avi_line01 span{display: block; width: 1px; height: 320px; background: #202020; margin: 0 auto;}
.avi_line01 p:nth-child(3){width: 10px; height: 10px; border-radius: 50%; background: #1e2874;}

.avi_line02{position: absolute; top: -350px; left: 80px;}
.avi_line02 p:nth-child(1){width: 10px; height: 10px; border-radius: 50%; background: #1e2874;} 
.avi_line02 span{display: block; width: 1px; height: 320px; background: #202020; margin: 0 auto;}
.avi_line02 p:nth-child(3){width: 10px; height: 10px; border-radius: 50%; background: #1e2874;}

.avi_line03{position: absolute; top: -350px; left: -40px; transform: rotate(-12deg);}
.avi_line03 p:nth-child(1){width: 10px; height: 10px; border-radius: 50%; background: #1e2874;} 
.avi_line03 span{display: block; width: 1px; height: 320px; background: #202020; margin: 0 auto;}
.avi_line03 p:nth-child(3){width: 10px; height: 10px; border-radius: 50%; background: #1e2874;}

/*검사장비장점*/

.optic_advan_wrap{width: 100%; margin: 0 auto;padding: 70px 0; overflow-x: auto; white-space: nowrap;}
.optic_advan_wrap h3{color: #171717; font-size: 18px; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; margin-bottom: 60px; text-align: center;}
.optic_advan{display: flex; justify-content: space-around; width: 1180px; height: 730px; background: #354f77; position: relative; }

.advan_name h5{width: 390px; height: 40px; line-height: 40px; text-align: center; color: #202020; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; background: #f8f8f8; border-radius: 5px; margin: 22px auto 30px; font-weight: 600;}
.advan_name00{background: #f8f8f8; border-radius: 5px; width: 390px; margin:  0 auto 25px; }
.advan_name00 p{line-height: 1.5em; font-size: 15px; color: #202020; font-family: 'Noto Sans KR', sans-serif; text-indent: 16px}

.van_name01{height: 80px;}
.van_name01 p:nth-child(1){padding-top: 18px;}
.van_name02{height: 100px;}
.van_name02 p:nth-child(1){padding-top: 16px;}
.van_name03{height: 100px;}
.van_name03 p:nth-child(1){padding-top: 16px;}
.van_name04{height: 100px;}
.van_name04 p:nth-child(1){padding-top: 16px;}
.van_name05{height: 135px;}
.van_name05 p:nth-child(1){padding-top: 11px;}

.advan_posit{position: absolute; top: -25px; left: 0;right: 0; margin: 0 auto; text-align: center; height: 780px; background: #dedede; width: 180px; border-radius: 5px;}

.advan_posit li{ margin: 0 auto; width: 120px; position: absolute; left: 0;right: 0;}
.advan_posit li p{font-size: 14px; font-family: 'Noto Sans KR', sans-serif; font-weight: 600; color: #1e2874; line-height: 1.3em; background: #fff; width: 120px; height: 80px; border-radius: 5px; }
.advan_posit li p span{display: block;}

.advan_posit li:nth-child(1){top: 118px;}
.advan_posit li:nth-child(2){top: 233px;}
.advan_posit li:nth-child(3){top: 358px;;}
.advan_posit li:nth-child(4){bottom: 217px;}
.advan_posit li:nth-child(5){bottom: 77px;}

.advan_posit li:nth-child(1) p span{padding-top: 20px;}
.advan_posit li:nth-child(2) p span{padding-top: 20px;}
.advan_posit li:nth-child(3) p span{padding-top: 20px;}
.advan_posit li:nth-child(4) p{line-height: 80px;}
.advan_posit li:nth-child(5) p{line-height: 80px;}

.advan_right{padding-left: 100px;}
.advan_left{padding-right: 100px;}



/*////////////210316//////////////*/

/*wisescope*/

.wiseScope_wrpper{width: 100%; margin: 0 auto;}
.wiseScope_wrap{width: 100%; margin: 0 auto 20px; white-space: nowrap; overflow-x: auto; padding-bottom: 25px; }
.wiseScope_wrap:last-child{margin-bottom: 0;}
.wiseScope_cont{width: 1200px; margin: 0 auto;}
.wiseScope_cont01{max-width: 1200px; width: 100%; margin: 0 auto; border: 2px solid #202020; box-sizing: border-box;}
.wiseScope_cont01Box{width: 1200px;}
.wiseScope_cont01Box tr{height: 50px; background: #f4f4f4; border-bottom: 2px solid #202020; box-sizing: border-box;}
.wiseScope_cont01Box tr th{font-family: 'Noto Sans KR', sans-serif; font-weight: 600; font-size: 14.58px; color: #202020;  border-right: 1px solid #333; box-sizing: border-box; text-align: center;}
.wiseScope_cont01Box tr th:nth-child(1){width: 16%; border-right: 2px solid #444; box-sizing: border-box;}
.wiseScope_cont01Box tr th:nth-child(2){width: 12%;}
.wiseScope_cont01Box tr th:nth-child(3){width: 12%;}
.wiseScope_cont01Box tr th:nth-child(4){width: 12%;}
.wiseScope_cont01Box tr th:nth-child(5){width: 12%;}
.wiseScope_cont01Box tr th:nth-child(6){width: 12%;}
.wiseScope_cont01Box tr th:nth-child(7){width: 12%;}
.wiseScope_cont01Box tr th:nth-child(8){width: 12%; border-right: none;}

.wiseScope_cont02Box{}
.wiseScope_cont02Box tr{height: 45px; border-bottom: 1px solid #202020; box-sizing: border-box;}
.wiseScope_cont02Box tr:last-child{border-bottom: 0}
.wiseScope_cont02Box tr td{font-size: 13.58px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400;  color: #202020;  border-right: 1px solid #333; box-sizing: border-box; text-align: center; }
.wiseScope_cont02Box tr td:first-child{border-right: 2px solid #333;}
.wiseScope_cont02Box tr td:last-child{border-right: 0;}
.wiseScope_cont02Box tr.wise_lastFont td{font-size: 12.58px;}
.wiseScope_cont02Box tr.wise_lastHeight{height: 180px;}


.wiseScope_cont01Box tr.wiseScope_firstFont th{font-size: 12px;}
.wiseScope_cont01Box tr.wiseScope_firstFont th:first-child{font-size: 14.58px;}


/*210513*/

.listViewMore tr.viewMore06 td iframe{width: 100%!important;}


/*//////////////////////////////////반응형////////////////////////////////////*/


@media screen and (max-width:1255px){
    .customer{width: auto;}
    .system{width: auto;}
}

@media screen and (max-width:1240px){
    .confi ul{white-space: nowrap; overflow-x: auto; justify-content: flex-start;}
}
@media screen and (max-width:1180px){
    .page_content01,.page_content02{display: block; padding: 30px 10px 0;}
    .pagecont03{margin: 0 10px;}
    .cont01,.cont03{text-align: left;}
    .cont03{width: 110px;}
    .cont02::after,.cont04::after{display: none;}
  /*  .cont02,.cont04{max-width: none;}*/
    .cont01 h3::after,.cont03 h3::after{position: absolute; top: 2px;right: 0; width: 3px; height: 22px; line-height: 22px; background: #1e2874; content: ""; display: block;}
    .cont04{padding-top: 20px;}
    .cont09 p{padding: 30px 0;}
    .cont05{padding-top: 80px;}
    .cams{justify-content: flex-start;}
    .camsub01{padding-right: 20px;}
}

@media screen and (max-width:1120px){
    .pagecont04{display: block;}
    .ct05_01 ul li::after{left: 190px;}
    .cate05_sub04 > div{display: block;}
    .sub04_sd02 ul{text-align: center;}
    .sub04_sd04 ul{text-align: center;}
    .sub04_sd01{width: auto; padding-bottom: 40px; }
    .sub04_sd03{width: auto; padding-bottom: 40px;}
    
    /*.camwrap_text > h3{width: auto;}*/
}


@media screen and (max-width:1100px){
    .cont13{padding-top: 50px;}
}

@media screen and (max-width:1070px){
    .progduct ul{ margin: 0 auto;width: 100%; text-align: center;}
    .progduct ul li{margin: 0 auto 20px;}
    .progvideo{ width: 100%; margin: 0 auto;}
    .pvideos{padding-bottom: 40px;}
    .pvideos p{padding-top: 20px;}
    .solution_wrap{display: block; justify-content: center;}
    .solution01 ul{margin: 0 auto;}
    .progduct ul li:nth-child(1){width: 400px;}
     .camwrap_text{display: block; }
    .camwrap_text > h3 span{display: block;}
    .camwrap_text ul{display: none;}
    .camwrap_text > p{line-height: 1.3em;}
    .camwrap_text > p > span > strong{display: block; padding-left: 10px;}
    
   
    
    /*201209추가*/
    .camsub02 > p{font-size: 16px;}
    .camwrap_text > h3{line-height: 1.5em; font-size: 19px;}
    .new_cams01 .new_cambody tr td{font-size: 14px;}
    .camsub01 a{font-size: 15px;width: 160px; height: 45px; line-height: 45px;}
    
     .cams_namelink ul li a{font-size: 14px;}
      .cams_namelink{display: none;}
    .cams_namelink02{display: none;}
	
	/*211011*/
    
	.camwrap_textFlex p{margin-left: 0;}
	
}


@media screen and (max-width:1060px){
    
     /*210113*/
    
    .new_3d_cont01_1 > img{width: 275px;}
    .new_3d_cont01_2 > p.re_name{font-size: 20px;}
    .new_3d_cont01_2 > p.re_name > img{width: 179px;}
    .new_3d_cont01_2 p{font-size: 16px;}
    
}

@media screen and (max-width:1050px){
    .ct05_01{display: none;}
    .m_ct05{display: block;}
    .pagemenu ul li{width: 150px;}

    
    /*20201209 추가*/
    
    .confitext{height: 70px; width: 270px;}
    .confitext p{line-height: 70px; font-size: 17px;}
    .confi ul li{height: 385px; width: 270px;}
    .confi ul li:nth-child(1) img{width: 100px;}
    .confi ul li:nth-child(2) img{width: 140px;}
    .confi ul li:nth-child(3) img{width: 140px;}
    .confi ul li:nth-child(4) img{width: 140px;}
    
   
}

/*201229추가*/
@media screen and (max-width:1024px){
    
    .new_3d_wrap{display: block;}
    .new_3d_wrap h3{font-size: 22px; border-right: 2px solid #1e2874; max-width: 200px;margin: 0; }
    .new_3d_wrap ul{display: none;}
    
    .cammain_text h3{font-size: 22px;}
    .wisescope h3{font-size: 22px;}
    
    .pc_3d{display: none;}
    .m_3d{display: block; }
    
    .cammain_text p{font-size: 16px;}
    .wisescope p{font-size: 16px;}
    .new_3d_text p{font-size: 16px;}
    
    /*210113*/
    
    .new_3d_cont01{display: block;}
    .new_3d_cont01_1{text-align: center;}
    .new_3d_cont01_2{margin: 0 auto; text-align: center;padding-top: 30px; width: auto;}
    .new_3d_cont01_2 a{text-align: center; margin: 0 auto;}
    
    .new_3d_cont02_2{width: auto; float: none; text-align: center;}
    .new_3d_cont02_2 p{font-size: 16px;}
   /* .new_3dbg {height: 425px;}*/
    
    .new_font3d{ font-size: 20px;}
    .new_micro01 img{max-width: 817px; width: 100%;margin: 0 auto;}
    .new_micro01 p{font-size: 14px; }
    
     .new_3dcon_pc{display: none;}
    .new_3dcon_m{display: block;}
    


	/* 210628 */
	.new_3d_wrap { text-align: center; }
	.new_3d_wrap h3 { margin: 0 auto; border-right: none; }
    
   
    
}


@media screen and (max-width:970px){
    .cont_sub06 > ul > li{padding-top: 20px; padding-bottom: 20px;}
    .sd05_sub03 > ul{display: none;}
    .page02_history ul{display: block; max-width: 500px;text-align: left;}
    .page02_history ul li:nth-child(1){width: auto; padding-bottom: 20px;}
    .page02_history ul li:nth-child(1) p{text-align: left;}
    .page02_history ul li:nth-child(1) p::after{left: 0;}
    .page02_history ul li:nth-child(2){width: auto;}
    .page02_history ul li:nth-child(2) p{font-size: 15px; line-height: 1.5em;}
    .page02_history ul li:nth-child(2) p::after{width: 290px;}
    .sd05_sub03{padding: 0 10px;}
    .sd05_02 ul li{box-shadow: none;}
    .arrow_search{display: block;}
    .sd_arrow_box ul{text-align: center; padding-bottom: 30px;}
    .search_box{max-width: 568px; width: 100%;}
    #searchs{max-width: 568px; width: 100%;margin: 0 auto;}
    .news_header th:nth-child(1){display: none;}
    .news tr td:nth-child(1){display: none;}
 /*   .news tr td:nth-child(2) a{text-indent: }*/
    
   .listViewMore tr.viewMore06 td:nth-child(1){display: block; width: 100%; overflow: hidden; height: 100%; box-sizing: border-box;}
    
    .listViewMore tr.viewMore01 td{display: block; width: 100%; overflow: hidden; box-sizing: border-box; line-height: 35px;}
    .listViewMore tr.viewMore02 td{display: block; width: 100%; overflow: hidden; box-sizing: border-box; line-height: 35px;}
    
    
    .cate04_main{padding: 0 10px;}
    .p_05_link{display: block; text-align: center;}
    .new_p05_link{justify-content: center;}
    .p_05_link p{font-size: 15px; padding: 5px 0 5px 10px;}
    .p_05_link a{display: inline-block;margin-bottom: 10px;}
    .solu_wrap{display: block;}
    .solu02 p{width: auto; text-align: center; padding-top: 20px;}
    .appli ul li{max-width: 220px;width: 100%;margin: 0 auto;}
    .appliimg{box-sizing: border-box;}
    .cammain_text{display: block;}
    .cammain_text ul {display: none;}
    .pc_camt{display: none;}
    .m_camt{display: block; padding-top: 30px;}
    .cammain_text h3{border-right: 2px solid #1e2874; max-width: 245px;margin: 0;}
        .system ul{justify-content: flex-start;}
    .system ul li{padding: 0 5px;}
    .custem02 ul{justify-content: flex-start;}
    .solution{display: block; }
    .solution h3{width: 80px; border-right: 2px solid #1e2874; margin: 0;}
    .solution ul{display: none;}
    .solution p{padding-top: 30px;}
    .m_cate03{display: block;}
    .pc_cate03{display: none;}
    
    /*20201118 추가수정*/
    .sd_video ul{max-width: 810px;}
    .sd_video ul li{width: 260px;}
    .sd_video ul li a img{max-width: 260px;}
    .sd_video ul li a p{font-size: 14px;}
    
	
	.frame_vidoe > iframe { width: 100%; }
	.frame_vidoe iframe { width: 100%; }
}

@media screen and (max-width:960px){
    
    /*201209추가개발*/
    .customer{height: 190px;}
    .customer ul{justify-content: flex-start; padding: 10px 10px 0;}
    .customer ul li:nth-child(1) img{width: 350px;}
    .customer ul li:nth-child(2) img{width: 110px;}
    .customer ul li:nth-child(3) img{width: 350px;}
    
    /*210513*/
    
    .news tr td:nth-child(2) a{width: 700px;}
}

@media screen and (max-width:900px){
    /*contactus*/
     .contactus{display: block;}
     .contactus ul{display: none;}
      .contactus h3::after{width: 3px; height: 24px; line-height: 24px; background: #1e2874; content: ''; display: block; position: absolute; top: 2px; left: 140px;}
    .pc_conttitle{display: none;}
   .contactus .m_conttitle{display: block;}
 /*   .maps{display: none;}*/
    .cate06_sub02 > h3{display: none;}
    .cate06_sub02 > span{display: none;}
    .cate06_sub03{display: none;}
    .catesub03_cheack{display: none;}
    .cheackbox_link ul li:nth-child(1) a{background: #1e2874;}
    .cheackbox_link ul li:nth-child(2){display: none;}
    .contac_wrap > h5{display: none;}
    .btnp{display: none;}
    .cate06_sub01{padding: 0 10px;}
    .appli ul{border: 1px solid #d6d6d6; box-sizing: border-box; padding: 10px 0; flex-wrap: wrap;}
    .wisescope h3{border-right: 2px solid #1e2874; max-width: 200px;margin: 0;}
    .wisescope{display: block;}
    .wisescope ul{display: none;}
    

    .wisescope3 h3{border-right: 2px solid #1e2874; max-width: 300px;margin: 0;}
    .wisescope3{display: block;}
    .wisescope3 ul{display: none;}
    .wisescope4 h3{border-right: 2px solid #1e2874; max-width: 200px;margin: 0;}
    .wisescope4{display: block;}
    .wisescope4 ul{display: none;}
    .wisescope5 h3{border-right: 2px solid #1e2874; max-width: 200px;margin: 0;}
    .wisescope5{display: block;}
    .wisescope5 ul{display: none;}


    .camwrap_text1{display: block;}
    .camwrap_text1 > h3{border-right: 2px solid #1e2874; max-width: 200px;margin: 0;}





    .pc_wise{display: none;}
    .m_wise{display: block;}
    
    /*201209추가사항*/
    .cams_namelink ul li{width: 32%;}
    .cams_namelink ul li a{font-size: 15px; padding: 15px 0;}
    
    /*210113*/
    
    .new_posimg01{width: auto; overflow-x: auto;}
    .new_posimg01 ul{width: 860px; overflow-x: auto;}
    .npos02{width: 860px;}
    
    .newall_in{overflow-x: auto;}
    .nallin{margin-bottom: 10px;}
}

@media screen and (max-width:850px){
    .pc_cont02{display: none;}
    .m_cont02{display: block;}
    .pc_cont04{display: none;}
    .m_cont04{display: block;}
    .pagemenu ul li{width: 120px;}
    .ct05_02 ul li{padding-bottom: 20px;}
    .pagemenu ul li a{font-size: 14px;}
    .maps > h3{font-size: 22px;}
    .map_title01 h5{font-size: 17px;}
    
    
    /*20201118 추가수정*/
    .sd_video ul{max-width: 750px;}
    .sd_video ul li{width: 240px;}
    .sd_video ul li a img{max-width: 240px;}
    .new_micro01 p{width: auto; }
    
    /*210513*/
    
    .news tr td:nth-child(2) a{width: 500px;}
    
    
}

@media screen and (max-width:768px){
    
    /*20201209 추가*/
    
    .confitext{height: 70px; width: 240px;}
    .confitext p{line-height: 70px; font-size: 15px;}
    .confi ul li{height: 330px; width: 240px;}
    .confi ul li:nth-child(1) img{width: 85px;}
    .confi ul li:nth-child(2) img{width: 125px;}
    .confi ul li:nth-child(3) img{width: 125px;}
    .confi ul li:nth-child(4) img{width: 125px;}
    .confi ul li img{padding-top: 45px;}
    
    
     /*20201118 추가수정*/
    
    .sd_video ul{max-width: 560px;}
    .sd_video ul li{width: 270px;}
    .sd_video ul li a img{max-width: 270px;}
    .sd_video ul li a p{font-size: 15px;}

    .new_bodytable02 tr td{font-size: 13px;}
    .new_bodytable01 tr.nbodyt01_03 td{font-size: 11px;}
    .new_bodytable01 tr.nbodyt01_07 td{font-size: 11px;}
    
    
    /*201229*/
     .cammain_text p{font-size: 13.5px;}
     .new_3d_text p{font-size: 13.5px;}
     .wisescope p{font-size: 13.5px;}
 
    /*210113*/

     .new_3d_cont01_1 > img{width: 235px;}
    .new_3d_cont01_1 > p{font-size: 17px;}
    .new_3d_cont01_1 > p > img{width: 135px;}
    .new_3d_cont01_2 p{font-size: 13.5px;}
    .new_3d_cont01_2 a{font-size: 12px;}
    
    .new_micro01 p{text-align: right; left: 0;}
    
    .new_3d_cont02_2 p{font-size: 13.5px;}
    /*.new_3dbg{height: 360px;}*/
    
    .new_micro01 p{font-size: 12px;}
    
    .new_micro02{width: auto; margin: 0 auto; text-align: center;}
    .new_micro02 p{line-height: 1.5em; font-size: 13px;}
   /* .new_micro02 p span{display: block;}*/
 
    
    
     /*210203*/
    
    .optic_uses_wrap h3{font-size: 16px;}
    .optic_uses_wrap h3 span{display: block;}
    .optic_avi_wrap h3{font-size: 16px;}
    .optic_avi_wrap h3 span{font-size: 13px;}
    .optic_advan_wrap h3{font-size: 16px;}
	
	
	
	.camwrap_text > h3{line-height: 1.5em; font-size: 17px;}
	
    
}

@media screen and (max-width:750px){
    .m_solu{display: block;}
    .pc_solu{display: none;}
    .news tr td:nth-child(2) a{width: 250px;}
    .map_title01 span{font-size: 14px; display: block;}
    .map_title01 p{font-size: 14px;}
    
    /*201209추가*/
    
    .cams_namelink {display: none;}
    .cams_namelink02 {display: none;}
    
}

@media screen and (max-width:700px){
    .contactus p{font-size: 15px;}
    .names > h5{background: #fff; max-width: 100px;}
    .names > h5 span{display: none;}
    .texts01 h5{background: #fff; max-width: 100px}
    .texts01 h5 span{display: none;}
    .names02{align-items: baseline;}
    .names02 .btnblock{text-align: left;}
    .names02 p{padding: 0 5px;}
    .names01 input,.names10 input,.names02 input,.btnblock select{max-width: 120px;}
    .names02 input{margin-bottom: 5px;}
    .names p{padding: 0 5px;}
    .texts01 textarea{height: 300px; margin-bottom: 20px;}
    .m_cont09{display: block;}
    .pc_cont09{display: none;}
    .cont13{padding-top: 30px}
    .cont12 ul{display: none;}
    .cont12{overflow-x: hidden; padding: 75px 0 70px;}
    .m_cont12{display: block; width: 100%; margin: 0 auto; text-align: center;}
    .m_cont12 img{max-width: 522px; width: 100%;margin: 0 auto;}
    .cont13 ul{display: block;}
    .cont13 ul li{display: block; float:none; padding: 15px 25px;}
    .cont13 ul li a{margin: 0 auto;}
    .cont08 h3,.cont11 h3{font-size: 20px; width: 280px;}
    
     /*210513*/
    
    .viewMore06 p img{width: 100%!important; height: auto!important;}
    
}

@media screen and (max-width:650px){
    .high .pc_high{display: none;}
    .high .m_high{display: block;max-width: 640px; width: 100%; margin: 0 auto;}
    .solution p{font-size: 16px;}
}

@media screen and (max-width:600px){
    .cont05 img{max-width: 250px;margin: 0 auto;width: 100%;}
    .cont02 p,.cont04 p{font-size: 15px;}
    .sd05_01 h3{font-size: 23px;height: 50px; line-height: 50px;}
    .sd05_01_arrow img{max-width: 70px}
    .sd05_01{padding-top: 100px;}
    .sd05_01 ul li{height: 50px; }
    .sd05_01 ul li:nth-child(1) p{line-height: 50px; padding-top: 0;}
    .sd05_01 ul li:nth-child(3) p{line-height: 50px; padding-top: 0;}
    .sd05_01 ul li p{font-size: 15px; padding-top: 10px;}
    .catetitle h1{font-size: 37px;}
    .camwrap_text > p{font-size: 16px;}
    .cont09 p{font-size: 15px;}
    .p_05_link p span{display: block; font-size: 14px;}
    .new_p05_link a{font-size: 12px; width: 100px;}
    .new_p05_link a img{max-width: 18px;}
}

@media screen and (max-width:586px){
    
         /*20201118 추가수정*/
     .sd_video ul{max-width: 460px;}
    .sd_video ul li{width: 220px;}
    .sd_video ul li a img{max-width: 220px;}
    .sd_video ul li a p{font-size: 13px;}
    
    
     /*210113*/

     .new_3d_cont01_1 > img{width: 170px;}
    .new_3d_cont01_2 > p.re_name{font-size: 14.5px;}
    .new_3d_cont01_2 > p.re_name > img{width: 105px;}
    .new_3d_cont01_2 p{font-size: 13.5px;}
    .new_3d_cont01_2 a{font-size: 12px;}
    .pctext_3d{display: none;}
    .mtext_3d{display: block; padding-bottom: 25px;}
    
    .new_micro01 p span{display: block;}
    
   
    /*.new_3dbg{height: 480px;}*/
    
    .new_micro01 p{font-size: 11px;}
    
    /*.new_3d_cont_wrap{padding-bottom: 80px;}*/
    .new_font3d01 {font-size: 20px;}
    .new_font3d01 span{display: block;}
	
	.camwrap_text > h3{width: 275px;}
	
    
}


@media screen and (max-width:500px){
    .solution01 ul li{   padding: 15px 0;}
    .pvideos iframe{width: 300px;}
       .solu02 p{font-size: 11.5px;}
    
    
}

@media screen and (max-width:486px){
    
           /*20201118 추가수정*/
     .sd_video ul{max-width: 500px; justify-content: center;}
    .sd_video ul li{width: 250px;}
    .sd_video ul li a img{max-width: 250px;}
    .sd_video ul li a p{font-size: 14px;}
    
    /*210113*/
    
    .new_font3d{text-align: left;}
    .new_font3d strong{display: block;}
    
    
}

@media screen and (max-width:450px){
    .contactus .m_conttitle{font-size: 14px;}
    .names > h5,.texts01 h5{max-width: 70px; font-size: 14px; margin-right: 5px;}
    .names01 input,.names10 input,.names02 input,.btnblock select{max-width: 70px;}
    .cont_sub07 h3{font-size: 22px;}
    .cont05{padding-top: 30px; padding-bottom: 50px;}
    .sd05_01 h3{font-size: 16px; height: 40px; line-height: 40px;}
    .sd05_01 h4{font-size: 16px; height: 40px; line-height: 40px;}
    .sd_video ul li{margin: 0 0 15px;}
    .wisescope p{font-size: 12.5px;}
    .pvideos p{font-size: 15px;}
    .cammain_text p{font-size: 12.5px;}
    .camwrap_text > p{font-size: 13px; word-break: break-all;}
    .new_3d_text p{font-size: 12.5px;}
    .solution p{font-size: 11px;}
     .cont09 p{font-size: 12px;}
    .cont02 p, .cont04 p{font-size: 12px;}
    .news tr td:nth-child(2) a{width: 200px;}
    
    /*210113*/
    
    .new_micro02{margin: 0 auto; display: block; white-space: nowrap; overflow-x: auto;}
    .new_micro02 img{max-width: 450px; width: auto;}
    
}

@media screen and (max-width:400px){
    
}