@charset"utf-8";
@import url(board.css);

/* ¡Ú°øÅë¡Ú */
#subTxt{
	width:100%;
	padding-bottom:100px
}
.cf::after{
    content: "";
    display: block;
    clear: both;
}
#subtop{
	width:100%;
	height:199px;
	padding-top:101px;
	color:#fff;
	text-align:center;
	/*font-family:'nsb';*/
	margin-bottom:42px;
}

#subtop dt{
	font-size:36px;
	margin-top:70px;
	margin-bottom:30px;
}

#subtop dd{
	font-size:20px;
	color:#d9d9d9
}

.top_introduce{
	background:url('/images/sub_top.jpg') center bottom no-repeat;
}


#subMenu{
	text-align:center;
	font-size:0;
	margin-bottom:70px;
}

#subMenu a{
	display:inline-block;
	text-align:center;
	font-size:17px;
	width:244px;
	line-height:52px;
	border-top:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}

#subMenu a.customerMenu{
	width:156px;
}

#subMenu a:first-child{
	border-left:1px solid #e5e5e5
}

#subMenu a.on{
	border-bottom:2px solid #009cdd;
	color: #0084dd;
}

#subTitle{
	font-size:44px;
	line-height:44px;
	font-family:'nsb';
	text-align:center;
	margin-bottom:30px;
}

#subTab{
	text-align:center;
	margin-bottom:115px;
}

#subTab li{
	display:inline-block;
	padding:0px 25px;
	border-left:1px solid #d8d8d8
}

#subTab li:first-child{
	border:0;
}

#subTab li a{
	font-size:17px;
}

#subTab li a.on{
	color:#009cdd;
	font-weight:bold;
}



.subStance{
	overflow:hidden;
	margin-bottom:50px;
}

.subStance p{
	color:#009cdd;
	font-size:22px;
	font-family:'nsb';
	margin-bottom:20px;
}

.subStance p span{
	font-size:14px;
	color:#999999;
	font-family:'nsr';
	font-weight:bold;
	margin-left:5px;
}

.subStance div#box{
	background:#009cdd;
	color:#fff;
	padding:28px 26px;
	box-sizing:border-box;
	line-height:30px;
	font-size:16px;
}

#introduceList{
	border:10px solid #eeeeee;
	padding:36px 39px 0px;
	box-sizing:border-box;
	overflow:hidden;
}

#introduceList dl{
	width:50%;
	float:left;
}

#introduceList dl dt{
	color:#009cdd;
	font-size:22px;
	font-family:'nsb';
	margin-bottom:15px;
}

#introduceList dl dt span{
	color:#999999;
	font-size:14px;
	margin-left:10px;
	font-family:'nsr';
	font-weight:bold;
}

#introduceList dl dd ul{
	margin-bottom:36px;
}

#introduceList dl dd ul li{
	background:url('/images/inc/list.gif') left 9px no-repeat;
	padding-left:13px;
	line-height:26px;
}

#introduceList dl dd span{
	font-size:18px;
	font-family:'nsb';
	display:block;
	margin-bottom:10px;
}

.HDDList{
	margin-bottom:50px;
}

.HDDList dt{
	background:#333;
	color:#fff;
	padding:3px 10px;
	font-size:17px;
	display:inline;
}

.HDDList dt span{
	color:#999999;
	font-size:14px;
	margin-left:5px;
}

.HDDList dd{
	margin-top:15px;
	line-height:30px;
}

.HDD_Notice{
	border:3px solid #e5e5e5;
	box-sizing:border-box;
	padding:20px 28px;
	margin-bottom:50px;
}

.HDD_Notice table{
	width:100%;
}

.HDD_Notice table tbody tr th{
	width:11%;
	background:url('/images/restore/noticeImg.gif') left top no-repeat;
	vertical-align:top;
	color:#ed1c24;
	font-weight:bold;
	padding-left:10px;
	border-right:1px solid #e5e5e5;

}

.HDD_Notice table tbody tr td{
	padding-left:15px;
	line-height:28px;
}

#memoryBox{
	background:#f8f8f8;
	border:1px solid #e6e6e6;
	padding:25px 53px 20px;
	box-sizing:border-box;
	overflow:hidden;
}

