@charset "utf-8";




/*전체 타이틀*/
#content h4{position:relative;font-size: 30px;  letter-spacing: -0.01em; margin-bottom: 20px;padding-left: 10px;font-weight: 700;}



/* 사업소개new */
.coss_story{ width: 100%; margin-bottom:40px; background: url("../images/content/n_stroy_img01.png") right 30px no-repeat; padding-top:30px; min-height:420px; background-size: 550px; }
.coss_story h5{font-size:32px; font-weight: 700; margin-bottom: 15px;}
.coss_story ul{word-break: keep-all; }
.coss_story ul li{width: 50%;font-size: 20px;line-height:32px; margin-bottom:20px;}
.coss_story .txtsy01{font-size:22px; color: #3669ff; font-weight:600;}
.coss_story .txtsy02{font-size:20px; color: #001991; font-weight:600;}


@media all and (max-width :1380px){
.coss_story{background-size:580px; }

}

@media all and (max-width :1280px){
.coss_story{background-size:450px;min-height:0px;; }
.coss_story ul li{font-size:18px; line-height: 28px;margin-bottom:20px; }

}

@media all and (max-width :1023px){
.coss_story{background-size:350px; min-height:0px; }
.coss_story h5{font-size:22px;}
.coss_story ul li{font-size:16px; line-height: 24px;}
.coss_story ul li:nth-of-type(3){width: 100%; margin-bottom: 0px;}

}

@media all and (max-width :766px){
.coss_story{background: none; margin-bottom:40px; min-height:0px;}
.coss_story h5{ margin-bottom: 10px;}
.coss_story ul{margin:0px 0; }
.coss_story ul li{font-size: 15px; line-height: 22px;width: 100%;margin-bottom:10px; }
.coss_story .txtsy01{font-size:16px;}
.coss_story .txtsy02{font-size:16px;}

}

/* 비전목표 */

.vision_target{margin-bottom: 90px; border-radius:30px; background:#f6f6f6 url("../images/content/vision_bg01.png")calc(100% - 3%) center no-repeat;padding:100px 60px 60px 60px;}
.vision_target dl{width:70%; border-radius:0px 40px 40px 40px;border: 2px solid #348afa; box-shadow: 5px 10px 10px rgba(0,0,0,0.1);background-color: #fff; margin-bottom:90px;  }
.vision_target dl dt{width:20%;  border-radius:30px ; background-color: #348afa; color: #fff;text-align: center; padding: 10px 0; font-size:24px;font-weight: 600;margin: -30px 0 0 -10px;  }
.vision_target dl dd{font-size:20px;font-weight: 500;padding: 10px 40px 20px 80px; }
.vision_target dl:nth-of-type(2){margin-bottom: 0px;}


.core_values{margin-bottom:90px; border-radius:30px;  background-color: #f6f6f6;padding: 60px;text-align: center;}
.core_values .tit_core{width: 25%; margin: 0 auto;}
.core_values .tit_core span{display: block; width: 100%; border-radius: 100px; padding: 10px 30px; background-color:#348afa;color: #fff; font-size: 24px;text-align: center; margin-top: -90px;}
.core_values img{margin-top: 50px; width: 90%;}

@media all and (max-width :1380px){
.vision_target{background-size:280px; padding:100px 60px 60px 60px;}
.vision_target dl{margin-bottom:80px;}
.vision_target dl dt{ font-size:25px;margin: -40px 0 0 -10px; padding: 10px 0;  }
.vision_target dl dd{font-size:22px;font-weight: 500;padding: 15px 40px 20px 30px; }
.core_values img{width: 100%;}
}

@media all and (max-width :1280px){
.vision_target{background-size:250px; padding:80px 50px 50px 50px;}
.vision_target dl{margin-bottom:50px;width:73%; }
.vision_target dl dt{ font-size:20px;margin: -40px 0 0 -10px; }
.vision_target dl dd{font-size:17px;padding: 15px 40px 20px 30px; }
.core_values .tit_core{width:30%;}
.core_values img{margin-top:0px;}
}

@media all and (max-width :1023px){
.vision_target{background-size:200px; padding:50px 50px 30px 30px;margin-bottom: 40px; }
.vision_target dl{border-radius:0px 45px 45px 25px; margin-bottom:50px;width:70%; }
.vision_target dl dt{width:26%; font-size:18px;margin: -30px 0 0 -10px; }
.vision_target dl dd{font-size:15px; padding: 10px 40px 15px 20px;}

.core_values{padding:0 40px 40px 40px;}
.core_values .tit_core{width:50%;}
.core_values .tit_core span{font-size:20px; margin-top: -20px;}
.core_values img{margin-top: 40px;}
}

@media all and (max-width :580px){
.vision_target{background:none; padding:20px 0px 0px 0px;}
.vision_target dl{border-radius:0px 10px 10px 10px; margin-bottom:30px;width:100%; }
.vision_target dl dt{width:30%; font-size:15px;margin: -20px 0 0 -10px; padding: 6px 0; }
.vision_target dl dd{font-size:14px; padding: 10px 40px 15px 20px;}
.core_values{padding:0 20px 20px 20px;margin-bottom:40px;}
.core_values .tit_core{width:70%;}
.core_values .tit_core span{font-size:16px;}
.core_values img{margin-top: 20px;}
}

/** 테이블**/
.bbs_p05_vtable02{padding: 0;border: 2px solid #d5e5fd; overflow: hidden; border-radius: 10px; margin-bottom: 90px;}

.bbs_p05_vtable02 table{text-align: center; }

.bbs_p05_vtable02 table thead th{ padding: 12px 10px;font-weight: 600;font-size: 14px; white-space: nowrap;background: #ebf2ff;color: #1a1e54; border-bottom: 1px solid #d5e5fd; }
.bbs_p05_vtable02 table tbody th {padding:10px 5px; text-align:center; border-bottom:1px solid #e0e8f7; font-size: 15px; color: #1a1e54; font-weight: 500;}

.bbs_p05_vtable02 table td{padding:12px 30px; text-align:left; border-bottom:1px solid #e0e8f7; font-size: 15px;}

.bbs_p05_vtable02 table tbody tr:last-child th,
.bbs_p05_vtable02 table tbody tr:last-child td,
.bbs_p05_vtable02 table tr:last-child td{border: 0;}

@media all and (max-width :767px) {
.bbs_p05_vtable02{ border-radius: 4px; margin-bottom:40px;}
.bbs_p05_vtable02 table thead th{ padding: 7px; font-size: 11px;}
.bbs_p05_vtable02 table tbody th {font-size: 13px;}
.bbs_p05_vtable02 table td{ font-size: 13px;}
}





/*컨소시엄*/

.consortium{ text-align: center; margin-bottom: 90px;}
.consortium div{border-radius:20px; background:#f7f7f7 url("../images/content/consortium_tit_img01.png") 40px bottom no-repeat; line-height:20px;word-break: keep-all; font-weight: 400; padding: 30px 30px 30px 30%; margin-bottom: 50px;text-align: left;}
.consortium div > strong{display: block; font-size: 17px; margin: 10px 0;}
.consortium p{margin: 0 auto;border-radius: 20px; text-align: center; padding: 50px; width:80%;background-color: #f2f2f2;}
.consortium ul{width: 800px; text-align: center; display: inline-flex; justify-content: center; }
.consortium ul li{width:270px;height:270px;  border-radius:50%;border: 2px solid #ebebeb; padding:60px 30px; text-align: center; font-size: 16px; word-break: keep-all;  }
.consortium ul li span{display:block;}
.consortium ul li img{display: block; margin: 0 auto 20px auto;}
.consortium ul li:nth-of-type(1){margin-right: -10px;}
.consortium ul li:nth-of-type(3){margin-left: -10px;}
.consortium > span{display: block; margin: 60px 0 30px 0; font-size:20px; color: #5281ff;font-weight: 600; }





@media all and (max-width :1023px){
.consortium h5{font-size:40px;margin-bottom:20px;}
.consortium p{padding: 30px; width:80%;}
.consortium p img{width: 100%;}
.consortium ul{width:100%;}
.consortium ul li{ padding:40px 30px; font-size: 16px;  }
.consortium ul li img{width: 58px;}
.consortium ul li{width:230px;height:230px; }
.consortium div{ background-position: 20px bottom;background-size:160px;line-height: 20px;  padding: 20px 30px 20px 28%;  }
.consortium div strong{font-size: 15px; margin: 7px 0;}
.consortium p{width:100%;}
.consortium div br{display: none;}
}


@media all and (max-width :766px){
.consortium ul li{width: 180px; height: 180px; padding:30px 20px; font-size: 14px;  }
.consortium ul li img{width: 44px;margin-bottom:10px; }
.consortium > span{margin: 30px 0; font-size:24px; }
.consortium div{ background-position: 10px bottom;background-image:none; line-height: 20px;  padding: 20px 30px 20px 30px;  }
}

@media all and (max-width :580px){
.consortium{ margin-bottom: 40px;}
.consortium h5{font-size:22px;}
.consortium strong{font-size:15px; line-height:18px;}
.consortium > span{margin: 30px 0; font-size:18px; }
.consortium ul{flex-wrap: wrap;}
.consortium ul li{width: 100%;height:auto; border-radius:10px; padding:30px 30px; font-size: 14px;  margin-bottom: 10px;text-align: left;align-items:center;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05); }
.consortium ul li > i{display: inline-block;width: 80%; padding:0 0 0 20px; }
.consortium ul li img{display:inline-block; margin-bottom:0px;}
.consortium ul li:nth-of-type(1){margin-right: -0px;}
.consortium ul li:nth-of-type(3){margin-left: -0px; margin-bottom: 0;}
.consortium div{ line-height:18px;font-size: 14px; padding: 10px 15px 10px 20px;border-radius:10px; margin-bottom: 20px; }
.consortium div > strong{font-size: 14px; margin: 7px 0; line-height:18px; }
}



/* 우리의파트너 */
.partner{margin-bottom:120px; text-align: center;}
.partner > .tit_img01{border-radius:20px; background:#eaf5ff url("../images/content/partner_tit_img01.png") 40px bottom no-repeat; line-height:20px;word-break: keep-all; font-weight: 400; padding: 30px 30px 40px 30%; margin-bottom: 40px;text-align: left; background-size: 200px;}
.partner > .tit_img01 > strong{display: block; font-size: 17px; margin: 10px 0;}
.partner > .tit_img01 > i{color: #2a58f1; font-weight: 500;}
.partner p{border-radius:20px; background-color:#dfebf5; text-align: center;padding:50px; margin-top:60px; }
.partner p span{display: block;width: 80%; font-size: 26px; font-weight: 500; border-radius:50px; background-color: #fff; padding: 25px; margin: 0 auto; box-shadow: 5px 10px 10px rgba(0,0,0,0.05);}
.partner p img{display: block; margin-top: 40px;}


.jehyu{margin-bottom:30px;}
.jehyu ul{display: flex; justify-content: flex-start;gap:10px; flex-wrap: wrap;}
.jehyu ul li{ border-radius: 10px;border: 3px solid #f6f6f6;padding:10px;width: 16%; text-align: center;}
.jehyu ul li img{width:65%;}

.partner_global{display: flex; justify-content:center; text-align: left; gap:10px;align-items: center;}
.partner_global li{width:33%; border-radius:12px;background:#f6f6f6 url("../images/content/part_glob01.png")30px center no-repeat;padding: 30px 30px 30px 90px; }
.partner_global li > strong{display: inline-block;font-size:18px; line-height: 20px; }
.partner_global li:nth-of-type(2){background-image: url("../images/content/part_glob02.png")}
.partner_global li:nth-of-type(3){background-image: url("../images/content/part_glob03.png")}



@media all and (max-width :1404px){
.jehyu ul li{width:19%;}
.partner p span{width:90%; font-size: 20px;}

}

@media all and (max-width :1280px){
.partner h5{margin-bottom:30px; }
.partner strong{font-size:22px; line-height: 32px;}
.partner p img{width: 100%;}

}

@media all and (max-width :1023px){
.partner strong{font-size:20px; }
.jehyu ul li{width:23.33%;}
.partner_global li{ border-radius:12px; padding: 20px 20px 20px 85px; }
.partner_global li > strong{font-size:15px; line-height: 17px; }
.partner p{padding:30px; margin-top:30px; }
.partner p span{width:100%; font-size: 16px; padding: 20px;}
.partner p img{margin-top: 30px;}

.partner > .tit_img01{ padding: 20px 20px 30px 32%; margin-bottom: 40px;text-align: left; background-size: 180px;background-position: 20px bottom;}

}

@media all and (max-width :766px){
.partner{margin-bottom: 50px;}
.partner h5{font-size:30px;margin-bottom:15px; }
.partner strong{font-size:16px; line-height: 26px;margin-bottom: 25px; }
.jehyu{margin-bottom:50px;}
.jehyu h5{font-size:30px;margin-bottom:20px; }
.jehyu ul{gap:5px;}
.jehyu ul li{width: 31%;padding:10px; border: 2px solid #f6f6f6;}
.jehyu ul li img{width:70%;}
.consortium{margin-bottom: 50px; text-align: center;}
.consortium h5{font-size:30px;margin-bottom:15px;}
.consortium strong{font-size:16px; line-height: 26px;margin-bottom: 25px;}
.consortium p{width:100%;}

.partner_global{flex-wrap: wrap; gap:0px;align-items: center;}
.partner_global li{width:100%; margin-bottom: 10px;background-size:35px;  }

.partner p{padding:20px; margin-top:10px; }
.partner p span{width:100%; font-size: 14px; padding: 15px 30px;}
.partner p img{margin-top:20px;}

.partner > .tit_img01{border-radius:10px; padding: 10px 10px 20px 20px; margin-bottom: 30px; background-size: 120px;background-position: right bottom; font-size: 14px;}
.partner > .tit_img01 > strong{ font-size: 15px; margin: 5px 0;}
}

@media all and (max-width :580px){
.jehyu{margin-bottom:30px;}
.jehyu ul li img{width:80%;}
.partner_global li{padding: 20px 20px 10px 75px;background-size:30px;   }
.partner_global li > strong{font-size:15px; line-height:14px; }
}


/* 운영조직------------ */

/* 사업단장인사말 */

.sub06_guide01{ position: relative; }
.sub06_greetings{border-radius: 30px; background-color: #f6f6f6; padding:50px; display: flex; justify-content:flex-start;}
.sub06_greetings .photo{ border-radius:20px; width: 410px; height: 500px; overflow: hidden; margin-right:50px; text-align: center;}
.sub06_greetings p img{width: 100%;}
.sub06_greetings dl{width: calc(100% - 460px);}
.sub06_greetings dl dt{display:inline-block; font-size:44px;}
.sub06_greetings dl dt strong{font-size: 20px; padding-left:15px;}
.sub06_greetings dl dd{margin-top: 15px;line-height: 24px;font-size: 16px;  word-break: keep-all; }
.sub06_greetings dl dd.txt_r_array{display: block; text-align: right;}

.photo_list{margin-top: 20px;}
.photo_list ul{display:flex; justify-content:space-between;}
.photo_list ul li{width:14.2%;  margin:30px 8px;}
.photo_list ul li a{display: block; border-radius:10px; overflow: hidden; position: relative;}
.photo_list ul li a img{width: 100%;}

.photo_list ul li strong{display: block; font-size:18px;margin: 15px 0 10px 0; }
.photo_list ul li span{display: block; font-size:16px; font-weight: 500;}
.photo_list ul li i{display: block; font-size:14px; word-break: keep-all; margin-top: 5px;}

.photo_list ul li .sunt{ position: absolute; bottom:0; left: 0; background: rgba(0,0,0, 0.5) ;z-index: 9;  width: 100%; height:0; display: inline-block;text-indent: -99999px;}


.photo_list ul li a:focus .sunt,
.photo_list ul li a:hover .sunt,
.photo_list ul li a.active .sunt{ height:100%; transition:.3s ease; background:rgba(0,0,0,0.6) url("../images/content/photo_on_icon01.png") center no-repeat;transform: translate(0%, 0%);}

.tab-pane{ display: none;}
.tab-pane.active { display: flex;}

/*
.photo_list ul li a:focus:before,
.photo_list ul li a:hover:before,
.photo_list ul li a.active:before{content:''; position: absolute; top:0; left: 0; background: rgba(0,0,0, 0.5) ;z-index: 9999999;  width: 100%; height: 100%; display: inline-block;}

.sub06_guide01 a{display:inline-block; position: absolute;color: #fff;  width:160px; height: 35px; padding:8px 0 6px 20px;font-size:14px;   z-index:2;border-radius:7px; background:#00beff url("../images/content/goto_more01.png") calc(100% - 10%) center no-repeat;right:50px; top:40px; letter-spacing: -1px;font-weight: 500;  }

.sub06_guide01 a:focus,
.sub06_guide01 a:hover{ transform: translateY(-20%); bottom:10px;border-radius:7px; border: dashed 1px #fff;}
*/


@media all and (max-width :1380px){

.sub06_greetings .photo{width: 400px; height: 488px; margin-right:30px;}
.sub06_greetings dl{width: calc(100% - 430px);}


}

@media all and (max-width :1280px){
.sub06_greetings{ padding:50px 30px 50px 40px;}
.sub06_greetings .photo{width: 360px; height: 439px;}
.sub06_greetings dl{width: calc(100% - 390px);}

.photo_list ul{justify-content:flex-start; flex-wrap: wrap;}
.photo_list ul li{width:17.9%;  margin:20px 8px;}
}




@media all and (max-width :1023px){
.sub06_greetings{ justify-content:center; flex-wrap: wrap;}
.sub06_greetings .photo{margin-right:0px;margin-bottom: 40px;}
.sub06_greetings dl{width: 100%;}
.sub06_greetings{padding:40px;}
.sub06_greetings .photo{width: 300px; height: 366px;}
.sub06_greetings dl dt{font-size:36px;}
.sub06_greetings dl dt strong{font-size:17px; padding-left:10px;}

.photo_list ul li{width:22.5%;  margin:30px 8px;}
}

@media all and (max-width :766px){
.sub06_greetings{padding:40px 25px;}
.sub06_greetings .photo{width: 250px; height: 290px;}

.sub06_greetings dl dt{font-size:24px;}
.sub06_greetings dl dt strong{font-size:16px;}
.sub06_greetings dl dd{margin-top: 10px;line-height: 20px;font-size: 14px;}

.photo_list ul li{width:45%;  margin:20px 8px;}
}






/* 조직도 */

.sub06_guide02{margin:60px 0px; }
.group01{text-align: center;}
.group01 .top_best{display:inline-block; border-radius:12px 12px;font-size:20px; color: #fff; background-color:#3870fc; padding:20px 70px;}
.group01 p span{display:inline-block; margin-top:20px; border-radius:12px;border: 2px solid #2e9ce8; padding:20px 50px; width:240px; font-size:20px;}

.group02{ display: flex; justify-content: center;margin-top:40px;text-align: center; }
.group02 .committee{border-radius:5px; background-color:#3cb9ef; padding:15px 60px; color: #fff; font-size: 17px;margin-right:20px; width:23%;    }
.group02 .committee:last-child{margin-right: 0;}

.group03{display: flex; justify-content: center;} 
.group03 dl{width:19%; border-radius:10px 10px 10px 10px; border: 2px solid #7ab1f7; background-color:#ecf7ff; margin-right: 20px; margin-top:30px}
.group03 dl dt{text-align: center; padding:15px;}
.group03 dl dt i{display:inline-block; background: url("../images/content/sub06_chart_icon01.png") left center no-repeat;padding:5px 0 5px 32px; font-size: 18px;}
.group03 dl dd{ background-color:#fff;padding: 10px 18px 30px 18px; font-size: 14px; min-height: 180px; line-height:20px;}
.group03 dl dd em{display: block; background: url("../images/content/sub01_txt_dot.png")left 6px no-repeat; padding:3px 0 3px 9px; background-size: 4px; }

.group03 dl dt:nth-of-type(2){text-align: center; padding:15px 15px 10px 15px;}
.group03 dl dt:nth-of-type(3){text-align: center; padding:0px 15px 15px 15px;}

.group03 dl dt p.bord_line{border-radius:50px 50px; padding: 9px 15px; background-color: #fff;}

.group03 dl:nth-of-type(2) dt i{background-image: url("../images/content/sub06_chart_icon02.png");}
.group03 dl:nth-of-type(3) dt i{background-image: url("../images/content/sub06_chart_icon03.png");}
.group03 dl:nth-of-type(4) dt i{background-image: url("../images/content/sub06_chart_icon04.png");}
.group03 dl:nth-of-type(5) dt i{background-image: url("../images/content/sub06_chart_icon05.png");}
.group03 dl:last-child{margin-right: 0;}

.group04{display: flex; justify-content:center; margin:50px 0;}
.group04 dl{border-radius: 20px;  border: 1px solid #e7e7e7; padding:20px 30px; text-align: center;width:14%;margin-right:20px; }
.group04 dl dd{ font-size: 15px; padding: 5px; }

.group04 dl:last-child{margin-right: 0;}


@media all and (max-width :1280px){
.group01 p span{padding:15px 50px;}
.group02 .committee{padding:15px 35px;  font-size: 17px; }
.group03{flex-wrap: wrap;} 
.group03 dl{width:30%;}
.group04 dl:last-child{margin-bottom: 20px;}
.group04{flex-wrap: wrap; margin:40px 0;}
.group04 dl{width:17%;margin-bottom: 20px;  }
.group03 dl dd{min-height: 160px;}

}

@media all and (max-width :1023px){
.group01 .top_best{font-size:17px; margin-right:30px; padding:15px 40px;    }
.group01 p span{padding:15px 20px;width:180px; font-size:17px; margin-top:10px;}
.group02 .committee{padding:10px 20px;  font-size: 15px; margin-right:10px; }
.group03 dl{width:31%;margin-right: 10px;}
.group03 dl:nth-of-type(3){margin-right: 0px;}
.group03 dl dt i{padding:5px 0 5px 28px; font-size:15px;}
.group03 dl dd{padding: 15px 18px; font-size: 13px; min-height: 190px; word-break: keep-all;}
.group04 dl{width:23%;margin-right:10px; }
.group04 dl dd{ font-size: 14px;}
}

@media all and (max-width :767px){
.sub06_guide02{margin:30px 0px; }
.group01{margin-left:0%; text-align: center;}
.group01 .top_best{font-size:15px; margin-right:10px; padding:15px 40px;    }
.group01 p span{ font-size:15px;}
.group02{margin-top:0px;flex-wrap: wrap;text-align: center; }
.group02 .committee{padding:10px 10px;  font-size: 14px;width: 47%; margin-top: 10px}
.group02 .committee:nth-of-type(2){margin-right: 0px;}
.group03 dl{width:47%; margin-right: 10px; margin-top:10px}
.group03 dl:nth-of-type(3){margin-right: 10px;}
.group03 dl dd{ background-color:#fff;padding: 15px 18px; font-size: 14px; min-height: 120px}
.group04 dl{width:30%;margin-right:10px;padding:20px 15px; }
}


@media all and (max-width :540px){
.group01 p span{margin:10px auto;}
.group03 dl{width:100%; margin-right: 0px; margin-top:10px}
.group03 dl:nth-of-type(3){margin-right: 0px;}
.group03 dl dd{ background-color:#fff;padding: 15px 18px; font-size: 14px; min-height: 110px}
.group04 dl{width:47%;margin-right:10px;margin-bottom:10px;  }
.group04 dl:last-child{margin-bottom: 0px;}
}












/*참여대학-지도*/
.sub01_guide11{margin:0 0 40px 0;padding: 30px 50px; border:20px solid #ecf7ff; border-radius:30px 30px;}
.sub01_guide11 strong{width: 60%; display: block; border:3px dotted #81bbff;border-radius: 60px 60px; text-align: center; font-size:22px; padding: 20px; margin: 0 auto;background-color:#ecf7ff;}
.sub01_guide11 .map_bg{height: auto; background: url("../images/content/guide11_bg.png") center top no-repeat;padding-top:30px;margin: 20px 0; }
.sub01_guide11 .map_bg ul{width:100%; display: flex;justify-content: space-between;margin: 0 auto;}
.sub01_guide11 .map_bg ul li{width: 31%;}
.sub01_guide11 .map_bg ul li dl{ border:3px solid #7cb1ff; border-radius: 12px 12px;padding: 25px; margin-bottom:20px; background:#fff url("../images/content/guide09_log05.png")calc(100% - 20px) 15px no-repeat; background-size:55px; }
.sub01_guide11 .map_bg ul li dl dt{font-size:20px;padding-bottom: 15px; }
.sub01_guide11 .map_bg ul li dl dd{font-size: 16px;}

.sub01_guide11 .map_bg ul li dl:nth-of-type(2){background-image: url("../images/content/guide09_log02.png");}
.sub01_guide11 .map_bg ul li dl:nth-of-type(3){background-image: url("../images/content/guide09_log03.png");}

.sub01_guide11 .map_bg ul li:nth-of-type(2) dl{background-image: url("../images/content/guide09_log06.png"); margin: 110% 0 0 0;width: 100%; } 

.sub01_guide11 .map_bg ul li:nth-of-type(3) dl{background-image: url("../images/content/guide09_log01.png");} 
.sub01_guide11 .map_bg ul li:nth-of-type(3) dl:nth-of-type(2){background-image: url("../images/content/guide09_log04.png");} 
.sub01_guide11 .map_bg ul li:nth-of-type(3) dl:nth-of-type(3){background-image: url("../images/content/guide09_log07.png");} 
.sub01_guide11 .map_bg ul li dl p{margin: 5px 5px 0 0; font-size: 13px; display: none;}
.blue01{background-color:#93c1fe; padding: 4px 6px; border-radius: 5px 5px; }
.yle01{background-color:#f9d52b; padding: 4px 6px; border-radius: 5px 5px; margin-right: 5px; }
.ger01{background-color:#8ad4b3; padding: 4px 6px; border-radius: 5px 5px; }
.purp01{background-color:#ab9feb; padding: 4px 6px; border-radius: 5px 5px; }

@media all and (max-width :1480px){
.sub01_guide11 .map_bg ul li:nth-of-type(2) dl{ margin: 130% 0 0 30px;} 
}

@media all and (max-width :1280px){
.sub01_guide11 .map_bg ul{width: 100%; padding-left: 0px;}
.sub01_guide11 .map_bg ul li{width:28%;}
.sub01_guide11 .map_bg ul li dl{padding:15px;background-size:50px; }
.sub01_guide11 .map_bg ul li:nth-of-type(2) dl{ margin: 180% 0 0 30px; width: 100%;} 

}

@media all and (max-width :1023px){
.sub01_guide11{mpadding: 20px;}
.sub01_guide11 .map_bg ul{width:100%;padding-left:0px;}
.sub01_guide11 .map_bg ul li{ position: relative;}
.sub01_guide11 .map_bg ul li dl{ position:absolute; left:0; top:0;}
.sub01_guide11 strong{width: 90%; }
.sub01_guide11 .map_bg{height: 510px; background: url("../images/content/guide11_bg03.png")center calc(50% - 20px) no-repeat;padding-top: 10px;margin: 10px 0;}

.sub01_guide11 .map_bg ul li{width: 26%;}
.sub01_guide11 .map_bg ul li dl{width:100%; padding: 15px;}
.sub01_guide11 .map_bg ul li:nth-of-type(1) dl:nth-of-type(1){ background-size:40px; }
.sub01_guide11 .map_bg ul li:nth-of-type(1) dl:nth-of-type(2){top:125px; background-size:35px; }
.sub01_guide11 .map_bg ul li:nth-of-type(1) dl:nth-of-type(3){top:250px; background-size:40px;}
.sub01_guide11 .map_bg ul li dl dt{font-size:18px;padding-bottom: 15px; }

.sub01_guide11 .map_bg ul li:nth-of-type(2) dl{ margin: 240% 0 0 20px; width: 120%; background-size:40px;} 

.sub01_guide11 .map_bg ul li:nth-of-type(3) dl{background-size:45px} 
.sub01_guide11 .map_bg ul li:nth-of-type(3) dl:nth-of-type(2){top:250px;background-size:40px;}
.sub01_guide11 .map_bg ul li:nth-of-type(3) dl:nth-of-type(3){top:125px;background-size:40px;}

}

@media all and (max-width :767px){
.tit_iconh5{ background: url("../images/content/tit_icon01.png")left top no-repeat;}
.sub01_guide11{margin: 20px 0 60px 0; border: none;padding: 15px;}
.sub01_guide11 .map_bg ul li dl p{ display:block;}
.sub01_guide11 strong{width: 100%;font-size:16px;font-weight:600; padding: 10px;}
.sub01_guide11 .map_bg{height: 1150px; background: url("../images/content/guide11_bg02.png")center top no-repeat;padding-top:25px;margin: 0px 0; background-size:170px;}
.sub01_guide11 .map_bg ul{width:100%;flex-wrap: wrap;margin-top: 250px; height: 750px;}
.sub01_guide11 .map_bg ul li{width:100%;}
.sub01_guide11 .map_bg ul li dl{width:100%; background-size: 60px; height:120px  }
.sub01_guide11 .map_bg ul li:nth-of-type(1) dl:nth-of-type(2){top:130px;}
.sub01_guide11 .map_bg ul li:nth-of-type(1) dl:nth-of-type(3){top:260px;}

.sub01_guide11 .map_bg ul li:nth-of-type(2) dl{ margin: 140px 0 0 0px; width: 100%;} 

.sub01_guide11 .map_bg ul li:nth-of-type(3) dl:nth-of-type(1){top:20px;}
.sub01_guide11 .map_bg ul li:nth-of-type(3) dl:nth-of-type(2){top:150px;}
.sub01_guide11 .map_bg ul li:nth-of-type(3) dl:nth-of-type(3){top:280px;}
.sub01_guide11 .map_bg ul li dl dt{font-size:16px;padding-bottom: 10px; }
.sub01_guide11 .map_bg ul li dl dd{font-size: 14px;}
}


/*참여대학_대학교*/
.chamyeo_daehag{margin-bottom:40px; display: flex; flex-wrap: wrap; justify-content:flex-start; }
.chamyeo_daehag li{width:22.5%; border-radius: 30px; border:3px solid #2e9ce8; box-shadow: 5px 10px 20px rgba(0,0,0,0.1); padding:30px; margin:0 30px 40px 0; text-align: center;}
.chamyeo_daehag li .univ_logo{width: 100%; text-align: center;}
.chamyeo_daehag li .univ_logo span{width: 231px;}
.chamyeo_daehag li .univ_logo strong{width:100px;  border-radius: 80px; background-color: #2e9ce8; color: #fff;text-align: center; padding: 10px 0; font-size: 18px; position: relative;}
.chamyeo_daehag li .univ_logo strong:after{content:'◀'; position: absolute;   z-index: 2; top:50%; transform: translateY(-50%); left:-8px;color:#2e9ce8;font-size: 15px; }
.chamyeo_daehag li .link_tur{ width:80%;margin: 0 auto; text-align: center;}
.chamyeo_daehag li .link_tur a{display: block; width: 100%; }
.chamyeo_daehag li .link_tur .icon_home{ border-radius: 30px; background:#fff url("../images/content/chamyeo_iconh01.png") 20px center no-repeat; background-color: #2e9ce8; box-shadow: 5px 5px 10px rgba(0,0,0,0.1); margin-bottom: 5px; color: #fff;font-weight: 600; font-size: 16px;padding:15px 0 15px 60px; text-align: left; background-size:28px; }
.chamyeo_daehag li .link_tur .icon_tel{background: url("../images/content/chamyeo_icont02.png")calc(50% - 50px) center no-repeat;color:#000; padding:10px 0 10px 30px; font-weight: 600;font-size: 15px;}

.chamyeo_daehag li div a:focus,
.chamyeo_daehag li div a:hover{border-color: red;}

.chamyeo_daehag li dl {width: 100%; margin:20px 0 20px 10px; text-align: left; min-height: 95px; word-break: keep-all;}
.chamyeo_daehag li dl dd{ background: url("../images/content/txt_dot.png")left 5px no-repeat; padding:0 0 6px 10px; }




@media all and (max-width :1480px){
.chamyeo_daehag li{width:22.8%;margin:0 25px 30px 0;}
.chamyeo_daehag li .univ_logo img{width: 90%;}
.chamyeo_daehag li .link_tur{ width:100%;}

}


@media all and (max-width :1380px){
.chamyeo_daehag li{width:30%;margin:0 30px 40px 0;}
.chamyeo_daehag li .link_tur{ width:85%;margin: 0 auto;}

}


@media all and (max-width :1023px){
.chamyeo_daehag li .univ_logo img{width:65%;}
.chamyeo_daehag li{width:44%;margin:0 25px 30px 0; padding:20px;}
.chamyeo_daehag li .link_tur a{background-size:25px;font-size: 15px;padding:15px 0 15px 50px; }

.chamyeo_daehag li dl { margin:20px 0 20px 10px;font-size: 14px;}
}


@media all and (max-width :767px){
.chamyeo_daehag li .univ_logo img{width:80%;}
.chamyeo_daehag li{ border-radius:20px; border:2px solid #2e9ce8; padding:25px; margin:0 20px 20px 0;}
.chamyeo_daehag li .link_tur{ width:100%;}
.chamyeo_daehag li .link_tur a{background-size:22px;padding:10px 0 15px 50px;margin-bottom: 5px; }
.chamyeo_daehag li dl { margin:20px 0 20px 10px;font-size: 13px; min-height:60px;}
}


@media all and (max-width :580px){
.chamyeo_daehag li .univ_logo img{width:70%;}
.chamyeo_daehag li{width:100%;margin:0 10px 20px 0; padding:20px;}
.chamyeo_daehag li .link_tur{ width:80%;}
.chamyeo_daehag li .link_tur a{background-size:22px;padding:10px 0 15px 50px;margin-bottom: 5px; }
.chamyeo_daehag li dl { margin:10px 20px 10px 30px;font-size: 14px;  }
.chamyeo_daehag li dl dd{padding:0 30px 6px 10px; }
}







/* 비전 및 목표 */
.sub01_02_guide01{width: 100%; height: auto; margin-bottom: 80px; background: url("../images/content/sub01_02_guide01_bg.png")center no-repeat; border-radius:12px 12px; padding: 80px 70px; color: #fff; text-shadow: 10px 10px 30px rgba(0,0,0,3);}
.sub01_02_guide01 p{ font-size: 26px; display: block;line-height: 38px; }
.sub01_02_guide01 p strong{font-weight: 800; display: block;}


@media all and (max-width :1023px){
.sub01_02_guide01{padding: 50px 50px;}
.sub01_02_guide01 p{ font-size: 20px; line-height: 28px; }
.sub01_02_guide01 p strong{font-weight:600;}
}

@media all and (max-width :767px){
.sub01_02_guide01{padding: 17px 17px; margin-bottom: 40px;}
.sub01_02_guide01 p{ font-size: 16px; line-height: 18px; }

}



.sub01_02_guide02{margin-bottom:100px;}
.sub01_02_guide02 dl{margin:80px 0px; }
.sub01_02_guide02 dl dt{width:400px; font-size:38px; font-weight:bold;display: inline-block;letter-spacing: -1px;}
.sub01_02_guide02 dl dd{font-size:24px; font-weight: 500;display: inline-block; word-break: keep-all; }



.sub01_02_guide03{width: 100%; margin-bottom: 80px; display: flex; justify-content: space-between; gap:40px; flex-wrap: wrap;}
.sub01_02_guide03 dl{ width: 31%; border-radius:20px 20px; border: 1px solid #eaeaea; background-color:#eef3ff; box-shadow:1px 5px 10px rgba(0,0,0,0.1);  }
.sub01_02_guide03 dl dt{padding:30px 30px 30px 125px; font-size:26px; font-weight: bold; background: url("../images/content/sub01_02guide03_log01.png")50px center no-repeat;}
.sub01_02_guide03 dl dd{background-color: #fff; border-radius: 0px 0px 20px 20px;display: block; height:200px;  padding:40px 50px; font-size:20px; font-weight:600;line-height: 26px; word-break: keep-all; }
.sub01_02_guide03 dl dd span{ display: block; font-size: 18px;font-weight: 400; padding-top: 10px; }

.sub01_02_guide03 dl:nth-of-type(2) dt{ background-image: url("../images/content/sub01_02guide03_log07.png");padding:30px 30px 30px 120px;}
.sub01_02_guide03 dl:nth-of-type(3) dt{ background-image: url("../images/content/sub01_02guide03_log02.png");padding:30px 30px 30px 110px;}
.sub01_02_guide03 dl:nth-of-type(4) dt{ background-image: url("../images/content/sub01_02guide03_log05.png");padding-left:100px;}
.sub01_02_guide03 dl:nth-of-type(5) dt{ background-image: url("../images/content/sub01_02guide03_log04.png");padding-left:140px;}
.sub01_02_guide03 dl:nth-of-type(6) dt{ background-image: url("../images/content/sub01_02guide03_log03.png");padding-left:110px;}
.sub01_02_guide03 dl:nth-of-type(7) dt{ background-image: url("../images/content/sub01_02guide03_log06.png");padding-left:110px;}



@media all and (max-width :1320px){
.sub01_02_guide02 dl dt{width:350px;}
.sub01_02_guide03{gap:30px;}

}

@media all and (max-width :1280px){
.sub01_02_guide02 dl dt{width:100%;margin-bottom: 6px;}
.sub01_02_guide03{gap:20px;}
.sub01_02_guide03 dl{ width: 48%; border-radius:20px 20px;}
}

@media all and (max-width :1023px){
.sub01_02_guide02{margin-bottom:80px;}
.sub01_02_guide02 dl{margin:60px 0px; }
.sub01_02_guide02 dl dt{font-size:28px;}
.sub01_02_guide02 dl dd{font-size:20px;}
.sub01_02_guide03 dl dd{ padding:20px 30px; line-height: 20px;height:180px;  }

}

@media all and (max-width :767px){
.sub01_02_guide02{margin-bottom:60px;}
.sub01_02_guide02 dl{margin:30px 0px; }
.sub01_02_guide02 dl dt{font-size:25px;}
.sub01_02_guide02 dl dd{font-size:18px;}
.sub01_02_guide03 dl{ width: 100%;}
}




/* 핵심역량 */
.sub01_03_guide01{margin-bottom: 100px; display: flex; justify-content: space-between;gap:35px;} 
.sub01_03_guide01 .left01{width:900px;height: 310px; background: url("../images/content/sub01_03_guide01_01.jpg") left center no-repeat;padding:80px 70px;border-radius: 20px; }
.left01 li strong{font-size:30px; font-weight: 500; }
.left01 li span{font-size: 18px; display: block; margin-top:25px;line-height: 26px;  }

.sub01_03_guide01 .right01{ width: 405px; background: url("../images/content/sub01_03_guide01_02.jpg") left center no-repeat;border-radius: 20px;padding-top: 60px; }
.right01 li{width: 243px; height:172px;background: url("../images/content/sub01_03_guide01_03.png")-20px top no-repeat;}
.right01 li strong{display: block; padding: 35px 0 20px 20px; font-size: 20px;}
.right01 li strong span{display: block;padding-top: 20px;font-size:18px;font-weight: normal;}
.right01 li strong em{display: block; font-size:25px; font-weight:600; }



@media all and (max-width :1023px){
.sub01_03_guide01 .left01{width:70%;height: 240px; padding:30px 30px;}
.left01 li strong{font-size:25px; }
.left01 li br{display: none}
.left01 li span{font-size: 15px; margin-top:25px;line-height: 26px;  }
.sub01_03_guide01 .right01{ width: 305px;padding-top: 40px; }
.right01 li{width: 243px; height:172px;background-size: 210px;}
.right01 li strong{ padding: 35px 0 20px 10px; font-size: 18px;}
.right01 li strong em{ font-size:20px; }
}

@media all and (max-width :767px){
.sub01_03_guide01{margin-bottom: 60px;flex-wrap: wrap; gap:0px;} 
.sub01_03_guide01 .left01{width:100%;}
.sub01_03_guide01 .right01{background: none;width: 100%;padding-top: 20px; text-align: center;}
.right01 li{width:100%; height:auto;}
.right01 li{background-image: none;background-color: antiquewhite;border-radius: 10px; text-align: center;}
}



/*7d 교육과정*/

.txt_summation{font-size:18px;line-height:38px;text-align: center;margin-bottom: 30px!important;}
.txt_summation_al{ width: 100%; border-radius: 10px; border: 1px dashed #d5d5d5;  margin: 40px 0 20px 0; word-break: keep-all; align-items: center; display: inline-block; position: relative;}
.txt_summation_al dl{ padding:20px 20px 20px 28%;}
.txt_summation_al dl dt{ font-size: 26px; font-weight: 700; color:#001991; margin-bottom: 10px; }
.txt_summation_al dl dd{font-size:17px;line-height:28px;}
.txt_summation_al img{position: absolute; display: inline-block; z-index: 2; width:250px;left:30px; top: -26px; }

.txt_summation_al.t_right dl{ padding:20px 20px 20px 30px; width: 78%;}
.txt_summation_al.t_right img{left: inherit;  top:inherit; right: 20px !important; bottom: -15px !important;}
.txt_summation_al.t_right{  margin: 40px 0 10px 0;}



.bgsty_01{border-radius:20px; background-color:#f0f6ff; padding:50px 30px; text-align: center; margin:20px 0 40px 0;}
.connectivity{display: flex; justify-content: center; gap:40px;align-items: center;}
.txt_summation_al .bgbu_fcwh{border-radius:0 30px 30px 30px; background-color:#3161f1; color: #fff;padding:6px 15px; font-size: 14px;  }

.edu_model{border-radius: 20px; border:3px solid #3883ff;text-align: center; padding: 50px; margin-bottom: 80px; }
.edu_model > .tit_top{width: 50%; border-radius: 50px; background-color: #3161f1; padding:15px; text-align: center; color:#fff; font-size:24px; font-weight: 600; margin: 0 auto; margin-top: -80px; margin-bottom:50px; }
.edu_model ul{display: flex; justify-content: center; }
.edu_model ul li{width: 33.33%; margin-left: 20px; border-radius:20px 20px 10px 10px; background-color:#f5f9ff; text-align: center; padding-bottom: 40px; }
.edu_model ul li strong{display: block; width: 100%; border-radius:20px 20px 0px 0px; background-color:#68a1ff;font-size: 18px;  color: #fff; font-weight: 500; padding: 15px 30px; word-break: keep-all;  }
.edu_model ul li:first-child{margin-left: 0px;}
.bg_01{display:inline-block; border-radius: 5px; background-color:#f0f5ff; padding: 3px 20px; font-size: 14px; height: 50%; }

@media all and (max-width:1520px) {
.txt_summation_al br{display: none;}
}
@media all and (max-width:1380px) {
p img{width:95%;}
.edu_model ul li strong{ padding: 15px 70px;}
}

@media all and (max-width:1280px) {
.bgsty_01p img{width:95%;}
.edu_model ul li img{width:80%;}
.edu_model > .tit_top{width:60%; font-size:20px; font-weight: 600;  margin-bottom:40px; }
.edu_model ul li strong{ padding: 15px 30px;}

.txt_summation_al{ margin: 30px 0 0 0;}
.txt_summation_al dl{ padding:20px 20px 20px 28%;}
.txt_summation_al img{width:230px;left:20px;top:-20px;}
.txt_summation_al dl dt{ font-size: 20px; }
.txt_summation_al dl dd{font-size:15px;line-height:24px;}
}

@media all and (max-width:1024px) {
p img{width:100%;}
.bgsty_01{ padding:50px 40px; margin:25px 0 70px 0;}
.edu_model{ padding:20px;  }
.edu_model > .tit_top{width:80%;margin-top: -60px;}
.edu_model ul li{margin-left: 10px; padding-bottom:30px; }
.edu_model ul li strong{font-size: 15px;   color: #fff;padding: 10px 20px; }


.txt_summation_al img{width:180px;left:inherit; right: 10px; top:-20px;}
.txt_summation_al dl{ padding:20px 20px 20px 20px; width:75%;}
.txt_summation_al dl dd{font-size:15px;line-height:22px;}
.txt_summation_al.t_right dl{ padding:15px 15px 15px 20px; width: 75%;}
.txt_summation_al.t_right img{right: 10px !important; bottom: -10px !important;}
}

@media all and (max-width:767px) {
.bgsty_01{ padding:30px 20px; margin:15px 0 10px 0;}
.bgsty_01p img{width:100%;}
.edu_model > .tit_top{width:100%; font-size:16px;margin-top: -30px;margin-bottom:20px;}
.edu_model ul{flex-wrap: wrap; }
.edu_model ul li{width: 100%;  margin-left: 0; margin-bottom:20px;}

.txt_summation_al img{width:100px;top: -30px;}
.txt_summation_al dl{ width:100%; padding:15px 15px 15px 15px!important;}
.txt_summation_al dl dt{ font-size:16px; }
.txt_summation_al dl dd{font-size:13px;line-height:20px;}

.txt_summation_al.t_right dl{ width:100%;}
.txt_summation_al.t_right img{left: inherit;  top:inherit; right:5px !important; bottom: -5px !important;}

}




/*위밋프로젝트_top_img*/
.wemeet_top_img{border-radius:20px; background:#eaf5ff url("../images/content/wemeet_top_img01.png")40px bottom no-repeat; padding:60px 60px; margin-bottom:40px; }
.wemeet_top_img dl{margin-left:35%;}
.wemeet_top_img dl dt{font-size:32px; font-weight: 700; margin-bottom: 15px; color:#3669ff;  }
.wemeet_top_img dl dt strong{display: inline-block; color: #001991;}
.wemeet_top_img dl dd{font-size:18px; color:#3669ff;font-weight: 600; line-height:26px;margin-bottom: 10px;  }
.wemeet_top_img dl dd strong{display: inline-block; color: #001991;}



@media all and (max-width:1440px) {
.wemeet_top_img{background-size:320px;}
.wemeet_top_img dl{margin-left:32%;}
.wemeet_top_img dl dt{font-size:28px;}
.wemeet_top_img dl dd{font-size:18px;line-height:24px;}
}

@media all and (max-width:1280px) {
.wemeet_top_img{ background:#eaf5ff url("../images/content/wemeet_top_img02.png")calc(100% - 5%) bottom no-repeat; padding:40px 40px; background-size:220px;  }
.wemeet_top_img dl{margin-left:0%;}
.wemeet_top_img dl dt{font-size:26px;}
.wemeet_top_img dl dd{font-size:16px;line-height:20px;margin-bottom:5px;}
}

@media all and (max-width:1024px) {
.wemeet_top_img{  padding:30px 30px; background-size:120px;background-position:right bottom no-repeat;}
.wemeet_top_img dl dt{font-size:22px;}

}

@media all and (max-width:767px) {
.wemeet_top_img{  padding:20px 20px; background-size:100px;}
.wemeet_top_img dl{margin-right:10%;}
.wemeet_top_img dl dt{font-size:17px;}
.wemeet_top_img dl dd{font-size:14px;line-height:20px;}
.wemeet_top_img dl dd br{display: none;}
}

@media all and (max-width:582px) {
.wemeet_top_img{ background-image: none;}
.wemeet_top_img dl{margin-right:0%;}
}




/*마이크로디그*/
.microdegree_top_img{border-radius:20px; background:#eaf5ff url("../images/content/microdeg_top_img01.png")calc(100% - 95%) bottom no-repeat; padding: 60px; margin-bottom: 40px; }
.microdegree_top_img dl{margin-left:30%; }
.microdegree_top_img dl dt{font-size:32px; font-weight: 700; margin-bottom: 15px;}
.microdegree_top_img dl dd{font-size:18px;color:#3669ff; font-weight: 600;line-height:22px; margin-bottom: 5px;}
.microdegree_top_img dl dd strong{display: inline-block; color: #001991;}



.microdegree_curriculum{display: flex; justify-content: space-between; margin-bottom: 40px; gap:10px; word-break: keep-all; }
.microdegree_curriculum dl{width: 33.333%; border-radius: 10px; background:#f7f7f7 url("../images/content/micdgree_img01.png")30px center no-repeat;padding: 40px 40px 40px 140px;}
.microdegree_curriculum dl dt{font-size:20px;font-weight: 600; margin-bottom: 10px; }

.microdegree_curriculum dl:nth-of-type(2){background-image: url("../images/content/micdgree_img02.png")}
.microdegree_curriculum dl:nth-of-type(3){background-image: url("../images/content/micdgree_img03.png")}

.boxsty_01{display: inline-block; border-radius:5px; background-color: #F4F4F4; padding: 5px 10px; margin-right: 6px;}


@media all and (max-width:1280px) {
.microdegree_top_img{ padding:40px;background-size:250px; }

.microdegree_curriculum{flex-wrap: wrap; gap:0px; }
.microdegree_curriculum dl{width:49%; padding: 40px 40px 40px 140px; margin-bottom: 1.5%;}

}


@media all and (max-width:1024px) {
.microdegree_top_img{ background:#eaf5ff url("../images/content/microdeg_top_img01.png")calc(100% - 1%) bottom no-repeat; padding:30px;background-size:180px;  }
.microdegree_top_img dl{margin-left:0%;margin-right:26%; }
.microdegree_top_img dl dt{font-size:25px; margin-bottom: 10px;}
.microdegree_top_img dl dd{font-size:16px;line-height:18px;}

.microdegree_curriculum dl{background:#f7f7f7 url("../images/content/micdgree_img01.png")20px center no-repeat; padding:30px 30px 30px 110px; margin-bottom:10px; background-size: 70px;}

.stxt002{display: block;width: 100%; }
}

@media all and (max-width:767px) {
.microdegree_top_img{  padding:20px;background-size:120px;  }
.microdegree_top_img dl{margin-right:0%; }
.microdegree_top_img dl dt{font-size:18px; margin-bottom:5px;}
.microdegree_top_img dl dd{font-size:14px;line-height:16px; }

.microdegree_curriculum dl{width:100%; background:#f7f7f7 url("../images/content/micdgree_img01.png")20px center no-repeat; padding:30px 30px 30px 105px; background-size: 65px;}
.microdegree_curriculum dl dt{font-size:18px; margin-bottom:5px; }
.microdegree_curriculum dl dd{font-size:14px;line-height:16px; margin-bottom: 5px;}



}

@media all and (max-width:542px) {
.microdegree_top_img{background-size:100px;border-radius:10px;  }
.microdegree_curriculum{margin-bottom:30px;}
}


/*h5 리스트*/
.bbs_p05_box_guide02 h5{ background: url("../images/inc/tit_02.png") 5px top no-repeat;padding-left:28px; margin-bottom: 15px; font-size: 18px; font-weight: 700; background-size: 18px;}
.bbs_p05_box_guide02{ margin:30px 0 20px 0; word-break: keep-all;position: relative;line-height: 20px; font-size: 16px;}
.bbs_p05_box_guide02 div{display:block; position: absolute;z-index:2; right: 0; top:5px; width: 40%; text-align: right; font-size: 13px; }
.bbs_p05_box_guide02 div span{display: inline-block; background-color:#d5e5fd; border-radius: 4px; padding: 3px 5px 0 5px; margin: 0 2px; font-size: 11px; }


/*컨텐츠테이블*/
.bbs_p05_vtable03{padding: 0;border: 2px solid #d5e5fd;  border-radius: 10px; position: relative; }
.bbs_p05_vtable03 table{ text-align: center; width: 100%;}
.bbs_p05_vtable03 table thead th{ padding: 11px 10px;font-weight: 600;font-size: 15px; white-space: nowrap;background: #ebf2ff;color: #1a1e54; border-bottom: 1px solid #d5e5fd; }
.bbs_p05_vtable03 table tbody th{padding:10px 10px; text-align:center; border-bottom: 1px solid #e0e8f7; border-right:1px solid #e0e8f7; font-size: 15px; color: #1a1e54; font-weight: 500;}
.bbs_p05_vtable03 table .txt_al_center{border-right: 1px solid #d5e5fd; text-align: center;}
.bbs_p05_vtable03 table .tr_bor{ border-right: 1px solid #d5e5fd; }




.bbs_p05_vtable03 table td{padding:10px 20px; text-align:left; border-bottom:1px solid #e0e8f7; font-size: 15px;}
.bbs_p05_vtable03 table tr.tr_bg01 th,
.bbs_p05_vtable03 table tr.tr_bg01 td{ border-top: 2px solid #d5e5fd; background: #f6f9ff; font-weight: 600; color: #1681fa;}
.bbs_p05_vtable03 table tr.tr_bg01 th,
.bbs_p05_vtable03 table tr.tr_bg01 td{ border-top: 2px solid #d5e5fd; background: #f6f9ff; font-weight: 600; color: #1681fa;}

.bbs_p05_vtable03 td > ul > li{background: url("../images/content/txt_dot.png")left 7px no-repeat; padding-left: 9px;line-height: 1.7em; background-size: 3px;}
.bbs_p05_vtable03 td > ul > li > ul > li{font-size: 13px;}




.bbs_p05_vtable04{padding: 0;border: 2px solid #d5e5fd;  border-radius: 10px; position: relative;}
.bbs_p05_vtable04 .over_table{width: 100%;}
.bbs_p05_vtable04 table{ text-align: center; width: 100%;}
.bbs_p05_vtable04 table thead th{ padding: 12px 10px;font-weight: 600;font-size: 13px; white-space: nowrap;background: #ebf2ff;color: #1a1e54; border-bottom: 1px solid #d5e5fd; }
.bbs_p05_vtable04 table tbody th{padding:10px 10px; text-align:center; border-bottom: 1px solid #e0e8f7; border-right:1px solid #e0e8f7; font-size: 14px; color: #1a1e54; font-weight: 500;}
.bbs_p05_vtable04 table tbody td {border-right: 1px solid #d5e5fd; text-align: center;}
.bbs_p05_vtable04 table td{padding:10px 20px; text-align:left; border-bottom:1px solid #e0e8f7; font-size: 14px;}
.bbs_p05_vtable04 table tr.tr_bg01 th,
.bbs_p05_vtable04 table tr.tr_bg01 td{ border-top: 2px solid #d5e5fd; background: #f6f9ff; font-weight: 600; color: #1681fa;}

.bbs_p05_vtable04 table .tr_bor{ border-right: 1px solid #d5e5fd; }
.bbs_p05_vtable04 table .tbg_01{background-color: #fffbf2; text-align: center;}
.bbs_p05_vtable04 table .tbg_02{background-color: #ffccff;}
.bbs_p05_vtable04 table .tbg_03{background-color: #ff99cc;}
.bbs_p05_vtable04 table .tbg_04{background-color: #2fbff3; color: #fff;}
.bbs_p05_vtable04 table .tbg_05{background-color: #f6f6f6;}
.bbs_p05_vtable04 table .tbg_06{background-color: #0070c0; color: #fff;}
.bbs_p05_vtable04 table .tbg_07{background-color: #f2f9ff;}
.bbs_p05_vtable04 table .tbg_08{background-color: #70ad47; color: #fff;}
.bbs_p05_vtable04 table .tbg_09{background-color: #eefae6; }

.th_bor_bott{border-bottom: 0!important;}
.td_bor_left{border-left: 1px solid #e0e8f7;}
.th_bg01{background-color: #F1F1F1;}

.bbs_p05_vtable04 em{display: inline-block; background-color: #d5e5fd; border-radius: 4px; border: 2px solid #d5e5fd; padding: 0 4px;}



@media all and (max-width :767px) {
.bbs_p05_vtable03{ border-radius: 4px}
.bbs_p05_vtable03 table thead th{ padding: 7px; font-size: 11px;}
.bbs_p05_vtable03 table tbody th {font-size: 13px;}
.bbs_p05_vtable03 table td{ font-size: 13px;}

.bbs_p05_vtable04{ border-radius: 4px}
.bbs_p05_vtable04 table thead th{ padding: 7px; font-size: 11px;}
.bbs_p05_vtable04 table tbody th {font-size: 13px;}
.bbs_p05_vtable04 table td{ font-size: 13px;}

.bbs_p05_box_guide02{ margin:0px 0 20px 0; font-size: 12px;}
.fc_blue02{color:#2fbff3 !important;font-style:normal}
.bbs_p05_box_guide02 h5{ font-size: 15px; font-weight: 600;  margin:15px 0 5px 0;}

.bbs_p05_box_guide02 div{ font-size: 12px;}
.bbs_p05_box_guide02 div span{display: inline-block; background-color:#d5e5fd; border-radius: 4px; padding: 0 5px; margin: 0 2px; font-size: 10px; }

}



/*텝메뉴*/

.tab_menu02 ul{ display: flex; gap:2px;  margin-bottom: 25px;}
.tab_menu02 ul li{flex:1;}
.tab_menu02 ul li a{font-size: 16px; font-weight: 600; display: block; background: #f4f4f4; border-radius:50px; position: relative; padding: 15px 5px; line-height: 18px; text-align: center;}

.tab_menu02 ul li a:hover,
.tab_menu02 ul li a:focus,
.tab_menu02 ul li a.active{font-size: 17px;font-weight: 700; color: #3161f1;background: #fff; border: 2px solid #3161f1; box-shadow: -1px -10px 10px rgba(0,0,0,0.05);}


@media all and (max-width :1280px) {
.tab_menu02 ul li a{font-size: 15px;}
.tab_menu02 ul li a:hover,
.tab_menu02 ul li a:focus,
.tab_menu02 ul li a.active{font-size: 16px; }
}

@media all and (max-width :1023px) {
.tab_menu02 ul li a{font-size: 14px;}
.tab_menu02 ul li a:hover,
.tab_menu02 ul li a:focus,
.tab_menu02 ul li a.active{font-size: 15px; }
}

@media all and (max-width :767px) {
.tab_menu02 ul{  margin-bottom: 10px;}
.tab_menu02 ul li a{font-size: 13px; border-radius:4px; padding: 5px 0;font-weight: 400;}
.tab_menu02 ul li a:hover,
.tab_menu02 ul li a:focus,
.tab_menu02 ul li a.active{font-size: 12px; box-shadow:none;font-weight: 500;}

}













/*컨텐츠내 이미지*/

.con_img01 {position: relative;text-align: center;}
.img_click{ display: none;}

@media all and (max-width:1720px) {
 .con_img01 img{width: 100%;} 
}

@media all and (max-width:1280px) {
.img_click {display: inline-block; width: 100px; height: 25px; line-height: 25px;   background: #000; color: #fff; float: right;font-size: 11px; border-radius: 4px;}
.img_click:after{display: block; content: ''; clear: both; }
}





































/*old

.sub01_03_guide02{margin-bottom: 100px; border-radius:10px;background-color: #f6f6f6; padding: 60px 50px;text-align: center; } 
.sub01_03_guide02 h5{font-size:30px; font-weight: 600;text-align: center;  }
.sub01_03_guide02 strong{width: 70%; display: block;  font-size:20px;font-weight: 400;margin: 20px auto; line-height: 28px;text-align: center;}
.sub01_03_guide02 ul{display: flex; justify-content:center; gap:40px;}
.sub01_03_guide02 ul li{padding: 30px 0;}
.sub01_03_guide02 ul li img{width: 100%; text-align: center; }
.sub01_03_guide02 ul li dl{margin-bottom: 25px; text-align: left;}
.sub01_03_guide02 ul li dl dt{font-size:20px;line-height: 35px;color:#3a5763;  }
.sub01_03_guide02 ul li dl:nth-of-type(2) dt{color:#2a9d8f;}
.sub01_03_guide02 ul li dl:nth-of-type(3) dt{color:#e9c46a;}
.sub01_03_guide02 ul li dl:nth-of-type(4) dt{color:#e76f51;}
.sub01_03_guide02 ul li dl:nth-of-type(5) dt{color:#f4a261;}
.sub01_03_guide02 ul li:nth-of-type(2){margin-top:50px;}


@media all and (max-width :1280px){
.sub01_03_guide02{padding: 60px 40px; } 
.sub01_03_guide02 strong{width:98%;}
.sub01_03_guide02 ul li:nth-of-type(2){margin-top:0px; padding-left: 30px;}
.sub01_03_guide02 ul li dl{margin-bottom: 16px;}
}

@media all and (max-width :1024px){
.sub01_03_guide02 ul{flex-wrap: wrap;}
.sub01_03_guide02 ul li:nth-of-type(2){margin-top:0px; padding-left: 0px;}
.sub01_03_guide02 ul li img{text-align: center; }

}

@media all and (max-width :766px){
.sub01_03_guide02{margin-bottom: 60px; padding:40px 30px;} 
.sub01_03_guide02 strong{width: 100%; font-size:16px;margin:10px auto; line-height: 23px;}
.sub01_03_guide02 ul{ gap:20px; }
.sub01_03_guide02 ul li{padding: 20px 0 0 0; }
.sub01_03_guide02 ul li dl:nth-of-type(5){margin-bottom: 0px;}
}


.sub01_03_guide03{margin-bottom: 100px;}
.sub01_03_guide03 > h4{font-size: 30px;margin-bottom: 30px !important;}
.sub01_03_guide03 ul{border-radius:12px 30px 12px 12px; border: 3px solid #1aa5ff;box-shadow:1px 5px 5px rgba(0,0,0,0.09);padding: 40px 60px; display: flex; justify-content:flex-start;gap:80px; margin-bottom: 30px;}
.sub01_03_guide03 ul li.phot{width:35%; }
.sub01_03_guide03 ul li img{width:100%;}
.sub01_03_guide03 ul li dl{width:100%;}
.sub01_03_guide03 ul li dl dt{font-size:26px; font-weight:600;margin-bottom: 20px; }
.sub01_03_guide03 ul li dl dd{font-size: 16px;margin-bottom: 15px;}
.sub01_03_guide03 ul li dl dd span{display: block; background: url("../images/content/tit_icon02.png")left center no-repeat;padding-left: 25px;margin-top: 5px;}



@media all and (max-width :1280px){

}

@media all and (max-width :1023px){

}

@media all and (max-width :766px){

}




.sub01_guide11{margin: 20px 0 80px 0; border:15px solid #ecf7ff; border-radius:12px 12px;padding: 30px;}
.sub01_guide11 strong{width: 60%; display: block; border:3px dotted #81bbff;border-radius: 60px 60px; text-align: center; font-size:22px; padding: 20px; margin: 0 auto;background-color:#ecf7ff;}
.sub01_guide11 .map_bg{height: auto; background: url("../images/content/guide11_bg.png") center top no-repeat;padding-top: 10px;margin: 20px 0;}
.sub01_guide11 .map_bg ul{width: 80%; display: flex;justify-content: space-between;margin: 0 auto; padding-left: 40px;}
.sub01_guide11 .map_bg ul li{width: 30%;}
.sub01_guide11 .map_bg ul li dl{width: 80%; border:3px solid #7cb1ff; border-radius: 12px 12px;padding: 25px; margin-bottom: 10px; background:#fff url("../images/content/guide09_log02.png")calc(100% - 15px) 15px no-repeat; background-size: 50px; }
.sub01_guide11 .map_bg ul li dl dt{font-size:20px;padding-bottom: 15px; }
.sub01_guide11 .map_bg ul li dl dd{font-size: 16px;}

.sub01_guide11 .map_bg ul li dl:nth-of-type(2){background-image: url("../images/content/guide09_log05.png");}
.sub01_guide11 .map_bg ul li dl:nth-of-type(3){background-image: url("../images/content/guide09_log03.png");}

.sub01_guide11 .map_bg ul li:nth-of-type(2) dl{background-image: url("../images/content/guide09_log06.png"); margin: 150% 0 0 60px;} 

.sub01_guide11 .map_bg ul li:nth-of-type(3) dl{background-image: url("../images/content/guide09_log01.png");} 
.sub01_guide11 .map_bg ul li:nth-of-type(3) dl:nth-of-type(2){background-image: url("../images/content/guide09_log04.png");} 
.sub01_guide11 .map_bg ul li:nth-of-type(3) dl:nth-of-type(3){background-image: url("../images/content/guide09_log07.png");} 
.sub01_guide11 .map_bg ul li dl p{margin: 5px 5px 0 0; font-size: 13px; display: none;}
.blue01{background-color:#93c1fe; padding: 4px 6px; border-radius: 5px 5px; }
.yle01{background-color:#f9d52b; padding: 4px 6px; border-radius: 5px 5px; margin-right: 5px; }
.ger01{background-color:#8ad4b3; padding: 4px 6px; border-radius: 5px 5px; }
.purp01{background-color:#ab9feb; padding: 4px 6px; border-radius: 5px 5px; }

@media all and (max-width :1480px){
.sub01_guide11 .map_bg ul li:nth-of-type(2) dl{ margin: 170% 0 0 60px;} 
}

@media all and (max-width :1280px){
.sub01_guide11 .map_bg ul{width: 100%; padding-left: 0px;}
.sub01_guide11 .map_bg ul li:nth-of-type(2) dl{ margin: 165% 0 0 60px;} 

}

@media all and (max-width :1023px){
.sub01_guide11{mpadding: 20px;}
.sub01_guide11 .map_bg ul{width:100%;padding-left:0px;}
.sub01_guide11 .map_bg ul li{ position: relative;}
.sub01_guide11 .map_bg ul li dl{ position:absolute; left:0; top:0;}
.sub01_guide11 strong{width: 90%; }
.sub01_guide11 .map_bg{height: 510px; background: url("../images/content/guide11_bg03.png")center calc(50% - 20px) no-repeat;padding-top: 10px;margin: 10px 0;}

.sub01_guide11 .map_bg ul li{width: 26%;}
.sub01_guide11 .map_bg ul li dl{width:100%; padding: 15px;}
.sub01_guide11 .map_bg ul li:nth-of-type(1) dl:nth-of-type(1){ background-size:40px; }
.sub01_guide11 .map_bg ul li:nth-of-type(1) dl:nth-of-type(2){top:125px; background-size:35px; }
.sub01_guide11 .map_bg ul li:nth-of-type(1) dl:nth-of-type(3){top:250px; background-size:40px;}
.sub01_guide11 .map_bg ul li dl dt{font-size:18px;padding-bottom: 15px; }

.sub01_guide11 .map_bg ul li:nth-of-type(2) dl{ margin: 240% 0 0 30px; width: 120%; background-size:45px;} 

.sub01_guide11 .map_bg ul li:nth-of-type(3) dl:nth-of-type(2){top:250px;background-size:40px;}
.sub01_guide11 .map_bg ul li:nth-of-type(3) dl:nth-of-type(3){top:125px;background-size:40px;}

}

@media all and (max-width :767px){
.tit_iconh5{ background: url("../images/content/tit_icon01.png")left top no-repeat;}
.sub01_guide11{margin: 20px 0 60px 0; border:5px solid #ecf7ff;padding: 15px;}
.sub01_guide11 .map_bg ul li dl p{ display:block;}
.sub01_guide11 strong{width: 100%;font-size:16px;font-weight:600; padding: 10px;}
.sub01_guide11 .map_bg{height: 1150px; background: url("../images/content/guide11_bg02.png")center top no-repeat;padding-top: 10px;margin: 10px 0; background-size:170px;}
.sub01_guide11 .map_bg ul{width:100%;flex-wrap: wrap;margin-top: 250px; height: 750px;}
.sub01_guide11 .map_bg ul li{width:100%;}
.sub01_guide11 .map_bg ul li dl{width:100%; background-size: 60px; height:120px  }
.sub01_guide11 .map_bg ul li:nth-of-type(1) dl:nth-of-type(2){top:130px;}
.sub01_guide11 .map_bg ul li:nth-of-type(1) dl:nth-of-type(3){top:260px;}

.sub01_guide11 .map_bg ul li:nth-of-type(2) dl{ margin: 140px 0 0 0px; width: 100%;} 

.sub01_guide11 .map_bg ul li:nth-of-type(3) dl:nth-of-type(1){top:20px;}
.sub01_guide11 .map_bg ul li:nth-of-type(3) dl:nth-of-type(2){top:150px;}
.sub01_guide11 .map_bg ul li:nth-of-type(3) dl:nth-of-type(3){top:280px;}
}




.sub01_guide12{margin: 20px 0 80px 0; border-radius:12px 12px;padding:70px; background-color:#ecf7ff; text-align: center; }
.sub01_guide12 img{width: 831px; height:647px; }

@media all and (max-width :1280px){
.sub01_guide12 img{width:100%; height: auto; }
}

@media all and (max-width :767px){
.sub01_guide12{padding:20px;}
.sub01_guide12 img{width:300px; height: auto;}
}



.sub01_guide13{margin: 20px 0 80px 0; border-radius:12px 12px;border: 3px solid #7cb1ff; background: url("../images/content/sub01_guide13_bg01.png")left center no-repeat; padding: 35px;box-shadow: 5px 10px 10px rgba(0,0,0,0.1);}
.sub01_guide13 ul{width: 100%; display: flex; justify-content: space-between; gap:20px; }
.sub01_guide13 ul li{border-radius:12px 12px;padding:100px 40px 25px 40px; width:25%; text-align: center;background:#f2faff url("../images/content/sub01_guide13_icon01.png")center 25px no-repeat; }
.sub01_guide13 ul li strong{display: block;font-size: 17px;}
.sub01_guide13 ul li:nth-of-type(2){background:#e5fbf8 url("../images/content/sub01_guide13_icon02.png")center 25px no-repeat;}
.sub01_guide13 ul li:nth-of-type(3){background:#f0f3ff url("../images/content/sub01_guide13_icon03.png")center 25px no-repeat;}
.sub01_guide13 ul li:nth-of-type(4){background:#fff4f2 url("../images/content/sub01_guide13_icon04.png")center 25px no-repeat;}

@media all and (max-width :1280px){
.sub01_guide13 ul li{padding:100px 25px 25px 25px; }
}

@media all and (max-width :1023px){
.sub01_guide13 ul{flex-wrap: wrap;}
.sub01_guide13{margin: 20px 0 60px 0; padding: 35px; background-size: 100%;}
.sub01_guide13 ul li{ width:48%;}
}

@media all and (max-width :767px){
.sub01_guide13{ border-radius:none;border:none; background:none; padding:0px;box-shadow:none;}
.sub01_guide13 ul{ gap:0px; }
.sub01_guide13 ul li{ width:100%; margin-bottom: 20px;}
.sub01_guide13 ul li:nth-of-type(4){ margin-bottom: 0px;}
}




/* 사업소개_old 
.sub01_guide01{margin-bottom: 150px;  font-size: 17px; line-height: 25px;}
.sub01_txt01:before{width: 100%; height:350px; background: url("../images/content/sub01_t01.jpg") left top no-repeat; box-shadow: 1px 10px 15px rgba(0,0,0,0.1); border-radius:20px; content: '';  display: block;overflow: hidden;}
.sub01_txt_guide{display: flex; justify-content:space-between; gap:3%; margin-top: -100px;}
.sub01_icon_txt{width:44%;border-radius: 60px 10px 60px 10px; border: 3px solid #7cb1ff; box-shadow: 1px 10px 10px rgba(0,0,0,0.09); margin-left: 40px; background-color: #fff;}
.sub01_icon_txt li{ padding: 50px 40px; background: url("../images/content/sub01_t02.png")40px center no-repeat; padding-left: 130px;font-weight: 500;}
.sub01_icon_txt li:nth-of-type(2){ background:#f7f7f7 url("../images/content/sub01_t03.png") 40px center no-repeat;  border-radius: 0px 0px 60px 10px;}

.sub01_txt_text{ width: 53%; margin-top:130px;}
.sub01_txt_text p{font-size: 40px; font-weight: 700; margin-bottom:20px; }
.sub01_txt_text p span{display: block; font-size:20px; color: #2a6ef9; font-weight: 500; margin-top: 10px;}


@media all and (max-width :1280px){
.sub01_txt01:before{height:290px;background-size:100%;}
.sub01_txt_text p{font-size: 30px; }
.sub01_txt_text p span{font-size:18px;}
}

@media all and (max-width :1023px){
.sub01_guide01{margin-bottom: 100px; }
.sub01_txt01:before{height:200px;}
.sub01_icon_txt{ margin-left: 0px;}
.sub01_icon_txt li{ padding:90px 30px 20px 30px; background: url("../images/content/sub01_t02.png")center 20px no-repeat;}
.sub01_icon_txt li:nth-of-type(2){ background:#f7f7f7 url("../images/content/sub01_t03.png") center 20px no-repeat;}
.sub01_txt_text{ margin-top:140px;}
}

@media all and (max-width :767px){

.sub01_guide01{margin-bottom: 80px;  font-size: 16px; line-height: 22px;}
.sub01_txt01:before{ background: none; box-shadow:none; border-radius:0px;}
.sub01_txt_guide{flex-wrap: wrap;}
.sub01_icon_txt{order: 2; width: 100%;border-radius: 30px 10px 30px 10px; margin-top:0;}
.sub01_icon_txt li{ padding:30px 20px; background: url("../images/content/sub01_t02.png")20px center no-repeat; padding-left: 90px;background-size: 60px;}
.sub01_icon_txt li:nth-of-type(2){ border-radius: 0px 0px 30px 10px; background:#f7f7f7 url("../images/content/sub01_t03.png")20px center no-repeat;background-size: 60px;}
.sub01_txt_text{order: 1; width: 100%; margin-top:-100px; padding-bottom: 20px;}
.sub01_txt_text p{font-size: 24px; }
.sub01_txt_text p span{font-size:16px;}
}

@media all and (max-width :390px){
.sub01_guide01{margin-bottom:50px; }
}



.sub01_guide02{display: flex; justify-content: space-between; gap:5%; margin-bottom: 120px;}
.sub01_guide02_txt{ width: 40%; padding-top: 30px; word-break: keep-all; }
.sub01_guide02_txt strong{ font-size: 30px; font-weight: 700;}
.sub01_guide02_txt p{font-size: 18px;padding-top: 20px; line-height:30px;}
.sub01_guide02_txt button{ width:100%; border-radius: 0px 100px 100px  100px; color: #fff;background-color: #000;padding: 20px 20px; text-align: center; font-size:20px; font-weight: 600; margin-top: 50px;}
.sub01_guide02_txt button span{padding: 0 20px;}
.sub01_guide02_video{width: 60%; height:auto; text-align: center;border-radius:20px 20px 20px 20px;}
.sub01_guide02_video img{width:100%; vertical-align: top;}

.sub01_guide02_txt button:hover,
.sub01_guide02_txt button:focus{background-color: #3161f1;}

@media all and (max-width :1023px){
.sub01_guide02{flex-wrap: wrap; background-color:#ecf7ff; border-radius:20px 20px 20px 20px; padding: 30px;}
.sub01_guide02_txt{ width:100%;text-align: center;}
.sub01_guide02_txt button{display: none; padding: 0;}
.sub01_guide02_video{ width:100%; height:auto; text-align: center;margin: 0 auto; margin-top:30px;}
}

@media all and (max-width :767px){
.sub01_guide02_txt{padding-top: 0px;}
.sub01_guide02_txt strong{ font-size: 20px; font-weight: 700;}
.sub01_guide02_txt p{font-size: 15px;padding-top: 20px; line-height: 26px;}
.sub01_guide02_video{ width:100%; padding-top: 0px; }
}

@media all and (max-width :390px){
.sub01_guide02{ margin-bottom:50px;}
.sub01_guide02_video{width:100%; }
}

.cent_ctit{width: 100%; display: block; text-align: center;font-size:40px; font-weight:600; color:#2e68f5;margin-bottom:60px; }
.bg_tit{ border-radius:0px 28px 28px 30px; vertical-align: top !important; padding:15px 30px;background: url("../images/content/tit_bg01.jpg")center top repeat-y;color: #fff;font-size:20px; font-weight: 500;text-align: center; position: absolute;display: inline-block; z-index: 2; left:0; top:-30px;}
.sub01_guide03{display: flex; justify-content: space-between; gap:3%; margin-bottom: 120px; font-size: 17px;}
.sub01_guide03 .saup{width: 48%; border: 1px solid #eee; background-color:#f7f7f7;border-radius: 0px 0px 60px 30px; margin-top: 20px;padding: 60px 40px 30px 40px;box-shadow: 1px 10px 15px rgba(0,0,0,0.1);   position: relative;}
.sub01_guide03 .saup p{text-align:left;line-height: 26px;}
.sub01_guide03 .saup ul{padding:20px 0;}
.sub01_guide03 .saup ul li{display:block;margin-bottom: 10px;}
.sub01_guide03 .saup ul li span{display:inline-block; border-radius: 60px 60px;background:#fff url("../images/content/sub01_saup_icon01.png")30px center no-repeat;padding:17px 50px 17px 90px;}

.sub01_guide03 .saup ul li:nth-of-type(2) span{background-image: url("../images/content/sub01_saup_icon02.png")}
.sub01_guide03 .saup ul li:nth-of-type(3) span{background-image: url("../images/content/sub01_saup_icon03.png")}
.sub01_guide03 .saup ul li:nth-of-type(4) span{background-image: url("../images/content/sub01_saup_icon04.png"); margin-bottom: 0px;}

.sub01_guide03 .bio{ width: 48%; border: 1px solid #eee; background-color:#f7f7f7;border-radius: 0px 0px 60px 30px; margin-top: 20px;padding: 60px 40px 30px 40px;box-shadow: 1px 10px 15px rgba(0,0,0,0.1); position: relative;}
.sub01_guide03 .bio p{text-align:left;line-height: 26px;}
.sub01_guide03 .bio ul{padding:20px 0;}
.sub01_guide03 .bio ul li{display:block; margin-bottom:10px;}
.sub01_guide03 .bio ul li span{display: inline-block; border-radius: 60px 60px;background:#fff url("../images/content/sub01_saup_icon05.png")30px center no-repeat;padding:17px 50px 17px 90px;}
.sub01_guide03 .bio ul li:nth-of-type(2) span{background-image: url("../images/content/sub01_saup_icon06.png")}
.sub01_guide03 .bio ul li:nth-of-type(3) span{background-image: url("../images/content/sub01_saup_icon07.png")}
.sub01_guide03 .bio ul li:nth-of-type(4) span{background-image: url("../images/content/sub01_saup_icon08.png"); margin-bottom: 0px;}


@media all and (max-width :1023px){
.sub01_guide03{ font-size: 15px;}
}

@media all and (max-width :767px){
.cent_ctit{font-size:25px;margin-bottom:40px; }
.bg_tit{ padding:13px 25px;font-size:16px; top:-20px;}
.sub01_guide03 .saup p{line-height: 20px;}
.sub01_guide03{flex-wrap: wrap;}
.sub01_guide03 .saup{width: 100%; margin-bottom: 30px;padding: 50px 30px 30px 30px;}
.sub01_guide03 .saup ul li span{padding:17px 30px 17px 70px;}

.sub01_guide03 .bio p{line-height: 20px;}
.sub01_guide03 .bio{width: 100%; margin-bottom: 30px;padding: 50px 30px 30px 30px;}
.sub01_guide03 .bio ul li span{padding:17px 30px 17px 70px;}

}

@media all and (max-width :390px){
.cent_ctit{font-size:22px;margin-bottom:30px; }
.sub01_guide03{ margin-bottom: 60px; }
}

.sub01_guide04{width: 100%; margin-bottom: 120px; border: 2px solid #f5f5f5; padding: 40px; background: url("../images/content/jojig_line.png")20% 100px no-repeat;}
.sub01_guide04 .start01{display: block;margin-left: 5%;}
.sub01_guide04 .start01 li {margin-bottom:15px; }
.sub01_guide04 .start01 li span{ display: inline-block; border-radius:15px 15px 30px 15px;background-color:#5e8fff; padding: 20px 70px; color: #fff; font-size:20px; font-weight: 500;text-align:center;}
.sub01_guide04 .start01 li:nth-of-type(2) span{background-color:#00126c;}

.sub01_guide04 .start02{ display: block; margin: 40px 0 0 25%;border-radius: 12px; background-color:#f5f5f5;padding: 30px 20px; width: calc(100% - 30%);text-align: center; font-size: 18px; }
.sub01_guide04 .start02 ul{ }
.sub01_guide04 .start02 li{display: inline-block; border-radius:5px 5px 15px 5px; padding:15px 20px; background-color:#7cb1ff;color: #fff;margin: 5px 0; font-weight: 600;}
.sub01_guide04 .start02 strong{display: inline-block; background-color: #fff; padding:10px 15px; margin:10px 5px 0px 0px;}

.sub01_guide04 .start03{margin:80px 0 0 20%; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.sub01_guide04 .start03 ul{width: 31%; height: 350px; border-radius: 30px 10px 30px 10px; border: 2px solid #7cb1ff;box-shadow: 3px 10px 15px rgba(0,0,0,0.09); background-color: #ecf7ff;margin:20px 0 0 1%; }
.sub01_guide04 .start03 ul li strong{display: block; text-align: center; padding-top: 20px;height: 60px; vertical-align: bottom !important; }
.sub01_guide04 .start03 ul li dl{background-color: #fff; border-radius: 30px 10px 0px 0px; height: 280px; font-size: 18px;}
.sub01_guide04 .start03 ul li dl dt.tit_dt01{background-color: #fff;padding:20px 0 20px 85px; background: url("../images/content/sub01_guide04_icon01.png")40px center no-repeat; border-bottom:2px dotted #73a7ff; margin-bottom: 15px;}
.sub01_guide04 .start03 ul:nth-of-type(2) li dl dt{background-image: url("../images/content/sub01_guide04_icon02.png")}
.sub01_guide04 .start03 ul:nth-of-type(3) li dl dt{background-image: url("../images/content/sub01_guide04_icon03.png")}
.sub01_guide04 .start03 ul:nth-of-type(4) li dl dt{background-image: url("../images/content/sub01_guide04_icon04.png")}
.sub01_guide04 .start03 ul:nth-of-type(5) li dl dt{background-image: url("../images/content/sub01_guide04_icon05.png")}

.sub01_guide04 .start03 dl dd{ margin:0 0 7px 20px;font-size: 16px; line-height: 25px; background: url("../images/content/sub01_txt_dot.png")left top no-repeat; padding-left: 13px; }

@media all and (max-width :1520px){
.sub01_guide04 .start03 dl dd{font-size: 15px; line-height: 20px;}
}
@media all and (max-width :1280px){
.sub01_guide04 .start01{margin-left:0%;}
.sub01_guide04{ background: url("../images/content/jojig_line.png")18% 100px no-repeat;}
.sub01_guide04 .start02{margin: 40px 0 0 15%; width: calc(100% - 16%); }
.sub01_guide04 .start03{margin:60px 0 0 13%;}
}

@media all and (max-width :1023px){
.sub01_guide04{ background: url("../images/content/jojig_line.png")8% 40px no-repeat; border:none; padding: 0px; }
.sub01_guide04 .start02{margin: 40px 0 0 10%; width: calc(100% - 10%); }
.sub01_guide04 .start02 li{ padding:15px;}
.sub01_guide04 .start03{margin:40px 0 0 10%;}
.sub01_guide04 .start03 ul{width: 43%; height: 290px; }
.sub01_guide04 .start03 ul li dl{ height: 220px;}
}

@media all and (max-width :767px){
.sub01_guide04{ background: url("../images/content/jojig_line03.png") 30% 60px no-repeat;}
.sub01_guide04 .start02{ margin: 40px 0 0 30%;width: calc(100% - 30%);text-align: center;  }
.sub01_guide04 .start02 li{width: 100%;}
.sub01_guide04 .start03{margin:40px 0 0 -5%;}
.sub01_guide04 .start03 ul{width: 100%; height: auto}
.sub01_guide04 .start03 ul li dl{ height: auto;padding-bottom: 10px}
}

@media all and (max-width :390px){
.sub01_guide04{ background: url("../images/content/jojig_line03.png")50% 60px no-repeat;}
}





.tit_iconh5{ background: url("../images/content/tit_icon01.png")left center no-repeat;padding-left: 25px; font-size: 20px; font-weight: 600;}
.sub01_guide05{width: 100%; height: auto;  margin-bottom: 120px;font-size: 18px;}
.sub01_guide05 strong{display: block; margin: 10px 20px; }
.sub01_guide05 strong span{ display: inline-block; color:#498ef5;}



.sub01_guide06{ margin:30px 0 100px 0;}
.tit_center_guide{width: 100%; background: url("../images/content/sitemint_tit_icon.png")calc(50% - 70px) center no-repeat; padding: 15px 0 0 100px; font-size:28px;height: 60px;align-items: center; text-align: center; margin: 20px 0 20px 0; font-weight: 800;}
.sitemint{ border: 2px solid #f5f5f5; background: url("../images/content/sitemint_line.png") center 170px no-repeat; padding: 50px 30px 50px 30px;}
.sitemint > dl{ width: 45%;border: dotted 2px #0088f0; border-radius: 200px 200px;margin: auto;padding: 40px 80px; background:#fff url("../images/content/sitemint_bg01.png")calc(100% - 15%) bottom no-repeat; box-shadow: 3px 10px 15px rgba(0,0,0,0.09); }
.sitemint > dl dt{font-size:24px; font-weight: 700; color:#5372ed; margin-bottom: 20px; text-align: center;}
.sitemint > dl dd{line-height: 28px; background: url("../images/content/sitemint_img01.png")130px center no-repeat; font-size: 17px;}
.sitemint > ul{display: flex; justify-content: space-between; gap:1.5%; margin-top:140px;}
.sitemint > ul li{width:300px;border-radius:20px 0 50px 20px; border: 2px solid #96d1ff;background-color: #fff;}
.sitemint > ul li dl{padding: 0 0 30px 0}
.sitemint > ul li dl dt{text-align:left; background: #c2e4ff url("../images/content/sitemint_img02.png")calc(50% - 50px) center no-repeat; font-size: 20px; color: #3161f2; padding: 25px 0 25px 45%; border-radius: 20px 0 0 0; margin-bottom: 25px; font-weight: 700;}
.sitemint > ul li dl dd{margin:0 20px 10px 30px; background: url("../images/content/sub01_txt_dot.png")left top no-repeat; padding-left: 10px; font-size: 17px;}

.sitemint > ul li:nth-of-type(2) dl dt{background-image: url("../images/content/sitemint_img03.png")}
.sitemint > ul li:nth-of-type(3) dl dt{background-image: url("../images/content/sitemint_img04.png")}
.sitemint > ul li:nth-of-type(4) dl dt{background-image: url("../images/content/sitemint_img05.png")}
.augment{ text-align:left; margin: 0 auto;background: url("../images/content/sitemint_line02.png")center top no-repeat;width:100%; padding-top:35px;}
.augment dl{border-radius: 200px 200px; border: dotted 2px #0088f0; margin: 0 auto; width:38%; padding:45px 90px; box-shadow:3px 10px 15px rgba(0,0,0,0.09);  background:#fff url("../images/content/sitemint_bg02.png")calc(100% - 10%) bottom no-repeat;}
.augment dl dt{font-size:20px; font-weight: 800; color:#5372ed;margin-bottom: 20px;  }
.augment dl dd{line-height: 22px;font-size: 16px;}


@media all and (max-width :1280px){
.sitemint{background-size: 800px;}
.sitemint > dl{ width: 65%;padding: 30px 10px 30px 80px; background:#fff url("../images/content/sitemint_bg01.png")calc(100% - 10%) bottom no-repeat; }
.sitemint > dl dt{margin-bottom: 10px; font-size: 20px;}
.sitemint > dl dd{line-height: 25px; background: url("../images/content/sitemint_img01.png")130px center no-repeat; background-size:120px;}
.sitemint > ul{margin-top:120px;}
.sitemint > ul li dl dt{ font-size: 16px;padding: 25px 0 25px 40%; background-size:40px; }
.augment dl{width:55%; padding:35px 70px; background:#fff url("../images/content/sitemint_bg02.png")calc(100% - 10%) bottom no-repeat; background-size:60px; }
}

@media all and (max-width :1023px){
.sub01_guide06{ margin:20px 0 120px 0;}
.tit_center_guide{ padding: 15px 0 0 60px; font-size:24px;height: 60px;align-items: center; font-weight: 600;text-align: center; margin: 20px 0 0 0;}
.sitemint{ border:none; padding: 10px 10px ; background: url("../images/content/sitemint_line.png") center 100px no-repeat; background-size: 600px;}
.sitemint > dl{ width: 70%;border-radius: 10px 10px;padding: 20px 10px 20px 40px; background-size: 80px; font-size: 16px;}
.sitemint > dl dd{line-height: 20px;background-size:90px;  font-size: 15px;}
.sitemint > ul{ gap:1%; margin-top:80px;}
.sitemint > ul li dl dt{ background: #c2e4ff url("../images/content/sitemint_img02.png")calc(50% - 45px) center no-repeat; background-size:30px; padding: 25px 0 25px 35%; }
.sitemint > ul li dl dd{margin:0 20px 5px 20px;padding-left: 10px; font-size: 14px;}
.augment{ background-size:600px; }
.augment dl{border-radius:10px 10px; width:54%; padding:20px 40px; background-size:50px; }
.augment dl dt{font-size:16px;margin-bottom: 10px;  }
}

@media all and (max-width :767px){
.sub01_guide06{ margin:30px 0 60px 0;}
.sitemint{ background: url("../images/content/arro_under01.png") center 130px no-repeat;}
.sitemint > dl{ width: 100%;padding: 20px 10px 20px 20px; background-size: 75px;   }
.sitemint > dl dd{line-height: 18px; font-size: 14px; background: url("../images/content/sitemint_img01.png")100px center no-repeat; background-size:90px; }
.sitemint > ul{ gap:0%; margin-top:60px;flex-wrap: wrap; background: url("../images/content/sitemint_line03.png")left 50px no-repeat;}
.sitemint > ul li{width:80%;margin:0 0 15px 20%;}
.sitemint > ul li dl{padding: 0 0 20px 0}
.sitemint > ul li dl dt{font-size:16px; font-weight: 600; color: #4995ed; padding: 15px 0 15px 45%; margin-bottom: 15px; }
.augment{background: url("../images/content/arro_top01.png")center top no-repeat;width:100%; padding-top:40px;}
.augment dl{ width:100%; padding:20px 30px;}
}


@media all and (max-width :390px){

}


.sub01_guide07{margin:30px 0 100px 0; background: url("../images/content/sub01_cimg01.png")left top no-repeat; height:auto;}
.biot01{width:48%; margin-left: 52%; padding: 15px 0px;}
.biot01 p{font-size:36px; font-weight: 600;}
.biot01 dl {margin:30px 0px; }
.biot01 dl dt{font-size:26px; font-weight: 600; margin-bottom: 15px; }
.biot01 dl dd{background: url("../images/content/sub01_txt_dot.png")left 2px no-repeat; padding-left: 13px; line-height: 22px; }
.biot01 ul{padding: 20px 0 30px 0;}
.biot01 ul li{line-height: 32px;}
.biot01 ul li strong{font-size:26px; font-weight: 600;}
.biot01 ul li span{border-radius: 30px 30px; width:70px;height: 30px; text-align: center;background-color:#f7ad19; padding: 5px 15px;color: #fff; font-size: 14px; font-weight: 500; margin-right: 10px; }


@media all and (max-width :1390px){
.sub01_guide07{background-size:580px; }
.biot01{width:48%; margin-left: 52%; padding: 15px 0px;}
}


@media all and (max-width :1280px){
.sub01_guide07{background-size:450px; }
.biot01{ padding: 0px 0px;}
.biot01 p{font-size:30px;}
.biot01 dl {margin:15px 0px; }
.biot01 dl dt{font-size:20px; margin-bottom: 10px; }
.biot01 dl dd{background: url("../images/content/sub01_txt_dot.png")left top no-repeat; padding-left: 13px; line-height: 20px; }
.biot01 ul{padding: 0px 0 15px 0;}
.biot01 ul li{line-height: 30px;}
.biot01 ul li strong{font-size:20px;}
.biot01 ul li span{ margin-right: 7px; padding: 3px 15px; }
}



@media all and (max-width :1023px){
.sub01_guide07{margin:20px 0 60px 0;background: url("../images/content/sub01_cimg01.png")right bottom no-repeat; background-size: 350px;}
.biot01{width:100%; margin-left: 0%; padding: 15px 0px;}
}

@media all and (max-width :767px){
.sub01_guide07{background: none;}
.biot01 p{font-size:22px; font-weight: bold;}
.biot01 dl dt{font-size:18px; margin-bottom: 10px; }
.biot01 ul li strong{font-size:18px;}
}

@media all and (max-width :390px){

}






.sub01_guide08{width: 100%; height: auto; margin-bottom: 100px; border-radius:12px 12px; background-color:#ecf7ff; padding:40px 5%;   }
.sub01_guide08 p{text-align: center; font-size:26px; font-weight:400; background: url("../images/content/guide08_pbg.png")center no-repeat;}
.sub01_guide08 .sch_pot{margin-top:30px;display: flex; justify-content: center; gap:0.5%;text-align: center;}
.sub01_guide08 .sch_pot dl{width:14%;}
.sub01_guide08 .sch_pot dl dt{border-radius: 60px 60px 0 60px;padding:10px 0;background-color: #fff;width:80%;  font-size: 16px;}
.sub01_guide08 .sch_pot dl dd{ border: 1px solid #fff; border-radius:0px 12px 0 12px; overflow: hidden;  text-align: center; vertical-align: middle;}
.sub01_guide08 ul{width:100%; text-align: center; padding: 40px; position: relative; z-index: 0; }
.sub01_guide08 ul:before{content:''; position: absolute;  display: block;  z-index: 1; top:50%; transform: translate(-50%, -50%); border-bottom: dotted 2px #0088f0; width: 50%; left: 50%;}
.sub01_guide08 ul li{ border-radius: 80px 80px; background-color: #fff; padding: 15px 30px; width:25%;border: dotted 3px #0088f0; z-index: 2; position: relative; display: inline-block; margin-left:40px; font-size:20px; font-weight:600; }
.sub01_guide08 ul li:nth-of-type(1){margin-left: 0;}
.sub01_guide08 .sch_pot dl dd img{max-width: 100%;}


@media all and (max-width :1280px){
.sub01_guide08 .sch_pot{flex-wrap: wrap;gap:1%;}
.sub01_guide08 .sch_pot dl{margin-bottom: 20px; width: 24%;}
.sub01_guide08 ul{ padding: 30px; }
.sub01_guide08 ul li{ padding: 15px 20px; width:27%; margin-left:30px; font-size:18px;}
}

@media all and (max-width :1023px){
.sub01_guide08{padding:30px;   }
.sub01_guide08 ul li{ padding: 10px 15px; width:30%; margin-left:20px; font-size:16px;}
}

@media all and (max-width :767px){
.sub01_guide08{padding:15px;  margin-bottom: 60px;  }
.sub01_guide08 p{font-size:22px; font-weight:600; background:none; padding:20px 20px 0px 20px;  }
.sub01_guide08 .sch_pot{margin-top:30px;}
.sub01_guide08 .sch_pot dl{ width:46%;}
.sub01_guide08 .sch_pot dl dt{width:100%;}
.sub01_guide08 ul:before{display: none;}
.sub01_guide08 ul{ padding: 20px; }
.sub01_guide08 ul li{width:80%; margin-left:0px; margin-bottom: 10px; padding: 15px 20px; }
}


.sub01_guide09{margin:20px 0 80px 0;}
.sub01_guide09 ul{display: flex;flex-wrap: wrap;}
.sub01_guide09 ul li{width:23%;border-radius: 12px 12px 12px 12px; border: 2px solid #7cb1ff; box-shadow: 3px 10px 15px rgba(0,0,0,0.1); padding: 25px;text-align: center; margin: 30px 15px 0 1px;}
.sub01_guide09 ul li img{width: 100%; overflow: hidden; }
.sub01_guide09 ul li dl{margin-top: 25px;}
.sub01_guide09 ul li dl dt{ background: url("../images/content/guide09_log01.png")left center no-repeat;padding:20px 0 20px 80px; font-size: 22px;text-align:left; font-weight: 700;}
.sub01_guide09 ul li:nth-of-type(2) dl dt{background-image: url("../images/content/guide09_log02.png");padding:20px 0 20px 60px;}
.sub01_guide09 ul li:nth-of-type(3) dl dt{background-image: url("../images/content/guide09_log03.png");padding:20px 0 20px 60px;}
.sub01_guide09 ul li:nth-of-type(4) dl dt{background-image: url("../images/content/guide09_log04.png");padding:20px 0 20px 85px;}
.sub01_guide09 ul li:nth-of-type(5) dl dt{background-image: url("../images/content/guide09_log05.png");padding:20px 0 20px 50px;}
.sub01_guide09 ul li:nth-of-type(6) dl dt{background-image: url("../images/content/guide09_log06.png");padding:20px 0 20px 60px;}
.sub01_guide09 ul li:nth-of-type(7) dl dt{background-image: url("../images/content/guide09_log07.png");padding:20px 0 20px 70px;}

.sub01_guide09 ul li dl dd{ text-align: left; line-height: 20px; }


@media all and (max-width :1280px){
.sub01_guide09 ul li{width:30%;}
}

@media all and (max-width :1023px){
.sub01_guide09 ul li{width:47%;}
}

@media all and (max-width :767px){
.sub01_guide09 ul li{width:100%;}
}



.sub01_guide10{ width:100%; height: auto; margin:20px 0 80px 0; border: 2px solid #7cb1ff; border-radius:12px 12px; background: url("../images/content/guide10_bg.png")right center no-repeat; padding: 50px; display: flex;justify-content:flex-start;gap:60px;}
.sub01_guide10 .guide10_01{ display:flex;width: 39%;gap:10px;flex-wrap: wrap; justify-content: space-between}
.sub01_guide10 .guide10_01 li{ width: calc(50% - 5px);   border-radius:12px 12px; background:#ecf7ff url("../images/content/guide10_cicon01.png") calc(100% - 15%) calc(100% - 12%) no-repeat; padding: 40px 30px 65px 30px; line-height: 24px; font-size: 17px; }
.sub01_guide10 .guide10_01 li:nth-of-type(2){background-color: #e5fbf8;background-image: url("../images/content/guide10_cicon02.png");}
.sub01_guide10 .guide10_01 li:nth-of-type(3){background-color: #e5fbf8;background-image: url("../images/content/guide10_cicon03.png");}
.sub01_guide10 .guide10_01 li:nth-of-type(4){background-color: #ecf7ff;background-image: url("../images/content/guide10_cicon04.png");}

.sub01_guide10 .guide10_02{width:55%;}
.sub01_guide10 .guide10_02 dt{ font-size:20px; margin-bottom: 10px; }
.sub01_guide10 .guide10_02 dt span{color:#3883ff; }
.sub01_guide10 .guide10_02 dd{margin-bottom: 20px;}

.sub01_guide10 .guide10_02 .txt10_02{ margin:-50px 0 0 48%;}

@media all and (max-width :1280px){
.sub01_guide10{gap:50px; padding: 40px; background-size: 98%;}
.sub01_guide10 .guide10_01{width:50%;gap:10px;}
.sub01_guide10 .guide10_02{width:48%;}
.sub01_guide10 .guide10_02 .txt10_02{ margin:0 0 0 0%;}
}

@media all and (max-width :1023px){
.sub01_guide10{ background:none;flex-wrap: wrap;gap:0;}
.sub01_guide10 .guide10_01{width:100%;gap:10px;}
.sub01_guide10 .guide10_02{width:100%; margin-top: 20px;}
}

@media all and (max-width :768px){
.sub01_guide10{border:none; border-radius:none;  padding:0px; margin:20px 0 40px 0;}
.sub01_guide10 .guide10_01 li{ width:100%; }
}