@charset "utf-8";

/*
font-family: 'Montserrat', sans-serif;
*/




/* 공통 */
#sub #contents {padding: 140px 0;}
#sub #contents .inner_box {max-width: 1416px; width: calc(100% - 30px); margin: 0 auto; box-sizing: border-box;}
#sub #contents .box {overflow: hidden;}

#sub #container .btn1 {display: block; width: 200px; background-color: transparent; border-radius: 32px; text-align: center; font-size: 15px; color: #666666; letter-spacing: -0.05em; box-sizing: border-box; border: 1px solid #dddddd; cursor: pointer;}
#sub #container .btn1.col2 {color: #fff; border-color: #fff;}
#sub #container .btn1.col4 {background-color: #234682; color: #fff; border: none!important;}
#sub #container .btn1 span {display: inline-block; line-height: 62px; text-align: left; padding-right: 40px; position: relative; z-index: 2;}
#sub #container .btn1.type2 span {padding-right: 0px; line-height: 64px;}
#sub #container .btn1 span::before {content: ''; width: 16px; height: 8px; background: url(../images/icon/arrow1_3.png) no-repeat right center; position: absolute; right: 0px; top: 50%; margin-top: -4px;}
#sub #container .btn1.type2 span::before {display: none;}
#sub #container .btn1.col2 span::before {background: url(../images/icon/arrow1_6.png) no-repeat right center;}

#sub #container .tab_box {text-align: center; font-size: 0px; margin-bottom: 100px;}
#sub #container .tab_box ul {display: inline-block; border: 1px solid #bbbbbb; border-radius: 40px;}
#sub #container .tab_box li {display: inline-block;}
#sub #container .tab_box li a {font-size: 20px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; width: 240px; display:flex; justify-content:center; align-items:center; table-layout:fixed; height: 78px; border-radius: 40px; cursor: pointer;}
#sub #container .tab_box li.on a {background-color: #234682; color: #fff!important;}
#sub #container .tab_wrap .tab_con {display: none;}
#sub #container .tab_wrap .tab_con.on {display: block;}

/* 안심카 플러스 */
#intro01 .box1 {padding-bottom: 100px; overflow: hidden;}
#intro01 .box1 img {max-width: 100%; width: 100%;}
#intro01 .box1 .logo {display: block; margin: 0 auto 100px; max-width: 431px;}

#intro01.t_img.slick-intro { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; width: 100%; max-width: 1200px; margin: 0 auto; }
#intro01.t_img.slick-intro > div { flex: 1; min-width: 300px; overflow: hidden; border-radius: 8px; }
#intro01.t_img.slick-intro img { width: 100%; height: auto; display: block; object-fit: cover; transition: transform 0.3s ease; }
#intro01.t_img.slick-intro img:hover { transform: scale(1.05); }



#intro01 .box1 .slick-intro .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 40px; height: 40px; border: none; background: rgba(0,0,0,0.3); cursor: pointer; border-radius: 50%; color: transparent; transition: 0.3s; }
#intro01 .box1 .slick-intro .slick-arrow::before { content: ''; position: absolute; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; top: 50%; left: 50%; }
#intro01 .box1 .slick-intro .slick-prev { left: 20px; }
#intro01 .box1 .slick-intro .slick-prev::before { transform: translate(-30%, -50%) rotate(-135deg); }
#intro01 .box1 .slick-intro .slick-next { right: 20px; }
#intro01 .box1 .slick-intro .slick-next::before { transform: translate(-70%, -50%) rotate(45deg); }
#intro01 .box1 .slick-intro .slick-dots { position: absolute; bottom: 20px; width: 100%; display: flex !important; justify-content: center; list-style: none; padding: 0; margin: 0; }
#intro01 .box1 .slick-intro .slick-dots li { margin: 0 5px; }
#intro01 .box1 .slick-intro .slick-dots li button { width: 10px; height: 10px; background: rgba(255,255,255,0.5); border: none; border-radius: 50%; cursor: pointer; color: transparent; transition: 0.3s; padding: 0; }
#intro01 .box1 .slick-intro .slick-dots li.slick-active button { background: #fff; width: 25px; border-radius: 5px; }

#intro01 .box1 .txt_box1 {position: relative; padding: 0 0 0 234px; font-size: 18px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; min-height: 64px; margin: 40px 0 100px; display:flex; justify-content:left; align-items:center; table-layout:fixed;}
#intro01 .box1 .txt_box1 sup {position: relative; line-height: 10px; top: -2px;}
#intro01 .box1 .txt_box1 strong {position: absolute; left: 0px; top: 50%; font-size: 32px; color: #111111; font-weight: 500; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%);}
#intro01 .box1 .txt_box1 .btn1 {position: absolute!important; right: 0px; top: 50%; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%);}
#intro01 .box1 .txt_box2 {border-top: 1px solid #dddddd; text-align: center; padding: 88px 0 150px; position: relative;}
#intro01 .box1 .txt_box2::before {content: ''; width: 1px; height: 80px; background-color: #000000; position: absolute; left: 50%; bottom: 40px;}
#intro01 .box1 .txt_box2 p {font-size: 40px; line-height: 56px; color: #111111; letter-spacing: -0.05em; word-break: keep-all; /*max-width: 660px;*/ margin: 0 auto;}
#intro01 .box1 .txt_box2 p strong {color: #234682; font-weight: 700;}
#intro01 .box1 .txt_box3 {max-width: 1140px; display: flex; flex-flow: wrap; justify-content:center; margin: 0 auto;}
#intro01 .box1 .txt_box3 li {width: 33.333%; margin-right: -50px; position: relative; padding-bottom: 33.333%;}
#intro01 .box1 .txt_box3 li:nth-child(1) {z-index: 2;}
#intro01 .box1 .txt_box3 li:nth-child(2) {z-index: 1;}
#intro01 .box1 .txt_box3 li::before {content: ''; opacity: 0.9; box-sizing: border-box; width: 100%; height: 100%; border-radius: 50%; top: 0px; left: 0px; position: absolute;}
#intro01 .box1 .txt_box3 li:nth-child(1)::before {border: 50px solid #234682;}
#intro01 .box1 .txt_box3 li:nth-child(2)::before {border: 50px solid #059c4a;}
#intro01 .box1 .txt_box3 li:nth-child(3)::before {border: 50px solid #4f566a;}
#intro01 .box1 .txt_box3 li:last-child {margin-right: 0;}
#intro01 .box1 .txt_box3 li div {position: absolute; width: 100%; left: 0px; top: 50%; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%); text-align: center;}
#intro01 .box1 .txt_box3 li span {font-family: 'Montserrat', sans-serif; display: block; font-size: 24px; font-weight: 600; text-align: center; position: relative; padding-bottom: 15px;}
#intro01 .box1 .txt_box3 li:nth-child(1) span {color: #234682;}
#intro01 .box1 .txt_box3 li:nth-child(2) span {color: #059c4a;}
#intro01 .box1 .txt_box3 li:nth-child(3) span {color: #4f566a;}
#intro01 .box1 .txt_box3 li span::before {content: ''; width: 40px; height: 1px; background-color: #dcdddd; position: absolute; bottom: 0px; left: 50%; margin-left: -20px;}
#intro01 .box1 .txt_box3 li p {font-size: 24px; left: 44px; color: #333333; letter-spacing: -0.05em; word-break: keep-all; font-weight: 500; margin-top: 20px; max-width: 200px; margin: 20px auto;}

#intro01 .box2 {background-color: #f2f6fa; text-align: center; display:flex; justify-content:center; align-items:center; table-layout:fixed; min-height: 420px; padding: 15px; box-sizing: border-box;}
#intro01 .box2 .txt_box strong {font-size: 40px; line-height: 56px; color: #111111; letter-spacing: -0.05em; font-weight: 500; word-break: keep-all; display: block; max-width: 930px; margin: 0 auto 23px;}
#intro01 .box2 .txt_box strong span {display: inline-block;}
#intro01 .box2 .txt_box strong sup {position: relative; line-height: 10px; top: 0px;}
#intro01 .box2 .txt_box p {font-size: 18px; color: #666666; letter-spacing: -0.05em; line-height: 32px; word-break: keep-all; max-width: 600px; margin: 0 auto;}