#memoryBox dl dt{
	float:left;
}

#memoryBox dl dt img{
	margin-top:15px;
	margin-right:48px;
}

#memoryBox dl dd{
	line-height:30px;
}

#memoryBox dl dd span.mark{
	background:#333;
	color:#fff;
	padding:3px 10px;
}

#memoryBox dl dd span.point{
	color:#1a9bd7
}

.memoryList li {
	line-height:30px;
	background:url('/images/inc/list.gif') left 11px no-repeat;
	padding-left:13px;
}

.memoryList li span{
	font-weight:bold;
}

#RAID_txt{
	width:100%;
	border-top:2px solid #333;
	margin-top:82px;
}

#RAID_txt thead tr th{
	background:#f5f5f5;
	border-bottom:1px solid #dedede;
	border-left:1px solid #dedede;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	padding:15px 0px;
}

#RAID_txt thead tr th span{
	display:block;
	text-align:center;
	color:#999999;
	font-size:14px;
	margin-top:5px;
}

#RAID_txt thead tr th:first-child{
	border-left:0;
}

#RAID_txt tbody tr td{
	vertical-align:top;
	padding:25px;
	width:33.3%;
	line-height:30px;
	border-left:1px solid #dedede;
	border-bottom:1px solid #dedede;
}

#RAID_txt tbody tr td:first-child{
	border-left:0;
}


/* º¹±¸ºñ¿ë */
.subStance div.costTxt p{
	margin-bottom:0
}

.costTxt div{
	margin-bottom:100px;
}

.costTxt span.vat{
	display:block;
	text-align:right;
	color:#666666;
	font-size:14px;
}

.costTxt table{
	border-top:2px solid #333;
	text-align:center;
}

.costTxt table thead tr th{
	background:#333;
	color:#fff;
	width:135px;
	height:52px;
	line-height:52px;
	border-bottom:1px solid #dedede;
	border-left:1px solid #dedede;
	font-weight:bold;
}

.costTxt table thead tr th:first-child{
	border-left:0
}

.costTxt table thead tr td{
	height:52px;
	line-height:52px;
	border-bottom:1px solid #dedede;
	border-left:1px solid #dedede;
	background:#f5f5f5;
	font-weight:bold;
}

.costTxt table tbody tr td.category{
	background:#f5f5f5
}

.costTxt table tbody tr th{
	background:#333;
	color:#fff;
	width:135px;
	height:52px;
	line-height:52px;
	border-bottom:1px solid #dedede;
	font-weight:bold;
}

.costTxt table tbody tr td{
	height:52px;
	line-height:52px;
	border-bottom:1px solid #dedede;
	border-left:1px solid #dedede;
}

.costTxt dl{
	margin-top:20px;
}

.costTxt dl dd{
	background:url('/images/inc/list.gif') left 9px no-repeat;
	padding-left:13px;
	font-weight:bold;
	line-height:26px;
}

.costTxt dl dd span.point{
	color:#ed1c24
}

.costTxt dl dt{
	font-size:18px;
	font-family:'nsb';
	padding-bottom:10px;
}

.costTxt dl dd span.notice{
	display:block;
	font-weight:normal
}

#costList{
	width:100%;
}

#costList dl{
	width:50%;
	height:200px;
	float:left;
	box-sizing:border-box;
	padding-left:150px;
}

#costList dl.list1{background:url('/images/restore/costList1.gif') left top no-repeat;}
#costList dl.list2{background:url('/images/restore/costList2.gif') left top no-repeat;}
#costList dl.list3{background:url('/images/restore/costList3.gif') left top no-repeat;}
#costList dl.list4{background:url('/images/restore/costList4.gif') left top no-repeat;}
#costList dl.list5{background:url('/images/restore/costList5.gif') left top no-repeat;}
#costList dl.list6{background:url('/images/restore/costList6.gif') left top no-repeat;}

#costList dl dt{
	font-size:17px;
	font-weight:bold;
	color:#009cdd;
	padding-bottom:10px;
}

#costList dl dd span:first-child{
	display:inline;
	background:#333;
	color:#fff;
	font-weight:bold;
	padding:4px 8px;
}

