#sub_wrap { width:100%; float:left; padding-bottom:3%;}
.sub_visual_wrap { position:relative;width:100%; float:left; height:400px;  box-sizing:border-box; background-size:cover;
margin-bottom:50px}
.sub_visual_wrap .sub_vi_txt {  /*background:rgba(255,255,255,0.3); */ box-sizing:border-box; position:absolute;
top:60%; left:50%; transform: translate(-50%, -50%);color:#fff; z-index:99; text-align:center;}

.sub_visual_wrap .sub_vi_txt>p { width:50px; height:2px; background:#fff; text-align:center; display:inline-block}
.sub_visual_wrap .sub_vi_txt>h1 {font-size:2.5em; font-weight:600; color:#fff;}


.sub_visual01 {background:url('/common/img/sub/sub_visual01.png') no-repeat center; }
.sub_visual02 {background:url('/common/img/sub/sub_visual02.png') no-repeat center; }
.sub_visual03 {background:url('/common/img/sub/sub_visual03.png') no-repeat center; }



#sub_wrap .sub_con_wrap {width:1200px; margin:0 auto;display:block;}
#sub_wrap .sub_con {width:100%; float:left;  background:#fff; padding:60px 40px; margin-top:50px;  box-sizing:border-box; ;   box-shadow:1px 1px 3px rgba(0,0,0,0.1)}

.sub_right_box {width:75%; float:right;}

#sub_wrap .sub_con_wrap .sub_con_tit_wrap {width:100%; float:left; margin:35px 0 50px 0; text-align:center; font-size:32px; font-weight:600;}
#sub_wrap .sub_con_wrap .sub_con_bar {height:32px; width:1px; background:#D3D3D3; display:block; margin:0 auto; }
#sub_wrap .sub_con_wrap .sub_con_tit_wrap p {margin-top:10px}
#sub_wrap .sub_con_wrap  .sub_con_h2{width:100%; float:left; font-size:35px; text-align:center; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:40px; }

.jquery-accordion-menu,.jquery-accordion-menu * {
        /*font-family: 'Open Sans',sans-serif;*/
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        outline: 0;
}

.jquery-accordion-menu {
        min-width: 200px;
		 width: 200px;
		 float:left;
		overflow-x: hidden;
		overflow-y: auto;
		top: 0;
		left: 0;
		border-bottom:1px solid #557344;
}

.jquery-accordion-menu .jquery-accordion-menu-menu2 {
        width: 100%;
        float: left;
		box-sizing:border-box;
        line-height:40px;
        font-weight: 500;
        color: #333;
		font-size:18px;
		border-bottom:0px solid #00417e;
}

/*footer 푸터*/
.jquery-accordion-menu .jquery-accordion-menu-footer{
        width: 100%;
		height:0;
        padding-left: 22px;
        float: left;
        line-height:1.3em;
		font-size:16px;
		margin-top:20px;
        font-weight: 400;
        color: #999;
}


.jquery-accordion-menu ul {
        margin: 0;
        padding: 0;
        list-style: none
}

.jquery-accordion-menu ul li {
        width: 100%;
        display: block;
        float: left;
        position: relative
}

.jquery-accordion-menu ul li a {
        width: 100%;
        padding: 14px 20px;
        float: left;
        text-decoration: none;
        color: #555;
        font-size: 15px;
/*        background: #0476a8;*/
        white-space: nowrap;
        position: relative;
        overflow: hidden;
        -o-transition: color .2s linear,background .2s linear;
        -moz-transition: color .2s linear,background .2s linear;
        -webkit-transition: color .2s linear,background .2s linear;
        transition: color .2s linear,background .2s linear
}

.jquery-accordion-menu>ul>li.active>a,.jquery-accordion-menu>ul>li:hover>a {
		font-size:18px;
/*        background: #03628c*/
}

.jquery-accordion-menu>ul>li>a {
        border-bottom: solid 1px #ddd
}

.jquery-accordion-menu ul li a i {
        width: 34px;
        float: left;
        line-height: 18px;
        font-size: 16px;
        text-align: left
		color:#666;
}

.jquery-accordion-menu .submenu-indicator {
        float: right;
        right: 22px;
        position: absolute;
        line-height: 22px;
        font-size: 22px;
		font-weight:300;
		color:#999;
        -o-transition: transform .3s linear;
        -moz-transition: transform .3s linear;
        -webkit-transition: transform .3s linear;
        -ms-transition: transform .3s linear
}

.jquery-accordion-menu ul ul.submenu .submenu-indicator {
        line-height: 16px
}

.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator {
/*        -ms-transform: rotate(45deg);*/
/*        -moz-transform: rotate(45deg);*/
/*        -webkit-transform: rotate(45deg);*/
/*        transform: rotate(45deg)*/
}

.jquery-accordion-menu ul ul.submenu,.jquery-accordion-menu ul ul.submenu li ul.submenu {
        width: 100%;
        display: none;
        position: static;
}


.jquery-accordion-menu .submenu li{display:block;}

.jquery-accordion-menu ul ul.submenu li {
        clear: both;
        width: 100%
}

.jquery-accordion-menu ul ul.submenu li a {
        width: 100%;
        float: left;
        font-size: 11px;
        background: #383838;
        border-top: none;
        position: relative;
		border-bottom:1px solid #f0f0f0;
        border-left: solid 6px transparent;
        -o-transition: border .2s linear;
        -moz-transition: border .2s linear;
        -webkit-transition: border .2s linear;
        transition: border .2s linear
}

.jquery-accordion-menu ul ul.submenu li:hover>a {
        border-left-color: #761818;
}

.jquery-accordion-menu ul ul.submenu li a.ov {
        border-left-color: #761818;

}

.jquery-accordion-menu ul ul.submenu>li>a {
        padding-left: 25px
}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a {
        padding-left: 40px
}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a {
        padding-left: 60px
}

.jquery-accordion-menu ul li .jquery-accordion-menu-label,.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
        min-width: 20px;
        padding: 1px 2px 1px 1px;
        position: absolute;
        right: 18px;
        top: 14px;
        font-size: 11px;
        font-weight: 800;
        color: #555;
        text-align: center;
        line-height: 18px;
        background: #f0f0f0;
        border-radius: 100%
}

.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
        top: 12px
}

.ink {
        display: block;
        position: absolute;
        background: rgba(255,255,255,.3);
        border-radius: 100%;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
}

.animate-ink {
        -webkit-animation: ripple .5s linear;
        -moz-animation: ripple .5s linear;
        -ms-animation: ripple .5s linear;
        -o-animation: ripple .5s linear;
        animation: ripple .5s linear
}


.patent_ul {width:100%; display:flex; justify-content: space-between; flex-wrap:wrap}
.patent_ul li {width:23%;  }
.patent_ul li img {width:100%;border:1px solid #ddd;}



.map_box {}
.map_tit{position:relative;  display: inline-block;  padding: 2px 15px; font-weight:400; font-size:15px; color: #fff; border-radius:20px; background: #555; margin-right: 5px; margin-bottom:10px; vertical-align:0}


.img_box .full {width:100%; margin-bottom:15px;}
.gallerys {margin-left:0px; }
.gallerys img {width:32.76%; border:1px solid #ddd; box-sizing:border-box; }


.prod_img {border-radius:10px; max-width:220px; width:100%; margin:10px 10px 0 0;}

.prod_img_ul  {width:100%; display:flex; flex-wrap:wrap }
.prod_img_ul li {width:25%; margin-right:1% }
.prod_img_ul li p {font-size:1em; text-align:center; font-weight:500}


.prod_img_ul2  {width:100%; display:flex}
.prod_img_ul2 li {margin-right:1%}
 .prod_img_ul2 li:last-child {margin-right:0}


.line_ul>li  {width:100%; padding:0; border:none; padding-left:12px; box-sizing:border-box;font-weight:400;  text-align:left; font-size:1.05em; color:#555; background:url('/common/img/sub/line_icon.png') no-repeat; background-position:0 10px;line-height:1.5em; margin-bottom:5px}



@-webkit-keyframes ripple {
        100% {
                opacity: 0;
                -webkit-transform: scale(2.5)
        }
}

@-moz-keyframes ripple {
        100% {
                opacity: 0;
                -moz-transform: scale(2.5)
        }
}

@-o-keyframes ripple {
        100% {
                opacity: 0;
                -o-transform: scale(2.5)
        }
}

@keyframes ripple {
        100% {
                opacity: 0;
                transform: scale(2.5)
        }
}



.filterinput{
        background-color:rgba(249, 244, 244, 0);
        border-radius:15px;
        width:90%;
        height:30px;
        border:thin solid #FFF;
        text-indent:0.5em;
        font-weight:bold;
        color:#FFF;
}

/*1차메뉴*/
#demo-list>li>a{
        overflow:hidden;
        text-overflow:ellipsis;
        -o-text-overflow:ellipsis;
        white-space:nowrap;
        width:100%;
		font-size:16px;
		font-weight:300;
		color:#666;
		text-align:left;
}

#demo-list>li>a:hover {color:#c00; font-weight:500}


/* 오버 */
#demo-list>li.ov {background:#f9f9f9; }
#demo-list>li.ov>a {color:#c00; font-weight:600; }

/*2차메뉴*/
#demo-list>li>.submenu li a {
        overflow:hidden;
        text-overflow:ellipsis;
        -o-text-overflow:ellipsis;
        white-space:nowrap;
        width:100%;
		font-size:16px;
		background:#f9f9f9;
		text-align:left;
		font-weight:400;
		color:#555;
}

.left_mn_bg {background:#333; width:200px; line-height:85px; float:left; border-radius:5px;}
.left_mn_bg h2 {color:#fff; font-size:1.6em; font-weight:500; text-align:center;}


.sub_h3_title {width:100%; float:left; border-bottom:1px solid #ddd; font-weight:500; text-align:left; padding-bottom:10px; margin-bottom:30px; font-size:32px; font-weight:600}



/* 240517 제품추가 */
.avic23 table{width:100%;}
.avic23 table th,td{border:1px solid #ddd;font-weight:500;letter-spacing:0;padding:5px 10px;box-sizing:border-box;}
.avic23 table td{padding:20px;}
.avic23 table img{width:100%;}