@charset "utf-8";

/* Site Layout - Outpage */
#outpage {font-size:18px; line-height:1.6; color:#454545; font-weight:400; width:100%; letter-spacing:0; max-width:100%;display:block;position:relative;margin:0px auto;padding:35px 0; word-break:keep-all;border:0px solid #000;box-sizing:border-box;}
#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;}

#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(--point-color2);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(--point-color2); letter-spacing:1.5px;}

#outpage h3{font-size:30px; color:#333; font-weight:800; padding:0 0 3px 0px; margin:0 0 30px; line-height:1.5; position:relative;}
#outpage h3:before{content:''; position:absolute; width:50px; height:5px; background:var(--point-color); left:0; top:-13px; border-radius:50px;}
#outpage h3 span{font-size:22px; font-weight:600; padding:0 0 5px; margin:0; display:block;}
#outpage h4{font-size:26px; color:#474b55; font-weight:600; padding:5px 0 5px 28px; margin:0 0 5px; position:relative;}
#outpage h4:before{content:''; position:absolute; width:12px; height:30px; box-shadow:0 0 0 4px var(--point-color3) inset; left:0; top:12px; border-radius:0 5px 0 5px;}
#outpage h5{font-size:23px; color:#474b55; font-weight:600; padding:0; margin:0 0 10px;}
#outpage h6{font-size:20px; color:#474b55; font-weight:600; padding:0; margin:0 0 7px;}
.h4_tit{color:var(--point-color2) !important; position:relative; display:inline-block;}
.h4_tit:before{position:absolute; content:''; width:6px; height:6px; background:var(--point-color2); border-radius:100%; right:-15px; top:4px;}

@media( max-width:1280px ){
	#outpage{max-width:95% !important;}
}

@media( max-width:1200px ){
	.max1240{max-width:75% !important;}
}
@media( max-width:992px ){
	#outpage {font-size:17px !important; line-height:1.5 !important;}
	.max1240{max-width:90% !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;}
}
@media( max-width:815px ){
	.mobile-none2{display:none;}
	.pc-none2{display:block !important;}
}
@media( max-width:700px ){
	.mobile-none{display:none;}
	.pc-none{display:block !important;}
}
@media( max-width:430px ){
	#outpage {font-size:16px !important;}
	#outpage h3{font-size:25px; padding:0 0 3px 27px; margin:0 0 20px;}
	#outpage h3:before{width:10px; top:0px;}
	#outpage h3 span{font-size:17px; line-height:1.3 !important;}
	#outpage h4{font-size:22px; padding:5px 0 5px 27px; margin:0 0 5px;}
	#outpage h4:before{top:7px;}
	#outpage h5{font-size:20px;}
	#outpage h6{font-size:18px;}
}
@media( max-width:380px ){
	#outpage {font-size:14px !important;}
	#outpage h6{font-size:12pt;}
	#outpage h3 span{font-size:15px;}
}

