/*####서브 페이지 css####*/

#wrap {float:left; width:100%; position:relative; overflow:hidden;}

/*서브 상단배너*/
.sub_banner {width:100%; float:left; position:relative;}
.sub_banner img {width:100%;}
.sub_banner .rootname{font-size: 2.7rem; color: #fff; text-align: center; font-family: 'NanumSquare', sans-serif; vertical-align:middle; position:absolute; left:50%; transform:translateX(-50%); top:40%;}


/*서브 좌측메뉴*/
#left_menu {float:left; width:100%; position:relative; margin-top:55px;}
.cate_rootname {font-size:40px; text-align: center; position:relative; top:87px; background: url(../images/sub_top_bg.jpg) no-repeat center; padding-bottom:125px; color:#fff;}
	#left_menu > .cate_menulist {margin-top:40px; float:left; width:100%; border-top:2px solid #000;}
		#left_menu > .cate_menulist > li {float:left; border-bottom: 1px solid #cecece; background: url('../images/menu_dot.jpg') repeat-y right center; position: relative;}
			#left_menu > .cate_menulist > li.over {float:left;background-color: #175a8a;}
			#left_menu > .cate_menulist > li.over > a{color: #ffffff; font-weight: bold;}
			#left_menu > .cate_menulist > li:hover {background-color: #175a8a;}
			#left_menu > .cate_menulist > li a:hover {color: #ffffff; font-weight: bold;}
			#left_menu > .cate_menulist > li.over:after {position: absolute; content:url('../images/after_img.png'); .content:""; width: 28px; height: 11px; top: 100%; left: 47%; z-index: 1; max-width: 100%; width: 100%;}
			#left_menu > .cate_menulist > li a.over {background-color: #175a8a !important; color: #ffffff;font-weight: bold; position: relative;}
			#left_menu > .cate_menulist > li a.over:after {position: absolute; content:url('../images/after_img.png'); .content:""; width: 28px; height: 11px; top: 92%; left: 0; z-index: 1; max-width: 100%; width: 100%;}

#left_menu > .cate_menulist > li.over.cen:after {position: absolute; content:url('../images/after_img.png'); .content:""; width: 28px; height: 11px; top: 100%; left: 49%; z-index: 1; max-width: 100%; width: 100%;}

			#left_menu > .cate_menulist > li:first-child > a {background: url('../images/menu_dot.jpg') repeat-y right center;}
			#left_menu > .cate_menulist > li > a { padding: 15px 0;  ine-height:18px; height:18px; display:block; font-size:18px; font-weight:normal; letter-spacing: -1px; width:100%; float:left; text-align:center;background: url('../images/menu_dot.jpg') repeat-y right center;}
			#left_menu > .cate_menulist > li:first-child {background-image: url('../images/menu_dot.jpg');background-repeat: repeat-y; background-position: left center;}
	#sub_cs_center {width:100%; border:1px solid #dedede; box-sizing:border-box; float:left; margin:50px 0;}
		#sub_cs_center .sec3_cs_cont { position:relative; height:auto; float:left; padding-top:10px;}
/* product lnb */
#left_menu .cate_menulist li {position: relative;}
#left_menu .cate_menulist .cate_lnb.on {display: block;}
#left_menu .cate_menulist .cate_lnb.mid {margin-left: 90px;}
#left_menu .cate_menulist .cate_lnb.mid_2 {margin-left: 65px;}
#left_menu .cate_menulist .cate_lnb {position: absolute; margin-top:70px; width: 1200px; display: none; margin-left: 2px;}
#left_menu .cate_menulist .cate_lnb li {float: left; padding: 0 15px;background: url('../images/line.jpg') no-repeat right center;}
#left_menu .cate_menulist .cate_lnb li:first-child {}
#left_menu .cate_menulist .cate_lnb li a {font-size: 15px;  padding: 5px 7px; display: block; }
#left_menu .cate_menulist .cate_lnb li a:hover {color: #363c70; font-weight: bold;}
#left_menu .cate_menulist .cate_lnb li.active > a {color: #363c70; font-weight: bold;}
#left_menu .cate_menulist .cate_lnb li:hover {border: 1px solid #363c70;margin-left: -1px; background: none;}
#left_menu .cate_menulist .cate_lnb li.active {border: 1px solid #363c70;margin-left: -1px; background: none;}

/* 모바일용 서브메뉴 */
#sub_titlebar_m {display: none;}
/*###서브 본문 내용###*/
#sub_cont {width:100%; float:left; position:relative; margin-top:50px;  padding-top: 0;}
#sub_cont img {max-width:100%;}
#sub_titlebar h3 {color: #373737; font-size: 36px; margin:50px auto 30px;}
.sub_pages_sub_title{}
.sub_pages_sub_title h1{text-align:center; font-size:24px;}
#sub_titlebar p {text-align: right; margin-bottom: 30px; position: absolute; top: 15px; right: 15px;}
#sub_titlebar {margin-top: 15px; padding: 20px 15px; position: relative; margin-bottom: 20px; text-align:center;}
#sub_titlebar_m {margin-top: 15px; padding: 20px 15px; position: relative; margin-bottom: 20px;}
#sub_titlebar_m h3 {color: #373737; font-size: 22px; display: none;}
#sub_titlebar_m p {text-align: right; margin-bottom: 30px; position: absolute; top: 28px; right: 15px;}
#container li.item a > img {height: 270px;}
/*서브페이지 타이틀바

#sub_titlebar {width:100%; border-bottom:1px solid #afafb0; position:relative; color:#4d4e4f; margin-bottom:50px; float:left;}
#sub_titlebar h3 {float:left; font-size:28px; padding-left:6px; padding-bottom:10px;}
#sub_titlebar p {float:right; padding-right:6px; padding-top:10px; padding-bottom:10px;}*/


/* 리뉴 끝나면 지우기!!!! 탭css */
#tabs {clear: both;}
#tabs > ul {overflow: hidden; position: relative; margin-bottom: 20px; box-sizing: border-box; display: table; width: 100%;}
#tabs > ul li {float: left; text-align: center; position: relative; z-index: 1p; display: block; margin: 0; width: 33.3333333333333%;background-color: #cdcdcd; border: 1px solid #fff; box-sizing: border-box;}
#tabs > ul li a {text-decoration: none; position: relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2.5; color: #ffffff; outline: none;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-o-transition: color 0.2s;
	padding: 0.25em 0 0.5em;
	font-size: 14px;
	font-family: nanumgothic;

}
#tabs ul li:first-child a {border-left: none;}
#tabs > div ul li img{width:100%;}
#tabs > ul li:hover {background-color: #c60b0b;}
#tabs > ul li:hover a {color: #ffffff;font-weight: 600;}
#tabs > ul li.ui-tabs-active {background-color: #c60b0b;}
#tabs > ul li.ui-tabs-active a {color: #ffffff; font-weight: 600;}
#tabs > ul li.ui-tabs-active a::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/* 리뉴 끝나면 지우기!!!! 탭css */


/* 슬라이드 스타일 */
.s_page .af{margin-bottom:15px;}
.s_page .af::after{content:""; display:block; clear:both;}
.s_page img.stop_img{float:left;}
.s_page .slider_nav img{padding:0 7.5px; box-sizing:border-box; border:0; outline:0;}
.slick-slide{border:0; outline:0;}
.s_page .slick-prev{left:460px; z-index:1;}
.s_page .slick-next{right:20px; z-index:1;}






/* 갤러리 */
.bx-wrapper {width: 100%; margin: 0 auto; }
.bx-viewport {height: auto !important;}
#tabs-1 .bx-viewport ul li{width:20% !important;}

#tabs-2 .bx-viewport ul li{width:7.1% !important;}
#tabs-2 .bx-pager > div.bx-pager-item{width:7.834%;}

#tabs-3 .bx-viewport ul li{width:14.2% !important;}

#tabs-4 .bx-viewport ul li{width:25% !important;}

#tabs-5 .bx-viewport ul li{width:16.27% !important;}


.bx-viewport ul li {width: 16.5% !important;}
.bx-pager {margin-top: 10px; overflow: hidden; margin-bottom:40px;}
.bx-pager > div.bx-pager-item {width: 19%; margin: 0 0.5%; float: left; text-align: center; margin-left:0;}

  .bx-wrapper .bx-pager a:hover,
  .bx-wrapper .bx-pager a.active {
    border: solid #c60b0b 1px;
	display: block;
	box-sizing: border-box;
  }

 /*controls*/
.bx-wrapper .bx-controls-auto{z-index: 60; position: absolute; bottom: -30px; width: 100%;}

#tabs-1 .slider_nav{margin-top:10px;}
#tabs-1 .slider_nav .slick-slide{margin-left:0.1%;}

#tabs-2 .slider_nav{margin-top:10px;}
#tabs-2 .slider_nav .slick-slide{margin-left:0.1%;}

#tabs-3 .slider_nav{margin-top:10px;}
#tabs-3 .slider_nav .slick-slide{margin-left:0.1%;}

#tabs-4 .slider_nav{margin-top:10px;}
#tabs-4 .slider_nav .slick-slide{margin-left:0.1%;}

#tabs-5 .slider_nav{margin-top:10px; margin-bottom:100px;}
#tabs-5 .slider_nav .slick-slide{margin-left:0.1%;}