@charset "utf-8";

.breadcrumb{padding:20px 0;}
.gray-box{box-sizing:border-box;background:#f4f4f4;}
.table3{font-size:18px;border-top:1px solid #595757;}
.table3 tbody tr th{background: #f4f4f4;width:16.667%;padding:16px;}
.table3 tbody tr td{text-align:left;width:16.667%;padding:16px;}
.sub-title-box{position:relative;width:100%;height:446px;background:#000;}
.sub-title-box01{background:#000 url(/assets/kor/img/company_background_dark.png) no-repeat center top;background-attachment: fixed; }
.sub-title-box02{background:#000 url(/assets/kor/img/product_background_dark.png) no-repeat center top;background-attachment: fixed; }
.sub-title-box03{background:#000 url(/assets/kor/img/produce_background_dark.png) no-repeat center top;background-attachment: fixed; }
.sub-title-box04{background:#000 url(/assets/kor/img/solution_background_dark.png) no-repeat center top;background-attachment: fixed; }
.sub-title-box h2{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%); color: #fff; text-shadow: 0px 2px 10px rgba(0,0,0,0.5);}
.main_rg_pk{bottom:auto;top:50%;transform:translateY(-50%);}
.main_rg_pk ul{margin-bottom:0;}
.gray-box02 ul li{position:relative;padding-left:24px;}
.gray-box02 ul li::before{content:'';position:absolute;left:0;top:10px;width:7px;height:7px;background:#d40c00;}

.subBanner{position:relative;width:100%;height:446px;background:#000;}
.subBanner h2{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%); color: #fff; text-shadow: 0px 2px 10px rgba(0,0,0,0.5);}
.subBanner.type1{background:#000 url(/assets/kor/img/company_background_dark.png) no-repeat center top;background-attachment: fixed;}
.subBanner.type2{background:#000 url(/assets/kor/img/product_background_dark.png) no-repeat center top;background-attachment: fixed;}
.subBanner.type3{background:#000 url(/assets/kor/img/produce_background_dark.png) no-repeat center top;background-attachment: fixed;}
.subBanner.type4{background:#000 url(/assets/kor/img/solution_background_dark.png) no-repeat center top;background-attachment: fixed;}

.lnbWrap .loc_box{max-width:1433px;}
.lnbWrap .loc_box .path > ul > li.lst > a{color:#1db1dd;}
.lnbWrap .loc_box .path > ul > li:first-child > a{background:url(/assets/kor/img/btn-home.png) no-repeat center center;background-size:16px;}

.mobile-menu-box{position: fixed; left: 0; right: 0; width: 100%; bottom: 0; height: calc(100% - 60px); overflow-y:auto; display:none;}
.mobile-menu-box .depth00 > li{border-bottom:1px solid #ededed;}
.mobile-menu-box .depth00 > li > div{display: flex; justify-content: space-between; align-items: center; padding: 0 20px; box-sizing: border-box;font-size:15px;}
.mobile-menu-box .depth00 > li > div i{font-size:20px;}
.mobile-menu-box .depth00 > li > div img{height:20px;}
.mobile-menu-box .depth02{display:none;border-top:1px solid #ededed;}
.mobile-menu-box .depth02 > li > a{display:flex;width:100%;font-size:14px;padding:0 20px;background:#f4f4f4;}
.btn-show{position: relative;float: right;padding: 9px 10px;background-color: transparent;	background-image: none;	border: 1px solid transparent;	border-radius: 4px; background-color: transparent !important;   border: none;    padding: 0;    font-size: 18px;    position: relative;    top: 0px;}
.btn-show:focus{outline: 0;}
.btn-show .icon-bar{display: block;	width: 30px;	height: 3px;	border-radius: 1px;	background:#fff;}
.btn-show .icon-bar+.icon-bar{margin-top: 5px;}

.position-static{position:static;}
.min-height-76px{min-height:76px;}
.depth00 > li{background:#fff;}
.item-detail-info dt{padding-right:0;white-space: nowrap;}
.item-detail-info dd{padding-left:0;     word-break: break-all; }

.item-thum-box{height:300px; display: flex; justify-content: center; align-items: center;}
.item-thum-box img{width:100%;max-width:100%;}
.detail-img-box{height:600px; display: flex; justify-content: center; align-items: center;margin:50px 0;}

@media (max-width: 991px) {
	.mobile-menu-box{height: calc(100% - 80px);}
	.detail-img-box{height:400px;}
	.item-style{margin-bottom:20px;}
}

@media (max-width: 767px) {
	.mobile-menu-box{height: calc(100% - 60px);}
}