#intro01 .box3 .ttl1 {text-align: center; font-size: 40px; color: #111111; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; padding: 87px 15px 50px;}
#intro01 .box3 .txt_box1 {border: 1px solid #dddddd; padding: 15px 15px 56px;}
#intro01 .box3 .txt_box1 strong {display: block; text-align: center; font-size: 24px; color: #111111; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; padding: 35px 0 22px;}
#intro01 .box3 .txt_box1 .con_wrap ul {width: calc(100% - 46px); margin: 0 auto; display: flex; flex-flow: wrap; justify-content:center; position: relative; left: -6px;}
#intro01 .box3 .txt_box1 .con_wrap ul::before {content: ''; width: 52px; height: 64px; background: url(../images/sub/intro01_arrow3.png) no-repeat center; position: absolute; left: -26px; top: 0px; z-index: 1;}
#intro01 .box3 .txt_box1 .con_wrap ul li {margin: 0 -6px; box-sizing: border-box; text-align: center;}
#intro01 .box3 .txt_box1 .con_wrap ul li div {font-size: 18px; color: #ffffff; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; position: relative; height: 64px; display:flex; justify-content:center; align-items:center; table-layout:fixed; padding-left: 12px;}
#intro01 .box3 .txt_box1 .con_wrap ul li div::before {content: ''; width: 52px; height: 64px; position: absolute; right: -32px; top: 0px; z-index: 1;}
#intro01 .box3 .txt_box1 .con_wrap ul li div p {padding: 0 25px;}
#intro01 .box3 .txt_box1 .con_wrap ul li div em {font-style: normal; font-size: 14px; font-weight: 400; display: inline-block;}
#intro01 .box3 .txt_box1 .con_wrap ul li span {font-family: 'Montserrat', sans-serif; display: block; text-align: center; font-size: 16px; color: #666666; margin-top: 12px;}
#intro01 .box3 .txt_box1 .con_wrap:nth-child(1) ul {max-width: 1292px;}
#intro01 .box3 .txt_box1 .con_wrap:nth-child(1) ul li {width: calc(20% + 12px);}
#intro01 .box3 .txt_box1 .con_wrap:nth-child(1) ul li div {background-color: #4270b7;}
#intro01 .box3 .txt_box1 .con_wrap:nth-child(1) ul li div::before {background: url(../images/sub/intro01_arrow1.png) no-repeat center;}
#intro01 .box3 .txt_box1 .con_wrap:nth-child(1) ul li:nth-child(2n) div {background-color: #204784;}
#intro01 .box3 .txt_box1 .con_wrap:nth-child(1) ul li:nth-child(2n) div::before {background: url(../images/sub/intro01_arrow2.png) no-repeat center;}
#intro01 .box3 .txt_box1 .con_wrap:nth-child(2) ul {max-width: 1031px;}
#intro01 .box3 .txt_box1 .con_wrap:nth-child(2) ul li {width: calc(25% + 12px);}
#intro01 .box3 .txt_box1 .con_wrap:nth-child(2) ul li div {background-color: #4bb961;}
#intro01 .box3 .txt_box1 .con_wrap:nth-child(2) ul li div::before {background: url(../images/sub/intro01_arrow4.png) no-repeat center;}
#intro01 .box3 .txt_box1 .con_wrap:nth-child(2) ul li:nth-child(2n) div {background-color: #117039;}
#intro01 .box3 .txt_box1 .con_wrap:nth-child(2) ul li:nth-child(2n) div::before {background: url(../images/sub/intro01_arrow5.png) no-repeat center;}
#intro01 .box3 .txt_box2 {display: flex; flex-flow: wrap;}
#intro01 .box3 .txt_box2 li {width: calc(33.333% - 16px); margin-right: 24px; background-color: #f9f9f9; text-align: center; padding: 64px 15px 65px; box-sizing: border-box;}
#intro01 .box3 .txt_box2 li:nth-child(3n) {margin-right: 0px;}
#intro01 .box3 .txt_box2 li span {display: block; font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 600; position: relative; padding-bottom: 15px; margin-bottom: 24px;}
#intro01 .box3 .txt_box2 li span::before {content: ''; width: 40px; height: 1px; background-color: #dddddd; position: absolute; left: 50%; bottom: 0px; margin-left: -20px;}
#intro01 .box3 .txt_box2 li:nth-child(1) span {color: #234682}
#intro01 .box3 .txt_box2 li:nth-child(2) span {color: #059c4a;}
#intro01 .box3 .txt_box2 li:nth-child(3) span {color: #4f566a;}
#intro01 .box3 .txt_box2 li p {font-size: 28px; color: #333333; letter-spacing: -0.05em; word-break: keep-all; font-weight: 500;}


#intro01 .custom-table { width: 100%; border-collapse: collapse; font-size: 15px; text-align: center; border-top: 2px solid #333; border-left: 0; border-right: 0; }
#intro01 .custom-table th { background-color: #f8f9fa; color: #333; font-weight: bold; padding: 12px 10px; border: 1px solid #dee2e6; }
#intro01 .custom-table th:first-child, #intro01 .custom-table td:first-child { border-left: 0; }
#intro01 .custom-table th:last-child, #intro01 .custom-table td:last-child { border-right: 0; }
#intro01 .custom-table td { padding: 12px 10px; border: 1px solid #dee2e6; vertical-align: middle; word-break: keep-all; font-weight: normal; color: #444; }
#intro01 .custom-table td span { font-weight: 700; color: #333; }
#intro01 .custom-table tbody th { background-color: #fdfdfd; font-weight: bold; color: #333; border: 1px solid #dee2e6; padding: 12px 10px; border-left: 0; }
#intro01 .notice-box { display: flex; gap: 12px; margin-top: 15px; padding: 15px; background-color: #fff9f9; border: 1px solid #ffe3e3; border-radius: 4px; color: #d63031; font-size: 14px; line-height: 1.6; text-align: left; align-items: flex-start; }
#intro01 .notice-box strong { white-space: nowrap; font-weight: bold; display: flex; align-items: center; gap: 6px; color: #d63031; margin-top: 2px; }
#intro01 .custom-warning-icon { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 18px; background-color: #d63031; color: #fff; font-size: 11px; font-weight: 900; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); padding: 4px 0 0 0; box-sizing: border-box; }
#intro01 .notice-box p { margin: 0; flex: 1; }
#intro01 .notice-box p span { font-weight: 700; }











/* 주최ㆍ주관 */
#intro02 {text-align: center;}
#intro02 img {max-width: 100%;}
#intro02 .logo {margin-bottom: 80px;}
#intro02 .t_img {overflow: hidden;}
#intro02 .t_img img {width: 100%;}
#intro02 .mid_txt {text-align: center; padding-top: 51px; margin-bottom: 97px;}
#intro02 .mid_txt strong {display: block; font-size: 44px; line-height: 64px; color: #111111; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; margin-bottom: 24px;}
#intro02 .mid_txt p {font-size: 18px; color: #666666; letter-spacing: -0.05em; word-break: keep-all;}

#intro02 .con1 .con_box {display: flex; flex-flow: wrap;}
#intro02 .con1 .con_box .con_wrap {width: calc(50% - 12px); margin-right: 24px; text-align: center; box-sizing: border-box; border: 1px solid #dddddd; border-top: none; padding: 0 0px 78px;}
#intro02 .con1 .con_box .con_wrap:nth-child(2n) {margin-right: 0;}
#intro02 .con1 .con_box .t_txt {background-color: #234682; font-size: 36px; color: #ffffff; letter-spacing: -0.05em; word-break: keep-all; font-weight: 700; height: 100px; display:flex; justify-content:center; align-items:center; table-layout:fixed; border-bottom: 1px solid #dddddd; position: relative; width: calc(100% + 2px); left: -1px; margin-bottom: 68px;}
#intro02 .con1 .con_box .t_txt.col2 {background-color: #059c4a;}
#intro02 .con1 .con_box ul {max-width: 576px; width: calc(100% - 30px); margin: 0 auto;}
#intro02 .con1 .con_box ul li {border-bottom: 1px solid #dddddd; font-size: 20px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; padding-bottom: 43px; margin-bottom: 37px;}
#intro02 .con1 .con_box ul li:last-child {border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
#intro02 .con1 .con_box ul li .bold {color: #111111; font-size: 32px; font-weight: 500; margin-bottom: 18px;}
#intro02 .con1 .con_box .graph {font-size: 16px; line-height: 28px; font-family: 'Montserrat', sans-serif; padding-bottom: 100%; position: relative; margin-top: 24px;}
#intro02 .con1 .con_box .graph .side p {color: #fff;}
#intro02 .con1 .con_box .graph .side strong {display: block; font-family: 'Noto Sans KR', sans-serif;}
#intro02 .con1 .con_box .graph .mid {font-size: 16px; color: #666666; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); line-height: normal;}
#intro02 .con1 .con_box .graph .mid strong {display: block; font-size: 28px; color: #111111; font-weight: 700; margin-top: 8px;}
#intro02 .con1 .con_box .graph .g1 {width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/sub/intro02_1_3.png) no-repeat center; background-size: cover;}
#intro02 .con1 .con_box .graph .g1 .col1 {color: #111; position: absolute; width: 31.333%; top: 33.333%; right: 0px;}
#intro02 .con1 .con_box .graph .g1 .col2 {position: absolute; width: 40%; bottom: 15.333%; right: 10%;}
#intro02 .con1 .con_box .graph .g1 .col3 {position: absolute; width: 40%; bottom: 15.333%; left: 10%;}
#intro02 .con1 .con_box .graph .g1 .col4 {position: absolute; width: 31.333%; top: 34.333%; left: 0px;}
#intro02 .con1 .con_box .graph .g1 .col5 {position: absolute; width: 100%; left: 0; top: 9%;}

#intro02 .con1 .con_box .graph .g2 {width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/sub/intro02_1_4.png) no-repeat center; background-size: cover;}
#intro02 .con1 .con_box .graph .g2 .side p strong{font-size: 22px; line-height: 32px;}
#intro02 .con1 .con_box .graph .g2 .mid {font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.05em;}
#intro02 .con1 .con_box .graph .g2 .col1 {position: absolute; width: 100%; top: 12%; left: 0px;}
#intro02 .con1 .con_box .graph .g2 .col2 {position: absolute; width: 38%; bottom: 26%; right: 0px;}
#intro02 .con1 .con_box .graph .g2 .col3 {position: absolute; width: 38%; bottom: 26%; left: 0px;}

#intro02 .con1 .con_box .graph .g3 {width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/sub/intro02_1_5.png) no-repeat center; background-size: cover;}
#intro02 .con1 .con_box .graph .g3 .side p strong{font-size: 22px; line-height: 32px;}
#intro02 .con1 .con_box .graph .g3 .mid {font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.05em;}
#intro02 .con1 .con_box .graph .g3 .col1 {position: absolute; width: 40%; bottom: 70%; right: 56%;}
#intro02 .con1 .con_box .graph .g3 .col2 {position: absolute; width: 40%; bottom: 70%; left: 56%;}
#intro02 .con1 .con_box .graph .g3 .col3 {position: absolute; width: 40%; top: 70%; right: 56%;}
#intro02 .con1 .con_box .graph .g3 .col4 {position: absolute; width: 40%; top: 70%; left: 56%; color: #111;}