.pc-none{display:none;}
.pc-none2{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:#f6f6f6; margin:7px 0 0; border-radius:10px;}
.contType i{font-size:25px; color:var(--point-color); padding-right:12px; vertical-align:-3.5px;}
.contType2{background:#f5f7f3; padding:50px 40px; margin:0; box-sizing:border-box !important; border-radius:20px;}
.contType3{position:relative; border:5px solid #ddd; padding:65px 30px; margin:10px auto; display:block; border-radius:20px;}
.contType3:before{content:''; position:absolute; width:80%; height:5px; background:#f6f6f6; left:50%; top:-5px; transform: translate(-50%, 0);}
.contType3:after{content:''; position:absolute; width:80%; height:5px; background:#f6f6f6; left:50%; bottom:-5px; transform: translate(-50%, 0);}
.contType4{border:1px solid var(--point-color); padding:25px 30px; margin:10px 0 0; box-sizing:border-box !important; border-radius:20px;}
.contType5{border:1px dashed var(--point-color); padding:25px 30px; margin:10px 0 0; box-sizing:border-box !important; border-radius:20px;}
.contbox{border:7px solid var(--point-color); border-radius:15px; position:relative; margin:12px 0 0; padding:45px 50px; text-align:left; display:block; font-size:20px;}
.contbox:before{content:''; position:absolute; width:80%; height:7px; left:50%; top:-7px; transform: translate(-50%, 0); background:#f5f5f5;}
.contbox:after{content:''; position:absolute; width:80%; height:7px; left:50%; bottom:-7px; transform: translate(-50%, 0); background:#f5f5f5;}

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

#outpage ul{padding:0px; list-style:none;}
#outpage ul li{padding:0 0 0 20px; margin-bottom:5px; position:relative;}
#outpage ul li:before{content:''; position:absolute; width:6px; height:6px; background:var(--point-color5); left:3px; top:11px; border-radius:100px;}

#outpage .listnone{padding:7px 0; list-style:none;}
#outpage .listnone li{padding:0 0 0 0px; margin-bottom:5px; position:relative;}
#outpage .listnone li:before{content:''; position:absolute; width:6px; height:6px; background:none; left:0px; top:11px; border-radius:100px;}

@media( max-width:1200px ){
	.clearDiv{height:50px;}
	.blank{height:30px;}
	.blank2{height:20px;}
	.blank3{height:15px;}
}
@media( max-width:700px ){
	.contType2{padding:25px; margin:20px 0 0;}
	.contType3{padding:35px 25px;}
	.contType3:before{width:70%;}
	.contType3:after{width:70%;}
	.contType4{padding:20px 25px;}
	.contbox{border:4px solid var(--point-color5); padding:20px; font-size:18px;}
	.contbox:before{height:4px; top:-4px;}
	.contbox:after{height:4px; bottom:-4px;}
	#outpage ul{padding:5px 0 !important;}
	#outpage ul li:before{top:11.5px !important;}
}
@media( max-width:430px ){
	.contType{padding:20px 20px;}
	.contType4{padding:20px 20px;}
	#outpage ul li:before{top:8px !important;}
}
@media( max-width:380px ){
	.contbox{font-size:16px;}
}

/* 공통 탭메뉴 */
#outpage .tabmenu{overflow:hidden; display:flex; flex-wrap:wrap; margin:0px 0px 35px 0px;}
#outpage .tabmenu a{width:33.3%; text-align:center; border:1px solid #ccc; border-right:0; border-radius:0px; display:block; margin:0; color:#555; padding:15px 0; box-sizing:border-box; font-weight:500; font-size:14pt;}
#outpage .tabmenu a:hover{background:var(--point-color4); border-radius:0px; transition-duration:0.4s;}
#outpage .tabmenu a:last-of-type{border-right:1px solid #ccc;}
#outpage .tabmenu .tabon{background:var(--point-color3); color:#fff; border:1px solid var(--point-color3);}

#outpage .tabmenu2{overflow:hidden; display:flex; flex-wrap:wrap; margin:0px 0px 35px 0px;}
#outpage .tabmenu2 a{width:25%; text-align:center; border:1px solid #ccc; border-right:0; border-radius:0px; display:block; margin:0; color:#555; padding:15px 0; box-sizing:border-box; font-weight:500; font-size:14pt;}
#outpage .tabmenu2 a:hover{background:var(--point-color4); border-radius:0px; transition-duration:0.4s;}
#outpage .tabmenu2 a:nth-child(1){border-bottom:0px;}
#outpage .tabmenu2 a:nth-child(2){border-bottom:0px;}
#outpage .tabmenu2 a:nth-child(3){border-bottom:0px;}
#outpage .tabmenu2 a:nth-child(4){border-bottom:0px;}
#outpage .tabmenu2 a:nth-child(4n){border-right:1px solid #ccc;}
#outpage .tabmenu2 .tabon{background:var(--point-color3); color:#fff; border:1px solid var(--point-color3);}

#outpage .tabmenu3{overflow:hidden; display:flex; margin:0px 0px 35px 0px;}
#outpage .tabmenu3 a{flex:1; text-align:center; border:1px solid #ccc; border-right:0; border-radius:0px; display:block; margin:0; color:#555; padding:15px 0; box-sizing:border-box; font-weight:500; font-size:14pt;}
#outpage .tabmenu3 a:hover{background:var(--point-color4); border-radius:0px; transition-duration:0.4s;}
#outpage .tabmenu3 a:last-of-type{border-right:1px solid #ccc;}
#outpage .tabmenu3 .tabon{background:var(--point-color3); color:#fff; border:1px solid var(--point-color3);}

@media( max-width:500px ){
	#outpage .tabmenu a{padding:10px 15px !important; font-size:1em; box-sizing:border-box;}
}

/* 버튼모음 */
.bu_box .bu_font{background:var(--point-color); padding:15px 50px; margin:0; font-size:20px; box-sizing:border-box; display:inline-block; text-align:center; border-radius:100px; font-weight:500;}
.bu_box .bu_font:hover{background:var(--point-color2); transition-duration:1s; color:#fff;}
.bu_box a{text-decoration:none; color:#fff;}
.bu_box a i{padding-left:35px;}

.bu_box2 .bu_font2{border:2px solid var(--point-color); padding:20px 45px; margin:0; box-sizing:border-box; display:inline-block; text-align:center; border-radius:100px; font-weight:500;}
.bu_box2 a{text-decoration:none; color:var(--point-color);}
.bu_box2 a i{font-size:30px; padding-left:45px; vertical-align:-5px;}
.bu_box2 a img{vertical-align:-10px;}
.bu_box2 .bu_font2:hover{border:2px dashed var(--point-color); transition-duration:1s;}

.bu_box3 .bu_font3{background:var(--point-color); padding:7px 55px 7px 25px; margin:5px 0 0; font-size:clamp(13px, 2.3vw, 16px); box-sizing:border-box; display:inline-block; text-align:center; border-radius:5px; font-weight:500; position:relative;}
.bu_box3 .bu_font3:hover{background:var(--point-color3); transition-duration:1s; color:#fff;}
.bu_box3 a{text-decoration:none; color:#fff;}
.bu_box3 a i{padding-left:15px; font-weight:600; font-size:clamp(12px, 2vw, 15px); position:absolute; top:11px; transition: all 0.4s ease;}
.bu_box3 a:hover i{padding-left:18px; transition-duration:0.7s;}

@media( max-width:430px ){
	.bu_box .bu_font{padding:12px 35px; margin:0 0 10px 0; font-size:18px;}
	.bu_box2 .bu_font2{padding:17px 35px;}
}
@media( max-width:380px ){
	.bu_box .bu_font{padding:12px 25px; font-size:16px;}
	.bu_box2 a i{font-size:20px; padding-left:35px; vertical-align:-3px;}
}

/* 공통테이블 */
#outpage .table_list{width:100%; overflow:hidden; padding:0px; margin:0px; font-size:18px;}
#outpage .table_list th{padding:15px 10px; background:#f3f3f3; border-bottom:1px solid #ddd;  border-right:1px solid #ddd; font-weight:500; color:#333; text-align:center;}
#outpage .table_list th:last-of-type{border-right:0px solid #ddd;}
#outpage .table_list td:last-of-type{border-right:0px solid #ddd;}
#outpage .table_list th.bg{background:#e9e9e9;}
#outpage .table_list td.bg{background:#f3f1ed;}
#outpage .table_list td.bg2{background:var(--point-color5); font-weight:600; font-size:20px; color:#fff;}
#outpage .table_list td.bg3{background:var(--point-color3); font-weight:600; font-size:20px; color:#fff;}
#outpage .table_list th.tline {border-top:3px solid var(--point-color);}
#outpage .table_list td.tline {border-top:3px solid var(--point-color);}
#outpage .table_list th.tline2 {border-top:3px solid #1f75c3;}
#outpage .table_list td.tline2 {border-top:3px solid #1f75c3;}
#outpage .table_list th.trn {border-right:none;}
#outpage .table_list td.trn {border-right:none;}
#outpage .table_list td.tln {border-left:none !important;}
#outpage .table_list th.tll{border-left:1px solid #ddd;}
#outpage .table_list td.tll{border-left:1px solid #ddd;}
#outpage .table_list th.trl{border-right:1px solid #ddd;}
#outpage .table_list td.trl{border-right:1px solid #ddd;}
#outpage .table_list td.tbn {border-bottom:0px dotted #ddd;}
#outpage .table_list th.tbn {border-bottom:0px dotted #ddd;}
#outpage .table_list td{padding:15px 10px; text-align:center !important; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#454545; position:relative;}
#outpage .table_list td.tl{text-align:left !important; padding-left:30px;}
#outpage .table_list td.tl2{text-align:left; padding-left:40px;}
#outpage .table_list td.tr{text-align:right; padding-right:30px;}
#outpage .table_list td.tc{text-align:center;}
#outpage .table_list td ul{padding:0px 0 !important; list-style:none;}
#outpage .table_list td ul li{padding:0 0 0 22px !important; margin-bottom:5px !important; position:relative;}
#outpage .table_list td ul li:before{content:''; position:absolute; width:5px !important; height:5px !important; background:var(--point-color5) !important; left:4px !important; top:12px !important; border-radius:100px;}

@media( max-width:992px ){
#outpage .table_list{font-size:13px;}
#outpage .table_list th{padding:10px 10px;}
#outpage .table_list td{padding:10px 10px;}
#outpage .table_list td.bg2{font-size:16px; color:#fff;}
#outpage .table_list td.tl{padding-left:10px;}
#outpage .table_list td.tl2{padding-left:10px;}
#outpage .table_list td.tr{padding-right:0px;}
#outpage .table_list td.tc{text-align:center;}
#outpage .table_list td ul li{padding:0 0 0 17px !important;}
#outpage .table_list td ul li:before{left:3px; top:10px !important;}
}
@media( max-width:700px ){
#outpage .table_list td ul li:before{top:7px !important;}
}
@media( max-width:430px ){
#outpage .table_list td ul li{padding:0 0 0 15px !important;}
}
.table_auto{overflow:auto;}

/* 아코디언 형식 글 정렬 속성 */
.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:700px ){
	.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;}

.list_wrap3{padding:0px; margin:0;}
.list_wrap3 ol{padding:7px 0 0 15px !important;}
.list_wrap3 ol li{padding:0 0 0 10px; margin:0 0 10px;}
.list_wrap3 ol[data-list-style-type='ko'] > li:nth-child(1)::marker { content: '※'; font-size:18px;}
.list_wrap3 ol[data-list-style-type='ko'] > li:nth-child(2)::marker { content: '※'; font-size:18px;}
.list_wrap3 ol[data-list-style-type='ko'] > li:nth-child(3)::marker { content: '※'; font-size:18px;}
.list_wrap3 ol[data-list-style-type='ko'] > li:nth-child(4)::marker { content: '※'; font-size:18px;}
.list_wrap3 ol[data-list-style-type='ko'] > li:nth-child(5)::marker { content: '※'; font-size:18px;}
.list_wrap3 ol[data-list-style-type='ko'] > li:nth-child(6)::marker { content: '※'; font-size:18px;}
.list_wrap3 ol[data-list-style-type='ko'] > li:nth-child(7)::marker { content: '※'; font-size:18px;}
.list_wrap3 ol[data-list-style-type='ko'] > li:nth-child(8)::marker { content: '※'; font-size:18px;}
.list_wrap3 ol[data-list-style-type='ko'] > li:nth-child(9)::marker { content: '※'; font-size:18px;}
.list_wrap3 ol[data-list-style-type='ko'] > li:nth-child(10)::marker { content: '※'; font-size:18px;}
.list_wrap3 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:block; padding:0; margin:0; list-style:none;}
.list_type1_wrap li{margin:0 0 7px 0; padding:20px 25px; border:1px solid #ddd; border-radius:10px; overflow:hidden; display:block; box-sizing:border-box;}
.list_type1_wrap li span{display:block; padding:0 0 0 32px; margin:0; position:relative;}
.list_type1_wrap li span:before{content:'\f058'; position:absolute; width:24px; height:24px; font-size:clamp(15px, 3vw, 22px); font-family:'fontawesome'; left:0; top:-3px; color:var(--point-color3); line-height:1.5;}
@media( max-width:430px ){
	.list_type1_wrap li{padding:20px 20px;}		
	.list_type1_wrap li span:before{top:-4px;}	
}
@media( max-width:380px ){
	.list_type1_wrap li{padding:20px 15px;}	
	.list_type1_wrap li span{padding:0 0 0 30px;}
	.list_type1_wrap li span:before{top:-6px;}
}
/* type2 - 2열 */
.list_type2_wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 15px 0 0;
    list-style: none;
    gap: 15px;
}

.list_type2_wrap li {
    flex: 0 0 calc((100% - 15px) / 2);
    min-width: 0; /* ✅ 추가: 콘텐츠 overflow 방지 */
    margin: 0;
    padding: 20px 25px;
    border: 1px solid #ddd;
    border-radius: 10px;
    display: block;
    box-sizing: border-box;
    word-break: keep-all; /* ✅ 추가: 텍스트 줄바꿈 처리 */
}

.list_type2_wrap li span {
    display: block;
    padding: 0 0 0 32px;
    margin: 0;
    position: relative;
}

.list_type2_wrap li span:before {
    content: '\f058';
    position: absolute;
    width: 24px;
    height: 24px;
    font-size: clamp(15px, 3vw, 22px);
    font-family: 'fontawesome';
    left: 0;
    top: -3px;
    color: var(--point-color3);
    line-height: 1.5;
}

/* ✅ 분기점을 820px로 올림 */
@media (max-width: 820px) {
    .list_type2_wrap li {
        flex: 0 0 100%;
        margin: 0;
        padding: 20px 20px;
    }

    .list_type2_wrap li span:before {
        top: -4px;
    }
}

@media (max-width: 380px) {
    .list_type2_wrap li { padding: 20px 15px; }
    .list_type2_wrap li span { padding: 0 0 0 30px; }
    .list_type2_wrap li span:before { top: -6px; }
}
/* type3 - 2열 */
.list_type3_wrap{display:flex; flex-wrap:wrap; padding:0; margin:15px 0 0; list-style:none;}
.list_type3_wrap li{width:49%; margin:0 0.5% 1% 0; padding:20px 30px; border:1px solid #ddd; border-radius:7px; 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:27px; color:var(--point-color3); padding:3px 0 0; margin:0;}
.list_type3_wrap li span{width:90%; float:right; display:block; padding:0; margin:0;}
@media( max-width:900px ){
	.list_type3_wrap li i{padding:0;}
	.list_type3_wrap li span{width:85%;}	
}
@media( max-width:700px ){
	.list_type3_wrap li{width:100%; margin:0 0 7px; padding:20px 20px;}
	.list_type3_wrap li:nth-child(2n){margin:0 0 7px 0;}
	.list_type3_wrap li i{font-size:22px;}
}
/* 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:20px; text-align:center; border:1px solid #dad8d5; border-radius:20px; font-weight:400;}
.list_type4_wrap li:last-of-type{margin:0;}
.list_type4_wrap li p i{font-size:15px; font-style:normal; display:inline-block; background:var(--point-color3); color:#fff; padding:4px 12px 2px; border-radius:100px; font-family:'S-CoreDream-6Bold';}

.list_tit{background:#f3f1ed; padding:2px 30px 4px; border-radius:100px; margin:5px 0; font-weight:600; display:inline-block;}
.list_txt{color:#666; font-size:16px;}

@media( max-width:700px ){
	.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_wrap li span img{max-width:100%; width:15%;}
}
@media( max-width:430px ){
	.list_type4_wrap li span img{width:25%;}
}
@media( max-width:380px ){
	.list_type4_wrap li span img{width:30%;}
}

/* type5 - 후원 */
.list_type5_wrap{display:flex; flex-wrap:wrap; list-style:none; padding:0; margin:0; gap:20px;}
.list_type5_wrap li{flex:0 0 calc((100% - 20px) / 2); text-align:center; padding:30px 30px; margin:0; border:1px solid #ddd; border-radius:10px; background:#fff; transition: all 0.4s ease;}
.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; transition:transform 0.3s ease;}
.list_type5_wrap li .list_type5_img .imgsize{width:85%; max-width:100%; display:block; 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:21px; font-weight:700;}
.list_type5_wrap li:hover{
  cursor: pointer;
  border: 1px solid var(--point-color3);
  box-shadow: 0 0 0 1px var(--point-color3) inset;
  filter: drop-shadow(0 0 12px rgba(0, 0, 0, 0.1));
}
.list_type5_wrap li:hover .list_type5_img img{
	transform:translateY(-7px);
}

@media( max-width:820px ){
	.list_type5_wrap{margin:20px 0 0; gap:10px;}
	.list_type5_wrap li{flex:0 0 100%; padding:20px 20px; margin:0 0 0px 0;}
	.list_type5_wrap li .list_type5_info .list_type5_tit{font-size:17px;}
}

@media( max-width:380px ){
	.list_type5_wrap li .list_type5_info .list_type5_tit{font-size:16px;}
}
/* 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 #ddd; border-radius:7px; 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:15%; float:left; display:block; padding:0; margin:0; font-family:'S-CoreDream-8Heavy'; font-style:normal;}
.list_type6_wrap li span{width:80%; float:right; display:block; padding:3px 0 0; margin:0;}
.list_type6_wrap li span b{font-size:22px; font-weight:600; color:var(--point-color3);}

@media( max-width:700px ){
	.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{font-size:20px; padding:4px 0 0;}
	.list_type6_wrap li span{padding:0;}
}
@media( max-width:500px ){
	.list_type6_wrap li i{width:20%;}
	.list_type6_wrap li span{width:75%;}
}
@media( max-width:380px ){
	.list_type6_wrap li span b{font-size:19px;}
}

/* type7 - 1열 */
.list_type7_wrap{display:block; padding:20px 0px; margin:0; list-style:none; border:1px solid #ddd; border-radius:7px;}
.list_type7_wrap li{margin:0; padding:0px 25px 5px; overflow:hidden; display:block; box-sizing:border-box;}
.list_type7_wrap li:last-of-type{padding:0 25px 0;}
.list_type7_wrap li span{display:block; padding:0 0 0 35px; margin:0; position:relative;}
.list_type7_wrap li span:before{content:'\f058'; position:absolute; width:24px; height:24px; font-size:24px; font-family:'fontawesome'; left:0; top:-2px; color:var(--point-color5); line-height:1.5;}
@media( max-width:700px ){
	.list_type7_wrap li{margin:0; padding:0px 25px 10px;}
}
@media( max-width:430px ){
	.list_type7_wrap li span{padding:0 0 0 30px;}
	.list_type7_wrap li span:before{font-size:22px; top:-3px;}	
}
@media( max-width:380px ){
	.list_type7_wrap li span{padding:0 0 0 20px;}
	.list_type7_wrap li span:before{font-size:20px; left:-7px; top:-4px;}
}

/* 절차 또는 순서 */
.step_type{display:flex; flex-wrap:wrap; padding:0; margin:35px 0 0; list-style:none; overflow:hidden; gap:40px; justify-content:left;} 
.step_type li{padding:0; margin:0; text-align:center; position:relative;}
.step_type li:before{content:'\f105'; position:absolute; font-family:'fontawesome'; width:25px; height:45px; right:-33px; top:50%; transform: translate(0, -50%); font-size:30px; color:var(--point-color3); line-height:1.5;}
.step_type li:last-of-type:before{display:none;}
.step_type li div{width:214px; display:block; border:2px solid var(--point-color3); border-radius:100%;}
.step_type li div dl{width:210px; height:210px; display:table-cell; vertical-align:middle; font-weight:500;}
.step_type li div dl img{max-width:100%; width:40%; display:block; margin:0 auto 5px;}
.step_type li div dl span{font-size:15px; display:block; line-height:1.3;}
.step_type li div dl dd{display:none;}
@media( max-width:1200px ){
	.step_type{flex-wrap:wrap;}
	.step_type li{margin:0 1% 2%;}
	.step_type li:before{right:-23px;}
	.step_type li div{width:186px;}
	.step_type li div dl{width:180px; height:180px;}	
}
@media( max-width:700px ){
	.step_type{margin:15px 0; gap:0px;}
	.step_type li{width:48%; border:1px solid var(--point-color3); border-radius:7px;}
	.step_type li:before{display:none;}
	.step_type li div{width:100%; display:block; border:0; border-radius:0; padding:10px 0;}
	.step_type li div dl{display:block; width:100%; height:auto;}	
	.step_type li div dl img{width:30%;}
	.step_type li div dl dd{font-size:14px; display:inline-block !important; line-height:1.3; background:var(--point-color3); color:#fff; padding:2px 12px; margin:0 0 10px !important; border-radius:100px;}
}
@media( max-width:430px ){	
	.step_type li div dl img{width:35%;}
}

/* 절차 또는 순서2 */
.step_type2{display:flex; padding:0; margin:0; list-style:none; gap:30px;}
.step_type2 li{flex:1; text-align:center; position:relative;background:#f3f1ed; padding:0px; margin:0; border:1px solid #dad8d5; border-radius:20px; font-weight:500;}
.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(--point-color3); font-size:30px; line-height:1.5;}
.step_type2 li:last-of-type:before{display:none;}
.step_type2 li .info_img{background:#fff; border-radius:20px 20px 0 0; padding:20px 0 10px;}
.step_type2 li .info_box{padding:20px;}
.step_type2 li span{padding:0; margin:0; font-size:15px; display:block;}
@media( max-width:700px ){
	.step_type2{flex-wrap:wrap; gap:0px;}
	.step_type2 li{flex:none; width:48%; margin:0 1% 2% !important;}
	.step_type2 li:before{display:none;}
	.step_type2 li .info_img dd{font-size:14px; display:inline-block !important; line-height:1.3; background:var(--point-color3); color:#fff; padding:2px 12px; margin:0 0 10px !important; border-radius:100px;}
}
@media( max-width:430px ){	
	.step_type2 li img{width:35%;}
}


/* 상단 이미지 텍스트 */
.top_imgtxt_wrap{display:block; overflow:hidden; padding:0 0 50px; margin:0; position:relative;}
.top_imgtxt_wrap:before{content:''; position:absolute; width:95%; height:90%; background:#f5f7f3; right:0; bottom:0; z-index:-1; border-radius:20px;}
.top_imgtxt_wrap .img_info{width:45%; float:left; display:block; padding:0 2% 0 0; margin:0; box-sizing:border-box;}
.top_imgtxt_wrap .img_info img{max-width:100%; width:100%; filter:drop-shadow(2px 2px 5px rgba(0,0,0,0.3)); border-radius:15px;}
.top_imgtxt_wrap .txt_info{width:52%; float:right; display:block; padding:100px 50px 0 0; margin:0; box-sizing:border-box;}
.top_imgtxt_wrap .txt_info span{font-family: 'GowunDodum-Regular'; font-weight:500;}
.top_imgtxt_wrap .txt_info i{font-size:45px; color:var(--point-color4); padding:0 0 14px;}
.top_imgtxt_wrap .txt_info .point_tit{font-size:22px; font-weight:600; padding:0 0 10px;}
@media( max-width:700px ){
	.top_imgtxt_wrap:before{width:100%;}
	.top_imgtxt_wrap .img_info{width:80%; float:none; padding:0; margin:0 auto;}
	.top_imgtxt_wrap .txt_info{width:100%; float:left; padding:50px 55px 10px;}	
}
@media( max-width:430px ){
	.top_imgtxt_wrap{padding:0 0 35px;}
	.top_imgtxt_wrap:before{height:85%;}
	.top_imgtxt_wrap .txt_info{padding:30px 30px 15px;}	
	.top_imgtxt_wrap .txt_info i{font-size:35px;}
	.top_imgtxt_wrap .txt_info .point_tit{font-size:20px;}
}

.img_list_wrap{display:flex; flex-wrap:wrap; padding:0; margin:0; gap:20px; list-style:none;}
.img_list_wrap li{flex:1 1; min-width:30%; text-align:center; border-radius:40px; border:20px solid #f3f3f3;}
.img_list_wrap li img{display:block; border-radius:20px; max-width:100%; width:100%;}
.img_list_wrap li p{padding:10px 0;}
@media( max-width:700px ){
	.img_list_wrap{gap:10px;}
	.img_list_wrap li{border-radius:30px; border:10px solid #f3f3f3;}
}
@media( max-width:500px ){
	.img_list_wrap{gap:7px;}
	.img_list_wrap li{flex:none; width:49%; border-radius:30px; border:5px solid #f3f3f3;}
	.img_list_wrap li img{border-radius:25px;}
}
@media( max-width:380px ){
	.img_list_wrap li{width:48%;}
}

.img_list_tit{display:block; padding:0; margin:0 auto; list-style:none; width:87%;}
.img_list_tit li{display:block; overflow:hidden; padding:0; margin:0 0 10px;}
.img_list_tit li .img_tit{width:20%; float:left; display:block; padding:0; margin:0;}
.img_list_tit li .img_tit div{width:200px; margin:0 auto; display:inline-block; padding:0; position:relative;}
.img_list_tit li .img_tit div dl{width:200px; height:200px; background:var(--point-color5); display:table-cell; vertical-align:middle; text-align:center; border-radius:100%; font-size:21px; color:#fff; line-height:1.4; font-weight:600;}
.img_list_tit li .img_tit div dl img{max-width:100%; width:40%;}
.img_list_tit li .img_tit div:before{content:'\f0da'; font-family:'fontawesome'; position:absolute; width:50px; height:50px; color:var(--point-color5); right:-37px; top:45%; transform: translate(0, -45%); font-size:50px;}
.img_list_tit li .img_list{width:80%; display:flex; padding:0; margin:0; gap:20px;}
.img_list_tit li .img_list p{flex:1; text-align:center; border-radius:40px; border:20px solid #f3f3f3;}
.img_list_tit li .img_list p img{display:block; border-radius:20px;}