@charset "utf-8";

/* Site Layout - Outpage */

:root {
	--main-color: #1c75c1;
	--sub-color: #4fa3e1;
	--tit-color: #4e555d;
}


#outpage {font-size:20px; line-height:1.6; color:#555; font-weight:400; width:100%; letter-spacing:0px; max-width:100%;display:block;position:relative;margin:20px auto;padding:0px; word-break:keep-all;border:0px solid #000; font-family: 'Pretendard';}
#outpage .imgView{width:100%;text-align:center;}
#outpage .imgView3{width:100%;text-align:center;padding:50px 0px;}
#outpage .mbr{display:none;}

.max100{max-width:100% !important; margin:0 auto; display:block;}
.max1240{max-width:1240px !important; margin:0 auto; display:block;}
.max1100{max-width:1100px !important; margin:0 auto; display:block;}

.content-box{max-width:1240px; margin:0 auto; display:block;}
.content-blank{height:70px;}
.small-txt{font-size:clamp(13px, 2vw, 18px);}

#outpage hr{border:#ccc 1px dashed; border-top:0px; border-left:0px; border-right:0px; padding:0 0 1%; margin:0 0 1% 0;}
.tit_wrap{ margin-bottom:50px; text-align:center;}
.tit_wrap h1{ font-size:42px; font-weight:800; color:#474b55; padding-bottom:10px;clear:both; width:100%}
.tit_wrap > div{ width:70px; height:5px; margin:20px auto;  display:flex; justify-content:center;}
.tit_wrap > div > div:first-child{background:#666;width:40px;}
.tit_wrap > div > div:last-child{background:var(--main-color);width:40px;}
.tit_wrap p{font-size:16px; padding-bottom:15px; color:#777; letter-spacing:1.5px;}
.tit_wrap .top_stit{font-size:16px; padding-bottom:15px; color:var(--main-color); letter-spacing:1.5px;}

#outpage h3{font-size: clamp(27px, 4.5vw, 40px); color:#333; font-weight:800; padding:0 0 35px; margin:0 0 35px; line-height:1.3; position:relative; font-family: 'Pretendard'; text-align:center;}
#outpage h3:before{content:''; position:absolute; width:25px; height:7px; background:#8cc2ed; left:50%; bottom:0px;}
#outpage h3:after{content:''; position:absolute; width:25px; height:7px; background:var(--main-color); right:50%; bottom:0px;}

#outpage h4{font-size:clamp(22px, 3.5vw, 28px); color:#333; font-weight:700; padding:0 0 0 30px; margin:0 0 7px; position:relative;}
#outpage h4:before{content:''; position:absolute; width:9px; height:23px; inset: 0; border: 4px solid transparent; background: linear-gradient(120deg, #4fa3e1, #16558e) border-box;
  -webkit-mask:
    linear-gradient(#fff 0 0) padding-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none; left:0; top:7px; border-radius:1rem;}
#outpage h5{font-size:clamp(17px, 3vw, 20px); color:#474b55; font-weight:600; padding:0; margin:0 0 10px;}
#outpage h6{font-size:15pt; color:#474b55; font-weight:600; padding:0; margin:0 0 7px;}
#outpage h6 span{background:linear-gradient(to left, var(--main-color), #4fa3e1); padding:0.5rem 25px; color:#fff !important; border-radius:100px;}
.h4_tit{color:var(--main-color) !important; position:relative; display:inline-block;}
.h4_tit:before{position:absolute; content:''; width:6px; height:6px; background:var(--main-color); border-radius:100%; right:-15px; top:4px;}

.subtit{font-size:clamp(15px, 2vw, 18px); color:#777; text-align:center; letter-spacing:0px;}

@media( max-width:1200px ){
	.max1240{max-width:75% !important;}
}
@media( max-width:992px ){
	#outpage {font-size:clamp(15px, 1.4vw, 17px) !important; line-height:1.4 !important;}
	.tit_wrap{ margin-bottom:30px;}	
	.tit_wrap h1{font-size:32px; line-height:1.6;}
	.tit_wrap .top_stit{font-size:12px; letter-spacing:0px;}
	.tit_wrap > div{ width:50px; height:4px;}
	.tit_wrap > div > div:first-child{background:#666;width:25px;}
	.tit_wrap > div > div:last-child{background:var(--main-color);width:25px;}
	.tit_wrap p{font-size:12px; letter-spacing:0;}
	#outpage h2{font-size:24px; padding:0 0 0 20px;}
	#outpage h2:before{height:30px; width:10px;}
	.max1240{max-width:90% !important;}
	.mobile-none{display:none;}
	.pc-none{display:block !important;}
	.content-box{max-width:100%; margin:0 auto; display:block;}
	.content-blank{height:50px;}
	.h4_tit:before{width:5px; height:5px; right:-12px; top:4px;}
	#outpage ul{padding:0px 0; list-style:none;}
	#outpage ul li:before{width:5px !important; height:5px !important; left:3px !important; top:7px !important;}
	#outpage .contType3{ margin:20px auto; max-width:100% !important;}
	#outpage .contType3:before{width:70% !important; left:15% !important;}
	#outpage .contType3:after{width:70% !important;  left:15% !important;}
}
@media( max-width:768px ){
	#outpage h4:before{top:2px;}
}
@media( max-width:430px ){
	#outpage h5{font-size:14pt;}
	#outpage h5 i{display:block;}
	#outpage h6{font-size:12pt;}
}
@media( max-width:380px ){
	#outpage h5{font-size:13pt;}
}

.pc-none{display:none;}
.clearDiv{height:75px;width:100%;clear:both;}
.blank{height:50px;}
.blank2{height:25px;}
.blank3{height:20px;}


.contType{border:1px solid #ddd; padding:25px 30px; background:#f7f7f7; margin:7px 0 0; border-radius:10px;}
.contType i{font-size:25px; color:var(--sub-color); padding-right:12px; vertical-align:-3.5px;}
.contType2{background:#f7f3f1; padding:40px 40px; margin:0; box-sizing:border-box !important; border-radius:1rem;}
.contType3{position:relative; border:5px solid #ddd; padding:30px; margin:10px auto; display:block; border-radius:1rem;}
.contType3:before{content:''; position:absolute; width:80%; height:5px; background:#f7f7f7; left:50%; top:-5px; transform: translate(-50%, 0);}
.contType3:after{content:''; position:absolute; width:80%; height:5px; background:#f7f7f7; left:50%; bottom:-5px; transform: translate(-50%, 0);}
.contType4{border:1px solid #ddcfc0; padding:25px 30px; margin:0px 0 0; box-sizing:border-box !important; border-radius:1rem;}
.contType4 b{color:#000; font-weight:500;}
.contType5{border:1px solid #d6d6d6; background:#f7f7f7; padding:20px 30px; margin:0; border-radius:10px; position:relative;}
.contType5 i{position:absolute; width:12%; left:35px; top:30px; font-size:25px; color:var(--sub-color); vertical-align:-5px;}
.contbox{border:7px solid var(--sub-color); background:#fff; border-radius:1rem; position:relative; margin:12px 0 0; padding:50px 75px; text-align:left; display:block;}
.contbox:before{content:''; position:absolute; width:80%; height:7px; left:50%; top:-7px; transform: translate(-50%, 0); background:#f3f3f3;}
.contbox:after{content:''; position:absolute; width:80%; height:7px; left:50%; bottom:-7px; transform: translate(-50%, 0); background:#f3f3f3;}
.contbox2{border:1px solid #d6d6d6; padding:12px 25px 10px; margin:10px 0 0; border-radius:15px;}
#outpage .contbox2 > .ulli{padding:7px 0; list-style:none;}
#outpage .contbox2 > .ulli > li{padding:0 0 0 35px; margin-bottom:5px; position:relative;}
#outpage .contbox2 > .ulli > li:before{content:'\f058'; font-family:'fontawesome'; position:absolute; width:24px; height:24px; color:var(--point-color5); left:0px; top:-3px; border-radius:100px; font-size:24px;}
.ulli_point{background:#f85983; color:#fff; font-weight:600; display:inline-block; padding:2px 13px 4px; border-radius:100px;}
@media( max-width:650px ){
	.contType2{padding:25px; margin:20px 0 0;}
	.contType3{padding:20px 10px;}
	.contType3:before{width:70%;}
	.contType3:after{width:70%;}
	.contType5{padding:20px; margin:3px 0 0;}
	.contType5 i{left:20px; top:22px;}
	.contbox{border:5px solid var(--sub-color); padding:40px;}
	.contbox:before{height:5px; top:-5px;}
	.contbox:after{height:5px; bottom:-5px;}
	.contbox2{padding:12px 25px 10px;}
	.ulli_point{padding:0; border-radius:0px;}
}
@media( max-width:430px ){
	.contType{padding:20px 20px;}
	.contbox{padding:25px; font-size:16px;}
	.contbox2{padding:10px 15px 10px;}
	#outpage .contbox2 > .ulli > li{padding:0 0 0 27px;}
	#outpage .contbox2 > .ulli > li:before{top:-2px; font-size:20px;}
}
@media( max-width:380px ){
	#outpage .contbox2 > .ulli > li:before{font-size:18px;}
}

.aname{border:0px solid #ccc; overflow:hidden; position:relative; padding:50px 0;}

.point_txt{font-size:22px; text-align:center;}
.point_txt b{font-weight:500 !important;}

#outpage ul{padding:7px 0; list-style:none;}
#outpage ul li{padding:0 0 0 17px; margin-bottom:5px; position:relative;}
#outpage ul li:before{content:''; position:absolute; width:6px; height:6px; background:#1c75c1; left:2px; top:12px; border-radius:100px;}

.pdt20{padding:20px 0 0;}

@media( max-width:1200px ){
	.clearDiv{height:50px;}
	.blank{height:30px;}
	.blank2{height:20px;}
	.blank3{height:15px;}
}
@media( max-width:650px ){
	.contType2{padding:20px; margin:15px 0 0;}
}
@media( max-width:430px ){
	.contType{padding:20px 20px;}
	.contType2{padding:10px; margin:10px 0 0;}
	.contbox{border:6px solid #b9cea5; padding:25px;}
	.contbox:before{width:75%; height:6px; top:-6px;}
	.contbox:after{width:75%; height:6px; bottom:-6px;}
}

/* 공통 탭메뉴 */
#outpage .tabmenu{display:flex; flex-wrap:wrap; margin:0px 0px 35px 0px; gap:5px;}
#outpage .tabmenu a{flex:0 0 calc((100% - 15px) / 4); text-align:center; border:1px solid #ddd; border-radius:0.5rem; display:block; margin:0; color:#333; padding:17px 5px; box-sizing:border-box; font-weight:500;}
#outpage .tabmenu a:hover{background:#1c75c1; color:#fff; transition-duration:0.4s;}
#outpage .tabmenu .tabon{background:#1c75c1; color:#fff; border:0px solid var(--main-color);}

@media( max-width:650px ){
	#outpage .tabmenu{overflow:hidden; display:flex; margin:0px 0px 15px 0px;}
	#outpage .tabmenu a{flex:0 0 calc((100% - 5px) / 2); padding:10px 15px !important; font-size:14px; box-sizing:border-box;}
}

#outpage .tabmenu2{display:flex; flex-wrap:wrap; margin:0px 0px 35px 0px; gap:5px;}
#outpage .tabmenu2 a{flex:1; text-align:center; border:1px solid #ddd; border-radius:0.5rem; display:block; margin:0; color:#333; padding:17px 5px; box-sizing:border-box; font-weight:500;}
#outpage .tabmenu2 a:hover{background:#1c75c1; color:#fff; transition-duration:0.4s;}
#outpage .tabmenu2 .tabon{background:#1c75c1; color:#fff; border:0px solid var(--main-color);}

@media( max-width:650px ){
	#outpage .tabmenu2{overflow:hidden; display:flex; margin:0px 0px 15px 0px;}
	#outpage .tabmenu2 a{flex:0 0 calc((100% - 5px) / 2); padding:10px 15px !important; font-size:14px; box-sizing:border-box;}
}

#outpage .tabmenu3{display:flex; flex-wrap:wrap; margin:0px 0px 35px 0px; gap:5px;}
#outpage .tabmenu3 a{flex:0 0 calc((100% - 10px) / 3); text-align:center; border:1px solid #ddd; border-radius:0.5rem; display:block; margin:0; color:#333; padding:17px 5px; box-sizing:border-box; font-weight:500;}
#outpage .tabmenu3 a:hover{background:#1c75c1; color:#fff; transition-duration:0.4s;}
#outpage .tabmenu3 .tabon{background:#1c75c1; color:#fff; border:0px solid var(--main-color);}

@media( max-width:650px ){
	#outpage .tabmenu3{overflow:hidden; display:flex; margin:0px 0px 15px 0px;}
	#outpage .tabmenu3 a{flex:0 0 calc((100% - 5px) / 2); padding:10px 15px !important; font-size:14px; box-sizing:border-box;}
}




/* 버튼모음 */
.bu_box .bu_font{background:var(--main-color); padding:16px 45px; margin:0; box-sizing:border-box; display:inline-block; text-align:center; font-size:clamp(16px, 2.4vw, 22px); border-radius:10px; font-weight:500;}
.bu_box .bu_font:hover{background:var(--sub-color); transition-duration:1s; color:#fff;}
.bu_box a{text-decoration:none; color:#fff;}
.bu_box a img{vertical-align:-5px;}

@media( max-width:430px ){
	.bu_box .bu_font{padding:12px 35px; margin:0 0 10px 0;}
}
@media( max-width:380px ){
	.bu_box .bu_font{padding:12px 25px;}
}

/* 공통테이블 */
.table_list{width:100%; overflow:hidden; padding:5px 0 0; margin:0; font-family: 'Pretendard' !important;}
.table_list th{padding:17px 10px; background:#f3f3f3; border-bottom:1px solid #ddd;  border-right:0px solid #ddd; font-weight:700; color:#333; text-align:center; font-size:clamp(14px, 2vw, 19px);}
.table_list th.bg{background:#e9e9e9;}
.table_list td.bg{background:#e4effa;}
.table_list td.bg2{background:#f5f5f5; font-weight:500; color:#333;}
.table_list td.bg3{background:#ddd; font-weight:500; color:#333;}
.table_list th.tline {border-top:3px solid var(--main-color);}
.table_list td.tline {border-top:3px solid var(--main-color);}
.table_list td.tline2 {border-top:1px solid #ddd;}
.table_list th.trn {border-right:none;}
.table_list td.trn {border-right:none;}
.table_list td.tln {border-left:none !important;}
.table_list th.tll{border-left:1px solid #ddd;}
.table_list td.tll{border-left:1px solid #ddd;}
.table_list th.trl{border-right:1px solid #ddd;}
.table_list td.trl{border-right:1px solid #ddd !important;}
.table_list td.tbn {border-bottom:0px dotted #ddd;}
.table_list th.tbn {border-bottom:0px dotted #ddd;}
.table_list td{padding:17px 10px; text-align:center !important; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#555; position:relative; font-size:clamp(14px, 2vw, 19px);}
.table_list td:last-of-type{border-right:0px solid #ddd;}
.table_list td.tl{text-align:left !important; padding-left:30px;}
.table_list td.tl2{text-align:left; padding-left:40px;}
.table_list td.tr{text-align:right; padding-right:30px;}
.table_list td.tc{text-align:center;}
.table_list td ul{padding:0px 0 !important; list-style:none;}
.table_list td ul li{padding:0 0 0 22px; margin-bottom:5px; position:relative;}
.table_list td ul li:before{content:''; position:absolute; width:5px; height:5px; background:#4893cc; left:3px; top:10px; border-radius:100px;}
.table_list td.button{width:115px; height:20px; padding:3px 15px 10px 15px; margin:0px; margin-top:15px; background:#be1e2d; text-decoration:none; letter-spacing:-1px;}
.table_list td.button a{color:#fff; text-decoration:none; font-weight:bold; font-size:10.5pt;}
.table_list td.tbg1{background:#5a9bd5; color:#fff !important; font-weight:500;}
.table_list td.tbg2{background:#33cccc !important; color:#fff !important; font-weight:500;}
.table_list td.tbg3{background:#2bc36d !important; color:#fff !important; font-weight:500;}
.table_list td.tbg4{background:#99cc33 !important; color:#fff !important; font-weight:500;}
.table_list td.tbg4_2{background:#e9f4d4 !important; font-weight:400;}
.table_list td.tbg5{background:#f880bf !important; color:#fff !important; font-weight:500;}
.table_list td.tbg5_2{background:#fde1f0 !important; color:#dc107a !important; font-weight:500;}
.table_list td a{color:blue;}
.table_list td b{color:#333;}
@media( max-width:992px ){
.table_list th{padding:10px 10px;}
.table_list td{padding:10px 10px;}
.table_list td.tl{padding-left:10px;}
.table_list td.tl2{padding-left:10px;}
.table_list td.tr{padding-right:0px;}
.table_list td.tc{text-align:center;}
.table_list td ul{padding:0px 0 !important; list-style:none;}
.table_list td ul li{padding:0 0 0 22px; margin-bottom:5px; position:relative;}
.table_list td ul li:before{content:''; position:absolute; width:5px; height:5px; background:#4893cc; left:3px; top:10px; border-radius:100px;}
.table_list td .button{width:115px; height:20px; padding:3px 15px 10px 15px; margin:0px; margin-top:15px; background:#be1e2d; text-decoration:none; letter-spacing:-1px;}
.table_list td .button a{color:#fff; text-decoration:none; font-weight:bold; font-size:10.5pt;}
}
@media( max-width:380px ){
	.table_list th{font-size:14px;}
	.table_list td{font-size:14px;}
}

.table_list2{width:100%; overflow:hidden; padding:0px; margin:0px; font-size:18px;}
.table_list2 th{padding:15px 10px; background:var(--main-color); border-bottom:1px solid var(--sub-color);  border-right:1px solid var(--sub-color); font-weight:500; color:#fff; text-align:center; font-size:20px; font-weight:600;}
.table_list2 th.tline {border-top:5px solid var(--sub-color); border-left:1px solid var(--sub-color); border-bottom:4px double var(--sub-color); font-size:20px; font-weight:600;}
.table_list2 td.tarrow{border-bottom:0px solid #ddd; color:var(--sub-color);}
.table_list2 th.trn {border-right:none;}
.table_list2 td.trn {border-right:none;}
.table_list2 th.trl{border-right:1px solid var(--sub-color);}
.table_list2 td.trl{border-right:1px solid var(--sub-color);}
.table_list2 th.tll{border-left:1px solid var(--sub-color);}
.table_list2 td.tll{border-left:1px solid var(--sub-color);}
.table_list2 td.tbn {border-bottom:0px;}
.table_list2 th.tbn {border-bottom:0px;}
.table_list2 td{padding:15px 10px; text-align:center !important; border-bottom:1px solid var(--sub-color); border-right:1px solid var(--sub-color); color:#333; position:relative;}
.table_list2 td.linetype1{border-left:1px solid var(--sub-color); border-right:1px dashed var(--sub-color);}
.table_list2 td.linetype2{border-right:1px dashed var(--sub-color);}
.table_list2 td.linetype3{border-bottom:1px dashed var(--sub-color);}
.table_list2 td p.tblank{padding:15px 0;}
.table_list2 td p.tblank2{padding:30px 0;}
.table_list2 td.tl{text-align:left !important; padding-left:30px;}
.table_list2 td.tr{text-align:right; padding-right:30px;}
@media( max-width:900px ){
	.table_list2 td p.tblank{padding:0;}
	.table_list2 td p.tblank2{padding:0;}
}

/* 아코디언 형식 글 정렬 속성 */
.part_con{ width:100%; float:left; display:block;}
.part_acc{ margin-bottom:15px; }
.part_acc:last-child{ margin-bottom:0; }
.part_acc_title{ position:relative; font-size:20px !important; font-weight:500 !important; padding:13px 0px 13px 0px !important; cursor:pointer; border-bottom:1px solid #eee !important; color:var(--main-color);}
.part_acc_title:after{ content:'\002B'; width:30px; height:30px; position:absolute; top:15px; right:25px; color:#fff; border-radius:100%; display:flex; justify-content:center; align-items:center; font-size:15px; background-color:var(--main-color); border:1px solid var(--main-color);}
.part_acc.on .part_acc_title:after{ content:'\2212'; color:var(--main-color); background-color:#fff; border:1px solid var(--main-color);}
.part_acc_con{ padding-top:0px; display:none; }
.part_img_wrap{ display:block; margin:0; overflow:hidden; background:#f5f7f3;}
.info_box{padding:25px 35px 30px; overflow:hidden; margin:0; display:block;}

@media( max-width:650px ){
	.part_acc_title{font-size:13px !important; font-weight:600 !important; padding:12px 25px 12px 0px !important; display:block;}
	.part_acc_title:after{top:10%; background-size:100%;}
	.part_acc.on .part_acc_title:after{background-size:100%;}
	.part_acc_title:after{width:20px; height:20px; top:12px; right:0px;}
	.info_box{padding:15px 10px; font-size:12px;}
	#outpage .mbr{display:block;}
}

.list_wrap{padding:0px; margin:0;}
.list_wrap ol{padding:7px 0 0 20px !important;}
.list_wrap ol li{padding:0 0 0 5px; margin:0 0 10px;}
.list_wrap ol[data-list-style-type='num'] > li:nth-child(1)::marker { content: '1. ';}
.list_wrap ol[data-list-style-type='num'] > li:nth-child(2)::marker { content: '2. ';}
.list_wrap ol[data-list-style-type='num'] > li:nth-child(3)::marker { content: '3. ';}
.list_wrap ol[data-list-style-type='num'] > li:nth-child(4)::marker { content: '4. '; }
.list_wrap ol[data-list-style-type='num'] > li:nth-child(5)::marker { content: '5. '; }
.list_wrap ol[data-list-style-type='num'] > li:nth-child(6)::marker { content: '6. '; }
.list_wrap ol[data-list-style-type='num'] > li:nth-child(7)::marker { content: '7. '; }
.list_wrap ol[data-list-style-type='num'] > li:nth-child(8)::marker { content: '8. '; }
.list_wrap ol[data-list-style-type='num'] > li:nth-child(9)::marker { content: '9. '; }
.list_wrap ol[data-list-style-type='num'] > li:nth-child(10)::marker { content: '10. '; }

.list_wrap2{padding:0px; margin:0;}
.list_wrap2 ol{padding:7px 0 0 15px !important;}
.list_wrap2 ol li{padding:0 0 0 10px; margin:0 0 10px;}
.list_wrap2 ol[data-list-style-type='num'] > li:nth-child(1)::marker { content: '①';}
.list_wrap2 ol[data-list-style-type='num'] > li:nth-child(2)::marker { content: '②';}
.list_wrap2 ol[data-list-style-type='num'] > li:nth-child(3)::marker { content: '③';}
.list_wrap2 ol[data-list-style-type='num'] > li:nth-child(4)::marker { content: '④'; }
.list_wrap2 ol[data-list-style-type='num'] > li:nth-child(5)::marker { content: '⑤'; }
.list_wrap2 ol[data-list-style-type='num'] > li:nth-child(6)::marker { content: '⑥'; }
.list_wrap2 ol[data-list-style-type='num'] > li:nth-child(7)::marker { content: '⑦'; }
.list_wrap2 ol[data-list-style-type='num'] > li:nth-child(8)::marker { content: '⑧'; }
.list_wrap2 ol[data-list-style-type='num'] > li:nth-child(9)::marker { content: '⑨'; }
.list_wrap2 ol[data-list-style-type='num'] > li:nth-child(10)::marker { content: '⑩'; }
.list_wrap2 hr{border-bottom:1px dashed #aaa !important; border-top:0px !important; border-left:0px !important; border-right:0px !important; padding:10px 0 0px !important; margin:0px 0 20px !important;}


/* 공통 리스트 타입 코드 */
/* type1 - 1열 */
.list_type1_wrap{display:flex; flex-wrap:wrap; padding:0; margin:20px 0 0; list-style:none; gap:10px;}
.list_type1_wrap li{flex:0 0 100%; margin:0; padding:25px; border:1px solid #e7e7e7; border-radius:0.5rem; overflow:hidden; display:block; box-sizing:border-box;}
.list_type1_wrap li span{display:block; padding:0 0 0 35px; margin:0; position:relative;}
.list_type1_wrap li span:before{content:'\f058'; position:absolute; width:24px; height:24px; font-size:22px; font-family:'fontawesome'; left:2px; top:0px; color:#1c75c1; line-height:1.5;}
@media( max-width:768px ){
	.list_type1_wrap li{padding:20px 20px;}		
	.list_type1_wrap li span:before{top:-6px;}	
}
@media( max-width:430px ){
	.list_type1_wrap li{padding:20px 20px;}		
	.list_type1_wrap li span:before{font-size:22px; top:-4px;}	
}
@media( max-width:380px ){
	.list_type1_wrap li{padding:20px 15px;}	
	.list_type1_wrap li span{padding:0 0 0 27px;}
	.list_type1_wrap li span:before{top:-6px;}
}
/* type2 - 2열 */

.list_type2_wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 20px 0 0;
    list-style: none;
    gap: 10px; /* 아이템 사이 간격 */
}

.list_type2_wrap > li {
    flex: 0 0 calc((100% - 10px) / 2); /* 2단 배열 핵심 */
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 0.5rem; /* 더 둥글게 */
    padding: 25px;
    box-sizing: border-box;
    display: flex;
}

.list_type2_wrap li span {
    position: relative;
    padding-left: 35px; /* 아이콘이 들어갈 왼쪽 여백 */
    display: block;
    width: 100%;
}
.list_type2_wrap li span b {
  color:#333;
}

/* 체크 아이콘 (FontAwesome 사용 시) */
.list_type2_wrap li span:before {
    content: '\f058'; 
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 5.5px;
    font-size: 24px;
    color: var(--main-color);
    line-height: 1;
}

.list_type2_wrap .title {
    display: block;
    font-size: 20px;
    color: #333;
    margin-bottom: 15px;
    font-weight: 700;
}

@media( max-width:768px ){
.list_type2_wrap > li {
    flex: 0 0 100%;
	}
.list_type2_wrap li span:before {
    top: -2px;
}
}
@media( max-width:650px ){
	.list_type2_wrap li span:before{font-size:22px; top:-1px;}	
}
@media( max-width:430px ){
	.list_type2_wrap li span{padding:0 0 0 27px;}
	.list_type2_wrap li span:before{font-size:20px; top:0px;}	
}
@media( max-width:380px ){
	.list_type2_wrap li span{padding:0 0 0 27px;}
	.list_type2_wrap li span:before{top:1px;}
}
/* type3 - 2열 */
.list_type3_wrap{display:flex; flex-wrap:wrap; padding:0; margin:0px 0 0; list-style:none;}
.list_type3_wrap li{width:49%; margin:0 0.5% 1% 0; padding:20px 20px; border:1px solid var(--point-color4); border-radius:15px; overflow:hidden; display:block; box-sizing:border-box;}
.list_type3_wrap li:nth-child(2n){margin:0 0 1% 0.5%;}
.list_type3_wrap li i{width:10%; float:left; display:block; font-size:30px; background:linear-gradient(var(--point-color),var(--sub-color)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color:var(--sub-color); padding:3px 0 0; margin:0; text-align:center;}
.list_type3_wrap li span{width:89%; float:right; display:block; padding:0; margin:0;}
@media( max-width:950px ){
	.list_type3_wrap li i{width:8%; padding:0;}
	.list_type3_wrap li span{width:91%;}	
}
@media( max-width:650px ){
	.list_type3_wrap li{width:100%; margin:0 0 7px;}
	.list_type3_wrap li:nth-child(2n){margin:0 0 7px 0;}
	.list_type3_wrap li i{width:10%;}
	.list_type3_wrap li span{width:88%; font-size:18px;}
}
@media( max-width:480px ){
	.list_type3_wrap li i{width:12%;}
	.list_type3_wrap li span{width:83%; font-size:17px;}
}

.list_type3_wrap2{display:flex; flex-wrap:wrap; padding:0; margin:0px 0 0; list-style:none;}
.list_type3_wrap2 li{width:100%; margin:0 0 1% 0; padding:20px 20px; border:1px solid var(--point-color4); border-radius:15px; overflow:hidden; display:block; box-sizing:border-box;}
.list_type3_wrap2 li i{width:7%; float:left; display:block; font-size:30px; background:linear-gradient(var(--point-color),var(--sub-color)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color:var(--sub-color); padding:3px 0 0; margin:0; text-align:center;}
.list_type3_wrap2 li span{width:93%; float:right; display:block; padding:0; margin:0;}
.list_type3_wrap2 li span p{font-weight:600; padding-bottom:5px; color:#333;}
.list_type3_wrap2 li span dl{padding:0; margin:0px 0 5px; font-size:17px; line-height:1.4;}

@media( max-width:950px ){
	.list_type3_wrap2 li i{width:8%; padding:0px; box-sizing:border-box;}
	.list_type3_wrap2 li span{width:91%;}
}
@media( max-width:650px ){
	.list_type3_wrap2 li i{width:10%;}
	.list_type3_wrap2 li span{width:88%;}
	.list_type3_wrap2 li span p{font-size:18px;}
}
@media( max-width:480px ){
	.list_type3_wrap2 li i{width:12%;}
	.list_type3_wrap2 li span{width:83%;}
	.list_type3_wrap2 li span dl{font-size:15px;}
}

.list_type3_wrap3{display:flex; flex-wrap:wrap; padding:0; margin:15px 0 0; list-style:none; gap:20px;}
.list_type3_wrap3 li{flex:0 0 calc((100% - 40px) / 3); margin:0; padding:30px; font-weight:600; color:#333; border:1px solid #e7e7e7; border-radius:15px; text-align:center; display:block; box-sizing:border-box; transition: transform 0.4s ease, box-shadow 0.4s ease; background:#fff;}
.list_type3_wrap3 li i{width:17%; float:left; display:block; padding:3px 0 0; margin:0;}
.list_type3_wrap3 li i img{max-width:100%; width:100%; display:block;}
.list_type3_wrap3 li:hover{transform: translateY(-5px); filter:drop-shadow(0px 0px 5px rgba(0,0,0,0.1));}
.list_type3_wrap3 li span{width:75%; float:right; display:block; padding:10px 0 0; margin:0;}
.list_type3_wrap3 li span p{font-weight:600; padding-bottom:7px; color:#333;}
.list_type3_wrap3 li span dl{padding:0; margin:0px 0 5px; font-size:17px; line-height:1.4;}

@media( max-width:950px ){
	.list_type3_wrap3{gap:10px;}
}
@media( max-width:650px ){
	.list_type3_wrap3{gap:5px;}
	.list_type3_wrap3 li{flex:1 1 100%; padding:20px;}
	.list_type3_wrap3 li i{width:20%;}
	.list_type3_wrap3 li span p{font-size:18px;}
}
@media( max-width:480px ){
	.list_type3_wrap3 li span dl{font-size:16px;}
}
@media( max-width:400px ){
	.list_type3_wrap3 li{padding:15px 15px;}
	.list_type3_wrap3 li span dl{font-size:15px;}
}

/* type4 */
.list_type4_wrap{display:flex; list-style:none; padding:0; margin:0;}
.list_type4_wrap li{flex:1; margin:0 2% 0 0; padding:25px; text-align:center; border:1px solid var(--point-color4); border-radius:15px; font-weight:500;}
.list_type4_wrap li:last-of-type{margin:0;}
.list_type4_wrap li p{padding-bottom:15px;}
.list_type4_wrap li p i{font-size:15px; font-style:normal; display:inline-block; background:var(--sub-color); color:#fff; padding:4px 12px 2px; border-radius:100px; font-family:'S-CoreDream-6Bold';}
@media( max-width:650px ){
	.list_type4_wrap{flex-wrap:wrap;}
	.list_type4_wrap li{flex:none; width:100%; margin:0 0 10px;}
	.list_type4_wrap li:last-of-type{margin:0 0 10px;}
}

.list_type4_wrap2{display:flex; flex-wrap:wrap; list-style:none; padding:0; margin:0; gap:20px;}
.list_type4_wrap2 li{flex:1 1 30%; margin:0; padding:30px 25px; text-align:center; border:1px solid #ddd; border-radius:15px;}
.list_type4_wrap2 li p{font-weight:600; padding-bottom:7px; color:#333;}
.list_type4_wrap2 li dl{padding:0; margin:0; display:block; font-size:17px; line-height:1.4;}
.list_type4_wrap2 li i{width:22%; margin:0 auto; display:block; padding:0 0 10px;}
.list_type4_wrap2 li i img{max-width:100%; width:100%; padding:0; margin:0;}

@media( max-width:950px ){
	.list_type4_wrap2 li i{width:27%;}
}
@media( max-width:650px ){
	.list_type4_wrap2{gap:10px;}
	.list_type4_wrap2 li{flex:1 1 40%;}
	.list_type4_wrap2 li i{width:45%;}
	.list_type4_wrap2 li p{font-size:18px;}
}
@media( max-width:480px ){
	.list_type4_wrap2 li dl{font-size:16px;}
}
@media( max-width:400px ){
	.list_type4_wrap2 li{padding:20px 12px;}
	.list_type4_wrap2 li dl{font-size:15px;}
}

/* type5 - 후원 */
.list_type5_wrap{display:flex; flex-wrap:wrap; list-style:none; padding:0; margin:35px 0 0;}
.list_type5_wrap li{width:49.5%; text-align:center; padding:30px 20px; margin:0 0.5% 1% 0; border:2px solid var(--point-color4); border-radius:15px; background:#fff;}
.list_type5_wrap li:nth-child(2n){margin:0  0 1% 0.5%;}
.list_type5_wrap li .list_type5_img{width:20%; float:left; display:block; padding:0; margin:0;}
.list_type5_wrap li .list_type5_img img{max-width:100%; display:block; width:68%; margin:0 auto;}
.list_type5_wrap li .list_type5_info{width:75%; float:right; display:block; padding:0; margin:0; text-align:left;}
.list_type5_wrap li .list_type5_info .list_type5_tit{font-size:20px; font-weight:600;}
@media( max-width:650px ){
	.list_type5_wrap{margin:30px 0 0;}
	.list_type5_wrap li{flex:none; width:100%; padding:15px 15px; margin:0 0 10px 0;}
	.list_type5_wrap li .list_type5_info .list_type5_tit{font-size:18px;}
	.list_type5_wrap li .list_type5_img img{width:75%;}
}

@media( max-width:380px ){
	.list_type5_wrap li .list_type5_info .list_type5_tit{font-size:17px;}
	.list_type5_wrap li .list_type5_img img{width:85%;}
}
/* type6 - 자원봉사 */
.list_type6_wrap{display:flex; flex-wrap:wrap; padding:0; margin:15px 0 0; list-style:none;}
.list_type6_wrap li{width:49%; margin:0 0.5% 1% 0; padding:20px 25px; border:1px solid #e7e7e7; border-radius:15px; overflow:hidden; display:block; box-sizing:border-box;}
.list_type6_wrap li:nth-child(2n){margin:0 0 1% 0.5%;}
.list_type6_wrap li i{width:12%; float:left; display:block; font-size:25px; color:var(--sub-color); padding:4px 0 0; margin:0; font-family:'S-CoreDream-8Heavy'; font-style:normal;}
.list_type6_wrap li i img{max-width:100%; width:100%; display:block;}
.list_type6_wrap li span{width:83%; float:right; display:block; padding:0px 0 0; margin:0;}

@media( max-width:650px ){
	.list_type6_wrap li{flex:none; width:100%; padding:20px 20px; margin:0 0 10px 0;}
	.list_type6_wrap li:nth-child(2n){margin:0 0 10px 0;}
	.list_type6_wrap li i{width:15%; font-size:20px; padding:4px 0 0;}
	.list_type6_wrap li span{width:85%; padding:0;}
}

@media( max-width:380px ){
	.list_type6_wrap li i{width:20%; font-size:19px; padding:2px 0 0;}
	.list_type6_wrap li span{width:80%;}
}

/* 절차 또는 순서 */
.step_type{display:flex; flex-wrap:wrap; padding:0; margin:0; list-style:none; gap:30px;} 
.step_type li{flex:1; padding:25px 0; margin:0; text-align:center; position:relative; border:1px solid #e7e7e7; border-radius:1rem;}
.step_type li:before{content:'\f105'; position:absolute; font-family:'fontawesome'; width:25px; height:45px; right:-28px; top:50%; transform: translate(0, -50%); font-size:30px; color:var(--sub-color); line-height:1.44;}
.step_type li:last-of-type:before{display:none;}
.step_type li span{padding:4px 25px 2px; margin:0 0 15px; background:var(--main-color); color:#fff; font-size:13px; display:inline-block; box-sizing:border-box; border-radius:100px; letter-spacing:1px;}
.step_type li p {color:#333; font-weight:600;}
.step_type li img{display:block; max-width:100%; width:100%;}
.step_type li .imgsize{width:35%; padding:0 0 15px; display:block; margin:0 auto;}
@media( max-width:1200px ){
  .step_type li{flex:0 0 calc((100% - 60px) / 3);}
}
@media( max-width:768px ){
  .step_type li{flex:0 0 calc((100% - 30px) / 2);}
}


/* 절차 또는 순서2 */
.step_type2{display:flex; flex-wrap:wrap; padding:0; margin:0; list-style:none; gap:30px;}
.step_type2 li{flex:0 0 calc((100% - 90px) / 4); text-align:center; position:relative; padding:25px; margin:0; border:1px solid #e7e7e7; border-radius:1rem; font-weight:600; line-height:1.4;}
.step_type2 li:before{content:'\f105'; position:absolute; font-family:'fontawesome'; width:20px; height:45px; right:-25px; top:50%; transform: translate(0, -50%); color:var(--sub-color); font-size:30px; line-height:1.4;}
.step_type2 li:last-of-type:before{display:none;}
.step_type2 li span{padding:4px 25px 2px; margin:0 0 15px; background:var(--main-color); color:#fff; font-size:13px; display:inline-block; box-sizing:border-box; border-radius:100px; letter-spacing:1px;}
.step_type2 li img{display:block; max-width:100%; width:100%;}
.step_type2 li .imgsize{width:25%; padding:0 0 15px; display:block; margin:0 auto;}
.step_type2 li .imgsize2{width:34%; padding:0 0 15px; display:block; margin:0 auto;}
.step_type2 li .imgsize3{width:17%; padding:0 0 15px; display:block; margin:0 auto;}
.step_type2 li .font-size{font-size:clamp(13px, 2vw, 15px); padding:7px 0 0;}

@media( max-width:800px ){
  .step_type2 li{flex:0 0 calc(33.333% - 20px);}	
  .step_type2 li .imgsize{width:20%;}
}
@media( max-width:650px ){
	.step_type2 li{padding:20px;}
	.step_type2 li:before{height:20px; right:-20px; font-size:20px;}
	.step_type2 li p{font-size:17px;}
	.step_type2 li .imgsize{width:40%;}
}
@media( max-width:560px ){
  .step_type2{gap:20px;}
  .step_type2 li{flex:0 0 calc(50% - 10px);}
}
@media( max-width:430px ){
	.step_type2 li .imgsize{width:65%;}
}
@media( max-width:400px ){
	.step_type2 li{padding:15px 12px;}
	.step_type2 li p{font-size:15px;}
}


/* 절차 또는 순서3 */
.step_type3{display:block; padding:0; margin:15px 0; list-style:none; overflow:hidden;} 
.step_type3 .divbox_wrap{padding:0; margin:0 0 50px; position:relative; overflow:hidden; display:block; border-top:2px solid var(--sub-color);}
.step_type3 .divbox_wrap:last-of-type{margin:0;}
.step_type3 .divbox_wrap .div_icon{width:17%; display:block; border-top:0px solid var(--sub-color); float:left; text-align:center;}
.step_type3 .divbox_wrap .div_icon span{padding:4px 15px 1px; margin:0 0 12px; background:var(--sub-color); color:#fff; font-size:18px; display:block; box-sizing:border-box; border-radius:0 0 15px 15px; font-family: 'S-CoreDream-5Medium';}
.step_type3 .divbox_wrap .div_icon p{font-size:24px; font-weight:600;}
.step_type3 .divbox_wrap .div_info{width:78%; display:block; float:right; padding:50px 0 0; margin:0; text-align:left;}
.step_type3 .divbox_wrap .div_info span{font-size:18px; color:#666; display:block; padding:0; margin:7px 0 0;}
.step_type3 .divbox_wrap .div_info span b{font-weight:500; color:#333;}

@media screen and (max-width: 1024px) {
  .step_type3 li .div_icon {
    width: 25%;
  }

  .step_type3 li .div_info {
    width: 70%;
    padding-top: 30px;
  }

  .step_type3 li .div_icon p {
    font-size: 20px;
  }

  .step_type3 li .div_info span {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .step_type3 li {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .step_type3 li .div_icon,
  .step_type3 li .div_info {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0;
  }

  .step_type3 li .div_icon span {
    margin: 0 auto 10px;
  }

  .step_type3 li .div_info {
    text-align: left;
    padding-top: 10px;
  }
}

@media screen and (max-width: 480px) {
  .step_type3 li .div_icon span {
    font-size: 12px;
    padding: 4px 12px;
  }

  .step_type3 li .div_icon p {
    font-size: 18px;
  }

  .step_type3 li .div_info span {
    font-size: 15px;
  }

  .step_type3 li {
    margin-bottom: 30px;
  }
}

/* 절차 또는 순서4 */
.step_type4{display:flex; flex-wrap:wrap; padding:0; margin:0; list-style:none; gap:25px;}
.step_type4 li{flex:0 0 calc(25% - 18.75px); text-align:center; position:relative; padding:25px 5px; margin:0; box-sizing:border-box; border:1px solid #e7e7e7; border-radius:15px; font-weight:600;}
.step_type4 li:before{content:'\f105'; position:absolute; font-family:'fontawesome'; width:20px; height:45px; right:-25px; top:50%; transform: translate(0, -50%); color:var(--point-color); font-size:30px; line-height:1.5;}
.step_type4 li:last-of-type:before{display:none;}
.step_type4 li span{padding:2px 20px; margin:0 0 0px; background:var(--point-color); color:#fff; font-size:13px; display:inline-block; box-sizing:border-box; border-radius:100px; letter-spacing:1px;}
.step_type4 li font{font-size:15px; display:block;}
.step_type4 li .imgsize{max-width:100%; width:16%; display:block; margin:0 auto;}
@media( max-width:1080px ){
	.step_type4{justify-content:left;}
	.step_type4 li{width:31.3%;}
	.step_type4 li:before{right:-21px}
}
@media( max-width:950px ){
	.step_type4 li .imgsize{width:23%;}
}
@media( max-width:790px ){
	.step_type4 li .imgsize{width:28%;}
}
@media( max-width:650px ){
	.step_type4{flex-wrap:wrap; gap:10px 5%;}
	.step_type4 li{width:45%; flex:none; padding:20px; margin:0; box-sizing:border-box;}
	.step_type4 li:before{height:20px; right:-20px; font-size:20px;}
	.step_type4 li p{font-size:17px;}
	.step_type4 li .imgsize{width:40%;}
}
@media( max-width:430px ){
	.step_type4 li p{font-size:16px;}
	.step_type4 li .imgsize{width:45%;}
}
@media( max-width:400px ){
	.step_type4 li{padding:15px 12px;}
	.step_type4 li p{font-size:15px;}
}


/* 이미지리스트 */
.img_list_type{display:flex; flex-wrap:wrap; padding:0; margin:0; list-style:none; gap:20px; width:100%; justify-content:center;}
.img_list_type li{flex: 0 0 calc(33.3% - 13.333px); margin:0; padding:0;}
.img_list_type li p{background:#f3f3f3; padding:10px; margin:5px 0 0; text-align:center; border-radius:10px;}
.img_list_type li p .num{font-size:23px; vertical-align:-1px;}
.img_list_type li img{max-width:100%; width:100%; display:block; border-radius:10px;}

.img_list_type2{display:flex; flex-wrap:wrap; padding:0; margin:0; list-style:none; overflow:hidden; gap:20px;}
.img_list_type2 li{flex: 0 0 calc(50% - 10px); margin:0; padding:0;}
.img_list_type2 li p{background:#f3f3f3; padding:10px; margin:5px 0 0; text-align:center; border-radius:10px;}
.img_list_type2 li img{max-width:100%; width:100%; display:block; border-radius:10px;}

.img_list_type3{display:flex; flex-wrap:wrap; padding:0; margin:0; list-style:none; overflow:hidden; justify-content:center;}
.img_list_type3 li{width:24%; margin:0 0.5% 1%; padding:0;}
.img_list_type3 li p{background:#f3f3f3; padding:10px; margin:5px 0 0; text-align:center;}
.img_list_type3 li img{max-width:100%; width:100%; display:block;}

@media( max-width:650px ){
	.img_list_type{justify-content:left;}
	.img_list_type li{flex: 0 0 calc(50% - 10px);}
	.img_list_type3{justify-content:left;}
	.img_list_type3 li{width:49%; margin:0 0.5% 2%;}
	.img_list_type3 li p{padding:7px; margin:5px 0 0;}
}
@media( max-width:430px ){
	.img_list_type{gap:15px;}
	.img_list_type li{flex: 0 0 calc(100% - 0px);}
	.img_list_type2{gap:15px;}
	.img_list_type2 li{flex: 0 0 calc(100% - 0px);}
}


.main_biz_li{display:flex; flex-wrap:wrap; padding:0; margin:0; list-style:none;}
.main_biz_li li{width:49%; margin:0 1% 1.5% 0; padding:30px; background:#f0f2ee; overflow:hidden; display:block; border-radius:15px;}
.main_biz_li li:nth-child(2n){margin:0 0 1.5% 1%;}
.main_biz_li li:hover{filter:drop-shadow(0px 0px 3px rgba(0,0,0,0.2)); box-shadow:0 0 0 1px inset #b9cea5; transition-duration:0.5s;}
.main_biz_li li .mb_num{width:10%; float:left; display:block; font-weight:500; font-family:'Cafe24ClassicType-Regular'; font-size:25px; color:var(--main-color);}
.main_biz_li li .mb_info{width:90%; float:right; display:block; padding:2px 0 0; margin:0;}
.main_biz_li li .mb_info p{font-size:20px; font-weight:600; color:var(--main-color);}

@media( max-width:650px ){
	.main_biz_li li{width:100%; margin:0 0 1.5%; padding:25px;}
	.main_biz_li li:nth-child(2n){margin:0 0 1.5%;}
	.main_biz_li li:hover{filter:none; box-shadow:none;}
	.main_biz_li li .mb_info{width:85%;}
}
@media( max-width:380px ){
	.main_biz_li li{padding:20px 25px;}
	.main_biz_li li .mb_num{font-size:17px;}	
	.main_biz_li li .mb_info{padding:0;}
	.main_biz_li li .mb_info p{font-size:17px;}
}