@charset "utf-8";

/*공통*/
.doc-cnt {margin-bottom:120px;}
.doc-cnt:last-child {margin-bottom:0;}
.doc-tit {text-align:center; font-size:50px; font-weight:700; line-height:1.2em; letter-spacing:-0.01em; color:#242424; margin-bottom:50px;}
.page-menu {display:flex; justify-content:center; margin-right:-30px; margin-bottom:50px;}
.page-menu li:hover a, .page-menu li.active a {background:#29224f; color:#fff; border:1px solid #29224f;}
.page-menu li a {font-weight:400; font-size:18px; display:block; height:50px; line-height:50px; text-align:center; letter-spacing:-0.01em; border-radius:30px; color:#454545; border:1px solid #ddd;}
.page-menu li {width:calc(20% - 30px); max-width:150px; margin-right:30px;}


/*greeting*/
.greeting {display:flex;}
.greeting .img {width:50%; max-width:635px; margin-right:110px;}
.greeting .cnt {padding-top:160px; flex: 1 1 auto; min-width: 0; width: 1%;}
.greeting .logo {margin-bottom:60px;}
.greeting .cnt .tit {font-size:36px; font-weight:500; line-height:1.2em; letter-spacing:-0.01em; color:#242424; margin-bottom:20px;}
.greeting .cnt .tit strong {font-weight:700;}
.greeting .cnt .txt {font-size:18px; font-weight:500; line-height:2em; letter-spacing:-0.01em; color:#454545;}
.greeting .cnt .txt strong {font-weight:600;}

/*policy*/
.policy .contain {max-width:1460px;}
.policy .bg {position:relative; height:545px; width:100%; background:url("../images/sub/policy_bg.jpg") no-repeat 50% 50%; background-size:cover;}
.policy .bg-wrap {margin-bottom:95px;}
.policy .bg-wrap .cnt {position:relative; width:100%; max-width:1460px; margin:0 auto; margin-top:-315px; text-align:center; background:url("../images/sub/policy_bg2.jpg") 50% 50% no-repeat; background-size:cover; padding:70px 15px 95px 15px;}
.policy .bg-wrap .cnt .tit {font-size:36px; font-weight:600; line-height:1.2em; letter-spacing:-0.01em; color:#242424; margin-bottom:25px;}
.policy .bg-wrap .cnt .txt {font-size:18px; font-weight:500; line-height:2em; letter-spacing:-0.01em; color:#454545;}
.policy .group {margin-bottom:80px; padding-bottom:80px; border-bottom:1px solid #ddd; display:flex;}
.policy .group .tit {font-size:36px; font-weight:500; line-height:1.4em; letter-spacing:-0.01em; color:#242424; width:50%; max-width:535px;}
.policy .group .tit .num {display:block; text-decoration:underline;}
.policy .group .txt-wrap {flex: 1 1 auto; min-width: 0; width: 1%;}
.policy .group .txt {font-size:18px; font-weight:500; line-height:2em; letter-spacing:-0.01em; color:#454545; margin-bottom:35px;}
.policy .group .txt:last-child {margin-bottom:0;}
.policy .group:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0;}

/*business*/
.business .bg {height:375px; background:url("../images/sub/business_bg.jpg") no-repeat 50% 50%; background-size:cover;}
.business .bg-wrap {margin-bottom:130px;}
.business .bg-wrap .cnt {display:flex;align-items: flex-end; justify-content: space-between; position:relative; margin-top:-168px; padding-left:80px;}
.business .bg-wrap .cnt .txt-wrap {display:inline-block; padding:90px 20px 90px 70px; background:url("../images/sub/business_bg2.jpg") no-repeat 50% 50%; background-size:cover;}
.business .bg-wrap .txt {font-size:18px; font-weight:500; line-height:2em; letter-spacing:-0.01em; color:#454545; margin-bottom:35px;}
.business .bg-wrap .txt:last-child {margin-bottom:0;}
.business .col {display:flex; align-items: center; max-width:1200px; margin:0 auto; margin-bottom:130px;}
.business .col:last-child {margin-bottom:0;}
.business .col > div {width:50%;}
.business .col .txt-wrap {padding-left:20px;}
.business .col .tit {font-size:50px; font-weight:700; line-height:1.2em; letter-spacing:-0.01em; color:#242424; margin-bottom:50px;}
.business .col .tit span {display:block; font-size:28px; margin-bottom:20px; line-height:1em;;}
.business .col .txt {font-size:18px; font-weight:500; line-height:2em; letter-spacing:-0.01em; color:#454545; margin-bottom:35px;}
.business .col .txt strong {font-weight:700;}
.business .col .txt:last-child {margin-bottom:0;}
.business .col.type2 {flex-direction: row-reverse;}
.business .col.type2 .img {text-align:right;}
.business .col.type2 .txt-wrap {padding-left:0; padding-right:20px;}

/*branch*/
.branch .contain {max-width:1460px;}

.branch .col {display:flex;}

.branch .col .txt-wrap {flex: 1 1 auto; min-width: 0; width: 1%; padding-left:30px; padding-top:45px;}
.branch .col .tit {font-size:36px; font-weight:500; line-height:1.2em; letter-spacing:-0.01em; color:#242424; margin-bottom:25px;}
.branch .col .txt {font-size:18px; font-weight:500; line-height:2em; letter-spacing:-0.01em; color:#454545;}
.branch .ticket-info {display:flex; text-align:right; }
.branch .ticket-info .txt-wrap {flex: 1 1 auto; min-width: 0; width: 1%; padding-right:100px;}
.branch .ticket-info .txt {font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-0.01em; color:#686868; margin-top:30px;}
.branch .ticket-info .txt span {display:block;}
.branch .ticket-info dl {margin-bottom:50px; padding-right:115px; background-repeat:no-repeat; background-position:right center;}
.branch .ticket-info dl:nth-child(1) {background-image:url("../images/sub/info_icon1.png")}
.branch .ticket-info dl:nth-child(2) {background-image:url("../images/sub/info_icon2.png")}
.branch .ticket-info dl:nth-child(3) {background-image:url("../images/sub/info_icon3.png")}
.branch .ticket-info dl:last-child {margin-bottom:0;}
.branch .ticket-info dt {font-size:30px; font-weight:500; line-height:1.5em; letter-spacing:-0.01em; color:#242424; margin-bottom:10px;}
.branch .ticket-info dd {font-size:18px; font-weight:500; line-height:1.6em; letter-spacing:-0.01em; color:#454545;}
.branch .local {display:flex; margin-bottom:20px;}
.branch .local-info {display:flex; align-items: center; padding-right:50px;}
.branch .local-info dl {display:flex; flex: 1 1 auto; min-width: 0; width: 1%; align-items: center;}
.branch .local-info dt {text-align:center; width:30%; max-width:250px; font-size:30px; font-weight:500; line-height:1.2em; letter-spacing:-0.01em; color:#242424;}
.branch .local-info dd {font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.01em; color:#454545;}
.branch .local-info .more a {display:inline-block; padding:20px 80px 20px 30px; border-radius:5px; background:#f8c97b; position:relative; font-size:30px; font-weight:700; line-height:1em; letter-spacing:-0.01em; color:#fff;}
.branch .local-info .more a:before {content:""; position:absolute; width:30px; height:30px; top:50%; margin-top:-15px; right:30px; background:url("../images/main/more_icon.png") no-repeat 50% 50%;}
.branch .local-info .more a:hover:before {animation:move_right 2s linear infinite; }
.branch-banner {padding:55px 0; background:url("../images/sub/branch_banner.jpg") no-repeat 50% 50%; background-size:cover; margin-top:110px;}
.branch-banner .contain {display:flex;}
.branch-banner .box {width:33.333%; padding-left:100px;}
.branch-banner .box .tit {font-size:30px; font-weight:500; line-height:1.4em; letter-spacing:-0.01em; color:#fff; margin-bottom:20px;}
.branch-banner .box ul {margin-bottom:20px;}
.branch-banner .box ul li {font-size:18px; font-weight:500; line-height:1.5em; color:#fff; letter-spacing:-0.01em;}
.branch-banner .box .txt {font-size:18px; font-weight:400; line-height:1.5em; letter-spacing:-0.01em; color:#fff;}
.branch-banner .box .txt span {font-weight:500;}
.branch-banner .box .sns-link {display:flex; margin:0 -7px; margin-bottom:20px;}
.branch-banner .box .sns-link li {padding:0 7px;}
.branch .gray-bg {margin:100px 0; padding:80px 0; background:#f4f4f4}
.branch .gray-bg .imgbox {max-width:1300px; margin:0 auto;}
.branch .gray-bg .imgbox ul {display:flex; margin:0 -30px;}
.branch .gray-bg .imgbox li {width:25%; padding:0 30px; position:relative;}
.branch .gray-bg .imgbox li:before {content:""; position:absolute; width:30px; height:30px; background:url("../images/sub/bullet01.png") no-repeat 50% 50%; right:-15px; top:50%; margin-top:-15px;}
.branch .gray-bg .imgbox li:last-child:before {display:none;}
.branch .gray-bg .imgbox2 ul {display:flex; margin:0 -45px;}
.branch .gray-bg .imgbox2 ul li {width:33.333%; padding:0 45px;}
.branch .gray-bg .imgbox2 ul li:nth-child(1) {margin-top:60px;}
.branch .gray-bg .imgbox2 ul li:nth-child(2) {margin-top:30px;}
.branch .gray-bg .imgbox2 .img {margin-bottom:20px;}
.branch .gray-bg .imgbox2 .tit {font-size:28px; font-weight:500; line-height:1.2em; letter-spacing:-0.02em; color:#242424;}
.branch .gray-bg .imgbox2 .tit span {font-size:34px; font-weight:700; display:inline-block; margin-right:10px;}

/*program*/

.program .tit-wrap {text-align:center; margin-bottom:45px;}
.program .tit-wrap .tit {font-size:50px; font-weight:700; line-height:1.4em; letter-spacing:-0.01em; color:#242424; margin-bottom:15px;}
.program .tit-wrap .txt {font-size:36px; font-weight:500; line-height:1.4em; letter-spacing:-0.01em; color:#242424;}
.program .tit-wrap .txt strong {font-weight:700;}

.program .gray-bg {background:#f4f4f4; padding:85px 0; margin:100px 0;}
.program .device ul {display:flex; flex-wrap:wrap; justify-content: center;}
.program .device ul li {width:33.333%; text-align:center; margin-bottom:5px; padding:0 10px;}
.program .device ul li .img {margin-bottom:15px;}
.program .device ul li .tit {font-size:26px; font-weight:500; line-height:1.5em; letter-spacing:-0.01em; color:#454545;}
.program.pg1 .col {display:flex; align-items: center;}
.program.pg1 .col .img {width:50%; max-width:500px;}
.program.pg1 .col:nth-child(even) {flex-direction: row-reverse;}
.program.pg1 .col:nth-child(even) .cnt {text-align:right;}
.program.pg1 .col .cnt {flex: 1 1 auto; min-width: 0; width: 1%; padding:0 70px;}
.program.pg1 .col .tit {font-size:36px; font-weight:500; line-height:1.4em; letter-spacing:-0.01em; color:#242424; margin-bottom:40px;}
.program.pg1 .col .txt {font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-0.01em; color:#454545;}
.program.pg1 .col .txt span {font-weight:500;}

.program.pg2 .bg-wrap {margin-bottom:80px;}
.program.pg2 .bg-wrap .cnt {position:relative; margin-top:-100px; text-align:right;}
.program.pg2 .bg-wrap .cnt p {display:inline-block; padding:70px; background:#231f20; font-size:26px; font-weight:500; line-height:1.7em; letter-spacing:-0.01em; color:#fff; text-align:left;}

.program.pg2 .imgbox {position:relative; margin-top:-55px; margin-bottom:-30px; text-align:right; padding-right:216px;}
.program.pg2 .col {display:flex;align-items: center;}
.program.pg2 .col .tit {font-size:36px; font-weight:500; line-height:1.2em; letter-spacing:-0.01em; color:#242424; margin-bottom:30px;}
.program.pg2 .col .txt {font-size:18px; font-weight:500; line-height:2em; letter-spacing:-0.01em; color:#454545;}
.program.pg2 .col .cnt {width:50%; padding-left:60px;}
.program.pg2 .col .img {width:50%; padding-left:50px;}
.program.pg2 .col.type2 {padding-left:160px;}

.program.pg3 .bg-wrap {position:relative; margin-bottom:130px;}
.program.pg3 .bg-wrap .cnt {position:absolute; right:140px; bottom:150px;}
.program.pg3 .bg-wrap .cnt .tit {font-size:36px; font-weight:500; line-height:1em; letter-spacing:-0.01em; color:#242424; margin-bottom:35px;}
.program.pg3 .bg-wrap .cnt .txt {font-size:18px; font-weight:500; line-height:2em; letter-spacing:-0.01em; color:#454545;}
.program.pg3 .bg-wrap .cnt .txt span {font-weight:600;}
.program.pg3 .imgbox {position:relative; margin-top:-140px; text-align:right; padding-right:216px;}
.program.pg3 .col {display:flex;align-items: center;}
.program.pg3 .col .tit {font-size:36px; font-weight:500; line-height:1.2em; letter-spacing:-0.01em; color:#242424; margin-bottom:30px;}
.program.pg3 .col .txt {font-size:18px; font-weight:500; line-height:2em; letter-spacing:-0.01em; color:#454545;}
.program.pg3 .col .cnt {width:50%; padding-left:60px;}
.program.pg3 .col .img {width:50%; padding-left:50px;}
.program.pg3 .col.type2 {padding-left:160px;}

.program.pg4 .bg-wrap {margin-bottom:20px;}
.program.pg4 .bg-wrap .cnt-wrap {position:relative; margin-top:-100px; text-align:right;}
.program.pg4 .bg-wrap .cnt {display:inline-block; padding:50px 60px; background:#231f20;  text-align:left; width:90%; max-width:620px;}
.program.pg4 .bg-wrap .cnt p {font-size:18px; font-weight:500; line-height:2em; letter-spacing:-0.01em; color:#fff; margin-bottom:25px;}
.program.pg4 .bg-wrap .cnt p:last-child {margin-bottom:0;}
.program.pg4 .bg-wrap .cnt p span {font-weight:700; color:#f8c97b;}
.program.pg4 .col {display:flex;align-items: center;}
.program.pg4 .col .tit {font-size:36px; font-weight:500; line-height:1.2em; letter-spacing:-0.01em; color:#242424; margin-bottom:30px;}
.program.pg4 .col .txt {font-size:18px; font-weight:500; line-height:2em; letter-spacing:-0.01em; color:#454545;}
.program.pg4 .col .txt span {font-weight:700;}
.program.pg4 .col .img {width:50% ;padding-left:50px;}
.program.pg4 .col .cnt {flex: 1 1 auto; min-width: 0; width: 1%; padding-left:160px;}

/*interview*/
.page-menu {margin-bottom:40px;}
.page-menu.type2 ul {justify-content: flex-start;}

.page-menu ul {display:flex; justify-content: center; margin:0 -5px;}
.page-menu ul li {width:50%; max-width:180px; padding:0 5px;}
.page-menu ul li a {display:flex; min-height:50px; text-align:center; align-items:center; justify-content:center; font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#686868; border:1px solid #ddd;}
.page-menu ul li.active a {background:#231f20; border-color:#231f20; color:#f8c97b; font-weight:500;}
.interview .img {margin-bottom:70px;}
.interview .group {padding-bottom:75px; margin-bottom:75px; border-bottom:1px solid #ddd;}
.interview .group:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0;}
.interview .group .tit {font-size:36px; font-weight:500; line-height:1.2em; letter-spacing:-0.01em; color:#242424; margin-bottom:15px;}
.interview .group .cnt {padding-left:40px; position:relative;}
.interview .group .cnt:before {content:""; position:absolute; width:20px; height:20px; border-left:2px solid #918f8f; border-bottom:2px solid #918f8f; top:0; left:10px;}
.interview .group .txt {font-size:18px; font-weight:500; line-height:2em; letter-spacing:-0.01em; color:#454545;}
.interview .group .txt strong {font-weight:700;}

/* intro */
.intro {display:flex; align-items:center;}
.intro .img {margin-right:50px;max-width:572px;width:50%;}
.intro .img img {}
.intro .txt {display:flex; flex-direction:column; justify-content:center; padding-top:64px; min-width:0;width:1%;flex:1 1 auto;}
.intro .txt p {font-weight:400; color:#454545; font-size:20px; line-height:1.5em; margin-bottom:25px; letter-spacing:-0.01em;}
.intro .txt p:nth-child(3) {margin-bottom:0;}
.intro .txt .name {text-align:right; margin-top:40px;}
.intro .txt .name span {font-weight:700; margin-left:17px;}

/* history */
.history {}
.history .history-inner {display:flex; padding-left:72px;}
.history .history-inner h3 {width:26.54%; font-size:35px; color:#118ec2; letter-spacing:-0.01em; font-family: 'Cafe24Ohsquare';}
.history .history-inner .right {min-width:0;width:1%;flex:1 1 auto; margin-left:45px; border-left:1px dashed #ddd; padding:0 0 75px 42px;}
.history .history-inner ul li {font-weight:400; font-size:20px; color:#454545; margin-bottom:20px; line-height:1em; position:relative; letter-spacing:-0.01em;}
.history .history-inner ul li:first-child:before {content:""; width:25px; height:25px; background:#080034; border-radius:50%; position:absolute; left:-55px; top:0;}
.history .history-inner ul li:first-child:after {content:""; width:10px; height:10px; background:#fff; border-radius:50%; position:absolute; left:-48px; top:7px;}
.history .history-inner ul li:last-child {margin-bottom:0;}
.history .history-inner:last-child .right {border:0; padding-bottom:0;}

/* vision */
.vision-bg {background:url("../images/sub/vision_bg.jpg") no-repeat 50% 50%; background-size:cover;}
.vision {}
.vision-bg .sub-title {margin:0; padding:80px 0 45px;}
.vision .contain .vision-wrap {display:flex; justify-content:center; margin-right:-20px;}
.vision .contain .vision-wrap .vision-inner {transition:width 0.3s; width:19.6%; margin-right:20px; padding:75px 15px 0; border:1px solid #ddd; height:350px; background:#fff; display:flex; flex-direction:column;}
.vision .contain .vision-wrap .vision-inner:hover {background:#118ec2; width:37.5%;}
.vision .contain .vision-wrap .vision-inner:hover .img-wrap {padding:10px;}
.vision .contain .vision-wrap .vision-inner:hover .txt ul li {display:block; font-weight:400;}
.vision .contain .vision-wrap .vision-inner:hover .txt h3 {color:#fff;}
.vision .contain .vision-wrap .vision-inner .img-wrap {text-align: center; margin:0 auto 30px; background:#fff; width:90px; height:90px; display:flex; align-items:center; justify-content:center; border-radius:50%;}
.vision .contain .vision-wrap .vision-inner .txt h3 {margin-bottom:8px; text-align:center; font-size:22px; font-weight:700; letter-spacing:-0.01em; color:#454545; line-height:1.4em;}
.vision .contain .vision-wrap .vision-inner .txt ul {padding-left:40px;}
.vision .contain .vision-wrap .vision-inner .txt ul li {color:#fff; display:none; font-size:17px; line-height:1.4em; letter-spacing:-0.01em;}

/* bran */
.bran .img img {width:100%;}

/* location */
.location .location-map {height:400px;}
.location .location-map iframe {width:100%; height:100%;}
.location .table-style {margin-top:50px;}
.location .table-style table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:3px solid #242424;}
.location .table-style table tr th {letter-spacing:-0.01em; border-bottom:1px solid #ddd; padding:22px 50px; font-size:20px; font-weight:500; position:relative; text-align:right;}
.location .table-style table tr th:after {content:""; width:1px; height:40px; background:#ddd; position:absolute; right:0; top:50%; margin-top:-20px;}
.location .table-style table tr th:before {background:no-repeat 50% 50%; width:27px; background-size:contain; content:""; position:absolute; left:50px; top:50%; transform:translateY(-50%);}
.location .table-style table tr:nth-child(1) th:before {height:34px; background-image:url("../images/sub/location_01.png")}
.location .table-style table tr:nth-child(2) th:before {height:27px; background-image:url("../images/sub/location_02.png")}
.location .table-style table tr:nth-child(3) th, .location .table-style table tr:nth-child(3) td {border-bottom:0;}
.location .table-style table tr:nth-child(3) th:before {height:27px; background-image:url("../images/sub/location_03.png")}
.location .table-style table td {letter-spacing:-0.01em; border-bottom:1px solid #ddd; padding:22px 37px; font-size:17px; color:#454545;}

/* technology */
.technology .tab-content .tech-inner {display:flex; flex-flow:wrap; justify-content:center; margin-right:-39px;}
.technology .tab-content .tech-inner .tech-inner-box {margin-right:39px; cursor:pointer; width:calc(25% - 39px);}
.technology .tab-content .tech-inner .tech-inner-box .img {border:1px solid #ddd; margin-bottom:14px; box-shadow:5px 5px 7px #d0d0d0;}
.technology .tab-content .tech-inner .tech-inner-box .img img {}
.technology .tab-content .tech-inner .tech-inner-box .txt p {font-weight:400; text-align:center; color:#454545; font-size:17px; line-height:1.4em; letter-spacing:-0.01em; margin-bottom:3px;}
.technology .tab-content .tech-inner .tech-inner-box .txt p br {display:none;}
.technology .tab-content .tech-inner .tech-inner-box .txt p:last-child {margin-bottom:0;}
.viewing .fancybox-close {background:url('/images/close-1.png') 50% 50% no-repeat; position:absolute; top:15px; right:15px; width:24px; height:24px; background-size:contain;}
.viewing {max-width:500px !important; width:90vw !important;}
.viewing .fancybox-skin {max-width:500px !important; width:90vw !important;}
.viewing .fancybox-outer {max-width:500px !important; width:90vw !important;}
.viewing .fancybox-inner {max-width:500px !important; width:90vw !important;}
.viewing .fancybox-inner img {height:auto;}

/* ability */
.ability {display:flex; justify-content:center; margin-right:-40px; flex-wrap:wrap;}
.ability .ability-box {width:calc(25% - 40px); margin-right:40px; display:flex; flex-direction:column; align-items:center; cursor:pointer;}
.ability .ability-box .img {border:1px solid #ddd; margin-bottom:20px; box-shadow:5px 5px 7px #d0d0d0;}
.ability .ability-box .txt p {letter-spacing:-0.01em; color:#454545; font-size:17px; line-height:1.4em;}
.ability .ability-box .txt p span {letter-spacing:-0.01em; color:#454545; font-size:17px;}
.ability .ability-box .txt p br {display:none;}
/* current */
.current .table-style table {width:100%; border-collapse:collapse; border-spacing:0;}
.current .table-style table th {padding:20px 0; color:#454545; font-size:18px; font-weight:500; letter-spacing:-0.01em; line-height:1.6em; background:#f5f5f5; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.current .table-style table td {padding:20px; text-align:center; color:#454545; font-size:18px; letter-spacing:-0.01em; line-height:1.6em; border-bottom:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.current .table-style table tfoot tr td {font-weight:600; color:#22214b; font-size:18px; letter-spacing:-0.01em; line-height:1.6em; }

/* field construction supervision design*/
.field-all .gray-bg {background:#f5f5f5; padding:90px 0 100px; margin-top:80px;}
.field-all .gray-bg .contain {display:flex; align-items:center;}
.field-all .gray-bg .contain .img-wrap {display:flex; flex-wrap:wrap;  margin:0 -10px -10px 0; width:50%; max-width:570px;}
.field-all .gray-bg .contain .img-wrap .img {box-shadow:5px 5px 10px rgba(0,0,0,0.2); width:calc(50% - 10px); margin:0 10px 10px 0;}
.field-all .gray-bg .contain .txt {display:flex; flex-direction:column; justify-content:center; padding-left:53px; min-width:0; width:1%; flex:1 1 auto;}
.field-all .gray-bg .contain .txt h2 {color:#454545; font-size:30px; font-weight:600; line-height:1em; margin-bottom:25px; letter-spacing:-0.01em;}
.field-all .gray-bg .contain .txt p {font-weight:400; color:#454545; font-size:19px; line-height:1.3em; letter-spacing:-0.01em;}

/* customer */
.customer {}
.customer ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:-50px;}
.customer ul li {margin-bottom:50px; width:calc(25% - 30px); border:1px solid #ddd; border-radius:10px; box-shadow:5px 5px 5px rgba(0,0,0,0.2)}
.customer ul li img {border-radius:10px;}