@charset  'utf-8';
.responsive .at-body > .at-container { padding: 0 !important; max-width: 100%;}
.responsive .at-body .page-content article .at-container { padding-left: 0 !important; padding-right: 0 !important;}
.responsive .at-body .at-content { padding: 0;}
.page-content p,
.page-content dl, .page-content ul { margin: 0; padding: 0; word-break: keep-all;}
.page-content ul li { list-style: none;}
.page-content .sr-only { position: absolute !important; }

.page-content article { padding:  100px 10px;}
.page-content article:nth-of-type(2n) { background: #f9f9f9;}

.page-content h4 { position: relative; padding: 0 0 25px; margin: 0 0 50px; font-size: 30px; font-weight: 500; line-height: 1.2; color: #015a9c; text-align: center;}
.page-content h4 span { display: inline-block;}
.page-content h4:after { content:''; display: block; position: absolute; bottom:0; left: 50%; transform: translateX(-50%); width: 35px; height: 2px; background: #aaa; }


.page-content .tit {  padding: 0 0px 100px;}
.page-content .tit h3 { padding: 0 0 20px; margin: 0; text-align: center; font-size: 45px; color: #111; font-weight: 500; word-break: keep-all;}
.page-content .tit h3+p { text-align: center;}

@media (max-width:991px){
    .page-content article { padding: 80px 10px;}
    .page-content h4 { font-size: 28px; }
    .page-content .tit { padding: 0 0px 80px;}
    .page-content .tit h3 { font-size: 43px;}
}
@media (max-width:768px){
    .page-content article { padding: 70px 10px;}
    .page-content h4 { font-size: 26px; }
    .page-content .tit { padding: 0 0px 70px;}
    .page-content .tit h3 { padding: 0 0 15px; font-size: 41px;}    
}
@media (max-width:576px){
    .page-content article { padding: 60px 10px;}
    .page-content h4 { margin: 0 0 40px;}
    .page-content h4 span { display: block; padding: 5px 0 0; font-size: 18px; font-weight: 400;}
    .page-content .tit { padding: 0 0px 60px;}
    .page-content .tit h3 { padding: 0 0 10px; font-size: 38px;}
}
@media (max-width:480px){
    .page-content article { padding: 50px 10px;}
    .page-content .tit { padding: 0 0px 50px;}
    .page-content .tit h3 {  font-size: 35px;}
}



.overview .con1 .slogun { display: flex; justify-content: center; align-items: center; margin: 0 0 30px; height: 250px; background: url('/page/imgs/overview_img1.jpg') no-repeat center / cover; text-align: center; font-size: 30px; color: #fff; font-weight: 400;  word-break: keep-all;}
.overview .con1 .wrap { border-top: 2px solid #999; }
.overview .con1 .wrap dl { display: flex;  border-bottom: 1px solid #e1e1e1;}
.overview .con1 .wrap dl dt,
.overview .con1 .wrap dl dd { padding: 30px 20px ;}
.overview .con1 .wrap dl dt {  width: 125px; font-weight: 500; color: #131e34; text-align: center; white-space: nowrap;}
.overview .con1 .wrap dl dd { width: calc(100% - 125px); word-break: keep-all;}
.overview .con1 .wrap dl:first-of-type { justify-content: space-between;}
.overview .con1 .wrap dl:first-of-type dd {  width: calc(25% - 125px); white-space: nowrap;}
.overview .con2 .wrap { margin: 0 -15px; }
.overview .con2 .wrap li { flex:1; padding: 50px 10px; margin: 0 15px; background: #fff; border-top: 2px solid #999; border-bottom: 1px solid #999;}
.overview .con2 .wrap li h5 { padding: 80px 0 50px; background-position: center top ; background-size: auto 60px; background-repeat: no-repeat; font-size: 30px; font-weight: 400; color: #111; text-align: center;}
.overview .con2 .wrap li p { text-align: center;}
.overview .con2 .wrap li p b { display: block; padding: 0 0 5px; color: #015a9c; font-weight: 500;}
.overview .con2 .wrap li:first-of-type h5 { background-image: url('/page/imgs/overview_ico1.png');}
.overview .con2 .wrap li:nth-of-type(2) h5 { background-image: url('/page/imgs/overview_ico2.png');}
.overview .con2 .wrap li:last-of-type h5 { background-image: url('/page/imgs/overview_ico3.png');}
.overview .con2 .wrap li p:not(:last-of-type) { padding: 0 0 20px;}

@media (max-width:991px){
    .overview .con1 .wrap dl:first-of-type { flex-wrap: wrap;}
    .overview .con1 .wrap dl:first-of-type dt { }
    .overview .con1 .wrap dl:first-of-type dd { width: calc(50% - 125px);}
    .overview .con1 .wrap dl:first-of-type dt:nth-of-type(-n + 2),
    .overview .con1 .wrap dl:first-of-type dd:nth-of-type(-n + 2) { border-bottom: 1px solid #e1e1e1;}
    .overview .con2 .wrap { margin: 0 -5px; }
    .overview .con2 .wrap li { margin: 0 5px;}

}
@media (max-width:768px){
    .overview .con1 .slogun { height: 230px; font-size: 26px; }
    .overview .con1 .wrap dl dt,
    .overview .con1 .wrap dl dd { padding: 25px 15px ;}    
    .overview .con2 .wrap { flex-wrap:wrap; margin: 0 -5px;}
    .overview .con2 .wrap li {flex:auto; width: 48%; margin: 0 5px;}
    .overview .con2 .wrap li:not(:last-of-type) { margin-bottom:10px;}
    .overview .con2 .wrap li h5 { padding: 80px 0 30px; font-size: 24px; font-weight: 500;}
    
}
@media (max-width:576px){
    .overview .con1 .slogun { height: 200px; font-size: 22px; }
    .overview .con1 .wrap dl dt,
    .overview .con1 .wrap dl dd { padding: 15px 10px ;} 
    .overview .con1 .wrap dl dt { width: 80px;}
    .overview .con1 .wrap dl dd { width: calc(100% - 80px); }
    .overview .con1 .wrap dl:first-of-type dt { }
    .overview .con1 .wrap dl:first-of-type dd { width: calc(100% - 80px);}
    .overview .con1 .wrap dl:first-of-type dt:nth-of-type(-n + 3),
    .overview .con1 .wrap dl:first-of-type dd:nth-of-type(-n + 3) { border-bottom: 1px solid #e1e1e1;}
    .overview .con2 .wrap li { padding: 40px 10px; width: 47%;}
    .overview .con2 .wrap li p b { padding: 0 0 3px;}
    .overview .con2 .wrap li p:not(:last-of-type) { padding: 0 0 15px; }
}

@media (max-width:480px){
    .overview .con2 .wrap { margin: 0;}
    .overview .con2 .wrap li { padding: 40px 10px; width: 100%; margin: 0;}
    .overview .con2 .wrap li h5 {padding: 70px 0 20px;  background-size: auto 50px;}
}

.greeting .con1 .at-container { background: url('/page/imgs/greeting_bg.png') no-repeat right top;}
.greeting .con1 p {  padding: 0 0 10px; line-height: 1.6; color: #111;}
.greeting .con1 .p1 { font-size: 35px; font-weight: 500; line-height: 1.5;}
.greeting .con1 .p2 { margin: 15px 0 ; font-size: 24px; font-weight: 400; color: #015a9c;}
.greeting .con1 .from { padding: 25px 0 0; }
.greeting .con1 .from b { font-size: 24px; font-weight: 500; }
@media (max-width:1199px){
    .greeting .con1 .at-container {background-size: auto 70%; background-position: right center;}
}
@media (max-width:991px){
    .greeting .con1 .at-container { background-size: auto 50%; background-position: right bottom;}
}
@media (max-width:768px){
    .greeting .con1 .at-container { padding-bottom: 100px !important; background-position: right bottom; background-size: auto 40%;}
    .greeting .con1 .p1 { font-size: 32px;}
}
@media (max-width:576px){
    .greeting .con1 .at-container { padding-bottom: 50px !important; background-size: auto 30%;}    
    .greeting .con1 .p1 { font-size: 28px;}
    .greeting .con1 .p2 { margin: 5px 0; font-size: 20px;}
    .greeting .con1 p br { display: none;}
}
@media (max-width:480px){
    .greeting .con1 .at-container { padding-bottom: 100px !important;}    
    .greeting .con1 .p1 { font-size: 22px;}
    .greeting .con1 .p2 { font-size: 20px;}
    .greeting .con1 p br { display: none;}
}


.history {}
.history { background: url('/page/imgs/history_bg.png') no-repeat right bottom ;}
.history .wrap { justify-content: flex-start; padding: 0 0 50px;}
.history .wrap .year { padding: 0 150px 0 0; font-size: 45px; font-weight: 700; line-height: 1; }
.history .wrap dl { display: flex; flex-wrap:wrap; position: relative;}
.history .wrap dl dt, 
.history .wrap dl dd { position: relative; padding: 18px 0; line-height: inherit;}
.history .wrap dl dt { padding-right: 35px; width: 110px; font-size: 20px; font-weight: 500; text-align: right;}
.history .wrap dl dt::before,
.history .wrap dl dt::after { content:''; display: block; position: absolute; right: 0;}
.history .wrap dl dt::before { top: 50%; transform: translateY(-50%); width: 1px; height: 110%; background: #ddd;}
.history .wrap dl dt::after { top: 50%; transform: translate(50%, -50%); width: 6px; height: 6px; background: #111; border-radius: 50%;}
.history .wrap dl dd { padding-left: 35px; width: calc(100% - 110px)}
.history .wrap dl dd b { font-weight: 500px; color: #015a9c; }
.history .wrap:last-of-type { padding: 0;}
.history .wrap:nth-of-type(1) .year { color: #131e34;}
.history .wrap:nth-of-type(2) .year { color: #015a9c;}
.history .wrap:nth-of-type(3) .year { color: #999999;}

@media (max-width:1400px){
    .history { background-position-x: 182%;}
}
@media (max-width:1199px){
    .history { padding: 0 0 42%; background:url('/page/imgs/history_bg_mobile.png') no-repeat center bottom / contain;}
}
@media (max-width:991px){
    .history .wrap .year { padding: 0 100px 0 0;}
}
@media (max-width:768px){
    .history .wrap { flex-direction: column;}
    .history .wrap .year { padding: 0 0 20px; font-size: 42px;}
    .history .wrap dl dt::before { display: none; }
}
@media (max-width:576px){    
    .history .wrap .year { font-size: 34px;}
    .history .wrap dl dt { padding: 10px 25px 10px 0; width: 95px; font-size: 18px; }
    .history .wrap dl dd { padding: 10px 0 10px 25px;}
}
@media (max-width:480px){    
    .history .wrap { padding: 0 0 40px;}
    .history .wrap .year { padding: 0 0 10px; font-size: 26px; }
    .history .wrap dl dt { padding: 5px 15px 10px 0; width: 75px; font-size: 16px; }
    .history .wrap dl dt:after { top: 15px; transform: none; width: 3px; height: 3px;}
    .history .wrap dl dd { padding: 5px 0 10px 15px; width: calc(100% - 75px);}
}
.root_daum_roughmap { width: 100%}
.root_daum_roughmap .map_border { display: none;}
.location {}
.location .map { border-bottom: 2px solid #01346b;}
.location .wrap { display: flex; padding: 30px 40px ; background: #f9f9f9;}
.location .wrap .logo { width: 29%; min-width:230px}
.location .wrap .info { display: flex; align-items: center; flex-wrap: wrap;; }
.location .wrap .info li { padding: 0 15px 0; white-space: nowrap;  }
.location .wrap .info li b { font-weight: 500; }
@media (max-width:1400px){    
    .location .wrap { justify-content: space-between;}
    .location .wrap .logo  { width: 350px; }
    .location .wrap .info  { width: calc(100% - 350px); }
    .location .wrap .info li:first-of-type { width: 100%;}
}
@media (max-width:1199px){
    .location .wrap { padding: 30px;}
}
@media (max-width:991px){    
    .location .wrap .logo  { width: 320px; }
    .location .wrap .info  { width: calc(100% - 320px); }
    .location .wrap .info li { padding: 0 10px;}
}
@media(max-width:768px){
    .location .wrap { flex-direction: column;}
    .location .wrap .logo  { padding: 10px 0 20px; width: 100%;  text-align: center;}
    .location .wrap .info  { width:  100%;     justify-content: center; text-align: center; }
    .location .wrap .info li:first-of-type { padding-bottom: 5px;}
}
@media(max-width:576px){
    .location .wrap { padding: 30px 10px;}
    .location .wrap .logo  { padding: 0px 0 15px; width: 100%;  text-align: center;}
    .location .wrap .logo img { width: 250px;}
    .location .wrap .info  { width:  100%; justify-content: center; text-align: center; }    
}

.it {}
.it .wrap {}
.it .wrap h5 { margin: 0 0 30px; height: 50px; background: #eee; font-size: 24px; font-weight: 500; color: #111; line-height: 50px; text-align: center; }
.it .wrap ul { display: flex; justify-content: space-between; padding: 0 0 20px;}
.it .wrap ul li { padding: 0 0 20px; width: 23.46%; text-align: center;}
.it .wrap ul li .img { border: 1px solid #e1e1e1;}
.it .wrap ul li p { word-break: keep-all;}
.it .wrap ul li p.name { overflow: hidden; height: 50px; background: #434343; font-size: 24px; font-weight: 500; line-height: 50px; color: #fff; white-space: nowrap; text-overflow: ellipsis; }
.it .wrap ul li p.tail { padding: 15px 10px; color: #111;}
.it .wrap ul.col3 {}

@media (min-width:769px){
    .it .wrap ul.col3 li { width: 32%;}
}

@media (max-width:1199px){
    .it .wrap ul li p.name { font-size: 20px;}
}
@media (max-width:991px){
    .it .wrap ul li p.name { height: 46px; line-height: 46px; font-size: 18px; }
    .it .wrap ul li p.tail { font-size: 16px; }
}
@media (max-width:768px){
    .it .wrap h5 { margin: 0 0 25px; height: 46px; line-height: 46px; font-size: 22px;}
    .it .wrap ul { flex-wrap: wrap;}
    .it .wrap ul li {  width: 48%;}
    .it .wrap ul li p.tail { font-size: 16px; }
}
@media (max-width:576px){   
    .it .wrap h5 { margin: 0 0 20px; height: 42px; line-height: 42px; font-size: 20px;} 
    .it .wrap ul li { padding: 0 0 15px; width: 49%;}    
    .it .wrap ul li p.name { height: 42px; line-height: 42px; font-size: 16px; }
    .it .wrap ul li p.tail { font-size: 15px; }
}

@media (max-width:400px){    
    .it .wrap ul li p.name { height: 40px; line-height: 40px; font-size: 15px; }    
}





.management article .wrap:not(:last-of-type) { padding-bottom: 100px;}
.management .flex {flex-wrap:wrap; margin-bottom: -30px; }
.management .flex .box { display: block; margin-bottom:30px; width: 32%; color: #111; border: 1px solid #e1e1e1; border-top: none;}
.management .flex .space { width: 32%;}
.management .flex .box h5 { display: flex; justify-content: center; align-items: center; height: 241px; background-repeat: no-repeat; background-size: cover; background-position: center; font-size: 30px; font-weight: 500; color: #fff; text-align: center; word-break: keep-all; line-height: 1.2; }
.management .flex .box ul { padding: 30px; margin-bottom: -15px; }
.management .flex .box ul li { padding-bottom:15px; word-break: break-all;}
.management .flex .box ul.num li { margin: 0 0 0 30px; text-indent: -15px; }
.management .flex .box ul.num li span { display: inline-block; padding: 0 5px 0 0;  font-weight: 400; color: #015a9c; }
.management .flex .box ul.bar li { margin: 0 0 0 15px; text-indent: -15px; }
.management .flex .box ul.bar li span { padding: 0 5px 0 0;  }
.management .con3 .flex .box h5  { height: 50px; background: #333; font-size: 18px; font-weight: 300;  line-height: 50px; }


@media (min-width:769px){    
    .management .flex.col2 .box { width: 49%;}
}

@media (max-width:991px){
    .management .flex .box h5 { height: 220px; font-size: 28px;}
    .management .flex .box ul { padding: 30px 20px;}    
}
@media (max-width:768px){     
    .management .flex .box { width: 49%;}
    .management .flex .box h5 { height: 160px; font-size: 26px;}    
}
@media (max-width:576px){
    .management .flex { margin-bottom: -20px;}
    .management .flex .box { margin-bottom: 20px; }
    .management .flex .box h5 { height: 120px; font-size: 24px; }
    .management .flex .box ul { padding: 20px 15px;}
    .management .flex .box ul li { padding-bottom: 10px;} 
}
@media (max-width:480px){
    .management .flex .box { width: 100%;}
    .management .flex .box h5 { height: 120px; font-size: 22px; }
    .management .flex .box ul { padding: 25px 15px;}
    
}

.dist {}
.dist .con1 .info{ padding: 50px 0 0;}
.dist .con1 .info ul { margin: 0 0 -30px; max-width: 747px;}
.dist .con1 .info ul li { display: inline-block; padding: 0 70px 0 45px; margin: 0 0 30px; background-repeat: no-repeat; background-position: left center; color: #333; }
.dist .con1 .info ul li b { display: inline-block;  padding: 0 30px 0 0; font-weight: 500;}
.dist .con1 .info ul li:nth-of-type(1){ background-image: url('/page/imgs/distribution_ico1.png');}
.dist .con1 .info ul li:nth-of-type(2){ background-image: url('/page/imgs/distribution_ico2.png');}
.dist .con1 .info ul li:nth-of-type(3){ background-image: url('/page/imgs/distribution_ico3.png');}
.dist .con1 .info a { display: block; width: 180px; height: 50px; background: #131e34; text-align: center; color: #fff;  line-height: 50px; border-radius: 25px;}
.dist .con2 .wrap { flex-wrap:wrap; margin: 0 0 -70px;}
.dist .con2 .wrap .box { margin: 0 0 70px; width: 49%;  }
.dist .con2 .wrap .box .img { overflow:hidden; border-radius: 30px;}
.dist .con2 .wrap .box p { text-align: center; color: #111;}
.dist .con2 .wrap .box p.name { padding: 20px 0px; font-size: 30px; font-weight: 500; line-height: 1;  }

@media (max-width:991px){
    .dist .con1 .info ul { margin: 0 0 -15px;}
    .dist .con1 .info ul li { display: block; padding: 0 70px 0 45px; margin: 0 0 15px;}
    .dist .con2 .wrap .box p.name { padding: 20px 0 15px; font-size: 26px; }
}
@media (max-width:768px){
    .dist .con1 .info ul li { padding: 0 0 0 40px;}
    .dist .con1 .info ul li b { padding: 0 20px 0 0;}
    .dist .con1 .info a { width: 150px;}
    .dist .con2 .wrap .box p.name {  font-size: 22px; }
}
@media (max-width:576px){
    .dist .con1 .info {  padding: 30px 0 0;}
    .dist .con1 .info ul li { padding:  0 0 0 30px; background-size: auto 90%; }
    .dist .con1 .info ul li b { padding: 0 15px 0 0;}
    .dist .con1 .info a {  width: 124px; height: 44px; line-height: 44px;}
    .dist .con2 .wrap { flex-wrap:wrap; margin: 0 0 -50px;}
    .dist .con2 .wrap .box { margin: 0 0 50px; }
    .dist .con2 .wrap .box p.name {  font-size: 20px; }
}

@media (max-width:480px){   
    .dist .con1 .info { flex-direction: column;;} 
    .dist .con1 .info ul li { margin: 0 0 10px;}
    .dist .con1 .info a { margin: 30px auto 0; width: 180px;}
    .dist .con2 .wrap .box { width: 100%;}
    .dist .con2 .wrap .box p.name { padding: 20px 0 10px; font-size: 22px; }
}
@media (max-width:400px){
    .dist .con1 .info ul li {padding: 0; background: none !important;}
    .dist .con1 .info ul li b { padding: 0 10px 0 0;}
}


.network .con1 .wrap .box { padding: 65px 10px 60px; width: 23.4666%; background: #f9f9f9; text-align: center;}
.network .con1 .wrap .box h5 { padding: 107px 0 25px; font-size: 24px; line-height: 1; font-weight: 500; background-repeat: no-repeat; background-position: top center; }
.network .con1 .wrap .box:nth-of-type(1) h5 { background-image: url('/page/imgs/network_ico1.png');}
.network .con1 .wrap .box:nth-of-type(2) h5 { background-image: url('/page/imgs/network_ico2.png');}
.network .con1 .wrap .box:nth-of-type(3) h5 { background-image: url('/page/imgs/network_ico3.png');}
.network .con1 .wrap .box:nth-of-type(4) h5 { background-image: url('/page/imgs/network_ico4.png');}
.network .con1 .wrap .box p { line-height: 1.6;}
.network .con2 .h4 { padding: 0 0 100px; font-size: 45px; font-weight: 500; text-align: center; }
.network .con2 .flex {flex-wrap:wrap; margin-bottom: -30px; }
.network .con2 .flex .box { display: block; margin-bottom:30px; width: 49%; color: #111; border: 1px solid #e1e1e1; border-top: none;}
.network .con2 .flex .box h5 { display: flex; justify-content: center; align-items: center; height: 241px; background-repeat: no-repeat; background-size: cover; background-position: center; font-size: 30px; font-weight: 500; color: #fff; text-align: center; word-break: keep-all; line-height: 1.2; }
.network .con2 .flex .box p { margin: 0 0 -8px; padding: 30px 30px 0; font-weight: 500; }
.network .con2 .flex .box ul { padding: 30px; margin-bottom: -15px; }
.network .con2 .flex .box ul li { padding-bottom:15px; word-break: break-all;}
.network .con2 .flex .box ul.num li { margin: 0 0 0 30px; text-indent: -15px; }
.network .con2 .flex .box ul.num li span { display: inline-block; padding: 0 5px 0 0;  font-weight: 400; color: #015a9c; }
.network .con2 .flex .box:nth-of-type(1) h5 {  background-image: url('/page/imgs/network_bg1.jpg');}
.network .con2 .flex .box:nth-of-type(2) h5 {  background-image: url('/page/imgs/network_bg2.jpg');}
.network .con2 .flex .box:nth-of-type(3) h5 {  background-image: url('/page/imgs/network_bg3.jpg');}
.network .con2 .flex .box:nth-of-type(4) h5 {  background-image: url('/page/imgs/network_bg4.jpg');}


@media (max-width:1199px){
    .network .con1 .wrap .box { width: 24%;}
}

@media (max-width:991px){
    .network .con1 .wrap { flex-wrap:wrap; margin: 0 0 -2%;  }
    .network .con1 .wrap .box { margin: 0 0 2%; width: 49%;}    
    .network .con2 .h4 { padding: 0 0 80px; font-size: 40px;} 
    .network .con2 .flex .box p { padding: 30px 20px 0;}
    .network .con2 .flex .box h5 { height: 220px; font-size: 28px;}
    .network .con2 .flex .box ul { padding: 30px 20px;}
}
@media (max-width:768px){
    .network .con1 .wrap .box { padding: 55px 10px 50px; }
    .network .con1 .wrap .box h5 { padding: 95px 0 25px; background-size: auto 70px; }
    .network .con2 .h4 { padding: 0 0 70px; font-size: 36px;} 
    .network .con2 .flex .box { width: 49%;}
    .network .con2 .flex .box h5 { height: 160px; font-size: 26px;}   
}
@media (max-width:576px){
    .network .con1 .wrap .box { padding: 40px 10px 35px; }
    .network .con1 .wrap .box h5 { padding: 80px 0 20px; font-size: 20px; background-size: auto 60px; }
    .network .con2 .h4 { padding: 0 0 60px; font-size: 32px;} 
    .network .con2 .flex { margin-bottom: -20px;}
    .network .con2 .flex .box { margin-bottom: 20px; }
    .network .con2 .flex .box h5 { height: 120px; font-size: 24px; }
    .network .con2 .flex .box p { padding: 25px 15px 0;}
    .network .con2 .flex .box ul { padding: 20px 15px;}
    .network .con2 .flex .box ul li { padding-bottom: 10px;} 
}
@media (max-width:480px){
    .network .con1 .wrap { flex-wrap:wrap; margin: 0 0 -10px;  }
    .network .con1 .wrap .box { margin: 0 0 10px; width: 100%; }
    .network .con1 .wrap .box h5 { padding: 65px 0 15px;  background-size: auto 50px;}  
    .network .con2 .h4 { padding: 0 0 50px; font-size: 28px;} 
    .network .con2 .flex .box { width: 100%;}
    .network .con2 .flex .box h5 { height: 120px; font-size: 22px; }
    .network .con2 .flex .box ul { padding: 25px 15px;}   
}


.digital {}
.digital .wrap.col3 { flex-wrap: wrap; margin: 0 0 -30px; }
.digital .wrap.col3 .box { margin: 0 0 30px; width: 32%; }
.digital .wrap.col3 .box .img { border: 1px solid #e1e1e1;  border-bottom: none;}
.digital .wrap.col3 .box p { height: 50px; background: #434343; font-size: 24px; font-weight: 500; color: #fff; line-height: 50px;  text-align: center;}
.digital .wrap.col3 .box span { display: block; padding: 10px 30px 0; text-align: center; word-break: keep-all;}


.digital .con2 .flex {flex-wrap:wrap; margin-bottom: -30px; }
.digital .con2 .flex .box { display: block; margin-bottom:30px; width: 49%; color: #111; border: 1px solid #e1e1e1; border-top: none;}
.digital .con2 .flex .box h5 { display: flex; justify-content: center; align-items: center; height: 241px; background-repeat: no-repeat; background-size: cover; background-position: center; font-size: 30px; font-weight: 500; color: #fff; text-align: center; word-break: keep-all; line-height: 1.2; }
.digital .con2 .flex .box p { margin: 0 0 -8px; padding: 30px 30px 0; font-weight: 500; }
.digital .con2 .flex .box ul { padding: 30px; margin-bottom: -15px; }
.digital .con2 .flex .box ul li { padding-bottom:15px; word-break: break-all;}
.digital .con2 .flex .box ul.num li { margin: 0 0 0 30px; text-indent: -15px; }
.digital .con2 .flex .box ul.num li span { display: inline-block; padding: 0 5px 0 0;  font-weight: 400; color: #015a9c; }
.digital .con2 .flex .box:nth-of-type(1) h5 {  background-image: url('/page/imgs/digital_bg1.jpg');}
.digital .con2 .flex .box:nth-of-type(2) h5 {  background-image: url('/page/imgs/digital_bg2.jpg');}
.digital .con3 .wrap { text-align: center;}
.digital .con3 .wrap img.mobile{  display: none;}



@media (max-width:991px){
    .digital .wrap.col3 .box p { height: 46px; font-size: 20px; line-height: 46px;}
    .digital .wrap.col3 .box span { padding: 10px 10px 0; font-size: 16px; }
    .digital .con2 .flex .box p { padding: 30px 20px 0;}
    .digital .con2 .flex .box h5 { height: 220px; font-size: 28px;}
    .digital .con2 .flex .box ul { padding: 30px 20px;}
    
}
@media (max-width:768px){
    .digital .wrap.col3 .box p { font-size: 18px;}
    .digital .wrap.col3 .box { width: 49%;  }
    .digital .con2 .flex .box { width: 49%;}
    .digital .con2 .flex .box h5 { height: 160px; font-size: 26px;}   
    .digital .con3 .wrap img.pc{  display: none;}
    .digital .con3 .wrap img.mobile{  display: block;}

    
}
@media (max-width:576px){ 
    .digital .wrap.col3 .box span { font-size: 15px;}   
    .digital .con2 .h4 { padding: 0 0 60px; font-size: 32px;} 
    .digital .con2 .flex { margin-bottom: -20px;}
    .digital .con2 .flex .box { margin-bottom: 20px; }
    .digital .con2 .flex .box h5 { height: 120px; font-size: 24px; }
    .digital .con2 .flex .box p { padding: 25px 15px 0;}
    .digital .con2 .flex .box ul { padding: 20px 15px;}
    .digital .con2 .flex .box ul li { padding-bottom: 10px;} 
}
@media (max-width:480px){    
    .digital .wrap.col3 .box { width: 100%;  } 
    .digital .wrap.col3 .box span { padding: 10px 20px 0;}
    .digital .con2 .h4 { padding: 0 0 50px; font-size: 28px;} 
    .digital .con2 .flex .box { width: 100%;}
    .digital .con2 .flex .box h5 { height: 120px; font-size: 22px; }
    .digital .con2 .flex .box ul { padding: 25px 15px;}   
}