#intro02 .con2 .con_box {background-color: #f2f5fa; text-align: left; padding: 52px 100px 95px;}
#intro02 .con2 .con_box ul li {border-bottom: 1px solid #dddddd; display: flex; flex-flow: wrap; display:flex; justify-content:left; align-items:center; table-layout:fixed;}
#intro02 .con2 .con_box ul li:last-child {border-bottom: none;}
#intro02 .con2 .con_box ul li p {font-size: 20px; line-height: 32px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; width: calc(100% - 90px);}
#intro02 .con2 .con_box ul li .bold {font-size: 32px; color: #111111; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; width: 90px; min-height: 124px; display:flex; justify-content:left; align-items:center; table-layout:fixed;}
#intro02 .con2 .list {width: calc(100% - 50px); display: flex; flex-flow: wrap; justify-content:center; margin: -16px auto 0;}
#intro02 .con2 .list .list_w {width: calc(25% + 50px); margin: 0 -25px; text-align: center;}
#intro02 .con2 .list .list_w:nth-child(1) {z-index: 4}
#intro02 .con2 .list .list_w:nth-child(2) {z-index: 3}
#intro02 .con2 .list .list_w:nth-child(3) {z-index: 2}
#intro02 .con2 .list .list_w:nth-child(4) {z-index: 1}
#intro02 .con2 .list .list_w .ttl_bx {padding-bottom: 100%; position: relative;}
#intro02 .con2 .list .list_w .ttl_bx::before {content: ''; width: 100%; height: 100%; top: 0px; left: 0px; border-radius: 50%; box-sizing: border-box; opacity: 0.9; position: absolute; background-color: #fefeff;}
#intro02 .con2 .list .list_w:nth-child(1) .ttl_bx::before {border: 50px solid #f8c505;}
#intro02 .con2 .list .list_w:nth-child(2) .ttl_bx::before {border: 50px solid #317b00;}
#intro02 .con2 .list .list_w:nth-child(3) .ttl_bx::before {border: 50px solid #f34809;}
#intro02 .con2 .list .list_w:nth-child(4) .ttl_bx::before {border: 50px solid #a2821f;}
#intro02 .con2 .list .list_w .ttl_bx div {position: absolute; width: 100%; top: 50%; left: 0px; text-align: center; font-size: 28px; color: #333333; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; box-sizing: border-box; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%);}
#intro02 .con2 .list .list_w .ttl_bx div strong {display: block; font-family: 'Montserrat', sans-serif; font-size: 24px; color: #111111; font-weight: 600; letter-spacing: 0; position: relative; padding-bottom: 15px; margin-bottom: 20px;}
#intro02 .con2 .list .list_w .ttl_bx div strong::before {content: ''; width: 40px; height: 1px; background-color: #dddddd; position: absolute; left: 50%; margin-left: -20px; bottom: 0px;}
#intro02 .con2 .list .list_w .btm_t {font-size: 16px; line-height: 30px; letter-spacing: -0.05em; word-break: keep-all; color: #666666; width: calc(100% - 100px); margin: 0 auto; margin-top: 32px;}

/* 260424 수정 아이들과미래재단 */
#intro02 .con2 .hero-section { text-align: center; padding: 100px 0; }
#intro02 .con2 .hero-section strong { display: block; font-size: 44px; line-height: 64px; color: #111111; font-weight: 700; word-break: keep-all; letter-spacing: -0.05em;}
#intro02 .con2 .line-container { position: relative; text-align: center; padding: 50px 0; background: #fff; overflow: hidden; }
#intro02 .con2 .line-container::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60%; height: 2px; background: #ddd; z-index: 1; }
#intro02 .con2 .logo-wrapper { position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 240px; height: 240px; background: #fff; border-radius: 50%; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); }
#intro02 .con2 .logo-wrapper img {width: 60%;}
#intro02 .con2 .side-text { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; padding: 0 20px; background: #fff; color: #a8cf45; font-size: 40px; font-weight: bold; line-height: 1.2; letter-spacing: -0.05em;}
#intro02 .con2 .side-text.left { left: 10%; text-align: right; }
#intro02 .con2 .side-text.right { right: 10%; text-align: left; }
#intro02 .con2 .bottom-text > strong { font-size: 24px; font-weight: 700; margin-bottom: 20px; color: #111; line-height: 1.4; letter-spacing: -0.05em;}
#intro02 .con2 .bottom-text p { font-size: 18px; color: #444; line-height: 1.6; letter-spacing: -0.05em;}

#intro02 .con2 .con_box2 { background-color: #faf9f5; padding: 60px 100px; margin-bottom: 30px;}
#intro02 .con2 .con_box2 h3 { font-size: 32px; font-weight: 700; color: #111; margin-bottom: 30px; text-align: left; line-height: 1.6;letter-spacing: -0.05em;}
#intro02 .con2 .mission_box { display: flex; justify-content: center; gap: 40px; list-style: none; margin: 0 auto; }
#intro02 .con2 .mission_box li { position: relative; flex: 1; display: flex; align-items: center; height: 140px; padding: 0 40px; border-radius: 20px; overflow: hidden; text-align: left; }
#intro02 .con2 .mission_box li:nth-child(1) { background-color: #a899c4; }
#intro02 .con2 .mission_box li:nth-child(2) { background-color: #f27e6d; }
#intro02 .con2 .bg-text { position: absolute; right: -5px; bottom: -30px; font-size: 80px; font-weight: 900; color: rgba(255, 255, 255, 0.15); letter-spacing: -2px; pointer-events: none; }
#intro02 .con2 .content { position: relative; z-index: 1; color: #fff; line-height: 1.6; word-break: keep-all; }
#intro02 .con2 .content p { position: relative; padding-left: 90px; margin: 0; font-size: 18px; color: #fff; line-height: 1.6; word-break: keep-all; letter-spacing: -0.05em;}
#intro02 .con2 .content p .c_tit { position: absolute; left: 0; top: 0; font-size: 30px; font-weight: 600;  letter-spacing: -0.05em;}


#intro02 .con2 .bg_img { background: url('../images/sub/intro02_mark_bg.jpg') no-repeat center center; background-size: cover; }
#intro02 .con2 .mark-wrapper { margin-bottom: 30px; text-align: center; margin-top: 20px;}
#intro02 .con2 .mark-wrapper img { max-width: 400px; width: 100%; height: auto; display: inline-block; }
#intro02 .con2 .con_box p.mark_tit { font-size: 32px; text-align: center; font-weight: 700; color: #4a86e8; margin-bottom: 16px; letter-spacing: -0.5px; }
#intro02 .con2 .con_box p.mark_txt { font-size: 18px; text-align: center; line-height: 1.6; color: #666; font-weight: 400; word-break: keep-all; letter-spacing: -0.5px;}
#intro02 .con2 .tit_point { font-size: 40px; color: #1a3c7a; font-weight: 800; }










/* 지원현황 */
#intro03 .map_bx {margin-bottom: 60px; border: 1px solid #dddddd; padding: 99px 15px 6%;}
#intro03 .map_bx .t_txt {text-align: center; margin: 0 auto 60px;}
#intro03 .map_bx .t_txt > div {display: inline-block; font-size: 28px; color: #111111; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; border-top: 1px solid #234682; border-bottom: 1px solid #234682; padding: 9px 40px 13px; min-width: 257px; box-sizing: border-box;}
#intro03 .map_bx .t_txt > div strong {font-size: 40px; color: #234682; font-weight: 500;}
#intro03 .map_bx svg {max-width: 100%; height: auto; display: block; margin: 0 auto;}
#intro03 .map_bx g {cursor: pointer;}
#intro03 .map_bx g polygon, #intro03 .map_bx g path {fill: #e9e9e9; -webkit-transition: fill 0.3s; -moz-transition: fill 0.3s; transition: fill 0.3s;}
#intro03 .map_bx g:hover polygon, #intro03 .map_bx g:hover path, #intro03 .map_bx g.on polygon, #intro03 .map_bx g.on path {fill: #234682;}
#intro03 .map_bx g .txt_bg {-webkit-transition: fill 0.3s; -moz-transition: fill 0.3s; transition: fill 0.3s;}
#intro03 .map_bx g .bd_c {-webkit-transition: stroke 0.3s; -moz-transition: stroke 0.3s; transition: stroke 0.3s;}
#intro03 .map_bx g:hover .txt_bg, #intro03 .map_bx g.on .txt_bg {fill: #059c4a;}
#intro03 .map_bx g:hover .bd_c, #intro03 .map_bx g.on .bd_c {stroke:#059c4a;}
#intro03 .map_bx g .dot {position: relative;}
#intro03 .map_bx g .dot::before {content: ''; width: 100px; height: 100px; top: 0px; left: 0px; background-color: red;}



/* 사업공고 */
#support01 .con_bx {max-width: 1500px; width: 100%; margin: 0 auto; padding: 0 15px; box-sizing: border-box;}
#support01 .con_bx img {max-width: 100%;}



