.sub { height: 100%; color: var(--color20); } 

.sub .subtop { margin-bottom: 13rem; position : relative; padding-top: 75px; } 
.sub .subtop .con { height: 34rem; display: grid; place-items: center; position : relative; overflow: hidden; background:#282930; } 
.sub .subtop .con::after { position : absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } 
.sub .subtop .con h1 { color: #fff; position : relative; z-index: 1; } 



.sub .subtop .subtopMenu { display: flex; justify-content: space-between; padding: 2rem 3rem; border-radius: 4rem; align-items: center; width: 45%; margin: -3rem auto 0; position : relative; z-index: 1; background:#fff; box-shadow: 0px 2px 7px #00000023; } 
.sub .subtop .subtopMenu .home { width: 3.5rem; padding-right:1rem; } 
.sub .subtop .subtopMenu .menu { display: flex; font-size: 2rem; gap: 1rem; align-items: center; } 
.sub .subtop .subtopMenu .menu img { transition: transform 0.3s ease; width: 2rem; } 
.sub .subtop .subtopMenu .menu img.rotate { transform: rotate(180deg); } 

/* 모바일 아코디언 메뉴 */
.sub .subtop .accordionMenu { position : absolute; width: 100%; display: none; background: #fff; border-top: 1px solid #ddd; overflow-y: auto; z-index: 100; } 
.sub .subtop .accordionItem { border-bottom: 1px solid #eee; } 
.sub .subtop .accordionHeader { display: flex; justify-content: space-between; align-items: center; padding: 2rem 3rem; cursor: pointer; background: #f8f8f8; } 
.sub .subtop .accordionHeader span { font-size: 1.8rem; font-weight: 500; color: var(--color20); } 
.sub .subtop .accordionHeader img { width: 1.5rem; transition: transform 0.3s; } 
.sub .subtop .accordionHeader.active img { transform: rotate(180deg); } 
.sub .subtop .accordionContent { display: none; background: #fff; } 
.sub .subtop .accordionContent li a { display: block; padding: 1.5rem 3rem 1.5rem 4rem; font-size: 1.6rem; color: var(--color20); border-bottom: 1px solid #f5f5f5; } 
.sub .subtop .accordionContent li a:hover,
.sub .subtop .accordionContent li.active a { color: #0066cc; background: #f8f8ff; } 


/* 현재 위치 표시 스타일 */
.sub .subtop .accordionContent li.active a { color: #0066cc; background: #f8f8ff; font-weight: 600; } 



/* bg */
.sub101 .subtop .con::after { background: url(./images/sub101_bg.png) 57% / cover no-repeat; } 
.sub102 .subtop .con::after { background: url(./images/sub102_bg.png) center/cover no-repeat; } 
.sub103 .subtop .con::after { background: url(./images/sub103_bg.png) center/cover no-repeat; } 
.sub104 .subtop .con::after { background: url(./images/sub104_bg.png) 11%/cover no-repeat } 
.sub105 .subtop .con::after { background: url(./images/sub105_bg.png) center/cover no-repeat; } 
.sub201 .subtop .con::after { background: url(./images/sub201_bg.png) center/cover no-repeat; } 
.sub301 .subtop .con::after { background: url(./images/sub301_bg.png) center/cover no-repeat; } 
.sub302 .subtop .con::after { background: url(./images/sub302_bg.png) center/cover no-repeat; } 
.sub401 .subtop .con::after { background: url(./images/sub401_bg.png) center/cover no-repeat; } 
.sub501 .subtop .con::after { background: url(./images/sub501_bg.png) center/cover no-repeat; } 


/* font size */
.sub h4 { font-weight: normal; } 


.sub .txt_top { text-align: center; margin: 8rem 3rem 7rem; } 
.sub .txt_top p { margin: 3rem 0; color: var(--color73); font-weight: normal; line-height: 1.4; } 
.sub .txt_top .line { width: 4rem; height: 0.4rem; background: var(--color73); margin: 4rem auto 0; } 
.sub .txt_top .line.white { background: #fff !important; } 
.sub .txt_top .line.c_main { background: var(--main) !important; } 

.sub section:not(:only-child):not(:has(.borderNum_list)):last-child { margin-bottom: 10rem; } 

/***********************************
****************sub1****************
***********************************/

/* sub101 */
.sub .blue_num { display: grid; place-items: center; width: 5rem; aspect-ratio: 1/1; align-items: center; font-size: 3rem; background: var(--main); border-radius: 50%; color: #fff; } 
.sub10101 .section1 .con { width: 100%; background: url(./images/sub1_01_01_bg.jpg) center/cover no-repeat; padding: 10rem 0; } 
.sub10101 .section1 .con ul { max-width: 1200px; margin: 0 auto; gap: 2rem; width: 100%; display: flex; flex-direction: column; padding: 0 3rem; } 
.sub10101 .section1 .con ul li { padding:2rem 3rem; border: 1px solid #acacac; border-radius: 4rem; display: flex; text-align: center; background: #ffffffb7; align-items: center; } 
.sub10101 .section1 .con ul li h4 { flex: 1; text-align: left; margin-left: 2rem; } 

.sub10101 .section2 { background: var(--main); width: 100%; margin-top: 12rem; padding-bottom: 10rem; margin-bottom: 0 !important; } 
.sub10101 .section2 .con { width: 100%; margin: 0 auto; align-items: start; transform: translateY(-5rem); padding: 0 3rem; display: flex; gap: 2rem; } 

.sub10101 .section2 .con .pic { width: 40%; } 
.sub10101 .section2 .con .pic img { height: auto; } 
.sub10101 .section2 .right { width: 100%; padding-left: 2rem; border-left: 2px solid #fff; margin: 1rem 0 0 3rem; } 
.sub10101 .section2 .right p { color: #fff; line-height: 2; font-weight: 500; } 


/* sub102 */
.sub10102 .section1 { background: var(--main); width: 100%; margin-bottom: 0 !important; } 
.sub10102 .section1 .con { display: flex; flex-direction: column; align-items: center; width: 100%; } 
.sub10102 .section1 .left { padding: 6rem 3rem 0; position : relative; z-index: 10; transform: translateY(3rem); width: 100%; } 

.sub10102 .section1 .right { width: 100%; overflow: hidden; } 

.sub10102 .section1 .info { place-content: center; padding: 4rem 5rem; background: #fff; border-radius: 4rem; width: 100%; box-shadow: 0px 2px 7px #00000023; } 
.sub10102 .section1 .info .infotitle { font-size: 2.1rem; font-weight: bold; margin-bottom: 1.8rem; color: var(--main) } 
.sub10102 .section1 .info>li h1 { line-height: 0.8; font-weight: normal; } 
.sub10102 .section1 .info .down { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; } 

.sub10102 .section1 .timetable p { font-size: 1.9rem; } 
.sub10102 .section1 .timetable li { display: flex; font-weight: 500; } 
.sub10102 .section1 .timetable li p:first-child { width: 9rem; } 
.sub10102 .section1 .timetable li p:last-child { flex: 1; } 
.sub10102 .section1 .timetable li:not(:last-child) { margin-bottom: 1rem; } 

.sub10102 .section1 .timetable li:nth-child(3) span { display: inline-block; font-size: 1.8rem; padding: .2rem .5rem; border-radius: .5rem; background: var(--sub); color: #fff; } 

.sub10102 .section1 .timetable li:nth-child(4) span { font-size: 1.8rem; font-weight: 400; } 



.sub10102 .section2 { padding: 0 3rem; margin-bottom: 10rem; } 
.sub10102 .section2 .more { border-color:var(--main); color: var(--main); } 
.sub10102 .section2 .mySwiper1 { height: 30rem; border-radius: 4rem; } 
.sub10102 .section2 .mySwiper1 p { height: 100%; } 
.sub10102 .section2 .mySwiper1 p img { width: 100%; height: 100%; object-fit: cover; object-position: center; } 



/* sub10201 */
.sub10201 .section1 .con { max-width: 1400px; margin: 0 auto; gap: 8rem; width: 100%; display: flex; flex-wrap: wrap; padding: 0 3rem; } 
.sub10201 .section1 .con >li { display: flex; flex-direction: column; gap: 2rem; width: 100%; } 

.sub10201 .section1 .con li h1 { padding: 1rem 1rem; background: var(--main); color: #fff; } 
.sub10201 .section1 .con .right { flex: 1; } 
.sub10201 .section1 .con .right ul { gap: 1rem 1.5rem; display: flex; flex-wrap: wrap; padding: 2rem 0;; } 
.sub10201 .section1 .con .right ul li { border: 1px solid var(--color73); border-radius: 2rem; padding: 1rem; } 



.sub p.pic img { width: 100%; height: 100%; object-fit: cover; } 


/* sub10301 */
.sub .title_section { background: linear-gradient(
 to bottom,
 #fff 0%,
 #fff 84px,
 var(--main) 84px,
 var(--main) 100%
); } 
.sub .title_section .con { display: flex; flex-direction: column; justify-content: center; width: 100%; margin: 0 auto; padding: 0 3rem 5rem; } 

.sub .title_section b { color: #fff; } 

.title_section p.pic { box-shadow: 0px 0 35px -12px #0000001a; border-radius: 4rem; overflow: hidden; } 

section .eng { width: 100%; text-align: center; line-height: 1; font-size: clamp(16px, 10vw, 70px); font-family: "Playfair Display", serif; color: #eff0f5; font-weight: normal; opacity: .2; } 

.sub .title_section .con h2 { color: #fff; margin: 4rem 0 2rem; } 
.sub .title_section .con p { color: #fff; width: 100%; line-height: 1.5; font-weight: 300; } 

.sub .title_section .con .txt { margin-top: 4rem; } 

.sub .green_num { display: grid; place-items: center; width: 5rem; aspect-ratio: 1/1; align-items: center; font-size: 3rem; background: var(--sub); border-radius: 50%; color: #fff; font-weight: bold; } 

.sub10502 .section2,
.sub10405 .section3,
.sub10401 .section7,
.sub10301 .section9,
.sub10301 .section7,
.sub10301 .section2 { padding-bottom: 10rem; } 

.sub ul.green_list { width: 100%; margin: 0 auto; padding:0 3rem; display: flex; flex-direction: column; gap: 2rem; } 
.sub ul.green_list li { display: flex; align-items: center; gap: 2rem; padding:1.7rem 2rem; border-radius: 4rem; background: #f1f1f1; } 
.sub ul.green_list li b { color: var(--main); } 

.sub ul.green_list li h4 { flex: 1; line-height: 1.4; } 

.sub10301 .section8,
.sub10301 .section3 { background: var(--main); padding: 10rem 0; } 

.sub10301 .section8 .con,
.con:has(.list_row) { margin: 0 auto; align-items: center; justify-content: space-between; } 

.sub section:has(.borderNum_list) { padding: 10rem 0; } 
.sub section:has(.borderNum_list) .txt_top { margin: 0 3rem 7rem; } 
.sub section:has(.borderNum_list):not(section:has(.lightver)) { background: var(--main); } 
.sub .con:has(.borderNum_list):not(:has(.list_row)) { place-items: center; margin: 0 auto; } 


.sub ul.borderNum_list { display: flex; gap:2rem 3rem; flex-wrap: wrap; width: 100%; justify-content: center; padding: 0 3rem; } 
.sub ul.borderNum_list li { flex: 1 0 calc(50% - 3rem); padding: 3rem 1rem; display: flex; flex-direction: column; text-align: center; background: #fff; border-radius: 4rem; } 

.col1 li { flex: 1 0 100% !important; padding: 3rem; flex-direction: row; align-items: center; gap: 2rem; text-align: left; } 
.col1 li .border_num { margin-bottom: 0; } 


.col2 { flex-direction: row !important; flex-wrap: wrap; } 
.col2 li { flex: 1 0 calc(50% - 3rem) !important; } 

.sub10405 .section3 .col1 { padding: 0; } 


.sub ul.borderNum_list li h3 { color: var(--main); font-size: 2.5rem; } 
.sub ul.borderNum_list li h4 { color: var(--main); font-weight: bold; line-height: 1.3; } 
.sub .border_num { margin-bottom: 1rem; font-size: 4rem; font-weight: 700; color: #fff; -webkit-text-fill-color: #fff; -webkit-text-stroke: 4px var(--main); paint-order: stroke fill; } 
 

.sub10301 .section4 .con { max-width: 1400px; margin: 0 auto; } 
.sub10301 .section4 .con>ul { display: flex; flex-direction: column; gap:5rem; flex-wrap: wrap; justify-content: center; padding: 0 3rem; } 
.sub10301 .section4 .con>ul>li { height: 30rem; border-radius: 4rem; display: grid; align-items: end; padding: 3rem; } 

.sub10301 .section4 .con>ul>li:first-child { background: url(./images/sub1_03_01_s4_1.png) center/cover no-repeat; } 
.sub10301 .section4 .con>ul>li:nth-child(2) { background: url(./images/sub1_03_01_s4_2.png) center/cover no-repeat; } 
.sub10301 .section4 .con>ul>li:nth-child(3) { background: url(./images/sub1_03_01_s4_3.png) center/cover no-repeat; } 
.sub10301 .section4 .con>ul>li:nth-child(4) { background: url(./images/sub1_03_01_s4_4.png) center/cover no-repeat; } 

.sub10301 .section4 .con .sub_list { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-content: flex-end; } 
.sub10301 .section4 .con .sub_list li { background: #fff; border-radius: 4rem; border: 3px solid var(--sub); padding: .7rem 2rem; } 

.sub10301 .section4 .con .sub_list li p { color: var(--sub); font-weight: bold; font-size: 1.8rem; } 

.sub10301 .section5 { margin-top: 10rem; } 

.sub .last_list .txt_top { margin: 0 auto 7rem; } 
.sub10301 .section5 .con { background:url(./images/sub1_03_01_s5_bg.jpg) 58%/cover no-repeat } 

.sub .last_list .con { width: 100%; height: 100%; padding : 10rem 3rem; } 
.sub .last_list .con ul { display: flex; flex-direction: column; gap:3rem; margin: 0 auto; } 
.sub .last_list .con ul li { display: grid; background: #ffffffc5; padding:2rem 3rem; height: auto; border-radius: 4rem; flex: 1; place-items: start center; text-align: center; jcc } 


.sub .last_list .con h3 { color: var(--main); margin: 2rem 0; } 
.sub .last_list .con p { line-height: 1.5; } 
p.warn { text-align: center; margin-top: 4rem; font-weight: bold; line-height: 1.4;padding: 0 3rem; } 

.con:has(.borderNum_list.li4) { max-width: 1200px; } 
section:has(.borderNum_list.lightver) { background: #f2f7fc; } 
.borderNum_list.lightver li { border: 3px solid var(--main); } 

.sub .picWith_title { padding: 0 3rem; margin: 0 auto; display: flex; gap: 3rem; flex-wrap: wrap; justify-content: center; } 
.sub .picWith_title li { display: flex; width: calc(50% - 2rem); flex-direction: column; justify-content: start; } 
.sub .picWith_title:not(:has(h4)) p { padding: 1rem 2rem; background: var(--main); width: fit-content; margin: 2rem auto 0; border-radius: 4rem; color: #fff; } 

.sub .picWith_title h4 { padding: 1rem 4rem; background: var(--main); width: fit-content; margin: 0 auto; border-radius: 4rem; color: #fff; font-weight: bold; } 
.sub .picWith_title p:not(.pic) { text-align: center; margin-top: 2rem; } 
.sub10405 .section3 .picWith_title p:not(.pic) { margin: 0; } 


.sub10301 .section10 .con { background: url(./images/sub1_03_01_s10_bg.jpg) center/cover no-repeat; } 
.sub10401 .section3 .picWith_title li { width: 100%; padding: 0; } 
.sub10401 .picWith_title p:not(.pic) { margin-top:0; margin-bottom: 1rem; } 


/* sub10302 */
.sub .withPic_list { margin: 0 auto 10rem; display: flex; flex-direction: column; } 
.sub .withPic_list .left .pic { height: 100%; } 
.sub .withPic_list img { width: 100%; height: 100%; object-fit: cover; } 
.sub .withPic_list .green_list { display: flex; flex-direction: column; gap: 2rem; padding:3rem; background: #f1f1f1; justify-content: center; } 
.sub .withPic_list .green_list li { background: #fff; padding:1.4rem 2rem; } 
.sub .withPic_list .green_list .green_num { font-size: 3rem; } 
.sub .withPic_list .green_list li h4 { flex: 1; } 
.sub .withPic_list .green_list li b { color: var(--main); } 

.sub10302 .section3 .con { background: url(./images/sub1_03_02_s3_bg.jpg) center/cover no-repeat; } 
.sub10302 .section3 .con ul { max-width: 1400px; display: flex; margin: 0 auto; gap: 6rem; padding: 6rem 3rem; flex-direction: column; } 
.sub10302 .section3 .con ul li { flex: 1; background: #ffffffb2; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 4rem 3rem; border-radius: 4rem; } 
.sub10302 .section3 .con ul li h3 { text-align: center; background: var(--sub); color: #fff; margin-bottom: 3rem; width: fit-content; padding: 1.5rem 5rem; border-radius: 4rem; } 
.sub10302 .section3 .con ul li p { line-height: 1.5; text-align: center; } 

/* sub10303 */
.sub10303 .section6 .borderNum_list li h3 { font-size: 2rem; text-align: left; } 

.sub .withPic_con { display: flex; flex-direction: column; gap: 3rem; padding: 0 3rem; } 
.sub .withPic_con>li { display: flex; flex-direction: column; border: 1px solid #dedede; } 
.sub .withPic_con>li .right h3 { padding: 3rem 0; text-align: center; background: var(--main); color: #fff; } 
.tag { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin-top: 3rem; } 
.tag li { display: flex; align-items: center; gap: 0 .5rem; font-size: 1.8rem; background: #eeeef0; border-radius: 2rem; padding: 1rem 1.5rem; } 
.tag li img { width: 2rem; } 

.sub10304 .tag li { align-items: start; } 
.sub10304 .left .pic { height: 100%; } 

.sub .withPic_con li .right { flex: 1; } 
.sub .withPic_con li .right .desc { padding: 3rem; } 
.sub .withPic_con li .right .desc p { line-height: 1.4; } 

/* sub10401 */


ul.borderNum_list.col1_row li { flex-direction: row; flex: 1 0 100%; gap: 2rem; text-align: left; padding: 3rem; align-items: center; } 
ul.borderNum_list.col1_row .border_num { margin-bottom: 0; } 

.sub30105 .section3 .picWith_title li { padding: 0; } 

.sub10401 .section4 .withPic_list .green_list { flex-wrap: wrap; flex-direction: row; background: var(--main); } 
.sub10401 .section4 .withPic_list .green_list li { display: flex; width:calc(50% - 1rem); padding: 1rem 2rem; } 


.sub10401 .section6 { padding: 0 3rem; } 
.sub10401 .section6 table { width: 100%; max-width: 1200px; margin: 0 auto; font-size: 2rem; border-collapse: collapse; border-top: 3px solid var(--sub); border-bottom: 2px solid var(--sub); } 
.sub10401 .section6 table th { background: #e2eacb; padding: 2rem; font-size: 2rem; } 
.sub10401 .section6 table td { padding: 2rem; border: 1px solid #cccccc; font-size: 1.8rem; } 
.sub10401 .section6 table td:first-child { border-left: none; } 
.sub10401 .section6 table td:last-child { border-right: none; } 
.sub10401 .section6 table tr:last-child td { border-bottom: none; } 


.sub10502 .section10 ul,
.sub10401 .section7 ul { margin: 0 auto; display: flex; flex-direction: column; gap: 4rem; justify-content: space-between; padding: 4rem 3rem; background: var(--main); } 
.sub10502 .section10 ul li,
.sub10401 .section7 ul li { background: #fff; border-radius: 4rem; padding: 3rem; text-align: center; display: flex; flex-direction: column; align-items: center; } 
.sub10502 .section10 ul li h3,
.sub10401 .section7 ul li h3 { padding: 2rem 0; background: var(--main); color: #fff; margin-bottom: 3rem; width: fit-content; padding: 1.5rem 5rem; border-radius: 4rem; } 
.sub10502 .section10 ul li p,
.sub10401 .section7 ul li p { line-height: 1.5; } 

.sub10401 .section8 { padding: 10rem 0; background: url(./images/sub1_04_01_s7.jpg) 29%/cover no-repeat; margin-bottom: 0 !important; } 
.sub10401 .section8 .txt_top { margin: 0 auto 7rem; } 
.sub10401 .section8 .green_list { gap: 1.5rem; } 

.sub .withPic_bluelist { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 3rem 3rem 10rem; padding: 3rem; background: var(--main); border-radius: 4rem; gap: 2rem; } 
.sub .withPic_bluelist li { position : relative; text-align: center; flex: 1 0 calc(50% - 1rem); } 
/* .sub .withPic_bluelist li:not(:last-child):after { position : absolute; content: ""; top: 100%; left: 50%; transform: translateX(-50%); width: 70%; height: 1px; border-radius: 4rem; background: rgba(255, 255, 255, 0.116); } */
.sub .withPic_bluelist li p { margin-top: 2rem; color: #fff; line-height: 1.4; } 


/* sub10403 */
.sub10402 .section5 .con { background: url(./images/sub1_04_02_s5_bg.jpg) center/cover no-repeat; } 


/* sub10403 */
.sub10403 .section4 .con { background: url(./images/sub1_04_03_s4_bg.jpg) center/cover no-repeat; } 
.sub10403 .section7 .con { background: url(./images/sub1_04_03_s7.jpg) center/cover no-repeat; } 
.sub10403 .section8 .con { background: url(./images/sub1_04_03_s8_bg.jpg) center/cover no-repeat; } 


/* sub10404 */


.sub10404 .section3 .green_list li { align-items: flex-start; padding: 3rem; } 
.sub10404 .section3 .green_list li .pic { padding-top: .4rem; } 
.sub10404 .section3 .green_list li h4 { line-height: 1.3; font-weight: 600; } 
.sub10404 .section4 { background: url(./images/sub1_04_04_s4_bg.jpg) center/cover no-repeat !important; } 
.sub10404 .section4 .borderNum_list li { padding: 3rem; border: none; } 

/* sub10405 */
.sub10405 .section3 { max-width: 1200px; margin: 0 auto; } 
.sub10405 .section3 .warn { line-height: 1.4; margin-bottom: 4rem; font-weight: 600; padding: 0 3rem; } 
.sub10405 .section3 .picWith_title li h4 { font-weight: 600; } 
.sub10405 .section3 .picWith_title li>p:first-child { border-radius: 4rem; box-shadow: 0px 2px 9px #0000001a; } 
.sub10405 .section3 .picWith_title li>p:last-child { line-height: 1.4; } 
.sub10405 .section4 { background: url(./images/sub1_04_05_s4_bg.jpg) center/cover no-repeat; margin-bottom: 0 !important; } 
.sub10405 .section4 .warn { line-height: 1.4; margin: -2rem 0 5rem; font-weight: 600; color: #fff; } 
.sub10405 .section4.last_list .con h3 { margin: 3rem 0 0; } 


/* sub10501 */
.sub10501 .section2 .con .borderNum_list li { gap: 2rem; padding: 3rem; background: var(--main); display: flex; flex-direction: row; align-items: center; } 
.sub10501 .section2 .con .borderNum_list li h4 { color: #fff; font-weight: 600; text-align: left; margin-left: .7rem; } 

.sub10501 .section2 .con .borderNum_list li .border_num { margin-bottom: 0; } 

.sub10501 .section3 .withPic_list li:first-child { background: none; } 
.sub10501 .section3 .withPic_list li:first-child p { color: var(--color73); line-height: 1.3; } 
.sub10501 .section4.last_list { background: url(./images/sub1_05_01_s4_bg.jpg) center/cover no-repeat; margin-bottom: 0 !important; } 

.sub10501 .last_list .con h3 { margin:0; font-size: 2.5rem; } 
.sub10501 .last_list .con ul li { display: flex; align-items: center; gap: 1rem; } 


/* sub10502 */

.sub10502 .section2 { max-width: 1200px; margin: 0 auto; } 
.sub10502 .section2 ul { display: flex; gap: 4rem; flex-direction: column; padding: 0 3rem; } 
.sub10502 .section2 ul div { width: 100%; height: 20rem; margin-bottom: 3rem; border-radius: 4rem; display: grid; place-items:end center; padding: 3rem; box-shadow: 0px 2px 9px #0000004a; } 
.sub10502 .section2 ul li { text-align: center; line-height: 1.3; flex: 1; } 
.sub10502 .section2 ul li h3 { padding: 1rem 3rem; background: var(--sub); color: #fff; border-radius: 4rem; box-shadow: 0px 2px 9px #00000028; } 
.sub10502 .section2 ul li p { padding: 0 2rem; } 
.sub10502 .section2 ul li:first-child div { background: url(./images/sub1_05_02_s2_1.jpg) center/cover no-repeat; } 
.sub10502 .section2 ul li:last-child div { background: url(./images/sub1_05_02_s2_2.jpg) center/cover no-repeat; } 

.sub10502 .section4 { background: url(./images/sub1_05_02_s4_bg.jpg) center/cover no-repeat; }; .sub10502 .section6 .borderNum_list { gap: 1rem 1rem !important; } 

.sub10502 .section8 .withPic_bluelist { text-align: left; } 
.sub10502 .section8 .withPic_bluelist h4 { padding: 1rem 3rem; font-weight: bold; margin-bottom: 3rem; text-align: center; background: #fff; border-radius: 4rem; } 
.sub10502 .section8 .withPic_bluelist li p { text-align: left; margin-top: 1rem; display: flex; align-items: start; gap: 1rem; } 
.sub10502 .section8 .withPic_bluelist li p img { width: 2.5rem; } 

.withPic_bluelist.col1 { padding: 3rem 0; } 

.sub10502 .section9 { background: url(./images/sub1_05_02_s9_bg.jpg) center/cover no-repeat; } 
.sub10502 .section9 h4 { font-weight: bold; color: var(--main); margin-top: 2rem; } 

.sub10502 .section11 ul { margin: 0 auto; display: flex; flex-direction: column; gap: 2rem; padding: 0 3rem; } 
.sub10502 .section11 ul li { display: flex; flex-direction: column; border-radius: 4rem; overflow: hidden; border: 3px solid var(--main); } 
.sub10502 .section11 ul li .left { background: var(--main); color: #fff; text-align: center; padding: 2rem; width: 100%; } 
.sub10502 .section11 ul li p { padding: 2rem 3rem; flex: 1; } 
.sub10502 .section11 ul li p b { font-size: 2.4rem; } 
.sub10502 .section11 ul li span { line-height: 1.3; } 



/* sub10503 */

.sub10503 .section1 .txt ul li { display: flex; } 
.sub10503 .section1 .txt ul li:not(:last-child) { margin-bottom: 1rem; } 
.sub10503 .section1 .txt ul li p.pic { width: 2.5rem; height: 2.5rem; } 
.sub10503 .section1 .txt ul li span { color: #fff; font-size: 2rem; margin-left: 1rem; flex: 1; } 

.sub10503 .section2 .green_list { width: 100%; gap: 2rem; flex-wrap: wrap; flex-direction: row; } 
.sub10503 .section2 .green_list li { width: 100%; } 
.sub10503 .section2 .green_list li h4 { flex: 1; } 
.sub10503 .section2 .green_list li .green_num { font-size: 3rem; } 

.sub10503 .section3 .withPic_bluelist li h3 { background: #fff; border-radius: 4rem; padding: 1.5rem 0; } 


.sub10503 .section4 .con { background: url(./images/sub1_05_03_s4.jpg) 75%/cover no-repeat; height: 50rem; display: grid; place-items: end center; padding: 0 3rem 3rem; } 
.sub10503 .section4 .con p { line-height: 1.4; } 

.sub10503 .section5 .withPic_bluelist li p.pic { margin-top: 0; } 
.sub10503 .section5 h4 { padding: 1rem 4rem; background: var(--sub); display: inline-block; border-radius: 4rem; margin-top: 2rem; font-weight: bold; color: #fff; } 
.sub10503 .section5 li p:last-of-type { padding: 0 5rem; } 

.sub10503 .section6 { background: url(./images/sub1_05_03_s6_bg.jpg) center/cover no-repeat; margin-bottom: 0 !important; } 
.sub10503 .section6 .con { padding: 7rem 3rem; } 
.sub10503 .section6.last_list ul { flex-wrap: wrap; } 
.sub10503 .section6.last_list ul li { border: 1px solid #d5d5d5; box-sizing: border-box; padding: 2rem 1rem; } 
.sub10503 .section6 .con h3 { margin: 2rem 0 .5rem; font-size: 2.4rem; } 


/* sub20101 */
.sub20101 .withPic_list .left { border: 2rem solid var(--main); display: grid; place-content: center; padding: 3rem; } 
.sub20101 p.mx1400 { text-align: center; margin-bottom: 4rem; line-height: 1.4; padding: 0 3rem; } 
.sub20101 .withPic_list .green_list li { display: flex; padding: 2rem 3rem; } 
.sub20101 .withPic_list .green_list li h4 { flex: initial; display: flex; align-items: center; font-weight: bold; color: var(--main); gap: 1rem; } 
.sub20101 .withPic_list .green_list li p { flex: 1; } 

.sub20101 section:has(.borderNum_list) { background:transparent !important; } 
.sub20101 ul.borderNum_list li { flex: 1; background: var(--main); } 
.sub20101 ul.borderNum_list li h3 { color:#fff; margin-top: 3rem } 

.sub20101 .section4 { background: url(./images/sub2_01_01_s4_bg.jpg) center/cover no-repeat; } 
.sub20101 .last_list .con h3 { margin: 0 0 0 2rem; font-size: 2.3rem; text-align: left; } 
.sub20101 .last_list .con ul li { display: flex; flex-direction: row; align-items: center; } 



.sub20101 .section6 ul.borderNum_list li { flex: initial; flex-direction: row; text-align: left; width: 100%; padding: 3rem; } 
.sub20101 .section6 ul.borderNum_list li b { margin-bottom: 2rem; } 
.sub20101 .section6 ul.borderNum_list li h3 { margin: 0 auto 2rem; } 
.sub20101 .section6 ul.borderNum_list li h4 { color: #fff; font-weight: 500; font-size: 2rem; } 
.sub20101 .section6 .border_num { height: 100%; place-content: start; line-height: .8; font-size: 5rem; } 
.sub20101 .section7 { background: url(./images/sub2_01_01_s7_bg.jpg) center/cover no-repeat; } 
.sub20101 .withPic_list, .sub20101 .section7 { margin-bottom: 0 !important; } 

/* sub30101 */
.sub30101 .withPic_bluelist li h3 { margin-top: 3rem; color: #fff; font-weight: bold; } 
.sub30101 .section3 { background: url(./images/sub3_01_01_s3_bg.jpg) center/cover no-repeat; text-align: center; padding: 10rem 3rem; margin-bottom: 0 !important; } 
.sub30101 .section3 div { width: 100%; background: #ffffffb5; border-radius: 4rem; display: grid; place-content: center center; padding: 4rem 3rem; } 
.sub30101 .section3 div p { margin-top: 4rem; line-height: 1.4; } 


/* sub30102 */
.sub30103 .section3,
.sub30102 .section2 { background: #f2f7fc; padding: .1rem 3rem 10rem; } 
.sub30103 .section3 ul,
.sub30102 .section5 ul,
.sub30102 .section4 ul,
.sub30102 .section3 ul,
.sub30102 .section2 ul { margin: 0 auto; width: 100%; display: flex; flex-wrap: wrap; gap: 3rem; } 

.sub30102 .section5 ul { flex-direction: column; padding: 0 3rem; } 

.sub30103 .section3 ul li,
.sub30102 .section3 ul li,
.sub30102 .section2 ul li { background: #fff; padding: 3rem; border-radius: 4rem; } 
.sub30103 .section3 ul li h3,
.sub30102 .section2 ul li h3 { color: var(--main); margin-bottom: 2rem; } 
.sub30102 .section2 ul li p { line-height: 1.4 } 
.sub30102 .section3 ul { max-width: 1200px; justify-content: center; } 
.sub30102 .section3 ul li { padding: 3rem 3rem 0; text-align: center; } 
.sub30102 .section3 ul li h4 { font-size: 2.2rem; font-weight: bold; color: var(--main); margin: 2rem auto 0; } 
.sub30102 .section3 ul li p { box-shadow: 0px 2px 7px #00000023; padding: 0; display: inline-flex; border-radius: 4rem; overflow: hidden; } 

.sub30102 .section4 { background: var(--main); padding: .1rem 0 10rem; margin-top: 10rem; } 
.sub30102 .section4 ul { padding: 0 3rem; } 
.sub30102 .section5 ul li,
.sub30102 .section4 ul li { flex: 1; background:#fff; padding: 3rem 4rem; text-align: center; } 
.sub30102 .section5 ul li h3,
.sub30102 .section4 ul li h3 { background: var(--main); color: #fff; padding: 1rem 0; width: 100%; border-radius: 4rem; margin-bottom: 3rem; } 
.sub30104 .section2 p,
.sub30103 .section3 p,

.sub30102 .section4 ul li p { line-height: 1.4; } 

.sub30102 .section5 ul { gap: 7rem; margin-bottom: 10rem; } 
.sub30102 .section5 ul li { padding: 0; position : relative; } 
.sub30102 .section5 ul li div p { padding-left: 4rem; line-height: 1.8; text-align: left; position : relative; } 
.sub30102 .section5 ul li div p::after { position : absolute; content: ''; left: 15px; top: 50%; transform: translateY(-50%); border-radius: 50%; width: .5rem; height: .5rem; background: var(--color20); } 

.sub30102 .section5 ul li:not(:last-child)::after { content: ''; position : absolute; width: 100%; height: 5px; background: var(--sub); bottom: -23px; left: 0; } 

.sub30102 .section5 ul li .arrow_green { width: 2.5rem; position : absolute; left: 48%; bottom: -51px; transform: translateY(-50%) rotate(90deg); } 

.sub30102 .section6 { background: url(./images/sub3_01_02_s6_bg.jpg) center/cover no-repeat !important; } 
.sub30102 .section6 ul.borderNum_list li { width: calc((100% - 12rem) / 4); background: #ffffffaf; } 
.sub30102 .section6 ul.borderNum_list li h3 { line-height: 1.2; margin-top: 2rem; } 

/* sub30103 */
.sub30103 .section2 { text-align: center; background: url(./images/sub3_01_03_s2_bg.png) center/cover no-repeat; padding: 5rem 3rem; margin: 10rem auto; } 
.sub30103 .section2 .txt_top { margin: 0 auto 7rem; } 
.sub30103 .section2 .desc { padding: 5rem 3rem; border-radius: 4rem; background: #ffffffab; } 
.sub30103 .section2 .desc p { line-height: 1.4; text-align: left; } 


 .sub10501 .section5,
 .sub30103 .section4 { background: var(--main); padding:.1rem 3rem 5rem; } 

.sub10501 .section5 ul,
.sub30103 .section4 ul { display: flex; flex-direction: column; gap: 2rem; } 
.sub10501 .section5 li,
.sub30103 .section4 li { padding: 3rem 5rem; border-radius: 4rem; background: #fff; display: flex; gap: 3rem; align-items: center; } 
.sub10501 .section5 li { padding: 2rem 4rem; } 

.sub10501 .section5 li p,
.sub30103 .section4 ul li p { flex: 1; line-height: 1.4; } 
.sub30103 .section5 { background: url(./images/sub3_01_03_s5_bg.jpg) center/cover no-repeat !important; } 
.sub30103 .section5 ul.borderNum_list li { background: #ffffffaf; } 

/* sub30104 */
.sub30104 .section2 ul { display: flex; flex-direction: column; gap: 2rem; background: var(--main); padding: 2rem; } 
.sub30104 .section2 ul li { padding: 4rem; background: #fff; border-radius: 4rem; } 


/* sub30105 */
.sub30105 .section2 { background: #f2f7fc; margin: 0 auto 10rem; padding: .1rem 3rem 5rem; align-items: start; } 

.sub30105 .section2 h3 { background: var(--sub); display: inline-flex; padding: 1rem 4rem; border-radius: 4rem; color: #fff; } 
.sub30105 .section3 { max-width: 1200px; margin: 10rem auto; } 
.sub30105 .section3 p.pic { border-radius: 4rem; overflow: hidden; box-shadow: 0px 2px 7px #00000023; } 
.sub30105 .section3 li p:last-child { line-height: 1.4; margin-bottom: 2rem; margin-top: 0; } 

/* sub30201 */
.sub30201 .section2 li { flex: 1; display: grid; place-content: center; } 
.sub30201 .section2 .picWith_title p { text-align: left; display: inline-flex; margin: 2rem auto 0; } 
.sub30201 .section2 .picWith_title p.pic { margin-bottom: 2rem; } 

.sub30201 .table_wrap { overflow-x: auto; padding: 0 3rem; } 
.sub30201 .move { display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem; font-weight: bold; justify-content: center; } 

.sub30201 .section3 { margin: 10rem auto; } 
.sub30201 .section3 table { font-size: 2rem; border-collapse: collapse; } 
.sub30201 .section3 table th { background: var(--main); color: #fff; padding: 2rem; } 
.sub30201 .section3 table:first-of-type td:first-child { background: #f2f7fc; font-weight: bold; text-align: center; } 
.sub30201 .section3 table td { padding: 2rem; border: 1px solid #eee; } 

.sub30201 .section3 table:first-of-type td:not(:first-child) { width: 30%; } 
.sub30201 .section3 .desc { padding: 2rem; line-height: 1.4; } 
.sub30201 .section3 table .bg { background: #f2f7fc; } 
.sub30201 .section3 table:last-of-type tr td:first-child { text-align: center; } 
.sub30201 .section3 table:last-of-type td:not(:first-child) { width: 43%; } 
.sub30201 .section3 table:last-of-type .bd { border-bottom: 2px solid #e0e0e0; } 
.sub30201 .section4 h4 { flex: 1; } 

.sub30201 .section5 { text-align: center; } 
.sub30201 .section5 .table_wrap img { width: 700px; } 

.sub30202 .title_section h3 { font-size: 2.5rem; margin-top: 3rem; color: #fff; line-height: 1.4; } 

.sub30202 .section2 li:nth-child(-n+3) { border-radius: 4rem; overflow: hidden; box-shadow: 0px 0 7px 1px #00000023; padding: 0 !important; } 
.sub30202 .section2 li:nth-child(n+4):nth-child(-n+5) { border: 1px solid #ddd; flex: 1; padding: 5rem 3rem; border-radius: 4rem; gap: 0; } 
.sub30202 .section2 li h4 { margin: 0 auto; } 
.sub30202 .section2 li p { line-height: 1.4; } 



/* 게시판 */
.board_con { width: 100%; padding: 0 3rem; margin: 0 auto 10rem; } 
.board_con .board_description img{width: 100% !important; height: 100% !important; object-fit: cover;}