p {-ms-word-break: keep-all;word-break: keep-all;}
#subVisual {height: 346px; background-repeat:no-repeat; background-position: 50% 0; }

/*subbg*/
.subVisual01 {background-image: url("../images/contents/subVisual01.jpg");}
.subVisual02 {background-image: url("../images/contents/subVisual02.jpg");}
.subVisual03 {background-image: url("../images/contents/subVisual03.jpg");}
.subVisual04 {background-image: url("../images/contents/subVisual04.jpg");}
.subVisual05 {background-image: url("../images/contents/subVisual05.jpg");}

/* bread */
.breadCrumb {position: absolute; left:370px; top:60px; dis play: none; text-transform: uppercase; font-size: 12px;}
.breadCrumb li {float: left;}
.breadCrumb a {color:#999;display: block;padding: 0 10px; background: url("../images/contents/bgBreadCrumb.png") 0 50% no-repeat;}
.breadCrumb li:first-child a { background-image: url("../images/contents/bgHome.png");padding-left: 15px;}
.breadCrumb li:last-child a { color:#333;font-weight:500;}

/* snb */
#snb {text-align: center;margin-top: 100px;}
#snb li {display: inline-block;}
#snb li a {display: block;min-width:70px;padding: 10px 15px;border: 1px solid #d9d9d9;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#snb li:hover a,#snb li.on a {background: #0061aa; color: #fff;border-color: #0061aa;}


/* contents */
#contents {min-height: 500px; padding: 56px 0 100px; background: url("../images/contents/bgSubTitle.png") no-repeat 100% 0;}
#contents .contentsTitle {font-size: 48px;font-weight:700;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #d9d9d9;color: #333;}
#contents .subCopy {position: absolute; right:0;font-size: 14px; color: #666; display: none;}
#contents .subCopy strong {font-weight:700; color:#333;}


/* introduce */
#contents .introduceBox {width: 720px;padding: 100px 0;margin: auto;overflow: hidden;}
#contents .introduceBox .introImg {float: left; margin-right: 70px;}
#contents .introduceBox ul {float: left;}
#contents .introduceBox ul li {margin-top:60px;}
#contents .introduceBox ul li:after {content: "";display: block;width:25px ;height: 5px;background: #1aaec9; margin-top: 5px;}
#contents .introduceBox ul li:first-child {margin-top:20px;}
#contents .introduceBox ul li dt {font-size: 24px;color: #999; font-weight: 500;}
#contents .introduceBox ul li dd {font-size: 12px;color: #7a7a7a; }

/* greeting */
#contents .greetingBox {width: 990px;height: 733px; background: url("../images/contents/greeting.jpg");margin-top: 100px;}
#contents .greetingBox .txtBox {padding: 40px 75px;width: 567px;height: 733px;background: url("../images/contents/bgGreetingTxtBox.png") no-repeat;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#contents .greetingBox .txtBox .txtMain {width: 335px;height: 161px;background: url("../images/contents/mainGreetingTxt.png") no-repeat;}
#contents .greetingBox .txtBox p {color: #fff;font-size: 14px;margin-bottom: 25px;}
#contents .greetingBox .txtBox .txtSub {color: #a09e9e;font-size: 22px;line-height: 1.2;padding: 0 25px; background: url("../images/contents/txtBrace.png") no-repeat 0 5px;
letter-spacing: -1px;
}
/* location */
#contents .locationBox {margin-top: 100px;}

/* history */
.historyBox {margin-top: 100px;}
.historyList > li {position: relative;padding: 40px 0 0; border-bottom: 1px solid #1e5dbb;}
.historyList > li:first-child {padding-top: 0;}
.historyList > li dd {margin-left: 350px;padding-top: 20px;}
.historyList > li dt {width: 300px;height: 55px;line-height: 50px;font-size: 33px;color: #fff; font-style: italic;background: url("../images/contents/bgYear.png") 100% 0 no-repeat; color:#fff;text-align: right;padding-right: 20px;position: absolute; font-weight: 300;}
.historyList > li li {position: relative;padding-left: 60px;padding-bottom: 40px;}
.historyList > li li .month {color: #1e5dbb; font-size: 24px;padding-right: 10px; display: inline-block; position: absolute; left:0;line-height: 1; font-style: italic;}
.historyList > li li .month:after {content: "/"; font-size: 12px; display: inline-block;}
.historyList > li li p {color: #666;padding-top: 40px;}
.historyList > li li p:first-child {padding-top: 0;}


/* brochure */
.brochureBox {margin-top: 100px;}
.brochureBox .brochureList > li {margin-top: 90px;}
.brochureBox .brochureList > li:first-child {margin-top: 0;}
.brochureBox .brochureList > li h4 {font-size: 18px;font-weight: 500;padding-left: 14px;position: relative;line-height: 1;margin-bottom: 20px;}
.brochureBox .brochureList > li h4:before {content: "";display: block;width:6px ;height: 16px;background: #0096e0;  position: absolute; left:0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.brochureBox .brochureList > li li {padding: 50px;border-bottom: 1px solid #d9d9d9;;overflow: hidden; position: relative;}
.brochureBox .brochureList > li li:nth-child(2n+1) {background: #fafafa;}
.brochureBox .brochureList > li li:first-child {border-top: 1px solid #d9d9d9}
.brochureBox .brochureList > li li dt {float: left; font-weight: 500;width: 250px;}
.brochureBox .brochureList > li li dd {float: left;padding-left: 30px;font-size: 14px;color: #666; width: 500px;
-ms-word-break: keep-all;
word-break: keep-all;}
.brochureBox .brochureList > li li a {display: block;width:110px ;height: 35px;line-height: 35px;color: #fff;background: #143e7c; text-align: center;position: absolute; right:30px; top:50%; margin-top: -18px; font-size: 14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
}

/*  */
.summaryBox {text-align: center;margin-top: 100px;}
.summaryBox .logo {padding: 50px 0;}
.summaryBox .txtBox {text-align: center;padding: 50px 0; background: #fafafa; border: 1px solid #d9d9d9; color: #666;}
.summaryBox .txtBox dt {font-size: 24px;font-weight: 500;margin-bottom: 30px;}
.summaryBox .summaryIcon  {margin-top: 50px;}
.summaryBox .summaryIcon li {width: 20%;height: 170px;padding: 20px 0;float: left;color: #fff;background: #99baff;border-left: 1px solid rgba(255,255,255,0.2); position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.summaryBox .summaryIcon li:nth-child(2n) {background: #8bacf8;}
.summaryBox .summaryIcon li span {display: block;font-weight: 500;}
.summaryBox .summaryIcon li span.type {display: inline-block;padding: 2px 10px; border: 1px solid #fff;  font-size: 12px; margin-bottom: 10px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}
.summaryBox .summaryIcon li span.icon {position: absolute;bottom:20px;width: 100%;}


/* prodcut */

.lineBorderBox {background: url("../images/product/bgPattern.png"); padding: 10px;}
.lineBorderBox > .inner {background: #fff;padding: 50px;}
.productWrap .productBox:first-child {margin-top: 0;}


.productLogo {padding: 100px 0 50px;text-align: center;}
.productBox  {margin-top: 80px;}
.productBox h4 {font-size: 24px;font-weight: 700;position: relative;line-height: 1;margin-bottom: 15px;}
.productBox h4:before {content: "";display: block;width: 50px;height: 2px;background: #333;margin-bottom: 15px;}
.productBox .titleDesc {font-size: 18px;color: #666;margin-top: 0;}
.productBox .imgBox {text-align: center;padding: 50px 0;margin-top: 0;}
.productBox .productDesc {margin-top: 30px;}
.productBox p {color: #666;font-size: 14px;margin-top: 30px;line-height: 1.8; text-align: justify;}
.productBox p:first-child {margin-top: 0;}
table.listTable {border-top: 1px solid #e9e9e9;border-bottom: none;}
table.listTable th,table.listTable td {padding: 30px;vertical-align: middle;}
table.listTable tr {border-bottom: 1px solid #e9e9e9;}
table.listTable tr.odd th{background: #f5f5f5;}
table.listTable tr.even th{background: #e9e9e9;}
table.listTable li {padding-left: 10px;font-size: 13px;line-height: 1.8;color: #333;position: relative;}
table.listTable li:before { content: ""; color: #333;position: absolute;left: 0px;top: 10px;width: 4px;height: 4px;background: #333;border-radius:50%;}

table.contentsTable{border:none;}
table.contentsTable th, table.contentsTable td{border-right:none; border-left:1px solid #e9e9e9;min-height: inherit; vertical-align: middle;}
table.contentsTable thead th{text-align: center;background: #f5f5f5;font-size: 14px; color:#000000;padding:20px;}
table.contentsTable thead th:first-child{border-left:none;}
table.contentsTable tbody th{border-left:none;font-size: 14px; line-height: 21px;color:#3d3d3d;text-align: center;}
table.contentsTable tbody td,table tbody th{padding:20px;letter-spacing: -0.5px;vertical-align: middle;}
table.contentsTable tbody tr{border-top:none;border-bottom:1px solid #E9E9E9;}
table.contentsTable tbody td{font-size: 13px; line-height: 21px; color:#383838;padding-left:20px;}
table.contentsTable tbody th{font-weight: 700;}
table.ipsTable {border-top: 2px solid #354076;}
table.ipsTable thead th {background: #fff; border-bottom: 1px solid #e9e9e9;}
table.ipsTable thead th .title {display: block;color: #354076; font-weight: 700;margin-top: 10px;}
table.contentsTable tbody td .small{font-variant: small-caps; font-size: 12px; display: inline-block;margin-left: 5px;vertical-align: top;}

/* product0101 */
.numberList li {overflow: hidden;padding: 20px 0;border-top:1px dashed #d9d9d9;}
.numberList li:first-child {border-top: none;}
.numberList li:nth-child(2n+1) .listNumber {color:#383838;}
.numberList li:nth-child(2n) .listNumber {background:#383838;color:#fff; }
.numberList .listNumber{width:78px; height:78px; border:solid 6px #383838;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-align: center;font-size: 39px; font-weight: 600;line-height: 66px;float: left;}
.numberList li dl {margin-left: 110px;}
.numberList li dt {font-size: 20px;}
.numberList li dd {font-size: 14px;}

/* product0102 */
.icsa {position: relative;padding-left: 150px;}
.icsa img {position: absolute;left:0;top:30px;}
.figureTitle {display: block;margin-top: 10px;text-align: center;}
.wappleList {text-align: center;margin-top: 15px;padding: 30px 20px;background: #f8f8f8; font-size: 0;}
.wappleList li {display: inline-block;vertical-align: top;margin: 0 30px;}
.wappleList li dt {padding: 15px;background: #2d5c88;color: #fff;margin-bottom: 10px;font-size: 16px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.wappleList li dd {font-size: 13px;color: #666;}

.dotListWrap  {margin-top: 30px;}
.dotListWrap dt {font-size: 20px;margin-bottom: 10px;}
.dotList li {padding-left: 10px;font-size: 14px;line-height: 1.8;color: #666;position: relative;}
.dotList li:before { content: "•"; color: #333;position: absolute;left: 0px;top: 0px;}
p.alertTxt {font-size: 16px;font-weight: 500;color: #ff9900;margin-top: 10px !important;}

dl.tableWrap {margin-top: 50px;}
dl.tableWrap dt {font-size: 20px;margin-bottom: 10px;}

/* product03 */
.lineBox {text-align: center;}
.lineBox .imgBox {padding: 30px;border: 3px solid #e8e8e8; margin: 20px 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}


/* product05 */
.topBox .imgBox {float: left;}
.topBox .txtBox {float: left;margin-left: 30px;width: 600px;}
p.big {font-size: 18px;font-weight: 500; color: #333 !important;}
p.big + p {margin-top: 10px;}
.productTitle {text-align: center !important; margin-top: 0px !important;}

/* nldp */
.nldp .topBox .txtBox {width: 470px;}

/* 방화벽 */
.iconList {font-size: 0;text-align: center;margin-top: 50px;}
.iconList li {display: inline-block;width:210px ;height: 240px;background: #f8f8f8;border: 1px solid #d9d9d9;margin: 0 5px; font-size: 14px; vertical-align: top;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.iconList li div {padding: 30px 15px;}
.iconList li dt {font-size: 18px;font-weight: 500;margin: 20px 0;}

.firewall .lineUp:before {content: "";display: block;position: absolute;width: 100%;height: 1px;background: #0a4899;left:-1px; top:-2px;padding: 1px;}
.firewall .lineUp {display: inline-block;padding: 50px;border: 1px solid #d9d9d9;position: relative;}

/* firewall_total_manage */
.firewall_total_manage .iconList p {-ms-word-break: break-all;word-break: break-all;}
.firewall_total_manage .iconList li {background: #fff;}
.firewall_total_manage .iconList .num {font-size: 18px;font-weight: 500;}
.firewall_total_manage .iconList .num .txtNo {color: #7d45ff;display: inline-block;margin-right: 10px;}

.solutionList {font-size: 0;text-align: center;margin-top: 50px;}
.solutionList li {display: inline-block;width:280px ;height: 360px;background: #f8f8f8;border: 1px solid #d9d9d9;margin: 0 5px; font-size: 14px; vertical-align: top;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.solutionList li .imgBox {padding: 20px 0;}
.solutionList li .imgBox img {border: 1px solid #d9d9d9;}
.solutionList li dl {padding: 10px;color: #666;}
.solutionList li dt{font-size: 18px;font-weight: 500;color: #333;}

.solutionList02 {margin:80px auto 0;width: 880px;}
.solutionList02 li:first-child {border-top: 1px dashed #d9d9d9;}
.solutionList02 li {padding: 30px 70px;border-bottom: 1px dashed #d9d9d9;background: url("../images/product/bgCheck.png") no-repeat 30px 34px;}
.solutionList02 li dt {font-size: 18px;color: #333;margin-bottom: 10px;}
.solutionList02 li dd {font-size: 14px;color: #666;}

/* db_encryption */
.roundBox {border: 3px solid #d9d9d9;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.dbEncryptionList li {margin-top: 20px;}
.dbEncryptionList li dt {font-weight: 500;font-size: 18px;}

/* db_manage */
.db_manage .topBox .txtBox {width: 470px;}

/* was */
.was .iconList li {width: 180px;}
.was .iconList li div {padding: 80px 10px;line-height: 2;}
.was .iconList li strong {font-size: 18px;}

/* system_manage */
.grayBox .imgBox {background: #fbfbfb;}
.inlineBox  {text-align: center;}
.inlineBox .imgBox {display: inline-block;}


/* tab */
.tab  {margin-bottom:60px;position: relative;}
.tab li {width: 33.33%; float: left;position: relative;}
.tab li a {display: block;width: 100%;height: 50px;line-height: 50px;border: 1px solid #d9d9d9;border-bottom: none;text-align: center;font-size: 18px;background: #f8f8f8;margin-left: -1px; margin-bottom: -1px;}
.tab li:first-child a {margin-left: 0;}
.tab li.on {z-index:2;}
.tab li.on a {background: #fff;border: 2px solid #333; border-bottom: none;padding-top: 2px;line-height: 46px;height: 49px;}
.tab ul:before {content: "";display: block;width: 100%;height: 2px;background: #333;position: absolute; bottom: -1px;}

/*  */
td.rightBorder {border-right: 1px solid #e9e9e9; text-align: center;}
.bottomBorder {border-bottom: 1px solid #e9e9e9 !important; }

/*  */
.dotLineBox li {padding: 20px 10px; border-bottom: 1px dashed #d9d9d9;}
.dotLineBox li:first-child {border-top: 1px dashed #d9d9d9;}

/* personal_information_search */
.personal_information_search .txtBox {width: 470px;}
.personal_information_search .strongPoint .imgBox {padding-top: 20px;}

/* brochure */
.brochure .tab li {width: 14.28%; float: left;position: relative;}
.brochure .tab li a {font-size: 16px;}


/* ezHelpActivex */
#ezHelpActivex {padding-top: 100px;text-align: center;background: url("../images/contents/bgRemote.jpg") no-repeat 50%;width: 100%;height: 484px;}
#ezHelpActivex iframe {top:30px;left:-20px;position: relative;}