/* 사업신청 */
#support02 .btn_list {display: flex; flex-flow: wrap;}
#support02 .btn_list li {width: calc(33.333% - 16px); margin-right: 24px;}
#support02 .btn_list li:last-child {margin-right: 0px; margin-bottom: 0px;}
#support02 .btn_list .ttl {background-color: #f9f9f9; text-align: center; display:flex; justify-content:center; align-items:center; table-layout:fixed; font-size: 28px; color: #111111; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; height: 230px;}
#support02 .btn_list .ttl span {display: block; font-size: 24px; font-weight: 600; font-family: 'Montserrat', sans-serif; position: relative; letter-spacing: 0; padding-bottom: 17px; margin-bottom: 19px;}
#support02 .btn_list .ttl span::before {content: ''; width: 40px; height: 1px; background-color: #dddddd; position: absolute; left: 50%; margin-left: -20px; bottom: 0px;}
#support02 .btn_list .col1 .ttl span {color: #234682;}
#support02 .btn_list .col2 .ttl span {color: #059c4a;}
#support02 .btn_list .col3 .ttl span {color: #4f566a;}
#support02 .btn_list li a {display: block; width: 200px; margin: 40px auto 0; line-height: 62px; text-align: center; border-radius: 32px; font-size: 15px; color: #666666; letter-spacing: -0.05em; border: 1px solid #dddddd; box-sizing: border-box; overflow: hidden; position: relative;}
#member.support02 {padding-top: 0!important;}
#member.support02 .top_bx {max-width: 520px; margin: 90px auto 53px; line-height: 32px;}
#member.support02 .top_bx strong {font-size: 32px; color: #333333; margin-bottom: 17px; line-height: normal;}
#member.support02 .file_list {max-width: 560px; width: 100%; margin: 0 auto;}
#member.support02 .file_list li {margin-bottom: 45px;}
#member.support02 .file_list li:last-child {margin-bottom: 0;}
#member.support02 .file_list .fileBox {position:relative; padding-right: 100px; width: 100%; box-sizing: border-box;}
#member.support02 .file_list .fileBox input[type=file]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; top:0; left:0;}
#member.support02 .file_list .fileBox input[type=text]{width:100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; max-width: 100%;}
#member.support02 .file_list .fileBox label{position: absolute; right:0; top: 0; cursor: pointer; float:left; text-align:center; width:100px; color:#ffffff; background:#666666; font-size:14px; line-height: 60px; letter-spacing: -0.05em;}
#member.support02 .file_list p {font-size: 18px; font-weight: 500; color: #111; letter-spacing: -0.05em; word-break: keep-all; margin-bottom: 8px; position: relative;}
#member.support02 .file_list p span{font-size: 14px; color: #666; letter-spacing: -0.05em; word-break: keep-all; margin-bottom: 8px; position: relative;}
#member.support02 .file_list p sup {position: relative; top: 4px; padding: 0 1px; color: #ff0000;}
#member.support02 .file_list .f_btm {display: flex; flex-flow: wrap; margin-top: 5px;}
#member.support02 .file_list .f_btm .f_name {width: calc(100% - 193px); position: relative; box-sizing: border-box; padding-left: 64px; font-size: 14px; color: #111; min-height: 22px; padding-right: 20px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
#member.support02 .file_list .f_btm.w100 .f_name {width: 100%; padding-right: 0px;}
#member.support02 .file_list .f_btm .f_name em {font-style: normal; position: absolute; left: 0px;}
#member.support02 .file_list .f_btm .check_s {width: 193px}
#member.support02 .comp_bx .imp {text-align: center; font-size: 18px; line-height: 32px; color: #ff0000; letter-spacing: -0.05em; word-break: keep-all; margin-bottom: 83px;}
#member.support02 .comp_bx .top_bx {margin-top: 0px; margin-bottom: 56px;}



/* 문의하기 */
#support04 .tb_st1 table tr.on .num {font-size: 0;} 
#support04 .tb_st1 table tr.on .num::before {content: '공지'; font-size: 16px; color: #234682; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; font-family: 'Noto Sans KR', sans-serif;}
#support04 .tb_st1 table td.subject div::before {content: '답변대기'; font-size: 13px; color: #159dd8; text-align: center; letter-spacing: -0.05em; width: 80px; line-height: 30px; box-sizing: border-box; border: 1px solid #159dd8; border-radius: 15px; display: inline-block; font-family: 'Noto Sans KR', sans-serif; margin-right: 15px;}
#support04 .tb_st1 table td.subject.ok div::before {content: '답변완료'; background-color: #159dd8; color: #fff;}
#support04 .tb_st1 table tr.on td.subject div a {color: #111111;}
#support04 .tb_st1 table tr.on td.subject div::before {display: none;}
#support04 .tb_st1 table td:nth-child(3) {font-family: 'Noto Sans KR', sans-serif;}
#member.support04 {padding-top: 0;}
#member.support04 textarea {height: 240px;}



/* 회원 */
#member {padding-top: 100px;}
#member .top_bx {text-align: center; font-size: 18px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; margin-bottom: 56px;}
#member .top_bx strong {display: block; font-size: 40px; color: #111111; font-weight: 500; margin-bottom: 15px;}
#member .top_bx .step_bx {max-width: 420px; width: 100%; margin: 0 auto; display: flex; flex-flow: wrap; padding-top: 35px; position: relative; padding-bottom: 60px;}
#member .top_bx .step_bx::before {content: ''; width: 100%; height: 1px; background: url(../images/icon/dotted.png) repeat-x left center; position: absolute; top: 65px; left: 0px;}
#member .top_bx .step_bx li {width: calc(33.333% - 80px); margin-right: 120px; font-size: 16px; color: #999999; letter-spacing: -0.05em; text-align: center; position: relative; z-index: 1;}
#member .top_bx .step_bx li.on {color: #111111;}
#member .top_bx .step_bx li:last-child {margin-right: 0px;}
#member .top_bx .step_bx li span {display: block; width: 60px; line-height: 60px; margin: 0 auto 14px; border-radius: 50%; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 18px; color: #666666; font-weight: 500; background-color: #f2f2f3;}
#member .top_bx .step_bx li.on span {background-color: #234682; color: #fff;}

#member .tab_bx {text-align: center; font-size: 0px; padding: 14px 0 40px;}
#member .tab_bx li {display: inline-block; margin-right: 30px;}
#member .tab_bx li:last-child {margin-right: 0px;}
#member .tab_bx li a {font-size: 20px; color: #999999; letter-spacing: -0.05em; word-break: keep-all; position: relative; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
#member .tab_bx li a:hover {color: #333;}
#member .tab_bx li a::before {content: ''; width: 0%; height: 2px; background-color: #234682; position: absolute; bottom: 0px; left: 50%; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#member .tab_bx li.on a::before {width: 100%;}
#member .tab_bx li.on a {font-weight: 500; color: #234682;}

#member .link_bx {font-size: 0px; text-align: center; margin-top: 36px;}
#member .link_bx li {display: inline-block; position: relative; padding-right: 40px;}
#member .link_bx li:last-child {padding-right: 0px;}
#member .link_bx li::before {content: ''; width: 1px; height: 10px; background-color: #dddddd; position: absolute; right: 20px; top: 50%; margin-top: -5px;}
#member .link_bx li:last-child::before {display: none;}
#member .link_bx li a {font-size: 14px; color: #666666; letter-spacing: -0.05em;}

#member input[type=text], #member input[type=password], #member input[type=email] {width: 100%; border: 1px solid #dddddd; box-sizing: border-box; background-color: #f9f9f9; height: 60px; padding: 0 25px; font-size: 16px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; outline: none; vertical-align: middle;}
#member select {width: 100%; border: 1px solid #dddddd; box-sizing: border-box; background-color: #f9f9f9; height: 60px; padding: 0 25px; font-size: 16px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; outline: none;}
#member textarea {width: 100%; border: 1px solid #dddddd; box-sizing: border-box; background-color: #f9f9f9; height: 174px; padding: 18px 25px; font-size: 16px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; outline: none; resize: none;}

#member .ronly {background-color: #dddddd!important;}

#member .chk input[type=checkbox] {appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 16px; height: 16px; border: 1px solid #aaaaaa; cursor: pointer;}
#member .chk input[type=checkbox]:checked {border-color: #1e90ff; background: url(../images/icon/chk1.png) no-repeat center;}
#member .chk label {font-size: 14px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; cursor: pointer;}

#member .radio_bx {font-size: 0px;}
#member .radio_bx li {display: inline-block; margin-right: 20px; line-height: 30px;}
#member .radio_bx li:last-child {margin-right: 0px;}
#member .radio_bx label {display: inline-block; font-size: 16px; color: #666666; letter-spacing: -0.05em;}

#member .tel {display: flex; flex-flow: wrap;}
#member .f_bx1 .tel {margin-top: 10px;}
#member .tel select, #member .tel input {width: calc(33.333% - 6.6666px); margin-right: 10px; margin-top: 0!important;}
#member .tel input:last-child {margin-right: 0px;}

#member .addr {display: flex; flex-flow: wrap;}
#member .addr input {width: calc(50% - 83px); margin-left: 10px;}
#member .addr input:first-child {width: 146px; margin-left: 0;}

#member .agree_bx .txt {border: 1px solid #dddddd; background-color: #f9f9f9; overflow-y: auto; height: 460px; box-sizing: border-box; padding: 52px 60px; font-size: 16px; line-height: 30px; color: #666666; letter-spacing: -0.05em; word-break: keep-all;}
#member .agree_bx .chk {text-align: center; padding-top: 20px;}

#member .btn_bx {position: relative; padding-right: 110px;}
#member .btn_bx a {position: absolute; width: 100px; line-height: 60px; background-color: #dddddd; text-align: center; top: 0px; right: 0px; font-size: 15px; color: #666666; letter-spacing: -0.05em;}

