.inner{width:1180px; margin:0 auto;}
.clearB:after{content:''; display:block; clear:both;}
section{padding:60px 0;}
section h4{margin-bottom:35px; font-size:3.4rem; font-weight:normal; text-align:center;}

.mo-img640{display:none;}
button{outline:0;}
.borderGreen{border-top:3px solid #0d5265 !important; border-bottom:3px solid #0d5265 !important;}

.slick-slide img {max-width : 100%;}

header{position:relative;}

nav{position:absolute; z-index:1; top:0; left:0; width:100%; background-size:100%; text-align:center; transition:all .2s; box-sizing:border-box;}
nav h1{float:left; padding-top:20px;}
nav h1 span{display:inline-block; margin-right:20px; padding-right:20px; border-right:1px solid #dcdcdc;}

nav .head-line-bg{position:absolute; z-index:1; top:120px; left:0; width:100%; height:1px;}
#main-header nav .head-line-bg{border-top:1px solid rgba(255,255,255,0.12);}
#sub-header nav .head-line-bg{border-top:0px;}

nav .head-content{width:100%; padding:10px 10px 0px; margin:auto; overflow:hidden; box-sizing:border-box;}
nav .head-content:after{clear:both; display:block; content:"";}


/*
.gnb{float:right; margin-top:24px;}
.gnb li{float:left; margin-right:30px;}
.gnb li:last-child{margin-right:0;}
.gnb li a{font-size:1.8rem;}
.gnb li.active a, .gnb li a:hover{color:#b61918;}
*/

/* nav */
.only-m{display:none;}

#main-header nav{position:fixed; z-index:99; background:#fff;}
#sub-header nav.active{background:#fff;}
nav .gnb{float:right; padding-top:44px;}
nav .gnb > ul{}
nav .gnb > ul li.dep02{float:left;}
nav .gnb > ul li.dep02:nth-child(2){width:98px;}
nav .gnb > ul li.dep02:nth-child(3), nav .gnb > ul li.dep02:nth-child(4), nav .gnb > ul li.dep02:nth-child(6){width:auto; letter-spacing:-1px;}
nav .gnb > ul li.dep02 div{margin:0 15px; margin-bottom:44px; font-weight:300; letter-spacing:-1px; text-align:center; box-sizing:border-box;}
nav .gnb > ul li.dep02 div a{display:inline-block; font-size:1.7rem; color:#000;}
#sub-header nav .gnb > ul li.dep02 div a{color:#fff;}
#sub-header nav.active .gnb > ul li.dep02 div a{color:#000;}
/* header .gnb > ul li.dep02.active div a{color:#b61918;} */
nav .gnb > ul li.dep02 div ~ ul.dep03{max-height:0; position:relative; margin-top:10px; transition:all 0.2s linear;}
nav .gnb > ul li.dep02.active div ~ ul.dep03{padding-top:20px; padding-bottom:30px; max-height:200px;}
nav .gnb > ul li.dep02 div ~ ul.dep03 li{margin-bottom:10px; text-align:center; letter-spacing:-1px;}
/* nav .gnb > ul li.dep02 div ~ ul.dep03 li:last-child{margin-bottom:0px;} */
nav .gnb > ul li.dep02 div ~ ul.dep03 li{font-weight:300;}
nav .gnb > ul li.dep02 div ~ ul.dep03 li a{padding:4px 0 4px 0; font-size:1.4rem; line-height:1.2; text-align:center; color:#434343;}
nav .gnb > ul li.dep02 div ~ ul.dep03 li a:hover{color:#b61918;}

#sub-header nav h1 > a{display:inline-block; width:133px; height:70px; background:url('../images/logo-hpe-w.png') center no-repeat;}
#sub-header nav h1 span a{display:inline-block; width:116px; height:70px; background:url('../images/logo-dongdeuk-w.png') center no-repeat;}

#sub-header nav h1.active span a{background:url('../images/logo-dongdeuk.png') center no-repeat;}
#sub-header nav h1.active > a{background:url('../images/logo-hpe.png') center no-repeat;}



/* Mobile Menu *
.mo-menu-trigger, .mo-menu-trigger span{display:inline-block; transition:all .4s; box-sizing:border-box;}
.mo-menu-trigger{display:none;}
.mo-menu-trigger span{position:absolute; left:0; width:100%; height:4px;}
.mo-menu-trigger span:nth-of-type(1){top:0;}
.mo-menu-trigger span:nth-of-type(2){top:10px;}
.mo-menu-trigger span:nth-of-type(3){bottom:0;}

.mo-menu-trigger.active span:nth-of-type(1){
-webkit-transform:translateY(10px) rotate(-315deg);
transform:translateY(10px) rotate(-315deg);
}

.mo-menu-trigger.active span:nth-of-type(2){
opacity:0;
}

.mo-menu-trigger.active span:nth-of-type(3){
-webkit-transform:translateY(-10px) rotate(315deg);
transform:translateY(-10px) rotate(315deg);
}

.m-gnb-bg{display:none;}
*/

.icon-mouse{position:absolute; z-index:10; bottom:50px; left:48%; width:4%; height:75px; background:url('../images/icon-mouse.png') 0 0/contain no-repeat;}


#main-company{background:url('../images/main-company.jpg') center bottom/cover no-repeat;}
.mc-txt{float:right; width:47%;}
.mc-txt dt{font-size:3rem; font-weight:normal; line-height:1.3;}
.mc-txt dt span{display:block; font-size:2rem; font-weight:700; color:#b61918; margin-bottom:25px;}
.mc-txt dd:nth-child(2){margin:25px 0 45px 0; font-size:1.6rem; color:#777;}
.mc-txt dd:nth-child(3) a{display:inline-block; padding:10px 70px; font-size:1.7rem; color:#fff; background-color:#b61918;}



.main-b-list li{float:left; width:23.5%; margin-right:2%;}		
.main-b-list li:last-child{margin-right:0;}

.main-b-list li > img{width:100%;}
.main-b-list a{display:block; width:100%; padding:10px 0; font-size:1.7rem; text-align:center; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; box-sizing:border-box;}
.main-b-list a img{margin-left:10px; vertical-align:0;}


#main-product{color:#fff; background:url('../images/main-product-bg.jpg') center bottom/cover no-repeat;}
.mp-list li{float:left; width:30%; margin-right:5%; text-align:center; box-sizing:border-box;}
.mp-list li:last-child{margin-right:0;}
.mp-list li dl{margin-top:20px;}
.mp-list li dl dt{position:relative; margin-bottom:20px; padding-bottom:20px; font-size:2.2rem; font-weight:700;}
.mp-list li dl dd{font-size:14px;}
.mp-list li dl dt:after{content:''; position:absolute; bottom:0; left:46%; display:inline-block; width:8%; height:2px; background-color:#00b388;}
.mp-list li dl dd:last-child{margin-top:20px;}
.mp-list li dl dd a{display:inline-block; padding:8px 30px; color:#fff; font-weight:700; border-radius:100px; background-color:#00b388;}

.ms-list{width:1030px; margin:0 auto;}
.ms-list li{margin-right:20px; border:1px solid #e5e5e5; box-sizing:border-box;}
.ms-list li:first-child{margin-left:10px;}
.ms-list li img{width:100%; box-sizing:border-box;}

.ms-list .slick-prev {
	position: absolute;
	z-index: 1;
	text-indent: -99999px;
	left: -60px;
	top: -1px;
	width: 45px;
	height: 70px;
	border: 0px;
	background: url('../images/ms-arrow-prve.png') 0 0 no-repeat;
	cursor: pointer;
}

.ms-list .slick-next {
	position: absolute;
	z-index: 1;
	text-indent: -99999px;
	right: -60px;
	top: -1px;
	width: 45px;
	height: 70px;
	border: 0px;
	background: url('../images/ms-arrow-next.png') 0 0 no-repeat;
	cursor: pointer;
}
/* .ms-list li{float:left; width:18.4%; margin-right:2%; text-align:center; border:1px solid #e5e5e5; box-sizing:border-box;}
.ms-list li:last-child{margin-right:0;} */

footer{padding:40px 0; color:#fff; text-align:center; background-color:#424242;}
footer p{margin-top:30px; color:#a4a4a4; font-size:13px;}

.footer-list{width:80%; margin:0 auto;}
.footer-list li{float:left; width:18.4%; margin-right:2%;}
.footer-list li:last-child{margin-right:0;}
.footer-list a{display:inline-block; width:100%; padding:8px 0; font-size:1.4rem; color:#fff; background-color:#2d2d2d;}
.footer-list select{width:100%; padding:10px 0 9px 10px; font-size:1.4rem; color:#fff; border:0; background-color:#2d2d2d;}




/* Company */
.sub-main{height:430px;}
.sub-main div.inner{text-align:center;}
.sub-main h3{padding-top:230px; font-size:4rem; color:#fff; font-weight:700;}


.sm-compay{background:url('../images/sub-company-bg.jpg') center bottom/cover no-repeat;}
.sm-business{background:url('../images/sub-business-bg.jpg') center bottom/cover no-repeat;}
.sm-vdi{background:url('../images/sub-vdi-bg.jpg') center bottom/cover no-repeat;}
.sm-linux{background:url('../images/sub-linux-bg.jpg') center bottom/cover no-repeat;}
.sm-fireeye{background:url('../images/sub-fireeye-bg.jpg') center bottom/cover no-repeat;}
.sm-partner{background:url('../images/sub-partner-bg.jpg') center bottom/cover no-repeat;}
.sm-product{background:url('../images/sub-product-bg.jpg') center bottom/cover no-repeat;}
.sm-contact{background:url('../images/sub-contact-bg.jpg') center bottom/cover no-repeat;}
.sm-board{background:url('../images/sub-partner-bg.jpg') center bottom/cover no-repeat;}
.sm-maintenance{background:url('../images/sub-maintenance-bg.jpg') center bottom/cover no-repeat;}





.snb{position:relative; width:1180px; height:60px; margin:0 auto; margin-top:-30px; border:1px solid #dcdcdc; background-color:#fff; box-sizing:border-box;}
.snb > ul{display:table; width:100%; height:100%;}
.snb > ul > li{display:table-cell; padding:0 20px; font-size:1.8rem; vertical-align:middle; border-right:1px solid #dcdcdc; }
.snb > ul > li strong{font-weight:normal;}
.snb a{width:100%; height:100%;}

.snb > ul > li:first-child{width:6%; text-align:center;}
.snb > ul > li:nth-child(2){width:20%;}
.snb > ul > li:nth-child(3){position:relative; width:22%; cursor:pointer;}
.snb > ul > li:nth-child(3):after{content:'▼'; position:absolute; bottom:20px; right:20px; font-size:1.8rem; color:#00b388; border:0px;}
.snb > ul > li:nth-child(4){width:52%; border-right:0;}

.snb-sub-list{display:none; position:absolute; z-index:99; top:59px; left:-1px; width:100%; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; background-color:#fff;}
.snb-sub-list li{border-bottom:1px solid #dcdcdc; box-sizing:border-box;}
.snb-sub-list li a{display:block; width:100%; padding:12px 0 12px 20px; font-size:1.4rem; color:#000; box-sizing:border-box;}
.snb-sub-list li a:hover{color:#b61918;}

.ci-txt{padding-bottom:240px; text-align:center; background:url('../images/company-intro-img.png') center bottom no-repeat;}
.ci-txt dd{margin-top:35px; font-size:1.9rem; line-height:1.6;}

.ci-table{display:table; width:100%; margin-top:60px; border-top:3px solid #b61918; border-bottom:3px solid #b61918;}
.ci-table ul{display:table-row;}
.ci-table ul li{display:table-cell; padding:20px 0; font-size:2rem; border-bottom:1px solid #dcdcdc;}
.ci-table ul:last-child li{border-bottom:0;}
.ci-table ul li:first-child{width:30%; text-align:center; background-color:#f9f9f9;}
.ci-table ul li:last-child{padding-left:40px; color:#777;}


/* history */
.hd-list{background:url('../images/line-gray.jpg') center 40px repeat-x;}
.hd-list li{float:left; width:9%; margin-right:9.2%; text-align:center;}
.hd-list li:last-child{margin-right:0;}
.hd-list li dd{margin-top:12px;}

#history-txt{background-color:#f6f6f6;}
.ht-year{float:left; width:30%;}
.ht-year li{margin-bottom:35px; font-size:3.4rem; color:#a3a3a3; line-height:1.5; cursor:pointer;}
.ht-year li.active{font-weight:700; color:#000;}
.ht-year li:last-child{margin-bottom:0;}


.ht-txt ul{display:none; float:left; width:70%;}
.ht-txt ul:first-child{display:block;}

.ht-txt ul li{margin-bottom:45px; padding-left:12px; font-size:1.8rem; font-weight:normal; background:url('../images/dot-red.png') 0 10px no-repeat;}
.ht-txt ul li:last-child{margin-bottom:0;}
.ht-txt ul li strong{color:#b61918;}



/* present */
.sub-title{margin-bottom:50px;}
.sub-title h4{margin-bottom:0; font-size:4rem; font-weight:700;}
.sub-title dd{margin-top:20px; font-size:1.8rem; line-height:1.5; color:#777; text-align:center;}
.sub-title dd:nth-child(3){margin-top:60px;}

.pl-con > ul{margin-top:40px;}
.pl-con > ul > li{float:left; width:18.4%; margin-right:2%;}
.pl-con > ul > li:last-child{margin-right:0;}

.pl-con > ul > li dl{min-height:290px; padding-bottom:20px; border:1px solid #dcdcdc;}
.pl-con > ul > li dl dt{margin-bottom:20px; padding:10px 0; font-size:1.8rem; font-weight:700; color:#fff; text-align:center; background-color:#b61918;}
.pl-con > ul > li dl dd{margin:0 15px 10px 15px; padding-left:10px; font-size:14px; background:url('../images/dot-red.png') 0 8px no-repeat;}

.pl-con-detail{margin-top:6px; font-size:12px; color:#777;}
.pl-con-detail li{margin-bottom:6px; line-height:1.2; word-break:break-all;}
.pl-con-detail li:before{content:"-"; display:inline-block; margin-right:3px;}

#performance{background-color:#f6f6f6;}
.performance-list{}
.performance-list li{float:left; width:18.4%; margin-right:2%;}
.performance-list li:last-child{margin-right:0;}

.performance-list li dt{padding:15px 0px; font-size:1.7rem; color:#fff; text-align:center; background-color:#0d5265;}
.performance-list li dt strong{display:block;}
.performance-list li dd img{width:100%;}


/* organization */
.img-max{width:100%;}

#people{text-align:center; background-color:#f6f6f6;}
#people h3{margin-bottom:10px; font-size:4rem; line-height:1.5}
#people p{font-size:1.7rem; line-height:1.5; color:#777;}

.people-table{width:100%; margin-top:40px;}
.people-table tr td{padding:20px 0; font-size:1.6rem; vertical-align:middle;}

.people-table tr:first-child td:first-child{width:17%; font-size:2rem; color:#fff; background-color:#b61918;}
.people-table tr:first-child td:nth-child(2){font-size:2rem; color:#fff; background-color:#777;}
.people-table tr:first-child td:last-child{width:17%; font-size:2rem; color:#fff; background-color:#0d5265;}

.people-table tr:nth-child(2) td{width:13.2%;}
.people-table tr:nth-child(2) td:nth-child(odd){background-color:#dfdfdf;}
.people-table tr:nth-child(2) td:nth-child(even){background-color:#c2c2c2;}
	

.people-table tr:nth-child(n+3) td{border-bottom:1px solid #dcdcdc;}
.people-table tr:last-child td{border-bottom:3px solid #b61918;}

.people-table tr:nth-child(7) td{font-weight:700;}


/* asset */
.inter-list{margin-bottom:50px;}
.inter-list h5{margin-bottom:15px; font-size:2.4rem;}
.inter-list .ci-table{margin-top:0px;}

.inter-list-partner{padding:25px 30px; font-size:1.7rem; color:#777; border-top:3px solid #b61918; border-bottom:3px solid #b61918;}

/* business */
.si-img{text-align:center;}


/* vdi */
.vdi-img{text-align:center; background-color:#f6f6f6;}
.vdi-img p{margin-top:40px; font-size:2.4rem; font-weight:300;}
.vdi-img p strong{font-weight:700; color:#b61918;}

.vdi-txt h5{float:left; width:15%; margin-right:5%; padding-left:10px; font-size:3rem; line-height:1; border-left:5px solid #b61918; box-sizing:border-box;}
.vdi-txt ul{float:left; width:80%;}
.vdi-txt ul li{float:left; width:32%; margin-right:2%; font-size:1.7rem; vertical-align:0;}
.vdi-txt ul li:before{float:left; display:block; width:15%; font-size:7rem; line-height:0.6; font-weight:700; color:#b61918;}
.vdi-txt ul li:nth-child(1):before{content:'1';}
.vdi-txt ul li:nth-child(2):before{content:'2';}
.vdi-txt ul li:last-child{margin-right:0;}
.vdi-txt ul li:last-child:before{content:'3';}

/* linux */
.linux-list{margin-top:40px;}

.linux-img{text-align:center;}
.linux-list > li{float:left; width:23.5%; min-height:348px; margin-right:2%; border:1px solid #dcdcdc; box-sizing:border-box;}
.linux-list > li:last-child{margin-right:0;}

.linux-list > li dt{margin-bottom:20px; padding:15px 0; font-size:1.8rem; font-weight:700; color:#fff; text-align:center; background-color:#b61918;}
.linux-list > li dt span{font-size:13px; vertical-align:1px; font-weight:300;}

.linux-list > li dd{margin-bottom:20px; padding:0 20px 0 30px; font-size:14px; background:url('../images/dot-red.png') 20px 10px no-repeat;}
.linux-list > li dd li{margin-top:5px; padding-left:10px; background:url('../images/solid-black.png') 0px 10px no-repeat;}


/* fireeye */
.colWhite, .colWhite dd{color:#fff !important;}
.fireeye-area{margin-bottom:40px; padding:40px; border-radius:6px; background-color:#f6f6f6;}
.fireeye-area h5{padding-left:10px; font-size:2rem; line-height:1; border-left:5px solid #b61918;}
.fireeye-area ul{margin:15px 0 50px 0;}
.fireeye-area ul li{margin-bottom:8px; font-size:1.5rem; color:#777;}

#se-sol-bg{background-color:#0d5265;}

.ss-sum-img{text-align:center;}
.ss-sum-list{margin-top:40px;}
.ss-sum-list li{float:left; width:32%; margin-right:2%; margin-bottom:2%; padding-left:10px; font-size:1.6rem; font-weight:700; color:#fff; background:url('../images/dot-white.png') 0 10px no-repeat; box-sizing:border-box;}
.ss-sum-list li:nth-child(3n){margin-right:0;}

.ss-sum-list li:nth-child(1), .ss-sum-list li:nth-child(4), .ss-sum-list li:nth-child(5), .ss-sum-list li:nth-child(6), .ss-sum-list li:nth-child(8){color:#00b388; background:url('../images/dot-green.png') 0 10px no-repeat;}

.ss-sum-txt{margin-top:40px; padding:40px 30px; color:#fff; border-radius:10px; background-color:#093946; box-sizing:border-box;}
.ss-sum-txt dt{float:left; width:30%; padding-right:2.5%; font-size:1.8rem; font-weight:700; box-sizing:border-box;}
.ss-sum-txt dd{float:left; width:70%; padding-left:2.5%; font-size:1.6rem; border-left:1px solid #0d5265;  box-sizing:border-box;}


.fe-function dl{display:table; margin-bottom:20px;}

.fe-function dl dt, .fe-function dl dd{display:table-cell; vertical-align:middle;}
.fe-function dl dt{width:340px; height:110px; padding:0 40px; font-size:1.8rem; font-weight:700; text-align:center; color:#fff; box-sizing:border-box;}
.fe-function dl dd{width:66%; padding-left:4%;}
.fe-function dl dd li{margin-bottom:8px; padding-left:10px; font-size:1.6rem; color:#777; background:url('../images/dot-red.png') 0 10px no-repeat;}


.fe-list dl:nth-child(1) dt{background:url('../images/Fireeye-img4.jpg') center/cover no-repeat;}
.fe-list dl:nth-child(2) dt{background:url('../images/Fireeye-img5.jpg') center/cover no-repeat;}
.fe-list dl:nth-child(3) dt{background:url('../images/Fireeye-img6.jpg') center/cover no-repeat;}

.dt-list dl:nth-child(1) dt{background:url('../images/darktrace-img7.jpg') center/cover no-repeat;}
.dt-list dl:nth-child(2) dt{background:url('../images/darktrace-img8.jpg') center/cover no-repeat;}
.dt-list dl:nth-child(3) dt{background:url('../images/darktrace-img9.jpg') center/cover no-repeat;}
.dt-list dl:nth-child(4) dt{background:url('../images/darktrace-img10.jpg') center/cover no-repeat;}


.sh-list dl:nth-child(1) dt{background:url('../images/shield-img6.jpg') center/cover no-repeat;}
.sh-list dl:nth-child(2) dt{background:url('../images/shield-img7.jpg') center/cover no-repeat;}
.sh-list dl:nth-child(3) dt{background:url('../images/shield-img8.jpg') center/cover no-repeat;}

/* darktrace */
.dt-need > div{float:left;}
.dt-need > div:first-child{width:36%; margin-right:4%;}

.dt-need-list{width:60%;}
.dt-need-list h5{margin-bottom:30px; padding-left:14px; font-size:2rem; line-height:1.2; border-left:4px solid #b61918;}

.dt-need-list li{margin-bottom:20px; padding-left:40px; font-size:1.6rem; color:#777;}
.dt-need-list li strong{display:block; color:#000;}

.dt-need-list li:nth-child(1){background:url('../images/darktrace-num1.png') 0 6px no-repeat;}
.dt-need-list li:nth-child(2){background:url('../images/darktrace-num2.png') 0 6px no-repeat;}
.dt-need-list li:nth-child(3){background:url('../images/darktrace-num3.png') 0 6px no-repeat;}

.dt-need-result{width:100%; margin-top:30px; padding-top:122px; text-align:center; font-size:2rem; font-weight:700; background:url('../images/darktrace-img2.jpg') center 0 no-repeat;}
.dt-need-result span{color:#b61918;}


.dt-summary > div{float:left;}
.dt-summary > div:first-child{width:36%; margin-right:4%;}

.dt-summary-con{width:60%; color:#fff; padding-top:2%;}
.dt-summary-con h5{margin-bottom:30px; padding-left:14px; font-size:2rem; line-height:1.2; border-left:4px solid #00b388;}
.dt-summary-con ul{display:table;}
.dt-summary-con li{display:table-cell; width:50%; height:82px; vertical-align:middle; padding-left:82px; font-size:1.6rem; font-weight:700;}

.dt-summary-con li:nth-child(1){background:url('../images/darktrace-img4.jpg') 0 0 no-repeat;}
.dt-summary-con li:nth-child(2){background:url('../images/darktrace-img5.jpg') 0 0 no-repeat;}

.dt-summary-con p{margin-top:30px; font-size:1.6rem; color:#b9c6ca;}

.dt-summary-result{width:100%; margin-top:30px; padding-top:122px; text-align:center; font-size:2rem; font-weight:700; color:#fff; background:url('../images/darktrace-img6.jpg') center 0 no-repeat;}
.dt-summary-result span{color:#00b388;}

/* shieldex */
.sh-need{display:table; width:100%;}
.sh-need h5{display:table-cell; padding-right:30px;}
.sh-need h5 span{display:inline-block; padding-left:10px; font-size:2rem; line-height:1; border-left:5px solid #b61918;}
.sh-need > div{display:table-cell;}

.sh-summary-img img{width:100%;}

.sh-summary-list{margin-top:40px;}
.sh-summary-list li{margin-bottom:10px; padding:2px 0 5px 42px; font-size:1.8rem; color:#fff;}

.sh-summary-list li:nth-child(1){background:url('../images/shield-img3.jpg') 0 center no-repeat;}
.sh-summary-list li:nth-child(2){background:url('../images/shield-img4.jpg') 0 center no-repeat;}
.sh-summary-list li:nth-child(3){background:url('../images/shield-img5.jpg') 0 center no-repeat;}



/* partner */
#partner div.partner-list:last-child{margin-top:60px;}
.partner-list{}
.partner-list h5{margin-bottom:15px; font-size:2.4rem;}
.partner-list ul li{float:left; width:18.4%; margin-right:2%; margin-bottom:2%; border:1px solid #dcdcdc; box-sizing:border-box;}
.partner-list ul li:nth-child(5n){margin-right:0;}
.partner-list ul li img{width:100%;}


/* product */
.pro-tit-area{float:left; display:table; width:24%; margin-right:2%; }
.pro-tit{display:table-cell; padding:30px; vertical-align:middle; color:#fff;}
.pro-tit dt{position:relative; margin-bottom:20px; padding-bottom:10px; font-size:2.4rem;}
.pro-tit dt:after{content:''; position:absolute; bottom:0; left:0; display:inline-block; width:54px; height:3px; background-color:#00b388;}
.pro-tit dd{font-size:1.4rem;}

.pro-list{float:left; width:74%; border:1px solid #dcdcdc; box-sizing:border-box;}
.pro-list li{text-align:center;}
.pro-list li dt{font-size:1.6rem;}
.pro-list a{display:inline-block; margin-top:10px; padding:3px 30px; font-size:13px; color:#00b388; border-radius:100px; border:2px solid #00b388;}

.pro-bg1{background:url('../images/pro-bg1.jpg') center/cover no-repeat; box-sizing:border-box;}
.pro-bg2{background:url('../images/pro-bg2.jpg') center/cover no-repeat; box-sizing:border-box;}
.pro-bg3{background:url('../images/pro-bg3.jpg') center/cover no-repeat; box-sizing:border-box;}
.pro-bg4{background:url('../images/pro-bg4.jpg') center/cover no-repeat; box-sizing:border-box;}
.pro-bg5{background:url('../images/pro-bg5.jpg') center/cover no-repeat; box-sizing:border-box;}


.slick-prev{position:absolute; z-index:1; text-indent:-99999px; left:-1px; top:36%; width:36px; height:80px; border:0px; background:url('../images/pro-arrow-prev.jpg') 0 0 no-repeat; cursor:pointer;}
.slick-next{position:absolute; z-index:1; text-indent:-99999px; right:-1px; top:36%; width:36px; height:80px; border:0px; background:url('../images/pro-arrow-next.jpg') 0 0 no-repeat; cursor:pointer;}


/* product-view */
.pro-view-area{text-align:center;}
.pro-view-area h3{margin-bottom:20px; font-size:2.5rem;}
.pro-view-area a{display:inline-block; padding:10px 80px; font-size:2rem; color:#fff; font-weight:normal; background-color:#b61918;}

.syndi-area{margin-top:60px; font-size:2rem; padding:10% 0; text-align:center; color:#999; background-color:#f7f7f7;}



/* maintenance */
.mt-map, .mt-table{float:left; width:49%;}
.mt-table{margin-left:2%;}
.mt-table-area > table{float:left; width:48%; border:1px solid #dcdcdc;}
.mt-table-area > table:first-child{margin-right:4%;}

.mt-table-area > table tr td{padding:10px; font-size:14px; text-align:center; vertical-align:middle; border-bottom:1px solid #dcdcdc;}
.mt-table-area > table tr td:first-child{width:50%; border-right:1px solid #dcdcdc;}
.mt-table-border{border-bottom:1px solid #b61918 !important;}
.mt-table-area > table tr.header td{font-size:1.6rem; color:#fff; border-bottom:0; background-color:#b61918;}
.mt-table-area > table tr.header td:first-child{border-right:1px solid #fff;}

.mt-table-list{margin-top:50px;}
.mt-table-list h5{margin-bottom:15px; font-size:2.5rem;}
.mt-table-list > table{width:100%; border:1px solid #dcdcdc;}
.mt-table-list > table tr td{padding:10px; font-size:14px; text-align:center; vertical-align:middle; border-bottom:1px solid #dcdcdc;}
.mt-table-list > table tr td:first-child{width:50%; border-right:1px solid #dcdcdc;}
.mt-table-list table tr.header td{font-size:1.6rem; color:#fff; border-bottom:0; background-color:#0d5265;}
.mt-table-list table tr.header td:first-child{border-right:1px solid #fff;}

#maintenance-case{background-color:#f6f6f6;}
.mc-table{display:table; width:100%; background-color:#fff;}
.mc-table ul{display:table-row;}
.mc-table ul li{display:table-cell; padding:12px 10px; font-size:1.6rem; text-align:center; vertical-align:middle; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.mc-table ul li:nth-child(2){color:#777;}
.mc-table ul li:last-child{border-right:0px;}
.mc-table ul:last-child li{border-bottom:3px solid #b61918;}

.mc-table ul:first-child li{font-weight:700; color:#fff !important; border-bottom:0; background-color:#b61918;}



/* contact */
label{cursor:pointer;}
.marB10{margin-bottom:10px;}

.contact-list{display:table; width:100%; font-size:16px; border-top:3px solid #b61918; border-bottom:3px solid #b61918;}
.contact-list dl{display:table-row;}
.contact-list dl dt{display:table-cell; width:20%; padding:15px 20px; vertical-align:middle; border-bottom:1px solid #e5e5e5;}
.contact-list dl dt span{color:#ff0000;}
.contact-list dl dd{display:table-cell; width:80%; padding:15px 20px; vertical-align:middle; border-bottom:1px solid #e5e5e5;}
.contact-list dl dd span{display:inline-block; width:20%;}

.contact-list dl dd input[type="text"]{width:100%; height:40px; padding:10px 20px; font-size:16px; line-height:24px; color:#999; border:1px solid #e5e5e5; background-color:#fff; box-sizing:border-box;}
.contact-list dl dd select{width:100%; height:40px; padding-left:10px; font-size:16px; line-height:24px; color:#999; border:1px solid #e5e5e5; box-sizing:border-box;}
.contact-list dl dd textarea{width:100%; height:200px; padding:10px; font-size:16px; line-height:24px; color:#999; border:1px solid #e5e5e5; box-sizing:border-box;}

.contact-list dl dd input.post[type="text"]{width:50%; height:40px; padding:10px 20px; font-size:16px; line-height:24px; color:#999; border:1px solid #e5e5e5; background-color:#fff; box-sizing:border-box;}
.post-btn{display:inline-block; margin-left:10px; padding:5px 20px 9px; color:#fff; background-color:#0d5265; box-sizing:border-box;}

.agree-box{overflow-y:scroll; width:100%; height:390px; padding:30px; text-align:left !important; border:1px solid #e5e5e5; box-sizing:border-box;}
.agree-box li{margin-bottom:20px;}
.agree-box h4{margin-bottom:20px; padding-left:14px; font-size:1.8rem; text-align:left !important; background:url('../images/point-green.jpg') 0 12px no-repeat;}
.agree-box p{font-size:13px; color:#999;}

.agree-list{margin-top:20px; font-size:16px;}
.agree-list li{margin-bottom:10px;}
.agree-list label{display:inline-block; margin-left:10px;}

.agree-text{margin-top:30px; padding-left:14px; background:url('../images/point-green.jpg') 0 12px no-repeat;}

.contact-btn{text-align:center; margin-top:40px;}
.contact-btn a{display:inline-block; padding:10px 70px; font-size:17px; color:#fff; background-color:#b61918;}


/* board */
.board-area{display:table; width:100%; border-bottom:2px solid #b61918;}
.board-area ul{display:table-row;}
.board-area ul li{display:table-cell; padding:15px 10px; text-align:center; vertical-align:middle; font-size:1.6rem; border-bottom:1px solid #e5e5e5;}
.board-area ul:first-child li{color:#fff; text-align:center !important; background-color:#b61918;}
.board-area ul:last-child li{border-bottom:0;}
.board-area ul li:nth-child(2){text-align:left;}

.board-num{margin-top:30px; text-align:center;}
.board-num a{display:inline-block; margin-right:10px; padding:2px 10px; font-size:1.6rem; color:#a9a9a9;}
.board-num a.active, .board-num a:hover{color:#fff; background-color:#b61918;}
.board-num a.prev, .board-num a.next{color:#000 !important; background:none !important;}

.board-btn{margin-top:20px; text-align:right;}
.board-btn a{display:inline-block; padding:10px 40px; font-size:1.6rem; color:#fff; background-color:#0d5265;}




@media only screen and (min-width: 1180px) {
    nav .gnb > ul li.dep02 .dep03 {display: none!important;}
    nav .gnb > ul li.dep02.active .dep03 {display: block!important;}
}
@media only screen and (max-width: 1180px) {


	.inner{width:auto; padding:0 4%;}
	
	nav h1{width:auto; padding-top:10px;}
	nav h1 img{height:54px;}

	/* gnb *
	.gnb{position:fixed; top:0; right:0px; margin-top:0; z-index:99999999; width:320px; height:100%; padding-top:0px; background-color:#fff; transform: translateX(320px); -webkit-transform:translateX(320px); opacity:0;}
	.gnb.active{opacity:1; transform:translateX(0px); -webkit-transform:translateX(0px); transition:all .4s;}
	.gnb > li{float:none; width:100%; padding-top:0px; border-bottom:1px solid #e5e5e5;}
	.gnb > li:first-child{border-bottom:0;}
	.gnb > li:first-child a{border-bottom:1px solid #e5e5e5;}
	.gnb > li a{display:block; height:auto; width:100%; color:#758184; padding:28px 0; font-size:16px; text-align:center;}
	.gnb > li.ative a, .gnb > li a:hover{color:#c02032; border-bottom:0px;}
	.gnb > li:first-child a:hover{border-bottom:1px solid #e5e5e5;}
	
	.m-gnb-bg.active{position:fixed; display:block; top:0; left:0; z-index:9999999; width:100%; height:100%; background:rgba(0, 0, 0, 0.8);}
	.mo-menu-trigger{position:absolute; top:32px; right:20px; z-index:999999999; display:block; width:34px; height:24px; cursor:pointer;}
	.mo-menu-trigger.active span{background-color:#c02032;}

	*/

	nav .head-line-bg{top:70px;}

	.only-m{display:block;}
	.sub-nav li:last-child{display:none;}
	.sub-nav{top:14px; right:40px;}

	.m-btn-nav{width:30px; height: 24px; float:right; margin-top:30px; margin-right:10px; background: transparent; border: 0; border-radius:4px; cursor:pointer;}
	.m-btn-nav span{display:block; width:30px; height:3px; position:relative; cursor:pointer;}
	.m-btn-nav span:before{display:block; width:30px; height:3px; background:#000; position:absolute; top:-7px; left:0; content:"";}
	.m-btn-nav span:after{display:block; width:30px; height:3px; background:#000; position:absolute; bottom:-7px; left:0; content:"";}

	#main-header .m-btn-nav span, #main-header .m-btn-nav span:before, #main-header .m-btn-nav span:after{background:#000;}
	#sub-header .m-btn-nav span, #sub-header .m-btn-nav span:before, #sub-header .m-btn-nav span:after{background:#fff;}


	nav .head-content{max-width:100%; width:100%; padding:10px 10px 0px; margin:auto; overflow:hidden; box-sizing:border-box;}

	nav .gnb{display:inline-block; width:100%; margin:auto; margin-top:23px; padding-top:0px; vertical-align:middle;}
	nav .gnb > ul{display:none; border-top:1px solid #ccc;}
	nav .gnb > ul.active{display:block; transition:all 0.4s linear;}
	nav .gnb > ul:after{clear:both; display:block; content:"";}
	nav .gnb > ul li.dep02{float:none; width:100%; padding:0px 20px; overflow: hidden; border-bottom:1px solid #f5f5f5; box-sizing:border-box;}
	nav .gnb > ul li.dep02:nth-child(2){width:100%;}
	nav .gnb > ul li.dep02 div{width:100%; margin:0 0px; font-weight:400;}
	nav .gnb > ul li.dep02 div a{position:relative; display:block; padding:15px 10px; color:#000; text-align:left;}
	nav .gnb > ul li.dep02 div a:after{content:'\002B'; font-weight:bold; text-align:right; font-size:2.5rem; color:#b61918; position:absolute; top:15px; right:0;}
	nav .gnb > ul li.dep02 div a.active.changed:after{content:'\2212';}
	/* nav .gnb > ul li.dep02 div a.active:after{content:'\2212';} */

	nav .gnb > ul li.dep02.active div a{color:#000;}

	nav .gnb > ul li.dep02 div ~ ul.dep03{display: none; max-height:200px; position:relative; margin-top:0px; transition: none;}
	nav .gnb > ul li.dep02.active div ~ ul.dep03{display: block; max-height:200px;}
	nav .gnb > ul li.dep02 div ~ ul{margin:5px 30px; box-sizing:border-box;}
	nav .gnb > ul li.dep02 div ~ ul.dep03 li:first-child{margin-top:10px;}
	nav .gnb > ul li.dep02 div ~ ul.dep03 li{font-weight:normal;}
	nav .gnb > ul li.dep02 div ~ ul.dep03 li a{display:block; padding:4px 0; text-align:left;}
	nav .gnb > ul li.dep02 div ~ ul.dep03 li a:hover{color:#b61918;}

	nav.active{background-color:#fff; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.2); transition:all .2s;}

	nav.active .m-btn-nav span, nav.active .m-btn-nav span:before, nav.active .m-btn-nav span:after{background:#000;}
	#sub-header nav.active .m-btn-nav span, #sub-header nav.active .m-btn-nav span:before, #sub-header nav.active .m-btn-nav span:after{background:#000;}
	nav.active .sub-nav li a{color:#000;}

	#sub-header nav h1 span a{width:103px; height:54px; background-size:cover;}
	#sub-header nav h1 > a{width:89px; height:54px; background-size:cover;}
	#sub-header nav h1.active span a, #sub-header nav h1.active > a{background-size:cover;}



	#main-company{background:url('../images/main-company.jpg') -30% bottom/cover #f1f1f1 no-repeat;}
	.mc-txt{float:none; width:auto;}

	.main-b-list a{min-height:63px;}
	
	.mp-list li{width:32%; margin-right:2%;}
	.mp-list li img{width:100%;}

	.ms-list{width:auto;}
	.ms-list .slick-prev {left: -40px;}
	.ms-list .slick-next {right: -40px;}

	.footer-list{width:100%;}



	/* company */
	.snb{position:relative; width:auto; border-left:0; border-right:0;}

	/* history */
	.hd-list li dt img{width:100%;}

	/* present */
	.sub-title br{display:none;}
	.pl-con > img{width:100%;}

	.performance-list li dt{min-height:63px;}
	

	/* business */
	.si-img img{width:80%;}

	/* vdi */
	.vdi-txt h5{float:none; margin-bottom:30px; width:100%; margin-right:0;}
	.vdi-txt ul{float:none; width:100%;}

	/* linux */
	.linux-list > li{float:left; width:48%; min-height:300px; margin-right:4%; margin-bottom:2%;}
	.linux-list > li:nth-child(2n){margin-right:0;}

	.linux-list > li dd{margin-bottom:10px;}

	/* fireeye */
	.fireeye-area img{width:100%;}
	
	/* darktrace */
	.dt-need > div:first-child img{width:100%;}
	.dt-summary > div:first-child img{width:100%;}

	/* shieldex */
	.sh-need h5{width:30%;}
	.sh-need > div{width:70%;}
	.sh-need > div img{width:100%;}



	/* product */
	.pro-list li img{width:90%;}

	/* maintenance */
	.mt-map img{width:100%;}

}

@media only screen and (max-width: 960px) {
	html{font-size:9px;}
	
	#main-business h4{margin-bottom:15px;}
	.main-b-list li{float:left; width:48%; margin-top:20px; margin-right:4%;}
	.main-b-list li:nth-child(2){margin-right:0;}
	.main-b-list a{min-height:auto;}

	.ms-list .slick-prev {top:3%; height:40%; left: -35px; background-size:cover !important;}
	.ms-list .slick-next {top:3%; height:40%; right: -37px; background-size:cover !important;}


	/* company */
	.snb > ul > li:nth-child(2), .snb > ul > li:nth-child(3){width:47%;}
	.snb > ul > li:nth-child(3){border-right:0;}
	.snb > ul > li:nth-child(4){display:none;}

	/* history */
	.hd-list li{width:10%; margin-right:8%;}

	/* present */
	.performance-list li{width:32%; margin-bottom:20px;}
	.performance-list li:nth-child(3n){margin-right:0;}
	.performance-list li dt{min-height:auto;}
	
	.pl-con > img{display:none;}
	.pl-con > ul > li{width:32%; margin-right:2%; margin-bottom:20px;}
	.pl-con > ul > li:nth-child(3n){margin-right:0;}

	/* fireeye */
	.ss-sum-txt{padding:30px 20px; color:#fff;}
	.ss-sum-txt dt{float:none; width:100%; margin-bottom:20px; padding-right:0;}
	.ss-sum-txt dd{float:none; width:100%; padding-left:0; border-left:0;}

	/* darktrace */
	.dt-need > div{float:none;}
	.dt-need > div:first-child{width:100%; margin-right:0; margin-bottom:40px; text-align:center; border-radius:8px; background-color:#f6f6f6;}
	.dt-need > div:first-child img{width:auto;}
	.dt-need-list{width:100%;}

	.dt-summary > div{float:none;}
	.dt-summary > div:first-child{width:100%; margin-right:0; margin-bottom:40px; text-align:center; border-radius:8px; background-color:#fff;}
	.dt-summary > div:first-child img{width:auto;}
	.dt-summary-con{width:100%;}

	/* shieldex */
	.sh-need{display:block;}
	.sh-need h5{display:block; width:100%; margin-bottom:20px; padding-right:0px;}
	.sh-need > div{display:block; width:100%;}

	/* partner */
	.partner-list ul li{width:32%;}
	.partner-list ul li:nth-child(5n){margin-right:2%;}
	.partner-list ul li:nth-child(3n){margin-right:0;}

	/* product */
	.pro-tit-area{float:none; width:100%; height:auto !important;}
	.pro-tit{padding:20px; }
	.pro-list{display:block; float:none; width:100%;}

	/* maintenance */
	.mt-map, .mt-table{float:none; width:100%;}
	.mt-table{margin-left:0%;}
	.mt-map{margin-bottom:30px; text-align:center;}
	.mt-map img{width:auto;}

}

@media only screen and (max-width: 780px) {
	.vdi-txt ul li:before{width:20%; font-size:7rem; line-height:1;}
}

@media only screen and (max-width: 640px) {
	html{font-size:8px;}
	.pc-img{display:none;}
	.mo-img640{display:inline;}


	#main-company{background-position:8% bottom;}

	.mp-list li{float:none; width:100%; margin-right:0; margin-bottom:20px; padding:30px 20px; border:10px solid #00b388; background:rgba(255, 255, 255, 0.1); box-sizing:border-box;}
	.mp-list li img{width:auto;}

	.ms-list .slick-prev {left: 0;}
	.ms-list .slick-next {right: 0;}

	.footer-list li{float:left; width:49%; margin-right:2%; margin-bottom:5px;}
	.footer-list li:nth-child(2n){margin-right:0;}

	/* company */
	.ci-table ul li:last-child{padding-left:20px;}

	/* history */
	.hd-list{background:none;}
	.hd-list li{width:30%; margin-right:5%; margin-top:30px;}
	.hd-list li:nth-child(3n){margin-right:0;}

	.hd-list li dt img{width:auto;}

	.ht-year{float:none; display:table; width:100%;}
	.ht-year li{display:table-cell; width:33.33%; padding:10px 0; color:#fff; text-align:center; background-color:#a3a3a3;}
	.ht-year li.active{color:#fff; background-color:#000;}

	.ht-txt ul{float:none; width:100%; margin-top:30px;}
	.ht-txt ul li{margin-bottom:10px;}

	/* present */
	.pl-con > ul > li{width:100%;}
	.pl-con > ul > li dl{min-height:auto;}

	.performance-list li{width:49%;}
	.performance-list li:nth-child(2n){margin-right:0;}
	.performance-list li:nth-child(3n){margin-right:2%;}


	/* business */
	.si-img img{width:100%;}

	/* vdi */
	.vdi-img img{width:100%;}
	.vdi-txt ul li:before{float:none; display:block; width:100%;}
	.vdi-txt ul li:after{content:''; display:block; clear:both;}

	/* linux */
	.linux-img img{width:100%;}
	.linux-list > li{float:left; width:100%; min-height:auto; margin-right:0;}

	/* fireeye */
	.ss-sum-img img{width:80%;}
	.ss-sum-list li{float:left; width:49%;}
	.ss-sum-list li:nth-child(3n){margin-right:2%;}
	.ss-sum-list li:nth-child(2n){margin-right:0;}

	.fe-function dl{display:block; margin-bottom:20px;}
	.fe-function dl dt, .fe-function dl dd{display:block; width:100%; box-sizing:border-box;}
	.fe-function dl dt{height:auto; padding:50px 40px;}
	.fe-function dl dd{padding:20px; border:1px solid #e5e5e5;}



	/* partner */
	.partner-list ul li{width:49%;}
	.partner-list ul li:nth-child(3n){margin-right:2%;}
	.partner-list ul li:nth-child(2n){margin-right:0;}

	/* product-view */
	.pro-view-area > img{width:94%;}
	.pro-view-area a{display:block; padding:10px 0;}


	/* maintenance */
	.mt-map img{width:100%;}
	.mt-table table{float:none; width:100%;}
	.mt-table table:first-child{margin-right:0; margin-bottom:20px;}

	/* contact */
	.contact-list{display:block;}

	.contact-list dl{display:block; border-bottom:1px solid #e5e5e5;}
	.contact-list dl dt{display:block; width:100%; padding:10px 20px; border-bottom:0px; background-color:#f5f5f5; box-sizing:border-box;}
	.contact-list dl dd{display:block; width:100%; padding:20px 0px; border-bottom:0px; box-sizing:border-box;}
	.contact-list dl dd span{width:30%;}

	.contact-btn a{display:block; padding:10px 0;}


	/* board */
	.board-area ul li:first-child, .board-area ul li:nth-child(4){display:none;}

}

@media only screen and (max-width: 480px) {
	html{font-size:7px;}

	.mc-txt br{display:none;}
	
	.main-b-list li{float:auto; width:100%; margin-right:0;}
	.main-b-list li:nth-child(2){margin-right:0;}

	.mp-list li{padding:20px;}

	.footer-list li{float:none; width:100%; margin-right:0;}

	/* history */
	.hd-list li{width:48%; margin-right:4%;}
	.hd-list li:nth-child(3n){margin-right:4%;}
	.hd-list li:nth-child(2n){margin-right:0;}

	/* vdi */
	.vdi-txt ul li{float:none; padding:20px; width:100%; margin-bottom:10px; border:1px solid #e5e5e5; box-sizing:border-box;}
	.vdi-txt ul li:before{float:left; display:block; width:20%; font-size:6rem; line-height:0.8;}
	.vdi-txt ul li:last-child{margin-bottom:0;}

	/* fireeye */
	.ss-sum-img img{width:100%;}
	.ss-sum-list li{float:none; width:100%;}
	.ss-sum-list li:nth-child(3n){margin-right:0;}

	/* darktrace */
	.dt-need > div:first-child img{width:100%;}
	.dt-summary > div:first-child img{width:100%;}



	.sub-title dd:nth-child(3) img{width:90%;}
}