.t_mar1 {margin-top:1% !important}
.t_mar2 {margin-top:2% !important}
.t_mar3 {margin-top:3% !important}
.t_mar4 {margin-top:4% !important}
.t_mar5 {margin-top:5% !important}
.t_mar6 {margin-top:6% !important}
.t_mar7 {margin-top:7% !important}
.t_mar8 {margin-top:8% !important}
.t_mar9 {margin-top:9% !important}
.t_mar10 {margin-top:10% !important}

.titbox h4{font-size:300%; font-weight:600;}
.titbox p{font-size:180%; font-weight:400; line-height:1.7;}

/*section p {font-size:100%;line-height:1.5;color:#666;}*/
/*.p0101 .container {border-bottom:1px solid #ddd;padding-bottom:150px;}*/

/*h3 {display:table;position:relative;line-height:50px;font-size:3.125rem;font-weight:900;margin:150px auto;}*/
/*h3::before{position:absolute;content:"";bottom:-10px; right:-15px;width:10px;height:10px; background:#e40918;border-radius:50%;}*/


/*subTitle*/
.container .subTitle{ display:table; position:relative; line-height:50px; font-size:3.125rem; font-weight:900; margin:0 auto; word-break:keep-all !important}
.container .subTitle::before{ content:""; position:absolute; top:-6px; left:-12px; width:14px; height:14px; background-color:#e40918; border-radius:50%; }

.conts {overflow:hidden;padding-bottom:100px !important;}

.sub_t001 {width:100% !important;}

.p0101 h3 {font-size:2.375rem;font-weight:800;position:relative;line-height:38px;}
.p0101 h3::before{position:absolute;content:"";top:-6px;left:-12px; width:12px;height:12px;border-radius:50%;background:#e40918}
.p0101 p {font-size:18px;font-weight:400;line-height:1.8;word-break:keep-all}
.p0101 .con01 {text-align:center;width:80%;word-break:keep-all;}
.p0101 .con01 span {display:block;}
.p0101 .con02 {background:#f5f5f5;text-align:center;}
.p0101 .con02 .container>div {margin-bottom:8%;}
.p0101 .con02 .tit h4 {font-size:250%;font-weight:800;}
.p0101 .con02 .tit h4 span {color:#e40918;}
.p0101 .con02 .tit p {font-size:140%; font-weight:400;line-height:1.5;}
.p0101 .con02 .tit p span {display:block;}
.p0101 .con02 .box {display:flex;justify-content:space-between;}
.p0101 .con02 .box>div {width:50%}
.p0101 .con02 .box .box01 {width:42%}
.p0101 .con02 .box .box01 ul {padding:2em 4em;display: flex;align-items: center;justify-content: space-between;position: relative;border: dashed 1px #d3d3d3;border-radius: 15em;}
.p0101 .con02 .box .box01 ul li {width: 180px;height: 180px;border:2px dashed #e40918; background:#fff; border-radius: 100%;box-shadow: 0 0 15px rgb(155 221 132 / 29%);display: flex;justify-content: center;align-items:center;position:relative;font-size:18px;font-weight:500}
.p0101 .con02 .box .box01 ul li:nth-child(2) {width:auto;height:auto;border:unset;background:unset;border-radius:unset;box-shadow:unset;color:#e40918;font-size:25px;}
/*.p0101 .con02 .box .box01 ul li:nth-of-type(2):before, .p0101 .con02 .box01 ul li:nth-of-type(2):after{content: '';position: absolute;background: #e40918;;border-radius: 4px;}*/
/*.p0101 .con02 .box .box01 ul li:nth-of-type(2):before{left:-22%; width: 25px;height: 4px;}*/
/*.p0101 .con02 .box .box01 ul li:nth-of-type(2):after{left:-16%;    width: 4px;height: 25px;}*/
.p0101 .con02 .box .box02 {text-align:left;word-break:keep-all;position:relative;}
.p0101 .con02 .box .box02:before{content:'';position:absolute;background:url(../image/sub/arrew_01.png) no-repeat;width:40px;height:40px;left:-11%;top:50%; transform:translateY(-50%);}
.p0101 .con02 .box .box02 ul {border:1px solid #d3d3d3;border-radius:20px;padding:2em 4em; height:100%;display:flex;flex-direction:column;justify-content:center; }
.p0101 .con02 .box .box02 ul li{position:relative;overflow:hidden;font-size:18px;font-weight:500;line-height:1.5;margin:0 0 30px 0;padding:0 5px 0 25px;}
.p0101 .con02 .box .box02 ul li:last-child {margin:0;}
.p0101 .con02 .box .box02 ul li:before{content:'';position:absolute;top:13px;left:0;background:#999;width:3px;height:3px;border-radius:10px;}
.p0101 .con h3 {margin-bottom:45px;}
/*.p0101 .con03 {overflow:hidden;}*/
.p0101 .con03 p {line-height:1.2;font-size:18px;word-break:keep-all;margin-bottom:35px;}
.p0101 .con03 img {width:100%;}
.p0101 .con04 ul {display:flex;flex-wrap:nowrap;}
.p0101 .con04 ul li {width:calc((100% - 40px) /5) ;margin-right:40px;text-align:center;}
.p0101 .con04 ul li:last-child {margin-right:0}
.p0101 .con04 ul li div {border:1px solid rgba(0,0,0,.15);min-height:250px; align-content:center;margin-bottom:15px;}
.p0101 .con04 ul li:last-child div img {width:160px;}
.p0101 .con05 ul {display:flex;}
.p0101 .con05>ul>li{width:calc((100% - 40px) /3);margin-right:40px;border:1px solid rgba(0,0,0,.15);border-radius:20px; padding:40px; }
.p0101 .con05>ul>li:last-child {margin-right:0;}
.p0101 .con05 .icon {width:130px; height:130px; background:#f5f5f5;border-radius:50%;margin:auto;display:flex;align-items:center;justify-content:center;}
.p0101 .con05 .icon img {width:60px;}
.p0101 .con05 h5 {font-size:24px; font-weight:700;text-align:center;margin:10px 0 20px 0;}
.p0101 .con05 ul li .dot {flex-wrap:wrap}
.p0101 .con05 ul li .dot li {position:relative; overflow:hidden;font-size:18px; font-weight:500;line-height:1.5;margin:0 0 10px 0 ;padding:0 5px 0 15px;width:100%;word-break:keep-all;}
.p0101 .con05 ul li .dot li:last-child {margin:0}
.p0101 .con05 ul li .dot li:before {content:'';position:absolute;top:13px;left:0;background:#333;width:4px;height:4px;border-radius:10px;}

/*연혁*/
.p0102 {margin:0 auto;display:flex;}
.p0102 h1 {display:block; letter-spacing:0 ;font-weight:900;font-size:72px;margin-right:200px;line-height:1}
.p0102 .year>ul {position:relative;}
.p0102 .year>ul::before {content:"";position:absolute;top:0;left:-35px; width:1px ;height:100%;background-color:rgba(0,0,0,.1);}
.p0102 .year ul li {display:flex; flex-wrap:wrap;margin-bottom:80px;}
.p0102 .year ul li:last-child {margin-bottom:0;}
.p0102 .year ul li h3 {position:relative;font-weight:900;font-size:38px;width:100%}
.p0102 .year ul li h3::before {content:"";position:absolute;top:50%;left:-38px; transform:translateY(-50%); width:8px;height:8px; border-radius:50%;background-color:#222;}
.p0102 .year ul li {}
.p0102 .year ul li ul {width: 100%;margin-top: 3%;}
.p0102 .year ul li ul li{position: relative;padding-left: 13px;margin-bottom:0;0px 5px 5px 15px;margin-top:13px; word-break:keep-all}
.p0102 .year ul li ul li:first-child{margin-top:0}
.p0102 .year ul li ul li:before{display: block;content:"";position: absolute;top: 10px;left: 0;width: 5px;height: 2px;background: #222;}

section>img {width:100%;}
/*cloud 공통*/
.p002>div {margin-bottom:150px;}
.p002>div:last-of-type {margin-bottom:0 !important;}
.p002 .tit span {font-size:1.25rem;font-weight:900;color:#e40918;}
.p002 .tit h1 {font-size:3.125rem;font-weight:900;margin:10px 0 60px 0;display:block;line-height:1}
.p002 div h3 {position:relative;line-height:38px;font-size:2.375rem;font-weight:900;margin-bottom:40px;width:270px;word-break:keep-all;}
.p002 div h3:before {content:"";position:absolute;top:-6px;left:-12px; width:12px ;height:12px;background-color:#e40918;border-radius:50%;}
.p002 .cont {width:calc(100% - 370px);margin-left:100px;}
.p002 .box01 {display:flex; margin-bottom:150px;}
.p002 .box01 .logo {width:270px;}
.p002 .box01 p {font-size:19px; line-height:1.5; word-break:keep-all;margin-bottom:40px;}
/*.p002 .box01 {background:#f5f5f5;border-radius:20px;padding:50px;text-align:center ;margin-bottom:50px;}*/
.p002 .box02 {display:flex;}
.p002 .box02 p {font-size:19px; line-height:1.5; word-break:keep-all;margin-bottom:40px;}
.p002 .box03 {display:flex;}
.p002 .box03 p {font-size:19px; line-height:1.5; word-break:keep-all;margin-bottom:40px;}
.p002 .box04 p {font-size:19px ;line-height:1.5;word-break:keep-all;margin-bottom:20px;}
.p002 .box04 .reference ul {display:flex;flex-wrap:wrap;}
.p002 .box04 .reference ul li {width:calc((100% - 60px) /4);margin-right:20px;}
.p002 .box04 .reference ul li:nth-child(4n) {margin-right:0;}
.p002 .box04 .reference ul li:nth-child(n+5) {margin-top:20px;}
.p002 .box04 .reference ul li div {border:1px solid rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;overflow:hidden}
.p002 .box04 .reference ul li div img {width:100%;height:100%;display:block;width:250px}
.p002 .box05 h3 {width:auto;}
.p002 .box05 .mark {display:flex;flex-wrap:wrap;background:none;padding:0;}
.p002 .box05 .mark dl {width:calc((100% - 100px)/5);margin-right:25px;}
.p002 .box05 .mark dl:nth-child(5n) {margin-right:0;}
.p002 .box05 .mark dl:nth-child(n+6) {margin-top:30px;}
.p002 .box05 .mark dl dt {display:flex;align-items:center;justify-content:center;overflow:hidden;}
.p002 .box05 .mark dl dt img {width:220px;height:100%;display:block;width:100%}
.p002 .box05 .mark dl dd {line-height:1.2;font-size:17px;font-weight:400;text-align:center;margin-top:5px;color:#777}

/*nhn cloud*/
.p0201 .cloud h4 {font-size:30px;font-weight:700;margin-bottom:20px;}
.p0201 .cloud ul {display:flex;flex-wrap:wrap}
.p0201 .cloud ul li {width:calc((100% - 20px) / 2);padding:50px 40px;border-radius:15px; margin-right:20px; border:1px solid rgba(0,0,0,.15);}
.p0201 .cloud ul li:nth-child(2n) {margin-right:0;}
.p0201 .cloud ul li:nth-child(n+3) {margin-top:20px;}
.p0201 .cloud ul li h5 {line-height:1.2;font-size:19px; margin:30px 0 20px 0;font-weight:600;}
.p0201 .cloud ul li p {line-height:1.5; font-size:17px ;word-break:keep-all;color:#777;margin-bottom:0}
.p0201 .box02 img {width:100%;}
.p0201 .history {position:relative;margin-left:50px;}
.p0201 .history:before {display:block; content:'';position:absolute;width:1px; height:75%;top:25px;background:#ddd;z-index:-1;}
.p0201 .history ul li {display:flex;padding:12px 0}
.p0201 .history ul li span{font-weight:700;position:relative;padding-left:30px;padding-right:15px;}
.p0201 .history ul li span:before {position:absolute;content:'';display:block;width:10px; height:10px; top:5px; left:-5px; background:#555;border-radius:50%;}
.p0201 .center{display:flex; }
.p0201 .center img {max-width:600px;width:calc(70% - 100px);}
.p0201 .center ul li{ text-align:left;padding:8px 0}
.p0201 .center ul li span {font-weight:700;}
.p0201 .center ul li em {background:#333;width:25px;height:25px;display:inline-block;color:#fff;text-align:center;margin-right:10px;border-radius:50% ;align-content:center}

/*kt cloud*/
.p0202 .cloud h4 {font-size:30px; font-weight:700;margin-bottom:20px;}
.p0202 .cloud ul {display:flex; flex-wrap:wrap;}
.p0202 .cloud ul li {width:calc((100% - 40px) /3);padding:50px 40px; border-radius:15px; margin-right:20px; border:1px solid rgba(0,0,0,.15);}
.p0202 .cloud ul li:nth-child(3n){margin-right:0;}
.p0202 .cloud ul li:nth-child(n+4){margin-top:20px;}
.p0202 .cloud ul li h5 {line-height:1;font-size:19px;margin:0 0 20px 0;font-weight:600;color:#000}
.p0202 .cloud ul li p {line-height:1.5;font-size:17px;word-break:keep-all;color:#777;margin-bottom:0;}
.p0202 .box02>div {width:calc(100% - 370px);margin-left:100px;}
.p0202 .box02>div ul {margin-bottom:30px;}
.p0202 .box02>div ul li{border-bottom:1px solid rgba(0,0,0,.15);padding:30px 0;font-size:17px;color:#777}
.p0202 .box02>div ul li:first-child{border-top:1px solid rgba(0,0,0,.15);}
.p0202 .box02>div ul li span {font-size:19px;font-weight:800;display:block;color:#000}
.p0202 .box02 .cont div {border-top:1px solid rgba(0,0,0,.15)}
.p0202 .box02 dl {border-bottom:1px solid rgba(0,0,0,.15);padding:30px 0; font-size:17px;display:flex;}
/*.p0202 .box02 dl dt img{width:;}*/
.p0202 .box02 dl dd{margin-left:50px;}
.p0202 .box02 dl dd h5 {font-size:19px; font-weight:800;}
.p0202 .box02 dl dd p {color:#777;margin-bottom:0;font-size:17px;}
.p0202 .box03 .center {display:flex;}
.p0202 .center img {max-width:600px;width:calc(70% - 100px);}
.p0202 .box03 .center ul li {position:relative;font-size:18px; line-height:1.5;padding:0 0 0 15px; margin:0 0 15px 0;text-align:left;font-weight:400}
.p0202 .box03 .center ul li:before {content:'';position:absolute;top:13px;left:0; background:#888;width:3px; height:3px; border-radius:10px;}
.p0202 .box03 .center ul li:last-child{margin:0;}
.p0202 .box03 .center ul li span{font-weight:700;display:block}

/*naver clooud*/
.p0203 .cloud h4 {font-size:30px;font-weight:700;margin-bottom:20px;}
.p0203 .cloud ul {display:flex;flex-wrap:wrap}
.p0203 .cloud ul li {width:calc((100% - 20px) / 2);padding:50px 40px;border-radius:15px; margin-right:20px; border:1px solid rgba(0,0,0,.15);}
.p0203 .cloud ul li:nth-child(2n) {margin-right:0;}
.p0203 .cloud ul li:nth-child(n+3) {margin-top:20px;}
.p0203 .cloud ul li h5 {line-height:1;font-size:19px; margin:30px 0 20px 0;font-weight:600;}
.p0203 .cloud ul li p {line-height:1.5; font-size:17px ;word-break:keep-all;color:#777;margin-bottom:0}
.p0203 .box02 h3 {word-break:break-all;}
.p0203 .box02 .cont div {border-top:1px solid rgba(0,0,0,.15)}
.p0203 .box02 dl {border-bottom:1px solid rgba(0,0,0,.15);padding:30px 0; font-size:17px;display:flex;}
.p0203 .box02 dl dt img{width:;}
.p0203 .box02 dl dd{margin-left:50px;align-content:center;}
/*.p0203 .box02 dl dd h5 {font-size:19px; font-weight:800;}*/
.p0203 .box02 dl dd p {color:#777;margin-bottom:0;font-size:18px;}
.p0203 .box03 .dot {margin-top:20px;}
.p0203 .box03 .dot li {position:relative;font-size:18px; line-height:1.5;padding:0 0 0 15px; margin:0 0 15px 0; }
.p0203 .box03 .dot li:before {content:'';position:absolute;top:13px; left:0;background:#888;width:3px ;height:3px; border-radius:10px;}
.p0203 .box03 .dot li:last-child {margin:0;}
.p0203 .box03 .dot li span {font-weight:700;}
.p0203 .box03 img {width:100%;}

/*aws*/
.p0204 .cloud ul {display:flex;flex-wrap:wrap}
.p0204 .cloud ul li {width:calc((100% - 20px) / 2);padding:50px 40px;border-radius:15px; margin-right:20px; border:1px solid rgba(0,0,0,.15);}
.p0204 .cloud ul li:nth-child(2n) {margin-right:0;}
.p0204 .cloud ul li:nth-child(n+3) {margin-top:20px;}
.p0204 .cloud ul li:nth-child(1), .p0204 .cloud ul li:nth-child(2){margin-top:0}
.p0204 .cloud ul li h5 {line-height:1;font-size:19px; margin:30px 0 20px 0;font-weight:600;}
.p0204 .cloud ul li p {line-height:1.5; font-size:17px ;word-break:keep-all;color:#777;margin-bottom:0}
.p0204 .box02 .color {display:flex;justify-content:center;}
.p0204 .box02 .color li {position:relative;padding:10px 0 10px 30px;margin-right:30px;}
.p0204 .box02 .color li:last-child {margin-right:0;}
.p0204 .box02 .color li span:before {line-height:20px;width:20px; text-align:center;border-radius:50%;border:2px solid #c5c5c5;position:absolute;left:0 ;top:10px; content:'';height:20px;}
.p0204 .box02 .color li:nth-child(1) span:before {background:#01a3a5;}
.p0204 .box02 .color li:nth-child(2) span:before {background:#da324a;}
.p0204 .box02 img {width:100%;}
.p0204 .box03 {display:block;}
.p0204 .box03 .content .box {display:flex;align-items:center;justify-content:space-between;}
.p0204 .box03 .content .box .img {width:calc(50% - 20px);overflow:hidden}
.p0204 .box03 .content .box .img img {width:100%;}
.p0204 .box03 .content .box .txt {width:calc(50% - 20px)}
.p0204 .box03 .content .box .txt h3 {font-size:30px; font-weight:700;margin-bottom:30px;width:100%;margin-right:0}
.p0204 .box03 .content .box .txt h3:before {display:none;}
.p0204 .box03 .content .box .txt p {margin-bottom:0;}
.p0204 .box03 .content .box:nth-of-type(1) {margin-bottom:30px;}

/*Microsoft Azure*/
.p0205 .cloud h4 {font-size:30px; font-weight:700;margin-bottom:20px;}
.p0205 .cloud ul {display:flex; flex-wrap:wrap;}
.p0205 .cloud ul li {width:calc((100% - 40px) /3);padding:50px 40px; border-radius:15px; margin-right:20px; border:1px solid rgba(0,0,0,.15)}
.p0205 .cloud ul li:nth-child(3n){margin-right:0;}
.p0205 .cloud ul li:nth-child(n+4){margin-top:20px;}
.p0205 .cloud ul li h5 {line-height:1;font-size:19px;margin:0 0 20px 0;font-weight:600;color:#000}
.p0205 .cloud ul li p {line-height:1.5;font-size:17px;word-break:keep-all;color:#777;margin-bottom:0;}
.p0205 .box02>div {width:calc(100% - 280px)}
.p0205 .box02>div ul {margin-bottom:30px;}
.p0205 .box02>div ul li{border-bottom:1px solid rgba(0,0,0,.15);padding:30px 0;font-size:17px;color:#777}
.p0205 .box02>div ul li:first-child{border-top:1px solid rgba(0,0,0,.15);}
.p0205 .box02>div ul li span {font-size:19px;font-weight:800;display:block;color:#000}
.p0205 .box02 .cont div {border-top:1px solid rgba(0,0,0,.15)}
.p0205 .box02 dl {border-bottom:1px solid rgba(0,0,0,.15);padding:30px 0; font-size:17px;display:flex;}
.p0205 .box02 dl dt img{width:;}
.p0205 .box02 dl dd{margin-left:50px;}
.p0205 .box02 dl dd h5 {font-size:19px; font-weight:800;}
.p0205 .box02 dl dd p {color:#777;margin-bottom:0;font-size:17px;}


/*공공클라우드서비스*/
.p0301>div:last-of-type {margin-bottom:0 !important;}
.p0301 .con01 {text-align:center;margin:0 auto 150px auto}
.p0301 .con01 h3 {font-size:35px; margin-bottom:40px; font-weight:700;line-height:1.2;}
.p0301 .con01 p {line-height:1.5;word-break:keep-all;font-size:18px;}
.p0301 .con01 .img {margin-top:50px;}
.p0301 .bg {background:#f5f5f5;text-align:center;margin:150px auto}
.p0301 .bg .con02 {margin:0 auto;padding:150px 0}
.p0301 .bg .con02 h4 {font-size:25px; font-weight:600;margin-bottom:40px;}
.p0301 .bg .con02 .box {display:flex;}
.p0301 .bg .con02 .box dl {width:calc((100% - 60px)/ 3);margin-right:30px; background:#fff;border-radius:15px;padding:30px 40px; display:flex;justify-content:flex-end;flex-direction:column;border:1px solid rgba(0,0,0,.15)}
.p0301 .bg .con02 .box dl:last-child {margin-right:0;}
.p0301 .bg .con02 .box dl dt {margin-bottom:15px;}
.p0301 .bg .con02 .box dl:last-child dt {margin-bottom:30px;}
.p0301 .bg .con02 .box dl a {font-weight:600;word-break:keep-all}
.p0301 .bg .con02 .box dl dd i {padding-left:10px;}
/*.p0301 .bg .con02 .box dd {position:relative;}*/
/*.p0301 .bg .con02 .box dd:after{position:absolute;content:"\f14c"}*/
.p0301 .bg .con02 .box02 {margin-top:100px; padding-top:100px; border-top:1px solid rgba(0,0,0,.15);display:flex;flex-wrap:wrap;justify-content:center;}
/*.p0301 .bg .con02 .box02 dl {width:calc(100% - 400px);background:#fff;border-radius:20px;margin-top:20px;padding:30px 40px}*/
/*.p0301 .bg .con02 .box02 dl:first-child {margin-top:0;}*/
.p0301 .bg .con02 .box02 ul {display:flex; width:calc(100% - 450px);flex-direction:column}
.p0301 .bg .con02 .box02 ul li {width:100%; padding:30px 40px; border-radius:15px; background:#fff;margin-bottom:20px;border:1px solid rgba(0,0,0,.15)}
.p0301 .bg .con02 .box02 ul li:last-child{margin:0;}
.p0301 .bg .con02 .box02 ul li .img {margin-bottom:20px;padding-bottom:20px; border-bottom:1px solid rgba(0,0,0,.15);}
.p0301 .bg .con02 .box02 ul li:nth-child(2n) .img img {height:45px;}
.p0301 .bg .con02 .box02 ul li dl dt{word-break:keep-all}
.p0301 .bg .con02 .box02 ul li dl a {font-weight:600;}
.p0301 .bg .con02 .box02 ul li dl dt i {padding-left:10px;}
.p0301 .bg .con02 .box02 ul li dl dd {word-break:keep-all;padding-top:10px;}

/*광주전남공통보안존*/
.p0302>div:last-of-type {margin-bottom: 0 !important;}
.p0302 .con01 {text-align:center;margin: 0 auto 150px auto;}
.p0302 .con01>p {font-size:18px;word-break:keep-all}
.p0302 .con01 p span {display:block;}
.p0302 .con01 .box {margin-top:100px;}
.p0302 .con01 .box h3 {font-size:35px;font-weight:700; line-height:1;word-break:keep-all}
.p0302 .con01 .box .img {border:1px solid rgba(0,0,0,.15);padding:5%;margin-top:50px;}
.p0302 .con01 .box .img p {text-align:right;color:#888}
.p0302 .bg {background:#f5f5f5;margin:150px auto;}
.p0302 .bg .con02 {margin:0 auto; padding:150px 0;}
.p0302 .bg .con02 h3 {text-align:center;font-size:35px; font-weight:700;margin-bottom:40px; line-height:1}
.p0302 .bg .con02>ul {display:flex; flex-wrap:wrap;}
.p0302 .bg .con02>ul>li {width:calc((100% - 20px) /2);padding:50px 40px; border-radius:15px; margin-right:20px;border:1px solid rgba(0,0,0,.15);display:flex;align-items:center;background:#fff;box-shadow:5px 5px 5px rgba(0,0,0,.15);justify-content:space-between;}
.p0302 .bg .con02>ul>li:nth-child(2n+2) {margin-right:0;}
.p0302 .bg .con02>ul>li:nth-child(n+3) {margin-top:20px;}
.p0302 .bg .con02>ul>li div {width:120px;height:120px; display:flex;align-items:center;justify-content:center;}
.p0302 .bg .con02>ul>li dl {width:calc(100% - 150px)}
.p0302 .bg .con02>ul>li dl dt {font-size:20px; font-weight:700;}
.p0302 .bg .con02>ul>li dl dd {line-height:1.2;font-size:16px;font-weight:400; word-break:keep-all;margin-top:10px;letter-spacing:-0.5px;padding-left:12px;position:relative}
.p0302 .bg .con02>ul>li dl dd:before {position:absolute;content:'';width:3px;height:3px; background:#555;left:0;top:8px;border-radius:50%}
.p0302 .con03 {margin:150px auto;display:flex;}
.p0302 .con03 h3 {font-size:35px;font-weight:700; line-height:1.3;width:400px;margin-right:100px;word-break:keep-all}
.p0302 .con03 h3 span {display:block;}
.p0302 .con03 div {width:calc(100% - 500px);}
.p0302 .con03 table {width:100%; border-top:2px solid #333;}
.p0302 .con03 table tr th {font-weight:600;text-align:center; padding:20px 10px;border-bottom:1px solid rgba(0,0,0,.15);background:#f5f5f5}
.p0302 .con03 table tr th:first-child {border-right:0;border-right:1px solid rgba(0,0,0,.15);}
.p0302 .con03 table tbody tr td{text-align:center; padding:20px 10px;border-bottom:1px solid rgba(0,0,0,.15)}
.p0302 .con03 table tbody tr td:first-child {border-right:1px solid rgba(0,0,0,.15);}
.p0302 .bg .con04 {margin:0 auto; padding:150px 0;}
.p0302 .bg .con04 h3 {text-align:center;font-size:35px; font-weight:700;margin-bottom:40px; line-height:1.3;word-break:keep-all}
.p0302 .bg .con04 table {width:100%; border-top:2px solid #333;}
.p0302 .bg .con04 table tr th {font-weight:600;text-align:center; padding:20px 10px;border-bottom:1px solid rgba(0,0,0,.15);background:#fff;border-right:1px solid rgba(0,0,0,.15);}
.p0302 .bg .con04 table tr th:last-child {border-right:0;background:#edf3fd;background:#eff5ff;background:#ddd}
.p0302 .bg .con04 table tbody tr td{text-align:center; padding:20px 10px;border-bottom:1px solid rgba(0,0,0,.15);background:#fff;border-right:1px solid rgba(0,0,0,.15);}
.p0302 .bg .con04 table tbody tr td:first-child {font-weight:600}
.p0302 .bg .con04 table tbody tr td:last-child {border-right:0;background:#edf3fd;background:#eff5ff;background:#ddd}

/*민관협력형 클라우드*/
.p0303>div:last-of-type {margin-bottom:0 !important;}
.p0303 .con01 {margin:0 auto 150px auto;}
.p0303 .con01 p {line-height:1.5;word-break:keep-all;font-size:18px; text-align:center;}
.p0303 .con01 p span {display:block}
.p0303 .con01 .box {/*margin-top:100px; padding-top:100px; border-top:1px solid rgba(0,0,0,.15);*/text-align:center}
.p0303 .con01 .box h3 {font-size:35px; margin-bottom:40px; font-weight:700;line-height:1;word-break:keep-all}
.p0303 .con01 .box h5 {font-size:25px;margin-bottom:20px ;font-weight:600;word-break:keep-all}
.p0303 .con01 .box01 {padding-top:100px; margin-top:100px; border-top:1px solid rgba(0,0,0,.15)}
.p0303 .stru {margin-top:50px;display:flex;justify-content:space-between;align-items:center}
.p0303 .stru .box{padding:30px;border-radius:15px; background:#f5f5f5;width:calc((100% - 350px) /3)}
.p0303 .stru .box .tit{font-size:20px; font-weight:700;margin-bottom:20px;color:#fff}
.p0303 .stru .box .text{padding:20px;border-radius:15px; background:#fff;font-weight:500;word-break:keep-all}
.p0303 .stru .box:nth-of-type(1){background:#A1E3F9;background:#8bb8ef}
.p0303 .stru .box:nth-of-type(3){background:#578FCA}
.p0303 .stru .box:nth-of-type(5){background:#3674B5}
.p0303 .stru .arrow {}
.p0303 .stru .arrow ul li:first-child {padding-bottom:15px; margin-bottom:20px;position:relative}
.p0303 .stru .arrow ul li:first-child:after{position:absolute;content:"\f061";font-family:"FontAwesomes";content:"\f30b";top:50%;left:50% ;transform:translateX(-50%);font-size:22px;color:#8bb8ef}
.p0303 .stru .arrow ul li:last-child {padding-top:15px;margin-top:20px;position:relative;text-align:center}
.p0303 .stru .arrow ul li:last-child:before{position:absolute;content:"\f060";font-family:"FontAwesomes";content:"\f30a";bottom:50%;left:50% ;transform:translateX(-50%);font-size:22px;color:#578FCA}
.p0303 .stru .arrow02 ul li:first-child:after {color:#578FCA}
.p0303 .stru .arrow02 ul li:last-child:before {color:#3674B5}
.p0303 .bg {background:#f5f5f5;margin:150px auto}
.p0303 .con02 {margin:0 auto;text-align:center;padding:150px 0}
.p0303 .con02 h3 {font-size:35px; margin-bottom:40px; font-weight:700;line-height:1.3;word-break:keep-all}
/*.p0303 .con02 p {line-height:1.5;word-break:keep-all;font-size:18px; text-align:center;}*/
.p0303 .con02 div {display:flex;}
.p0303 .con02 div dl {width:calc((100% - 60px) /3);margin-right:30px;}
.p0303 .con02 div dl:last-child {margin-right:0;}
.p0303 .con02 div dl dt {padding:20px ; border-radius:15px; background:#000;color:#fff;font-size:20px;margin-bottom:15px;}
.p0303 .con02 div dl dd {padding:30px 20px ;border-radius:15px; background:#fff;font-size:18px;}
.p0303 .con02 div dl dd strong {font-weight:700;word-break:keep-all}
.p0303 .con02 div dl dd p {margin-top:10px;word-break:keep-all}


/*클라우드교육*/
.p004>div:last-of-type {margin-bottom:0 !important;}
.p004 .con01 {display:flex;margin:0 auto 150px auto;}
.p004 .con01 .txt {width:calc((100% - 100px) /2);}
.p004 .con01 .txt h3 {font-size:35px;margin-bottom:40px; font-weight:700;line-height:1;}
.p004 .con01 .txt p {line-height:1.5;word-break:keep-all;font-size:18px;margin-bottom:20px;}
.p004 .con01 .txt p span {display:block;}
.p004 .con01 .img {width:calc((100% - 100px) /2); overflow:hidden;margin-right:100px;}
.p004 .con01 .img img {width:100%;}
/*.p004{background:#f5f5f5;margin:150px auto;}*/
.p004 .con02 {margin:150px auto ;text-align:center;/*padding:150px 0;border-top:1px solid rgba(0,0,0,.15)*/}
.p004 .con02 h3 {text-align:center;font-size:35px; font-weight:700;margin-bottom:40px; line-height:1;}
.p004 .con02 p {line-height:1.5;word-break:keep-all;font-size:18px;margin-bottom:20px;}
.p004 .con02 p span {display:block;}
.p004 .con02 .cont {}
.p004 .con02 .cont .box {display:flex;margin-top:50px}
.p004 .con02 .cont .box dl {width:calc((100% - 80px) / 3);margin-right:40px; position:relative;}
.p004 .con02 .cont .box dl:after {content:"\f054";position:absolute;top:35px; right:-35px;transform:translate(-50%, -50%);font-family:"FontAwesomes" ;font-size:1.575rem;color:rgba(0,0,0,.8)}
.p004 .con02 .cont .box dl:last-child {margin:0;}
.p004 .con02 .cont .box dl:last-child:after {display:none;}
.p004 .con02 .cont .box dl dt {padding:20px ;border-radius:15px;font-size:20px;background:#303030;color:#fff}
.p004 .con02 .cont .box dl dd {padding:30px ;border-radius:15px; background:#fff;border:1px solid rgba(0,0,0,.15);background:#f5f5f5;border:0}
.p004 .con02 .cont .box dl dd div {border-radius:15px; padding:20px;background:#f5f5f5;margin-bottom:10px;background:#d5d5d5;word-break:keep-all}
.p004 .con02 .cont .box dl dd div:last-of-type {margin-bottom:0;}
.p004 .con02 .cont .dot {margin-top:30px;text-align:left}
.p004 .con02 .cont .dot li {padding-left:15px;position:relative;word-break:keep-all}
.p004 .con02 .cont .dot li:before {content:"";position:absolute;width:3px ;height:3px;border-radius:50%;background:#333;top:11px;transform:translateY(-50%);left:0}
.p004 .con03 {margin:150px auto;}
.p004 .con03 .tit {text-align:center;}
.p004 .con03 .tit h3 {font-size:35px;font-weight:700;margin-bottom:40px;}
.p004 .con03 .tit ul {display:flex;display:inline-flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:50px;padding:25px 15px;}
/*.p004 .con03 .tit ul li {border-radius:0px; padding:10px 20px;margin:10px; text-align:center;}*/
.p004 .con03 .tit ul li a {padding:10px 20px;margin:10px; text-align:center;border-radius:50px ;font-weight:500;}
.p004 .con03 .tit ul li .active {background:#fff;font-weight:600}
.p004 .con03 .TabWrap .box{display:flex;margin-top:100px;/* padding-top:100px; border-top:1px solid rgba(0,0,0,.15)*/}
.p004 .con03 .Title {width:300px;margin-right:100px;}
.p004 .con03 .Title h4 {font-size:32px; font-weight:700;word-break:keep-all;line-height:1.2}
.p004 .con03 .contant {width:calc(100% - 400px);}
.p004 .con03 .contant dl {margin-bottom:30px;}
.p004 .con03 .contant dl:last-of-type {margin-bottom:0;}
.p004 .con03 .contant dl dt {width:100%; border-radius:15px; background:#f5f5f5;padding:20px; font-size:20px;}
.p004 .con03 .contant dl dd {padding:20px;font-size:18px;word-break:keep-all}
.p004 .con03 .contant dl .img {display:flex;flex-wrap:wrap;}
.p004 .con03 .contant dl .img img {width:calc(50% - 10px);margin-right:20px;}
.p004 .con03 .contant dl .img img:nth-of-type(2n) {margin-right:0;}
.p004 .con03 .contant dl .img img:nth-of-type(n+3){margin-top:20px;}
.p004 .con03 .contant dl dd ul li{margin-bottom:10px;}
.p004 .con03 .contant dl dd ul li:last-child {margin-bottom:0;}
.p004 .con03 .contant dl dd ul li h5 {font-size:18px; font-weight:600;}
.p004 .con03 .contant dl dd ul li p {padding-left:10px;}
.p004 .con03 .line {margin-top:50px;padding-top:50px; border-top:1px solid rgba(0,0,0,.15)}
.p004 .con03 .line ul li {word-break:keep-all;}


/*Data*/
.p005>div:last-of-type {margin-bottom:0 !important;}
.p005 .con01 {margin:0 auto 150px auto;}
.p005 .con01 h3 {font-size:35px; margin-bottom:40px; font-weight:700;line-height:1.2;word-break:keep-all}
.p005 .con01 p {line-height:1.5;word-break:keep-all;font-size:18px; text-align:center;}
.p005 .con01 p span {display:block}
.p005 .bg {background:#f5f5f5;margin:150px auto;}
.p005 .bg .con02 {margin:0 auto; padding:150px 0;}
.p005 .bg .con02 h3 {text-align:center;font-size:35px; font-weight:700;margin-bottom:40px; line-height:1;}
.p005 .bg .con02>ul {display:flex; flex-wrap:wrap;}
.p005 .bg .con02>ul>li {width:calc((100% - 20px) /2);padding:50px 40px; border-radius:15px; margin-right:20px;border:1px solid rgba(0,0,0,.15);display:flex;align-items:center;background:#fff;box-shadow:5px 5px 5px rgba(0,0,0,.15);justify-content:space-between;}
.p005 .bg .con02>ul>li:nth-child(2n+2) {margin-right:0;}
.p005 .bg .con02>ul>li:nth-child(n+3) {margin-top:20px;}
.p005 .bg .con02>ul>li div {width:120px;height:120px; display:flex;align-items:center;justify-content:center;}
.p005 .bg .con02>ul>li dl {width:calc(100% - 150px)}
.p005 .bg .con02>ul>li dl dt {font-size:20px; font-weight:700;}
.p005 .bg .con02>ul>li dl dd {line-height:1.2;font-size:16px;font-weight:400; word-break:keep-all;margin-top:10px;letter-spacing:-0.5px;padding-left:12px;position:relative}
.p005 .bg .con02>ul>li dl dd:before {position:absolute;content:'';width:3px;height:3px; background:#555;left:0;top:8px;border-radius:50%}
.p005 .bg .con02>ul>li dl dd span {font-weight:500;}
.p005 .con03 {margin:150px auto;}
.p005 .con03 h3 {font-size:35px; margin-bottom:40px; font-weight:700;line-height:1.2;word-break:keep-all}

/*Data center*/
.p0501 .con01 .Title {display:flex;}
.p0501 .con01 .Title h3 {width:380px;}
.p0501 .con01 .Title .txt {width:calc(100% - 430px);margin-left:50px;font-size:18px;word-break:keep-all;}
.p0501 .con01 .box {margin-top:100px; padding-top:100px; border-top:1px solid rgba(0,0,0,.15);}
.p0501 .con01 .box h3 {text-align:center;}
.p0501 .con01 .box p {font-size:18px;}
.p0501 .con01 .box p span {display:block}
.p0501 .con01 .box>ul {display:flex;margin-top:50px;}
.p0501 .con01 .box>ul>li {width:calc((100% - 60px) /3);margin-right:30px;text-align:center;position:relative;padding-right:20px;}
.p0501 .con01 .box>ul>li:last-child{margin:0 !important;padding:0 !important}
.p0501 .con01 .box>ul>li:after {content:"\f054";position:absolute;top:20px;right:0;font-family:"FontAwesomes";color:rgba(0,0,0,.15);font-size:30px}
.p0501 .con01 .box>ul>li:last-child:after {display:none}
.p0501 .con01 .box>ul>li dl {padding:0 30px;margin-top:20px;}
.p0501 .con01 .box>ul>li dl dt{font-size:18px; margin-bottom:10px}
.p0501 .con01 .box>ul>li dl dd{word-break:keep-all;line-height:1.5;text-align:left;padding-left:15px;position:relative;}
.p0501 .con01 .box>ul>li dl dd:before{position:absolute;content:"";width:4px; height:4px; background:#333;top:9px;left:0;border-radius:50%}
.p0501 .bg .con02 p {text-align:center;word-break:keep-all}
.p0501 .bg .con02 .box {margin-top:50px;}
.p0501 .bg .con02 .box>li {width:calc((100% - 60px) /3);margin:0 !important;margin-right:30px !important;flex-direction:column; justify-content:normal;padding:40px;}
.p0501 .bg .con02 .box>li:nth-child(3n) {margin-right:0 !important;}
.p0501 .bg .con02 .box>li:nth-child(n+4) {margin-top:30px !important;}
.p0501 .bg .con02 .box>li h4 {font-weight:700;padding-bottom:10px ;margin-bottom:15px; border-bottom:1px solid rgba(0,0,0,.15);text-align:center;width:100%}
.p0501 .bg .con02 .box>li ul {width:100%;}
.p0501 .bg .con02 .box>li ul li {word-break:keep-all;line-height:1.5 ;padding-left:15px; position:relative;}
.p0501 .bg .con02 .box>li ul li:before {position:absolute;content:"";width:4px; height:4px; background:#555;top:9px;left:0;border-radius:50%}
.p0501 .con03 .Title {display:flex;}
.p0501 .con03 .Title h3 {width:380px;}
.p0501 .con03 .Title .txt {width:calc(100% - 430px);margin-left:50px;font-size:18px;word-break:keep-all;}

/*GPU server*/
.p0502 .con01 h3 {text-align:center;}
.p0502 .con01 .box {margin-top:100px;padding-top:100px; border-top:1px solid rgba(0,0,0,.15);display:flex;flex-wrap:wrap}
.p0502 .con01 .box h3 {width:100%;}
.p0502 .con01 .box .title {width:400px;margin-right:100px; }
.p0502 .con01 .box .title p {text-align:left;}
.p0502 .con01 .box h3 {text-align:left;word-break:keep-all;line-height:1.3;}
.p0502 .con01 .box .content {width:calc(100% - 500px);}
.p0502 .con01 .box .content p {text-align:left;}
.p0502 .con01 .box .content .t_box {margin-top:50px;display:flex;flex-wrap:wrap}
.p0502 .con01 .box .content .t_box>li {margin-bottom:20px;width:calc((100% - 20px) /2);margin-right:20px}
.p0502 .con01 .box .content .t_box>li:nth-child(2n) {margin-right:0;}
.p0502 .con01 .box .content .t_box>li:last-child{margin-bottom:0;}
.p0502 .con01 .box .content .t_box li dl dt{padding:20px;border-radius:15px; background:#f5f5f5;font-size:20px;}
.p0502 .con01 .box .content .t_box li dl dd{padding:20px;word-break:keep-all;line-height:1.3;background:#e5e5e5;border-radius:15px}
.p0502 .con01 .box .content .t_box li dl dd p {font-size:inherit;}
.p0502 .con01 .box .content .t_box li dl dd ul {margin-top:5px;}
.p0502 .con01 .box .content .t_box li dl dd ul li{position:relative;padding-left:13px;}
.p0502 .con01 .box .content .t_box li dl dd ul li:before{ position:absolute;content:'';width:3px;height:3px; background:#555;left:0;top:8px;border-radius:50%}
.p0502 .con01 .box .img {border-radius:20px; overflow:hidden;}
.p0502 .con01 .box .img img{width:100%;}
.p0502 .con03 h3 {text-align:center;}
.p0502 .con03>ul {display:flex;flex-wrap:wrap}
.p0502 .con03>ul>li {width:calc((100% - 40px) /3);margin-right:20px;border:1px solid rgba(0,0,0,.15);overflow:hidden;border-radius:10px;}
.p0502 .con03>ul>li:last-child{ margin:0 !important;}
.p0502 .con03>ul>li dl {}
.p0502 .con03>ul>li dl dt {font-size:20px;text-align:center;background:#f5f5f5;padding:20px 0}
.p0502 .con03>ul>li dl dd img {width:100%;}


/*솔루션&서비스 공통*/
.p006>div:last-of-type {margin-bottom:0 !important;}
.p006 .con01 {margin:0 auto 150px auto;}
.p006 .con01 h3 {font-size:35px; margin-bottom:40px;font-weight:700;line-height:1}
.p006 .con01 .logo {width:400px;border:1px solid rgba(0,0,0,.15);padding:30px 20px;align-content:center;}
.p006 .con01 .logo img {margin:auto;display:block}
.p006 .con01 .cont {width:calc(100% - 500px);margin-left:100px;}
.p006 .con01 p {line-height:1.5;word-break:keep-all;font-size:18px;text-align:center;}
.p006 .con01 p span {display:block;}
.p006 .con01 .cont p {text-align:left;}
.p006 .con01 .cont a {margin-top:50px;height:50px;display:flex;align-items:center;justify-content:center;width:170px;border:1px solid rgba(0,0,0,.15);border-radius:5px;}
.p006 .con01 .cont a:hover {font-weight:600;border:1px solid #777;}
.p006 .bg {background:#f5f5f5;margin:150px auto;}
.p006 .bg .con02 {margin:0 auto;padding:150px 0;}
.p006 .bg .con02 h3 {text-align:center;font-size:35px; font-weight:700;margin-bottom:40px;line-height:1}
.p006 .bg .con02>ul {display:flex; flex-wrap:wrap;}
.p006 .bg .con02>ul>li {width:calc((100% - 20px) /2);padding:50px 40px; border-radius:15px; margin-right:20px;border:1px solid rgba(0,0,0,.15);display:flex;align-items:center;background:#fff;box-shadow:5px 5px 5px rgba(0,0,0,.15);justify-content:space-between;word-break:keep-all}
.p006 .bg .con02>ul>li:nth-child(2n+2) {margin-right:0;}
.p006 .bg .con02>ul>li:nth-child(n+3) {margin-top:20px;}
.p006 .bg .con02>ul>li div {width:120px;height:120px; display:flex;align-items:center;justify-content:center;}
.p006 .bg .con02>ul>li dl {width:calc(100% - 150px)}
.p006 .bg .con02>ul>li dl dt {font-size:20px; font-weight:700;}
.p006 .bg .con02>ul>li dl dd {line-height:1.2;font-size:16px;font-weight:400; word-break:keep-all;margin-top:10px;letter-spacing:-0.5px;padding-left:12px;position:relative}
.p006 .bg .con02>ul>li dl dd:before {position:absolute;content:'';width:3px;height:3px; background:#555;left:0;top:8px;border-radius:50%}
.p006 .bg .con02>ul>li dl dd span {font-weight:500;}
.p006 .con03 {margin:150px auto;}
.p006 .con03 h3 {font-size:35px; margin-bottom:40px; font-weight:700;line-height:1}
.p006 .con03 .cont {display:flex;flex-wrap:wrap;}
.p006 .con03 .cont li{width:calc((100% - 40px) /3);margin-right:20px; }
.p006 .con03 .cont li:nth-child(3n) {margin-right:0;}
.p006 .con03 .cont li:nth-child(n+4){margin-top:20px;}
.p006 .con03 .cont li dl {height:100%; border:1px solid rgba(0,0,0,.15);border-radius:30px;overflow:hidden;text-align:center}
.p006 .con03 .cont li dl dt {line-height:1.2;background:#f5f5f5;padding:20px 40px;}
.p006 .con03 .cont li dl dd {line-height:1.2; padding:20px 40px;word-break:keep-all;}
.p006 .con04 {margin:150px auto;}
.p006 .con04 h3 {font-size:35px;margin-bottom:40px;font-weight:700;line-height:1}
.p006 .number {display:flex;}
.p006 .number h3 {font-size:35px;margin-bottom:40px; font-weight:700;width:270px;line-height:1}
.p006 .number>div {width:calc(100% - 370px);margin-left:100px;}
.p006 .number ul li {display:flex;align-items:center;min-height:150px; padding:30px 50px; background:#f5f5f5;margin-bottom:20px;}
.p006 .number ul li:last-child {margin-bottom:0;}
.p006 .number ul li .circle{display:flex;justify-content:center;align-items:center;height:70px;width:70px; font-weight:700;color:#e40918;margin-right:30px; background:#fff;border-radius:50%;box-shadow:0 0 5px rgba(34,34,34,.1);font-size:20px;}
.p006 .number ul li dt {margin-bottom:10px;}

/*클라우드매니지드*/
.p0601 .con01 h3 {text-align:center;}
.p0601 .con02 p {text-align:center;}
.p0601 .con02 .box {margin-top:40px;display:flex;flex-wrap:wrap}
.p0601 .con02 .box dl{width:calc((100% - 60px) /3);margin-right:30px; border-radius:20px;background:#fff;padding:30px 40px; text-align:center;word-break:keep-all;border:1px solid rgba(0,0,0,.15);box-shadow:5px 5px 5px rgba(0,0,0,.15)}
.p0601 .con02 .box dl:nth-child(3n){margin-right:0;}
.p0601 .con02 .box dl:nth-child(n+4) {margin-top:30px;}
.p0601 .con02 .box dl dt {margin-bottom:20px;word-break:keep-all}
.p0601 .con02 .box dl dt img {width:45px;}
.p0601 .con03 h3 {text-align:center;}
.p0601 .con03 table {width:100%;border-top:2px solid #333;}
.p0601 .con03 table thead tr th {font-weight:600;text-align:center;padding:20px 10px; border-bottom:1px solid rgba(0,0,0,.15);border-right:1px solid rgba(0,0,0,.15);}
.p0601 .con03 table thead tr th:last-child {border-right:0;}
.p0601 .con03 table tbody tr td {text-align:center;padding:20px 10px; border-bottom:1px solid rgba(0,0,0,.15);border-right:1px solid rgba(0,0,0,.15);}
.p0601 .con03 table thead tr th:nth-child(2), .p0601 .con03 table tbody tr td:nth-child(2){background:#fff3f3;background:#f5f5f5}
.p0601 .con03 table thead tr th:nth-child(3), .p0601 .con03 table tbody tr td:nth-child(3){background:#ffe0e0;background:#e5e5e5}
.p0601 .con03 table thead tr th:last-child, .p0601 .con03 table tbody tr td:last-child {border-right:0;background:#ffc4c4;background:#d5d5d5}
.p0601 .con03 table tbody tr td i {color:rgba(0,0,0,.8);}

/*인프라관제서비스*/
.p0602 .con01 h5 {text-align:center;font-size:18px;margin-bottom:20px;}
.p0602 .con01 .process {margin-top:100px;display:flex;}
.p0602 .con01 .process h3 {width:300px; margin-right:50px;}
.p0602 .con01 .process div {border:1px solid rgba(0,0,0,.15);padding:5%;display:flex;justify-content:center;width:calc(100% - 350px);}
.p0602 .con01 .process div img {width:100%;}
.p0602 .bg .con02>ul>li{width: calc((100% - 100px) /5);margin-right:20px !important;margin-top:0 !important;padding:30px !important; flex-direction:column;align-items:flex-start;}
.p0602 .bg .con02>ul>Li span {color:#e40918;font-weight:700;font-family: 'Paperlogy-8ExtraBold';}
.p0602 .bg .con02>ul>li p {margin-top:15px;}
.p0602 .con03 h3 {text-align:center;}
.p0602 .con03>ul {display:flex;flex-wrap:wrap;}
.p0602 .con03>ul>li {width:calc((100% - 60px)/3);margin-right:30px ;justify-content:center;border-radius:20px; padding: 50px 40px; text-align:center;word-break:keep-all;border:1px solid rgba(0,0,0,.15)}
.p0602 .con03>ul>li:nth-child(3n) {margin-right:0}
.p0602 .con03>ul>li:nth-child(n+4){margin-top:30px}
.p0602 .con03>ul>li div {width:initial;height:auto;margin-bottom:15px;}
.p0602 .con03>ul>li dl {width:initial;text-align:center; }
.p0602 .con03>ul>li dl dt {font-size:20px; font-weight:700}
.p0602 .con03>ul>li dl dd {line-height:1.2;font-size:17px; font-weight:400;word-break:keep-all;margin-top:10px; letter-spacing :-0.5px; }

/*매니지드쿠버네티스*/
.p0603 .con01 h3 {text-align:center;}
.p0603 .con01 .difference {margin-top:100px;display:flex;}
.p0603 .con01 .difference h3 {width:300px;margin-right:50px;text-align:left}
.p0603 .con01 .difference>ul {width:calc(100% - 350px);display:flex;}
.p0603 .con01 .difference>ul>li {width:calc((100% - 30px) /2);margin-right:30px;border:1px solid rgba(0,0,0,.15);border-radius:20px; overflow:hidden;text-align:center;}
.p0603 .con01 .difference>ul>li:last-child{margin-right:0;}
.p0603 .con01 .difference>ul>li .title {line-height:1.2;background:#f5f5f5;padding:20px 40px; font-weight:700;font-size:18px;}
.p0603 .con01 .difference>ul>li .box {padding:40px;}
.p0603 .con01 .difference>ul>li .img {}
.p0603 .con01 .difference>ul>li .img img {width:100%;}
.p0603 .con01 .difference>ul>li .line {margin-top:30px;padding-top:30px; border-top:1px solid rgba(0,0,0,.15);}
.p0603 .con01 .difference>ul>li .line dt {margin-bottom:10px;}
.p0603 .con03 {text-align:center;}
/*.p0603 .con03 p {font-size:18px;}*/
.p0603 .con03 .img {border:1px solid rgba(0,0,0,.15);padding:5%;display:flex;justify-content:center;margin-top:50px;}
/*.p0603 .con03 .img img {width:100%;}*/

/*MSA컨설팅*/
.p0604 .con01 h3 {text-align:center;}
.p0604 .con01>ul {display:flex;margin-top:50px;flex-wrap:wrap}
/*.p0604 .con01>ul .box {border:1px solid rgba(0,0,0,.15);padding:50px 40px; width:calc((100% - 60px)/ 3);margin-right:30px; border-radius:20px;text-align:center;}*/
/*.p0604 .con01>ul .box:last-child {margin-right:0;}*/
/*.p0604 .con01>ul .box .txt {margin-top:15px;}*/
/*.p0604 .con01>ul .box .txt h4 {font-size:20px; font-weight:700}*/
/*.p0604 .con01>ul .box .txt ul {margin-top:5px; word-break:keep-all;text-align:left;line-height:1.5}*/
/*.p0604 .con01>ul .box .txt ul li {position:relative;padding-left:15px; padding-top:5px}*/
/*.p0604 .con01>ul .box .txt ul li:before {position:absolute;content:"";width:4px; height:4px ;border-radius:50%;background:#333;top:50%;left:0;transform:translateX(50%)}*/
.p0604 .con01 ul li {width:calc((100% - 60px) /3);margin-right:30px;}
.p0604 .con01 ul li:last-child {margin-right:0;}
.p0604 .con01 ul li dl {border:1px solid rgba(0,0,0,.15);border-radius:20px; overflow:hidden;}
.p0604 .con01 ul li dl dt {line-height:1.2;background:#f5f5f5;padding:20px 40px;text-align:center;}
.p0604 .con01 ul li dl dd {line-height:1.2;padding:20px 40px;word-break:keep-all;}
.p0604 .con01 ul li dl dd p {padding:0 0 8px 15px; position:relative;line-height:1.2;text-align:left;font-size:inherit}
.p0604 .con01 ul li dl dd p:before {position:absolute;content:"";width:3px; height:3px;background:#333;border-radius:50%;top:8px;left:0;}
.p0604 .con01 .msa {margin-top:100px; padding-top:100px; border-top:1px solid rgba(0,0,0,.15);}
.p0604 .con01 .msa .img {border:1px solid rgba(0,0,0,.15);padding:5%;display:flex;justify-content:center;margin-top:50px;}

/*네이버웍스*/
.p0605 .video {overflow:hidden;}
.p0605 .video video {width:100% }
.p0605 .con03 .Tab{display:table; text-align:center; height:50px; margin-bottom:20px;width:100%;line-height:50px;}
.p0605 .con03 .Tab li {display:table-cell;border-bottom:1px solid #dedede;padding:0;width:20%;}
.p0605 .con03 .Tab a {position:relative;}
.p0605 .con03 .Tab a {display:inline-block;width:100%;font-size:1em;text-align:center;height:100%;}
.p0605 .con03 .Tab .active {font-weight:700;border-bottom:3px solid #333;box-sizing:border-box;}
.p0605 .con03 .TabWrap .Tit {margin-bottom:30px;}
.p0605 .con03 .TabWrap .Tit h4 {font-size:30px;font-weight:600;margin: 0 0 10px 0;}
.p0605 .con03 .TabWrap .Tit p {font-size:18px;}
.p0605 .con03 .TabWrap .Sub h4 {font-weight:600;margin-bottom:10px;}
.p0605 .con03 .TabWrap .Sub ul {display:flex;flex-wrap:wrap;}
.p0605 .con03 .TabWrap .Sub ul li {display:flex;flex-direction:column;padding:0 15px;align-items:center}
.p0605 .con03 .TabWrap .Sub ul li:first-child {padding-left:0;}
.p0605 .con03 .TabWrap .Sub ul li img {width:30px;margin-bottom:8px}
.p0605 .con03 .plan {display:flex;margin-top:30px;margin-bottom:30px}
.p0605 .con03 .plan>div {width:calc((100% - 60px) /4);margin-right:20px;border:1px solid rgba(0,0,0,.15);border-radius:8px ;overflow:hidden}
.p0605 .con03 .plan>div:last-of-type {margin-right:0;}
.p0605 .con03 .plan .num>div:first-of-type {background:#f9fafc;padding:50px 40px 35px 40px;background:#f5f5f5}
.p0605 .con03 .plan .box {padding:35px 40px;}
.p0605 .con03 .plan .box h6 {font-size:26px; line-height:1.5; letter-spacing:-0.5px;font-weight:700}
.p0605 .con03 .plan .box h5 {font-size:32px; line-height:1.5; letter-spacing:-0.5px;font-weight:800;margin:10px 0 15px 0}
.p0605 .con03 .plan .box span { line-height:1; letter-spacing:-0.5px ;color:#777;}
.p0605 .con03 .plan .box p{margin:15px 0 0 0;font-weight:500;word-break:keep-all;}
.p0605 .con03 .plan .box01 {display:flex;flex-direction: column;justify-content: space-between;}
.p0605 .con03 .plan .box01>ul {width:100%;}
.p0605 .con03 .plan .box01 ul li {margin-bottom:25px;}
.p0605 .con03 .plan .box01 ul li:last-child{margin-bottom:0;}
.p0605 .con03 .plan .box01 ul li dl dt {padding-bottom:15px;}
.p0605 .con03 .plan .box01 ul li dl dt span {color:#007BFF;}
.p0605 .con03 .plan .box01 ul li dl dd {line-height:1.5;word-break:keep-all;padding:0 0 10px 25px}
.p0605 .con03 .plan .box01 ul li dl dd:before { font-family:"FontAwesomes";content:'\f00c';font-weight:400;font-size:13px; position:absolute;left:0;color:#007BFF}
.p0605 .con03 .plan .box01 ul li dl dd:last-of-type {padding-bottom:0;}
.p0605 .con03 .plan .box01 ul li dl dd .dot li {position:relative;padding:4px 0 4px 13px;margin:0;}
.p0605 .con03 .plan .box01 ul li dl dd .dot li:before {content:'';position:absolute;top:15px; left:0;background:#888;width:3px;height:3px;border-radius:50%;}
.p0605 .con03 .plan .box01 .Sub {width:100%;}
.p0605 .con03 .plan .box01 .Sub ul li {margin-bottom:0;}
.p0605 .con03 .plan .box01 .Sub ul li p {margin:0;}

.p0605 .con03 .plan em {background:#007bff;color:#fff;position:absolute;padding:7px 40px;width:100%;}
.p0605 .con03 #tab01 .box01 {min-height:750px}
.p0605 .con03 #tab01 .num03{border:1px solid #007BFF;position:relative;}
.p0605 .con03 .dot li {position:relative;padding:4px 0 4px 13px;margin:0;}
.p0605 .con03 .dot li:before {content:'';position:absolute;top:13px; left:0;background:#888;width:3px;height:3px;border-radius:50%;}
.p0605 .con03 #tab02 .plan>div {width:calc((100% - 40px)/3);}
.p0605 .con03 #tab02 .plan .num>div:first-of-type {min-height:280px;}
.p0605 .con03 #tab02 .num03 {border:1px solid #007bff;position:relative;}
.p0605 .con03 #tab03 .plan>div {width:calc((100% - 40px)/3);}
.p0605 .con03 #tab03 .num01 {border:1px solid #007bff;position:relative;}
.p0605 .con03 #tab04 .plan {margin-bottom:20px;}
.p0605 .con03 #tab04 .plan .num>div:first-of-type {min-height:310px;}
.p0605 .con03 #tab04 .num02 {border:1px solid #007bff;position:relative;}
.p0605 .con03 #tab04 .t_box {border:1px solid rgba(0,0,0,.15);border-radius:8px; overflow:hidden;margin-bottom:30px;}
.p0605 .con03 #tab04 .t_box dl {display:flex;}
.p0605 .con03 #tab04 .t_box dt {width:calc(25% - 20px) ;padding:35px 40px;background:#f9fafc;background:#f5f5f5}
.p0605 .con03 #tab04 .t_box dd {padding:35px 40px 35px 40px;}

/*kt biz*/
.p0606 .con01 h5 {text-align:center;font-size:18px;margin-bottom:20px;}
.p0606 .con04 h3 {font-size:35px;margin-bottom:40px; font-weight:700;}
.p0606 .con04 .cont .box {display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;}
.p0606 .con04 .cont .box>div {width:50%;overflow:hidden;}
.p0606 .con04 .cont .box>div:nth-of-type(2){margin-left:50px;}
.p0606 .con04 .cont .box01 {margin-bottom:0;}
.p0606 .con04 .cont .box01>div:nth-of-type(2){margin:0;}
.p0606 .con04 .cont .img {background:#f5f5f5;padding:40px 50px; display:flex;justify-content:center}
.p0606 .con04 .cont .img img {width:70%;}
.p0606 .con04 .cont div dl dt {font-size:22px; margin-bottom:15px}
.p0606 .con04 .cont div dl dd {font-size:18px; line-height:1.5}
.p0606 .con05 {margin:auto;}

/*DaaS*/
.p0607 .con01 h3 {text-align:center;}
.p0607 .con01 ul {display:flex;margin-top:50px;}
.p0607 .con01 ul li {width:calc((100% - 90px) /4);margin-right:30px; border-radius:20px; border:1px solid rgba(0,0,0,.15);text-align:center;padding:40px;word-break:keep-all;}
.p0607 .con01 ul li:last-child {margin-right:0}
.p0607 .con01 ul li div>div {height:60px;}
.p0607 .con01 ul li div div img {height:100%}
.p0607 .con01 ul li dl {margin-top:20px;}
.p0607 .con01 ul li dl dt {font-size:18px;margin-bottom:10px}
.p0607 .con01 ul li dl dd {text-align:left;position:relative;padding-left:15px; line-height:1.5}
.p0607 .con01 ul li dl dd:before {position:absolute;content:"";width:5px; height:2px; background:#333;top:11px;left:0;}
.p0607 .con03 {text-align:center;}
.p0607 .con03 .img {border:1px solid rgba(0,0,0,.15);padding:5%;display:flex;justify-content:center;margin-top:50px;}

/*EMASS AI*/
.p0608 .con01 .tit{display:flex;margin-bottom:80px;}
.p0608 .con01 .map {margin-bottom:40px;}
.p0608 .con01 .map>div {padding:5%;background:#f5f5f5;display:flex;justify-content:center;}
/*.p0608 .con01 .map img {width:100%;}*/
.p0608 .con01 .company {margin-top:100px;padding-top:100px; border-top:1px solid rgba(0,0,0,.15);}
.p0608 .con01 .company>div {border:1px solid rgba(0,0,0,.15);padding:5%;}
.p0608 .con01 .company .logo {border:none;padding:0;align-content:inherit;margin:0 auto 40px }
/*.p0608 .con01 .company .logo img {margin:inherit}*/
.p0608 .con01 .company .cont {width:100%;margin:0 auto;}
.p0608 .con01 .company .cont p {text-align:center;}
.p0608 .con03 .cont li dl dd {text-align:left;}
.p0608 .con03 .cont li dl dd p {padding:0 0 8px 15px; position:relative; line-height:1.2;}
.p0608 .con03 .cont li dl dd p:before {position:absolute;background:#555;width:3px; height:3px; border-radius:50%;left:0;top:8px;content:'';}
.p0608 .con04 h3 {font-size:35px; margin-bottom:40px; font-weight:700;}
.p0608 .con04 table {width:100%;border-top: 2px solid #333;margin-bottom:30px}
.p0608 .con04 table thead tr th {font-weight:600;text-align:center;padding:20px 10px ;border-bottom:1px solid rgba(0,0,0,.15);border-right:1px solid rgba(0,0,0,.15);background:#f5f5f5}
.p0608 .con04 table thead tr th:last-child {border-right:none;}
.p0608 .con04 table tbody tr td {font-weight:500;text-align:center;padding:20px 10px ;border-bottom:1px solid rgba(0,0,0,.15);border-right:1px solid rgba(0,0,0,.15);}
.p0608 .con04 table tbody tr td:last-child {border-right:none;}
.p0608 .con04 .dot li {position:relative;padding:4px 0 4px 13px;margin:0;}
.p0608 .con04 .dot li:before {content:'';position:absolute;top:13px; left:0;background:#888;width:3px;height:3px;border-radius:50%;}

/*중대재해통합관리플랫폼*/
.p0609 .con01 {display:flex;}
.p0609 .chart {margin-top:50px;}
.p0609 .chart h3 {position:relative;padding:20px; border-radius:15px ;color:#fff;background:#666;font-size:18px;margin:0 auto;word-break:keep-all;width:300px;font-weight:500}
.p0609 .chart h3:before {content:"";display:block;background:#aaa;width:1px; position:absolute;left:50%;top:100%;height:40px}
.p0609 .chart ul {display:flex;margin-top:80px;position:relative;}
.p0609 .chart ul:before {content:"";position:absolute;left:50%;width:70%;height:1px; background:#aaa;transform:translateX(-50%);top:-40px;}
.p0609 .chart ul li {width:calc((100% - 120px) /3 );position:relative;margin-right:60px}
.p0609 .chart ul li:last-child {margin-right:0;}
.p0609 .chart ul li:before {content:"";background:#aaa;position:absolute;left:50%;width:1px;top:-40px ;height:40px;}
.p0609 .chart ul li:after {content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:5px; height:5px;background:#333;border-radius:50%;margin-bottom:37px;}
.p0609 .chart ul li dl {border:1px solid rgba(0,0,0,.1);border-radius:10px ;}
.p0609 .chart ul li dl dt{color:#fff;background:#666;padding:15px 0 ;border-radius:10px 10px 0 0;}
.p0609 .chart ul li dl dd{padding:10px 0;}
.p0609 .con04 {display:flex;}
.p0609 .con04 h3 {font-size:35px;margin-bottom:40px; font-weight:700;width:270px;}
.p0609 .con04 div{width:calc(100% - 370px);margin-left:100px}
.p0609 .con04 .dot li {position:relative;padding:4px 0 4px 13px;margin:0;}
.p0609 .con04 .dot li:before {content:'';position:absolute;top:13px; left:0;background:#888;width:3px;height:3px;border-radius:50%;}

/*독갑이커리어플래너*/
.p0610 .con01 {display:flex;}
.p0610 .bg .con02>ul>li dl dd {display:none}
.p0610 .con04 .plan {display:flex;margin-bottom:30px;}
.p0610 .con04 .plan>div {width:calc((100% - 40px) /3);margin-right:20px; border:1px solid rgba(0,0,0,.15);border-radius:8px;overflow:hidden;}
.p0610 .con04 .plan>div:last-of-type {margin-right:0;}
.p0610 .con04 .plan .box {padding:35px 40px;min-height:240px;display:flex;flex-direction:column;justify-content:space-between;}
.p0610 .con04 .plan .num>div:first-of-type {background:#06c25e;background:#f5f5f5;padding: 40px 40px 40px 40px;}
.p0610 .con04 .plan .box h6 {font-size:26px; line-height:1.5 ;letter-spacing:-0.5px; font-weight:700;}
.p0610 .con04 .plan .box p {margin:15px 0 0 0 ;font-weight:keep-all;font-weight:500;}
.p0610 .con04 .plan .box h5 {font-size:32px; line-height:1.5;letter-spacing:-0.5px;font-weight:800;margin:10px 0 0 0 ;}
.p0610 .con04 .plan .box01 {display:flex;}
.p0610 .con04 .plan .box01>ul {width:100%;}
.p0610 .con04 .plan .box01 ul li dl dt {padding-bottom:15px;}
.p0610 .con04 .plan .box01 ul li dl dd {line-height:1.5;word-break:keep-all;padding:0 0 10px 25px; }
.p0610 .con04 .plan .box01 ul li dl dd:last-of-type {padding-bottom:0;}
.p0610 .con04 .plan .box01 ul li dl dd:before {font-family:"FontAwesomes";content:'\f00c';font-weight:400;font-size:13px; position:absolute;left:0;color:#06c25e}
.p0610 .con04 .text ul li {padding:0 0 5px 15px;position:relative;}
.p0610 .con04 .text ul li:before {font-family:"FontAwesomes";content:'\21';font-weight:400;position:absolute;left:0;}



/*블로그*/
#sub_t001005 .docThumb .cell {width:33.333% !important;}

/*고객사례*/
#sub_t001007 #listForm .docThumb .cell .viewImage p a {height:130px; align-content:center;}

#listForm #docListBasic thead tr th {line-height:1;font-size:16px; padding:22px 10px;}
#listForm #docListBasic tbody tr td {height:auto;font-size:16px; padding:22px 10px;}

.docThumb .cell .center .title a {font-weight:500 !important;}
.docThumb .cell .center .nameAndDate .date span{font-family:'Pretendard' !important;}

.boardInput #bbsform .table_basic {margin-bottom:20px;}
.btnPack.xlarge, .docInput .center .btnPack, .boardInput .center .btnPack {border-radius:8px;height:55px; line-height:55px;}
.boardInput .center .btnPack {border:none;}

/*버튼*/
.docBottom .pageNavigation a {padding:0;width:35px ;height:35px;font-family:'Pretendard' ;line-height:35px;border-radius:5px;font-size:14px;background:#f5f5f5 !important;color:#888 !important;border:0}
.docBottom .pageNavigation strong{padding:0;width:35px ;height:35px;font-family:'Pretendard' ;line-height:35px;border-radius:5px;font-size:14px;border:1px solid #666;background:#fff !important;color:inherit !important}
.docBottom .searchBox select {border-radius:5px; padding:5px 8px;height:42px;}
.docBottom .searchBox input {border-radius:5px; padding:5px 8px;height:42px;}
.docBottom .searchBox .btnPack {border-radius:5px;width:55px; height:42px !important;}




@media only screen and (max-width: 1600px) {
.p0101 .con01 span {display:inline;}
.p0101 .con02 .box .box01 {width:calc(50% - 100px);}
.p0101 .con02 .box .box01 ul {padding:2em;}
.p0101 .con02 .box .box02 ul{ padding:2em}

.p0301 .con01 .img img {width:100%;}
.p0301 .bg .con02 .box02 ul {width:calc(100% - 400px)}

.p0302 .con01 .img img {width:100%;}

.p0303 .stru .box {width:calc((100% - 300px)/3);padding:25px}

.p0602 .con01 .process div img {width:100%;}
.p0603 .con03 .img img {width:100%;}
.p0604 .con01 .msa .img img {width:100%;}
.p0607 .con03 .img img {width:100%;}
.p0608 .con01 .map div img {width:100%}

.p0602 .bg .con02>ul>li {justify-content:flex-start;}

.p0607 .con01 ul li div>div {height:auto;}

}

@media only screen and (max-width: 1400px) {
.p0101 .container {width:calc(100% - 100px); padding:0;padding:0 25px}
.p0101 .con04 ul li {width:calc((100% - 40px) / 5);margin-right:20px;padding:0}

.p0102 h1 {font-size:68px;margin-right:180px;}

#container>.container{width:calc(100% - 100px);padding:0 25px;}

/*#sub_t002001,#sub {width:100%;}*/
/*.p002 div h3 {width:25% ;}*/
/*.p002 .cont {width:calc(75% - 50px);}*/
/*.p002 .box01 .logo {width:25%;}*/
.p002>div {width:100%;margin-right:0;margin-left:0;}
.p002 .box01 .logo {width:250px}
.p002 .box01 .cont {width:calc(100% - 350px);}
.p002 div h3 {width:250px;}
.p002 .cont {width:calc(100% - 350px);}

.p0202 .box02 dl {padding:25px 0;}
.p0202 .box02 dd p {margin:0;}
.p0203 .box02 dl {padding:25px 0;}
.p0203 .box02 dd p {margin:0}
.p0205 .box02 dl {padding:25px 0;}
.p0205 .box02 dd p {margin:0}

.p0301 .con01 {width:calc(100% - 100px);}
.p0301 .bg .con02 {width:calc(100% - 100px);}
.p0301 .bg .con02 .box02 ul {width:calc(100% - 300px)}

.p0302 .con01 {width:calc(100% - 100px);}
.p0302 .bg .con02 {width:calc(100% - 100px);}
.p0302 .bg .con02>ul>li {padding:40px;}
.p0302 .con03 {width:calc(100% - 100px);}
.p0302 .con03 h3{width:350px;}
.p0302 .con03 div {width:calc(100% - 450px)}
.p0302 .bg .con04 {width:calc(100% - 100px);}

.p0303 .con01 {width:calc(100% - 100px);}
.p0303 .stru {margin-top:45px;}
.p0303 .bg .con02 {width:calc(100% - 100px);}

.p004 .con01 .img {width:calc((100% - 50px) /2);margin-right:50px;}
.p004 .con01 .txt {width:calc((100% - 50px) /2);}
.p004 .con02 {width:calc(100% - 100px);}
.p004 .con03 {width:calc(100% - 100px);}
.p004 .con03 .Title {width:250px;margin-right:50px;}
.p004 .con03 .Title h4 {font-size:30px;}
.p004 .con03 .contant {width:calc(100% - 300px);}


.p0501 .con01 {width:calc(100% - 100px);}
.p0501 .con01 .Title h3 {width:330px;}
.p0501 .con01 .Title .txt {width:calc(100% - 380px);}
.p0501 .bg .con02 {width:calc(100% - 100px);}
.p0501 .con03 {width:calc(100% - 100px);}
.p0501 .con03 .Title h3 {width:330px;}
.p0501 .con03 .Title .txt {width:calc(100% - 380px);}

.p0502 .con01 {width:calc(100% - 100px);}
/*.p0502 .con01 .box h3 { margin-right:50px;}*/
.p0502 .con01 .box .title {width:350px}
.p0502 .con01 .box .content {width:calc(100% - 450px)}
.p0502 .con01 .box .content .t_box {margin-top:45px;}
.p0502 .bg .con02 {width:calc(100% - 100px);}
.p0502 .bg .con02>ul>li {padding:40px;}


.p006 .con01 {width:calc(100% - 100px);}
.p006 .con01 .logo {width:300px;}
.p006 .con01 .cont {width:calc(100% - 400px)}
.p006 .bg .con02 {width:calc(100% - 100px);}
.p006 .bg .con02>ul>li {padding:40px}
.p006 .con03 {width:calc(100% - 100px);}
.p006 .con04 {width:calc(100% - 100px);}
.p006 .con05 {width:calc(100% - 100px);}

.p0604 .con01 ul li {width:calc((100% - 40px)/3);margin-right:20px;}

.p0607 .con01 ul li {padding:30px;}
}

@media only screen and (max-width: 1200px) {
#listForm #docListBasic thead tr th,#listForm #docListBasic tbody tr td {padding:17px 10px;}

.p0101 .container.con01 {margin-top:0 !important;}
.p0101 .con02 {margin-top:120px !important;}
.p0101 .con02 .container>div {margin:120px 0 !important;}
.p0101 .con02 .tit h4 {font-size:40px; margin-bottom:30px;}
.p0101 .con02 .tit p {font-size:21px;}
.p0101 .con02 .titbox {margin-top:40px !important}
.p0101 .con02 .box {flex-wrap:wrap;justify-content:center;margin-top:40px !important;}
.p0101 .con02 .box>div {width:100% !important;}
.p0101 .con02 .box .box01 {max-width:500px;}
.p0101 .con02 .box .box02 {margin-top:100px;}
.p0101 .con02 .box .box02:before{left:48%; top:-70px; transform:rotate(90deg);}
.p0101 .con02 .box .box02 ul li {margin-bottom:20px;padding:0 0 0 15px;}
.p0101 .container {margin-top: 120px !important}
.p0101 .con h3 {margin-bottom:35px;font-size:40px}
.p0101 .con03 p {margin-bottom:25px;}
.p0101 .con04 ul {flex-wrap:wrap;}
.p0101 .con04 ul li {width:calc((100% - 40px) /3);margin-right:20px;}
.p0101 .con04 ul li:nth-child(3n) {margin-right:0;}
.p0101 .con04 ul li:nth-child(n+4) {margin-top:20px;}
.p0101 .con04 ul li div {min-height:140px;margin-bottom:10px;}
.p0101 .con04 ul li:last-child div img {width:130px;}
.p0101 .con05>ul>li {width:calc((100% - 20px) /3);margin-right:20px;padding:30px;}

.p0102 h1 {font-size:62px;margin-right:160px;}
.p0102 .year ul li h3 {font-size:35px;}

.p002 div h3 {margin-bottom:35px;font-size:35px}
.p002>div {margin-bottom:120px !important;padding:0 25px}
.p002 .box01 .logo {width:200px}
.p002 .box01 .cont {width:calc(100% - 250px);margin-left:50px;}
.p002 div h3 {width:200px;}
.p002 .cont {width:calc(100% - 250px);margin-left:50px;}
.p002 .box04 .reference ul li {width:calc((100% - 45px) /4);margin-right:15px;}
.p002 .box04 .reference ul li div img {width:100%;}
.p002 .box05 .mark dl {width:calc((100% - 45px) /4);margin-right:15px;}
.p002 .box05 .mark dl:nth-child(4n) {margin-right:0 !important;}
.p002 .box05 .mark dl:nth-child(n+5) {margin-top:20px;margin-right:15px;}
.p002 .box01 p {margin-bottom:35px;}
.p002 .box02 p {margin-bottom:35px;}
.p002 .box03 p {margin-bottom:35px;}

.p0201 .cloud ul li {padding:40px;}
.p0201 .cloud ul li h5 {margin:25px 0 17px 0;}
.p0201 .center img {width:calc(60% - 100px);}
.p0202 .cloud ul li {padding:40px;width:calc((100% - 20px) /2);}
.p0202 .cloud ul li:nth-child(2n) {margin-right:0 !important;}
.p0202 .cloud ul li:nth-child(3n){margin-right:20px;}
.p0202 .cloud ul li:nth-child(n+3) {margin-top:20px;}
.p0202 .cloud ul li h5 {margin:0 0 17px 0;}
.p0202 .box02 dl {padding:20px 0;}
.p0202 .box02 dl dt img {width:55px;}
.p0202 .center img {width:calc(60% - 100px);}
.p0203 .cloud ul li {padding:40px;;}
.p0203 .cloud ul li h5 {margin:25px 0 17px 0;}
.p0203 .box02 dl {padding:20px 0;}
.p0203 .box02 dl dt img {width:55px;}
.p0204 .cloud ul li {padding:40px;}
.p0204 .cloud ul li h5 {margin:25px 0 17px 0;}
.p0205 .cloud ul li {padding:40px;width:calc((100% - 20px) /2);}
.p0205 .cloud ul li:nth-child(2n) {margin-right:0 !important;}
.p0205 .cloud ul li:nth-child(3n){margin-right:20px;}
.p0205 .cloud ul li:nth-child(n+3) {margin-top:20px;}
.p0205 .cloud ul li h5 {margin:0 0 17px 0;}
.p0205 .box02 dl {padding:20px 0;}
.p0205 .box02 dl dt img {width:55px;}


.p0301 .con01 {margin-bottom:120px;}
.p0301 .con01 h3 {margin-bottom:35px; word-break:keep-all;}
.p0301 .bg {margin:120px auto;}
.p0301 .bg .con02 {padding:120px 0;}
.p0301 .bg .con02 h4 {margin-bottom:35px; word-break:keep-all;}
.p0301 .bg .con02 .box dl {padding:30px;width:calc((100% - 40px) /3);margin-right:20px;}
.p0301 .bg .con02 .box02 {margin-top:70px;padding-top:70px;}
.p0301 .bg .con02 .box02 ul {width:calc(100% - 200px)}

.p0302 .con01 {margin-bottom:120px;}
.p0302 .con01 .box {margin-top:70px;}
.p0302 .bg {margin:120px auto;}
.p0302 .bg .con02 {padding:120px 0;}
.p0302 .bg .con02 h3 {margin-bottom:35px;}
.p0302 .con03 {margin:120px auto;}
.p0302 .con03 h3{width:300px;}
.p0302 .con03 div {width:calc(100% - 400px)}
.p0302 .bg .con04 {padding:120px 0;}
.p0302 .bg .con04 h3 {margin-bottom:35px;}

.p0303 .con01 {margin-bottom:120px}
.p0303 .con01 .box h3 {margin-bottom:35px;}
.p0303 .con01 .box h5 {margin-bottom:15px;}
.p0303 .con01 .box01 {margin-top:70px;padding-top:70px;}
.p0303 .bg {margin:120px auto;}
.p0303 .bg .con02 {padding:120px 0;}
.p0303 .bg .con02 h3 {margin-bottom:35px;}
.p0303 .bg .con02 div dl {width:calc((100% - 40px)/3);margin-right:20px;}
.p0303 .bg .con02 div dl dt{}
.p0303 .bg .con02 div dl dd{padding:20px;}


.p004 .con01 {margin-bottom:120px;}
.p004 .con01 h3 {margin-bottom:35px;}
.p004 .con01 .txt p {margin-bottom:15px;}
.p004 .con02 {margin:120px auto;}
.p004 .con02 h3 {margin-bottom:35px;}
.p004 .con02 p {margin-bottom:15px;}
.p004 .con02 .cont .box {margin-top:45px;}
.p004 .con02 .cont .box dl {width:calc((100% - 60px)/3);margin-right:30px;}
.p004 .con02 .cont .box dl:after {right:-28px;top:30px}
.p004 .con02 .cont .box dl dt {padding:15px }
.p004 .con02 .cont .box dl dd {padding:20px;}
.p004 .con02 .cont .box dl dd div {padding:15px;}
.p004 .con03 {margin:120px auto;}
.p004 .con03 .tit h3 {margin-bottom:35px;}
.p004 .con03 .TabWrap .box {margin-top:80px;}
.p004 .con03 .Title {width:200px;}
.p004 .con03 .contant {width:calc(100% - 250px);}


.p0501 .con01 {margin-bottom:120px;}
.p0501 .con01 .Title {flex-wrap:wrap;text-align:center;}
.p0501 .con01 .Title h3 {width:100%;margin-bottom:35px;}
.p0501 .con01 .Title .txt {width:100%;margin-left:0}
.p0501 .con01 .box  {margin-top:70px;padding-top:70px;}
.p0501 .con01 .box h3 {margin-bottom:35px}
.p0501 .con01 .box ul {margin-top:45px;}
.p0501 .con01 .box ul li {width:calc((100% - 40px) /3);margin-right:20px;}
.p0501 .con01 .box>ul>li dl {padding:0 20px;}
.p0501 .bg {margin:120px auto;}
.p0501 .bg .con02{padding:120px 0;}
.p0501 .bg .con02 .box {margin-top:45px;}
.p0501 .con03 {margin-top:120px;}
.p0501 .con03 .Title {flex-wrap:wrap;text-align:center;}
.p0501 .con03 .Title h3 {width:100%;margin-bottom:35px;}
.p0501 .con03 .Title .txt {width:100%;margin-left:0}

.p0502 .con01 {margin-bottom:120px;}
.p0502 .con01 h3{margin-bottom:35px;}
.p0502 .con01 .box {margin-top:70px;padding-top:70px;}
.p0502 .con01 .box h3 {}
.p0502 .con01 .box .title {width:300px;margin-right:50px}
.p0502 .con01 .box .content {width:calc(100% - 350px)}
.p0502 .con01 .box .content .t_box {margin-top:40px;}
.p0502 .bg {margin:120px auto;}
.p0502 .bg .con02 {padding:120px 0;}
.p0502 .con03 {margin-top:120px;}
.p0502 .con03 h3 {margin-bottom:35px;}


.p006 .con01 {margin-bottom:120px;}
.p006 .con01 h3 {margin-bottom:35px;word-break:keep-all;}
/*.p006 .con01 .logo {width:250px;}*/
.p006 .con01 .cont {width:calc(100% - 350px);margin-left:50px;}
.p006 .bg {margin:120px auto;}
.p006 .bg .con02 {padding: 120px 0;}
.p006 .bg .con02 h3 {margin-bottom:35px;}
.p006 .bg .con02>ul>li div {width:100px; height:100px;}
.p006 .con03 {margin:120px auto;}
.p006 .con03 h3 {margin-bottom:35px;}
.p006 .con04 {margin:120px auto;}
.p006 .con04 h3 {margin-bottom:35px;}
.p006 .con05 h3 {margin-bottom:35px;}

.p0601 .con02 .box dl {width:calc((100% - 40px) /3);margin-right:20px;}
.p0601 .con02 .box dl:nth-child(n+4) {margin-top:20px;}

.p0602 .con01 .process {flex-wrap:wrap;margin-top:70px}
.p0602 .con01 .process h3 {width:100%;}
.p0602 .con01 .process>div {width:100%;}
.p0602 .bg .con02>ul>li {width:calc((100% - 40px) /3) !important;}
.p0602 .bg .con02>ul>li:nth-child(3n){margin-right:0 !important;}
.p0602 .bg .con02>ul>li:nth-child(n+4){margin-top:20px !important;}
.p0602 .con03>ul>li {padding:40px 35px;}

.p0603 .con01 .difference {flex-wrap:wrap;margin-top:70px}
.p0603 .con01 .difference h3 {width:100%;}
.p0603 .con01 .difference>ul {width:100%;}
.p0603 .con03 .img {margin-top:45px;}

.p0604 .con01 .msa {margin-top:70px;padding-top:70px}
.p0604 .con01 .msa .img{margin-top:45px;}

.p0607 .con03 .img{margin-top:45px;}

.p0608 .con01 .company {margin-top:70px;padding-top:70px;}

}

@media only screen and (max-width: 1050px) {
.p0101 .container.con01 {margin-top:0 !important}
.p0101 p {line-height:1.5;}
.p0101 .con02 {margin-top:100px !important;}
.p0101 .con02 .container>div {margin:100px 0 !important;}
.p0101 .con02 .tit h4 {font-size:35px;margin-bottom:25px;line-height:1;word-break:keep-all}
.p0101 .con02 .tit p {font-size:16px;}
.p0101 .con02 .tit p span {display:initial;}
.p0101 .con02 .titbox {margin-top:35px !important;}
.p0101 .con02 .box {margin-top: 35px !important;}
.p0101 .container {margin:100px auto 0 auto!important;width:calc(100% - 50px);padding:0 20px}
.p0101 .con h3 {margin-bottom:25px;font-size:35px;}
.p0101 .con03 p {margin-bottom:20px;}
.p0101 .con05>ul{flex-wrap:wrap;}
.p0101 .con05>ul>li {width:calc((100% - 20px) /2);}
.p0101 .con05>ul>li:nth-child(2n){margin-right:0;}
.p0101 .con05>ul>li:nth-child(n+3){margin-top:20px;}
.p0101 .con05 .icon {width:100px ;height:100px;}
.p0101 .con05 .icon img {width:45px;}

.p0102 {flex-wrap:wrap;}
.p0102 h1 {width:100%; margin-right:0;margin-bottom:80px;}
.p0102 .year {width:100%; padding-left:50px;}
.p0102 .year ul li h3 {font-size:32px;}
.p0102 .year ul li ul li {word-break:keep-all;}

#container>.container{width:calc(100% - 50px);padding:0 20px;}

.p002 div h3 {margin-bottom:30px;font-size:30px;}
.p002>div {margin-bottom:100px !important;padding:0 20px;}
.p002 .container>.logo {height:100px;}
.p002 .container .tit {width:100%;margin-right:0}
.p002 .container .cont, .p002 .container .content {width:100% ;margin-left:0}
.p002 .box01 p {margin-bottom:30px;font-size:16px}
.p002 .box02 p {margin-bottom:30px;font-size:16px}
.p002 .box03 p {margin-bottom:30px;font-size:16px}
.p002 .box04 p {margin-bottom:30px;font-size:16px}
.p002 .box04 .reference ul li {width:calc((100% - 30px) /3);}
.p002 .box04 .reference ul li:nth-child(3n) {margin-right:0;}
.p002 .box04 .reference ul li:nth-child(4n) {margin-right:auto;}
.p002 .box04 .reference ul li:nth-child(n+4) {margin-top:15px;}
.p002 .box05 .mark dl {width:calc((100% - 30px )/3);}
.p002 .box05 .mark dl:nth-child(3n) {margin-right:0;}
.p002 .box05 .mark dl:nth-child(4n) {margin-right:15px !important;}
.p002 .box05 .mark dl:nth-child(n+4){margin-top:20px;}

.p0201 .box01, .p0201 .box02, .p0201 .box03 {flex-wrap:wrap;}
.p0201 .cloud h4 {font-size:28px;word-break:keep-all;}
.p0201 .center img {width:50%;}
.p0202 .box01, .p0202 .box02, .p0202 .box03 {flex-wrap:wrap;}
.p0202 .cloud h4 {font-size:28px;word-break:keep-all;}
.p0202 .box02 dl dd {margin-left:25px;}
.p0202 .center img {width:50%;}
.p0203 .box01 .logo {margin-bottom:20px;}
.p0203 .box01, .p0203 .box02, .p0203 .box03 {flex-wrap:wrap;}
.p0203 .cloud h4 {font-size:28px;word-break:keep-all;}
.p0203 .box02 dl dd {margin-left:25px;}
.p0204 .box01 .logo {height:150px;margin-bottom:20px;}
.p0204 .box01 .logo img {height:100%;}
.p0204 .box01, .p0204 .box02, .p0204 .box03 {flex-wrap:wrap;}
.p0204 .box03 .content .box .txt h3 {font-size:26px}
.p0205 .box01, .p0205 .box02, .p0205 .box03 {flex-wrap:wrap;}
.p0205 .box02 dl dd {margin-left:25px;}

.p0301 .con01 {margin-bottom:100px;width:calc(100% - 50px);}
.p0301 .con01 h3 {margin-bottom:30px ;font-size:32px;}
.p0301 .con01 p {font-size:16px;}
.p0301 .bg {margin:100px auto;}
.p0301 .bg .con02 {padding:100px 0;width:calc(100% - 50px);}
.p0301 .bg .con02 h4 {margin-bottom:30px;font-size:22px;}
.p0301 .bg .con02 .box02 {margin-top:50px;padding-top:50px;}
.p0301 .bg .con02 .box02 ul {width:100%;}
.p0301 .bg .con02 .box02 ul li {margin-bottom:15px;}

.p0302 .con01 {margin-bottom:100px;width:calc(100% - 50px);}
.p0302 .con01 p {font-size:15px;}
.p0302 .con01 p span {display:inline}
.p0302 .con01 .box {margin-top:50px;}
.p0302 .con01 .box h3 {font-size:32px; }
.p0302 .con01 .box .img {margin-top:30px;}
.p0302 .bg {margin:100px auto;}
.p0302 .bg .con02 {padding:100px 0 ;width:calc(100% - 50px);}
.p0302 .bg .con02 h3 {margin-bottom:30px;font-size:32px;}
.p0302 .bg .con02>ul>li {width:80%;margin:0;width:calc(100% - 20px);width:100%}
.p0302 .bg .con02>ul>li:nth-child(n+2) {margin-top:15px;}
.p0302 .con03 {margin:100px auto;flex-wrap:wrap;width:calc(100% - 50px);}
.p0302 .con03 h3{width:100%;margin-right:0;text-align:center;margin-bottom:30px;font-size:32px;}
.p0302 .con03 h3 span {display:inline;}
.p0302 .con03 div {width:100%;}
.p0302 .con03 table tr th {padding:15px 10px;word-break:keep-all}
.p0302 .con03 table tbody tr td {padding:15px 10px;word-break:keep-all}
.p0302 .bg .con04 {padding:100px 0;width:calc(100% - 50px);}
.p0302 .bg .con04 h3 {margin-bottom:30px;font-size:32px;}
.p0302 .bg .con04 table tr th {padding:15px 10px;word-break:keep-all}
.p0302 .bg .con04 table tbody tr td {padding:15px 10px;word-break:keep-all}

.p0303 .con01 {margin-bottom:100px;width:calc(100% - 50px);}
.p0303 .con01 .box h3 {font-size:32px;margin-bottom:30px;}
.p0303 .con01 .box h5 {font-size:22px; margin-bottom:10px;}
.p0303 .con01 .box p {font-size:16px;}
.p0303 .con01 .box01 {margin-top:50px; padding-top:50px;}
.p0303 .con01 .box01 p {font-size:16px;}
.p0303 .stru .box {width:calc((100% - 250px)/3);}
.p0303 .bg {margin:100px auto;}
.p0303 .bg .con02 {padding:100px 0 ;width:calc(100% - 50px);}
.p0303 .bg .con02 h3 {margin-bottom:30px}


.p004 .con01 {flex-wrap:wrap;margin-bottom:100px}
.p004 .con01 .img {width:100%;margin-right:0;margin-bottom:50px;height:450px}
.p004 .con01 .txt {width:100%;text-align:center;}
.p004 .con01 .txt h3 {font-size:32px; margin-bottom:30px;}
.p004 .con01 .txt p {font-size:16px; margin-bottom:10px;}
.p004 .con02 {margin:100px auto;width:calc(100% - 50px);}
.p004 .con02 h3 {font-size:32px; margin-bottom:30px}
.p004 .con02 p {font-size:16px; margin-bottom:10px;}
.p004 .con02 .cont .box {margin-top:40px;}
.p004 .con02 .cont .box dl dt {font-size:18px;}
.p004 .con03 {margin:100px auto;width:calc(100% - 50px);}
.p004 .con03 .tit ul {padding:20px 15px;}
.p004 .con03 .TabWrap .box {flex-wrap:wrap;margin-top:60px;}
.p004 .con03 .Title {width:100%;margin-right:0;margin-bottom:35px;}
.p004 .con03 .contant {width:100%;}
.p004 .con03 .contant dl {margin-bottom:25px;}
.p004 .con03 .contant dl dt {font-size:18px;}
.p004 .con03 .contant dl dd {font-size:16px;}
.p004 .con03 .line {margin-top:40px;padding-top:40px;}


.p0501 .con01 {margin-bottom:100px; width:calc(100% - 50px);}
.p0501 .con01 .Title h3 {margin-bottom:30px ;font-size:32px;}
.p0501 .con01 .Title .txt{font-size:16px;}
.p0501 .con01 .box {margin-top:50px;padding-top:50px;}
.p0501 .con01 .box h3 {margin-bottom:30px ;font-size:32px;}
.p0501 .con01 .box p {font-size:16px;}
.p0501 .con01 .box ul {margin-top:40px;}
/*.p0501 .con01 .box ul li {margin-right:10px;width:calc((100% - 20px)/3);}*/
.p0501 .bg {margin:100px auto;}
.p0501 .bg .con02 {padding:100px 0;width:calc(100% - 50px);}
.p0501 .bg .con02 h3 {margin-bottom:30px;}
.p0501 .bg .con02 .box {margin-top:40px;}
.p0501 .bg .con02 .box>li {width:calc((100% - 20px)/2);margin-right:20px !important;}
.p0501 .bg .con02 .box>li:nth-child(2n){margin-right:0 !important;}
.p0501 .bg .con02 .box>li:nth-child(n+3){margin-top:20px !important;}
.p0501 .bg .con02 .box>li:nth-child(3n) {margin-right:20px  !important}
.p0501 .bg .con02 .box>li:last-child {margin-right:0 !important;}
.p0501 .con03 {margin-top:100px;width:calc(100% - 50px);}
.p0501 .con03 .Title h3 {margin-bottom:30px ;font-size:32px;}
.p0501 .con03 .Title .txt{font-size:16px;}

.p0502 .con01 {margin-bottom:100px;width:calc(100% - 50px);}
.p0502 .con01 h3 {margin-bottom:30px; font-size:32px;}
.p0502 .con01 p {font-size:16px;}
.p0502 .con01 p span {display:inline;}
.p0502 .con01 .box {flex-wrap:wrap;margin-top:50px; padding-top:50px;}
.p0502 .con01 .box h3 {margin-right:0;margin-bottom:30px;text-align:center; font-size:30px;}
.p0502 .con01 .box .title {width:250px;}
.p0502 .con01 .box .content {width:100%;width:calc(100% - 300px)}
.p0502 .con01 .box .content .t_box {margin-top:35px;}
.p0502 .con01 .box .content .t_box li dl dt{font-size:18px}
.p0502 .con01 .box .content .t_box li dl dd {font-size:16px}
.p0502 .bg {margin:100px auto;}
.p0502 .bg .con02 {padding:100px 0 ;width:calc(100% - 50px);}
.p0502 .bg .con02 h3 {margin-bottom:30px;font-size:32px;}
.p0502 .bg .con02>ul>li {width:80%;margin:0;width:calc(100% - 20px);width:100%}
.p0502 .bg .con02>ul>li:nth-child(n+2) {margin-top:15px;}
.p0502 .con03 {margin-top:100px; width:calc(100% - 50px);}
.p0502 .con03 .Title h3 {margin-bottom:30px ;font-size:32px;}


.p006 .con01 {margin-bottom:100px;width:calc(100% - 50px);}
.p006 .con01 h3 {margin-bottom:30px; font-size:32px;}
.p006 .con01 p {font-size:16px;}
.p006 .con01 h5 {font-size:16px;word-break:keep-all}
.p006 .con01 p span {display:inline}
.p006 .con01 .cont a {margin-top:30px;}
.p006 .bg {margin:100px auto;}
.p006 .bg .con02 {padding:100px 0;width:calc(100% - 50px);}
.p006 .bg .con02 h3 {margin-bottom:30px;font-size:32px;}
/*.p006 .bg .con02>ul {justify-content:center;}*/
.p006 .bg .con02>ul>li {width:80%;margin:0;width:calc(100% - 20px);width:100%}
.p006 .bg .con02>ul>li:nth-child(n+2) {margin-top:15px;}
.p006 .con03 {margin:100px auto;width:calc(100% - 50px);}
.p006 .con03 h3 {margin-bottom:30px;font-size:32px;}
.p006 .con03 .cont li {width:calc((100% - 10px) /2);margin: 0 !important; margin-right:10px !important}
.p006 .con03 .cont li:nth-child(2n) {margin-right:0 !important;}
.p006 .con03 .cont li:nth-child(n+3) {margin-top:10px !important;}
/*.p006 .con03 .cont li:nth-child(2n) {margin-right:0}*/
/*.p006 .con03 .cont li:nth-child(3n) {margin-top:10px; margin-right:10px;}*/
.p006 .con04 {margin:100px auto;width:calc(100% - 50px);}
.p006 .con04 h3 {margin-bottom:30px;font-size:32px;}
.p006 .con04 {flex-wrap:wrap;}
.p006 .con04>div {width:100%;margin-left:0}
.p006 .number {flex-wrap:wrap;}
.p006 .number h3 {width:100%; margin-bottom:30px;font-size:32px;}
.p006 .number ul li {margin-bottom:15px;}
.p006 .number>div {width:100%;margin-left:0}
.p006 .con05 {width:calc(100% - 50px);}

.p0601 .con02 .box {margin-top:30px;}
.p0601 .con02 .box dl {width:calc((100% - 10px) /2);margin: 0 !important; margin-right:10px !important}
.p0601 .con02 .box dl:nth-child(2n) {margin-right:0 !important;}
.p0601 .con02 .box dl:nth-child(n+3) {margin-top:10px !important;}
.p0601 .con03 table thead tr th{padding:15px 10px;}
.p0601 .con03 table tbody tr td {padding:15px 10px;word-break:keep-all}

.p0602 .con01 .process {margin-top:50px;}
.p0602 .con03>ul>li {width:calc((100% - 20px) /2);margin-right:20px !important;}
.p0602 .con03>ul>li:nth-child(2n){margin-right:0 !important;}
.p0602 .con03>ul>li:nth-child(n+3){margin-top:20px;}

.p0603 .con01 .difference {margin-top:50px;}
.p0603 .con03 .img {margin-top:40px;}

.p0604 .con01 ul li {width:calc((100% - 20px) /2); margin-right:20px !important}
.p0604 .con01 ul li:nth-child(2n) {margin-right:0 !important;}
.p0604 .con01 ul li:nth-child(n+3){margin-top:20px;}
.p0604 .con01 .msa {margin-top:50px;padding-top:50px;}
.p0604 .con01 .msa .img{margin-top:40px;}

.p0605 .con03 .Tab {display:flex;flex-wrap:wrap;height:auto;}
.p0605 .con03 .Tab li {width:50%;}
.p0605 .con03 .Tab a {word-break:keep-all;}
.p0605 .con03 .TabWrap .Tit h4 {font-size:25px;}
.p0605 .con03 .TabWrap .Sub ul li{padding: 0 10px ;}
.p0605 .con03 .TabWrap .Sub ul li img {width:25px; margin-bottom:0}
.p0605 .con03 .TabWrap .Sub ul li p{display:none;}
.p0605 .con03 .plan  {flex-wrap:wrap;}
.p0605 .con03 .plan>div {width:100% !important;margin-right:0;}
.p0605 .con03 .plan>div:nth-of-type(n+2) {margin-top:15px;}
.p0605 .con03 #tab01 .box01 {min-height:auto;}
.p0605 .con03 .plan .box01 .Sub {margin-top:10px;}
.p0605 .con03 .plan .box h5 {font-size:28px;}
.p0605 .con03 #tab02 .plan .num>div:first-of-type {min-height:auto;}
.p0605 .con03 #tab04 .plan .num>div:first-of-type {min-height:auto;}
.p0605 .con03 #tab04 .t_box dl {flex-wrap:wrap;}
.p0605 .con03 #tab04 .t_box dt {width:100%;}

.p0606 .con04 .cont div dl dt {font-size:20px;margin-bottom:10px}
.p0606 .con04 .cont div dl dd {font-size:16px;}

.p0607 .con01 ul{flex-wrap:wrap;margin-bottom:40px}
.p0607 .con01 ul li {width:calc((100% - 20px )/ 2);margin-right:20px;}
.p0607 .con01 ul li:nth-child(2n) {margin-right:0;margin-top:15px;}
.p0607 .con01 ul li:nth-child(n+3) {margin-top:15px;}
.p0607 .con03 .img {margin-top:40px;}

.p0608 .con01 .tit{flex-wrap:wrap;margin-bottom:50px}
.p0608 .con01 .cont {width:100%;margin-left:0;margin-top:30px;}
.p0608 .con01 .company {padding-top:50px;margin-top:50px;}

.p0609 .con01 {flex-wrap:wrap;}
.p0609 .con01 .cont {width:100%;margin-left:0;margin-top:30px;}

.p0610 .con01 {flex-wrap:wrap;}
.p0610 .con01 .cont {width:100%;margin-left:0;margin-top:30px;}
.p0610 .con04 .plan {flex-wrap:wrap;}
.p0610 .con04 .plan>div {width:100%; margin-right:0;}
.p0610 .con04 .plan>div:nth-of-type(n+2){margin-top:20px;}
.p0610 .con04 .plan .box {min-height:auto;}
.p0610 .con04 .plan .box h5 {font-size:28px;}
}

@media only screen and (max-width: 800px) {
.docThumb .cell, #sub_t001005 .docThumb .cell {width:50% !important;margin-bottom:15px !important}
.docThumb .cell .center {font-size:16px;}

#listForm #docListBasic thead tr th,#listForm #docListBasic tbody tr td {padding:15px 10px;}

.p0101 .con04 ul li {width:calc((100% - 20px)/2);}
.p0101 .con04 ul li:nth-child(2n){margin-right:0;}
.p0101 .con04 ul li:nth-child(3n) {margin-right:20px;margin-top:20px;}
.p0101 .con05>ul>li {width:100% ;margin-right:0;}
.p0101 .con05>ul>li:nth-child(n+2){margin-top:20px;}

.p0102 h1 {font-size:58px}

#container>.container {padding:0;}

.p002 .box04 .reference ul li {width:calc((100% - 20px) /3);margin-right:10px;}
.p002 .box05 .mark dl {width:calc((100% - 20px) /3);margin-right:10px;}
.p002 .box05 .mark dl:nth-child(4n) {margin-right:10px !important;}
.p002 .box05 .mark dl:nth-child(n+5) {margin-right:10px !important;}
.p002 .box05 .mark dl:nth-child(3n) {margin-right:0 !important;}
/*.p002 .box05 .mark dl dt img {width:170px;}*/

.p0201 .cloud ul li{width:100%; margin-right:0;padding:30px;}
.p0201 .cloud ul li:nth-child(n+2){margin-top:15px;}
.p0201 .history {margin-left:0;}
.p0201 .box02 img {margin-bottom:20px;}
.p0201 .center {flex-wrap:wrap;justify-content:center;}
.p0201 .center img {width:100%;margin-bottom:20px;}
.p0201 .center ul {width:100%;}
.p0202 .cloud ul li{width:100%; margin-right:0 !important;padding:30px;}
.p0202 .cloud ul li:nth-child(n+2){margin-top:15px;}
.p0202 .center {flex-wrap:wrap;justify-content:center;}
.p0202 .center img {width:100%;margin-bottom:20px;}
.p0202 .center ul {width:100%;}
.p0203 .cloud ul li{width:100%; margin-right:0;padding:30px;}
.p0203 .cloud ul li:nth-child(n+2){margin-top:15px;}
.p0204 .cloud ul li{width:100%; margin-right:0;padding:30px;}
.p0204 .cloud ul li:nth-child(n+2){margin-top:15px;}
.p0204 .box03 .content .box {flex-wrap:wrap;}
.p0204 .box03 .content .box>div {width:100% !important;}
.p0204 .box03 .content .box:nth-of-type(1) {margin-bottom:35px;}
.p0204 .box03 .content .box .img {margin-bottom:30px;}
.p0204 .box03 .content .box .txt h3 {margin-bottom:10px}
.p0205 .cloud ul li{width:100%; margin-right:0 !important;padding:30px;}
.p0205 .cloud ul li:nth-child(n+2){margin-top:15px;}

.p0301 .bg .con02 .box {flex-wrap:wrap}
.p0301 .bg .con02 .box dl {width:100%;margin-right:0;margin-bottom:15px;}
.p0301 .bg .con02 .box dl:last-child {margin-bottom:0;}

.p0302 .bg .con02>ul>li {width:calc(100% - 100px);width:calc(100% - 50px);width:100%;}
.p0302 .bg .con02>ul>li div {display:none;}
.p0302 .bg .con02>ul>li dl {width:100%;}

.p0303 .stru {flex-wrap:wrap;justify-content:center;margin-top:40px;}
.p0303 .stru .box {width:100%;}
.p0303 .stru .box .tit {margin-bottom:15px;}
.p0303 .stru .arrow {margin:20px auto;}
.p0303 .stru .arrow ul {display:flex;flex-direction:row-reverse;}
/*.p0303 .stru .arrow ul li:first-child {padding-bottom:0;}*/
.p0303 .stru .arrow ul li:first-child:after {transform:rotate(90deg);left:35%;top:75%;}
.p0303 .stru .arrow ul li:last-child {margin-right:20px}
.p0303 .stru .arrow ul li:last-child:before{transform:rotate(90deg);left:35%;bottom:80%;}
.p0303 .bg .con02 div {flex-wrap:wrap;}
.p0303 .bg .con02 div dl {width:100%;margin-right:0;margin-bottom:20px;}
.p0303 .bg .con02 div dl:last-of-type {margin-bottom:0}
.p0303 .bg .con02 div dl dt {margin-bottom:10px;font-size:19px}


.p004 .con01 .txt p span {display:inline;}
.p004 .con01 .img {height:400px;overflow:hidden}
.p004 .con02 p span {display:inline;}
.p004 .con02 .cont .box {flex-wrap:wrap}
.p004 .con02 .cont .box dl {width:100%; margin-right:0;margin-bottom:40px;}
.p004 .con02 .cont .box dl:after {right:50%;top:100%;transform:rotate(90deg);}
.p004 .con03 .tit ul li a {padding:8px 15px;margin:5px}
.p004 .con03 .contant dl{}
.p004 .con03 .contant dl .img img {width:100%; margin-right:0;margin-bottom:15px;}
.p004 .con03 .contant dl .img img:nth-of-type(n+3) {margin-top:0;}
.p004 .con03 .contant dl .img img:last-of-type {margin-bottom:0}
.p004 .con03 .line {margin-top:30px;padding-top:30px}


.p0501 .con01 .box p span {display:inline;}
.p0501 .con01 .box ul {/*flex-wrap:wrap*/overflow-x:scroll}
.p0501 .con01 .box ul li {/*width:100%;margin-right:0;padding-right:0;padding-bottom:30px;*/margin-bottom:30px;min-width:300px}
/*.p0501 .con01 .box ul li:after{transform:rotate(90deg);right:48%;top:inherit;bottom:-15px;}*/
/*.p0501 .con01 .box ul li dl {padding:0;}*/
.p0501 .bg .con02 .box>li{width:100%; margin-right:0 !important;padding:30px}
.p0501 .bg .con02 .box>li:nth-child(2n) {margin-top:20px !important;}
.p0501 .bg .con02 .box>li:nth-child(3n) {margin-right:0 !important;}

.p0502 .con01 .box .title {width:100%;margin-right:0;margin-bottom:30px;}
.p0502 .con01 .box .content {width:100%;}
.p0502 .con01 .box .content .t_box {margin-top:30px;}
.p0502 .con01 .box .content .t_box>li {width:100%;margin-right:0;margin-bottom:10px}
.p0502 .bg .con02>ul>li {width:calc(100% - 100px);width:calc(100% - 50px);width:100%;}
.p0502 .bg .con02>ul>li div {display:none;}
.p0502 .bg .con02>ul>li dl {width:100%;}
.p0502 .con03>ul>li {width:100%; margin-right:0;margin-bottom:15px;}
.p0502 .con03>ul>li dl dt {padding:15px 0;font-size:18px}


.p006 .bg .con02>ul>li {width:calc(100% - 100px);width:calc(100% - 50px);width:100%;}
.p006 .bg .con02>ul>li> div {display:none;}
.p006 .bg .con02>ul>li dl {width:100%;}
.p006 .con03 .cont li {width:100% ;margin-right:0}
.p006 .con03 .cont li {margin-right:0 !important;}
.p006 .con03 .cont li:nth-child(2n) {margin-top:10px !important}
/*.p006 .con03 .cont li:nth-child(3n) {margin-right:0;}*/
.p006 .number ul li {padding:20px 30px;}
.p006 .number ul li .circle {margin-right:0}
.p006 .number ul li dl {margin-left:20px;width:calc(100% - 100px)}
.p006 .number ul li dl dd {word-break:keep-all;}

.p0601 .con02 .box dl{width:100%;margin-right:0 !important;}
.p0601 .con02 .box dl:nth-child(2n){margin-top: 10px !important;}

.p0602 .bg .con02>ul>li {width:calc((100% - 20px) /2) !important;margin-right:20px !important}
.p0602 .bg .con02>ul>li:nth-child(n+3){margin-top:20px !important;margin-right:20px !important}
.p0602 .bg .con02>ul>li:nth-child(2n){margin-right:0 !important;}
.p0602 .con03>ul>li {width:100%;margin-right:0 !important;margin-top:0 !important}
.p0602 .con03>ul>li:nth-child(n+2){margin-top:15px !important;}

.p0604 .con01 ul li {width:100%;margin-right:0 !important}
.p0604 .con01 ul li:nth-child(n+2) {margin-top:15px !important;}

.p0606 .con04 .cont .box {flex-wrap: wrap;}
.p0606 .con04 .cont .box>div {width:100% !important;}
.p0606 .con04 .cont .box .txt {margin-top:15px;}
.p0606 .con04 .cont .box>div:nth-of-type(2) {margin-left:0;}
.p0606 .con04 .cont .box01 {flex-direction: column-reverse}

.p0607 .con01 ul li {width:100%; margin-right:0;}
.p0607 .con01 ul li:first-child{margin-top:0;}

.p0608 .con01 .logo {width:100%;}

.p0609 .con01 .logo {width:100%;}

}

@media only screen and (max-width: 767px) {
.boardInput .pd10 {display:flex;flex-wrap:wrap}
.btnPack.xlarge, .docInput .center .btnPack, .boardInput .center .btnPack {width:100%; height:50px; line-height:50px;max-width:100%;}
.boardInput #bbsform .pd10.center .appBtn {margin-top:-15px;}


.p004 .con01 .img {height:auto;}
.p004 .con01 .txt{width:calc(100% - 50px);margin:0 auto}


.p0603 .con01 .difference>ul {flex-wrap:wrap;}
.p0603 .con01 .difference>ul>li {width:100%; margin-right:0}
.p0603 .con01 .difference>ul>li:last-child{margin-top:15px;}
.p0603 .con01 .difference>ul>li .box {padding:30px;}
.p0603 .con01 .difference>ul>li .line {margin-top:20px;padding-top:20px;}
}

@media only screen and (max-width: 600px) {
.p0101 .con02 .tit h4 span {display:block;}
.p0101 .con02 .box .box01 {max-width:350px}
.p0101 .con02 .box .box01 ul {padding:1.5em }
.p0101 .con02 .box .box01 ul li {width:120px;height:120px;word-break:keep-all;padding:10px; line-height:1.5}
.p0101 .con02 .box .box01 ul li:nth-child(2) {font-size:22px;}
.p0101 .con04 ul li {width:100%;margin-right:0 !important}
.p0101 .con04 ul li:nth-child(n+2){margin-top:20px;}
.p0101 .con04 ul li div {min-height:120px;}

.p0102 h1 {font-size:55px}


.p002 .box04 .reference ul li {width:calc((100% - 10px) /2);}
.p002 .box04 .reference ul li:nth-child(2n){margin-right:0;}
.p002 .box04 .reference ul li:nth-child(3n) {margin-right:auto;}
.p002 .box04 .reference ul li:nth-child(n+3) {margin-top:15px;}
.p002 .box05 .mark dl {width:calc((100% - 10px) /2);}
.p002 .box05 .mark dl:nth-child(2n) {margin-right:0 !important;}
.p002 .box05 .mark dl:nth-child(3n) {margin-right:10px !important;margin-top:20px;}
.p002 .box05 .mark dl:nth-child(6n) {margin-right: 0 !important;}
.p002 .box05 .mark dl dd {font-size:15px; margin-top:8px}


.p0202 .box02 dl dt img {width:50px;}
.p0203 .box02 dl dt img {width:50px;}
.p0205 .box02 dl dt img {width:50px;}


.p004 .con03 .tit ul {padding:15px}
.p004 .con03 .tit ul li a {padding:5px 10px;margin:0}


.p0601 .con03 .table {overflow-x:scroll;white-space:nowrap;}

.p0602 .bg .con02>ul>li {width:100% !important; margin:0 !important;}
.p0602 .bg .con02>ul>li:nth-child(n+3){margin-right:0 !important;}
.p0602 .bg .con02>ul>li:nth-child(n+2){margin-top:10px !important;}

.docBottom .searchBox .selectBox {display:flex;flex-wrap:wrap;}
.docBottom .searchBox .selectBox #sh {width:100%;margin-bottom:4px;}
.docBottom .searchBox input[type=text] {width:100% !important;height:100%}
.docBottom .searchBox .selectBox span:nth-of-type(2) {width:calc(100% - 70px);}
.docBottom .searchBox .btnPack {padding:0 4px !important;padding:0 !important;width:64px;}
.docBottom .searchBox .btnPack * {padding:0;}
}

@media only screen and (max-width: 400px) {


}

@media only screen and (max-width: 1600px) {


}

@media only screen and (max-width: 1600px) {


}