#member .btm_btn {text-align: center; font-size: 0px; padding-top: 80px;}
#member .btm_btn a {display: inline-block; width: 200px; line-height: 62px; box-sizing: border-box; border-radius: 32px; font-size: 15px; color: #ffffff; letter-spacing: -0.05em; word-break: keep-all; background-color: #234682; border: 1px solid #234682; margin-right: 20px;}
#member .btm_btn a:last-child {margin-right: 0px;}
#member .btm_btn a.col2 {background-color: #fff; color: #666666; border-color: #dddddd;}

#member .f_bx1 {max-width: 500px; margin: 0 auto; box-sizing: border-box;}
#member .f_bx1 input[type=text], #member .f_bx1 input[type=password], #member .f_bx1 input[type=email] {margin-top: 10px;}
#member .f_bx1 input[type=text]:first-child, #member .f_bx1 input[type=password]:first-child, #member .f_bx1 input[type=email]:first-child {margin-top: 0;}
#member .f_bx1 .btn {display: block; margin-top: 20px; line-height: 70px; text-align: center; font-size: 18px; color: #ffffff; font-weight: 500; letter-spacing: -0.05em; background-color: #234682;}

#member .f_bx2 {border-top: 1px solid #666666; border-bottom: 1px solid #dddddd; padding: 33px 20px 40px; box-sizing: border-box;}
#member.join1 .f_bx2 {border-top: none; border-bottom: none; padding: 0;}
#member.join2 .f_bx2 {max-width: 708px; margin: 0 auto; width: 100%;}
#member.join3 .f_bx2 {display: flex; flex-flow: wrap;}
#member.join3 .f_bx2 .f_w {width: calc(50% - 20px); margin-right: 40px;}
#member.join3 .f_bx2 .f_w:nth-child(2n) {margin-right: 0px;}
#member.join3 .f_bx2 .f_w.w100 {margin-right: 0px; width: 100%;}
#member .f_ttl {padding: 70px 0 17px;}
#member .f_ttl:first-child {padding-top: 0px;}
#member .f_ttl strong {font-size: 32px; color: #111111; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; vertical-align: middle; padding-right: 22px;}
#member .f_bx2 .f_w {margin-bottom: 19px;}
#member .f_bx2 .f_w:last-child {margin-bottom: 0px;}
#member .f_bx2 .f_w > strong {font-size: 18px; color: #111111; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; margin-bottom: 8px; display: block;}
#member .f_bx2 .f_w .side {font-size: 14px; color: #666; display: block; margin-top: 5px; letter-spacing: -0.05em; word-break: keep-all;}
#member .f_bx2 .f_w .imp::before {content: '*'; color: #ff0000; position: relative; top: 0; padding-right: 3px;}
#member .f_bx2 .f_w > strong span {font-size: 14px; color: #666666; font-weight: 400; display: inline-block; padding-left: 4px;}
#member.join3 .chk {display: inline-block; vertical-align: middle;}
#member.mypage1 .chk {margin-top: 5px;}


/* 1. 신청기관유형 (카드 섹션 부모) */
#business_app .type_selection_wrapper { display: flex !important; flex-wrap: wrap !important; gap: 20px !important; margin-bottom: 25px !important; width: 100% !important; flex: 0 0 100% !important; }
#business_app .type_card { width: calc(50% - 10px) !important; flex: 0 0 auto !important; border: 1px solid #eeeeee; border-radius: 8px; padding: 40px 30px; background-color: #fcfcfc; transition: all 0.3s ease; position: relative; cursor: pointer; box-sizing: border-box; user-select: none; }
#business_app .type_card.active { border-color: #059c4a; box-shadow: inset 0 0 0 1px #059c4a; background-color: #f8fff9; }
#business_app .type_card:hover { border-color: #059c4a; }

#business_app .card_inner { display: flex; align-items: flex-start; margin-bottom: 15px; pointer-events: none; }

#business_app .icon_bx { width: 120px; height: 120px; background-color: #f0f0f0; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 25px; flex-shrink: 0; }
#business_app .icon_bx img { width: 95%; }

#business_app .type_card.disabled {cursor: default;}
#business_app .type_card.disabled .icon_bx { background-color: #f5f5f5; transition: background-color 0.3s ease;}
#business_app .type_card.disabled .icon_bx img { filter: grayscale(100%); opacity: 0.4; transition: filter 0.3s ease, opacity 0.3s ease;}

#business_app .type_card.active .icon_bx { background-color: #e8f5e9; transition: background-color 0.3s ease;}
#business_app .type_card.active .icon_bx img { filter: none !important; opacity: 1 !important; transition: filter 0.3s ease, opacity 0.3s ease;}



#business_app .txt_bx { padding-top: 15px; }
#business_app .txt_bx strong { display: block; font-size: 22px; color: #111; margin-bottom: 8px; font-weight: 700; }
#business_app .txt_bx p { font-size: 16px; color: #666; line-height: 1.5; }

#business_app .radio_list { margin-left: 145px; background: #fff; border-radius: 12px; padding: 15px 25px; border: 1px solid #f0f0f0; position: relative; z-index: 10; }
#business_app .radio_list li { margin-bottom: 10px; display: flex; align-items: center; }
#business_app .radio_list li:last-child { margin-bottom: 0; }
#business_app .radio_list label { cursor: pointer; font-size: 15px; color: #333; flex: 1; }

#business_app .notice_txt { width: 100%; font-size: 14px; color: #888; line-height: 1.6; }

#business_app .addr2 { display: flex; gap: 10px; align-items: center; width: 100%; }
#business_app .addr2 input[name="cor_addr1"] { flex: 2; flex-shrink: 0; }
#business_app .addr2 input[name="cor_addr2"] { flex: 1; min-width: 0; }
#business_app .addr2 .btn_search { flex-shrink: 0; position: relative;}

#business_app .input_group { display: flex; gap: 20px; flex-wrap: wrap; width: 100%; }
#business_app .unit_bx { flex: 1; display: flex; align-items: center; background-color: #f9f9f9; border: 1px solid #dddddd; padding: 15px 25px; box-sizing: border-box; min-width: calc(50% - 10px); font-size: 16px; color: #666; letter-spacing: -0.05em}
#business_app .unit_bx strong{ font-weight: 500; color: #333; display: inline-block; vertical-align: middle;}
#business_app .unit_bx.full { flex: 0 0 100%; width: 100%; }
#business_app .unit_bx .lbl { display: inline-flex; align-items: center; justify-content: center; margin-left: auto; margin-right: 5px; font-size: 16px; color: #333; line-height: 1; height: 100%; }
#business_app .unit_bx input { max-width: 70px; height: 40px; background-color: #fff !important; border: none; border-radius: 5px; text-align: center; margin-right: 4px; outline: none; margin-left: auto; }
#business_app .unit_bx.full input { margin-left: 0; }
#business_app .unit_bx .unit { font-size: 16px; color: #666; min-width: 20px; }

#business_app .unit_bx .right_inputs { display: flex; align-items: center; gap: 20px; margin-left: auto; justify-content: flex-end; }
#business_app .input_set { display: flex; align-items: center; gap: 10px; }
#business_app .input_set:last-child { flex: 1; }
#business_app .input_set .lbl { font-size: 16px; color: #666; white-space: nowrap; }
#business_app .input_set .lbl strong { font-weight: 500; color: #333; display: inline-block; vertical-align: middle; }
#business_app .unit_bx input.wide_input { flex: 1; max-width: 100%; min-width: 120px; padding: 0 15px; font-size: 15px; text-align: left; box-sizing: border-box; }