#costList dl dd div{
	background:#333;
	color:#fff;
	font-weight:bold;
	padding:4px 8px;
	width:250px;
    margin-bottom: 0;
}


#costList dl dd span{
	display:block;
	margin-top:10px;
}

#costList img{
	border:1px solid #e2e2e2;
	margin-top:60px;
}

#costList table{
	clear:both;
	margin-top:120px;
	width:100%;
	border-top:2px solid #333;
	text-align:center;
}

#costList table thead tr th{
	background:#333;
	color:#fff;
	width:135px;
	height:52px;
	line-height:52px;
	border-bottom:1px solid #dedede;
	border-left:1px solid #dedede;
	font-weight:bold;
}

#costList table thead tr td{
	height:52px;
	line-height:52px;
	border-bottom:1px solid #dedede;
	border-left:1px solid #dedede;
	background:#f5f5f5;
	font-weight:bold;
}

#costList table tbody tr th{
	background:#333;
	color:#fff;
	width:135px;
	height:52px;
	line-height:52px;
	border-bottom:1px solid #dedede;
	border-left:1px solid #dedede;
	font-weight:bold;}

#costList table tbody tr td{
	height:52px;
	line-height:52px;
	border-bottom:1px solid #dedede;
	border-left:1px solid #dedede;
}


/* Àåºñ¼ö¸® */
#LCDtxt{
	line-height:32px;
}

#LCDtxt span.txtB{
	font-weight:bold;
}

#LCDtxt span.point{
	color:#009cdd
}

.PDAlist{
	width:50%;
	height:215px;
	overflow:hidden;
	float:left;
}
.PDAlist dt {
	margin-right:21px;
	float:left;
}

.PDAlist dt img{
	border:1px solid #f2f2f2
}

.PDAlist dd{
	float:left;
}

.PDAlist dd span{
	color:#fff;
	background:#333;
	padding:2px 5px;
}

.PDAlist dd ul{
	margin-top:15px;
}

.PDAlist dd ul li{
	line-height:30px;
	background:url('/images/inc/list.gif') left 8px no-repeat;
	padding-left:13px;
}

#memoryBox dl dt.PDAimg img{
	margin-top:5px;
	margin-right:48px;
}
#memoryBox dl dd ul{
	float:left;
}

#memoryBox dl dd ul li{
	background:url('/images/inc/list.gif') left 13px no-repeat;
	padding-left:13px;
	line-height:32px;
}



/* ¾¾¾Ø¾¾ ¼Ò°³ */
#introduceBox{
	width:100%;
	overflow:hidden;
	border-top:1px solid #e5e5e5;
}

#introduceBox div{
	border:1px solid #e5e5e5;
	border-top:0;
	float:left;
	width:547px;
	height:471px;
}


#introduceBox div p{
	margin-left:45px;
	margin-top:42px;
	margin-bottom:24px;
}

#introduceBox div ul {
	margin-left:48px;
}

#introduceBox div ul li{
	background:url('/images/inc/list.gif') left 11px no-repeat;
	padding-left:13px;
	line-height:30px;
}

#introduceBox div:nth-child(even){
	border-left:0
}

#introduceBox div.introList1{background:url('/images/company/introBg1.jpg') top center no-repeat;}
#introduceBox div.introList2{background:url('/images/company/introBg2.jpg') top center no-repeat;}
#introduceBox div.introList3{background:url('/images/company/introBg3.jpg') top center no-repeat;}
#introduceBox div.introList4{background:url('/images/company/introBg4.jpg') top center no-repeat;}
#introduceBox div.introList5{background:url('/images/company/introBg5.jpg') top center no-repeat;}
#introduceBox div.introList6{background:url('/images/company/introBg6.jpg') top center no-repeat;}
#introduceBox div.introList7{background:url('/images/company/introBg7.jpg') top center no-repeat;}
#introduceBox div.introList8{background:url('/images/company/introBg8.jpg') top center no-repeat;}


#historyTitle, #historyTitle2, #historyTitle3{text-align:center; font-size:26px; line-height:30px;}
#historyTitle2{color:#95be0f}
#historyTitle3{color:#be8b0f}
#historyBox{
	width:100%;
	overflow:hidden;
	background:url('/images/company/historyBG.gif') center repeat-y;
}

