@charset "utf-8";
@import url( "./font.css" );
/* 그누보드 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 5px 10px;border:0;color:#fff; font-weight: normal; font-size: 14px;}
.hd_pops_footer button strong { font-weight: normal; color: #fff; }
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}
@media (max-width: 767px) {
    .hd_pops { width: calc(100% - 40px); }
    .hd_pops_con { max-width: 100%; }
}
/*레이아웃*/
#i-top-menu{width:100%;height:35px;}
#i-header{width:100%;}
#i-main {width:100%;height:auto;}
#i-footer {width:100%;height:auto;}
/*공통*/
.relative{position:relative;}
.f-left{float:left;}
.f-left:last-child{margin-right:0;}
.f-right{float:right;}
.last-mg{margin-right:0 !important;margin-bottom:0 !important;}
.mb-15{margin-bottom:15px;}
.txt-center{text-align:center;}
.banner{display:table;width:100%;background-size:cover;}
.banner .txt{display:table-cell;vertical-align:middle;}
.txt-red{color:#ff0000 !important;}
.txt-blue{color:#1d5da5 !important;}
.txt-blue2{color:#0089d6 !important;}
.txt-seagreen{color:#01a982 !important;}
.txt-black {color:#000 !important;}
.table-cell{display:table-cell;vertical-align:middle;}

/* 헤더 */
.top-menu {background-color:#f4f4f4;text-align:right;}
.top-menu .container{padding:0;background-color:#f4f4f4;}
.top-menu a {font-size:15px;color:#7e7e7e;padding-left:10px;line-height:35px;}
.header{background-color:#fff;}
.header .container {position:relative;padding:0;}

/* 홈-배너1 */
.banner-v1 {padding:0;margin-bottom:60px;}
.banner-v1 .controller{position:relative;float:left;width:187px;height:607px;background:url(../images/bg_banner01.jpg) no-repeat 50% 50%;background-size:cover;}
.banner-v1 .controller ul{position:absolute;top:50%;left:0;width:100%;}
.banner-v1 .controller button{display:block;width:100%;height:40px;text-align:right;background-color:transparent;padding-right:25px;box-sizing:border-box;border:0;color:#fff;font-weight:bold;line-height:40px;-webkit-transition:all 2s;-moz-transition:all 2s;-ms-transition:all 2s;-o-transition:all 2s;transition:all 2s;}
.banner-v1 .controller button.active{background-color:#85b15d;}
.banner-v1 .img{position:relative;float:right;width:983px;height:607px;-webkit-transition:all 2s;-moz-transition:all 2s;-ms-transition:all 2s;-o-transition:all 2s;transition:all 2s;}
.banner-v1 .banner{width:100%;height:607px;position:absolute;top:0;left:0;-webkit-transition:all 2s;-moz-transition:all 2s;-ms-transition:all 2s;-o-transition:all 2s;transition:all 2s;opacity:0;z-index:10;}
.banner-v1 .banner.active{opacity:1;z-index:500;-webkit-transition:all 3s;-moz-transition:all 3s;-ms-transition:all 3s;-o-transition:all 3s;transition:all 3s;}
.banner-v1 p{font-size:30px;color:#fff;padding-left:50px;margin-bottom:20px;}
.banner-v1 p.large{font-size:45px;}

.banner-v1 .banner1{background:url(../images/img_banner01.jpg) no-repeat 50% 50%;z-index:100;}
.banner-v1 .banner2{background:url(../images/img_banner02.jpg) no-repeat 50% 50%;}
.banner-v1 .banner3{background:url(../images/img_banner03.jpg) no-repeat 50% 50%;}
@media all and (max-width:768px){
    .banner-v1{margin-bottom:10px;}
    .banner-v1 .controller,
    .banner-v1 .img{width:100%;height:380px;}
    .banner-v1 .controller{width:100%;height:40px;}
    .banner-v1 .controller ul{position:static;}
    .banner-v1 .controller li{float:left;width:33.3333%;}
    .banner-v1 .controller button{text-align:center;padding:0;font-size:14px;font-weight:normal;}
    .banner-v1 .banner {height:380px;}
    .banner-v1 p{font-size:18px;padding-left:0;text-align:center;}
    .banner-v1 p.large{font-size:32px;}
    .banner-v1 .banner1 {background-position:left 80% top 75%;}
    
}
@media all and (max-width:500px){
    .banner-v1 p{font-size:4vw;}
    .banner-v1 p.large{font-size:6vw;}
}
/* 홈-배너2 */
.banner-v2  {padding:0;margin-bottom:100px;}
.banner-v2 .banner{width:100%;height:420px;padding:0 70px;}
.banner-v2 p{font-size:16px;color:#fff;line-height:1.5;}
.banner-v2 p.large{font-size:35px;margin-bottom:10px;line-height:1.3;}

.banner-v2 .banner1{background:url(../images/img_rollingbanner01.jpg) no-repeat 50% 50%;}
.banner-v2 .banner1 p{color:#6e6e6e;}
.banner-v2 .banner1 .large{color:#252525;}
.banner-v2 .banner1 span{color:#1d5da5;font-weight:bold;}
.banner-v2 .banner2{background:url(../images/img_rollingbanner02.jpg) no-repeat 50% 50%;}
.banner-v2 .banner2 .large{font-weight:bold;}
.banner-v2 .banner3{background:url(../images/img_rollingbanner03.jpg) no-repeat 50% 50%;}
.banner-v2 .banner3 span{font-weight:bold;}
.banner-v2 .banner4{background:url(../images/img_rollingbanner04.jpg) no-repeat 50% 50%;}
.banner-v2 .banner4 p{max-width:465px;margin:auto;font-size:20px;line-height:30px;}
@media all and (max-width:768px){
    .banner-v2  {margin-bottom:30px;}
    .banner-v2 .banner{padding:15px;height:380px;}
    .banner-v2 p{font-size:14px;}
    .banner-v2 p.large{font-size:20px;}
    
}

.slick-dots{bottom:25px;}
.contents {margin-bottom:50px;}
.contents .row > div{position:relative;height:260px;margin-bottom:100px;}
.contents .row {text-align:left;}
.contents .img {margin-bottom:20px;}
.contents .more{position:absolute;bottom:0;left:0;width:100%;height:34px;padding:0 15px;box-sizing:border-box;}
.contents h2 {font-size:20px;color:#000;margin-bottom:10px;line-height:25px;}
.contents p {font-size:15px;color:#545454;line-height:23px;}
.contents .more a {display:block;width:100%;height:34px;padding-right:5px;background-color:#f4f4f4;text-align:right;color:#7d7d7d;line-height:34px;box-sizing:border-box;}
.contents a img{padding:0 5px;}
.contents .tel {display:table;text-align:center;box-sizing:border-box;}
.contents .tel .table-cell{width:100%;border:4px solid #e2e2e2;text-align:center;}
.contents .tel div.img{margin-bottom:20px;}
.contents .tel p.img{margin-bottom:10px;}
.contents .tel p {margin-bottom:5px;color:#8a8a8a;}
.contents .tel p a {font-size:26px;color:#5b5b5b;}
.contents .tel p a span{vertical-align:middle;}
.contents .tel p a img{vertical-align:middle;}
@media all and (max-width:768px){
    .contents{margin-bottom:0;}
    .contents .img,
    .contents h2,
    .contents p,
    .contents .more a{text-align:center;}
    .contents .row > div{margin-bottom:20px;}
    .contents p br{display:none;}
    .contents .tel{width:100%;}
}

/* 푸터 */
.footer{background-color:#434343;}
.footer .container{background-color:#434343;}
.gnb-footer {padding:40px 0;}
.gnb-footer .depth-1 {width:100%;}
.gnb-footer .depth-1 > li{width:100%;margin-bottom:10px;}
.gnb-footer .depth-1 > li:before{display:block;clear:both;width:0;height:0;content:'';}
.gnb-footer .depth-1 > li:after{display:block;clear:both;width:0;height:0;content:'';}
.gnb-footer .depth-1 > li:last-child{margin-bottom:0;}
.gnb-footer .depth-1 p{float:left;width:150px;font-size:15px;color:#b7b7b7;font-weight:200;}
.gnb-footer .depth-2 {float:left;}
.gnb-footer .depth-2 > li{float:left;padding:0 10px;font-size:15px;font-weight:200;}
.gnb-footer .depth-2 > li a{color:#fff;}
.gnb-footer .depth-2 > li br{display:none;}
.footer .company {position:relative;width:100%;padding:40px 0;border-top:1px solid #525252;}
.footer .company span{margin-bottom:15px;padding:0 10px;font-size:15px;color:#fff;font-weight:200;}
.footer .f-logo{position:absolute;top:50%;right:0;margin-top:-22px;}
@media all and (max-width:768px){
    .footer .company span{font-size:12px;padding:0;display:block;margin-bottom:5px;}
    .gnb-footer {padding:20px 0;}
    .footer .company {padding:20px 0 60px;}
    .gnb-footer .depth-1 p{float:none;width:100%;margin-bottom:5px;}
    .footer .f-logo{width:200px;top:initial;top:auto;bottom:20px;right:50%;margin-right:-100px;}
}


/* page-spot */
.page-spot .tit1{display:table;float:left;width:227px;height:200px;background:#115ea4 url(../images/bg_tit1_01.jpg) no-repeat 50% 50%;}
.page-spot .tit1 p{display:table-cell;vertical-align:middle;text-align:center;color:#fff;font-size:35px;}
.page-spot .tit2{display:table;float:left;width:943px;height:200px;background:url(../images/bg_tit2_01.jpg) no-repeat 50% 50%;}
.page-spot.sub02 .tit2{background-image:url(../images/bg_tit2_02.jpg) ;}
.page-spot.sub03 .tit2{background-image:url(../images/bg_tit2_03.jpg) ;}
.page-spot.sub04 .tit2{background-image:url(../images/bg_tit2_04.jpg) ;}
.page-spot.sub05 .tit2{background-image:url(../images/bg_tit2_05.jpg) ;}
.page-spot.sub06 .tit2{background-image:url(../images/bg_tit2_06.jpg) ;}
.page-spot .tit2 p{display:table-cell;vertical-align:middle;padding-left:55px;color:#00507f;font-size:30px;line-height:40px;margin-top:60px;font-weight:300;}
.page-spot.sub02 .tit2 p{color:#fff;}
.page-spot.sub03 .tit2 p{color:#fff;}
.page-spot.sub04 .tit2 p{color:#fff;}
.page-spot.sub05 .tit2 p{color:#00507f;}

.lnb ul{width:100%;border-bottom:3px solid #e1e1e1;text-align:center;}
.lnb li{display:inline-block;margin:0 30px;}

.lnb li a{display:inline-block;position:relative;line-height:75px;font-size:18px;color:#494949;}
.lnb li a:hover{color:#609232;}
.lnb li a:hover:after{position:absolute;bottom:-3px;left:0;width:100%;height:3px;background-color:#609232;content:'';}
.lnb li a.active{color:#609232;}
.lnb li a.active:after{position:absolute;bottom:-3px;left:0;width:100%;height:3px;background-color:#609232;content:'';}
@media all and (max-width:768px){
    .page-spot .tit1 {width:100%;height:60px;background-image:none;}
    .page-spot .tit1 p{margin-top:15px;font-size:28px;}
    .page-spot .tit1 p br{display:none;}
    .page-spot .tit2 {width:100%;height:140px;}
    .page-spot .tit2 p{max-width:500px;padding-left:20px;padding-right:20px;margin-top:30px;font-size:26px;line-height:36px;}
    .page-spot .tit2 p br{display:none;}
    .sub01 .lnb li,.sub05 .lnb li{display:block;float:left;width:25%;margin:0;text-align:center;}
    .lnb li a{font-size:3.2vw;color:#494949;line-height:40px;}
    .page-spot.sub01 .tit2 {background-position:80% 50%;}
}

/* sub */
.main .img{text-align:center;}
.main {padding:40px 0;}
.main h1{font-size:25px;color:#175fa8;margin-bottom:30px;}
.main .border{border:1px solid #d4d4d4;}
.main .border2{border:1px solid #d7d7d7;}
.main .con-wrap{padding:50px 27px;}
@media all and (max-width:768px){
    .main > .container > .row{margin-right:0;margin-left:0;}
    .main .con-wrap{padding:40px 15px;}
}
/* Hybrid Cloud */
.sub01 .row .row{margin:40px 0;}
.con .row {margin-right:0;margin-left:0;}
.sub101 .tit{margin-bottom:10px;font-size:22px;text-align:center;color:#000;}
.sub101 .row2 {width:100%;padding:22px 0;}
.sub101 .row2 .img{float:left;width:16.6666%;}
.sub101 .row3 table{width:100%;height:225px;;text-align:center;border:1px solid #d5d5d5;}
.sub101 .row3 th {max-width:92px;padding:0 29px;background-color:#f7f7f7;border:1px solid #d5d5d5;vertical-align:middle;text-align:center;font-size:22px;color:#302e2e;font-weight:bold;box-sizing:border-box;}
.sub101 .row3 th span{display:block;margin-top:-4px;color:#302e2e;line-height:1.1;transform:rotate(90deg);}
.sub101 .row3 td {width:233px;border:1px solid #d5d5d5;vertical-align:middle;text-align:center;font-size:16px;color:#1d1d1d;}
.sub101 .row3 td p{margin-top:15px;font-size:16px;color:#1d1d1d;}
.sub101 .row3 th:first-child td{font-weight:bold;font-size:18px;color:#1d1d1d;}
@media all and (max-width:768px){
    .sub101 .tit{font-size:18px;word-break:keep-all;line-height:1.5;}
    .sub101 .row2 {width:100%;padding:10px 0;}
    .sub101 .row2 .img{float:left;width:33.3333%;padding:5px 5px 0;}
    .sub101 .row3 th {padding:0 20px;font-size:18px;}
}

/* Private Cloud */
.sub102 .row .row{margin-bottom:50px;}
.sub102 .txt-box {width:245px;}
.sub102 .txt-box h2 {width:100%;line-height:42px;color:#fff;font-size:20px;background-color:#165ea8;text-indent:20px;}
.sub102 .txt-box ul {width:100%;padding:20px;margin-bottom:0;background-color:#ededed;box-sizing:border-box;}
.sub102 .txt-box li {font-size:15px;line-height:28px;color:#4e4e4e;}
.sub102 .f-left,.sub102 .f-right {padding-top:100px;}
.sub102 .f-right h2 {text-align:center;text-indent:0;}
.sub102 .f-right .img{background-color:#cae2ff;}
.sub102 .f-left .img{margin:20px;}
.sub102 .p-center {position:absolute;bottom:0;left:50%;width:438px;margin-left:-219px;}
.sub102 .con2 > div{padding-left:5px;padding-right:5px;margin-bottom:10px;}
.sub102 .border3{height:185px;border:1px solid #457eb9;padding:30px 5px;border-radius:3px;}
.sub102 .con2 h3{font-size:20px;color:#000;line-height:1;text-align:center;margin-bottom:20px;}
.sub102 .con2 p{font-size:16px;color:#6e6e6e;line-height:24px;text-align:center;}
.sub102 .con3 {padding:50px 0;text-align:center;}
.sub102 .con3 h2{margin-bottom:20px;font-size:30px;color:#000;}
.sub102 .con3 h2 + .img{margin-top:80px;}
.sub102 .con3 p {font-size:16px;color:#6e6e6e;line-height:24px;}
.sub102 .con3 .row {margin-top:60px;}
.sub102 .con3 .row .img {margin-bottom:10px;}
.sub102 .con3 h3 {font-size:16px;color:#000;font-weight:normal;line-height:24px;}
@media all and (max-width:768px){
    .sub102 .f-left,.sub102 .f-right {float:none;}
    .sub102 .p-center {position:static;margin:0 auto;width:100%;}
    .sub102 .f-left,.sub102 .f-right {padding-top:30px;}
    .sub102 .txt-box {width:100%;}
    .sub102 .con3 h2 {font-size:26px;}
    .sub102 .con3 .row > div{margin-bottom:30px;}
    .sub102 .con3 h2 + .img{margin-top:40px;}

}

/* Public cloud */
.sub103 .con h2{margin-bottom:10px;font-size:35px;color:#343434;font-weight:normal;}
.sub103 .con h3{margin-bottom:10px;font-size:40px;font-weight:normal;}
.sub103 .row1 p{font-size:16px;color:#4f4f4f;line-height:25px;}
.sub103 .con-wrap > .row {margin-bottom:70px;}
.sub103 .con-wrap > .row.con3 {margin-bottom:0;}

.sub103 .con2 .box {height:240px;padding-top:30px;margin-bottom:30px;background-color:#0070c0;text-align:center;}
.sub103 .con2 .box .img{margin-bottom:30px;}
.sub103 .con2 .box ~ p{color:#6c6c6c;font-size:18px; text-align:center;margin-bottom:15px;}
.sub103 .con2 .box p{color:#fff;font-size:18px;}
.sub103 .con2 .box p.large{;font-size:28px;}
.sub103 .tit {padding:35px 0;margin-bottom:80px;text-align:center;background-color:#f0f0f0;color:#767676;font-size:25px;}
.sub103 table {margin:25px 0;width:100%;}
.sub103 table th,.sub103 table td{padding:20px 0;vertical-align:middle;font-size:16px;border-bottom:1px solid #cdcdcd;}
.sub103 .no-border td {border-bottom:0;font-weight:bold;color:#222;}
.sub103 table th{color:#000;font-weight:bold;}
.sub103 table td{color:#4f4f4f;width:25%;text-align:center;}
.sub103 table td:first-child{width:50%;text-align:left}
@media all and (max-width:768px){
    .sub103 .con2 .box{margin-bottom:15px;margin-top:30px;}
    .sub103 .con2 .box ~ p{margin-bottom:10px;}
    .sub103 .con h2{margin-top:20px;font-size:25px;}
.sub103 .con h3{font-size:30px;}
    .sub103 .tit {font-size:18px;}
    .sub103 table td img{width:20px;}
    .sub103 table th,.sub103 table td {font-size:14px;}
    /* .sub103 table td{width:10%;box-sizing:border-box;padding-right:2px;padding-left:2px;} */
    /* .sub103 table td:first-child{width:80%;padding-right:20px;box-sizing:border-box;} */
}

/* Software Infra_MS */
.sub104 .con-wrap > .row {margin-bottom:70px;}
.sub104 .con {padding:20px 0;}
.sub104 .row1 .img{margin-bottom:20px;}
.sub104 .con h2{margin-top:0;margin-bottom:10px;font-size:35px;color:#343434;font-weight:normal;}
.sub104 .con h3{margin-bottom:10px;font-size:40px;font-weight:normal;}
.sub104 .con1 h3{color:#0089d6;}
.sub104 .con2 h3 {color:#000;}
.sub104 .con2 h3 span{color:#f05539;}
.sub104 .row1 p{font-size:16px;color:#4f4f4f;line-height:25px;}
.sub104 .con1 .row2{margin:64px 0 0 0;}
.sub104 .con1 h4{font-size:16px;color:#000;margin-bottom:15px;}
.sub104 .con1 h5{font-size:16px;color:#185da7;margin-bottom:10px;font-weight:normal;}
.sub104 .con1 .border{padding-top:16px;padding-bottom:16px;min-height:215px;max-height:215px;border-bottom:1px solid #cdcdcd;border-top:1px solid #cdcdcd;border-right:0;border-left:0;}
.sub104 .con1 li{font-size:16px;color:#4f4f4f;line-height:30px;}
.sub104 .con1 .row2 > div {padding-top:20px;padding-bottom:20px;}
.sub104 .con1 .row3 .img{border-top:1px solid #0089d6;padding-top:30px;margin-bottom:40px;}
.sub104 .con1 .row3 h4 {font-size:17px;letter-spacing:-0.5px;margin-bottom:40px;padding:10px 0;text-align:center;border-top:1px solid #0089d6;border-bottom:1px solid #0089d6;}
.sub104 .con1 .row3 p{position:relative;padding-left:5px;line-height:25px;letter-spacing:-0.5px;}
.sub104 .con1 .row3 p:before{position:absolute;left:-5px;content:'·';}

.sub104 .con2 h4 {background-color:#f05539;color:#fff;font-size:18px;text-align:center;line-height:47px;}
.sub104 .con2 .txt {height:580px;padding:25px 20px;background-color:#f5f5f5;}
.sub104 .con2 .txt p{min-height:95px;margin-bottom:20px;font-size:16px;color:#4f4f4f;line-height:25px;}
.sub104 .con2 .txt h5{margin-bottom:20px;font-size:16px;text-align:center;}
.sub104 .con2 .txt .img1{height:230px;font-size:16px;text-align:center;}
.sub104 .con3 h3 {color:#a3a3a3;}
.sub104 .con3 h3 span{color:#000;}
.sub104 .con3 .row2 {margin-bottom:80px;}
.sub104 .con3 .row2 .box{float:left;width:20%;padding:0 20px;box-sizing:border-box;}
.sub104 .con3 .row2 .box .img{margin-bottom:35px;}
.sub104 .con3 .row2 .box h4{margin-bottom:20px;min-height:40px;font-size:16px;color:#000;line-height:1.3;}
.sub104 .con3 .row2 .box p{font-size:16px;color:#4f4f4f;line-height:23px;}
.sub104 .con3 .row3 h3 {margin-bottom:25px;}
.sub104 .con3 .row3 table{width:100%;}
.sub104 .con3 .row3 tr{width:100%;border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;}
.sub104 .con3 .row3 th{color:#000;}
.sub104 .con3 .row3 th,
.sub104 .con3 .row3 td {font-size:16px;padding:20px 0;vertical-align:middle;}
.sub104 .con3 .row3 p{line-height:25px;color:#4f4f4f;}
.sub104 .con4 .row2 .box {margin-bottom:20px;padding:40px 30px;background-color:#f5f5f5;}
.sub104 .con4 .row2 h4{font-size:20px;color:#000;margin-bottom:20px;}
.sub104 .con4 .row2 p{line-height:25px;}
.sub104 .con4 .row2 h5{font-size:16px;color:#000;line-height:25px;}
.sub104 .con4 .row2 .row > div {overflow:hidden;padding-top:35px;}
.sub104 .con4 .row2 .img {padding-right:15px;}
.sub104 .con4 .row2 .txt {height:80px;}

.sub104 .con5 h4 {font-size:20px;color:#000;line-height:1.5;}
.sub104 .con5 .row2 > p {margin-bottom:15px;}
.sub104 .con5 .row2 .box {padding:25px 30px; background-color:#f5f5f5;} 
.sub104 .con5 .box h5 {font-size:16px;color:#d30100;line-height:1.5;}
.sub104 .con5 .box div {padding:10px 0;}

.sub104 .con6 .row2 {overflow-x:auto;}
.sub104 .con6 caption {font-size:20px;font-weight:bold;color:#000;}
.sub104 .con6 thead {border-top:1px solid #121212;}
.sub104 .con6 tbody{border-top:1px solid #121212;}
.sub104 .con6 thead th{padding:7px;font-size:16px;color:#4f4f4f;text-align:center;border-right:1px solid #cecece;}
.sub104 .con6 thead th:last-child{border-right:0;}
.sub104 .con6 tbody th{padding:7px;font-size:16px;color:#4f4f4f;text-align:left;border-bottom:1px solid #cecece;vertical-align:middle;}
.sub104 .con6 tbody th:last-child{border-right:0;}
.sub104 .con6 .table1 tbody td{min-width:115px;}
.sub104 .con6 .table2 tbody th{color:#000;width:105px;}
.sub104 .con6 .table2 tbody td{min-width:140px;}
.sub104 .con6 tbody td{padding:10px;font-size:16px;color:#000;text-align:center;border-left:1px solid #cecece;border-bottom:1px solid #cecece;vertical-align:middle;}
.sub104 .con6 tbody tr:last-child th,
.sub104 .con6 tbody tr:last-child td {border-bottom:0;}
.sub104 .con6 tbody:last-child {border-bottom:1px solid #cecece;}
.sub104 .con6 .table2 tbody td {color:#4f4f4f;}
.sub104 .con6 table {width:100%;min-width:1114px;}
.sub104 .con6 .table1 {margin:40px 0;}

.sub104 .con7 .row2 .border{margin-bottom:20px;padding:30px;background-position:100% 0;background-repeat:no-repeat;}
.sub104 .con7 h4 {font-size:20px;color:#000;line-height:1.3;}
.sub104 .con7 p {line-height:1.3;}
.sub104 .con7 .border p {margin-bottom:20px;}
.sub104 .con7 .border p:last-child {margin-bottom:0;}
.sub104 .con7 .bg1{background-image:url(/images/bg_ahnlab01.jpg);}
.sub104 .con7 .bg2{background-image:url(/images/bg_ahnlab02.jpg);}
.sub104 .con7 .bg3{background-image:url(/images/bg_ahnlab03.jpg);}
.sub104 .con7 .bg4{background-image:url(/images/bg_ahnlab04.jpg);}
.sub104 .con7 .bg5{background-image:url(/images/bg_ahnlab05.jpg);}
.sub104 .con7 .bg6{background-image:url(/images/bg_ahnlab06.jpg);}
.sub104 .con7 .row3 > div {padding:20px 0;}
.sub104 .con7 .row3 .dl-wrap {margin-top:20px;}
.sub104 .con7 .row3 dl {margin-bottom:0;}
.sub104 .con7 .row3 dt {float:left;padding:10px 0;width:140px;border-right:1px solid #cecece;text-align:center;}
.sub104 .con7 .row3 dd {float:left;padding:10px 0;padding-left:25px;;}
.sub104 .con7 .row3 .f-left, .sub104 .con7 .row3 .f-right {width:48%;padding:30px 25px;background-color:#e5f2f8;}
.sub104 .con7 .row3 h5 {color:#1f4787;font-size:20px;margin-bottom:20px;}
.sub104 .con7 .row3 .row p {margin-bottom:23px;}
.sub104 .con7 .row3 .row p.txt-black {color:#000;}

@media all and (max-width:768px){  
    .sub104 .row1 .img{margin-bottom:40px;}
    .sub104 .con1 .row2{margin:20px 0 0 0;}  
    .sub104 .con h2{margin-top:20px;font-size:25px;}
    .sub104 .con h3{font-size:30px;}
    .sub104 .con1 .border {min-height:auto;max-height:auto;}
    .sub104 .con1 .row3 > div {margin-bottom:30px;}
    .sub104 .con1 .row3 h4 {text-align:left;line-height:1.3;}
    .sub104 .con2 .row2 > div:last-child .txt {height:auto;}
    .sub104 .con2 .row2 > div:last-child .txt .img1{height:50px;font-size:16px;text-align:center;}
    .sub104 .con3 .row2 {margin-bottom:0;}
    .sub104 .con3 .row2 .box{width:100%;margin-bottom:50px;border:1px solid #dfdfdf;padding:20px;}
    .sub104 .con3 .row2 .box h4 {min-height:auto;}
    .sub104 .con3 .row3 th{display:block;padding-bottom:0;}
    .sub104 .con3 .row3 td {display:block;padding-top:10px;}
    .sub104 .con4 .row2 .row > div {overflow:hidden;padding-top:15px;}
    .sub104 .con4 .row2 .f-left{float:none;}
    .sub104 .con4 .row2 .img{text-align:left;}
    .sub104 .con4 .row2 .txt {height:auto;}
    .sub104 .con4 .row2 .txt p br{display:none;}
    .sub104 .con7 .row2 .border{padding-top:80px;background-size:120px;}
    .sub104 .con7 .row3 dt {border-right:0;text-align:left;padding-bottom:0;}
    .sub104 .con7 .row3 dd {padding-left:0;padding-top:0;}
    .sub104 .con7 .row3 .f-left, .sub104 .con7 .row3 .f-right {float:none;width:100%;}
    .sub104 .con7 .row3 .f-left {margin-bottom:30px;}
    
}

/* Edge */
.sub201 .con {padding:20px 0;}
.sub201 .con1 .row1{margin-bottom:70px;}
.sub201 .con h2{margin-bottom:10px;font-size:40px;font-weight:normal;color:#000;}
.sub201 .con h3{margin-bottom:45px;font-size:25px;font-weight:normal;}
.sub201 .con dt {line-height:25px;}
.sub201 .con dd {color:#4f4f4f;line-height:25px;}
.sub201 .con2 .row2 .row{margin-bottom:50px;}
.sub201 .txt-orange{color:#ec7652;}
.sub201 .txt-purple{color:#5a3064;}
.sub201 .txt-seegreen{color:#10a1af;}
.sub201 .txt-navy{color:#2b4357;}
.sub201 .con3 .img{text-align:left;}
.sub201 .con4 .img{margin:40px 0;}
.sub201 .con4 caption {font-size:20px;color:#000;margin-bottom:10px;}
.sub201 .con4 .table-wrap {width:100%;overflow-x:auto;}
.sub201 .con4 table {width:1114px;line-height:20px;}
.sub201 .con4 table th {color:#010101;}
.sub201 .con4 table th,.sub201 .con4 table td{vertical-align:middle;padding:15px 13px;}
.sub201 .con4 thead tr:first-child th {background-color:#f2f2f2;}
.sub201 .con4 thead tr:first-child th p{color:#4f4f4f;}
.sub201 .con4 thead tr:first-child th p span{color:#000;}
.sub201 .con4 thead td{text-align:center;color:#4f4f4f;}
.sub201 .con4 thead th,.sub201 .con4 thead td{border-bottom:1px solid #000;}
.sub201 .con4 table td{border-left:1px solid #dedede;color:#4f4f4f;}
.sub201 .con4 tbody th{min-width:160px;}
.sub201 .con4 tbody td{width:22%;}
.sub201 .con4 tbody th,.sub201 .con4 tbody td{border-bottom:1px solid #dedede;}
@media all and (max-width:768px){  
    .sub201 .con1 .row1 .img{text-align:left;margin-bottom:15px;}
    .sub201 .con h2{font-size:30px;}
    .sub201 .con h3{font-size:20px;}
    .sub201 .con2 .row2 .row{margin-bottom:30px;}
    .sub201 .con2 .row2 .row .img{text-align:left;}
}

/* Workstation */
.sub202 section {display:none;}
.sub202 section.active {display:block;}
.sub202 .tab-btn {text-align:center;}
.sub202 .tab-btn li {display:inline-block;margin:0 10px;}
.sub202 .tab-btn li button {background-color:#fff;border:1px solid #175fa8;padding:5px 20px;text-align:center;border-radius:3px;color:#175fa8;}
.sub202 .tab-btn li.active button {background-color:#175fa8;color:#fff;}
.sub202 .tab-btn li:hover button {background-color:#175fa8;color:#fff;}
.sub202 .con-wrap {padding:0;}
.sub202 .con {padding:40px 27px;}
.sub202 .con1 {padding:0;margin-bottom:40px;}
.sub202 .con p.large{font-size:22px;color:#373635;}
.sub202 .con p.txt-lightblue {color:#009eda;}
.sub202 .con p{letter-spacing:-1px;}
.sub202 .con h2{font-size:35px;letter-spacing:-1px;color:#373635;line-height:1.5;font-weight:normal;}
.sub202 .con2 .row1 {padding:30px 0;background:url(/images/img_sub215.jpg) no-repeat right 450px top 0px;}
.sub202 .con2 > .img {margin:100px 0;}
.sub202 .con3,.sub202 .con4 {background-color:#f3f3f3;}
.sub202 .con3 .row {padding:40px 0;}
.sub202 .Workstation .con4 {padding-top:0;}
.sub202 .Workstation .con4 .row {margin-bottom:35px;}
.sub202 .Workstation .con4 h2 {margin-bottom:40px;}
.sub202 .Workstation .con4 .img{width:203px;padding-right:30px;}
.sub202 .Workstation .con4 .txt{max-width:700px;padding-right:30px;}
.sub202 .Workstation .con4 h3{font-size:23px;color:#373635;margin-bottom:20px;}
.sub202 .Workstation .con4 p{line-height:1.4;}
.sub202 .Workstation .con4 h3:before{position:relative;top:3px;display:inline-block;width:4px;height:23px;background-color:#009eda;margin-right:12px;content:'';}
.sub202 .btn-more {padding-bottom:40px;text-align:center;background-color:#f7f7f7;}
.sub202 .btn-more a{display:inline-block;width:156px;height:38px;line-height:38px;color:#fff;background-color:#115ea4;text-align:center;}
@media all and (max-width:768px){  
    .sub202 .tab-btn li {margin:0;}
    .sub202 .tab-btn li button{font-size:14px;}
    .sub202 .con2 > .img {margin:50px 0;}
    .sub202 .con2 .row1 {padding-top:80px;background-size:70px;background-position:left 0 top 0;}
    .sub202 .con2 .row2 .img{margin-bottom:30px;}
    .sub202 .con h2{font-size:25px;}
    .sub202 .con h3{font-size:20px;margin-bottom:10px;}
    .sub202 .Workstation .con4 .img{margin-bottom:10px;}
    .sub202 .Workstation .con4 .txt{width:100%;padding:0;}
    .sub202 .Workstation .con4 .txt br{display:none;}    
}
/* vr & health */
.vr p,.health p {font-size:16px;line-height:25px;color:#525252;}
.vr .con {padding:40px 27px;}
.vr .con1 .txt {padding-top:80px;}
.vr .con h2{font-size:40px;color:#525252;line-height:45px;font-weight:normal;}
.vr .con h3{margin-bottom:20px;font-size:25px;color:#525252;font-weight:normal;text-align:center;}
.vr .con1 h2 {padding:10px 0;}
.vr .con2 {background-color:#f8f8f8;}
.vr .con2 h2 {margin-bottom:20px;text-align:center;}
.vr .con2 p {text-align:center;}
.vr .con2 .img {margin:50px 0;}
.vr .con3 {background-color:#fff;padding:40px 0 0;}
.vr .con3 h2 {margin-bottom:20px;text-align:center;font-size:40px;color:#525252;line-height:45px;font-weight:normal;}
.vr .con3 p {text-align:center;}
.vr .con3 .img {margin-top:50px;}
.vr .con4 {background:#f7f7f7 url(/images/img_sub201_04.jpg) no-repeat 0 0;}
.vr .con4 h2{margin-bottom:20px;color:#fff;text-align:center;}
.vr .con4 h2 + p {font-size:16px;line-height:25px;margin-bottom:20px;color:#fff;text-align:center;}
.vr .con4 .row {padding-top:43%;}
.vr .con4 .row .img{margin-bottom:30px;}
.vr .con4 .row > div{padding:0 50px;}
.health .con1 {margin-bottom:0;}
.health .con1 > p {background-color:#9d9d9d;color:#fff;font-size:20px;padding:20px 27px;text-align:center;}
.health .con1 > h2 {background-color:#000;color:#fff;font-size:30px;padding:20px 27px;text-align:center;font-weight:normal;}
.health .con1 > h2 span{color:#fb9036;}
.health .row{margin-right:0;margin-left:0;}
.health .con1 .row > div {height:270px;display:table;}
.health .con1 .table-cell{padding-left:30px;}
.health .con1 .row > div:nth-child(1) {background:url(/images/img_sub201_08.jpg) no-repeat 50% 50%;}
.health .con1 .row > div:nth-child(3) {background:url(/images/img_sub201_09.jpg) no-repeat 50% 50%;}
.health .con1 .row > div:nth-child(5) {background:url(/images/img_sub201_10.jpg) no-repeat 50% 50%;}
.health .con1 .row p {font-size:16px;color:#525252;line-height:22px;}
.health .con1 h3 {margin-bottom:5px;font-size:50px;color:#ff6f00;font-style:italic;}
.health .con1 h3 span{font-size:30px;}
.health .con1 p.large {margin-bottom:25px;font-size:25px;color:#000;line-height:30px;font-weight:normal;}
.health .con1 p.large span{color:#fb9036;}
.health .con2 {padding:40px 0;background-color:#088ec5;}

@media all and (max-width:768px){ 
    .vr .con h2{font-size:30px;line-height:35px;}
    .vr .con h3 {font-size:22px;margin-bottom:10px;}
    .vr .con2 .row > div {margin-bottom:30px;}
    .vr .con4 .row > div{margin-bottom:30px;}
    .vr .con4 {background-size:contain;}
    .vr .con4 .row > div{padding:0 15px;}
    .health .con1 .row > div{width:100%;}
    .health .con1 p.large {margin-bottom:5px;}
}


/* Server */
.sub203 .con{margin-bottom:70px;}
.sub203 h2 {margin-bottom:18px;font-size:20px;color:#000;font-weight:normal;}
.sub203 h2:before{position:relative;top:3px;display:inline-block;width:2px;height:20px;background-color:#115ea4;margin-right:8px;content:'';}
.sub203 .con > p {font-size:18px;color:#4e4e4e;margin-bottom:35px;}
.sub203 .con1 h3 {font-size:18px;color:#000;margin-bottom:35px;text-align:center;}
.sub203 .con .row .img{margin-bottom:15px;}
.sub203 .con p{text-align:center;}
.sub203 .con .row p{margin-bottom:30px;}
.sub203 .con .row a{display:block;width:156px;height:38px;margin:0 auto 20px;line-height:38px;color:#fff;background-color:#115ea4;text-align:center;}
.sub203 p.blue,.sub203 h3.blue{color:#115ea4;}
.sub203 .con3 .row .img{margin-bottom:25px;}
.sub203 .con3 h3{font-size:20px;margin-bottom:15px;}
.sub203 .con3 p{min-height:66px;text-align:left;line-height:22px;}
@media all and (max-width:768px){  
    .sub203 .con{margin-bottom:40px;} 
    .sub203 .con .row > div{padding:30px 0;}
    .sub203 .con .row > div:last-child{margin-bottom:0;}
    .sub203 .con3 p{min-height:auto;}
    .sub203 .con .row p{margin-bottom:15px;}
}

/* Storage */
.sub204 .con{margin-bottom:70px;}
.sub204 h2 {margin-bottom:18px;font-size:20px;color:#000;font-weight:normal;}
.sub204 h2:before{position:relative;top:3px;display:inline-block;width:2px;height:20px;background-color:#115ea4;margin-right:8px;content:'';}
.sub204 .con p {font-size:16px;line-height:30px;margin-bottom:20px;}
.sub204 .con .row > div{display:table;height:180px;}
.sub204 .con .row a{display:block;width:156px;height:38px;line-height:38px;color:#fff;background-color:#115ea4;text-align:center;}
@media all and (max-width:768px){ 
    .sub204 .con .row > div {display:block;height:auto;}  
    .sub204 .con .row > div:first-child{margin-bottom:20px;}  
}

/* Software */
.sub205 .con-wrap {padding:70px 0 0;text-align:center;}
.sub205 .con {padding:50px 27px;}
.sub205 .con2 {background-color:#f6f6f6;}
.sub205 h2 {font-size:30px;color:#000;margin-bottom:10px;}
.sub205 h2 + p {font-size:16px;;margin-bottom:50px;}
.sub205 .con h3 {margin-bottom:35px;font-size:20px;color:#115ea4;}
.sub205 .con3 h3 {margin-bottom:0;}
.sub205 .con .img {margin-bottom:25px;}
.sub205 .con h4 {margin-bottom:5px;font-size:16px;line-height:20px;color:#000;font-weight:bold;}
.sub205 .con p {font-size:14px;line-height:20px;}
.sub205 .btn-more {margin-top:100px;text-align:right;}
.sub205 .btn-more a{display:inline-block;width:156px;height:38px;line-height:38px;color:#fff;background-color:#115ea4;text-align:center;}
@media all and (max-width:768px){ 
    .sub205 .con .img {margin-bottom:15px;}
    .sub205 .con .row > div {margin-bottom:40px;}
    .sub205 .con3 .row > div {margin-bottom:0;}    
    .sub205 .con .row > div:last-child {margin-bottom:0;}
    .sub205 .con3 .row > div:last-child {margin-top:50px;}
}
.sub206 .con{margin-bottom:50px;}
.sub206 h2{font-size:30px;color:#000;margin-bottom:10px;text-align:center;}
.sub206 h2 + p{line-height:25px;text-align:center;}
.sub206 .img.veeam{margin:55px 0;}
.sub206 .con1 .bg-grey{height:370px;padding:23px;background-color:#f5f2f2;box-sizing:border-box;}
.sub206 .con1 .row > div {margin-bottom:30px;}
.sub206 .con1 .bg-grey .img{margin-bottom:20px;}
.sub206 .con1 .bg-grey h3{font-size:20px;color:#70a219;text-align:center;margin-bottom:30px;}
.sub206 .con1 .bg-grey p{font-size:16px;line-height:23px;color:#000;margin-bottom:15px;}
.sub206 .con1 .bg-grey p span{color:#4f4f4f;}
.sub206 .con2 {margin-bottom:80px;}
.sub206 .con2 > div{padding-top:60px;}
.sub206 .con2 h3 {margin-bottom:28px;text-align:center;color:#115ea4;font-size:20px;}
.sub206 .con2 .img {margin-bottom:20px;}
.sub206 .con2 h4 {margin-bottom:15px;font-size:16px;color:#000;font-weight:normal;}
.sub206 .con2 p {position:relative;line-height:23px;padding-left:10px;}
.sub206 .con2 p:before {position:absolute;left:0;content:'-';}
.sub206 .con3 {margin-bottom:0;}
.sub206 .con3 h2{margin-bottom:35px;}
.sub206 .con3 h3{margin-bottom:30px;color:#115ea4;text-align:center;font-size:20px;font-weight:normal;}
.sub206 .con3 .border{border:1px solid #d1d1d1;padding:45px 0;margin-bottom:25px;}
.sub206 .con3 .border .txt{padding:20px 10px;}
.sub206 .con3 .border .txt > div:first-child {margin-bottom:25px;}

.sub206 .con3 .border h5{margin-bottom:10px;color:#000;font-size:16px;}
.sub206 .con3 .border p{position:relative;padding-left:10px;line-height:23px;}
.sub206 .con3 .border p:before {position:absolute;left:0;content:'-';}
.sub206 .con3 .border .txt > div:first-child p{padding-left:0;}
.sub206 .con3 .border .txt > div:first-child p:before{content:none;}
.sub206 .con3 .bg {background-color:#fafafa;padding-top:25px;}
.sub206 .con3 .bg .img{margin-bottom:20px;}
.sub206 .con3 .bg h4{margin-bottom:30px;font-size:20px;color:#22355a;text-align:center;}
.sub206 .con3 .bg p{line-height:23px;}
.sub206 .con3 .bg > div {height:280px;padding:30px;box-sizing:border-box;}
@media all and (max-width:768px){ 
    .sub206 .con1 .bg-grey{height:auto;}
    .sub206 .con3 .bg > div {height:auto;margin-bottom:20px;}
}

/* Wired */
.sub301 .con{margin-bottom:70px;}
.sub301 h2 {margin-bottom:18px;font-size:20px;color:#000;font-weight:normal;}
.sub301 h2:before{position:relative;top:3px;display:inline-block;width:2px;height:20px;background-color:#115ea4;margin-right:8px;content:'';}
.sub301 .con > p {font-size:18px;color:#4e4e4e;margin-bottom:35px;text-align:center;}
.sub301 .con .row .img{margin-bottom:15px;}
.sub301 .con .row a{display:block;width:156px;height:38px;margin:0 auto 20px;line-height:38px;color:#fff;background-color:#115ea4;text-align:center;}
.sub301 p.blue,.sub301 h3.blue{color:#115ea4;}
.sub301 .con .row .img{margin-bottom:25px;}
.sub301 .con h3{font-size:20px;width:240px;margin:0 auto 15px;}
.sub301 .con .row p{width:240px;margin:0 auto 30px;min-height:120px;text-align:left;line-height:22px;}
.sub301 .con1 .img{line-height:190px;}
.sub301 .con .img img{vertical-align:bottom;}
.sub301 .con2 .img{line-height:100px;}
.sub301 .con3 .img{line-height:220px;}
.sub301 .con3 h3{width:300px;}
.sub301 .con3 .row p {width:300px;min-height:80px;}
.sub301 .con4 h2{font-size:30px;color:#000;text-align:center;margin-bottom:15px;}
.sub301 .con4 h2:before{content:none;}
.sub301 .con4 h2 + p{font-size:16px;text-align:center;margin-bottom:60px;}
.sub301 .con4 .row .img{margin-bottom:20px;}
.sub301 .con4 .row p{font-size:14px;text-align:center;min-height:auto;}
.sub301 .btn-more {margin-top:50px;text-align:right;}
.sub301 .btn-more a{display:inline-block;width:156px;height:38px;line-height:38px;color:#fff;background-color:#115ea4;text-align:center;}
@media all and (max-width:768px){  
    .sub301 .con{margin-bottom:40px;} 
    .sub301 .con .row > div{padding:30px 0;}
    .sub301 .con .row > div:last-child{margin-bottom:0;}
    .sub301 .con .row p{min-height:auto;margin-bottom:15px;}
    .sub301 .con .img{line-height:1;}
}

/* wireless */
.sub302 .con{margin-bottom:70px;}
.sub302 h2 {margin-bottom:18px;font-size:20px;color:#000;font-weight:normal;}
.sub302 h2:before{position:relative;top:3px;display:inline-block;width:2px;height:20px;background-color:#115ea4;margin-right:8px;content:'';}
.sub302 .con .row h3 {margin-bottom:30px;font-size:16px;color:#115ea4;text-align:center;font-weight:normal;}
.sub302 .con .row h4 {font-size:14px;color:#000;margin-bottom:13px;text-align:center;}
.sub302 .con .row .img{margin-bottom:13px;}
.sub302 .con .row .bg-box {min-height:153px;padding:14px;margin-bottom:14px;background-color:#f6f6f6;}
.sub302 .con2 .row .bg-box {min-height:128px;}
.sub302 .con3 .row .bg-box {min-height:178px;}
.sub302 .con .row p{font-size:14px;padding-left:14px;}
.sub302 .con .row .bg-box p{position:relative;padding-left:6px;font-size:14px;line-height:25px;letter-spacing:-0.5px;}
.sub302 .con .row .bg-box p:before {position:absolute;left:0;content:'-';}
.sub302 .con4 .row > div{display:table;height:196px;}
.sub302 .con4 .row h3{text-align:left;margin-bottom:35px;}
.sub302 .con4 .row p{margin-bottom:30px;padding-left:0;line-height:25px;}
.sub302 .btn-more {margin-top:50px;text-align:right;}
.sub302 .btn-more a{display:inline-block;width:156px;height:38px;line-height:38px;color:#fff;background-color:#115ea4;text-align:center;}
@media all and (max-width:768px){  
    .sub302 .con{margin-bottom:40px;} 
    .sub302 .con .row > div{padding:30px 0;}
    .sub302 .con .row > div:last-child{margin-bottom:0;}
    .sub302 .con4 .row > div:last-child{padding:0;}
    .sub302 .con4 .row .img{margin-bottom:30px;}
    .sub302 .con .row .bg-box {min-height:auto;}
    .sub302 .con4 .row > div{display:block;height:auto;}
}

/* IT Service */
.sub401 .con-wrap {padding:0;}
.sub401 .con {padding:40px 27px;}
.sub401 .con1 {padding:0;background:#abc3dd url(/images/img_sub320.jpg) no-repeat left top;}
.sub401 .con1 .txt{text-align:right;padding:140px 50px;}
.sub401 .con1 .txt h2{font-size:30px;margin-bottom:20px;color:#fff;}
.sub401 .con1 .txt p{font-size:16px;line-height:25px;color:#fff;}
.sub401 .con2 .row {margin-bottom:30px;}
.sub401 .con2 h3{font-size:20px;color:#115ea4;margin-bottom:10px;}
.sub401 .con2 p{padding-left:10px;position:relative;line-height:23px;}
.sub401 .con2 p:before {position:absolute;left:0;content:'·';}
.sub401 .con3 .row > div{float:left;width:18%;margin-right:2.5%;}
.sub401 .con3 .bg{padding-top:58.5365%;}
.sub401 .con3 .box1 .bg{background:url(/images/img_sub322.jpg) no-repeat center bottom;background-size:cover;}
.sub401 .con3 .box2 .bg{background:url(/images/img_sub323.jpg) no-repeat center bottom;background-size:cover;}
.sub401 .con3 .box3 .bg{background:url(/images/img_sub324.jpg) no-repeat center bottom;background-size:cover;}
.sub401 .con3 .box4 .bg{background:url(/images/img_sub325.jpg) no-repeat center bottom;background-size:cover;}
.sub401 .con3 .box5 .bg{background:url(/images/img_sub326.jpg) no-repeat center bottom;background-size:cover;}
.sub401 .con3 .txt {height:160px;padding:20px 15px;background-color:#e6e6e6;}
.sub401 .con3 .txt h3{font-size:18px;font-weight:normal;margin-bottom:10px;}
.sub401 .con3 .txt p{font-size:16px;color:#646464;line-height:22px;letter-spacing:-1px;color:#646464;}
@media all and (max-width:768px){  
    .sub401 .con {padding:30px 15px;}
    .sub401 .con1 {background-size:100%;}
    .sub401 .con1 .txt h2{font-size:25px;margin-bottom:10px;}
    .sub401 .con1 .txt{text-align:right;padding:40% 0 20px;text-align:left;}
    .sub401 .con1 .txt p br{display:none;}
    .sub401 .con3 .row > div{float:none;width:80%;margin-right:auto !important;margin-left:auto;margin-bottom:30px;}
}

/* 회사소개  */
.sub501 .con {padding-left:290px;background:url(/images/img_sub501.jpg) no-repeat left 40px top 0;}
.sub501 dl{width:100%;overflow:hidden;}
.sub501 dt{float:left;width:105px;font-size:16px;color:#000;font-weight:normal;}
.sub501 dt:before{position:relative;top:3px;display:inline-block;width:2px;height:16px;background-color:#115ea4;margin-right:8px;content:'';}
.sub501 dd{float:left;font-size:16px;color:#646464;}
@media all and (max-width:768px){  
    .sub501 .con {padding-left:0;padding-top:230px;background-position:50% 0;}
}

/* 주요연혁 */
.sub503 p.bg{background-color:#f4f4f4;color:#1260a3;padding:25px 15px;font-size:20px;line-height:1.3;text-align:center;}
.sub503 .row{padding:40px 0;border-bottom:1px solid #d9d9d9;}
.sub503 .row:first-child{padding-top:0;}
.sub503 .row:last-child{padding-bottom:0;border-bottom:0;}
.sub503 .year{padding-left:100px;padding-top:25px;padding-right:60px;color:#1260a3;text-align:right;font-size:45px;line-height:35px;}
.sub503 .year.num1{background:url(/images/img_sub503-1.jpg) no-repeat left 15px top 0;}
.sub503 .year.num2{background:url(/images/img_sub503-2.jpg) no-repeat left 15px top 0;}
.sub503 .year.num3{background:url(/images/img_sub503-3.jpg) no-repeat left 15px top 0;}
.sub503 .txt {padding-top:25px;}
.sub503 .txt li{font-size:16px;line-height:28px;color:#646464;}
.sub503 .txt li span{display:inline-block;color:#000;margin-right:10px;}
@media all and (max-width:768px){  
    .sub503 p.bg{font-size:18px;}
    .sub503 .year{padding:80px 0 0;text-align:center;font-size:30px;line-height:1.5;background-position:50% top;}
    .sub503 .year br{display:none;}
    .sub503 .txt li{font-size:14px;letter-spacing:-0.5px;}   
}

/* 오시는길 */
.sub504 .map{margin-bottom:50px;}
.sub504 .map p{padding:18px 35px;background-color:#8b8b8b;color:#fff;}
#daumRoughmapContainer1555317069913{width:100% !important;}
.sub504 .wrap_map {height:520px !important;}
.sub504 .con .row > div{height:190px;padding:20px 0 20px 100px;border-right:1px solid #e6e6e6;}
.sub504 .con .row h2{font-size:16px;color:#000;line-height:30px;}
.sub504 .con .row p{font-size:16px;color:#494949;line-height:30px;}
.sub504 .con .row p span{display:inline-block;margin-right:5px;}
.sub504 .con .row p span.txt-y{color:#eab306;}
.sub504 .con .row p span.txt-g{color:#71761f;}
.sub504 .con .row p span.txt-br{color:#c78d00;}
.sub504 .con .row p span.txt-b{color:#7182f4;}
.sub504 .con .row p span.txt-g2{color:#5fb73c;}
.sub504 .con .row > div:last-child{padding-left:100px;margin-bottom:0;border-right:0;}
.sub504 .con .row .t1{background:url(/images/img_sub504.jpg) no-repeat left 20px top 20px;}
.sub504 .con .row .t2{background:url(/images/img_sub505.jpg) no-repeat left 20px top 20px;}
.sub504 .con .row .t3{background:url(/images/img_sub506.jpg) no-repeat left 20px top 20px;}
@media all and (max-width:768px){
    .sub504 .wrap_map {height:300px !important;}   
    .sub504 .map p{padding: 15px;}
    .sub504 .con .row > div{height:auto;border-bottom:1px solid #e6e6e6;border-right:0;}
    .sub504 .con .row .t1,.sub504 .con .row .t2,.sub504 .con .row .t3
{background-position:left 0 top 20px;}    
    .sub504 .con .row > div:last-child{border-bottom:0;border-right:0;}
}

/* 자료실 */
.sub06 .tab-board {width:100%;border-bottom:1px solid #8abf5a;margin-bottom:36px;}
.sub06 .tab-board ul {margin:0;}
.sub06 .tab-board li {float:left;max-width:158px;width:33%;height:45px;}
.sub06 .tab-board li a{display:block;line-height:45px;text-align:center;color:#5a5a5a;font-size:18px;background-color:#e5e5e5;}
.sub06 .tab-board li a:hover{background-color:#8abf5a;color:#fff;}
.sub06 .tab-board li a.active{background-color:#8abf5a;color:#fff;}
.sub06 .img{width:100%;padding:40px 58px;margin-bottom:80px;background:#f7f7f7 url(/images/img_sub602.jpg) no-repeat 50% 50%;text-align:right;}

@media all and (max-width:768px){
    .sub06 .img {background-image:none;}
    .sub06 .img a{padding:6%;background-color:#f7f7f7;}
}




.sub105 .container .row {margin:0 -15px;}
.sub105 h2 {margin-bottom:5px;font-size:25px;color:#000;font-weight:500;}
.sub105 h2 + p {font-size:16px;line-height:1.56;color:#4f4f4f;font-weight:400;}
.sub105 .con {padding:40px 0;}
.sub105 .con h3 {margin-bottom:15px;font-size:22px;color:#115ea4;font-weight:500;}
.sub105 .con1 h4 {padding:15px;background:#115ea4;text-align:center;color:#fff;font-size:18px;font-weight:500;}
.sub105 .con1 .box {background:#f2f2f2;padding:15px 15px 10px;}
.sub105 .con1 ul {margin-top:10px;}
.sub105 .con1 li {text-align:center;color:#000;font-size:18px;line-height:2;}
.sub105 .con1 .row {margin-bottom:-24px;}
.sub105 .con1 .row > div {margin-bottom:24px;}
.sub105 .con1 .row > div:last-child .img{margin-top:11px;}
.sub105 .con2 .img-wrap{overflow:auto;}
.sub105 .con2 .img-wrap .img{min-width:768px;}
.sub105 .con3 .border {padding:28px;}
.sub105 .con3 h4 {font-size:18px;color:#000;font-weight:500;line-height:1.5;}
.sub105 .con3 h4 + p {margin-bottom:20px;font-size:16px;color:#4f4f4f;line-height:1.5;}
.sub105 .con4 .row{text-align:center;}
.sub105 .con4 .row > div:nth-child(4n+1) {clear:both;}
.sub105 .con4 .img {margin-bottom:10px;line-height:205px;}
.sub105 .con4 .img img{vertical-align:bottom;}
.sub105 .con4 h4{font-size:16px;color:#115ea4;font-weight:500;line-height:24px;}
.sub105 .con4 p{font-size:16px;color:#7d7d7d;font-weight:300;line-height:24px;}
.sub105 .con4 p.down {margin-top:40px;font-size:16px;color:#525252;font-weight:300;}
    .sub105 .con4 p.down a{color:#ff4200;text-decoration:underline;}
@media all and (max-width:1170px){  
    .sub105 {padding-right:15px;padding-left:15px;}
    .sub105 .con4 .row > div:nth-child(2n+1) {clear:both;}
    .sub105 .con4 .row > div:nth-child(4n+1) {clear:none;}
}
@media all and (max-width:768px){
    
    .sub105 h2 {font-size:22px;}
    .sub105 .con h3 {font-size:20px;}
    .sub105 .con {padding:20px 0;}
    .sub105 .con1 li {line-height:1.5;font-size:16px;}
    .sub105 .con4 .img {line-height:1;}
    .sub105 .con4 .row > div {padding:20px 0;}
    
}