@charset "utf-8";
.container {width:100%;height:100%}
.blacklayer {position:absolute;top:0;left:0;width:100%;height:1000px;background:#000;opacity:0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";/* IE 8 */ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);/* IE 7 and olders */z-index:1100;display:none;}
h1 a{display:block;width:100%;height:100%;font-size:0;line-height:0;}

/*header*/
.wContainer {position:relative;/*overflow:hidden;*/}
.wContainer .mHeader {display:none;}
.wContainer .top {padding:10px 0;width:100%;background-color:#034da2;}
.wContainer .topCont {position:relative;margin:0 auto;width:100%;max-width:1200px;text-align:right;z-index:1111;}
.wContainer .topCont > a {position:relative;padding:0 25px;font-size:17px;line-height:24px;color:#fff;}
.wContainer .topCont > a+a:before{position:absolute;left:0;top:5px;width:1px;height:13px;background-color:#b4cae3;content:'';}
/*
.wContainer .topCont .activeLang {padding-right:38px;background:url('/images/common/arrow_down_03.png') no-repeat;background-position:90px 9px;}
.wContainer .topCont .activeLang.active {background-image:url('/images/common/arrow_up_03.png');}
*/
.wContainer .topCont .lang {display:none;position:absolute;right:5px;top:36px;width:100px;overflow:hidden;background-color:#ebebeb;}
.wContainer .topCont .lang a{display:block;font-size:17px;text-align:center;line-height:40px;color:#000;}
.wContainer .topCont .lang a:hover {color:#034da2;}
.wContainer .topCont .lang a+a{border-top:1px solid #d3d3d3;}

.wContainer .wHeader{position:fixed;left:0;top:0;width:100%;background-color:rgba(255,255,255,0.75);backdrop-filter: blur(10px);/*overflow:hidden;*/z-index:1110;opacity:1;/*border-bottom:1px solid #e5e5e5;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.15)*/}
.wContainer .wHeader .mlang,
.wContainer .wHeader .menuOpen,
.wContainer .wHeader .mGnbLogo, 
.wContainer .wHeader .menuClose {display:none;}
.wContainer .wHeader .headerCont {position:relative;margin:0 auto;width:100%;height:70px;padding-left:250px;border-bottom:1px solid #e5e5e5;}
.wContainer .wHeader .headerCont h1 {position:absolute;top:19px;left:20px;width:160px;height:30px;font-size:0;line-height:0;background:url('../img/logo.png') no-repeat;background-size:contain;z-index:999;}
.wContainer .wHeader .gnb {display:inline-block;padding-top:0px;}
.wContainer .wHeader .gnb h2 {display:none;}
.wContainer .wHeader .gnb .depth_01 {text-align:left;font-size:0;line-height:0;}
.wContainer .wHeader .gnb .depth_01 > li {display:inline-block;position:relative;font-size:0;line-height:0;float:left}
.wContainer .wHeader .gnb .depth_01 > li > a {position:relative;display:inline-block;padding:0 10px;width:160px;font-size:16px;text-align:left;font-weight:900;line-height:70px;z-index:100;/*transition:all 0.3s;*/color:#000}
.wContainer .wHeader .gnb .depth_01 > li > a.on{/*background:#f2f2f2;transition:all 0.3s;*/}
/*.wContainer .wHeader .gnb .depth_01 > li > a:after{display:none;content:'';position:absolute;bottom:0px;left:0px;width:100%;height:1px;background:#264bb3;z-index:-1;transition:all 0.3s;}*/
.wContainer .wHeader .gnb .depth_01 > li > a:hover{color:#2949b3;/*transition:all 0.3s;*/}
.wContainer .wHeader .gnb .depth_01 > li:hover > a:after, .wContainer .wHeader .gnb .wGnb > li > a.active:after {display:block;}
.wContainer .wHeader .gnb .depth_02 {position:absolute;left:0;top:70px;width:180px;/*height:316px;*/box-sizing:border-box;/*overflow:hidden;*/z-index:22220;background-color:rgba(255,255,255,1);backdrop-filter: blur(10px);/*opacity:0.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";transition:all 0.3s;*/display:none; border-radius: 10px;border-left: 5px solid #0844D0;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.15)}
.wContainer .wHeader .gnb .depth_02.on{/*background:#f2f2f2;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";transition:all 0.3s;*/display:block}
.wContainer .wHeader .gnb .depth_02.active{/*opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";transition:all 0.3s;*/}
/*.wContainer .wHeader .gnb .depth_01 > li:first-child .depth_02{border-left:none;}*/
/*.wContainer .wHeader .gnb .depth_01 > li .depth_02 ul li{height:auto;padding:0}*/
.wContainer .wHeader .gnb .depth_01 > li .depth_02 ul li.licol2{display: inline-block; float: left; width: 50%}
.wContainer .wHeader .gnb .depth_02 ul {position:relative;width:100%;padding:10px 10px;}
/* .wContainer .wHeader .gnb .depth_01 > li:last-child .depth_02 {border-right:1px solid #e0e0e0;} */
/*.wContainer .wHeader .gnb .depth_01 > li:first-child ul:before{display:none;}*/
/*.wContainer .wHeader .gnb .depth_02 ul:before{content:'';position:absolute;top:13px;left:0;width:1px;height:134px;background-color:#fff;}*/
.wContainer .wHeader .gnb .depth_02 a {display:block;font-size:13px;text-align:left;line-height:1.2;padding:10px;color:#000;}
.wContainer .wHeader .gnb .depth_02 a:hover{color:#2949b3;/*background:#000*/}
.wContainer .wHeader .gnbBg {position:absolute;left:0;top:70px;width:100%;height:100%;z-index:200;background-color:#FFF;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"}

.wContainer .rightCont{position:fixed;top:20px;right:20px;z-index:1500;}
.wContainer .rightCont ul:after{content:'';display:block;clear:both;}
.wContainer .rightCont ul li{float:left;position:relative;line-height:0;font-size:0;}
.wContainer .rightCont ul li .home{display:inline-block;width:30px;height:30px;background:url('../img/icon_megamenu.png');text-indent:-9999px;/*transition:all 0.3s;*/}
.wContainer .rightCont ul li .home.active{display:inline-block;width:30px;height:30px;background:url('../img/icon_megamenu_close.png');text-indent:-9999px;/*transition:all 0.3s;*/}
/*.wContainer .rightCont ul li:before{content:'|';display:inline-block;vertical-align:middle;line-height:1;font-size:16px;}*/
.wContainer .rightCont ul li:first-child:before{display:none;}
.wContainer .rightCont ul li a{line-height:1;font-size:16px;color:#444;}
.wContainer .rightCont ul li .wlang{display:inline-block;position:absolute;top:0px;left:-85px;}
.wContainer .rightCont ul li .wlang a{display:block;/*width:100px;*/padding:0 10px 0 30px;line-height:30px;background:url('../img/icon_lang.png') left center no-repeat;text-align:center;font-size:14px; font-weight: bold; color:#333;}
.wContainer .rightCont ul li .wlang a:hover {color:#034da2;}
.wContainer .rightCont ul li .wlang a + a{border-top:1px solid #d3d3d3;}

.mContainer {/*overflow:hidden;*/}
.mContainer .wHeader {display:none;}
.mContainer .rightCont{display:none;}
.mContainer .top {display:none;}
.mContainer .mHeader {z-index:1200;}
.mContainer .mHeader .headerCont {position:fixed;left:0;top:0;width:100%;height:50px;background:#FFF;z-index:1200;border-bottom:1px solid #e5e5e5;}
.mContainer .mHeader .headerCont h1 {margin-left:20px;margin-top:15px;width:80px;height:20px;font-size:0;line-height:0;background:url('../img/logo.png') no-repeat;background-size:contain;}

.mContainer .mHeader .menuOpen {display:block;position:absolute;right:20px;top:13px;width:20px;height:20px;font-size:0;line-height:0;background:url('../img/icon_megamenu.png') no-repeat;background-size:contain;}
.mContainer .mHeader .gnbBg {display:none;}
.mContainer .mHeader .mlang {display:inline-block;position:absolute;right:60px;top:13px;padding:0 0 0 25px;height:20px;font-size:12px;font-weight: bold; line-height:20px; background:url('../img/icon_lang.png') left center no-repeat; background-size: 18px 18px}

.mContainer .mHeader .gnb {display:block;position:fixed;right:-200px;width:200px;top:0;background-color:#fff;z-index:300;height:100%}
.mContainer .mHeader .gnb h2 {width:200px;height:50px;background-color:#034da2;}
.mContainer .mHeader .gnb h2 img {margin-left:15px;margin-top:15px;width:83px;}
.mContainer .mHeader .gnb .menuClose {position:absolute;right:20px;top:15px;width:20px;height:20px;-ms-transform:rotate(0deg);/* IE 9 */ -webkit-transform:rotate(0deg);/* Safari */ transform:rotate(0deg);}
.mContainer .mHeader .gnb .menuClose img {width:100%;}
.mContainer .mHeader .gnb .depth_01 > li {border-bottom:1px solid #ebebeb;}
.mContainer .mHeader .gnb .depth_01 > li > a{display:block;padding-left:15px;width:100%;height:50px;font-size:16px;font-weight:600;line-height:50px;box-sizing:border-box;background:url('/images/common/arrow_down_02.png') no-repeat;background-size:12px 6px;background-position:147px 15px;}
.mContainer .mHeader .gnb .depth_01 > li > a:hover {color:#034da2;}
.mContainer .mHeader .gnb .depth_01 > li > a.active {background-image:url('/images/common/arrow_up_02.png');color:#034da2;}
.mContainer .mHeader .gnb .depth_02 {display:none;padding:0;background-color:#ebebeb;box-sizing:border-box;}
.mContainer .mHeader .gnb .depth_02 li{border-bottom:1px solid rgba(255,255,255,0.5);padding:0 15px}
.mContainer .mHeader .gnb .depth_02 li:first-child {padding-top:0px;}
.mContainer .mHeader .gnb .depth_02 li:last-child {padding-bottom:0px;border-bottom:none;}
.mContainer .mHeader .gnb .depth_02 a {position:relative;display:block;padding-left:7px;font-size:16px;line-height:40px;}
.mContainer .mHeader .gnb .depth_02 a:before {position:absolute;left:0;top:19px;width:2px;height:2px;background-color:#034da2;content:'';}
.mContainer .mHeader .gnb .depth_02 a:hover {color:#034da2;}
.mContainer .mHeader .gnb h2 a{display:inline-block;margin:13px 15px;}
.mContainer .mHeader .gnb h2 img{width:15px;margin:0;}
.mContainer .mHeader .gnb h2 span{vertical-align:middle;font-weight:bold;font-size:16px;color:#fff;}

/*contents - main*/
.contents{height:100%;position:relative;}
.mainVisu{height:100%;position:relative}
.row-offcanvas {height: 100%;}
.subVisu{height:auto;position:relative;padding-top:70px;}
.subVisu.subservice{background:url("../img/sub_bg_subservice.jpg") center top no-repeat;background-attachment:fixed;background-size:cover}
.subVisu.solution{background:url("../img/sub_bg_solution.jpg") center top no-repeat;background-attachment:fixed;background-size:cover}
.subVisu.support{background:url("../img/sub_bg_support.jpg") center top no-repeat;background-attachment:fixed;background-size:cover}
.subVisu.company{background:url("../img/sub_bg_company.jpg") center top no-repeat;background-attachment:fixed;background-size:cover}
.subVisu .inner{width:100%;max-width:1240px;margin:0 auto;padding:100px 20px;color:#FFF}
.subVisu h2{font-size:28px;color:#FFF;margin-bottom:10px;font-weight:bold}
.subVisu p{font-size:16px;color:#FFF;}
.subsection{height:auto;position:relative;padding:100px 0;}
.subsection .inner{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}

.msubmenu{display:none}
.submenu{height:auto;position:relative;padding:0 0;border-top:1px solid #333;border-bottom:1px solid #e5e5e5}
.submenu .inner{width:100%;max-width:1200px;margin:0 auto;}
.submenu .menu{display:block}
.submenu .menu li{display:inline-block;float:left;width:16.66666666666667%;border-left:1px solid #e5e5e5}
.submenu .menu li:last-child{border-right:1px solid #e5e5e5}
.submenu .menu li a{display:block;text-align:center;padding:0 10px;line-height:60px;font-size:14px;}
.submenu .menu li a:hover{background:#f1f1f1;color:#2949b3}
.submenu .menu li a.active{background:#333;color:#FFF}
.submenu .menu.six{/*display:table*/}
.submenu .menu.six li{/*width:auto; */width:16.66666666666667%;/*display:table-cell; float: none*/float:left;border:1px solid #e5e5e5; border-top:none; margin-left: -1px;}
.submenu .menu.six li:nth-child(7),.submenu .menu.six li:nth-child(8),.submenu .menu.six li:nth-child(9){border-bottom:none;}
.submenu .menu.six li a{padding:0 5px;}

.main .mainVisu > div {height:100%;width:100%;overflow:hidden;position:relative;text-align:center;display:flex;align-items:center;justify-content:center;}
/*.main .mainVisu > div:after{content:"";position:absolute;left:0;bottom:-83px;width:100%;height:100px;transform:skewY(-1deg);background:#FFF;z-index:200}*/

.main .section {padding:100px 0;position:relative;overflow:hidden}
.main .section .inner{width:100%;max-width:1240px;margin:0 auto;padding:0 20px;}
.main .section .inner h2 {margin-bottom:40px;font-size:36px;font-weight:bold;letter-spacing:-1px;text-align:center;line-height:1;color:#272727;}
.main .section .inner p.subTitle{font-size:16px;font-weight:bold;text-align:center;line-height:1.5;color:#272727;margin-bottom:60px;}

.main .weAre {width:100%;background:#FFF}
/*.main .weAre:after{content:"";position:absolute;left:0;bottom:-83px;width:100%;height:100px;transform:skewY(1deg);background:#f7f7f7;z-index:200}*/
.main .weAre .list{overflow:hidden;}
.main .weAre .list  ul{text-align:center;margin-left:-50px;display:block}
.main .weAre .list  ul li{display:inline-block;float:left;padding-left:50px;text-align:center;vertical-align:top;width:25%}
.main .weAre .list  ul li h3{margin:30px 0;font-weight:600;font-size:20px;color:#000;}
.main .weAre .list  ul li p{line-height:1.7;font-size:16px;color:#333; height: 80px; overflow: hidden}
.main .weAre .list  ul li .imgbox{display:inline-block;width:200px;height:200px;border:1px solid #e5e5e5;border-radius:100px;overflow:hidden;}
.main .weAre .list  ul li img{-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
.main .weAre .list  ul li img:hover{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);background:#fafafa}
.main .weAre .btnArea{text-align:center;padding:50px 0 20px 0}
.main .weAre .btnArea .detailBtn{display:inline-block;font-size:12px;margin:0 auto;padding:0 50px;line-height:40px;border-radius:20px;background:#000;color:#FFF}

.main .service {width:100%;background:#f7f7f7}
/*.main .service:after{content:"";position:absolute;left:0;bottom:-83px;width:100%;height:100px;transform:skewY(-1deg);background:#fff;z-index:200}*/
.main .service .list  ul{text-align:left;margin-left:-50px;display:block}
.main .service .list  ul li{display:inline-block;float:left;padding-left:50px;padding-bottom:30px;text-align:left;vertical-align:top;width:50%}
.main .service .list  ul li h3{margin:-60px 0 20px 0;font-weight:600;font-size:20px;color:#000;width:80%;height:60px;line-height:60px;background:#f7f7f7;position:relative; overflow: hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.main .service .list  ul li p{line-height:1.7;font-size:16px;color:#333;padding:0 20px 30px 0}
.main .service .list  ul li .imgbox{display:inline-block;width:100%;height:300px;border:1px solid #e5e5e5;overflow:hidden;position:relative}
.main .service .list  ul li img{-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
.main .service .list  ul li img:hover{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);background:#fafafa}
.main .service .btnArea{text-align:left;padding:0px 0 20px 0}
.main .service .btnArea .detailBtn{display:inline-block;font-size:12px;padding:0 50px;line-height:40px;border-radius:20px;background:#FFF;color:#000;border:1px solid #e5e5e5}

.main .contact {width:100%;background:#FFF}
.main .contact .contactus > .map{float:left;width:50%;height:450px;}
.main .contact .contactus .map img{display:block;width:100%}
.main .contact .contactus .map_text{float:right;width:50%;padding:30px 30px;background:#f2f2f2;height:500px}
.main .contact .contactus .map_text li{padding-left:90px;margin-bottom:15px;line-height:28px;}
.main .contact .contactus .map_text li span{display:inline-block;margin-left:-90px;width:90px;font-weight:bold}

.directions > .map{display:block;width:100%;height:500px;}
.directions .map img{display:block;width:100%}
.directions .map_text{display:block;width:100%;padding:30px 50px;background:#f2f2f2;margin-top:20px;}
.directions .map_text li{padding-left:110px;margin-bottom:20px;line-height:28px;}
.directions .map_text li span{display:inline-block;margin-left:-110px;width:110px;font-weight:bold}

.main .partner {width:100%;background:url("../img/partner_bg.png") center top no-repeat;background-size:cover;padding:100px 0 0 0 !important;position:relative;overflow:hidden}
.main .partner .inner2{background:#FFF;padding-top:50px;padding-bottom:100px;position:relative;z-index:0}
/*.main .partner .inner2:before{content:"";position:absolute;left:0;top:-20px;width:100%;height:100px;transform:skewY(1deg);background:#fff;z-index:-1}*/
.main .partner .bannerWrap{width:100%;max-width:1200px;margin:0 auto;}
/*.main .partner .bannerWrap  ul{text-align:left;margin-left:-15px;display:block}
.main .partner .bannerWrap  ul li{display:inline-block;float:left;padding-left:15px;text-align:left;vertical-align:top;}
.main .partner .bannerWrap  ul li div{display:block;border:1px solid #e5e5e5}*/
.main .partner .bannerWrap  ul li div{margin:5px;border:1px solid #e5e5e5}

.main .download {width:100%;background:#f7f7f7;padding:0 !important;position:relative;overflow:hidden;border-top:1px solid #e5e5e5}
.main .download .downBox{width:100%;max-width:1200px;margin:0 auto;}
.main .download .downBox  ul{text-align:center;display:block}
.main .download .downBox  ul li{display:inline-block;float:left;padding:50px 0px;text-align:center;vertical-align:top;width:100%;border-right:1px solid #e5e5e5}
.main .download .downBox  ul li:last-child{border-right:none}
.main .download .downBox  ul li div{display:block;}
.main .download .downBox  ul li div p{line-height:1.7;font-size:16px;color:#333;padding:0 20px 20px 20px}
.main .download .downBox  ul li div .detailBtn{display:inline-block;font-size:12px;margin:0 auto;padding:0 50px;line-height:40px;border-radius:20px;background:#000;color:#FFF}
.main .download .downBox  ul li div .detailBtn img{vertical-align:middle;margin-left:10px;margin-top:-5px}

.main .doors .list {margin:42px auto 0;width:100%;max-width:1200px;font-size:0;line-height:0;}
.main .doors .list .listBox{position:relative;display:inline-block;width:30.66%;text-align:center;font-size:0;line-height:0;}
.main .doors .list .listBox+.listBox {margin-left:4%}
.main .doors .list .imgBox {background-repeat:no-repeat;background-position:center;background-size:100% 100%;-webkit-box-shadow:0px 0px 30px 0px rgba(230,230,230,1);-moz-box-shadow:0px 0px 30px 0px rgba(230,230,230,1);box-shadow:0px 0px 30px 0px rgba(230,230,230,1);}
.main .doors .hermeticSeal .imgBox {background-image:url('/images/main/doors_img_01.jpg');}
.main .doors .semiClosed .imgBox {background-image:url('/images/main/doors_img_02.jpg');}
.main .doors .rail .imgBox {background-image:url('/images/main/doors_img_03.jpg');}
.main .doors .list .link {position:absolute;left:0;top:0;width:100%;height:100%;font-size:0;line-height:0;}
.main .doors .list .imgBox img {width:100%;}
.main .doors .list .txt {display:block;margin-top:20px;width:100%;font-size:18px;font-weight:600;text-align:center;letter-spacing:-1px;}

/*contents - footer*/
.footer {width:100%;background-color:#333333;}
.footer .footCont {position:relative;margin:0 auto;padding:50px 20px;width:100%;max-width:1240px;}
.footer .footAddress {display:inline-block;float:left}
.footer .footAddress .addr {font-weight:400;font-size:12px;line-height:20px;color:#666;}
.footer .footAddress .copyright {font-weight:400;font-size:12px;line-height:20px;color:#666;word-break:break-all;white-space:nowrap;}
.footer .footLogo {display:inline-block;float:right;}
.footer .footLogo > a{display:inline-block;width:80px;height:20px;font-size:12px;line-height:30px;margin-top:5px;background:url('../img/logo_foot.png') no-repeat;background-size:contain;overflow:hidden;text-align:left;text-indent:-9999px}

.article{display:block;margin-bottom:50px}
.article h2{font-size:32px;line-height:1.5;margin-bottom:20px}
.article p{font-size:16px;line-height:1.7;margin-bottom:10px}

.info{display:inline-flex;width:100%}
.info .infoimg {display:inline-block;min-width:40%;width:400px;padding-left:50px}
.info .infoimg img{max-width:auto !important;width:100%;}

.serviceOffer{display:block;margin-left:25px}
.serviceOffer li{list-style:disc;padding:5px 0 5px 0;}
.serviceOffer li dt{line-height:1.8;}
.serviceOffer li dd{line-height:1.8;padding:5px 0 5px 10px;text-indent:-10px;}
.serviceReference{display:block;margin-left:25px}
.serviceReference li{float:left;list-style:disc;padding:5px 25px 5px 0;width:50%}

.serviceReference2{display:block;margin-left:-20px}
.serviceReference2 li{float:left;list-style:none;padding:0 0 20px 20px;width:16.66666666666667%; text-align: center}
.serviceReference2 li p{display: block; padding-top: 10px; text-align: center}

.servicePartner{display:block;margin-left:-20px}
.servicePartner li{float:left;padding:0px 0px 20px 20px;width:16.66666666666667%;}
.servicePartner li span{display:inline-block;border:1px solid #e5e5e5}
.searchContact{display:block;margin-left:25px}
.searchContact li{float:left;list-style:disc;padding:5px 0 5px 0;width:100%}

.listStyleDisc{display:block;margin-left:25px}
.listStyleDisc li{list-style:disc;padding:5px 0 5px 0;}
.listStyleDisc2{display:block;margin-top:20px}
.listStyleDisc2 li{list-style:none;padding:0 20px; width: 50%; float: left; display: inline-block}

.serviceOkta{display:block;margin-left:-25px}
.serviceOkta li{float:left;list-style:none;padding-left:25px;width:20%}
.serviceOkta li dl{display:block;border:1px solid #e5e5e5; text-align: center;}
.serviceOkta li dl dt{display: block; background: hsla(198,56%,93%,1.00);font-weight: bold; text-align: center;padding: 10px;}
.serviceOkta li dl dd.tit{display: flex;text-align: center; padding: 10px; height: 80px;background:#fafafa; align-items: center; justify-content: center}
.serviceOkta li dl dd.con{display: flex;text-align: left; padding: 10px; align-items: center; justify-content: center;height: 100px;}

ul.tabs {margin:0;padding:0;border-bottom:1px solid #eee;text-align:center;display:block;margin-bottom:50px}
ul.tabs li {display:inline-block;text-align:center;cursor:pointer;border:1px solid #eee;background:#fafafa;position:relative;margin-bottom:-1px;margin-left:-1px}
ul.tabs li button{display:block;margin:0;padding:0 25px;line-height:40px;font-weight:bold;font-size:16px;}
ul.tabs li.active {background:#FFFFFF;border-bottom:1px solid #FFFFFF;color:#029ee8}

.history_wrap{}
.history_wrap > ul{margin-left:0px}
.history_wrap > ul > li{padding-left:0px;width:100%;float:none;}
.history_wrap > ul > li h3{font-size:36px;font-weight:bold;text-align:center;padding-bottom:20px;line-height:40px;display:none}
.history_wrap > ul > li > ul{display:block;margin-left:0px;background:url(../img/listory_line.png) center top repeat-y;-webkit-transform:scaleY(-1);transform:scaleY(-1);}
.history_wrap > ul > li > ul li{display:block;position:relative;-webkit-transform:scaleY(-1);transform:scaleY(-1);}
.history_wrap > ul > li > ul li:nth-child(even){padding-right:50%}
.history_wrap > ul > li > ul li:nth-child(odd){padding-left:50%}
.history_wrap > ul > li > ul li .day_wrap{display:block;padding:5px 10px;position:relative}
.history_wrap > ul > li > ul li .day_wrap .day{display:inline-block;border:1px solid #CCC;background:#f2f2f2;color:#333;line-height:32px;border-radius:17px;padding:0 20px;margin-bottom:20px}
.history_wrap > ul > li > ul li .day_wrap .dot{display:inline-block;width:4px;height:4px;background:#000;border-radius:50%;position:absolute;top:21px}
.history_wrap > ul > li > ul li .day_wrap p{display:block;padding:5px 0;color:#999;line-height:1.2;margin-bottom:0}

.history_wrap > ul > li > ul li:nth-child(even) .day_wrap{text-align:right}
.history_wrap > ul > li > ul li:nth-child(even) .day_wrap .dot{right:-2px;}

.history_wrap > ul > li > ul li:nth-child(odd) .day_wrap{text-align:left}
.history_wrap > ul > li > ul li:nth-child(odd) .day_wrap .dot{left:-2px;}

.history_wrap2{display:block}
.history_wrap2>ul{display:block}
.history_wrap2>ul>li{padding-bottom:0px}
.history_wrap2>ul>li>dl{display:block;position:relative;margin-left:80px;border-left:1px solid #f2f2f2}
.history_wrap2>ul>li>dl>dt{position:absolute;width:60px;height:36px;line-height:36px;left:-80px;top:0;border:1px solid #d9d9d9;border-radius:18px;background:#f2f2f2;color:#000;text-align:center;}
.history_wrap2>ul>li>dl>dd{display:block;position:relative;padding-left:70px;padding-bottom:20px;z-index:0}
.history_wrap2>ul>li>dl>dd:last-child{padding-bottom:50px;}
.history_wrap2>ul>li:last-child>dl>dd:last-child{padding-bottom:0px;}
.history_wrap2>ul>li>dl>dd p{display:block;line-height:20px;padding:8px 0;margin-bottom:0}
.history_wrap2>ul>li>dl>dd .month{display:inline-block;position:absolute;width:36px;height:36px;line-height:36px;left:20px;top:0;border:1px solid #d9d9d9;border-radius:18px;background:#f2f2f2;color:#000;text-align:center;}
.history_wrap2>ul>li>dl>dd .month::before{content:"";display:inline-block;position:absolute;left:-24px;top:15px;width:5px;height:5px;border-radius:50%;background:#000;z-index:100}
.history_wrap2>ul>li>dl>dd .month::after{content:"";display:inline-block;position:absolute;left:-23px;top:17px;width:30px;height:1px;border-radius:50%;background:#f2f2f2;z-index:-1}

.certificationWrap{margin-left:-100px;display:block}
.certificationSet li{float:left;width:25%;text-align:center;padding-left:100px;margin-bottom:40px}
.certificationSet li .icon_wrap{display:inline-block;border:1px solid #ccc;margin:0 auto;overflow:hidden;font-size:60px;font-weight:bold;color:#000;text-align:center;line-height:118px}
.certificationSet li .icon_wrap img{display:block;width:100%}
.certificationSet li .con_title{color:#000;font-size:16px;text-align:center;padding-top:10px;font-weight:bold;height:40px;line-height:1.5}
.certificationSet li .con_text{text-align:center;padding-top:10px;line-height:24px;color:#000;display:none}

.online-list{display:block;margin-left:-30px}
.online-list li{float:left;padding-left:30px;padding-bottom:30px;width:25%}
.online-list li>div{display:block;border:1px solid #e5e5e5;padding:30px}
.online-list li>div p{margin-bottom:10px;line-height:1.5;font-size:16px;}
.online-list li>div p:last-child{margin-bottom:0}
.online-list li>div p strong{margin-bottom:10px;line-height:1.5;font-size:24px;color:#2949B3;font-weight:normal}
.online-list li>div p span{display:block;color:#999;margin-bottom:30px}
.online-list li>div p .btn-online{display:inline-block;padding:0 50px;border:1px solid #999;line-height:40px;}
.online-list li>div p .btn-online:hover{border:1px solid #000;color:#000;background:#f1f1f1}

.brochure{display:inline-flex;margin-top:150px;position:relative;padding:0 50px;width:100%}
.brochure:before{content:'';width:100%;height:250px;background:#fafafa;display:block;position:absolute;left:0;top:-80px;z-index:-1;}
.brochure .img{width:500px;padding-right:50px;display:inline-block}
.brochure .img img{width:100%}
.brochure .text{padding-right:0px}
.brochure .text p{line-height:2}
.brochure .text p:first-child{margin-bottom:100px;margin-top:30px}
.brochure .text p:first-child strong{font-size:36px}
.brochure .text .btn-down{display:inline-block;padding:0 50px;border:1px solid #999;line-height:40px;}
.brochure .text .btn-down:hover{border:1px solid #000;color:#000;background:#f1f1f1}

.devidelr{display:block;}
.devidelr h3{font-size:32px;margin-bottom:15px}
.devidelr .left{display:inline-block;float:left;width:50%;margin-top:50px;}
.devidelr .right{display:inline-block;float:right;width:50%;margin-top:50px;}

.cs_center .cs_center_box { display:table;padding:20px 0;width:100%;border:1px solid #dedede;margin-bottom:50px;}
.cs_center .cs_center_box > * { display:table-cell;vertical-align:middle;}
.cs_center .cs_center_box h4 { font-weight:bold;width:50%;border-right:1px solid #dedede;text-align:center;font-size:24px;color:#333333;color:#005bac;margin-bottom:0;}
.cs_center .cs_center_box ul { padding:15px 15px 15px 15px;text-align:center;width:50%;}
.cs_center .cs_center_box ul li { margin-top:10px;font-size:24px;}
.cs_center .cs_center_box ul li span { display:block;font-size:24px;font-weight:bold;}
.cs_center table { border-top:1px solid #005bac;border-bottom:1px solid #666;width:100%;margin-bottom:50px;font-size:15px;}
.cs_center table tr.part_cate th, .cs_center table tr.part_cate td { border-top:1px solid #666;}
.cs_center table th { height:60px;text-align:center;background:#f7f7f7;border-left:1px solid #dedede;border-bottom:1px solid #666;vertical-align:middle;}
.cs_center table td { height:60px;text-align:center;border-left:1px solid #eaeaea;border-top:1px solid #eaeaea;vertical-align:middle; padding: 0 20px}
.cs_center table tr th:first-child{ border-left:none;}
.cs_center table tr td.f_c_nob { border-left:none;}

.pcpadding100{padding-left:100px;}

@media all and (max-width:760px){
	.container {height:auto}

	.main .section {padding:50px 20px;}
	.main .section .inner{padding:0 0;}
	.main .section .inner h2 {margin-bottom:40px;font-size:25px;}
	.main .section .inner p.subTitle{font-size:16px;margin-bottom:60px;}

	.main .weAre {width:100%;background:#FFF}
	.main .weAre .list  ul{margin-left:-30px;}
	.main .weAre .list  ul li{padding-left:30px;padding-bottom:50px;width:50%}
	.main .weAre .list  ul li h3{margin:30px 0;font-size:20px;}
	.main .weAre .list  ul li .imgbox{width:140px;height:140px;border-radius:70px;}
	.main .weAre .btnArea{padding:20px 0 20px 0}	

	.main .service .list  ul li{width:100%}
	.main .service .list  ul li .imgbox{height:200px;}

	.main .contact .contactus > .map{float:left;width:100%;height:500px;}
	.main .contact .contactus .map_text{float:right;width:100%;padding:30px 20px;background:#f2f2f2;height:auto;margin-top:20px}

	.main .partner {width:100%;background:url("../img/partner_bg.png") center top no-repeat;background-size:cover;padding:50px 0 0 0 !important;position:relative;overflow:hidden}
	.main .partner .inner{padding:0 20px}

	.main .download {padding:0 20px !important;}
	.main .download .downBox  ul li{display:inline-block;float:left;padding:50px 20px;text-align:center;vertical-align:top;width:100%;border-right:0px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
	.main .download .downBox  ul li:last-child{border-right:none;border-bottom:1px solid #e5e5e5}

	/*contents - footer*/
	.footer .footAddress {display:block;float:none;text-align:center}
	.footer .footLogo {display:block;float:none;text-align:center;padding-top:20px}

	.msubmenu{display:block;padding:0 20px;line-height:50px;background:#FFF url("../img/icon_msubmenu.png") center right no-repeat;z-index:0} 
	.msubmenu.on{background:#FFF url("../img/icon_msubmenu_on.png") center right no-repeat;z-index:0}
	.submenu{height:auto;position:relative;padding:0 0;border-bottom:1px solid #e5e5e5;z-index:100}

	.submenu .menu{display:none;position:absolute;left:0;top:50px;;width:100%;background:#FFF;border-bottom:1px solid #e5e5e5;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.15);z-index:-1}
	.submenu .menu li{display:block !important;float:none;width:100%;border-left:none;border-top:1px solid #e5e5e5}
	.submenu .menu li a{line-height:50px}
	.submenu .menu.six{display:none}
	.submenu .menu.six.on{display:block}
	.submenu .menu.six li{width:100%; display: block;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;border-left:none;border-right:none;margin-left: 0px;margin-top:-1px}
	.submenu .menu.six li:first-child{margin-top:0px}
	.submenu .menu.six li:nth-child(7),.submenu .menu.six li:nth-child(8){border-bottom:1px solid #e5e5e5;}
	
	.certificationWrap{margin-left:-20px;display:block}
	.certificationSet li{float:left;width:50%;text-align:center;padding-left:20px;margin-bottom:40px}
	
	ul.tabs li button{padding:0 15px;font-size:12px;}
	.history_wrap > ul > li > ul li .day_wrap p{font-size:12px;}
	
	.directions .map_text{padding:20px;}
	.directions .map_text li{padding-left:100px;}
	.directions .map_text li span{margin-left:-100px;width:100px;}
	
	.info{display:block;}
	.info .infoimg {display:block;min-width:100%;margin-left:0;margin-top:20px;float:none !important;width:100%;padding-left:0px}
	.serviceReference li{float:none;width:100%}
	.serviceReference2 li{float:left;width:50%}
	.searchContact li{float:none;width:100%}	
	.servicePartner li{float:left;width:25%}
	.servicePartner li span{display:block;}
	.servicePartner li span img{width:100%}
	
	.main .partner .bannerWrap{padding:0 20px}
	.online-list li{float:left;padding-left:30px;padding-bottom:30px;width:50%}
	
	.brochure{display:block;margin-top:0px;position:relative;padding:0}
	.brochure:before{display:none;}
	.brochure .img{width:100%;padding-right:0px;display:block}
	.brochure .text{padding-right:0px}
	.brochure .text p{line-height:2}
	.brochure .text p:first-child{margin-bottom:30px;margin-top:50px}
	.brochure .text p:first-child strong{font-size:24px;line-height:1.5}
	.brochure .text .btn-down{display:block;text-align:center}
	
	.devidelr .left{display:block;float:none;width:100%}
	.devidelr .right{display:block;float:none;width:100%}
	
	.footer .footAddress .copyright {word-break:keep-all;white-space:pre-wrap;}
	
	.cs_center .cs_center_box{display:block}
	.cs_center .cs_center_box h4 { width:100%;border-right:0px solid #dedede;display:block }
	.cs_center .cs_center_box ul { padding:15px 15px 15px 15px;text-align:center;display:block;width:100% }
	.cs_center .cs_center_box ul li h5 { display:inline-block;color:#333333;font-weight:bold;width:85px;font-size:24px;}
	.cs_center table { border-top:1px solid #005bac;border-bottom:1px solid #666;width:100%;margin-bottom:50px;font-size:15px;}
	.cs_center table th,.cs_center table colgroup { display:none}
	.cs_center table tr{border-top:1px solid #eaeaea;}
	.cs_center table td { height:auto;padding:5px 0;display:block;text-align:left;border-left:0px solid #eaeaea;border-top:0px solid #eaeaea;vertical-align:middle;}
	.cs_center table td:first-child{padding:20px 0 0 0}
	.cs_center table td:last-child{padding:0 0 20px 0}
	.cs_center table tr th:first-child{ border-left:none;}
	.cs_center table tr td.f_c_nob { border-left:none;}
	
	.pcpadding100{padding-left:0px;}
	.main .service .list  ul li p{padding:0 0 30px 0}
	.listStyleDisc2 li{list-style:none;padding:20px; width: 100%; float: none; display:block; text-align: center;}
	.mainVisu{height:700px;position:relative}
	.serviceOkta li{width:100%; margin-bottom: 20px}
	.serviceOkta li dl dd.tit{height: auto;}
	.serviceOkta li dl dd.con{height: auto;}
}

@media all and (max-width:430px){
	.servicePartner li{float:left;width:50%}
	.servicePartner li span{display:block;}	
	.servicePartner li span img{width:100%}
	.online-list li{float:none;width:100%;text-align:center;}
}

/*
* jQuery FlexSlider v2.2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author:Tyler Smith (@mbmufffin)
*/
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin:0;padding:0;}
.flexslider .slides > li {display:none;-webkit-backface-visibility:hidden;height:100%} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width:100%;height:100%;display:block;}
.flexslider .slides .imgwrap{display:block;height:100%}
.flexslider .slides .imgwrap.visual01{background:url(../img/visual/full/2021_visual_bg_02.jpg) center center no-repeat;background-size:cover}
.flexslider .slides .imgwrap.visual02{background:url(../img/visual/full/2021_visual_bg_08.jpg) center center no-repeat;background-size:cover}
.flexslider .slides .imgwrap.visual03{background:url(../img/visual/full/2021_visual_bg_07.jpg) center center no-repeat;background-size:cover}
.flexslider .slides .imgwrap.visual04{background:url(../img/visual/full/2021_visual_bg_04.jpg) center center no-repeat;background-size:cover}
.flexslider .slides .imgwrap.visual05{background:url(../img/visual/full/2021_visual_bg_05.jpg) center center no-repeat;background-size:cover}
.flexslider .slides .imgwrap.visual06{background:url(../img/visual/full/2021_visual_bg_06.jpg) center center no-repeat;background-size:cover}
.flexslider .slides .imgwrap.visual07{background:url(../img/visual/full/2021_visual_bg_07.jpg) center center no-repeat;background-size:cover}
.flexslider .slides .imgwrap.visual08{background:url(../img/visual/full/2021_visual_bg_08.jpg) center center no-repeat;background-size:cover}
.flexslider .slides .imgwrap.visual09{background:url(../img/visual/full/2021_visual_bg_09.jpg) center center no-repeat;background-size:cover}
.flex-pauseplay span {text-transform:capitalize;}

/* Clearfix for the .slides element */
.slides:after {content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
html[xmlns] .slides {display:block;}
* html .slides {height:1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display:block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {border:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0;overflow:hidden;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;margin:0;position:relative;zoom:1;}
.flex-viewport {max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.loading .flex-viewport {max-height:300px;}
.flexslider .slides {zoom:1;height:100%}
.carousel li {margin-right:5px;}

/* Direction Nav */
.flex-direction-nav .flex-disabled {opacity:0!important;filter:alpha(opacity=0);cursor:default;}
.flex-direction-nav {height:1px;width:100%;position:absolute;top:50%;left:0;margin:0;z-index:100;background:transparent}
.flex-direction-nav li {overflow:visible;position:relative}
/*.flex-direction-nav a {text-decoration:none;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;color:rgba(0, 0, 0, 0.8);transition:all .3s ease;overflow:visible;width:30px;height:90px;margin-top:-45px;opacity:1;text-indent:-9999em;text-shadow:none;background-color:rgba(0, 0, 0, 0.5);}*/
.flex-direction-nav a {text-decoration:none;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;color:rgba(0, 0, 0, 0.8);transition:all .3s ease;overflow:visible;width:60px;height:60px;margin-top:-30px;opacity:1;text-indent:-9999em;text-shadow:none;border-radius:50%}
.flex-direction-nav .arrow {position:absolute;top:0;left:0;width:30px;height:90px;background:transparent url('../img/nav.png') no-repeat 0px 0px;z-index:200;}
.flex-direction-nav a.flex-next .arrow {background-position:-30px 0px ;}
.flex-direction-nav .flex-prev {left:20px;background:rgba(0, 0, 0, 0.3) url("../img/arrow_prev.png") no-repeat center center;background-size:80% 80%}
.flex-direction-nav .flex-next {right:20px;text-align:left;background:rgba(0, 0, 0, 0.3) url("../img/arrow_next.png") no-repeat center center;background-size:80% 80%}
.flexslider:hover .flex-prev {opacity:1}
.flexslider:hover .flex-next {opacity:1}
.flexslider:hover .flex-prev:hover .arrow {left:20px;background-position:0px -90px;background-color:#fff;}
.flexslider:hover .flex-next:hover .arrow {right:20px;background-position:-30px -90px ;opacity:1;background-color:#fff;}
.flexslider:hover .flex-prev:hover{background:rgba(255,255,255,0.5) url("../img/arrow_prev_on.png") no-repeat center center;background-size:80% 80%}
.flexslider:hover .flex-next:hover{background:rgba(255,255,255,0.5) url("../img/arrow_next_on.png") no-repeat center center;background-size:80% 80%}

/* Pause/Play */
/*.flex-pauseplay{width:100%;max-width:1200px;position:absolute;top:50%;text-align:left;z-index:900;margin:-120px auto 0;padding:0 50px;height:1px;}*/
.flex-pauseplay{position:absolute;left:50%; bottom:100px;text-align:left;z-index:900;margin-left:-50px; height:1px;}
.flex-pauseplay a {display:inline-block;position:absolute;width:10px;height:11px;opacity:0.8;z-index:10;overflow:hidden;background:url("../img/icon_play.png") center center no-repeat;cursor:pointer;color:#FFF;text-align:left;text-indent:-9999px}
.flex-pauseplay a:hover  {opacity:1;}
.flex-pauseplay a.flex-play {background:url("../img/icon_pause.png") center center no-repeat}

/* Control Nav */
/*.flex-control-nav {width:100%;max-width:1200px;position:absolute;top:50%;text-align:left;z-index:900;margin:-120px auto 0;padding:0 68px;height:1px;}*/
.flex-control-nav {position:absolute;left:50%;bottom:100px;text-align:left;z-index:900;margin-left: -30px; height:1px;}
.flex-control-nav li {margin:0 5px;display:inline-block;zoom:1;}
.flex-control-paging li a {width:10px;height:10px;display:block;cursor:pointer;text-indent:-9999px;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;background:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;border:1px solid #fff;}
.flex-control-paging li a.flex-active {background-color:#fff ;}

.flex-control-thumbs {margin:5px 0 0;position:static;overflow:hidden;}
.flex-control-thumbs li {width:25%;float:left;margin:0;}
.flex-control-thumbs img {width:100%;display:block;opacity:.7;cursor:pointer;}
.flex-control-thumbs img:hover {opacity:1;}
.flex-control-thumbs .flex-active {opacity:1;cursor:default;}

/* general style */
.preview {width:300px;height:90px;position:absolute;top:0;left:-90px;z-index:100;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;opacity:0;}
.preview img {position:absolute;left:30px;top:0;width:90px;}
.preview .alt {position:absolute;left:120px;top:0;background:#fff;width:180px;height:90px;color:#000;text-indent:0;text-transform:uppercase;text-align:center;font-size:16px;line-height:90px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}

/* next button */
.flex-next .preview {right:-50px;left:auto;}
.flex-next .preview img {position:absolute;left:180px;top:0;width:90px;}
.flex-next .preview .alt {left:0;}
/* hover style */
.flex-prev:hover .preview {left:0;opacity:1;}
.flex-next:hover .preview {right:0;opacity:1;}

#info {display:flex;position:absolute;align-items:center;justify-content:center;top:0;left:0;width:100%;/* max-width:1200px;*/z-index:1000;color:#fff;height:100%;}
#info .box{position:relative;height:auto;width:100%;max-width:1200px;padding:0 50px}
#info h1 {display:block;font-size:80px;text-align:left;font-weight:bold;line-height:2;/* background:rgba(0,0,0,0.2);padding:10px*/text-shadow:2px 2px 4px rgba(0,0,0,0.5)}
#info h2 {display:block;font-size:30px;text-align:left;font-weight:normal;line-height:1.5;margin-bottom:30px;/*background:rgba(0,0,0,0.2);padding:10px*/text-shadow:2px 2px 4px rgba(0,0,0,0.5)}
#info p.styles {margin:0 0 10px 0;padding:30px 0 0 0;text-align:left;}

#info p.styles a {display:inline-block;padding:5px 30px;background:rgba(255,255,255,0.2);text-decoration:none;margin:0 15px 0 0;border:1px solid;border-color:rgba(255,255,255,0.2);border-radius:18px;}
#info p.styles a:hover {background:#fff;color:#333;}
#info p {text-align:center;margin:0 auto;line-height:24px;}
#info a {color:#fafafa;}
#info p.social {width:220px;margin:0 auto;margin-top:33px;}

/* Direction Nav */
.bannerWrap.flexslider {overflow:visible;}
.bannerWrap .flex-direction-nav .flex-disabled {opacity:0!important;filter:alpha(opacity=0);cursor:default;}
.bannerWrap .flex-direction-nav {height:1px;width:100%;position:absolute;top:50%;left:0;margin:0;z-index:100;background:transparent}
.bannerWrap .flex-direction-nav li {overflow:visible;position:relative}
.bannerWrap .flex-direction-nav a {text-decoration:none;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;color:rgba(0, 0, 0, 0.8);transition:all .3s ease;overflow:visible;width:60px;height:60px;margin-top:-30px;opacity:1;text-indent:-9999em;text-shadow:none;background-color:rgba(0, 0, 0, 0.5);border-radius:50%}
.bannerWrap .flex-direction-nav .flex-prev {left:-60px;background:url("../img/banner_left.png") center center no-repeat;opacity:0.2}
.bannerWrap .flex-direction-nav .flex-next {right:-60px;text-align:left;background:url("../img/banner_right.png") center center no-repeat;opacity:0.2}
.bannerWrap.flexslider:hover .flex-prev {left:-60px;opacity:1}
.bannerWrap.flexslider:hover .flex-next {right:-60px;opacity:1}
.bannerWrap.flexslider:hover .flex-prev:hover{background:rgba(255,255,255,0.5) url("../img/banner_left.png") no-repeat center center;background-size:50% 50%}
.bannerWrap.flexslider:hover .flex-next:hover{background:rgba(255,255,255,0.5) url("../img/banner_right.png") no-repeat center center;background-size:50% 50%}

@media screen and (max-width:760px) {
	.flex-direction-nav .flex-prev {opacity:1;left:10px;}
	.flex-direction-nav .flex-next {opacity:1;right:10px;}
	#info .box{padding:0 70px !important}
	.flex-direction-nav a {width:40px;height:40px;margin-top:-30px;}
}
@media screen and (max-width:1024px) {
	#info .box{padding:0 150px}
}
@media all and (max-width:760px) {
	.cd-logo {width:80px;top:55%;}     
	/*#info {left:0;top:30%;margin-left:0px;width:100%;padding:0 40px}*/
	#info h1 {font-size:42px;line-height:1.5;margin-bottom:20px}
	#info h2 {font-size:18px;line-height:1.5;}
	.flexslider .slides > li {display:none;-webkit-backface-visibility:hidden;height:700px;} /* Hide the slides before the JS is loaded. Avoids image jumping */
	.bannerWrap.flexslider .slides > li {display:none;-webkit-backface-visibility:hidden;height:auto;} /* Hide the slides before the JS is loaded. Avoids image jumping */
	#info p.styles a {display:block !important;width:250px;margin:0 auto 10px auto !important;text-align:center}
}
.bg-video__content {
  height: 100%;
  width: 100%;
  object-fit: cover; /*background-size: cover 와 비슷함. (HTML 요소 or 비디오와 작동)*/
  
}