#historyBox table{
	width:50%;
}

#historyBox table tr th{
	width:133px;
	line-height:36px;
	font-weight:bold;
}

#historyBox table tr td{
	line-height:36px;
}

#historyBox table.rightList{
	clear:both;
	float:right;
	position:relative;
	top:-10px;
	left:-9px
}


#historyBox table.rightList tr th.on{
	background:url('/images/company/point1.gif') left 10px no-repeat;
}

#historyBox table.leftList tr th.on2{
	background:url('/images/company/point3.gif') right 10px no-repeat;
}

#historyBox table.rightList tr th.on3{
	background:url('/images/company/point4.gif') left 10px no-repeat;
}

#historyBox table.rightList tr th{
	vertical-align:top;
	background:url('/images/company/point2.gif') left 10px no-repeat;
}

#historyBox table.leftList{
	clear:both;
	float:left;
	position:relative;
	top:-10px;
	right:-9px
}

#historyBox table.leftList tr th.on{
	background:url('/images/company/point1.gif') right 10px no-repeat;
}

#historyBox table.leftList tr th{
	vertical-align:top;
	background:url('/images/company/point2.gif') right 10px no-repeat;
}

#historyBox table.leftList tr td{
	text-align:right
}

#historyBox table tr td span.mark1 {
	color:#009cdd;
}
#historyBox table tr td span.mark2 {
	color:#95be0f;
}
#historyBox table tr td span.mark3 {
	color:#be8b0f;
}

/* Àåºñ¹é¾÷ */
.deleteImg{
	display:block;
	width:987px;
	margin:0 auto
}

#memoryBox dl dt{
	float:left;
}

#memoryBox dl dt.deleteTXT img{
	margin-top:5px; margin-right:99px;
}

#memoryBox dl dd.deleteTxt2 ul li span{
	display:inline-block;
	font-weight:bold;
	width:136px;
}




/* ÀÌ¿ë¾à°ü °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.policyBox p{
	font-weight:bold;
	font-size:22px;
	margin-bottom:35px;
}

.policyBox span{
	font-weight:normal;
	font-size:16px;
	margin-left:15px;
	}

.policyBox dl{
	margin-bottom:50px;
}

.policyBox dl dt{
	font-weight:bold;
	color:#009cdd;
	font-size:18px;
	padding-bottom:10px;
}

.policyBox dl dd{
	line-height:28px;}



/* ¹é¾÷¼Ò°³(2018-01-31) */
.txtBox{background:#f8f8f8;border:1px solid #e6e6e6;padding:15px}
.backup_list{width:100%;height:auto;overflow:hidden}
.backup_list .bu1{border-top:3px solid #222;position:relative;margin-top:35px}
.backup_list .bu1 caption{display:block;text-align:left;position:absolute;top:-35;left:0;font-size:18px;font-weight:bold}
.backup_list .bu1 tr th{background:#f5f5f5;border-bottom:1px solid #333;height:50px;border-left:1px solid #dedede}
.backup_list .bu1 tr th:first-child{border-left:0}
.backup_list .bu1 tr td{border-bottom:1px solid #dedede;height:50px;text-align:center;border-left:1px solid #dedede}
.backup_list .bu1 tr td:first-child{border-left:0}
.buLeft{width:45%;float:left;margin-bottom:85px}
.buRight{width:45%;float:right}
.buBt{width:100%;clear:both;margin-bottom:120px}
strong.r_txt{color:#ed1c24}
.ntBox{border:3px solid #e5e5e5;padding:5px 40px;box-sizing:border-box;display:block;background:url('/images/restore/noticeImg.gif') 15px center no-repeat #fff;margin-top:15px}
.b_txt{font-size:18px;margin-bottom:10px;display:block}


/* ¹é¾÷ÀýÂ÷ */
.st_img{display:block;margin:50px auto 120px}
p.pp_txt{color:#3134a1}
.subStance span.pt_txt{display:inline-block;width:51px;text-align:center;line-height:27px;color:#fff;font-size:18px;font-weight:bold;background:#009cdd}
.subStance p.pp_txt span.pt_txt{background:#3134a1}