@charset "utf-8";

/* Common */

::selection { background: rgba(185, 0, 71, 0.57); color: #fff; }

.clearfix:after { display: block; content: ''; clear: both; }
.bsB { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }
.wrap { width: 100%; }
.maxWD { max-width: 1280px; margin: 0 auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }
.common_con .maxWD { padding: 80px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }
.transEF { transition: all 0.2s; }
.pointF { color: #b0004a; }
.bgcommon { background-color: #f4f4f4; }
.txtal { text-align: left; }


/* header */

.header { position: absolute; width: 100%; border: 0; }
.header:hover { background: rgba(49, 49, 49, 0.6); }
.logos { float: left; margin-top: 15px; z-index: 9999; position: relative; }
.logos ul {  }
.logos ul li { float: left; }
.logos ul li:first-child { margin-right: 27px; }
.gnb_wrap { float: right; letter-spacing: 0px; }
.gnb_wrap .gnb { height: 68px; text-align: center; }
.gnb_wrap .gnb > li { float: left; padding: 26px 22px; position: relative; }
.gnb_wrap .gnb > li:last-child { padding-right: 36px;  transition: all 0.2s; }
.gnb_wrap .gnb > li:last-child:hover { }
.gnb_wrap .gnb > li > a { display: block; font-size: 16px; color: #fff; font-weight: bold; text-transform: uppercase; text-align: center;}
.gnb_wrap .gnb > li:after { position: absolute; content: ''; bottom: 0; left: 0; width: 0; height: 4px; background-color: rgba(215, 0, 90, 0); transition: all 0.2s; }
.gnb_wrap .gnb > li:hover:after { position: absolute; content: ''; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 4px; background-color: #e80052; }
.gnb_wrap .gnb > li:hover > a { color: #e80052; }

/* sub menu */

.sub_menu { display: none; font-size: 14px; padding: 41px 0 0; position: absolute; left: 0; width: 100%; top:58px; z-index: 99; }
.sub_menu > li > a { display: block; color: #fff; }
.sub_menu > li > a:hover { color: #e80052; }
.thrdep_menu {}
.thrdep_menu > li { margin-top: 3px; }
.thrdep_menu > li > a { display: block; font-size: 12px; line-height: 20px; color: #b5b5b5; }
.thrdep_menu > li > a:hover { color: #e80052; }
.sub_menu_bgWrap { display: none; width: 100%; height: 240px; background: rgba(49, 49, 49, 0.6); border-top: 1px solid #707274; position: absolute; top: 80px; left: 0; z-index: 97; }

/* sub menu end */

/* mobile menu */

.m-gnb { display: none; width: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 99999; }
.m-gnb.act { display: block; }
.togglebtn {  display: none; width: 25px; height: 25px; position: absolute; right: 20px; top: 15px; z-index: 999999; }

.m-gnb_wrap { width: 80%; background-color: #fff; position: absolute; top: 0; right: 0; bottom: 0; }
.m-gnb_wrap:after { position: absolute; content: ''; width: 100%; height: 55px; top: 0; left: 0; background-color: #b0004a; }

.m-gnb-area { margin-top: 55px; letter-spacing: 0; }
.m-gnb-area > li { border-bottom: 1px solid #ededed; cursor: pointer; }
.m-gnb-area > li.m-more { background: url(../images/m-menubg-off.jpg) no-repeat 95% 21px; }
.m-gnb-area > li.m-more.mact { background: url(../images/m-menubg-on.jpg) no-repeat 95% 21px; }
.m-gnb-area > li > a { display: inline-block; padding: 12px 0 12px 20px; font-size: 17px; text-transform: uppercase; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }
.m-gnb-area > li > a:hover { color: #b0004a; }

.m-sub_menu { display: none; background-color: #f4f4f4; border-top: 1px solid #ededed; }
.m-sub_menu > li {}
.m-sub_menu > li > a { display: block; padding: 7px 0 7px 20px; border-bottom: 1px solid #ededed; color: #848484; font-size: 15px; }
.m-sub_menu > li > a:hover { color: #b0004a; }

.m-thrdep_menu {}
.m-thrdep_menu > li {}
.m-thrdep_menu > li > a { display: block; padding-left: 25px; font-size: 14px; color: #a7a7a7; padding: 5px 0 5px 20px; }
.m-thrdep_menu > li > a:hover { text-decoration: underline; }

.menu-trigger,
.menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}

.menu-trigger {
    position: relative;
    width: 25px;
    height: 25px;
}

.menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #fff;
    border-radius: 4px;
}

.menu-trigger span:nth-of-type(1) {
    top: 2px;
}

.menu-trigger span:nth-of-type(2) {
    top: 11px;
}

.menu-trigger span:nth-of-type(3) {
    bottom: 2px;
}

/* �ִϸ��̼� */
/* �߾� ������ ������ �����鼭 ���϶��� ������ ����� */
.menu-trigger.active-5 span:nth-of-type(1) {
    -webkit-transform : translateY(9px) rotate(-45deg);
    transform : translateY(9px) rotate(-45deg);
}
.menu-trigger.active-5 span:nth-of-type(2) {
    left : 50%;
    opacity : 0;
    -webkit-animation : active-menu-bar05 .8s forwards;
    animation : active-menu-bar05 .8s forwards;
}
@-webkit-keyframes active-menu-bar05 {
    100% {
        height: 0;
    }
}
@keyframes active-menu-bar05 {
    100% {
        height: 0;
    }
}
.menu-trigger.active-5 span:nth-of-type(3) {
    -webkit-transform : translateY(-9px) rotate(45deg);
    transform : translateY(-9px) rotate(45deg);
}

/* mobile menu end */

/* footer */

.footer { background-color: #000; padding: 25px 0; }
.footer ul { width: 100%; }
.footer ul li { font-size: 14px; color: #bdbdbd; display: inline-flex;}
.footer ul li:first-child {margin-right:50px; }
.footer ul li:last-child { float: right; }


/* main */

.content {  }
.mainVisu { padding: 12% 0 26%; color: #fff; text-align: center; letter-spacing: 0; background: url(../images/main_bg.jpg) no-repeat center bottom; background-size:cover; }
.mainVisu h1 { text-transform: uppercase; font-weight: bold; font-size: 60px; line-height: 80px; }
.mainVisu h2 { font-size: 26px; padding-top: 40px; }



/* sub page Common */

.sp_hcommon { height: 320px; text-align: center; }
.sp_hcommon h3 { text-transform: uppercase; color: #fff; font-size: 34px; font-weight: bold; padding-top: 175px; }

.tab_2dep { border-bottom: 1px solid #ededed; }
.tab_2dep > div {}
.tab_2dep > div > ul {}
.tab_2dep > div > ul > li { float: left; width: 20%; text-align: center; font-size: 16px; color: #333333; letter-spacing: 0;/* padding: 1.5% 0;*/ cursor: pointer; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; border-bottom: 2px solid #fff; }
.tab_2dep > div > ul > li > a { display: block; width: 100%; padding: 6% 0; }
.tab_2dep > div > ul > li:hover { border-bottom: 2px solid #b0004a; }
.tab_2dep > div > ul > li.on { border-bottom: 2px solid #b0004a; }
.tab_2dep > div > ul > li.on > a { color: #b0004a; font-weight: bold; }
.tab_2dep > div > ul > li:hover > a { color: #b0004a; font-weight: bold; }

.tab_2dep > div > ul > li:first-child {}
.tab_2dep > div > ul > li:first-child ul { display: none; }

.tab_2dep_m { display: none;}

.tab_dep3 { background: url(../images/subtab_3depbg.jpg) no-repeat 95% center; position: relative; }
.tab_dep3 > ul { position: absolute; top: 68px; left: 0; background-color: #f4f4f4; width: 100%; }
.tab_dep3:hover > ul { display: block; }
.tab_dep3:hover > ul > li { text-align: left; border-bottom: 1px solid #dbdbdb; }
.tab_dep3:hover > ul > li > a { display: block; font-size: 15px; color: #333; padding: 5% 4%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }
.tab_dep3:hover > ul > li:hover > a { color: #b0004a; }

.pdtab_2dep_m {  }
.pdtab_2dep_m .tab_dep3 dl {  }
.pdtab_2dep_m .tab_dep3 dl dt {  }
.pdtab_2dep_m .tab_dep3 dl dt:first-of-type { border-bottom: 0 !important; }
.pdtab_2dep_m .tab_dep3 dl dt a { display: block; padding: 1.5% 4% !important; background-color: #e0e0e0 !important; font-size: 14px; }


.common_con {  }
.common_con h4 { text-align: center; margin-bottom: 3.5%; font-size: 32px; color: #333333; font-weight: bold; text-transform: uppercase; }

.combtn { text-align: center; }
.combtn a { display: inline-block; letter-spacing: 0; padding: 25px 4%; font-size: 22px; color: #fff; background-color: #b0004a; margin-top: 5%; }
.qnacon .combtn a { padding: 25px 7%; }


/* Company */

.companybg { background: url(../images/Company_topbg.jpg) no-repeat center; background-size:cover;}

.Businesscon { background: url(../images/business_bg.jpg) no-repeat center; text-align: center; }
.Businesscon div {}
.Businesscon div img {}

.Visioncon {}
.Visioncon > div { float: left; width: 50%; }
.Visioncon > div:first-of-type {}
.Visioncon > div:last-of-type { padding-left: 40px; padding-top: 4%; }
.Visioncon > div:last-of-type p { font-size: 26px; line-height: 42px; color: #454545; letter-spacing: -2px; }
.Visioncon > div:last-of-type p span { letter-spacing: -2px; }
.Visioncon > div:last-of-type div { padding-top: 6%; }

.Certificon {  }
.Certificon ul { text-align: center; }
.Certificon ul li { display: inline-block;vertical-align: top; }
.Certificon ul li:not(:last-child) { margin-right: 2.5%; }
.hpepartner {  text-align: left;    margin-left: 50px;}


.location {}
.location .mapwrap { width: 100%; height: 504px; }
#map { height: 100%; }
.location .locatxt { padding-left: 30px; font-size: 26px; line-height: 40px; color: #454545; margin-top: 20px; background: url(../images/location_icon.jpg) no-repeat left 6px; }
.location .locatxt span { display: block; font-size: 16px; }



/* Product Common */

.Productbg { background: url(../images/Product_topbg.jpg) no-repeat center; background-size:cover;}

.Product2dep {  }
.Product2dep > div > ul {  }
.Product2dep > div > ul > li {  }
.Product2dep > div > ul > li.pd3dep {}
.Product2dep > div > ul > li > a {  }
.Product2dep > div > ul > li > ul { display: none; }

.pdfloat_common { margin-bottom: 6%; padding-bottom:100px}
.pdfloat_common:last-of-type { margin-bottom: 0; }
.pdfloat_common > div > p { font-size: 26px; line-height: 42px; color: #454545; padding-top: 100px; }
.pdfloat_common > div {  }
.pdfloat_common > div.fl_box, .pdfloat_common > div.fr_box {  }
.pdfloat_common > div.fl_box { float: left; }
.pdfloat_common > div.fr_box { float: right; }

.pdfloat_common > div > div { padding-top: 30px; }
.prcommon { padding-right: 70px; }



/* Product - Clearpass */

.Clearpass_con, .AP_con { text-align: center; }
.cp2 { background: #f4f4f4 url(../images/cp_pointbg.jpg) no-repeat 80% bottom; }
.cp2 ul { max-width: 800px; margin: 0 auto; }
.cp2 ul li { display: inline-block; width: 32%; }
.cp2 ul li p { font-size: 18px; color: #454545; padding-top: 10px; }
.cp2 ul li:not(:last-child) {  }
.cp3 dl { padding-bottom: 6%; }
.cp3 dl dt { float: left; width: 20%; border-right: 1px dashed #d2d2d2; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; min-height: 175px; }
.cp3 dl dt:last-child { border-right: 0; }
.cp3 dl dt p { font-size: 18px; color: #454545; padding: 4%; }
.cp3 dl dt span { display: block; font-size: 15px; line-height: 24px; letter-spacing: -1px; }
.cp4 ul:after{content:''; display:block; clear:both;}
.cp4 ul{display:table; width:100%;}
.cp4 ul li{display:table-cell; width:50%; vertical-align:middle;}
.cp4 ul li img{display:inline-block; border-radius:4px; box-shadow:5px 5p 20px rgba(0, 0, 0, 0.26);}

.cp4 ul li:nth-child(2){padding-left:40px; text-align:left; line-height:1.5;}
.cp4 dl dt{margin-bottom:30px; font-size:26px; color:#454545;}
.cp4 dl dd{font-size:16px; color:#666;}
.cp4 dl dd:last-child{margin-top:50px;}
.cp4 dl dd a{display:inline-block; padding:10px 40px; font-size:17px; color:#fff; border-radius:4px; background-color:#ff8300;}


/* Product - NMS */

.NMS1 { text-align: center; padding-bottom:50px}

.NMS_tab { padding-top: 60px; padding-bottom: 60px; }
.NMS_tab ul { max-width: 640px; margin: 0 auto; }
.NMS_tab ul li { float: left; width: 50%; text-align: center; padding: 2% 0; cursor: pointer; background-color: #f4f4f4; }
.NMS_tab ul li.on { background-color: #b0004a; color: #fff; }
.NMS_tab ul li  a{display:block;padding: 2% 0;}
.NMS_tab ul li.on a{ background-color: #b0004a; color: #fff; }

/* Product - AP Controller */

.AP_con { padding-bottom: 6%; }
.apboxcommon { background: #f4f4f4 url(../images/AP_boxbg.jpg) no-repeat center top; }
.ap_tab { margin-bottom: 5%; }
.ap_tab ul {  }
.ap_tab ul li { display: inline-block; cursor: pointer; }
.ap_tab ul li span { font-size: 26px; font-weight: bold; color: #a7a7a7; }
.ap_tab ul li.act span { color: #b0004a; border-bottom: 3px solid #b0004a; }
/*.ap_tab ul li:first-child:after { display: inline-block; content: ''; margin: 0 20px; width: 3px; height: 16px; background-color: #b0004a; transform:skewX(-20deg); }*/

.pdlistbox { margin: 0 3%; }
.pdlistbox > div {  }
.ap_tabcon > div:last-child { display: none; }

.pdlistbox > div ul { margin-bottom: 2%; }
.pdlistbox > div ul:last-child { margin-bottom: 0; }
.pdlistbox > div ul li { float: left; width: 23%; margin-right: 2.6%; padding: 45px 0; }
.pdlistbox > div ul li:last-child { margin-right: 0; }
.pdlistbox > div ul li:hover { background-color: #fff; cursor: pointer; }
.pdlistbox > div ul li p { text-decoration: underline; }
.pdlistbox > div ul li img { display: block; margin: 6% 0; }
.pdlistbox > div ul li a { display: inline-block; padding: 4% 12%; border: 1px solid #666666; background: url(../images/d_btn_on.png) no-repeat 80% 48%; background-size: 0; }
.pdlistbox > div ul li a:hover { background: #b0004a url(../images/d_btn_on.png) no-repeat 90% 48%; color: #fff; border: 1px solid #b0004a; background-size: 1; }

.pdlistbox .wless_box {}
.pdlistbox .wless_box > ul > li > p { text-decoration: none; }
.pdlistbox .wless_box > ul > li > p span { display: block; }
.pdlistbox .wless_box > ul li img { margin-top: 0; }

/* Product - Switch */
    
.pdlistbox > div > div.scsubtit { text-align: left; font-size: 26px; color: #b0004a; margin-bottom: 2%; }
.pdlistbox > div > div.scsubtit:last-of-type { padding-top: 4%;/* border-top: 1px solid #e3e3e3;*/ }


/* QnA */

.qnabg { background: url(../images/Qna_topbg.jpg) no-repeat center; background-size:cover;}
.formwrap {}
.txtarea input { background-color: #fbfbfb;border:0; border-left: 1px solid #eee; padding: 20px;  box-sizing: border-box; }
.txtarea textarea { background-color: #fbfbfb; border: 0; width: 100%; outline: none; }
.txtarea label { margin-right: 10px; cursor: pointer; }
.formwrap .wid100, .formwrap .wid50 { margin-bottom: 1%; }
.formwrap .wid50 {}
.formwrap .wid50 > div { float: left; width: 49.5%; }
.formwrap .wid50 > div:first-of-type { margin-right: 1%; }

.fb_sty {padding:0 !important}
.fb_sty p, .fb_sty div { float: left; }
.fb_sty p { font-size: 18px; color: #454545; width: 20%;padding:14px;  box-sizing: border-box;  }
.fb_sty div { width: 80%; }
.wid100 p { width: 9.5%; }
.wid100:first-of-type p {}
.wid100:first-of-type div { float: right; }
.wid100:first-of-type div select { width: 31%; text-indent: 8px; border: 1px solid #dcdcdc; padding: 5px 0; background: #fff url(../images/op_box_bg.jpg) no-repeat right center; -webkit-appearance: none; /* ����Ƽ�� ���� ���߱� */ -moz-appearance: none; appearance: none; outline: none; }
select::-ms-expand { display: none;}
.wid100:first-of-type div select:not(:last-child) { margin-right: 2%; }
.wid100:last-of-type p, .wid100:last-of-type div { float: none; width: 100%; }
.wid100:last-of-type div { margin-top: 1%; }
.formwrap .fb_sty { padding: 1.8% 1.5%; background-color: #fbfbfb; border: 1px solid #dcdcdc; }
.formwrap input { width: 100%; outline: none; }
.waybox input { width: auto; margin-right: 5px; }

.privacybox { padding-top: 3%; }
.prtit p, .prtit div {}
.prtit p { font-size: 26px; color: #333333; float: left; }
.prtit div { float: right; }
.prtit div input[type="checkbox"] { display: none; }
.prtit div input[type="checkbox"] + label { cursor: pointer; padding-left: 25px; padding-bottom: 5px; width: 21px; height: 21px; background: url(../images/priv_off.jpg) no-repeat left 1px; }
.prtit div input[type="checkbox"]:checked + label { background: url(../images/priv_on.jpg) no-repeat left 1px;  }
.prcon { margin-top: 1.5%; padding: 2% 3%; max-height: 230px; overflow-y: scroll; background-color: #fafafa; border: 1px solid #dcdcdc; font-size: 15px; color: #848484; }



@media only screen and (max-width: 1279px) {
    
    /* Common */
    
    .maxWD { padding: 2%; }
    .header .maxWD { padding: 0; }
    .tab_2dep .maxWD { padding: 0; }
    .common_con .maxWD { padding: 8% 5%; }
    .footer ul { padding: 0 5%; }
    .footer ul li { font-size: 14px; color: #727272; text-align: center; font-size: 13px; }
    .footer ul li:first-child, .footer ul li:last-child { float: none; width: 100%; }
    .respondel { display: none; }
    
    /* main */
    
    .logos { margin-top: 20px; margin-left: 20px; }
    
    /* Company */
    
    .Visioncon > div { float: none; width: 100%; }
    .Visioncon > div:first-of-type, .Visioncon > div:last-of-type { text-align: center; }
    .Visioncon > div:last-of-type { padding-left: 0; }
    .Visioncon > div:last-of-type div { padding-top: 4%; }
    
    /* Product Common */
    
    .pdfloat_common > div.fl_box, .pdfloat_common > div.fr_box { float: none; width: 100%; }
    .pdfloat_common > div > p, .pdfloat_common > div > div { text-align: center; }
    .pdfloat_common > div > p { font-size: 21px; line-height: 32px; padding-top: 5%; }
    .pdfloat_common > div > div { padding: 4% 0; }
    .prcommon { padding-right: 0; }
    
    /* product NMS */
    .NMS1 { padding: 0 3%; margin-top: 3%; }
    
    /* Product - AP Controller */
    
    .apboxcommon { margin: 0 5%; }
    .pdlistbox { margin: 0; }
    .pdlistbox > div ul li img { width: 100%; }
    
    /* Q&A */
    .formwrap .wid50 > div { float: none; width: 100%; }
    .formwrap .fb_sty { padding: 4% 3%; }
    .formwrap .wid100, .formwrap .wid50 { margin-bottom: 2%; }
    .formwrap .wid50 > div:first-of-type { margin-right: 0%; margin-bottom: 2%; }
    .fb_sty p { font-size: 16px; width: 30%; }
    .fb_sty div { width: 70%; }

    .cp4 ul li img{width:100%;}
    .cp4 ul li:nth-child(2){padding-left:20px;}
    
}

@media only screen and (max-width: 960px) {

    /* Common */
    
    body{ font-size:14px; line-height:28px; }
    
    /* header */
    
    .gnb { display: none; }
    .logos { margin-top: 10px; }
    .header:hover { background: none; }
    
    /* ����� �޴� */
    
    .togglebtn { display: block; }
    
    /* main */
    .mainVisu { padding: 35% 0 50%; padding-left: 5%; padding-right: 5%; }
    
    /* sub page Common */
    .common_con h4 { margin-bottom: 8%; font-size: 28px; line-height: 35px; }
    .tab_dep3 > ul { top: 57px; }
    
    /* Company */
    .Visioncon > div:first-of-type img { width: 80%; }
    .Visioncon > div:last-of-type p { font-size: 24px; line-height: 36px; }
    .Businesscon div img { display: inline-block; width: 80%;}
    
    /* Product Common */
    .pdfloat_common > div img { display: inline-block; width: 100%; }
    
    /* Product - Clearpass */
    .cp3 dl dt { width: 50%; }
    .cp3 dl dt:not(:last-child) { margin-bottom: 5%; }
    .cp3 dl dt:nth-child(even) { border-right: 0; }
    .cp3 dl dt:last-child { width: 100%; }
    .cp4 ul li{vertical-align:top;}
    .cp4 dl dt{margin-bottom:20px; font-size:22px;}
    .cp4 dl dd{font-size:14px;}
    .cp4 dl dd:last-child{margin-top:30px;}
    .cp4 dl dd br{display:none;}
    
    /* Product - NMS */
    .NMS_tab { padding: 7% 4%; }
    
    /* Product - AP Controller */
    .pdlistbox > div ul li { width: 48%; margin-right: 2%; padding: 6% 0; }
    .pdlistbox > div ul li:nth-child(1), .pdlistbox > div ul li:nth-child(2) { margin-bottom: 2%; }
    .pdlistbox > div ul li:nth-child(even) { margin-right: 0; }
    .prcon { padding: 4%; }
    

}

@media only screen and (max-width: 720px) {
    
    /* main */
    .mainVisu { background-position: center 75%; }
    .mainVisu h1 { font-size: 45px; line-height: 60px; }
    .mainVisu h2 { font-size: 22px; padding-top: 4%; }
    
    /* header */
    .logos ul li:first-child { margin-right: 12px; }
    .logos ul li img { display: block; width: 80%; }
    
    /* sub page Common */
    
    .sp_hcommon { height: 250px; }
    .sp_hcommon h3 { font-size: 30px;padding-top: 133px; }
    
    .tab_2dep { display: none; }
    .tab_2dep_m { display: block; border-bottom: 1px solid #ededed; }
    .tab_2dep_m > div > ul {  }
    .tab_2dep_m > div > ul > li { width: 100%; border-bottom: 0; padding: 0; cursor: pointer; }
    .tab_2dep_m > div > ul > li > a { width: 50%; text-align: left; font-size: 16px; color: #333333; letter-spacing: 0; padding: 3%; cursor: pointer; border-bottom: 0; }
    .tab_2dep_m > div > ul > li:hover > a { color: #b0004a; }
    .tab_2dep_m > div > ul > li:first-child { background: url(../images/m-menubg-off.jpg) no-repeat 98% center; position: relative; padding: 2.5% 0; }
    .tab_2dep_m > div > ul > li:first-child.subtabact { background: url(../images/m-menubg-on.jpg) no-repeat 98% center; }
    .tab_2dep_m > div > ul > li:not(:first-child) { display: none; }
    .tab_2dep_m > div > ul > li:hover { color: #b0004a; font-weight: bold; border-bottom: 0px; }
    
    .tab_2dep_m > div > ul > li:first-child > ul { display: none; position: absolute; top: 57px; border-top: 1px solid #ededed; display: block; text-align: left; width: 100%; box-shadow: 5px 10px 10px 0px rgba(0, 0, 0, 0.19); }
    .tab_2dep_m > div > ul > li:first-child ul li {  }
    .tab_2dep_m > div > ul > li:first-child ul li a { display: block; padding: 2.5% 3%; background-color: #f4f4f4; border-bottom: 1px solid #ededed; }
    .tab_2dep_m > div > ul > li:first-child ul li a:hover { color: #b0004a; }
    
    .combtn a { font-size: 18px; padding: 20px 6%; }
    .qnacon .combtn a { padding: 20px 10%; }
    
    /* Company */
    .location .locatxt { padding-left: 30px; font-size: 22px; line-height: 35px; }
    
    /* Product - Clearpass */
    
    .cp2 ul li { display: block; width: 100%; }
    .cp2 ul li:not(:last-child) { margin-bottom: 5%; }
    .cp4 ul{display:block;}
    .cp4 ul li{display:block; width:100%;}
    .cp4 ul li:nth-child(2){padding-left:0px; margin-top:20px;}
    .cp4 dl dt{margin-bottom:8px; font-size:20px;}
    
    /* Product - AP Controller */
    .ap_tab { margin-top: 5%; }
    .ap_tab ul li span { font-size: 22px; }
    
    /* Product - Switch */
    .pdlistbox > div > div.scsubtit { font-size: 22px; margin-top: 7%; }
    
    /* Q&A*/
    .prtit p { font-size: 22px; }
    .prtit div { float: left; width: 100%; margin: 2% 0; }
    
}


@media only screen and (max-width: 480px) {
	
    /* Common */
    .respondel2 { display: none; }
    
    /* main */
    .mainVisu { padding: 42% 10% 58%; }
    .mainVisu h1 { font-size: 36px; line-height: 42px; }
    .mainVisu h2 { font-size: 22px; padding-top: 6%; }
    
    /* sub page Common */
    
    .tab_2dep_m > div > ul > li:first-child > ul { top: 51px; }
    .combtn a { font-size: 16px; }
    
    /* Company */
    
    .Certificon ul li { display: block; }
    .Certificon ul li img { display: inline-block; width: 50%; }
    .Certificon ul li:not(:last-child) { margin-right: 0; margin-bottom: 8%; }
    
    /* Product - Clearpass */
    
    .cp2 ul li img { display: inline-block; width: 30%;}
    .cp3 dl { background-color: #f5f5f5; padding: 5% 4% 0; margin-bottom: 6%; }
    .cp3 dl dt { float: none; width: 100%; }
    .cp3 dl dt:not(:last-child) { margin-bottom: 5%; border: 0; border-bottom: 1px dashed #d2d2d2; }
    .cp3 dl dt span { padding: 0 10%; padding-bottom: 5%; }
    
    /* Product - AP Controller */
    .pdlistbox > div ul li a { font-size: 13px; }
    
    /* Q&A*/
    .wid100:first-of-type div select { width: 100%; padding: 8px 0; }
    .wid100:first-of-type div select:not(:last-child) { margin-right: 0; margin-bottom: 10px; }
    .prcon { padding: 6%; }
    
}h1 {
    font-size: 35px;
    font-weight: 600;
}
.solution-con{padding-bottom:50px;width: 100%; max-width: 1280px;margin: 0 auto;padding-top: 80px;}
.inner {width: 100%; max-width: 1280px;margin: 0 auto;}
.esp-tit{text-align:center; font-size:20px;}
.esp-tit h1{color:#f5831f; letter-spacing:0; font-weight:bold;}
.esp-tit dt{font-size:20px; line-height:40px; }
.esp-tit dd{font-size:16px; line-height:24px; padding-top:30px;}
.esp-img{text-align: center; padding:60px 0;}
.esp-bg-01{background: url(../images/esp-img-02.png) no-repeat left center; height:190px; font-size:14px;}
.esp-bg-02{background: url(../images/esp-img-03.png) no-repeat left center; height:190px; font-size:14px;}
.esp-bg-03{background: url(../images/esp-img-04.png) no-repeat left center; height:190px; font-size:14px;}
.esp-list li{padding:30px 10px 30px 300px; border-top:1px solid #f1f1f1; }
.esp-list li:last-child{border-bottom:1px solid #f1f1f1; }
.esp-bg-01>div{color:#f5831f; display:block; padding-bottom:20px; font-size:17px;}
.esp-bg-01 span{display:inline-block; padding:0 20px;}
.esp-bg-01 h2{letter-spacing:0; font-weight:bold;}
.esp-bg-02>div{color:#f5831f; display:block; padding-bottom:20px; font-size:17px;}
.esp-bg-02 span{display:inline-block; padding:0 20px;}
.esp-bg-02 h2{letter-spacing:0; font-weight:bold;}

.esp-bg-03>div{color:#f5831f; display:block; padding-bottom:20px; font-size:17px;}
.esp-bg-03 span{display:inline-block; padding:0 20px;}
.esp-bg-03 h2{letter-spacing:0; font-weight:bold;}

.esp-networking:after{content: '';display: block; clear: both;}
.esp-networking li{float:left; width:24%; margin-right:1%; border:1px solid #dedede; border-radius:0 0 5px 5px; border-top:2px solid #f5831f; box-shadow:0 4px 2px #eaeaeb; padding:20px; 
                   box-sizing: border-box; font-size:14px; color:#555555; text-align:left;}
.esp-networking li:last-child{margin-right:0%; }
.esp-networking strong{display: block; padding-bottom:15px;}
.esp-networking-tit h1{letter-spacing:0; font-weight:400; font-size:26px; padding-top:80px;}
.esp-networking-tit{text-align:center;}
.esp-networking-tit dd{font-size:16px; line-height:24px; padding:15px 0 30px 0;}

.esp-networking-list:after{content: '';display: block; clear: both;}
.esp-networking-list li{float:left; width:24%; color:#fff; padding:50px 20px 0 20px; box-sizing: border-box;}
.esp-networking-list li:first-child{margin-left:20px;}
.esp-networking-list li strong{font-size:15px; display:block;}
.en-bg01{background: url(../images/esp-img-09.png) no-repeat left center; height:409px; font-size:15px;}
.en-bg02{background: url(../images/esp-img-10.png) no-repeat left center; height:409px; font-size:15px; margin-top:50px;}
.en-bg03{background: url(../images/esp-img-11.png) no-repeat left center; height:409px; font-size:15px;}
.en-bg04{background: url(../images/esp-img-12.png) no-repeat left center; height:409px; font-size:15px;margin-top:50px;}

.esp-data-area{background-color:#424242; color:#fff; padding-bottom:80px;}
.esp-data-area p{text-align:center; padding-bottom:20px;}
.esp-data-list:after{content: '';display: block; clear: both;}
.esp-data-list li{float:left; width:30%; background-color:#fff; border-radius:10px; padding:30px 40px; font-size:15px; color:#555555; 
                  box-sizing: border-box; height:230px; margin-right:3%; }
.esp-data-list li:last-child{margin-right:0;}
.esp-data-list li strong{display:block; font-size:17px; padding-bottom:20px;}

.esp-data-list li{position:relative;}
.data-num{position:absolute; left:-19px; }
.data-num-02{position:absolute; left:-18px; }
.data-num-01{position:absolute; left:-11px; }

.esp-video{width:1080px; margin:0 auto; padding:80px 0;}
.esp-video h1{text-align:center; padding:0 0 30px 0;}
.esp-video-list:after{content: '';display: block; clear: both;}
.esp-video-list li{float:left; width:50%; box-sizing: border-box; font-size:15px; line-height:24px; color:#555555; height:287px; list-style: none; }
.esp-video-list li.esp-video-img{float:right; width:50%; height:287px;}
.esp-video-list li strong{display:block; padding-bottom:10px;}


.esp-video-list li:nth-child(2n){padding-top:40px;}
.esp-video-list li:nth-child(6n){padding-top:40px;}

.esp-video-txt{height:300px; }



.esp-btn{padding-top:20px;}
.esp-btn a{display:inline-block; background-color:#f5831f; border:1px solid #f5831f; color:#fff; padding:3px 20px; font-size:14px;}


@media only screen and (max-width: 1280px) {
    
	.certi-area{padding:5% 3.5% 5% 2%; height:390px;}
    .certi img{width:100%;}
    .baynex-info h2:after{content:''; width:40px; height:1px; background-color: #000; display:block; margin:15px 0; text-align:left;}
    
    .solution-con p img{width:100%;}
    .sol-web-img{display:none;}
    .sol-mo-img{display:block;}
    
    .esp-img img{width:100%;}
    .esp-networking li{height:200px;}
    .esp-list li{padding:60px 10px 60px 300px}
    
    .esp-data-list li{height:300px;}
       
}

@media only screen and (max-width: 1080px) {
    
    .br_1080{display:none;}
    h2{font-size:18px;}
    .baynex-info p{line-height:24px;}
    .baynex-info{ padding: 80px 30px 90px 45px;}
    .tab02-area ul{width:80%;}
    .baynex-info{ float:none; width:100%; height:auto; padding:60px 30px;}
    .certi-area{ float:none; width:100%; height:auto;  padding:60px 30px;}
    
    .esp-list li{padding:60px 10px 90px 300px}
    .en-bg02{margin-top:0;}
    .en-bg04{margin-top:0;}
    
    .esp-networking-list li{width:50%;}
    .en-bg01{background: url(../images/esp-img-09-mo.png) no-repeat left center; height:270px; font-size:15px;}
.en-bg02{background: url(../images/esp-img-10-mo.png) no-repeat left center; height:270px; font-size:15px; margin-top:00px;}
.en-bg03{background: url(../images/esp-img-11-mo.png) no-repeat left center; height:270px; font-size:15px;}
.en-bg04{background: url(../images/esp-img-12-mo.png) no-repeat left center; height:270px; font-size:15px;margin-top:0px;}
    .esp-networking-list li:first-child{margin-left:0;}
    
    .esp-video{width:auto; margin:0 3%;}
    .esp-video-list li.esp-video-img{float:left;}
    
    }

@media only screen and (max-width: 960px) {
    
   
    
    .certi-area p{padding-top:0; }
    .certi{padding-bottom:30px}
    .f-info{letter-spacing:-1px;}
        
     /**mobile menu css 960**/
    .gnb.active {opacity:1; transform:translateX(0px); -webkit-transform:translateX(0px); transition:all .4s; visibility: visible;}
    .mo-menu-trigger{position:absolute; top:30px; right:30px; z-index:999999999; display:block; width:34px; height:24px; cursor:pointer;}
    .mo-menu-trigger.active span{background-color:#2a3691;}
    .m-gnb-bg.active{position:absolute; display:block; top:0; left:0; z-index:9999999; width:100%; height:100%; }  
    
    .gnb {
    position: fixed;
    top: 0;
    right: 0px;
    margin-top: 0;
    z-index: 9999;
    width: 50%;
    height: 430px;
    padding-top: 0px;
    background-color: #2a3691;
    color:#fff;
    opacity: 0;
    height: 480px;
        visibility: hidden;
        transform: translateX(-100%);
    -webkit-transform: translateY(-100%);
    }
    
    .gnb li{display:block; width:100%; padding-top:0px; border-bottom:1px solid #e5e5e5; height:100px; line-height:100px; text-align:center;}
    .gnb li a{display:inline; height:100px; width:100%; color:#fff; padding:28px 0; font-size:16px; text-align:center;}
    .gnb li.active a, .gnb li a:hover{padding-bottom:28px; color:#00b388; border-bottom:0px;}
    
    /**mobile menu css 960**/    
    
    
    .product-list li{width:50%;}
    
    
	/* contact */
	.contact-list > ul > li input[type="text"].post{width:40%;}

    
    /**solution**/
    .br_960{display:none;}
    .solution-col3 li{float:none; width:100%; border:1px solid #f6f6f6; border-radius:5px; margin-bottom:10px; padding:20px; box-sizing: border-box;}
    .solution-col3 li h2{padding:10px 0;}
    .sol-mo-img img{width:100%;}
    
    
    .solution-col4 li{float:none; width:100%; border:1px solid #f6f6f6; border-radius:5px; margin-bottom:10px; padding:20px; box-sizing: border-box;}
    .solution-col4 li h2{padding:10px 0;}
    h1{font-size:30px; line-height:40px;}
    .sdwan-img img{width:90%;}
    
    
    .esp-data-list li{float:none; width:100%; height:200px; margin-bottom:1%;}
    .esp-networking li{ width:50%; margin-right:0;}
    
    .esp-video-list img{width:100%;}
    .esp-video-list li:nth-child(even){padding:0 0 20px 10px}
    .esp-btn{padding-top:10px;}
    .esp-video-list li{height:auto;}
    .esp-video-list li.esp-video-img{height:auto;}
    
    .esp-bg-01{background:none; height:auto; }
    .esp-bg-02{background:none; height:auto;}
    .esp-bg-03{background:none; height:auto;}
    .esp-list li{padding:20px;}
    
    
    .f-logo{float:none; width :100%;}
    .f-info{float:none; width :100%;}
        
    .esp-data-area p img{width:100%;}
    
    
    
    
    
    }


@media only screen and (max-width: 800px) {
    
    .esp-video-list li{float:none; width:100%;}
    .esp-video-list li.esp-video-img{float:none; width:100%;}
    
}


@media only screen and (max-width: 600px) {
    
    #slider-div h1{padding-top:80px; margin-bottom:0; }
    #slider-div h1 img{width:50%;}
    #slider-div h1:after{display:none;}
    #slider-div p{padding: 0 0 50px 0; font-size:15px; padding-bottom:70px;}
    .logo li:first-child{padding-right:20px;}
    .baynex-info{ padding:40px 20px;}
    .certi-area{  padding:40px 20px;}
    .f-logo{padding-top:0;}
    
    /* contact */
	.contact-list > ul{display:block; border-bottom:0;}
	.contact-list > ul > li{display:block; padding:0; box-sizing:border-box;}
	.contact-list > ul > li:nth-child(1){width:100%; padding:8px 20px; text-align:left; color:#fff; background-color:#8e8f90;}
	.contact-list > ul > li:nth-child(2){width:100%; padding:5px 0px 20px;}

	.contact-list > ul > li input[type="text"].post{width:50%;}

	.contact-btn a{display:block; padding:10px 0px; text-align:center;}
    #contact{padding:40px 0;}
    
    .esp-networking li{width:100%; float:none; height:150px;}
    .esp-networking-list li{width:100%; float:none; height:200px; padding:30px 20px 0 20px;}
    
    }



@media only screen and (max-width: 400px) {
    #slider-div h1{padding:60px 0 10px 0; margin-bottom:0; }
    #slider-div p{padding:0 30px 60px 30px; line-height:20px;}
    .mo_br{display:none;}
    .tab02-area ul li a, .tab-area ul li div{font-size:14px;}
    .tab02-area{padding:40px 0;}
    
    
    .gnb {
    position: fixed;
    top: 0;
    right: 0px;
    margin-top: 0;
    z-index: 9999;
    width: 100%;
    height: 430px;
    padding-top: 0px;
    background-color: #2a3691;
    color:#fff;
    opacity: 0;
    height: 480px;
    }
    
    
    h1{font-size:25px;}
    .solution-tit dd{font-size:14px;}
    .orange-round-btn a{padding:15px 60px;}
    .orange-round-btn{padding:30px 0;}
    
    .esp-tit dt{font-size:15px; line-height:25px;}
    .esp-tit dd{font-size:14px;}
    
    .esp-networking-tit h1{font-size:25px; line-height:35px;}
    .esp-list li{padding:20px 8px;}
    
    .en-bg03{height:310px;}
    .esp-data-list li strong{padding-bottom:5px;}
    .esp-networking-list li:nth-child(3n){height:260px;}
    .esp-data-list li{font-size:14px;}
    .esp-data-list li:nth-child(2n){height:230px;}
    
    .esp-video-list li strong{padding-bottom:0; font-size:16px; padding-top:10px;}
    .esp-video-list li{font-size:14px;}
    .esp-networking-tit h1{padding-top:60px;}
    .esp-data-area{padding-bottom:60px;}
    .esp-video{padding:60px 0;}
    
    }