.layout{margin-top:80px;}
.layout .tit { display: block; font-size: 45px; font-weight: bold; padding-bottom: 20px; text-align: center; line-height: 1; } 
.layout .txt { font-size: 20px; line-height: 1.5; text-align: center; } 
.layout .txt strong { font-size: 1em; } 

.layout-01 .con-01 { margin: 60px 0 100px; height: 550px; background: url(../image/sub/layout1-img1.jpg) no-repeat right center; } 
.layout-01 .con-01 .wrap { padding: 60px 620px 0 0; box-sizing: border-box; } 
.layout-01 .con-01 .tit { text-align: left; } 
.layout-01 .con-01 .txt { text-align: justify; word-break: keep-all; } 

.layout-01 .con-02 { background-color: #f6f6f6; } 
.layout-01 .con-02 .wrap { padding: 100px 0; } 
.layout-01 .con-02 ul { flex-wrap: wrap; justify-content: space-between; margin-top: 40px; } 
/* .layout-01 .con-02 li:nth-child(3), { margin-top: 20px; } */
.layout-01 .con-02 ul li { height: 80px; width: 580px; line-height: 80px; border: 1px solid #eaeaea; border-radius: 50px;text-align: left; background-color: #fff; position: relative; } 
.layout-01 .con-02 ul li::before { content: ""; width: 75px; height: 100%; background-color: var(--mainColor); background-size: cover;position: absolute; left: 0; border-radius: 50px 0 0 50px; } 
.layout-01 .con-02 ul li .num { font-size: 24px; padding-left: 25px; color: #fff; position: relative; left: 3px; z-index: 1; letter-spacing: -1px !important; } 
.layout-01 .con-02 ul li .text { display: inline-block; font-size: 20px; padding-left: 40px; } 

.layout-01 .con-03 { } 
.layout-01 .con-03 .wrap { padding: 100px 0; } 
.layout-01 .con-03 ul { justify-content: space-between; margin-top: 80px; } 
.layout-01 .con-03 ul li { width: 580px; } 
.layout-01 .con-03 ul li p { font-size: 20px; text-align: justify; padding-top: 20px; word-break: keep-all; } 
.layout-01 .con-03 ul li p span { display: block; font-size: 25px; font-weight: bold; padding-bottom: 10px; } 

.layout-01 .con-04 { background-color: #f6f6f6; } 
.layout-01 .con-04 .wrap { padding: 100px 0; } 
.layout-01 .con-04 ul { margin-top: 30px; } 
.layout-01 .con-04 ul li { width: 20%; text-align: center; } 
.layout-01 .con-04 ul li+li { margin-left: 40px; } 
.layout-01 .con-04 ul li span { display: block; font-size: 20px; padding-top: 10px; } 

.layout-01 .con-05 { } 
.layout-01 .con-05 .tit { margin-bottom: 30px; } 
.layout-01 .con-05 .wrap { padding: 100px 0; } 
.layout-01 .con-05 ul { flex-wrap: wrap; } 
.layout-01 .con-05 ul li { width: 50%; position: relative; margin-top: 20px; } 
.layout-01 .con-05 ul li+li { } 
.layout-01 .con-05 ul li::before { content: ""; width: 3px; height: 3px; background-color: var(--mainColor); border-radius: 50%; position: absolute; left: 0; top: 13px; } 
.layout-01 .con-05 ul li span { display: block; font-size: 20px; padding-left: 15px; } 

.layout-01 .con-06 { background-color: #f6f6f6; } 
.layout-01 .con-06 .tit { margin-bottom: 30px; } 
.layout-01 .con-06 .wrap { padding: 100px 0; } 
.layout-01 .con-06 ul { flex-wrap: wrap; } 
.layout-01 .con-06 ul li:nth-child(2n) { width: 700px; padding-left: 30px; box-sizing: border-box; } 
.layout-01 .con-06 ul li span { display: inline-block; font-size: 25px; font-weight: bold; } 
.layout-01 .con-06 ul li span .num { display: inline-block; width: 30px; height: 30px; background-color: var(--mainColor); color: #fff; border-radius: 50%; text-align: center; font-size: 20px; line-height: 30px; } 
.layout-01 .con-06 ul li p { font-size: 20px; text-align: justify; padding-top: 20px; word-break: keep-all; } 
.layout-01 .con-06 ul li p strong { font-size: 1em; } 

.layout-02 .con-01 { background-color: #f6f6f6; margin-top: 60px; } 
.layout-02 .con-01 .wrap { padding: 100px 0; } 
.layout-02 .con-01 ul { justify-content: space-between; margin: 40px 0 20px; } 
.layout-02 .con-01 ul li { } 
.layout-02 .con-01 .txt { } 

.layout-02 .con-02 .wrap { padding: 100px 0; } 
.layout-02 .con-02 .box { width: 1120px; margin: 60px auto 0; overflow: hidden; } 
.layout-02 .con-02 .box li { width: 240px; height: 240px; border: 5px solid var(--mainColor); border-radius: 230px 230px; margin-left: 35px; display: inline-block; text-align: center; } 
.layout-02 .con-02 .box li:first-child { margin-left:0; } 
.layout-02 .con-02 .box li dl { padding-top: 35px; } 
.layout-02 .con-02 .box li dl dt { font-size:35px; font-weight:900; color: var(--mainColor); margin-bottom: 25px; position: relative; } 
/* .layout-02 .con-02 .box li dl dt:after { content:''; clear:both; display:block; position:absolute; bottom:-15px; left:50%; margin-left:-18px; width:36px; height:1px; background:#e2e2e2; } */
.layout-02 .con-02 .box li dl dd { font-size: 25px; line-height: 1.3; margin: 0; } 

.layout-02 .con-02 .num_box { background-color: #f6f6f6; position: relative; } 
.layout-02 .con-02 .num_box:before { content: ''; display: block; position: absolute; top: 0; left: 50%; width: 68px; height: 30px; margin-left: -23px; background: url(../image/sub/arrow_after.png) no-repeat; } 
.layout-02 .con-02 .num_box .wrap { padding: 50px 0; } 
.layout-02 .con-02 .num_list { margin-bottom:40px; width:100%; } 
.layout-02 .con-02 .num_list:first-child { margin-top:0; } 
.layout-02 .con-02 .num_list:last-child { margin-bottom:0; } 
.layout-02 .con-02 .num_list dt { color:#000; font-size:24px; line-height:24px; font-weight:700; } 
.layout-02 .con-02 .num_list dt strong { font-weight:900; padding-right: 8px; } 
.layout-02 .con-02 .num_list dd { color:#272727; font-size:18px; line-height:26px; padding-top:10px; } 

.layout-02 .con-03 { } 
.layout-02 .con-03 .wrap { padding: 100px 0; } 
.layout-02 .con-03 ul { justify-content: space-between; margin-top: 50px; } 
.layout-02 .con-03 ul li { width: 300px; text-align: center; } 
.layout-02 .con-03 ul li+li { margin-left: 150px; } 
.layout-02 .con-03 ul li span { display: block; font-size: 25px; font-weight: bold; padding-top: 20px; } 
.layout-02 .con-03 ul li p { font-size: 20px; } 

.layout-02 .con-04 { background-color: #555; } 
.layout-02 .con-04 .tit { color: #fff; } 
.layout-02 .con-04 .wrap { padding: 100px 0; } 
.layout-02 .con-04 ul { justify-content: space-between; flex-wrap: wrap; margin-top: 30px; } 
.layout-02 .con-04 ul li { width: 380px; height: 185px; border: 1px solid #fff; text-align: center; } 
.layout-02 .con-04 ul li .num { display: block; font-size: 30px; font-weight: bold; padding-top: 30px; color: #fff; } 
.layout-02 .con-04 ul li p { font-size: 20px; padding-top: 20px; color: #fff; } 

.layout-02 .con-05 { } 
.layout-02 .con-05 .wrap { padding: 100px 0; } 
.layout-02 .con-05 ul { justify-content: space-between; margin-top: 40px; } 
.layout-02 .con-05 ul li { width: 280px; } 
.layout-02 .con-05 ul li+li { margin-left: 30px; } 
.layout-02 .con-05 ul li .num { display: block; width: 140px; height: 40px; line-height: 40px; background-color: var(--mainColor); border-radius: 50px; color: #fff; font-size: 20px; font-weight: bold; text-align: center; position: absolute; left: 50%; bottom: 20px; margin-left: -70px; } 
.layout-02 .con-05 ul li p { font-size: 20px; padding-top: 20px; text-align: center; } 


/* layout-03 */
.layout-03 .con-01 { position: relative; } 
.layout-03 .con-01 .wrap { padding: 60px 0; } 
.layout-03 .con-01 .flex { justify-content: space-between; margin-top: 50px; } 
.layout-03 .con-01 .tit { text-align: left; } 
.layout-03 .con-01 .txt { width: 900px; text-align: justify; letter-spacing: -1.5px; } 
.layout-03 .con-01 .bg { width: 100%; height: 540px; background-color: #f6f6f6; position: absolute; bottom: 0; z-index: -1; } 


.layout-03 .con-02 { } 
.layout-03 .con-02 .wrap { padding: 100px 0; } 

.layout-03 .con-02 .dot-box { background-color: #555; position: relative; } 
.layout-03 .con-02 .dot-box .wrap { padding: 160px 0 140px; } 
.layout-03 .con-02 .dot-box .border { display: block; width: 1050px; height: 2px; background-color: #fff; margin: -5px 73px; } 
.layout-03 .con-02 .dot-box ul { position:relative; } 
.layout-03 .con-02 .dot-box ul li { width: 150px; background:url(../image/sub/layout_dot.png) no-repeat center top; padding-top: 30px; text-align: center; } 
.layout-03 .con-02 .dot-box ul li+li { margin-left: 25px; } 
.layout-03 .con-02 .dot-box ul li:nth-child(1) { } 
.layout-03 .con-02 .dot-box ul li:nth-child(2) { } 
.layout-03 .con-02 .dot-box ul li:nth-child(3) { } 
.layout-03 .con-02 .dot-box ul li:nth-child(4) { } 
.layout-03 .con-02 .dot-box ul li:nth-child(5) { } 
.layout-03 .con-02 .dot-box ul li:nth-child(6) { } 
.layout-03 .con-02 .dot-box ul li:last-child { } 
.layout-03 .con-02 .dot-box ul li .title { color: #fff; font-size: 24px; font-weight: bold; padding-bottom: 10px; } 
.layout-03 .con-02 .dot-box ul li p { color: #fff; font-size: 18px; } 

.layout-03 .con-03 { } 
.layout-03 .con-03 .wrap { padding: 100px 0; } 
.layout-03 .con-03 table { border-top: 2px solid var(--mainColor); margin-top: 50px; } 
.layout-03 .con-03 table tr { } 
.layout-03 .con-03 table tr td { border: 1px solid #ddd; } 
.layout-03 .con-03 table tr td.subject { width: 300px; height: 130px; font-size: 20px; font-weight: bold; background-color: #f6f6f6; text-align: center; border-left: 0; } 
.layout-03 .con-03 table tr td.text { font-size: 20px; text-align: justify; padding: 0 40px; border-right: 0; } 

.layout-03 { } 
.layout-03 .con-04 { background-color: #f6f6f6; } 
.layout-03 .con-04 .wrap { padding: 100px 0; } 
.layout-03 .con-04 .tit { padding-bottom: 40px; } 
.layout-03 .con-04 .flex { align-items: center; } 
.layout-03 .con-04 ul { margin-left: 30px; } 
.layout-03 .con-04 ul li { background: url(../image/sub/layout_chk.png) no-repeat left center; } 
.layout-03 .con-04 ul li+li { margin-top: 20px; } 
.layout-03 .con-04 ul li span { display: block; padding-left: 35px; font-size: 20px; line-height: 1; } 

.layout-03 .con-05 { } 
.layout-03 .con-05 .wrap { padding: 100px 0; } 
.layout-03 .con-05 ul { justify-content: space-between; margin: 20px 40px 0; } 
.layout-03 .con-05 ul li { text-align: center; } 
.layout-03 .con-05 ul li span { display: block; font-size: 20px; line-height: 1.5; padding-top: 20px; } 

.layout-03 .con-06 > .flex { } 
.layout-03 .con-06 .left-con { width: 50%; background-color: #555; text-align: right; } 
.layout-03 .con-06 .left-wrap { display: inline-block; width: 470px; padding: 170px 70px 170px 0; } 
.layout-03 .con-06 .left-wrap .tit { font-size: 45px; color: #fff; font-weight: bold; text-align: left; } 
.layout-03 .con-06 .left-wrap .txt { font-size: 20px; color: #fff; text-align: justify; } 
.layout-03 .con-06 .left-wrap .tabs { justify-content: space-between; margin-top: 60px; } 
.layout-03 .con-06 .left-wrap .tabs li { width: 150px; height: 150px; border: 1px solid #fff; text-align: center; } 
.layout-03 .con-06 .left-wrap .tabs li a { display: block; color: #fff; font-size: 20px; font-weight: bold; padding-top: 40px; box-sizing: border-box; } 
.layout-03 .con-06 .left-wrap .tabs li a span { display: block; color: #fff; font-size: 1em; padding-top: 10px; } 

/* selected */
.layout-03 .con-06 .left-wrap .tabs li.selected { background-color: var(--mainColor); border: 1px solid var(--mainColor); } 
.layout-03 .con-06 .left-wrap .tabs li.selected a { } 

.layout-03 .con-06 .right-con { width: 50%; background-color: #f6f6f6; text-align: left; } 
.layout-03 .con-06 .right-con .right-wrap { display: inline-block; width: 580px; padding: 100px 0 100px 75px; } 
.layout-03 .con-06 .right-con .con {margin-top:0 !important;} 
.layout-03 .con-06 .right-con .con span { display: block; font-size: 25px; font-weight: bold; margin-bottom: 20px; } 
.layout-03 .con-06 .right-con .con .txt { font-size: 20px; text-align: justify; word-break: keep-all; margin-top: 20px; } 


/* layout-04 */
.layout-04 { } 
.layout-04 .con-01 { } 
.layout-04 .con-01 .wrap { padding: 60px 0 100px; } 
.layout-04 .con-01 .tit { padding-bottom: 60px; } 
.layout-04 .con-01 .txt { padding-top: 20px; } 

.layout-04 .con-02 { background-color: #f6f6f6; } 
.layout-04 .con-02 .tit { padding-bottom: 60px; } 
.layout-04 .con-02 .wrap { padding: 100px 0; } 
.layout-04 .con-02 .txt { padding-top: 20px; } 
.layout-04 .con-02 ul { justify-content: space-between; margin-top: 50px; } 
.layout-04 .con-02 ul li { width: 25%; text-align: center; } 
.layout-04 .con-02 ul li+li { border-left: 1px solid #ccc; box-sizing: border-box; } 
.layout-04 .con-02 ul li .color { display: block; font-size: 25px; color: var(--mainColor); font-weight: bold; padding-bottom: 15px; line-height: 1; } 
.layout-04 .con-02 ul li p { font-size: 20px; line-height: 1.4; } 

.layout-04 .con-03 { } 
.layout-04 .con-03 .wrap { padding: 100px 0; } 
.layout-04 .con-03 .wrap > ul { justify-content: space-between; align-items: center; margin-top: 60px; } 
.layout-04 .con-03 ul li { width: 550px; } 
.layout-04 .con-03 ul li .top { width: 100%; height: 100px; background-color: var(--mainColor); } 
.layout-04 .con-03 ul li .top span { display: block; font-size: 30px; font-weight: bold; text-align: center; line-height: 100px; color: #fff; } 

.layout-04 .con-03 ul li.right-box .top { background-color: #888; } 
.layout-04 .con-03 ul li.center-box { text-align: center; } 

.layout-04 .con-03 ul li .bottom { border: 1px solid #ccc; padding: 50px 0 50px 60px; } 
.layout-04 .con-03 ul li .bottom ul { } 
.layout-04 .con-03 ul li .bottom ul li { align-items: flex-end; } 
.layout-04 .con-03 ul li .bottom ul li+li { margin-top: 30px; } 
.layout-04 .con-03 ul li .bottom ul li p { padding-left: 20px; } 
.layout-04 .con-03 ul li .bottom ul li p strong { display: block; font-size: 25px; } 
.layout-04 .con-03 ul li .bottom ul li p span { font-size: 20px; } 

.layout-04 .con-04 { } 
.layout-04 .con-04 .tit { padding-bottom: 60px; } 
.layout-04 .con-04 .flex { align-items: center; } 
.layout-04 .con-04 .wrap { } 
.layout-04 .con-04 .list { background-origin: #f6f6f6; padding-left: 40px; } 
.layout-04 .con-04 .list .tit { text-align: left; } 
.layout-04 .con-04 .list ul { } 
.layout-04 .con-04 .list ul li { background: url(../image/sub/layout_chk.png) no-repeat left center; } 
.layout-04 .con-04 .list ul li+li { margin-top: 20px; } 
.layout-04 .con-04 .list ul li span { display: block; padding-left: 35px; font-size: 20px; line-height: 1; } 

.layout-04 .con-05 { } 
.layout-04 .con-05 .tit { padding-bottom: 60px; } 
.layout-04 .con-05 .wrap { padding: 100px 0; } 
.layout-04 .con-05 ul { flex-wrap: wrap; justify-content: space-between; } 
.layout-04 .con-05 ul li { width: 570px; position: relative; } 
.layout-04 .con-05 ul li .rel { } 
.layout-04 .con-05 ul li .rel .num { display: block; width: 140px; height: 40px; line-height: 40px; background-color: var(--mainColor); border-radius: 50px; color: #fff; font-size: 20px; font-weight: bold; text-align: center; position: absolute; left: 50%; bottom: -20px; margin-left: -70px; } 
.layout-04 .con-05 ul li p { font-size: 20px; padding-top: 40px; text-align: center; } 

/* layout-05 */
.layout-05 { } 
.layout-05 .con-01 { } 
/* .layout-05 .con-01 .tit { padding-bottom: 30px; } */
.layout-05 .con-01 .wrap { padding: 60px 0 100px; } 
.layout-05 .con-01 .flex { justify-content: space-between; margin-top: 50px; } 

.layout-05 .con-02 { background-color: #f6f6f6; } 
.layout-05 .con-02 .wrap { padding: 100px 0; } 
.layout-05 .con-02 .flex { margin: 50px 0; } 

.layout-05 .con-03 { } 
.layout-05 .con-03 .wrap { padding: 100px 0; } 
.layout-05 .con-03 ul { margin-top: 60px; align-items: center; justify-content: space-between; } 
.layout-05 .con-03 ul li { width: 580px; } 
.layout-05 .con-03 ul li { } 
.layout-05 .con-03 ul li.text1 { padding-left: 40px; } 
.layout-05 .con-03 ul li.text2 { } 
.layout-05 .con-03 ul li span { display: block; font-size: 25px; font-weight: bold; padding-bottom: 15px; } 
.layout-05 .con-03 ul li p { font-size: 20px; text-align: justify; word-break: keep-all; } 

.layout-05 .con-04 { background-color: #f6f6f6; } 
.layout-05 .con-04 .wrap { padding: 100px 0; } 
.layout-05 .con-04 .tit { padding-bottom: 60px; } 
.layout-05 .con-04 ul { flex-wrap: wrap; justify-content: space-between; } 
.layout-05 .con-04 ul li { width: 580px; } 
.layout-05 .con-04 ul li .text-wrap { width: 100%; background-color: #fff; border: 1px solid #ccc; text-align: center; padding: 20px 0; box-sizing: border-box; } 
.layout-05 .con-04 ul li .text-wrap span { display: block; font-size: 25px; font-weight: bold; padding-bottom: 10px; } 
.layout-05 .con-04 ul li .text-wrap p { font-size: 20px; } 

.layout-05 .con-05 { } 
.layout-05 .con-05 .tit { padding-bottom: 60px; } 
.layout-05 .con-05 .wrap { padding: 100px 0; } 
.layout-05 .con-05 ul { flex-wrap: wrap; justify-content: space-between; } 
.layout-05 .con-05 ul li { width: 285px; padding: 40px 0; border: 1px solid #ccc; box-sizing: border-box; text-align: center; } 
.layout-05 .con-05 ul li:nth-child(-n+4) { margin-bottom: 20px; } 
.layout-05 .con-05 ul li span { font-size: 20px; display: block; padding-top: 20px; } 

.layout-05 .con-06 { background-color: #555; } 
.layout-05 .con-06 .wrap { padding: 100px 0; } 
.layout-05 .con-06 .tit { color: #fff; } 
.layout-05 .con-06 .txt { color: #fff; } 
.layout-05 .con-06 .txt strong { color: #fff; } 




@media screen and (max-width: 750px) {

.layout{margin-top:40px;}
.layout .tit { display: block; font-size: 6.67vw; text-align: center; font-weight: bold; padding-bottom: 4.00vw; line-height: 1; } 
.layout .txt { display: block; font-size: 4.00vw; text-align: justify; word-break: break-all; letter-spacing: -0.21vw; } 
.layout .txt strong { font-size: 1em; color: inherit; } 
.layout .wrap { padding: 13.33vw 0; margin:0 auto;} 
.layout .wrap-02 { padding: 5.33vw 0 13.33vw; } 

/* layout-01 */
.layout-01 .con-01 {background:none; height:auto; margin:0;} 
/* .layout-01 .con-01 .wrap { padding-top: 13.33vw; } */
.layout-01 .con-01 .tit { text-align: left; } 
.layout-01 .con-01 .txt{word-break:break-all;}
.layout-01 .con-01 .wrap { padding: 5.33vw 0; width:89.33vw; } 

.layout-01 .con-02 { background-color: #f6f6f6; } 
.layout-01 .con-02 .wrap { width:89.33vw; }
.layout-01 .con-02 .tit { } 
.layout-01 .con-02 .txt { text-align: justify; } 
.layout-01 .con-02 ul { margin-top: 6.67vw; } 
.layout-01 .con-02 ul li { height: 10.67vw; width: 100%; line-height: 10.67vw; border: 0.13vw solid #eaeaea; border-radius: 6.67vw; text-align: left; background-color: #fff; position: relative; } 
.layout-01 .con-02 ul li+li { margin-top: 2.67vw; } 
.layout-01 .con-02 ul li::before { content: ""; width: 10.67vw; height: 100%; background-color: var(--mainColor); background-size: cover; position: absolute; left: 0; border-radius: 6.67vw 0 0 6.67vw; } 
.layout-01 .con-02 ul li .num { font-size: 4.00vw; padding-left: 3.33vw; color: #fff; position: relative; left: 0.40vw; z-index: 1; letter-spacing: -0.13vw !important; } 
.layout-01 .con-02 ul li .text { display: inline-block; font-size: 4.00vw; padding-left: 5.33vw; } 

.layout-01 .con-03 { } 
.layout-01 .con-03 .wrap {  width:89.33vw; } 
.layout-01 .con-03 ul { margin-top: 6.67vw; flex-direction:column; gap:6.67vw;} 
.layout-01 .con-03 ul li { width:100%; } 
.layout-01 .con-03 ul li > img{width:100%; height:auto; object-fit:cover;}
.layout-01 .con-03 ul li+li { margin-top: 0.00vw; } 
.layout-01 .con-03 ul li p span { display: block; font-size: 5.33vw; font-weight: bold; padding: 2.67vw 0 1.33vw; word-break:break-all; } 
.layout-01 .con-03 ul li p { text-align: justify; font-size: 4.00vw; } 

.layout-01 .con-04 { background-color: #f6f6f6; } 
.layout-01 .con-04 .wrap {  width:89.33vw; } 
.layout-01 .con-04 ul { justify-content: space-between; flex-wrap: wrap; gap:5.33vw 0;} 
.layout-01 .con-04 ul li { width: 50%; text-align: center; margin:0;}
.layout-01 .con-04 ul li img{width:16.00vw; height:12.67vw;}
.layout-01 .con-04 ul li + li{margin:0;}
/* .layout-01 .con-04 ul li:nth-child(1),.layout-01 .con-04 ul li:nth-child(2) { margin-top: 0; } */
.layout-01 .con-04 ul li p { padding-top: 2.67vw; font-size: 4.00vw; } 
.layout-01 .con-04 ul li span{font-size:4.00vw;}

.layout-01 .con-05 { } 
.layout-01 .con-05 .wrap {  width:89.33vw; } 
.layout-01 .con-05 .tit { padding-bottom: 6.67vw; } 
.layout-01 .con-05 .img-wrap { display: flex; } 
.layout-01 .con-05 .img-wrap img{width:50%;}
.layout-01 .con-05 ul {display:flex; flex-wrap:wrap;} 
.layout-01 .con-05 ul li {width:100%;}
.layout-01 .con-05 ul li img{width:100%; height:auto;} 
.layout-01 .con-05 ul li { position: relative; margin-top: 2.67vw; } 
.layout-01 .con-05 ul li+li { } 
.layout-01 .con-05 ul li::before { content: ""; width: 0.67vw; height: 0.67vw; background-color: var(--mainColor); border-radius: 50%; position: absolute; left: 0; top: 2.67vw; } 
.layout-01 .con-05 ul li span { display: block; font-size: 4.00vw; padding-left: 2.00vw; } 

.layout-01 .con-06 { background-color: #f6f6f6; } 
.layout-01 .con-06 .wrap {  width:89.33vw; } 
.layout-01 .con-06 ul { } 
.layout-01 .con-06 ul li { padding-top: 4.00vw; } 
.layout-01 .con-06 ul li img{width:100%; height:Auto; object-fit:cover;}
.layout-01 .con-06 ul li+li { padding-top: 6.67vw; } 
.layout-01 .con-06 ul li span{display:flex; align-items:center; gap:1.33vw;}
.layout-01 .con-06 ul li span .num { display: block; width: 6.67vw; height: 6.67vw; line-height: 6.67vw; border-radius: 50%; background-color: var(--mainColor); color: #fff; font-weight: bold; font-size: 5.33vw; text-align: center; margin: 0; } 
.layout-01 .con-06 ul li .text { display: block; font-size: 5.33vw; font-weight: bold; text-align: center; padding: 2.67vw 0 4.00vw; } 
.layout-01 .con-06 ul li p { padding-top: 2.67vw; font-size:4.00vw; word-break:break-all;} 
.layout-01 .con-06 ul li:nth-child(2n){width:100%; padding-left:0;}
.layout-01 .con-06 ul li span{font-size:5.33vw;}

/* layout-02 */
.layout-02 { } 
.layout-02 .con-01 { background-color: #f6f6f6; margin-top: 5.33vw; } 
.layout-02 .con-01 .wrap {  width:89.33vw; padding:10.67vw 0; } 
.layout-02 .con-01 .tit { padding-bottom: 6.67vw; } 
.layout-02 .con-01 .txt { padding-top: 2.67vw; } 
.layout-02 .con-01 .img-wrap { } 
.layout-02 .con-01 .img-wrap img{width:100%;}
.layout-02 .con-01 .img-wrap img+img { margin-top: 2.67vw; } 

.layout-02 .con-02 { } 
.layout-02 .con-02 .wrap {  width:89.33vw; padding:10.67vw 0; } 
.layout-02 .con-02 .box { width: 82.67vw; margin: 8.00vw auto 0; overflow: hidden; display:flex; flex-wrap:wrap;gap:5vw 8vw; } 
.layout-02 .con-02 .box li { width: 37.33vw; height: 37.33vw; border: 0.67vw solid var(--mainColor); border-radius: 50%; display: inline-block; text-align: center; box-sizing:border-box; margin:0 !important; display:flex; align-items:center; justify-content:center;} 
.layout-02 .con-02 .box li:nth-child(2n) { margin-left: 0; } 
.layout-02 .con-02 .box li dl { padding-top: 0; } 
.layout-02 .con-02 .box li dl dt { font-size: 5.33vw; color: var(--mainColor); margin-bottom: 2.67vw; } 
/* .layout-02 .con-02 .box li dl dt:after { content:''; clear:both; display:block; position:absolute; bottom:-2.00vw; left:50%; margin-left:-2.40vw; width:4.80vw; height:0.13vw; background:#e2e2e2; } */
.layout-02 .con-02 .box li dl dd { margin: 0; font-size: 3.20vw;} 
.layout-02 .con-02 .num_box { background-color: #f6f6f6; position: relative; } 
.layout-02 .con-02 .num_box:before { content: ''; display: block; position: absolute; top: 0; left: 50%; width: 9.07vw; height: 4.00vw; margin-left: -3.07vw; background: url(../image/sub/m_arrow_after.png) no-repeat; } 
.layout-02 .con-02 .num_box .wrap { padding: 8.00vw 0; } 
.layout-02 .con-02 .num_list { margin-bottom:5.33vw; } 
.layout-02 .con-02 .num_list:last-child { margin-bottom: 0; } 
.layout-02 .con-02 .num_list dt { color:#333; font-size: 4.00vw; line-height:1; font-weight:700; } 
.layout-02 .con-02 .num_list dt strong { padding-right: 1.07vw; } 
.layout-02 .con-02 .num_list dd { color:#333; font-size: 4.00vw; padding: 1.33vw 0 0 6.67vw; } 

.layout-02 .con-03 { } 
.layout-02 .con-03 .wrap {  width:89.33vw; padding:10.67vw 0; } 
.layout-02 .con-03 ul { margin-top: 6.67vw; } 
.layout-02 .con-03 ul li { align-items: center; width:100%;} 
.layout-02 .con-03 ul li+li { margin-top: 2.67vw; margin-left:0} 
.layout-02 .con-03 ul li p { padding-left: 4.00vw; font-size: 4.00vw; text-align:left; width:100%; white-space:pre-wrap;} 
.layout-02 .con-03 ul li p span { display: block; font-weight: bold; font-size: 1em; text-align:left; width:100%; white-space:pre-wrap;} 
.layout-02 .con-03 ul li img{width:30.667vw; height:auto;}

.layout-02 .con-04 { background-color: #555555; } 
.layout-02 .con-04 .wrap {  width:89.33vw; padding:10.67vw 0; } 
.layout-02 .con-04 .tit { color: #fff; padding-bottom: 6.67vw; } 
.layout-02 .con-04 ol { justify-content: space-between; flex-wrap: wrap; } 
.layout-02 .con-04 ol li { width: 42.67vw; height: 42.67vw; border: 0.13vw solid #fff; box-sizing: border-box; margin-top: 4.00vw; text-align: center; } 
.layout-02 .con-04 ol li:nth-child(-n+2) { margin-top: 0; } 
.layout-02 .con-04 ol li .num { display: block; color: #fff; font-size: 6.00vw; padding: 6.67vw 0 2.67vw; } 
.layout-02 .con-04 ol li p { color: #fff; font-size: 4.00vw; } 

.layout-02 .con-05 { } 
.layout-02 .con-05 .wrap {  width:89.33vw; padding:10.67vw 0; } 
.layout-02 .con-05 .tit { padding-bottom: 6.67vw; } 
.layout-02 .con-05 ul { flex-wrap: wrap; justify-content: space-between; } 
.layout-02 .con-05 ul li { width: 42.67vw; text-align: center; margin-top: 5.33vw; } 
.layout-02 .con-05 ul li + li{margin-left:0;}
.layout-02 .con-05 ul li:nth-child(-n+2) { margin-top: 0; } 
.layout-02 .con-05 ul li .num { display: block; width: 20.00vw; height: 6.67vw; line-height: 6.67vw; background-color: var(--mainColor); border-radius: 6.67vw; color: #fff; font-size: 3.33vw; font-weight: bold; text-align: center; position: absolute; left: 50%; bottom: 2.67vw; margin-left: -9.33vw; } 
.layout-02 .con-05 ul li p { font-size: 4.00vw; padding-top: 2.67vw; } 
.layout-02 .con-05 ul li img{width:42.667vw}

/* layout-03 */
.layout-03 { } 
.layout-03 .con-01 { position: relative; } 
.layout-03 .con-01 .wrap {  width:89.33vw; padding:10.67vw 0; } 
.layout-03 .con-01 .tit { text-align: left; padding: 6.67vw 0; font-size:6.67vw;} 
.layout-03 .con-01 .bg { width: 100%; height: 106.67vw; background-color: #f6f6f6; position: absolute; bottom: 0; z-index: -1; } 
.layout-03 .con-01 img{width:100%;}
.layout-03 .con-01 .flex{margin-top:6.67vw; flex-direction:column;}
.layout-03 .con-01 .txt{font-size:4.00vw; width:100%; letter-spacing:-0.04em;}

.layout-03 .con-02 .wrap { padding: 13.33vw 0 6.67vw; } 
.layout-03 .con-02 .wrap .border{display:none;}
.layout-03 .con-02 .wrap > p.txt{width:89.33vw; margin:0 auto;}

.layout-03 .con-02 .dot-box { background-color: #555; } 
.layout-03 .con-02 .dot-box .wrap { padding: 6.67vw 0; position: relative; } 
.layout-03 .con-02 .dot-box .line { width: 0.13vw; height: 60.00vw; background-color: #fff; position: absolute; left: 0; top: 9.60vw; border: 0; } 
.layout-03 .con-02 .dot-box ul { flex-wrap:wrap; margin-left:5.333vw; border-left:0.13vw solid #fff;} 
.layout-03 .con-02 .dot-box ul li { position: relative; width:100%; box-sizing:border-box; padding-left:6.667vw; text-align:left; background:none; padding-top:0;} 
.layout-03 .con-02 .dot-box ul li+li { margin-top: 4.00vw; margin-left:0;} 
.layout-03 .con-02 .dot-box ul li::before { content: ""; width: 1.33vw; height: 1.33vw; background-color: #fff; border-radius: 50%; position: absolute; left: -0.7vw; top: 50%; transform: translateY(-50%); } 
.layout-03 .con-02 .dot-box ul li span { font-size: 4.00vw; color: #fff; font-weight: bold; padding:0; font-size:4.00vw;} 
.layout-03 .con-02 .dot-box ul li p { display: inline-block;  color: #fff; font-size: 4.00vw; padding-left: 2.67vw; } 
.layout-03 .con-02 .dot-box ul li .title { display: inline-block;  color: #fff; font-size: 4.00vw; padding-left: 2.67vw; } 

.layout-03 .con-03 { } 
.layout-03 .con-03 .wrap {  width:89.33vw; padding:10.67vw 0; } 
.layout-03 .con-03 table { margin-top: 6.67vw; width:100%; border-top:none;} 
.layout-03 .con-03 table tr {display:flex; flex-direction:column; } 
.layout-03 .con-03 table tr td.subject { display: block; width: 100%; line-height: 10.67vw; background-color: #f6f6f6; font-size: 4.00vw; font-weight: bold; border-top: 0.13vw solid var(--mainColor); text-align: center; width:100%;height: 10.67vw;} 
.layout-03 .con-03 table tr td.text { font-size: 4.00vw; text-align: justify; padding: 4.00vw 2.67vw; border-top: 0.13vw solid #ddd; margin-bottom: 4.00vw; width:100%; box-sizing:border-box; } 
.layout-03 .con-03 table .last { margin-bottom: 0; } 
.layout-03 .con-03 table tr td{border:none;}

.layout-03 .con-04 { background-color: #f6f6f6; } 
.layout-03 .con-04 .wrap {  width:89.33vw; padding:10.67vw 0; } 
.layout-03 .con-04 .flex{flex-direction:column; width:89.33vw; margin:0 auto;}
.layout-03 .con-04 .flex > img{width:100%;}
.layout-03 .con-04 .tit { padding-bottom: 8.00vw; } 
.layout-03 .con-04 ul { margin-top: 5.33vw; margin-left:0; width:100%;} 
.layout-03 .con-04 ul li { background: url(../image/sub/layout_chk.png) no-repeat left center; background-size:2.933vw; width:100%;} 
.layout-03 .con-04 ul li+li { margin-top: 2.67vw; } 
.layout-03 .con-04 ul li span { display: block; padding-left: 4.67vw; font-size: 4.00vw; line-height: 1; } 

.layout-03 .con-05 { } 
.layout-03 .con-05 .wrap {  width:89.33vw; padding:10.67vw 0; } 
.layout-03 .con-05 .tit { padding-bottom: 8.00vw; } 
.layout-03 .con-05 ul { justify-content: space-between; flex-wrap: wrap; gap:7vw 0; width:100%; margin:0;} 
.layout-03 .con-05 ul li { width: 47.5%; text-align: center; } 
.layout-03 .con-05 ul li img{width:22.667vw}
.layout-03 .con-05 ul li p { font-size: 4.00vw; padding-top: 1.33vw; letter-spacing: -0.27vw; } 
.layout-03 .con-05 ul li span{font-size:3.5vw; padding-top:2.67vw;}

.layout-03 .con-06 { } 
.layout-03 .con-06 .wrap {  width:89.33vw; padding:10.67vw 0; } 
.layout-03 .con-06 > .flex{flex-direction:column; width:100%;}
.layout-03 .con-06 > .flex > div{width:100%;}
.layout-03 .con-06 .left-wrap{width:100%; padding:6.67vw 5.33vw; box-sizing:border-box;}
.layout-03 .con-06 .left-wrap .tit { color: #fff; text-align: left; font-size:4.00vw;} 
.layout-03 .con-06 .left-wrap .txt { color: #fff; letter-spacing: -0.13vw; font-size:2.67vw;} 
.layout-03 .con-06 .left-wrap .tabs { margin-top: 4.00vw; justify-content: space-between; width:100%;} 
.layout-03 .con-06 .left-wrap .tabs li { width: 33.3%; height: 20.00vw; border: 0.13vw solid #fff; text-align: center; display:flex; justify-content:center; align-items:center;} 
.layout-03 .con-06 .tabs li.selected { background-color: var(--mainColor); border: 0.13vw solid var(--mainColor); } 
.layout-03 .con-06 .left-wrap .tabs li a {padding:0; box-sizing: border-box; font-size: 4.00vw; } 
.layout-03 .con-06 .tabs li a .num { display: block; color: #fff; font-size: 1em; padding-top: 1.33vw; } 

.layout-03 .con-06 .right-con .right-wrap{width:100%; height:auto; box-sizing:border-box; padding:6.67vw 5.33vw;}

.layout-03 .con-06 .con { } 
.layout-03 .con-06 .con .wrap { padding: 6.67vw 0 13.33vw; } 
.layout-03 .con-06 .right-con .con span { display: block; font-size: 4.00vw; font-weight: bold; line-height: 1; padding-bottom: 4.00vw; } 
.layout-03 .con-06 .right-con .con .txt { padding-top: 4.00vw; font-size:3.5vw; margin-top:0; } 
.layout-03 .con-06 .right-con .con img{width:100%;}


/* layout-04 */
.layout-04 { } 
.layout-04 .con-01 { } 
.layout-04 .con-01 .wrap {  width:89.33vw; padding:10.67vw 0; } 
.layout-04 .con-01 .txt { padding-top: 2.67vw; font-size:4vw;} 
.layout-04 .con-01 .txt br{display:none;}
.layout-04 .con-01 .wrap > img{width:100%; height:auto;}

.layout-04 .con-02 { background-color: #f6f6f6; } 
.layout-04 .con-02 .wrap {  width:89.33vw; padding:10.67vw 0; } 
.layout-04 .con-02 .wrap > img{width:100%; height:auto;}
.layout-04 .con-02 .txt { padding-top: 2.67vw; } 
.layout-04 .con-02 .txt br{display:none;}
.layout-04 .con-02 ul { flex-wrap: wrap; margin-top: 5.33vw; } 
.layout-04 .con-02 ul li { width: 50%; padding: 2.67vw 0; text-align: center; position: relative; } 
/* .layout-04 .con-02 ul li:nth-child(3), .layout-04 .con-02 ul li:nth-child(4) { margin-top: 2.67vw; } */

/* 첫번째 li 아래 선 */
.layout-04 .con-02 ul li:nth-child(1)::before { content: ""; width: 33.33vw; height: 0.13vw; background-color: #ccc; position: absolute; left: 6.67vw; bottom: 0; } 
/* 첫번째 li 오른쪽 선 */
.layout-04 .con-02 ul li:nth-child(1)::after { content: ""; width: 0.13vw; height: 22.67vw; background-color: #ccc; position: absolute; right: 0; top: 2.67vw; } 
/* 두번째 li 아래 선 */
.layout-04 .con-02 ul li:nth-child(2)::before { content: ""; width: 33.33vw; height: 0.13vw; background-color: #ccc; position: absolute; right: 6.67vw; bottom: 0; } 
/* 세번째 li 오른쪽 선 */
.layout-04 .con-02 ul li:nth-child(3)::after { content: ""; width: 0.13vw; height: 22.67vw; background-color: #ccc; position: absolute; right: 0; bottom: 3.33vw; } 

/* .layout-04 .con-02 ul li:nth-child(3),.layout-04 .con-02 ul li:nth-child(4) { padding-top: 0; } */
.layout-04 .con-02 ul li .color { display: block; color: var(--mainColor); font-size: 4.00vw; font-weight: bold; } 
.layout-04 .con-02 ul li+li{border-left:none;}
.layout-04 .con-02 ul li p { font-size: 4.00vw; padding-top: 2.67vw; line-height: 1.3; } 

.layout-04 .con-03 { } 
.layout-04 .con-03 .wrap {  width:89.33vw; padding:10.67vw 0; } 
.layout-04 .con-03 .box { margin-top: 8.00vw; } 

.layout-04 .con-03 .box .top { background-color: #888; height: 13.33vw; line-height: 13.33vw; } 
.layout-04 .con-03 .color-box .top { background-color: var(--mainColor); } 
.layout-04 .con-03 .box .top span { display: block; color: #fff; font-weight: bold; font-size: 4.27vw; text-align: center; } 

.layout-04 .con-03 .box .bottom { border: 0.13vw solid #ccc; padding: 6.67vw 8.00vw; } 
.layout-04 .con-03 .box .bottom ul { } 
.layout-04 .con-03 .box .bottom ul li { align-items: center; } 
.layout-04 .con-03 .box .bottom ul li+li { margin-top: 4.00vw; } 
.layout-04 .con-03 .box .bottom ul li p { padding-left: 2.67vw; font-size: 3.73vw; } 
.layout-04 .con-03 ul li .bottom ul li p strong { display: block; padding-bottom: 1.33vw; font-size: 1em; } 
.layout-04 .con-03 .box .bottom ul li p span { font-size: 1em; letter-spacing: -0.20vw; } 

.layout-04 .con-03 .center { } 
.layout-04 .con-03 .center img { display: block; margin: 0 auto; } 
.layout-04 .con-03 .wrap > ul{flex-direction:column;}
.layout-04 .con-03 ul li{width:100%;}
.layout-04 .con-03 ul li img{width:17.33vw; height: auto;}
.layout-04 .con-03 ul li .top{height: 13.33vw; line-height: 13.33vw; }
.layout-04 .con-03 ul li .top span { display: block; color: #fff; font-weight: bold; font-size: 4.27vw; text-align: center;  line-height: 13.33vw; }
.layout-04 .con-03 ul li .bottom{padding:5.33vw;}
.layout-04 .con-03 ul li .bottom ul li{align-items:center; }
.layout-04 .con-03 ul li .bottom ul li p{padding-left:2.67vw; font-size:3.467vw;}
.layout-04 .con-03 ul li .bottom ul li p span{font-size:3.467vw;}
.layout-04 .con-03 ul li.center-box img{width:7.200vw; margin:8vw auto;}

.layout-04 .con-04 { background-color: #f6f6f6; } 
.layout-04 .con-04 .wrap {  width:89.33vw; padding:10.67vw 0; } 
.layout-04 .con-04 .flex{flex-direction:column; width:89.33vw; margin:0 auto;}
.layout-04 .con-04 .flex > img{width:100%;}
.layout-04 .con-04 .tit { padding-bottom: 8.00vw; } 
.layout-04 .con-04 ul { margin-top: 5.33vw; margin-left:0; width:100%;} 
.layout-04 .con-04 ul li { background: url(../image/sub/layout_chk.png) no-repeat left center; background-size:2.933vw; width:100%;} 
.layout-04 .con-04 ul li+li { margin-top: 2.67vw; } 
.layout-04 .con-04 ul li span { display: block; padding-left: 4.67vw; font-size: 4.00vw; line-height: 1; } 

.layout-04 .con-05 { } 
.layout-04 .con-05 .wrap {  width:89.33vw; padding:10.67vw 0; } 
.layout-04 .con-05 .tit { padding-bottom: 8.00vw; } 
.layout-04 .con-05 ul { } 
.layout-04 .con-05 ul li { } 
.layout-04 .con-05 ul li .rel img{width:100%;}
.layout-04 .con-05 ul li+li { margin-top: 8.00vw; } 
.layout-04 .con-05 ul li .num { display: block; width: 20.00vw; height: 6.67vw; line-height: 6.67vw; background-color: var(--mainColor); border-radius: 6.67vw; color: #fff; font-size: 3.47vw; font-weight: bold; text-align: center; position: absolute; left: 50%; bottom: -2.67vw; margin-left: -9.33vw; } 
.layout-04 .con-05 ul li p { font-size: 4.00vw; padding-top: 5.33vw; text-align: center; letter-spacing: -0.20vw; } 

/* layout-05 */
.layout-05 { } 
.layout-05 .con-01 { } 
.layout-05 .con-01 .wrap {  width:89.33vw; padding:10.67vw 0; } 
.layout-05 .con-01 .wrap img{width:100%} 

.layout-05 .con-02 { background-color: #f6f6f6; } 
.layout-05 .con-02 .txt { padding-bottom: 8.00vw; } 
.layout-05 .con-02 .txt-2 { padding-top: 2.67vw; padding-bottom: 0; } 
.layout-05 .con-02 .wrap {  width:89.33vw; padding:10.67vw 0; } 
.layout-05 .con-02 .wrap img{width:100%} 

.layout-05 .con-03 { } 
.layout-05 .con-03 .wrap {  width:89.33vw; padding:10.67vw 0; } 
.layout-05 .con-03 .wrap img{width:100%} 
.layout-05 .con-03 ul { margin-top: 8.00vw; } 
.layout-05 .con-03 ul li {width:100%;} 
.layout-05 .con-03 ul li+li { margin-top: 6.67vw; } 
.layout-05 .con-03 ul li span { display: block; font-size: 4.00vw; font-weight: bold; padding: 2.67vw 0 2.00vw; line-height: 1; } 
.layout-05 .con-03 ul li p {font-size:4.000vw; } 

.layout-05 .con-04 { background-color: #f6f6f6; } 
.layout-05 .con-04 .wrap {  width:89.33vw; padding:10.67vw 0; } 
.layout-05 .con-04 .wrap img{width:100%} 
.layout-05 .con-04 .tit { padding-bottom: 8.00vw; } 
.layout-05 .con-04 ul { } 
.layout-05 .con-04 ul li {width:100%;} 
.layout-05 .con-04 ul li+li { margin-top: 4.00vw; } 
.layout-05 .con-04 ul li .text-wrap { width: 100%; background-color: #fff; border: 0.13vw solid #ccc; text-align: center; padding:5.33vw; box-sizing: border-box; } 
.layout-05 .con-04 ul li .text-wrap span { display: block; font-size: 4.00vw; font-weight: bold; padding-bottom: 1.33vw; } 
.layout-05 .con-04 ul li .text-wrap p { font-size: 4.00vw; text-align:justify; word-break:break-word; word-break: keep-all; } 

.layout-05 .con-05 { } 
.layout-05 .con-05 .wrap {  width:89.33vw; padding:10.67vw 0; } 
.layout-05 .con-05 .wrap img{width:100%} 
.layout-05 .con-05 .tit { padding-bottom: 8.00vw; } 
.layout-05 .con-05 ul { flex-wrap: wrap; justify-content: space-between; } 
.layout-05 .con-05 ul li { width: 42.00vw; padding: 5.33vw 0; border: 0.13vw solid #ccc; box-sizing: border-box; text-align: center; } 
.layout-05 .con-05 ul li:nth-child(-n+6) { margin-bottom: 5.33vw; } 
.layout-05 .con-05 ul li span { font-size: 4.00vw; display: block; padding-top: 2.67vw; } 
.layout-05 .con-05 ul li img{width:17.333vw !important;}

.layout-05 .con-06 { background-color: #555; } 
.layout-05 .con-06 .wrap {  width:89.33vw; padding:10.67vw 0; } 
.layout-05 .con-06 .wrap img{width:100%} 
.layout-05 .con-06 .tit { color: #fff; } 
.layout-05 .con-06 .txt { color: #fff; } 













}