/* 전자상거래 표준약관 */
.yg{font-size:14px; line-height:24px; word-break:keep-all}
.yg h2{margin-top:70px; font-size:22px; font-weight:700; color:#333;}
.yg h3{margin-top:40px; margin-bottom:5px; font-size:18px; font-weight:700; color:#444;}
.yg h4{margin-top:20px; margin-bottom:5px; font-size:16px; font-weight:500; color:#555;}
.yg p{margin:5px 0;}

.fly_w{margin-top:10px; background:#f2f2f2; box-sizing:border-box; padding:20px;}
.fly_w > li:first-child{margin-top:0;}
.fly_w > li > ul{margin-top:0; padding:0 0 0 15px; background:none;}
.fly_w > li > ul > li{padding:0; margin:0;}
.fly_w > li > ul > li:before{display:none;}
.fly_w > li > ol{margin-top:0; padding:0 0 0 15px; background:none;}
.fly_w > li > ol > li{padding:0; margin:0;}
.fly_w > li > ol > li:before{display:none;}

ul.fly_w > li{position:relative; padding-left:10px; margin-top:5px; color:#777;}
ul.fly_w > li:before{content:'-'; position:absolute; top:0; left:0;}
ol.fly_w > li{position:relative; margin-top:5px; color:#777;}

.yg_table{overflow:hidden; margin-top:15px;}
.yg_table div{float:right; width:calc(50% - 10px);}
.yg_table div:first-child{float:left;}
.yg_table div > strong{display:block; text-align:center; background:#333; color:#fff; font-size:15px; font-weight:500; padding:15px 0;}
.yg_table div table{width:100%; box-sizing:border-box;}
.yg_table div table thead th{text-align:center; color:#333; font-weight:700; border-bottom:1px solid #ddd; padding:10px 0; background:#f2f2f2;}
.yg_table div table tbody th{text-align:center; border-bottom:1px solid #ddd; color:#333; padding:10px 0; font-weight:500; background:#f9f9f9}
.yg_table div table tbody td{border-bottom:1px solid #ddd; padding:5px 20px; border-left:1px solid #ddd;}

#privacy_box select { padding-left:10px; margin-top: 20px; width: 320px; height: 40px; font-size: 14px; border-color: #bbb;}



/* PC */
@media all and (min-width:1025px){
	/* 공통 */
    #sub #container .btn1 {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; overflow: hidden; position: relative;}
    #sub #container .btn1::before {content: ''; width: 100%; height: 100%; top: 0px; left: -100%; background-color: #234682; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: 1; position: absolute;}
    #sub #container .btn1.col3::before {background-color: #059c4a;}
    #sub #container .btn1.col4::before {background-color: #059c4a;}
    #sub #container .btn1.col2::before {content: ''; width: 100%; height: 100%; top: 0px; left: -100%; background-color: #059c4a; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: 1; position: absolute;}
    #sub #container .btn1 span::before {-webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
    #sub #container .btn1:hover {color: #fff; border-color: transparent;}
    #sub #container .btn1:hover::before {left: 0px;}
    #sub #container .btn1:hover span::before {background-position: left center}
    
    #sub #container .tab_box li a {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #sub #container .tab_box li a:hover {color: #234682;}
	
	
	
	/* 사업신청 */
	#support02 .btn_list li a {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#support02 .btn_list li a:hover {border-color: transparent; color: #fff;}
	#support02 .btn_list li a::before {content: ''; width: 100%; height: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; position: absolute; left: -100%; top: 0px; z-index: -1;}
	#support02 .btn_list li.col1 a::before {background-color: #234682;}
	#support02 .btn_list li.col2 a::before {background-color: #059c4a;}
	#support02 .btn_list li.col3 a::before {background-color: #4f566a;}
	#support02 .btn_list li a:hover::before {left: 0;}
	
	
	
	/* 문의하기 */
	#support04 .tb_st1 table tr.on td.subject div a:hover {color: #1f3a90;}
	


	/* 회원 */
	/*#member .btm_btn a {position: relative; overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-color: transparent;}
	#member .btm_btn a::before {content: ''; width: 100%; height: 100%; top: 0px; background-color: #059c4a; position: absolute; left: -100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#member .btm_btn a span {position: relative; z-index: 1;}
	#member .btm_btn a:hover {border-color: #059c4a!important; color: #fff;}
	#member .btm_btn a.col2:hover {border-color: #fff!important;}
	#member .btm_btn a:hover::before {left: 0;}*/
}

@media all and (max-width:1300px){
	#intro02 .con2 .list .list_w .ttl_bx::before {-webkit-transition: border 0.3s; -moz-transition: border 0.3s; transition: border 0.3s;}
	/*#intro02 .con2 .list .list_w:nth-child(1) .ttl_bx::before {border: 25px solid #f8c505}
	#intro02 .con2 .list .list_w:nth-child(2) .ttl_bx::before {border: 25px solid #317b00;}
	#intro02 .con2 .list .list_w:nth-child(3) .ttl_bx::before {border: 25px solid #f34809;}
	#intro02 .con2 .list .list_w:nth-child(4) .ttl_bx::before {border: 25px solid #a2821f;}*/
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	/* 공통 */
    #sub #contents {padding: 80px 0;}
    
    #sub #container .btn1 {width: 120px; font-size: 12px;}
    #sub #container .btn1 span {line-height: 38px; padding-right: 26px;}
    #sub #container .btn1 span::before {width: 12px; background-size: 36px auto!important;}
	#sub #container .btn1.type2 span {line-height: 40px;}
	
	#sub #container .tab_box {margin-bottom: 60px;}
	#sub #container .tab_box li a {width: 145px; font-size: 14px; height: 48px;}
    

    
    /* 안심카 플러스 */
    #intro01 .box1 {padding-bottom: 60px;}
    #intro01 .box1 .logo {margin-bottom: 40px; max-width: 216px;}
    #intro01 .box1 .txt_box1 {margin: 20px 0 45px; font-size: 14px; line-height: 22px; min-height: 40px; padding: 0 0 0 154px;}
    #intro01 .box1 .txt_box1 sup {top: 3px;}
    #intro01 .box1 .txt_box1 strong {font-size: 20px;}
    #intro01 .box1 .txt_box2 {padding: 53px 0 98px;}
    #intro01 .box1 .txt_box2::before {height: 40px; bottom: 32px;}
    #intro01 .box1 .txt_box2 p {font-size: 20px; line-height: 32px; max-width: 330px;}
    #intro01 .box1 .txt_box3 {max-width: 660px;}
    #intro01 .box1 .txt_box3 li {margin-right: -25px;}
    #intro01 .box1 .txt_box3 li:nth-child(1)::before {border: 25px solid #234682;}
    #intro01 .box1 .txt_box3 li:nth-child(2)::before {border: 25px solid #059c4a;}
    #intro01 .box1 .txt_box3 li:nth-child(3)::before {border: 25px solid #4f566a;}
    #intro01 .box1 .txt_box3 li span {font-size: 16px; padding-bottom: 14px;}
    #intro01 .box1 .txt_box3 li span::before {width: 30px; margin-left: -15px;}
    #intro01 .box1 .txt_box3 li p {margin-top: 15px; font-size: 16px; line-height: 24px; padding: 0 40px;}
    #intro01 .box2 {min-height: auto; padding: 45px 15px 47px;}
    #intro01 .box2 .txt_box strong {margin-bottom: 15px; font-size: 20px; line-height: 28px; max-width: 440px;}
    #intro01 .box2 .txt_box strong sup {top: 4px;}
    #intro01 .box2 .txt_box p {font-size: 12px; line-height: 20px; max-width: 400px;}
    #intro01 .box3 .ttl1 {padding: 52px 0 34px; font-size: 24px;}
    #intro01 .box3 .txt_box1 {padding: 0 15px 28px;}
    #intro01 .box3 .txt_box1 strong {padding: 28px 0 21px; font-size: 16px;}
    #intro01 .box3 .txt_box1 .con_wrap:nth-child(2) ul {max-width: 716px;}
    #intro01 .box3 .txt_box1 .con_wrap ul::before {width: 41px; height: 50px; background-size: 41px 50px; left: -22px;}
    #intro01 .box3 .txt_box1 .con_wrap ul li div {font-size: 12px; line-height: 18px; height: 50px;}
    #intro01 .box3 .txt_box1 .con_wrap ul li div::before {width: 41px; height: 50px; background-size: 41px 50px!important; right: -20px}
    #intro01 .box3 .txt_box1 .con_wrap ul li:last-child div::before {background-color: #fff!important;}
    #intro01 .box3 .txt_box1 .con_wrap ul li div em {font-size: 11px; display: block;}
    #intro01 .box3 .txt_box1 .con_wrap ul li span {font-size: 12px; margin-top: 9px;}
    #intro01 .box3 .txt_box2 li {width: calc(33.333% - 6.666px); margin-right: 10px; padding: 27px 0 26px;}
    #intro01 .box3 .txt_box2 li span {margin-bottom: 14px; padding-bottom: 13px; font-size: 16px;}
    #intro01 .box3 .txt_box2 li span::before {width: 30px; margin-left: -15px;}
    #intro01 .box3 .txt_box2 li p {font-size: 18px;}
	
	
	
	/* 주최ㆍ주관 */
	#intro02 .logo {width: 100%; margin-bottom: 50px;}
	#intro02 .mid_txt {padding-top: 29px; margin-bottom: 52px;}
	#intro02 .mid_txt strong {margin: 0 auto 14px; font-size: 22px; line-height: 32px;}
	#intro02 .mid_txt p {font-size: 14px; line-height: 22px;}
	
	#intro02 .con1 .logo {max-width: 235px;}
	#intro02 .con1 .con_box .con_wrap {padding: 0 0 39px;}
	#intro02 .con1 .con_box .t_txt {height: 60px; font-size: 22px; margin-bottom: 33px;}
	#intro02 .con1 .con_box ul li {padding-bottom: 25px; margin-bottom: 23px; font-size: 14px;}
	#intro02 .con1 .con_box ul li .bold {margin-bottom: 11px; font-size: 20px;}
	#intro02 .con1 .con_box .graph {margin-top: 16px; font-size: 8px; line-height: 14px;}
	#intro02 .con1 .con_box .graph .side strong {font-size: 9px;}
	#intro02 .con1 .con_box .graph .g2 .side p strong {font-size: 11px; line-height: 16px;}
	#intro02 .con1 .con_box .graph .g3 .side p strong {font-size: 11px; line-height: 16px;}
	#intro02 .con1 .con_box .graph .mid {font-size: 8px;}
	#intro02 .con1 .con_box .graph .mid strong {font-size: 16px; margin-top: 1px;}
	
	#intro02 .con2 .logo {max-width: 175px;}
	#intro02 .con2 .con_box {padding: 18px 20px 36px;}
	#intro02 .con2 .con_box ul li .bold {font-size: 20px; min-height: 84px;}
	#intro02 .con2 .con_box ul li p {font-size: 15px; line-height: 23px;}
	#intro02 .con2 .list {margin: -8px auto 0;}
	#intro02 .con2 .list .list_w {width: calc(25% + 20px); margin: 0 -10px;}
	#intro02 .con2 .list .list_w:nth-child(1) .ttl_bx::before {border: 20px solid #f8c505;}
	#intro02 .con2 .list .list_w:nth-child(2) .ttl_bx::before {border: 20px solid #317b00;}
	#intro02 .con2 .list .list_w:nth-child(3) .ttl_bx::before {border: 20px solid #f34809;}
	#intro02 .con2 .list .list_w:nth-child(4) .ttl_bx::before {border: 20px solid #a2821f;}
	#intro02 .con2 .list .list_w .ttl_bx div {font-size: 16px;}
	#intro02 .con2 .list .list_w .ttl_bx div strong {font-size: 14px; padding-bottom: 10px; margin-bottom: 9px;}
	#intro02 .con2 .list .list_w .btm_t {margin-top: 9px; font-size: 12px; line-height: 20px; width: calc(100% - 40px);}

	/* 260424 수정 아이들과미래재단 */
	#intro02 .con2 .hero-section > strong { font-size: 36px; line-height: 1.4; }
    #intro02 .con2 .logo-wrapper { width: 200px; height: 200px; }
    #intro02 .con2 .side-text { font-size: 30px; }
    #intro02 .con2 .side-text.left { left: 5%; }
    #intro02 .con2 .side-text.right { right: 5%; }

	#intro02 .con2 .con_box2 { padding: 50px 40px; }
    #intro02 .con2 .mission_box { gap: 20px; }
    #intro02 .con2 .mission_box li { padding: 0 30px; }
    #intro02 .con2 .content p { font-size: 16px; padding-left: 0; padding-top: 46px; }
    #intro02 .con2 .content p .c_tit { font-size: 24px; }

	#intro02 .con2 .bg_img { padding: 60px 20px; }
    #intro02 .con2 .mark-wrapper { margin-bottom: 20px; }
    #intro02 .con2 .mark-wrapper img { max-width: 320px; }
    #intro02 .con2 .con_box p.mark_tit { font-size: 26px; margin-bottom: 12px; }
    #intro02 .con2 .tit_point { font-size: 32px; }
    #intro02 .con2 .con_box p.mark_txt { font-size: 16px; }
	
	
	/* 지원현황 */
	#intro03 .map_bx {padding: 49px 15px; margin-bottom: 40px;}
	#intro03 .map_bx .t_txt {margin-bottom: 30px;}
	#intro03 .map_bx .t_txt > div {font-size: 16px; min-width: 135px; padding: 5px 16px 9px;}
	#intro03 .map_bx .t_txt > div strong {font-size: 24px;}
	
	
	
	/* 사업신청 */
	#support02 .btn_list li {width: calc(33.333% - 8px); margin-right: 12px;}
	#support02 .btn_list .ttl {height: 125px; font-size: 18px;}
	#support02 .btn_list .ttl span {font-size: 16px; margin-bottom: 14px; padding-bottom: 13px;}
	#support02 .btn_list .ttl span::before {width: 30px; margin-left: -15px;}
	#support02 .btn_list li a {margin-top: 20px; line-height: 38px; font-size: 12px; width: 120px;}
	#member.support02 .top_bx {margin: 44px auto 36px; line-height: 22px; max-width: 400px;}
	#member.support02 .top_bx strong {margin-bottom: 11px; font-size: 20px;}
	#member.support02 .file_list {max-width: 500px;}
	#member.support02 .file_list li {margin-bottom: 26px;}
	#member.support02 .file_list .fileBox {padding-right: 60px;}
	#member.support02 .file_list .fileBox label {width: 60px; line-height: 40px; font-size: 12px;}
	#member.support02 .file_list p {font-size: 12px; margin-bottom: 5px;}
	#member.support02 .file_list p span{font-size: 10px; margin-bottom: 5px;}
	#member.support02 .file_list .f_btm {margin-top: 3px;}
	#member.support02 .file_list .f_btm .f_name {width: calc(100% - 165px); font-size: 12px; min-height: 21px; padding-left: 54px; padding-right: 15px;}
	#member.support02 .file_list .f_btm .check_s {width: 165px;}
	#member.support02 .comp_bx .imp {margin-bottom: 50px; font-size: 14px; line-height: 22px;}
	#member.support02 .comp_bx .top_bx {margin-bottom: 36px;}
	
	
	/* 문의하기 */
	#support04 .tb_st1 table tr.on .num::before {font-size: 12px;}
	#support04 .tb_st1 table td.subject div::before {font-size: 11px; width: 60px; line-height: 22px; margin-right: 5px;}
	#member.support04 textarea {height: 120px;}
	


	/* 회원 */
	#member {padding-top: 50px;}
	#member .top_bx {margin-bottom: 37px; font-size: 14px;}
	#member .top_bx strong {margin-bottom: 11px; font-size: 24px;}
	#member .top_bx .step_bx {padding: 23px 0 20px; max-width: 240px;}
	#member .top_bx .step_bx::before {top: 43px;}
	#member .top_bx .step_bx li {width: calc(33.333% - 40px); margin-right: 60px; font-size: 12px;}
	#member .top_bx .step_bx li span {width: 40px; line-height: 40px; font-size: 13px; margin-bottom: 11px;}
	
	#member .tab_bx {padding: 7px 0 30px;}
	#member .tab_bx li {margin-right: 25px;}
	#member .tab_bx li a {font-size: 14px; line-height: 23px;}
	#member .tab_bx li a::before {height: 1px;}
	
	#member input[type=text], #member input[type=password], #member input[type=email] {font-size: 12px; height: 40px; padding: 0 12px;}
	#member select {font-size: 12px; height: 40px; padding: 0 12px;}
	#member textarea {height: 120px; padding: 8px 12px; font-size: 12px;}
	
	#member .chk input[type=checkbox] {width: 14px; height: 14px; margin-right: 2px; background-size: 8px auto!important;}
	#member .chk label {font-size: 12px;}
	
	#member .radio_bx li {margin-right: 15px;}
	#member .radio_bx input[type="radio"] {margin-right: 3px;}
	#member .radio_bx label {font-size: 12px;}
	
	#member .link_bx {margin-top: 26px;}
	#member .link_bx li {padding-right: 35px;}
	#member .link_bx li::before {right: 17px;}
	#member .link_bx li a {font-size: 12px;}
	
	#member .agree_bx .txt {height: 280px; padding: 10px 15px; font-size: 12px; line-height: 20px;}
	#member .agree_bx .chk {padding-top: 15px;}
	#member .agree_bx .chk input[type=checkbox] {width: 14px; height: 14px; background-size: 8px auto!important;}
	#member .agree_bx .chk label {font-size: 12px;}
	
	#member .btn_bx {padding-right: 70px;}
	#member .btn_bx a {width: 60px; line-height: 40px; font-size: 12px;}
	
	#member .btm_btn {padding-top: 50px;}
	#member .btm_btn a {margin-right: 10px; width: 120px; line-height: 38px; font-size: 12px;}
	
	#member .f_bx1 {max-width: 400px;}
	#member .f_bx1 .btn {margin-top: 10px; line-height: 50px; font-size: 14px;}
	
	#member .f_ttl {padding: 44px 0 16px;}
	#member .f_ttl strong {font-size: 20px; padding-right: 17px;}
	#member .f_bx2 {padding: 25px 0 30px;}
	#member .f_bx2 .f_w > strong {margin-bottom: 8px; font-size: 13px;}
	#member .f_bx2 .f_w .imp::before {padding-right: 2px;}
	#member .f_bx2 .f_w > strong span {font-size: 12px;}
	#member .f_bx2 .f_w .side {margin-top: 3px; font-size: 12px;}
	#member.mypage1 .chk {margin-top: 3px;}
	
	#business_app .type_card { padding: 30px 20px; }
	#business_app .unit_bx { font-size: 12px; padding: 6px 12px; min-width: 100%;}
	#business_app .input_group {gap: 10px;}
	#business_app .unit_bx .unit { font-size: 12px;}
	#business_app .unit_bx .lbl {font-size: 12px;}
	#business_app .radio_list {margin-left: 0;}
	#business_app .radio_list label  {font-size: 12px;}
	#business_app .icon_bx { width: 100px; height: 100px; margin-right: 15px; }
	#business_app .txt_bx strong { font-size: 16px; }
	#business_app .txt_bx p { font-size: 12px; }
	#business_app .notice_txt {font-size: 12px;}

	
	
	
	/* 전자상거래 표준약관 */
	.yg{font-size:12px; line-height:18px;}
	.yg h2{margin-top:50px; font-size:18px;}
	.yg h3{margin-top:20px; margin-bottom:5px; font-size:15px;}
	.yg h4{margin-top:10px; margin-bottom:5px; font-size:14px;}
	.yg p{margin:5px 0;}

	.fly_w{margin-top:5px; padding:10px;}
	.fly_w > li > ul{padding:0 0 0 5px;}
	.fly_w > li > ol{padding:0 0 0 5px;}

	ul.fly_w > li{padding-left:10px; margin-top:3px;}
	ol.fly_w > li{margin-top:3px;}

	.yg_table{margin-top:10px;}
	.yg_table div{width:100%; margin-top:10px;}
	.yg_table div:first-child{margin-top:0;}
	.yg_table div > strong{font-size:12px; padding:8px 0;}
	.yg_table div table{ table-layout:fixed; }
	/* .yg_table div table colgroup col:nth-of-type(1){width:80px !important;}
	.yg_table div table colgroup col:nth-of-type(2){width:calc(100% - 80px) !important;} */
	.yg_table div table thead th{padding:5px 0;}
	.yg_table div table tbody th{padding:5px 0;}
	.yg_table div table tbody td{padding:0 10px}
	#privacy_box select { margin-top: 15px; width: 300px; height: 30px; font-size: 12px; }
}

/* 모바일 */
@media all and (max-width:768px){
	#sub #container .tab_box ul {display: table; table-layout: fixed; width: 100%;}
	#sub #container .tab_box ul li {display: table-cell;}
	#sub #container .tab_box ul li a {width: 100%;}
	
	
	/* 안심카 플러스 */
    #intro01 .box1 .txt_box1 {margin: 0; padding: 38px 0 60px; text-align: center; display: block;}
    #intro01 .box1 .txt_box1 strong {position: relative; display: block; width: 100%; transform: none; top: auto; left: auto; margin-bottom: 15px;}
    #intro01 .box1 .txt_box1 p {max-width: 300px; margin: 0 auto;}
    #intro01 .box1 .txt_box1 .btn1 {position: relative!important; top: auto; right: auto; transform: none; margin: 28px auto 0;}
    #intro01 .box1 .txt_box3 {display: block;}
    #intro01 .box1 .txt_box3 li {margin: 0 auto -25px!important; width: 220px; padding-bottom: 220px;}
    #intro01 .box1 .txt_box3 li:last-child {margin-bottom: 0!important;}
    #intro01 .box3 .txt_box1 .con_wrap ul {justify-content: left; width: 100%; left: 11px; margin-bottom: -17px;}
    #intro01 .box3 .txt_box1 .con_wrap ul li {margin-bottom: 17px;}
    #intro01 .box3 .txt_box1 .con_wrap ul li:nth-child(2n) div::before {background-color: #fff!important;}
    #intro01 .box3 .txt_box1 .con_wrap ul li:nth-child(2n-1) div::after {content: ''; width: 41px; height: 50px; background: url(../images/sub/intro01_arrow3.png) no-repeat center; background-size: 41px 50px; left: -16px; top: 0px; z-index: 1; position: absolute;}
    #intro01 .box3 .txt_box1 .con_wrap:nth-child(1) ul li {width: 50%;}
    #intro01 .box3 .txt_box1 .con_wrap:nth-child(2) ul li {width: 50%;}
	#intro01 .box3 .txt_box2 {max-width: 220px; margin: 0 auto;}
    #intro01 .box3 .txt_box2 li {width: 100%; margin-right: 0px; margin-bottom: 10px;}
    #intro01 .box3 .txt_box2 li:last-child {margin-bottom: 0;}
	#intro01 [data-aos=fade-left] {transform: translate3d(0,100px,0);}
	#intro01 [data-aos^=fade][data-aos^=fade].aos-animate {transform: translateZ(0);}

    

    #intro01 .box1 .slick-intro .slick-arrow { width: 30px; height: 30px; background: rgba(0,0,0,0.2); }
    #intro01 .box1 .slick-intro .slick-arrow::before { width: 8px; height: 8px; }
    #intro01 .box1 .slick-intro .slick-prev { left: 10px; }
    #intro01 .box1 .slick-intro .slick-next { right: 10px; }
    #intro01 .box1 .slick-intro .slick-dots { bottom: 15px; }
    #intro01 .box1 .slick-intro .slick-dots li { margin: 0 3px; }
    #intro01 .box1 .slick-intro .slick-dots li button { width: 8px; height: 8px; }
    #intro01 .box1 .slick-intro .slick-dots li.slick-active button { width: 20px; }
	
	/* 주최ㆍ주관 */
	#intro02 .con1 .mid_txt strong {max-width: 268px;}
	#intro02 .con1 .mid_txt p {margin: 0 auto; max-width: 290px;}
	#intro02 .con1 .con_box {display: block;}
	#intro02 .con1 .con_box .con_wrap {margin-right: 0; width: 100%; margin-bottom: 50px;}
	#intro02 .con1 .con_box .con_wrap:last-child {margin-bottom: 0;}
	#intro02 [data-aos=fade-right], #intro02 [data-aos=fade-left] {transform: translate3d(0,100px,0);}
	#intro02 [data-aos^=fade][data-aos^=fade].aos-animate {transform: translateZ(0);}
	
	#intro02 .con2 .mid_txt strong {max-width: 305px;}
	#intro02 .con2 .mid_txt p {max-width: 290px; margin: 0 auto;}
	#intro02 .con2 .con_box {padding: 34px 15px 36px;}
	#intro02 .con2 .con_box ul li {display: block; padding-bottom: 24px; margin-bottom: 22px;}
	#intro02 .con2 .con_box ul li:last-child {margin-bottom: 0px;}
	#intro02 .con2 .con_box ul li .bold {width: 100%; min-height: auto; margin-bottom: 15px;}
	#intro02 .con2 .con_box ul li p {width: 100%;}
	#intro02 .con2 .list {width: calc(100% - 10px); margin: 20px auto -16px;}
	#intro02 .con2 .list .list_w {width: calc(50% + 10px); margin: 0 -5px 16px;}
	#intro02 .con2 .list .list_w:nth-child(1) .ttl_bx::before {border: 10px solid #f8c505;}
	#intro02 .con2 .list .list_w:nth-child(2) .ttl_bx::before {border: 10px solid #317b00;}
	#intro02 .con2 .list .list_w:nth-child(3) .ttl_bx::before {border: 10px solid #f34809;}
	#intro02 .con2 .list .list_w:nth-child(4) .ttl_bx::before {border: 10px solid #a2821f;}

	#intro01 .custom-table { display: block; overflow-x: auto; font-size: 13px; } 
	#intro01 .custom-table th, #intro01 .custom-table td { padding: 10px 8px; } 
	#intro01 .notice-box { flex-direction: column; gap: 8px; padding: 12px; font-size: 13px; } 
	#intro01 .notice-box > strong { font-size: 14px; } 
	#intro01 .notice-box p { line-height: 1.5; } 

	/* 260424 수정 아이들과미래재단 */
	#intro02 .con2 .hero-section { padding: 30px 0; }
	#intro02 .con2 .hero-section strong { font-size: 28px; }
	#intro02 .con2 .line-container { padding: 30px 0; display: flex; flex-direction: column; align-items: center; gap: 20px; }
	#intro02 .con2 .line-container::before { display: none; } 
	#intro02 .con2 .side-text { position: relative; top: 0; transform: none; font-size: 24px; padding: 0; text-align: center !important; left: auto !important; right: auto !important; background: transparent; }
	#intro02 .con2 .side-text.left { order: 1; } 
	#intro02 .con2 .logo-wrapper { order: 2; width: 160px; height: 160px; margin: 0 auto; }
	#intro02 .con2 .side-text.right { order: 3; }
	#intro02 .con2 .bottom-text strong { display: block; font-size: 20px; }
	#intro02 .con2 .bottom-text p { font-size: 16px; word-break: keep-all; }

	#intro02 .con2 .con_box2 { padding: 40px 20px; }
    #intro02 .con2 .con_box2 h3 { font-size: 20px; }
    #intro02 .con2 .mission_box { flex-direction: column; gap: 15px; }
    #intro02 .con2 .mission_box li { min-height: 120px; padding: 10px 25px;  }
    #intro02 .con2 .content p { padding-left: 0; padding-top: 36px; }
    #intro02 .con2 .content p .c_tit { left: 50%; transform: translateX(-50%); width: 100%; font-size: 20px;}
    #intro02 .con2 .bg-text { font-size: 60px; bottom: -20px; }

	#intro02 .con2 .bg_img { padding: 40px 15px; }
    #intro02 .con2 .mark-wrapper img { max-width: 240px; }
    #intro02 .con2 .con_box p.mark_tit { font-size: 22px; line-height: 1.3; }
    #intro02 .con2 .tit_point { font-size: 26px; }
    #intro02 .con2 .con_box p.mark_txt { font-size: 15px; padding: 0 10px; }
	


	
	
	/* 사업신청 */
	#support02 .btn_list li {width: 100%; margin-right: 0px; margin-bottom: 40px;}
	#support02 .btn_list .ttl {max-width: 220px; margin: 0 auto;}
	
	
	/* 문의하기 */
	#support04 .tb_st1 table tr.on .num {display: block!important; width: 100%!important; padding-bottom: 10px; padding-right: 0px;}
	#support04 .tb_st1 table tr.on .num::before {position: relative; margin-top: 0; top: auto; right: auto; background-color: transparent; color: #111111;}
	#support04 .tb_st1 table td.subject {margin-bottom: 4px!important;}
	#support04 .tb_st1 table tr.on td.subject {margin-bottom: 9px!important}
	
	
	/* 회원 */
	#member .addr {padding-right: 0px;}
	#member .addr input:first-child {width: 80px; margin-right: 10px; margin-bottom: 10px;}
	#member .addr input:nth-child(2) {width: calc(100% - 90px); margin: 0; margin-bottom: 10px;}
	#member .addr input:nth-child(3) {width: calc(100% - 70px); margin: 0;}
	#member .addr a {position: relative; margin-left: 10px;}
	
	#member.join3 .f_bx2 .f_w {margin-right: 0px; width: 100%;}

	#business_app .type_card { width: 100% !important; }
	#business_app .radio_list { margin-left: 0; margin-top: 15px; }

	#business_app .unit_bx.full2 { display: flex; flex-direction: column; align-items: flex-start; }
	#business_app .unit_bx .right_inputs { display: flex; flex-wrap: wrap; align-items: center; width: 100%; margin-left: 0; margin-top: 15px; gap: 10px; }
	#business_app .unit_bx .right_inputs > .input_set { display: flex; align-items: center; gap: 4px; }
	#business_app .unit_bx .right_inputs > input[type="text"] { height: 40px; border-radius: 8px; border: 1px solid #ccc; padding: 0 10px; }
	#business_app .unit_bx .right_inputs > .input_set:first-child input { width: 60px; }
	#business_app .unit_bx .right_inputs > .wide_input { width: 100px !important; }

	
	/* #business_app .addr2 { flex-wrap: wrap;  }
	#business_app .addr2 input[name="cor_addr1"] { flex: 1 0 100%;  order: 1; }
	#business_app .addr2 input[name="cor_addr2"] { flex: 1; order: 2; }
	#business_app .addr2 .btn_search { order: 3; width: 100%;  text-align: center; } */

}