@charset "utf-8";

/* ---------------------------------- *
    * COMMON
 * ---------------------------------- */
@font-face {
    font-family: 'SchoolSafetyRoundedSmile';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimDunggeunmisoTTF-R.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SchoolSafetyRoundedSmile';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimDunggeunmisoTTF-B.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

.sub_contents{display:flex; align-items:flex-start;justify-content:space-between; padding:80px 0 240px;}

.sub_menu{width:300px;}
.sub_menu .submenu_tit{background-color:var(--mainColor1); padding:40px 20px 50px; border-radius:30px 30px 0 0;}
.sub_menu .submenu_tit h2{font-size:3.0rem; font-weight:600; color:#fff; line-height:3.4rem; text-align:center;}
.sub_menu .submenu_con{background-color:#fff; padding:20px; border-radius:30px; border:1px solid #ddd; position:relative; top:-30px;}
.sub_menu .submenu_con ul li:last-child{margin-bottom:15px;}
.sub_menu .submenu_con ul li .submenu01{display:flex; align-items:center; justify-content:space-between; font-size:1.8rem; font-weight:500; line-height:2.4rem; padding:15px 10px; border-bottom:1px solid #ddd;}
.sub_menu .submenu_con ul li .submenu01 .arrow{padding:6px; border-radius:20px; background-color:#eaeaea; line-height:0;}
.sub_menu .submenu_con ul li .submenu01 .arrow img{width:10px; opacity:0.6;}
.sub_menu .submenu_con ul li dl{padding:15px 10px; border-bottom:1px solid #ddd; display:none;}
.sub_menu .submenu_con ul li dl dd{padding:5px 10px 5px 20px; border-radius:5px; position:relative;}
.sub_menu .submenu_con ul li dl dd:after{content:''; width:4px; height:4px; border-radius:4px; background-color:#333; position:absolute; top:15px; left:10px;}
.sub_menu .submenu_con ul li dl dd a{display:inline-block; font-size:1.6rem; line-height:2.2rem; color:#333;} 
.sub_menu .submenu_con ul li dl dd.on{background-color:#dff3f2;}
.sub_menu .submenu_con ul li dl dd.on a{font-weight:500;}
.sub_menu .submenu_con ul li.on .submenu01{color:var(--mainColor2);}
.sub_menu .submenu_con ul li.on .submenu01 .arrow{transform:rotate(-180deg); background-color:var(--mainColor2);}
.sub_menu .submenu_con ul li.on .submenu01 .arrow img{filter:invert(100%); opacity:1;}

.s_con{width:calc(100% - 300px); padding-left:5%;}

.s_tit{align-items:flex-end; justify-content:space-between; padding-bottom:20px; margin-bottom:60px; border-bottom:1px solid #e0e0e0;}
.s_tit h2{font-size:4.0rem; font-weight:700; line-height:4.0rem;}
.s_tit ul{align-items:center; gap:30px; margin-top:15px;}
.s_tit ul li{font-size:1.6rem; font-weight:500; color:#969696; position:relative;}
.s_tit ul li:after{content:''; width:10px; height:10px; background:url('../img/main/aw_right.svg') no-repeat center; background-size:cover; position:absolute; top:50%; right:-20px; margin-top:-5px; opacity:0.2;}
.s_tit ul li:first-child{line-height:0;}
.s_tit ul li:last-child{color:#000;}
.s_tit ul li:last-child::after{display:none;}
.s_tit ul li img{width:15px; opacity:0.6;}
.s_tit p{width:100%; padding-left:10px; font-size:1.8rem; line-height:2.2rem; color:#333; margin-top:15px; position:relative;}
.s_tit p:after{content:''; width:4px; height:4px; border-radius:4px; background-color:var(--mainColor1); position:absolute; top:10px; left:0;}

.sub_tab{margin-bottom:50px;}
.sub_tab ul{grid-template-columns:repeat(auto-fit, minmax(33.33%, auto)); align-items:stretch;}
.sub_tab ul li a{display:block; font-size:2.0rem; font-weight:500; line-height:3.0rem; text-align:center; color:#a4a4a4; padding:20px 10px; border:1px solid var(--mainColor2); border-width:1px 0 1px 1px;}
.sub_tab ul li:first-child a{border-radius:15px 0 0 15px;}
.sub_tab ul li:last-child a{border-width:1px 1px; border-radius:0 15px 15px 0;}
.sub_tab ul li.active a{font-weight:600; color:#fff; background-color:var(--mainColor2);}

span.bg_mint::after{background-color: #d8fbf7;}
span.bg_blue::after{background-color: #e0e8ff;}
span.bg_pink::after{background-color: #fff4f8;}

.t_blue{color:#2354d1 !important;}
.t_mint{color:#26928c !important;}
.t_red{color:#f13232 !important;}

.sec_tit{font-size: 3.0rem; font-weight: 600;line-height: 3rem; padding-bottom: 30px;} 
.sec_tit > span{ position: relative;}
.sec_tit > span::after{content: ""; position: absolute; bottom: -5px;left: 0; width: 100%; height: 20px; border-radius: 100px;z-index: -1;}
.t_left{text-align: left !important;}
.t_bold{font-weight: 600;}
.pl_80{padding-left: 80px;}
.pl_45{padding-left: 45px;}
.txt_xs{font-size: 1.4rem;}

span.smtxt{font-size: 1.6rem; line-height: 1.6rem;font-weight: 400;}
span.bar{display: inline-block;padding-right:10px;margin-right:10px;position: relative;}
span.bar:after{display:block;content:'';width: 1px;height: 15px;background-color:#b2b2b2;position:absolute;top: 5px;right:0;} 
.gap {height: 10px; display: block;}
.s_notice > span{display: block; padding-top: 3px; position: relative; padding-left: 12px;}
.s_notice > span::after{display: block;content: "-"; position: absolute; top: 0; left: 0;}

.dot_type > p{position: relative;padding-left: 13px; margin-top: 5px;}
.dot_type > p::after {display: block;content: "";width: 4px;height: 4px;background-color:#000;position: absolute; top:10px; left: 0px;border-radius: 4px;}
.dot_type > p:first-child{margin-top: 0;}

.step_box{gap: 20px;}
.step_box li{width: calc(25% - 15px);min-height: 135px;background-color: #f7f7f7;text-align: center;border-radius: 10px;position: relative;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.step_box li:after{content: ""; position: absolute; top: 50%; right:-13.5px;width: 0;height: 0;border-style: solid;border-width: 5.5px 0px 5.5px 7px;border-color: transparent transparent transparent #2f2f2f; margin-top: -5.5px;}
.step_box li:last-child::after{display: none;}
.step_box li > b{position: absolute; top: 0; left: 0; background-color: #58b9b4; color: #fff; font-size: 1.4rem; line-height: 1.4rem; font-weight: 500; width: 60px; padding: 6px 0; border-top-left-radius: 10px;border-bottom-right-radius: 10px;}
.step_box li > p{padding-top: 5px; font-size: 1.6rem; line-height: 2.2rem;}
.step_box li:nth-child(4n):after{display: none;}
.step_box.step_box5 li{width: calc(20% - 16px);}
.step_box.step_box5 li:nth-child(4):after{display: block;}
.step_box.step_box6 li{width: calc(16.666% - 17px);}
.step_box.step_box6 li:nth-child(4):after{display: block;}

.alert_box{background-color: #a1c42c; width: 100%; padding: 7px 10px;text-align: center;font-size: 1.4rem; line-height: 1.5rem; color: #fff; font-weight: 500;}
.alert_box > span{position: relative;padding-left: 25px;}
.alert_box > span::after{content:''; width:18px; height:16px; background:url(../img/contents/ic_alert.svg) no-repeat center; background-size:cover; position:absolute; top:3px; left:0;}

.alert_box02{ width: 100%; padding: 40px 20px; border-radius: 15px; border: 1px solid #d5d5d5; text-align: center; font-size: 1.8rem;line-height:2.4rem; font-weight: 400;}
.alert_box02 > span{position: relative;padding-left: 26px;}
.alert_box02 > span::after{content:''; width:20px; height:20px; background:url(../img/contents/ic_alert02.png) no-repeat center; background-size:cover; position:absolute; top:4px; left:0;}

.info_card {border-radius: 20px; padding: 40px 30px 30px 40px; border: 1px solid #f6ab00; width: 100%;margin-top: 40px;}
.info_card .txt{width: calc(100% - 140px); padding-left: 40px;}
.info_card .txt > b{font-size: 2.4rem; line-height: 3.0rem;font-weight: 500;}
.info_card .txt > p{font-size: 1.8rem;line-height: 2.4rem; padding: 5px 0 20px;}
.info_card .txt .dot_type{ background-color: #f7f7f7; padding:30px; border-radius: 10px;font-size: 1.8rem;line-height: 2.4rem;}

.s_desc{padding-bottom: 20px;}
.s_desc span{display:inline-block; font-size: 3.0rem; font-weight: 600;line-height: 3rem; padding-left:28px; background:url(../img/contents/ic_desc.png) no-repeat left 7px;}

.tab_nav{cursor: pointer;}
.tab_con {display: none;}
.tab_con.active {display: block;}

.sub_tbl table{border-top:1px solid #000;}
.sub_tbl thead th{background-color:#f8f8f8; font-weight:500; color: #000;}
.sub_tbl th, .sub_tbl td{padding:25px 15px; font-size:1.8rem; line-height:2.4rem;text-align:center; border:1px solid #dcdcdc; border-width:0 1px 1px 0;color:#5a5a5a;}
.sub_tbl th:last-child, .sub_tbl td:last-child{border-right: 0;}
.sub_tbl td > .fl-box {gap: 10px 20px;}
.sub_tbl td > .fl-box > p{position: relative; text-align: left; padding-left: 15px; }
.sub_tbl td > .fl-box > p:after{content:''; width:9px; height:9px; border-radius:100px; background-color:#0bd5be; position:absolute; top:8px; left:0;}
.td_r{border-right:1px solid #dcdcdc !important; }

.sub_tbl02 table{border-top:2px solid #000;}
.sub_tbl02 th, .sub_tbl02 td{padding:15px; font-size:1.8rem; line-height:2.4rem; border:1px solid #dcdcdc; border-width:0 1px 1px 0;color:#5a5a5a;}
.sub_tbl02 td:last-child{border-width:0 0 1px 0;}
.sub_tbl02 tbody th{background-color:#f8f8f8; font-weight:500; color: #000;}

.page_ready{padding:150px 30px; border-radius:30px; background-color:#f8f8f8; text-align:center;}
.page_ready img{width:60%; max-width:300px; filter:grayscale(1) opacity(0.5)}
.page_ready h2{font-size:4.0rem; line-height:4.2rem; color:#bbb; margin-top:30px;}


/* ---------------------------------- *
    * 사업안내
 * ---------------------------------- */
.biz_con{padding: 60px 0; border-bottom: 1px dashed #cfcfcf;}
.biz_con:first-child{padding-top: 0; }
.biz_con:last-child{padding-bottom: 0; border-bottom: 0;}
.biz_con figure{ width: 100%; max-width: 450px; border-radius:20px; overflow: hidden; display: flex;align-items: center;justify-content: center; margin-top: 15px;}
.biz_con figure:first-child{margin-top: 0;}
.biz_con figure img {width: 100%;height: 100%;object-fit: cover; object-position:center;}
.biz_con .r_box{width: calc(100% - 450px); padding-left: 60px;}
.biz_con .r_box dl{padding-top: 30px;}
.biz_con .r_box dl:first-child{padding-top: 0;}
.biz_con .r_box dl dt span{display:inline-block; font-size:2.0rem; font-weight:500; line-height:3.0rem; padding-left:25px; background:url(../img/contents/ic_ck.png) no-repeat left 3px;}
.biz_con .r_box dl dd{font-size: 1.8rem; line-height: 2.5rem; color: #504f4f; padding-top: 5px;}
.biz_con .step_box{padding-top: 5px;}
.biz_con .sub_tit{padding-bottom: 30px; border-bottom: 1px solid #dcdcdc;}
.biz_con .sub_tit > b{ font-size: 2.6rem; line-height: 3.0rem;    font-weight: 600;}
.biz_con .sub_tit > p{font-size: 1.8rem; line-height: 2.5rem; padding-top: 10px;}
.biz_tit{text-align: center; padding-bottom: 10px;}
.biz_tit > p{font-size: 1.8rem; line-height: 2.5rem;}
.biz_tit > .img{padding-top: 50px;}
.biz_tit img{max-width: 100%;}

/* ---------------------------------- *
    * 기관안내
 * ---------------------------------- */
.sub_con{padding-top: 80px;}
.sub_con:first-child{padding-top: 0;}
.org_top{color: #fff;font-size: 2.6rem;line-height: 3.0rem;font-weight: 600;background:url(../img/contents/org_bg.png) no-repeat center / cover;width: 190px;height: 176px;display: flex;justify-content: center;flex-wrap: wrap;align-content: center;}
.org_s_01{background-color: #0bd5be;color: #fff; font-size: 2.0rem; line-height: 3.0rem;font-weight: 500;border-radius: 5px;padding: 15px 5px;text-align: center;}
.org_s_01 > p{position: relative;}
.org_s_01 > p::after{content: ""; position: absolute; background-color: #8ec63f; width: 42px; height: 42px; border-radius: 100px; opacity: 0.2; z-index: 3;}
.org_s_01 > p::before{content: ""; position: absolute; background-color: #fff; width: 15px; height: 15px; border-radius: 100px; border: 3px solid #8ec63f; z-index: 4;}

.greeting_wrap .tit_wrap{padding-bottom: 40px;}
.greeting_wrap .sec_tit{font-size: 3.6rem; line-height: 3.6rem; padding-top: 20px;}
.greeting_wrap > .fl-box{justify-content: space-between;}
.greeting_wrap > .fl-box > .l_box{width: 44%; padding-right: 30px;}
.greeting_wrap > .fl-box > .r_box{width: 56%;}
.greeting_wrap > .fl-box > .r_box > img{width: 100%;}
.greeting_wrap > .fl-box .t_txt{font-size: 2.4rem; line-height: 3.2rem;font-weight: 500;word-break: keep-all;}
.greeting_wrap > .fl-box .m_txt p{font-size: 1.8rem; line-height: 2.5rem; color: #363636; word-break: keep-all; padding-top: 40px;}
.greeting_wrap > .fl-box .b_txt{font-size: 2.0rem; line-height: 2.6rem; font-weight: 400; padding-top: 40px;}

.operating_org_01 .logo_box{ width: 100%; padding: 80px 30px; background-color: #f8f8f8; border-radius: 30px;text-align: center;}
.operating_org_01 .logo_box img{width: 100%; max-width: 310px;}
.operating_org_01 > div.fl-box{padding-top: 25px; gap: 60px;}
.operating_org_01 > div.fl-box > .s_detail{width: calc(50% - 30px);}
.operating_org_01 .s_detail > dl{font-size: 1.8rem; line-height: 2.5rem; padding-top: 15px;grid-template-columns: 115px 1fr;}
.operating_org_01 .s_detail.r_box > dl{grid-template-columns: 150px 1fr;}
.operating_org_01 .dot_type > p{margin-top: 0;font-weight: 500;}
.operating_org_01 .dot_type > p::after{top: 12px;}
.operating_org_02 > div.fl-box {gap: 30px;}
.operating_org_02 .s_detail{width: calc(50% - 15px); border-top-left-radius: 30px; border-bottom-right-radius: 30px; overflow: hidden;}
.operating_org_02 .s_detail b{display: inline-block;font-size: 2.0rem;line-height: 2.6rem; color: #fff; width: 320px; padding: 20px 10px; text-align: center; font-weight: 500;border-bottom-right-radius: 30px;}
.operating_org_02 .s_detail p{font-size: 1.8rem; line-height: 2.5rem; padding: 30px; }
.operating_org_02 .s_detail:nth-child(1){background-color: #d8fbf7;}
.operating_org_02 .s_detail:nth-child(1) b{ background-color: #0bd5be;}
.operating_org_02 .s_detail:nth-child(2){background-color: #fffcee;}
.operating_org_02 .s_detail:nth-child(2) b{ background-color: #e1be1b;}
.operating_org_02 .s_detail:nth-child(3){background-color: #f3f6ff;}
.operating_org_02 .s_detail:nth-child(3) b{ background-color: #6d90f8;}
.operating_org_02 .s_detail:nth-child(4){background-color: #fdf3ff;}
.operating_org_02 .s_detail:nth-child(4) b{ background-color: #d857f2;}
.operating_org_03 .org_01{background-color: #fec00e; color: #fff; font-size: 2.6rem; line-height: 3.0rem; font-weight: 600; border-radius: 5px; max-width: 220px; padding: 15px 10px; margin: 0 auto;text-align: center;}
.operating_org_03 .org_line{width: 1px; height: 45px; background-color: #ddd; margin: 0 auto;}
.operating_org_03 .org_02{position: relative; padding: 25px 0;}
.operating_org_03 .org_02::after{content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background-color: #ddd; margin-left: -0.5px; z-index: -1;}
.operating_org_03 .org_02 .org_top{position: absolute; top: 50%; left: 50%; margin-top: -95px; margin-left: -88px;}
.operating_org_03 .org_02 .org_s_box{gap: 250px;}
.operating_org_03 .org_02 .org_s_box > div.fl-box{width: calc(50% - 125px);}
.operating_org_03 .org_03{position: relative;}
.operating_org_03 .org_03::after{content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 50%; background-color: #ddd; margin-left: -0.5px; z-index: -1;}
.operating_org_03 .org_03 .org_s_box{gap: 100px;}
.operating_org_03 .org_03 .org_s_box > div.fl-box{width: calc(50% - 50px);}
.operating_org_03 .org_03 .org_s_box > div.fl-box:first-child .org_s_02{ padding-left: 50px;}
.operating_org_03 .org_con .org_s_box > div.fl-box{align-items: center;gap: 60px;}
.operating_org_03 .org_s_01 {width: calc(45% - 30px); position: relative;}
.operating_org_03 .org_s_01::after{content: ""; position: absolute; top: 50%; width: 31px; height:1px; background-color: #ddd; margin-top: -0.5px; z-index: -1;}
.operating_org_03 .org_s_box > div.fl-box:nth-child(1) .org_s_01::after{left: -31px;}
.operating_org_03 .org_s_box > div.fl-box:nth-child(2) .org_s_01::after{right: -31px;}
.operating_org_03 .org_s_01::before{content: ""; position: absolute; top: 50%; width: 90px; height:1px; background-color: #ddd; margin-top: -0.5px; z-index: -1;}
.operating_org_03 .org_s_box > div.fl-box:nth-child(1) .org_s_01::before{right: -90px;}
.operating_org_03 .org_s_box > div.fl-box:nth-child(2) .org_s_01::before{left: -90px;}
.operating_org_03 .org_s_box > div.fl-box:nth-child(1) .org_s_01 > p::before{right: -14.5px;top: 50%;margin-top: -10.5px;}
.operating_org_03 .org_s_box > div.fl-box:nth-child(1) .org_s_01 > p::after{right: -25px;top: 50%;margin-top: -21px;}
.operating_org_03 .org_s_box > div.fl-box:nth-child(2) .org_s_01 > p::before{left: -14.5px;top: 50%;margin-top: -10.5px;}
.operating_org_03 .org_s_box > div.fl-box:nth-child(2) .org_s_01 > p::after{left: -25px;top: 50%;margin-top: -21px;}
.operating_org_03 .org_s_02 {width: calc(55% - 30px);position: relative;}
.operating_org_03 .org_s_02::after{content: ""; position: absolute; top: 0; width:1px; height: 100%; background-color: #ddd; z-index: -1;}
.operating_org_03 .org_s_box > div.fl-box:nth-child(1) .org_s_02::after{right: -30px;}
.operating_org_03 .org_s_box > div.fl-box:nth-child(2) .org_s_02::after{left:-30px;}
.operating_org_03 .org_s_02 li{margin-top: 10px; position: relative;}
.operating_org_03 .org_s_02 li:first-child{margin-top: 0;}
.operating_org_03 .org_s_02 li::after{content: ""; position: absolute; top: 50%; width:100%; height:1px; background-color: #ddd; margin-top: -0.5px; z-index: -1;}
.operating_org_03 .org_s_box > div.fl-box:nth-child(1) .org_s_02 li::after{right: -31px;}
.operating_org_03 .org_s_box > div.fl-box:nth-child(2) .org_s_02 li::after{left:-31px;}
.operating_org_03 .org_s_02 li:first-child::before{content: ""; position: absolute; top: 0; background-color: #fff; width: 3px; height: 50%;  }
.operating_org_03 .org_s_02 li:last-child::before{content: ""; position: absolute; bottom: 0; background-color: #fff; width: 3px; height: 49%;  }
.operating_org_03 .org_s_box > div.fl-box:nth-child(1) .org_s_02 li:first-child::before, .operating_org_03 .org_s_box > div.fl-box:nth-child(1) .org_s_02 li:last-child::before{right: -32px;}
.operating_org_03 .org_s_box > div.fl-box:nth-child(2) .org_s_02 li:first-child::before, .operating_org_03 .org_s_box > div.fl-box:nth-child(2) .org_s_02 li:last-child::before{left:-32px;}
.org_s_02 li{ width: 100%; background-color: #fff; color: #0bd5be; border: 2px solid #0bd5be; font-size: 2.0rem; line-height: 3.0rem;font-weight: 500;border-radius: 5px;padding: 15px 5px;text-align: center;}
.operating_org_04 .si_box{ background-color: #f8f8f8; border-radius: 30px; padding: 50px 30px; }
.operating_org_04 .si_box .t_txt{ font-size: 2.0rem; line-height: 2.6rem; font-weight: 500; color: #0bd5be; text-align: center;}
.operating_org_04 .si_con{ padding: 110px 0; margin-top: 60px; position: relative;}
.operating_org_04 .si_img{ text-align: center; position: relative; z-index: 2;}
.operating_org_04 .si_point{position: absolute; top: 50%; left: 50%; margin-top: -124px; margin-left: -268px; z-index:1;}
.operating_org_04 .si_con .txt{position: absolute;top: 0;left: 0;width: 100%; height: 100%;}
.operating_org_04 .si_con .txt p{position: absolute; font-size: 1.8rem; line-height: 2.5rem; }
.operating_org_04 .si_con .txt p span{font-size: 2.2rem; color: #008349; font-weight: 500; position: relative;}
.operating_org_04 .si_con .txt p span::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px;background-color: #02834a;}
.operating_org_04 .si_con .txt p:nth-child(1){top: 45px;left: 127px;}
.operating_org_04 .si_con .txt p:nth-child(2){ top: 20px; right: 0;}
.operating_org_04 .si_con .txt p:nth-child(3){ bottom: 8px; left: 0;}
.operating_org_04 .si_con .txt p:nth-child(4){bottom: 86px;right: 63px;}
.operating_org_05 .s_detail > div.fl-box{gap: 50px; padding: 30px 0;}
.operating_org_05 .s_detail > div.fl-box:first-child{padding-top: 0;}
.operating_org_05 .l_box{width: 350px;height: 250px;display: flex;background-color: #f8f8f8;border-radius: 30px;justify-content: center;align-items: center;}
.operating_org_05 .r_box{width: calc(100% - 400px); position: relative;}
.operating_org_05 .r_box::after{content: ""; position: absolute; bottom: -30px; left: 0; width: 100%; height: 1px; background-color: #8ec63f;}
.operating_org_05 .r_box > b{font-size: 2.2rem; line-height: 3.0rem; font-weight: 500;}
.operating_org_05 .r_box > p{font-size: 1.8rem; line-height: 2.5rem; color: #343434; padding-top: 10px;}
.operating_org_05 .r_box > dl{font-size: 1.8rem; line-height: 2.5rem; padding-top: 10px;grid-template-columns: max-content 1fr;color: #343434;}
.operating_org_05 .r_box > dl > dt{font-weight: 500;}
.operating_org_05 .dot_type > p::after{top: 12px;}

.mission .sub_con > .fl-box{padding-top: 20px;}
.mission_01 .ic_logo{position: relative; text-align: center;}
.mission_01 .ic_logo::after{content: ""; position: absolute; bottom: 5px; left:50%; width: 320px; height: 20px; margin-left: -160px; z-index: -1; background-color: #d8fbf7; border-radius: 100px;}
.mission_01 .s_detail{padding-top: 80px;}
.mission_01 .s_detail .s_box{position: relative; width: 100%; max-width: 800px; margin: 0 auto; padding: 30px 30px 30px 305px; border-radius: 30px; margin-top: 40px;box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.26); }
.mission_01 .s_detail .s_box .l_box{position: absolute; font-family:'Poppins'; top: -15px; left: 20px; font-size: 2.4rem; color: #fff; font-weight: 600; text-align: center; border-radius: 30px; width: 265px; padding: 30px;  }
.mission_01 .s_detail .s_box .r_box{font-size: 2.2rem; line-height: 2.3rem; font-weight: 500;}
.mission_01 .s_detail .s_box:nth-child(1){background-color: #dcf4bb; margin-top: 0;}
.mission_01 .s_detail .s_box:nth-child(2){background-color: #d8fbf7;}
.mission_01 .s_detail .s_box:nth-child(1) .l_box{background-color: #8ec63f;}
.mission_01 .s_detail .s_box:nth-child(2) .l_box{background-color: #53e1db;}
.mission_01 .s_detail .s_box:nth-child(1) .r_box{color: #375808;}
.mission_01 .s_detail .s_box:nth-child(2) .r_box{color: #056b67;}
.mission_02 > .fl-box{gap: 35px;justify-content: center; position: relative; }
.mission_02 > .fl-box::after{content: ""; position: absolute; bottom: -20px; left: 50%; width: 860px; height: 75px; margin-left: -430px; background-color: #f9f9f9;border-radius: 30px; box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.26); z-index: -1; }
.mission_02 .s_box{position: relative;}
.mission_02 .s_box > p{position: absolute;left: 0;top: 50%;font-size: 2.2rem;line-height: 2.3rem;color: #3a4d4c;font-weight: 500;width: 100%;text-align: center;margin-top: -14px;}
.mission_03 > .fl-box{gap: 20px; }
.mission_03 .s_box{width: calc(25% - 15px);padding: 40px 15px;background-color: #f9f9f9;border-radius: 30px;box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.26);font-size: 2.0rem;line-height: 3.0rem;font-weight: 500;text-align: center;display: flex;justify-content: center;align-items: center;}
.mission_04 > .fl-box{justify-content: center; }
.mission_04 .s_box{position: relative;width: 204px; height: 210px; margin-right: 30px; margin-bottom: 40px; padding-top: 40px; text-align: center;}
.mission_04 .s_box:last-child{margin-right: 0;}
.mission_04 .s_box .s_bg{position: absolute;top: 0; left: 0; z-index: -1;}
.mission_04 .s_box .s_bg::after{content: ""; position: absolute; bottom: -40px; left: -15px;background: url(../img/contents/mission04_shadow.png) no-repeat center / cover;;width: 230px; height: 25px;}
.mission_04 .s_box > p{font-size: 1.8rem; line-height: 2.5rem; padding-top: 5px; }
.mission_05 > .fl-box{gap:30px 10px;justify-content: center; position: relative;padding-bottom: 40px;}
.mission_05 > .fl-box::after{content: ""; position: absolute; bottom:0; left: 50%;background: url(../img/contents/mission05_bg00.png) no-repeat center / cover; width:980px; height:305px; margin-left: -490px;}
.mission_05 .s_box .s_ic{padding-bottom: 25px; text-align: center;}
.mission_05 .s_box .s_txt{position: relative;width: 215px;height: 201px;font-size: 1.8rem;line-height: 2.5rem;text-align: center;padding-top: 25px;display: flex;align-items: center;justify-content: center; margin: 0 auto;}
.mission_05 .s_box .s_txt span{font-size: 2.2rem; color: #fff; font-weight: 500;}
.mission_05 .s_box .s_txt .s_bg{position: absolute; top: 0; left: 0; width: 100%; z-index: -1;}
.mission_05 .s_box .s_txt .s_bg img{width: 100%;}
.mission_06 > .fl-box{gap: 15px;}
.mission_06 .s_box{position: relative; width: 100%; padding-left: 40px;}
.mission_06 .s_box .r_box{font-size: 2.4rem; line-height: 3.0rem; font-weight: 400; border-radius: 30px; width: 100%; padding: 30px 10px 30px 85px;}
.mission_06 .s_box:nth-child(2n-1) .r_box{background-color: #dcf4bb;}
.mission_06 .s_box:nth-child(2n) .r_box{background-color: #d8fbf7;}
.mission_06 .s_box .l_box{font-size: 2.8rem; font-weight: 500; color: #fff; position: absolute; top: -5px; left: 0; width: 112px; height: 96px;padding: 29px;}
.mission_06 .s_box:nth-child(2n-1) .l_box{background: url(../img/contents/mission06_bg01.png) no-repeat center / cover;}
.mission_06 .s_box:nth-child(2n) .l_box{background: url(../img/contents/mission06_bg02.png) no-repeat center / cover;}

.history_wrap .sec_tit{font-weight: 500;line-height: 5.5rem;text-align: center;} 
.history_wrap .sub_con {padding-top: 40px;}
.history_wrap .sub_con > div.fl-box{justify-content: space-between; padding-top: 70px;}
.history_wrap .sub_con > div.fl-box:first-child{padding-top: 0;}
.history_wrap .sub_con .l_box{ font-family:'Poppins'; font-size: 4.2rem; line-height: 5rem; font-weight: 600; color: #8ec63f;}
.history_wrap .sub_con .r_box{width: calc(100% - 190px);}
.history_wrap .sub_con .r_box > dl.fl-box{flex-wrap: nowrap; position: relative; padding-bottom: 25px; padding-left: 35px; border-left: 1px solid #e0e0e0;}
.history_wrap .sub_con .r_box > dl.fl-box:last-child{padding-bottom: 0; border-left-color:transparent;}
.history_wrap .sub_con .r_box > dl.fl-box::after{content: ""; position: absolute; left: -4.5px; top:9px; width: 9px; height: 9px; border-radius: 100px; background-color:#8ec63f ; z-index: 2;}
.history_wrap .sub_con .r_box > dl.fl-box:first-child::after{background: url(../img/contents/ic_desc.png) no-repeat center / cover; top:0; left: -10px; width:20px; height:20px; border-radius: 0;}
.history_wrap .sub_con .r_box > dl.fl-box:last-child::before{content: ""; position: absolute; left: -1px; top: 0; width: 1px; height: 9px; background-color:#e0e0e0; z-index: 1; }
.history_wrap .sub_con .r_box dt{font-size: 2.2rem;line-height: 2.5rem; font-weight: 600; color: #22b8b0;}
.history_wrap .sub_con .r_box dd{font-size: 1.8rem;line-height: 2.5rem; padding-left: 20px;}

.org_chart .org_top{margin: 0 auto;}
.org_chart .org_top b{width: 100%; text-align: center; font-weight: 600;}
.org_chart .org_top p{width: 100%; text-align: center; font-weight: 400; padding-top: 10px;}
.org_chart .tab_wrap > ul.fl-box{justify-content: center; padding-top: 30px; position: relative;}
.org_chart .tab_wrap > ul.fl-box::after{content: ""; position: absolute; top: -10px; left: 50%; width: 1px; height:40px; background-color: #ddd; margin-left: -0.5px; }
.org_chart .tab_wrap .tab_nav{position: relative; padding: 35px 50px 0; width: 33.333%;}
.org_chart .tab_wrap .tab_nav::after{content: ""; position: absolute; top:0; left: 0; width: 100%; height: 1px; background-color: #ddd;}
.org_chart .tab_wrap .tab_nav:first-child::before{content: ""; position: absolute; top: 0; left: 0; width: 50%; height: 1px; background-color: #fff; z-index: 1;}
.org_chart .tab_wrap .tab_nav:last-child::before{content: ""; position: absolute; top: 0; right: 0; width: 50%; height: 1px; background-color: #fff; z-index: 1;}
.org_chart .org_s_01{position: relative; width: 210px; margin: 0 auto;}
.org_chart .org_s_01::after{content: ""; position: absolute; top: -35px; left: 50%; width: 1px; height: 40px;  background-color: #ddd; z-index: 2; }
.org_chart .org_s_01 > p::before{left:50%;top:-25px;margin-top:0;margin-left: -10.5px;}
.org_chart .org_s_01 > p::after{left:50%;top:-35px;margin-top:0;margin-left: -21px;}

.fac_info .tab_wrap{width: 100%; max-width: 950px;margin: 0 auto;}
.fac_info .tab_wrap > .gr-box{grid-auto-flow: column;gap: 30px;}
.fac_info .tab_nav{font-size: 2.4rem; color: #504f4f; padding-bottom: 15px; border-bottom: 1px solid #dcdcdc; text-align: center;}
.fac_info .tab_nav.active{font-weight: 600; color: #22b8b0;border-bottom: 3px solid #0bd5be;}
.fac_info .tab_con > .fl-box{padding: 80px 0 60px; gap: 40px;}
.fac_info .tab_con > .fl-box .s_box{ width: calc(25% - 30px);}
.fac_info .tab_con > .fl-box .s_box p{padding-top: 15px; font-size: 1.6rem; color: #5a5a5a; text-align: center; }
.fac_info .tab_con > .fl-box .s_box figure{width: 100%; overflow: hidden;aspect-ratio: 280 / 170; display: flex;}
.fac_info .tab_con > .fl-box .s_box figure img {width: 100%;height: 100%;object-fit: cover; object-position:center;}
.fac_info .biz_con .sub_tbl th, .fac_info .biz_con .sub_tbl td{padding: 25px 4px;word-break: break-all;}
.fac_info .biz_con .t_red{font-weight: 400;}
.visit_apply .sec_tit{font-weight: 500;line-height: 5.5rem;text-align: center;} 
.visit_apply .r_box{padding-left: 0; width: 100%;}
.visit_apply .biz_con{border-bottom:none; padding: 40px 0;}
.visit_apply .biz_con .r_box dl:first-child{padding-top: 0;}
.fac_info .tab_con{padding-top: 60px;}
.fac_info .tab_con > figure{text-align: center;}
.fac_info .tab_con > figure img{width: 100%; max-width: 800px;}

.fac_rent .biz_con .r_box dl:first-child{padding-top: 0;}
.fac_rent .biz_con .r_box{padding:0 0 60px; width: 100%;}
.fac_rent .txt_xs{padding: 10px 15px 0;}
.fac_rent .pl20 p{padding-top: 5px;}
.fac_rent .pl20 p:last-child{padding-bottom: 5px;}

.location .tab_wrap{padding-bottom: 50px;}
.location .tab_wrap ul{grid-template-columns:repeat(auto-fit, minmax(50%, auto)); align-items:stretch;}
.location .tab_wrap ul li{font-size:2.0rem; font-weight:500; line-height:3.0rem; text-align:center; color:#a4a4a4; padding:20px 10px; border:1px solid var(--mainColor2); border-width:1px 0 1px 1px;}
.location .tab_wrap ul li:first-child{border-radius:15px 0 0 15px;}
.location .tab_wrap ul li:last-child{border-width:1px 1px; border-radius:0 15px 15px 0;}
.location .tab_wrap ul li.active{font-weight:600; color:#fff; background-color:var(--mainColor2);}
.location .map{display: flex; height: 500px;}
.location .map iframe{width: 100%; height: 100%;}
.location .map_img{border: 1px solid #dcdcdc;}
.location .map_img .s_detail{border-top: 1px solid #dcdcdc; font-size: 1.8rem;line-height: 2.5rem;justify-content: space-between;flex-wrap: nowrap;}
.location .map_img .s_detail > .fl-box{padding: 25px 30px; gap: 5px 70px;}
.location .map_img .s_detail > .fl-box dt{font-weight: 500; position: relative;padding-right: 20px; margin-right: 20px;}
.location .map_img .s_detail > .fl-box dt::after{content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 14px; margin-top: -7px; background-color: #bbb;}
.location .map_img .s_detail > .fl-box dd{color:#5a5a5a;}
.location .map_img .s_detail > a{width: 160px;background-color: #3164fe;display: flex;justify-content: center;align-items: center; color: #fff;}
.location .map_img .s_detail > a i{display: flex; padding-right: 7px;}
.location .map_img .s_detail > a i img{filter: invert(100%);}
.location .access_info{padding-top: 60px;}
.location .access_info .s_box > .fl-box{padding: 50px 0; border-bottom: 1px dashed #cfcfcf;}
.location .access_info .s_box > .fl-box:first-child{padding-top: 30px;}
.location .access_info .s_box > .fl-box:last-child{border-bottom: 0; padding-bottom: 0;}
.location .access_info .l_box{ width: 180px; text-align: center;}
.location .access_info .r_box{width: calc(100% - 180px);} 
.location .access_info .r_box dt{font-size: 2.0rem; font-weight: 500; padding-bottom: 15px;}
.location .access_info .r_box dd{font-size: 1.8rem;line-height: 2.5rem;color:#5a5a5a;}

/* ---------------------------------- *
    * 후원ㆍ자원봉사
* ---------------------------------- */
.don_info .t_box{padding-top: 100px; }
.don_info .t_box > p{font-size: 3.6rem; line-height: 3.6rem; font-weight: 700; color: #ff6c3d; padding-bottom: 15px; word-break: keep-all; font-family: 'SchoolSafetyRoundedSmile'; }
.don_info .bg_box{position: relative;}
.don_info .bg_box .img_01{background: url(../img/contents/don_bg.jpg) no-repeat center / cover; width: 100%; max-width: 1240px; height: 182px; border-radius: 15px; overflow: hidden;}
.don_info .bg_box .img_02{position: absolute; bottom: 0;right: 100px;display: flex;}
.don_info .biz_con .r_box{padding:0 0 60px; width: 100%;}
.don_info .biz_con .r_box dl:first-child{padding-top: 0;}
.don_info .sub_tbl02 .t_mint{font-size: 1.4rem; }
.acc_info{border-top: 2px solid #000; border-bottom: 1px solid #dcdcdc; padding: 20px; align-items: center; justify-content: center;}
.acc_info > b{font-size: 2.4rem; line-height: 3.0rem; font-weight: 400; color: #46aca7; padding:0 3px 0 10px;}
.acc_info > i{display: flex;}
.don_info .dot_type .t_mint{font-size: 2.4rem; font-weight: 400;}

.vlt_info .t_box{padding-top: 100px; }
.vlt_info .t_box > p{font-size: 3.6rem; line-height: 3.6rem; font-weight: 700; color: #37aaa4; padding-bottom: 15px; word-break: keep-all; font-family: 'SchoolSafetyRoundedSmile'; }
.vlt_info .bg_box{position: relative;}
.vlt_info .bg_box .img_bg{background: url(../img/contents/vlt_bg.jpg) no-repeat center / cover; width: 100%; max-width: 1240px; height: 182px; border-radius: 15px; overflow: hidden; position: relative; z-index: -5;}
.vlt_info .bg_box .img_01{position: absolute; bottom: 0;left: 20px;display: flex; z-index: -1;}
.vlt_info .bg_box .img_02{position: absolute; bottom: 0;right: 345px;display: flex; z-index: -3;}
.vlt_info .bg_box .img_03{position: absolute; bottom: 0;right: 70px;display: flex; z-index: -2;}
.vlt_info .biz_con .r_box{padding:0; width: 100%;}
.vlt_info .biz_con .r_box dl:first-child{padding-top: 0;}
.vlt_info .biz_con a{color: #504f4f;}
.vlt_info .biz_con a:hover{color: #000;}
.vlt_benefit{gap:20px 40px;}
.vlt_benefit li{ width: calc(20% - 32px);}
.vlt_benefit li i{width: 100%;height: 135px;display: flex;border-radius: 10px;justify-content: center;align-items: center;}
.vlt_benefit li:nth-child(2n-1) i{background-color: #fef3bc;}
.vlt_benefit li:nth-child(2n) i{background-color: #dfeaba;}
.vlt_benefit li p{padding-top: 10px; font-size: 1.6rem; line-height: 2.0rem; text-align: center;}


/* ---------------------------------- *
    * 오늘의식단
 * ---------------------------------- */
.meals_table .meals_top{align-items:flex-end; justify-content:space-between; margin-bottom:20px;}
.meals_table .meals_top .month{align-items:center;}
.meals_table .meals_top .month h2{font-family:'Poppins'; font-size:4.0rem; font-weight:600; line-height:4.0rem; margin-right:20px;}
.meals_table .meals_top .month .month_aw button{padding:15px; line-height:0;}
.meals_table .meals_top .month .month_aw button img{width:12px; filter:invert(100%);}
.meals_table .meals_top .month .month_aw .month_prev{border-radius:10px 0 0 10px; border-right:1px solid rgba(255,255,255,0.3);}
.meals_table .meals_top .month .month_aw .month_next{border-radius:0 10px 10px 0;}
.meals_table .meals_top .date{align-items:center;}
.meals_table .meals_top .date dt, .meals_table .meals_top .date dd{font-family:'Poppins'; font-size:1.8rem; font-weight:600; line-height:2.8rem;}
.meals_table .meals_top .date dt{padding-left:35px; position:relative;}
.meals_table .meals_top .date dt .icon{padding:7px; border-radius:30px; line-height:0; background-color:var(--subColor); position:absolute; top:0; left:0;}
.meals_table .meals_top .date dt .icon img{width:14px; filter:invert(100%);}
.meals_table .meals_top .date dd{color:var(--subColor); margin-left:5px;}

.meals_table .meals_con table{border-top:2px solid #000;}
.meals_table .meals_con th, .meals_table .meals_con td{font-size:1.6rem; line-height:2.0rem; border:1px solid #dcdcdc;}
.meals_table .meals_con thead th{font-size:1.8rem; font-weight:600; padding:15px 10px;}
.meals_table .meals_con thead th:first-of-type{color:#ea4d4d;}
.meals_table .meals_con tbody td{vertical-align:top; padding:15px 15px 55px; position:relative;}
.meals_table .meals_con tbody td .day{font-family:'Poppins'; font-size:1.8rem; font-weight:600;}
.meals_table .meals_con tbody td .badge{margin-top:15px; padding:10px; background-color:#24ba76; border-radius:5px; font-size:1.4rem; font-weight:500; text-align:center; color:#fff;}
.meals_table .meals_con tbody td ul{margin-top:10px;}
.meals_table .meals_con tbody td ul li{margin-bottom:5px; color:#333;}
.meals_table .meals_con tbody td ul li:last-child{margin-bottom:0;}
.meals_table .meals_con tbody td .kcal{width:100%; background-color:#f8f8f8; border-top:1px solid #dcdcdc; padding:10px; font-family:'Poppins'; font-size:1.5rem; font-weight:normal; text-align:center; position:absolute; bottom:0; left:0;}
.meals_table .meals_con tbody td:first-of-type .day{color:#ea4d4d;}
.meals_table .meals_con tbody td.today{background-color:#d8fbf7;}
.meals_table .meals_con tbody td.today .kcal{background-color:#c8fbf6;}


/* ---------------------------------- *
    * 인증하기
 * ---------------------------------- */
.auth_form{grid-template-columns:repeat(2, 1fr); gap:20px;}
.auth_form.confirm{grid-template-columns:1fr;}
.auth_form .box{border-radius:15px; background-color:#fafafa; padding:60px; flex-direction:column; align-items:center; justify-content:space-between;}
.auth_form .box .txtbox{text-align:center;}
.auth_form .box .txtbox .icon{width:130px; line-height:0; margin:0 auto;}
.auth_form .box .txtbox .icon img{width:100%;}
.auth_form .box .txtbox h2{font-size:3.0rem; line-height:3.4rem; margin-top:30px;}
.auth_form .box .txtbox p{font-size:1.8rem; line-height:2.4rem; word-break:keep-all; margin-top:20px;}
.auth_form .box .btn{margin-top:30px;}
.auth_form .box.auth_age{grid-column:1 / span 2;}
.auth_form .box.auth_age ul{align-items:center; justify-content:center; gap:60px;}

.auth_alert{margin-top:40px; font-size:1.8rem; line-height:2.4rem; text-align:center; word-break:keep-all; color:#5d5d5d;}


/* ---------------------------------- *
    * 약관동의
 * ---------------------------------- */
.terms_agree{margin-top:70px;}

.terms_agree .inner{margin-bottom:40px;}
.terms_agree .inner textarea{font-size:1.6rem; line-height:2.2rem; color:#808080;}
.terms_agree .inner .chk_design{margin-top:20px;}

.terms_agree .terms_all{padding-top:40px; border-top:1px dashed #cfcfcf;}
.terms_agree .terms_all label{font-size:2.2rem; font-weight:500;}

.terms_agree .btn-area{margin-top:40px;}


/* ---------------------------------- *
    * 신청완료
 * ---------------------------------- */
.apply_complete{padding-top:100px;}

.apply_complete .icon{width:136px; line-height:0; margin:0 auto;}
.apply_complete .icon img{width:100%;}

.apply_complete .txtbox{margin:30px 0 50px; text-align:center;}
.apply_complete .txtbox h2{font-size:4.0rem; font-weight:300; line-height:4.2rem; word-break:keep-all;}
.apply_complete .txtbox h2 strong{font-weight:600;}
.apply_complete .txtbox p{margin-top:20px; font-size:1.8rem; line-height:2.6rem;}


/* ---------------------------------- *
    * 평생교육프로그램
 * ---------------------------------- */
.prm_view .prm_box{align-items:flex-start; justify-content:space-between;}
.prm_view .prm_box .prm_title{width:100%; margin-bottom:20px; align-items:center; gap:10px;}
.prm_view .prm_box .prm_title h2{font-size:3.0rem; line-height:4.0rem;}
.prm_view .prm_box .prm_thumbnails{width:32%; line-height:0; border-radius:15px; border:15px; overflow:hidden;}
.prm_view .prm_box .prm_thumbnails img{width:100%;}
.prm_view .prm_box .prm_instructor .imgbox{width:220px; border:1px solid #eee; border-radius:15px; line-height:0; overflow:hidden;}
.prm_view .prm_box .prm_instructor .imgbox img{width:100%;}
.prm_view .prm_box .prm_download li{margin-bottom:5px; padding-left:20px; background:url(../img/contents/ic_bbs_download.svg) no-repeat left 7px; background-size:12px;}
.prm_view .prm_box .prm_download li:last-child{margin-bottom:0;}
.prm_view .prm_box .prm_download a{display:inline-block;}
.prm_view .prm_box .prm_instructor p{max-width:220px; text-align:center; margin-top:5px;}
.prm_view .prm_box .prm_image{line-height:0;}
.prm_view .prm_box .prm_image img{max-width:100%;}
.prm_view .prm_box .prm_tbl colgroup{display:table-column-group !important;}
.prm_view .prm_box .prm_tbl tr{display:table-row !important;}
.prm_view .prm_box .prm_tbl th, .prm_view .prm_box .prm_tbl td{display:table-cell !important; width:auto !important; font-size:1.6rem; line-height:2.2rem; color:#000; padding:12px; text-align:center; border:1px solid #eaeaea;}
.prm_view .prm_box .prm_tbl thead th{background-color:#ebfdfb;}
.prm_view .prm_box .prm_tbl tbody th{background-color:transparent;}
.prm_view .prm_box .prm_tbl tbody td{border-width:1px 1px !important;}

.prm_view .prm_refund h2.tit{font-size:3.0rem; line-height:4.0rem; margin-bottom:20px;}
.prm_view .prm_refund .inner{padding:50px; border-radius:30px; border:1px solid #dedede;}
.prm_view .prm_refund .inner .r_box{width:100% !important; padding-left:0 !important;}
.prm_view .prm_refund .inner .r_box dl:first-child{padding-top:0 !important;}
.prm_view .prm_refund .chk_design{margin-top:30px}

.prm_view .btn-area{margin-top:50px;}

.prm_payment{width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index:9999;}
.prm_payment .payment_popup{width:90%; max-width:1200px; border-radius:30px; overflow:hidden; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.prm_payment .payment_popup .pop_top{background-color:var(--mainColor2); padding:30px 50px; align-items:center; justify-content:space-between;}
.prm_payment .payment_popup .pop_top .title{width:calc(100% - 40px); align-items:flex-start;}
.prm_payment .payment_popup .pop_top .title h2{font-size:3.6rem; line-height:4.0rem; padding-left:50px; background:url(../img/contents/payment_icon.svg) no-repeat left 1px; background-size:38px; filter:invert(100%);}
.prm_payment .payment_popup .pop_top .title p{width:calc(100% - 190px); padding-left:50px; font-size:1.8rem; font-weight:400; line-height:2.4rem; color:#fff; word-break:keep-all; position:relative;}
.prm_payment .payment_popup .pop_top .title p:after{content:''; width:1px; height:34px; background-color:rgba(255,255,255,0.3); position:absolute; top:6px; left:25px;}
.prm_payment .payment_popup .pop_top button{line-height:0; transition:all 0.3s;}
.prm_payment .payment_popup .pop_top button:hover{opacity:0.5;}
.prm_payment .payment_popup .pop_top button img{width:26px; filter:invert(100%);}
.prm_payment .payment_popup .pop_con{max-height:600px; overflow-y:auto; padding:50px; background-color:#fff;}
.prm_payment .payment_popup .pop_con .m_alert{font-size:1.8rem; font-weight:500; line-height:2.2rem; word-break: keep-all; margin-bottom:15px; display:none;}


/* ---------------------------------- *
    * 마이페이지
 * ---------------------------------- */
.login{max-width:950px; background-color:#f8f8f8; border-radius:30px; padding:100px 10%; margin:0 auto;}

.login .login_frm{max-width:550px; margin:0 auto 50px;}
.login .login_frm input{width:100%; height:70px; border-radius:15px; padding-left:60px; margin-bottom:15px;}
.login .login_frm input[type="text"]{background:url(../img/contents/ic_login_id.svg) no-repeat 24px center #fff;; background-size:24px;}
.login .login_frm input[type="password"]{background:url(../img/contents/ic_login_pw.svg) no-repeat 24px center #fff; background-size:24px;}
.login .login_frm button{width:100%; height:80px; border-radius:15px;}
.login .login_frm .chk_design{margin-top:20px;}
.login .login_frm .chk_design label{color:#505050;}

.login .login_link{align-items:center; justify-content:space-between;}
.login .login_link:last-of-type{margin-top:30px; padding-top:30px; border-top:1px solid #e2e2e2;}
.login .login_link ul{width:calc(100% - 180px); padding-right:20px;}
.login .login_link ul li{font-size:1.6rem; line-height:2.4rem; word-break:keep-all; margin-bottom:5px; padding-left:10px; position:relative;}
.login .login_link ul li:after{content:''; width:4px; height:4px; border-radius:4px; background-color:#000; position:absolute; top:12px; left:0;}
.login .login_link ul li:last-child{margin-bottom:0;}
.login .login_link a{width:180px; font-weight:500;}

.join_tab{margin-bottom:50px;}
.join_tab ul{grid-template-columns:repeat(auto-fit, minmax(33.33%, auto)); align-items:stretch;}
.join_tab ul li{padding:20px 10px; border:1px solid var(--mainColor2); border-width:1px 0 1px 1px; align-items:center; justify-content:center; gap:15px;}
.join_tab ul li:first-child{border-radius:15px 0 0 15px;}
.join_tab ul li:last-child{border-width:1px 1px; border-radius:0 15px 15px 0;}
.join_tab ul li.active{background-color:var(--mainColor2);}
.join_tab ul li .icon{line-height:0;}
.join_tab ul li .icon img{height:40px; opacity:0.3;}
.join_tab ul li .txt p{font-family:'Poppins'; font-size:1.6rem; font-weight:500; line-height:2.0rem; color:#9e9e9e;}
.join_tab ul li .txt h3{font-size:2.0rem; font-weight:600; line-height:2.2rem; color:#9e9e9e;}
.join_tab ul li.active img{filter:invert(100%); opacity:1;}
.join_tab ul li.active .txt p, .join_tab ul li.active h3{color:#fff;}

.join_top_alert{padding:40px 40px 40px 130px; border-radius:15px; border:1px solid #d2d2d2; background:url(../img/contents/join_top_bg.svg) no-repeat 40px center; background-size:60px;}
.join_top_alert p{font-size:1.8rem; line-height:2.6rem; word-break:keep-all;}


/* ---------------------------------- *
    * 약관
 * ---------------------------------- */
.terms_top{padding:40px; border-radius:15px; background-color:#fafafa; border:1px solid #d8d8d8; margin-bottom:60px;}
.terms_top dl{align-items:center; justify-content:center; gap:30px;}
.terms_top dl dt, .terms_top dl dd{font-size:2.0rem; font-weight:600; line-height:2.6rem; position:relative;}
.terms_top dl dt:after{content:''; width:1px; height:16px; background-color:#bfbfbf; position:absolute; top:6px; right:-15px;}
.terms_top h3{font-size:2.0rem; font-weight:600; line-height:2.4rem; margin-bottom:10px; word-break:keep-all;}
.terms_top p{font-size:1.8rem; line-height:2.6rem; color:#343434; word-break:keep-all;}

.terms .inner{margin-bottom:60px;}
.terms .inner:last-child{margin-bottom:0;}

.terms .terms_tit{border-bottom:1px solid var(--mainColor1); padding-bottom:10px; margin-bottom:30px;}
.terms .terms_tit .s_desc{padding-bottom:0 !important;}

.terms .terms_con dl dt{font-size:2.0rem; font-weight:600; line-height:2.4rem; margin-bottom:10px;}
.terms .terms_con dl dd{font-size:1.8rem; line-height:2.6rem; color:#343434; margin-bottom:30px;}
.terms .terms_con dl dd:last-of-type{margin-bottom:0;}
.terms .terms_con dl dd p{margin-bottom:15px;}
.terms .terms_con ol.dec{padding-left:20px;}
.terms .terms_con ol.dec li{list-style:decimal; margin-bottom:5px;}
.terms .terms_con ol.dec li:last-child{margin-bottom:0;}
.terms .terms_con ol li ul{margin:5px 0 10px;}
.terms .terms_con ul li{list-style:none !important; font-size:1.6rem; line-height:2.4rem; color:#6e6e6e; position:relative;}
.terms .terms_con ol li:last-child ul{margin:5px 0 0;}
.terms .terms_con ul.circle_dec li{padding-left:20px;}
.terms .terms_con ul.circle_dec li .num{display:block; position:absolute; top:0; left:0;}
.terms .terms_con ul.disc li{padding-left:10px;}
.terms .terms_con ul.disc li:after{content:''; width:4px; height:4px; border-radius:4px; background-color:#404040; position:absolute; top:12px; left:0;}



/* RESPONSIVE */
@media screen and (max-width:1630px){
    /* ---------------------------------- *
        * 기관안내
    * ---------------------------------- */
    .operating_org_04 .si_con .txt p:nth-child(2){width: 412px;}
    .operating_org_04 .si_con .txt p:nth-child(4){right: 40px;}
}

@media screen and (max-width:1600px){
    /* ---------------------------------- *
        * 사업안내
    * ---------------------------------- */
    .biz_con .r_box{width: 100%;padding-left: 0;}
    .biz_con .r_box dl:first-child{padding-top: 30px;}
    .biz_con .sub_tit{padding-top: 30px;}
    .biz_con .sub_tit > p br{display: none;}
    
    /* ---------------------------------- *
        * 기관안내
    * ---------------------------------- */
    .greeting_wrap .tit_wrap{padding-bottom: 30px;}
    .greeting_wrap .sec_tit{font-size: 3.0rem; line-height: 3.0rem; }
    .greeting_wrap > .fl-box {align-items: flex-end;}
    .greeting_wrap > .fl-box > .l_box{width: 60%;}
    .greeting_wrap > .fl-box > .r_box{width: 40%;}
    .greeting_wrap > .fl-box .m_txt p br{display: none;}
    .greeting_wrap > .fl-box .t_txt{font-size: 2.0rem; line-height: 2.6rem;}

    .operating_org_03 .org_line{height: 30px;}
    .operating_org_03 .org_02{padding: 25px 0 40px;}
    .operating_org_03 .org_02 .org_top{position: relative;top: 0;left: 0; margin: 0 auto 40px;}
    .operating_org_03 .org_02 .org_s_box > div.fl-box, .operating_org_03 .org_03 .org_s_box > div.fl-box{width: 100%;flex-direction: column;}
    .operating_org_03 .org_s_02 {width: 100%; order: 2; max-width: 400px;margin: 0 auto;}
    .operating_org_03 .org_s_01{width: 100%; order: 1; max-width: 400px;margin: 0 auto;}
    .operating_org_03 .org_03 .org_s_box > div.fl-box:first-child .org_s_02{padding-left: 0;}
    .operating_org_03 .org_s_01::before, .operating_org_03 .org_s_01::after, .operating_org_03 .org_s_02 li:first-child::before, .operating_org_03 .org_s_02 li::after, .operating_org_03 .org_s_02::after{display: none;}
    .operating_org_03 .org_03::after{height: 100%;}
    .operating_org_03 .org_02 .org_s_box, .operating_org_03 .org_03 .org_s_box{gap: 40px;}
    .operating_org_03 .org_con .org_s_box > div.fl-box{gap: 10px;}     
    .operating_org_03 .org_s_box > div.fl-box:nth-child(1) .org_s_01 > p::before{right:50%;top:-25px;margin-top:0; margin-right: -10.5px;}
    .operating_org_03 .org_s_box > div.fl-box:nth-child(1) .org_s_01 > p::after{right:50%;top: -35px;margin-top:0; margin-right: -21px;}
    .operating_org_03 .org_s_box > div.fl-box:nth-child(2) .org_s_01 > p::before{left:50%;top:-25px;margin-top:0;margin-left: -10.5px;}
    .operating_org_03 .org_s_box > div.fl-box:nth-child(2) .org_s_01 > p::after{left:50%;top:-35px;margin-top:0;margin-left: -21px;}
    .operating_org_04 .si_con{padding: 0;}
    .operating_org_04 .si_point{display: none;}
    .operating_org_04 .si_con .txt{position: relative; padding-top: 15px;}
    .operating_org_04 .si_con .txt p{position: relative; margin-top: 20px; padding-left: 10px;}
    .operating_org_04 .si_con .txt p br{display: none;}
    .operating_org_04 .si_con .txt p:after{display: block;content: "";width: 4px;height: 4px;background-color:#000;position: absolute; top:14px; left: 0px;border-radius: 4px;}
    .operating_org_04 .si_con .txt p:nth-child(1){top: 0;left: 0;}
    .operating_org_04 .si_con .txt p:nth-child(2){top: 0; right: 0; width: 100%;}
    .operating_org_04 .si_con .txt p:nth-child(3){bottom: 0; left: 0;}
    .operating_org_04 .si_con .txt p:nth-child(4){bottom:0;right: 0;}
    .operating_org_04 .si_con .txt p span{font-size: 1.8rem;}
    .operating_org_04 .si_con .txt p span::after{height: 1px;}

    /* ---------------------------------- *
        * 후원ㆍ자원봉사
    * ---------------------------------- */
    .don_info .t_box{padding-top: 0;}
    .don_info .t_box > p{padding-bottom: 110px; text-align: center;}
    .don_info .bg_box .img_01 > img{width: 390px;}
    .don_info .bg_box .img_02 > img{width: 250px;}

    .vlt_info .t_box{padding-top: 0;}
    .vlt_info .t_box > p{padding-bottom: 110px; text-align: center;}
    .vlt_info .t_box .img_02{display: none;}
    .vlt_info .bg_box .img_01 > img{width: 300px;}
    .vlt_info .bg_box .img_03 > img{width: 230px;}
    
}

@media screen and (max-width:1400px){
    /* ---------------------------------- *
        * COMMON
    * ---------------------------------- */
    .step_box.step_box6 li{width:calc(33.333% - 14px);}
    .step_box.step_box6 li:nth-child(3):after{display: none;}

    /* ---------------------------------- *
        * 기관안내
    * ---------------------------------- */
    .mission_01 .s_detail .s_box{padding: 30px 30px 30px 260px;}
    .mission_01 .s_detail .s_box .l_box{width: 220px;}
    .mission_02 > .fl-box::after{display: none;}
    .mission_03 .s_box{width: calc(50% - 10px);}
    .mission_03 .s_box br{display: none;}
    .mission_04 > .fl-box{max-width: 650px;width: 100%;margin: 0 auto;gap: 30px 0;}
    .mission_05 > .fl-box::after{display: none;}
    .mission_05 > .fl-box{padding-bottom: 0;max-width: 500px;width: 100%;margin: 0 auto;}    
    .mission_05 > .fl-box .s_box{ width: calc(50% - 5px);}
    .mission_05 .s_box .s_ic{padding-bottom: 15px;}

    .org_chart .tab_wrap .tab_nav{padding: 35px 15px 0;}
    .org_chart .org_s_01{width: 100%;}

    .fac_info .tab_con > .fl-box{gap:40px 20px;padding: 40px 0 60px;}
    .fac_info .tab_con > .fl-box .s_box{width: calc(25% - 15px);}
    .visit_apply .sec_tit .bg_mint{background: linear-gradient(transparent 65%, #dff7f5 65%);}
    .visit_apply .sec_tit .bg_mint::after{display: none;}
    
}

@media screen and (max-width:1280px){
    /* ---------------------------------- *
        * COMMON
    * ---------------------------------- */
    .sub_menu{width:280px;}
    .sub_menu .submenu_con ul li .submenu01{padding:15px 5px;}
    .sub_menu .submenu_con ul li dl{padding:15px 5px;}

    .s_con{width:calc(100% - 280px); padding-left:30px;}

    .s_tit h2{font-size:3.6rem; line-height:3.6rem;}

    /* ---------------------------------- *
        * 사업안내
    * ---------------------------------- */
    .biz_tit > p br{display: none;}

    /* ---------------------------------- *
        * 기관안내
    * ---------------------------------- */
    .greeting_wrap > .fl-box > .l_box{width: 100%;}
    .greeting_wrap > .fl-box > .r_box{width: 100%;max-width: 550px;margin: 0 auto;padding-top: 80px;}

    .greeting_wrap .sec_tit .bg_pink{background: linear-gradient(transparent 65%, #fff4f8 65%);}
    .greeting_wrap .sec_tit .bg_pink::after{display: none;}
    .operating_org_01 > div.fl-box{gap: 0;}
    .operating_org_01 > div.fl-box > .s_detail{width: 100%;}
    .operating_org_01 .s_detail > dl{grid-template-columns: 150px 1fr;}
    .operating_org_02 .s_detail b{width: 280px;}
    .operating_org_05 .r_box{width: 100%;}
    .operating_org_05 .s_detail > div.fl-box{gap: 30px;}
    .operating_org_05 .l_box{width: 100%;}

    .history_wrap .sec_tit .bg_mint{background: linear-gradient(transparent 65%, #dff7f5 65%);}
    .history_wrap .sec_tit .bg_mint::after{display: none;}
    .history_wrap .sec_tit br{display: none;}
    .history_wrap .sub_con .r_box{width: calc(100% - 140px);}

    .visit_apply .biz_con{padding: 0 0 40px;}

    .location .map{height: 400px;}
    
    /* ---------------------------------- *
        * 후원ㆍ자원봉사
    * ---------------------------------- */
    .don_info .bg_box .img_01{height: 160px;}
    .don_info .bg_box .img_02{right: 30px;}
    .don_info .bg_box .img_01 > img{width: 360px;}
    .don_info .bg_box .img_02 > img{width: 230px;}

    .vlt_info .bg_box .img_bg{height: 160px;}
    .vlt_info .bg_box .img_03 {right: 40px;}
    .vlt_info .bg_box .img_01 > img{width: 250px;}
    .vlt_info .bg_box .img_03 > img{width: 210px;}
    .vlt_benefit{gap: 20px;}
    .vlt_benefit li{width: calc(25% - 15px);}


    /* ---------------------------------- *
        * 인증하기
     * ---------------------------------- */
    .auth_form .box{padding:60px 30px;}


    /* ---------------------------------- *
        * 평생교육프로그램
     * ---------------------------------- */
    .prm_view .prm_box .prm_title{order:2;}
    .prm_view .prm_box .tbl_style01{width:100% !important; order:3;}
    .prm_view .prm_box .prm_thumbnails{width:100%; max-width:400px; margin:0 auto 50px; order:1;}

    .prm_payment .payment_popup .pop_top .title p{padding-left:40px;}
    .prm_payment .payment_popup .pop_top .title p:after{left:20px;}
    .prm_payment .payment_popup .pop_top .title p br{display:none;}


    /* ---------------------------------- *
        * 마이페이지
     * ---------------------------------- */
    .join_tab ul{grid-template-columns:repeat(auto-fit, minmax(20%, auto));}
}


@media screen and (max-width:1024px){
    /* ---------------------------------- *
        * COMMON
    * ---------------------------------- */
    .sub_contents{padding:60px 0 160px;}

    .sub_menu{display:none;}

    .s_con{width:100%; padding-left:0;}
    
    .s_tit{margin-bottom:40px;}

    .sub_tab{margin-bottom:40px;}

    .info_card {padding: 30px;margin-top: 30px;}
    .info_card .txt{padding-left: 30px;}
    .info_card .txt .dot_type{padding: 20px;}

    /* ---------------------------------- *
        * 사업안내
    * ---------------------------------- */
    .biz_con{padding: 50px 0;}
    .biz_con .sub_tit > b{font-size: 2.3rem;line-height: 2.5rem;}
    .biz_con{padding: 30px 0;}
    .biz_con .r_box dl{padding-top: 20px;}
    .biz_con .r_box dl:first-child{padding-top: 20px;}
    .biz_con .sub_tit{padding-top: 20px;padding-bottom: 20px;}
    .biz_con .sub_tit > p{padding-top: 5px;}
    .biz_tit > .img{padding-top: 30px;}

    /* ---------------------------------- *
        * 기관안내
    * ---------------------------------- */
    .greeting_wrap .tit_wrap{padding-bottom: 10px;}
    .greeting_wrap .tit_wrap .ic_img img{width: 30px;}
    .greeting_wrap .sec_tit{font-size: 2.6rem; line-height: 4.0rem; padding-top: 5px;}
    .greeting_wrap > .fl-box .m_txt p{padding-top: 30px;}
    .greeting_wrap > .fl-box .b_txt{padding-top: 30px;}

    .history_wrap .sec_tit{font-size: 2.6rem; line-height: 4.0rem;}
    
    .fac_info .tab_con > .fl-box .s_box{width: calc(33.333% - 14px);}
    .visit_apply .sec_tit{font-size: 2.6rem; line-height: 4.0rem;}

    .location .tab_wrap{padding-bottom:40px;}
    .location .map_img .s_detail > .fl-box{padding: 20px;gap: 5px 30px;}
    .location .map_img .s_detail > .fl-box dt{padding-right: 10px;margin-right: 10px;}

    /* ---------------------------------- *
        * 인증하기
     * ---------------------------------- */
    .auth_form .box .txtbox p br{display:none;}


    /* ---------------------------------- *
        * 약관동의
     * ---------------------------------- */
    .terms_agree{margin-top:50px;}


    /* ---------------------------------- *
        * 평생교육프로그램
     * ---------------------------------- */
    .prm_view .prm_box .prm_thumbnails{margin:0 auto 40px;}

    .prm_view .btn-area{margin-top:40px;}

    .prm_payment .payment_popup .pop_top{padding:30px 40px; align-items:flex-start;}
    .prm_payment .payment_popup .pop_top .title h2{font-size:3.0rem; line-height:3.2rem; background-size:30px; padding-left:40px;}
    .prm_payment .payment_popup .pop_top .title p{width:100%; padding-left:0; margin-top:10px; font-size:1.6rem;}
    .prm_payment .payment_popup .pop_top .title p:after{display:none;}
    .prm_payment .payment_popup .pop_con{padding:40px;}


    /* ---------------------------------- *
        * 마이페이지
     * ---------------------------------- */
    .join_tab{margin-bottom:40px;}

    .join_top_alert{padding:30px 30px 30px 110px; background-position:30px center;}

    /* ---------------------------------- *
        * 약관
     * ---------------------------------- */
    .terms_top{margin-bottom:40px;}
}


@media screen and (max-width:768px){
    /* ---------------------------------- *
        * COMMON
    * ---------------------------------- */
    .sub_contents{padding:40px 0 140px;}
    
    .s_tit h2{font-size:3.2rem; margin-right:15px;}
    .s_tit ul{gap:5px 20px; margin-top:10px;}
    .s_tit ul li:after{right:-16px;}
    .s_tit ul li img{width:13px;}
    .s_tit p:after{top:6px;}

    .sub_tab ul li{display: flex;}
    .sub_tab ul li a{padding:15px 10px; width: 100%;}
    .sub_tab ul li:first-child a{border-radius:10px 0 0 10px;}
    .sub_tab ul li:last-child a{border-radius:0 10px 10px 0;}

    .alert_box{text-align:left;font-weight: 400;}
    .alert_box > span{padding-left: 17px; display: block;}
    .alert_box > span::after{width:12px; height:11px;top: 2px;}
    .alert_box.mt30{margin-top: 20px !important;}

    .alert_box02{padding: 20px 15px;}
    .alert_box02 > span{padding-left: 0;width: 100%;display: block;padding-top: 27px;}
    .alert_box02 > span::after{top: 0;left: 50%;margin-left: -10px;}

    .gap {height: 5px;}

    .info_card .txt{width: calc(100% - 120px);padding-left: 20px;}
    .info_card {padding: 20px;}

    .dot_type > p{padding-left: 8px;}
    .dot_type > p::after {width: 3px;height: 3px;top: 9px;}
    .s_notice > span{padding-left: 8px;}

    .s_desc span{background: url(../img/contents/ic_desc.png) no-repeat left 4px;}
    .s_desc{padding-bottom: 15px;}
    .sec_tit{font-size: 2.6rem;padding-bottom: 25px;}
    .s_desc span{font-size: 2.6rem;}

    .sub_tbl td > .fl-box > p:after{width: 4px;height: 4px;top: 9px;}
    .sub_tbl td > .fl-box > p{padding-left: 10px;}
    .sub_tbl th, .sub_tbl td{padding: 20px 10px;}
    
    .page_ready{padding:100px 30px; border-radius:15px;}
    .page_ready h2{font-size:3.6rem; line-height:4.0rem; margin-top:15px;}


    /* ---------------------------------- *
        * 사업안내
    * ---------------------------------- */   
    .biz_tit > .img{padding-top: 20px;}
    .food_bank_img img{width: 120px;}
    .biz_con .r_box dl dt span{background: url(../img/contents/ic_ck.png) no-repeat left 0px;}

    /* ---------------------------------- *
        * 기관안내
    * ---------------------------------- */
    .sub_con{padding-top: 50px;}
    .org_top{font-size: 2.3rem;width: 180px;height: 166px;}
    
    .greeting_wrap .tit_wrap{padding-bottom: 0;}
    .greeting_wrap > .fl-box .m_txt p{padding-top: 20px;}
    .greeting_wrap > .fl-box .b_txt{padding-top: 20px;}
    .greeting_wrap .sec_tit{font-size: 2.3rem; line-height: 3.5rem;}

    .operating_org_01 .logo_box{padding: 40px 20px;border-radius: 20px;}
    .operating_org_01 .logo_box img{max-width: 230px;}
    .operating_org_01 > div.fl-box{padding-top: 0;}
    .operating_org_01 .s_detail > dl{grid-template-columns: 120px 1fr; padding-top: 12px;}
    .operating_org_01 .s_detail.r_box > dl{grid-template-columns: 120px 1fr;}
    .operating_org_01 .dot_type > p::after{top: 9px;}
    .operating_org_02 > div.fl-box {gap: 15px;}
    .operating_org_02 .s_detail{width: 100%;border-top-left-radius: 20px;border-bottom-right-radius: 20px;}
    .operating_org_02 .s_detail b{border-bottom-right-radius: 20px;width: 230px;padding: 10px;}
    .operating_org_02 .s_detail p{padding: 15px;}
    .operating_org_03 .org_01{font-size: 2.3rem;}
    .operating_org_04 .si_con{margin-top: 40px;}
    .operating_org_04 .si_box{border-radius: 20px;padding: 30px;}
    .operating_org_04 .si_img img{width: 120px;}
    .operating_org_04 .si_con .txt{padding-top: 10px;}
    .operating_org_04 .si_con .txt p{margin-top: 15px;}
    .operating_org_04 .si_con .txt p span{ text-decoration: underline;}
    .operating_org_04 .si_con .txt p span::after{ display: none;}
    .operating_org_04 .si_con .txt p:after{width: 3px;height: 3px;top: 9px;}
    .operating_org_05 .l_box{height: 150px;border-radius: 20px;}
    .operating_org_05 .s_detail > div.fl-box{gap: 20px;}
    .logotype_img1 img{width:180px ;}
    .logotype_img2 img{width:100px ;}
    .logotype_img3 img{width:170px ;}
    .logotype_img4 img{width:70px ;}
    
    .mission_01 .s_detail{padding-top: 60px;}
    .mission_01 .ic_logo img{width: 230px;}
    .mission_01 .ic_logo::after{bottom: 0;}
    .mission_01 .s_detail .s_box .l_box{padding: 20px;border-radius: 20px;width: 145px;font-size: 2.2rem;top: -10px;}
    .mission_01 .s_detail .s_box{padding: 20px 20px 20px 180px; border-radius: 20px;margin-top: 25px;}
    .mission_02 > .fl-box{width: 100%;max-width: 530px;margin: 0 auto;}
    .mission_06 .s_box{padding-left: 20px;}
    .mission_06 .s_box .l_box{width: 85px; height: 72px;font-size: 2.4rem;padding: 22px;}
    .mission_06 .s_box .r_box{font-size: 2.0rem;line-height:2.4rem; border-radius: 20px;padding: 22px 15px 22px 65px;}
    
    .history_wrap .sec_tit{font-size: 2.3rem; line-height: 3.5rem;}
    .history_wrap .sub_con {padding-top: 20px;}
    .history_wrap .sub_con > div.fl-box{padding-top: 50px;}
    .history_wrap .sub_con .l_box{font-size: 3.5rem;}
    .history_wrap .sub_con .r_box{width: calc(100% - 100px);}
    .history_wrap .sub_con .r_box > dl.fl-box{padding-left: 20px;padding-bottom: 20px;}
    .history_wrap .sub_con .r_box > dl.fl-box::after{left: -3.5px;top: 7px;width: 7px;height: 7px;}
    .history_wrap .sub_con .r_box dt{font-size: 2.0rem;}
    .history_wrap .sub_con .r_box dd{padding-left: 15px;}
    
    .org_chart .org_top p{padding-top: 0;}
    .org_chart .tab_wrap > ul.fl-box{padding-top: 0;}
    .org_chart .tab_wrap .tab_nav{width: 100%;padding: 35px 0 0;max-width: 400px;}
    .org_chart .tab_wrap .tab_nav::after{display: none;}

    .fac_info .tab_wrap > .gr-box{gap: 15px;}
    .fac_info .tab_nav{font-size: 2.0rem;padding-bottom: 10px;}
    .fac_info .tab_con > .fl-box{gap:20px 10px;padding: 15px 0 40px;}
    .fac_info .tab_con > .fl-box .s_box{width: calc(50% - 5px);}
    .fac_info .tab_con > .fl-box .s_box p{padding-top: 10px;}
    .fac_info .biz_con .pl_80{padding-left: 64px;}
    .fac_info .biz_con .pl_45{padding-left: 35px;}
    .visit_apply .sec_tit{font-size: 2.3rem; line-height: 3.5rem;}
    .visit_apply .biz_con{padding: 0 0 20px;}
    .fac_info .tab_con{padding-top: 20px;}

    .fac_rent .biz_con .r_box{padding:0 0 40px;}
    .fac_rent .txt_xs{padding: 10px 0 0; font-size: 1.6rem;}

    .location .map{height: 300px;}
    .location .map_img .s_detail > .fl-box{width: calc(100% - 85px);}
    .location .map_img .s_detail > a{width: 85px;}
    .location .map_img .s_detail > a i img{width: 10px;}
    .location .map_img .s_detail > a i{padding-right: 5px;}
    .location .access_info{padding-top: 40px;}
    .location .access_info .s_box > .fl-box{padding: 25px 0;}
    .location .access_info .s_box > .fl-box:first-child{padding-top: 15px;}
    .location .access_info .l_box{width: 90px;}
    .location .access_info .r_box{width: calc(100% - 90px);} 
    .ic_subway{width: 30px;}
    .ic_bus{width: 40px;}


    /* ---------------------------------- *
        * 후원ㆍ자원봉사
    * ---------------------------------- */
    .don_info .biz_con .r_box{padding:0 0 40px; }
    .acc_info i img{width: 16px;}
    .acc_info > b{padding: 0 3px 0 6px;}
    .don_info .sub_tbl02 .t_mint{font-size: 1.6rem; display: block;}
    .don_info .t_box > p{padding-bottom: 90px;font-size: 3.0rem;}
    .don_info .bg_box .img_01{height: 100px;}
    .don_info .bg_box .img_02{right: 50%; margin-right: -80px;}
    .don_info .bg_box .img_01 > img{display: none;}
    .don_info .bg_box .img_02 > img{width: 160px;}

    .vlt_info .t_box > p{padding-bottom: 90px;font-size: 3.0rem;}
    .vlt_info .bg_box .img_bg{height: 100px;}
    .vlt_info .bg_box .img_03 {right: 50%; margin-right: -75px;}
    .vlt_info .bg_box .img_01{display: none;}
    .vlt_info .bg_box .img_03 > img{width: 150px;}
    .vlt_benefit{gap: 20px 10px;}
    .vlt_benefit li{width: calc(33.333% - 7px);}
    .vlt_benefit li i{height: 100px;}
    .vlt_benefit li i img{width: 45px;}
    .vlt_benefit li:nth-child(2) i img{width: 60px;}
    .vlt_benefit li:nth-child(3) i img{width: 70px;}
    .vms_ic01{width: 45px !important;}
    .vms_ic02{width: 80px !important;}
    .m_ic_25{width: 25px !important;}
    .m_ic_35{width: 35px !important;}   


    /* ---------------------------------- *
        * 오늘의식단
     * ---------------------------------- */
    .meals_table .meals_top .month h2{font-size:3.4rem; margin-right:10px;}
    .meals_table .meals_top .month .month_aw button{padding:12px;}
    .meals_table .meals_top .date dt, .meals_table .meals_top .date dd{line-height:3.0rem;}
    .meals_table .meals_top .date dt{padding-left:30px;}
    .meals_table .meals_top .date dt .icon{padding:6px;}
    .meals_table .meals_top .date dt .icon img{width:12px;}

    .meals_table .meals_con table{border:1px solid #dcdcdc; border-top:2px solid #000;}
    .meals_table .meals_con colgroup, .meals_table .meals_con thead{display:none;}
    .meals_table .meals_con tbody tr, .meals_table .meals_con tbody td{display:block; width:100%;}
    .meals_table .meals_con tbody td{border-width:0 0 1px 0;}
    .meals_table .meals_con tbody td ul li{text-align:center;}
    .meals_table .meals_con tbody tr:last-child td:last-child{border-width:0;}
    .meals_table .meals_con tbody td.blank{display:none;}


    /* ---------------------------------- *
        * 인증하기
     * ---------------------------------- */
    .auth_form{grid-template-columns:1fr;}
    .auth_form .box{padding:30px;}
    .auth_form .box .txtbox .icon{width:100px;}
    .auth_form .box .txtbox h2{margin-top:20px;}
    .auth_form .box .txtbox p{margin-top:10px;}
    .auth_form .box .btn{margin-top:20px;}
    .auth_form .box.auth_age{grid-column:1;}
    .auth_form .box.auth_age ul{gap:30px;}

    .auth_alert{margin-top:30px;}


    /* ---------------------------------- *
        * 약관동의
     * ---------------------------------- */
    .terms_agree{margin-top:40px;}

    .terms_agree .inner{margin-bottom:30px;}
    .terms_agree .inner .chk_design{margin-top:15px;}

    .terms_agree .terms_all{padding-top:30px;}

    .terms_agree .btn-area{margin-top:30px;}


    /* ---------------------------------- *
        * 신청완료
     * ---------------------------------- */
    .apply_complete{padding-top:50px;}

    .apply_complete .icon{width:120px;}

    .apply_complete .txtbox h2{font-size:3.6rem;}


    /* ---------------------------------- *
        * 평생교육프로그램
     * ---------------------------------- */
    .prm_view .prm_box .prm_title{gap:5px; margin-bottom:15x;}

    .prm_view .prm_refund h2.tit{margin-bottom:15px;}
    .prm_view .prm_refund .inner{padding:30px; border-radius:15px;}
    .prm_view .prm_refund .chk_design{margin-top:20px;}

    .prm_payment .payment_popup{border-radius:20px;}
    .prm_payment .payment_popup .pop_top{padding:20px 30px;}
    .prm_payment .payment_popup .pop_top .title h2{background-size:23px; padding-left:33px;}
    .prm_payment .payment_popup .pop_top .title p{display:none;}
    .prm_payment .payment_popup .pop_top button img{width:22px;}
    .prm_payment .payment_popup .pop_con{max-height:500px; padding:30px;}
    .prm_payment .payment_popup .pop_con .m_alert{display:block;}
    .prm_payment .payment_popup .pop_con .tbl_box{margin-bottom:20px !important;}


    /* ---------------------------------- *
        * 마이페이지
     * ---------------------------------- */
    .login{padding:50px 30px; border-radius:20px;}
    
    .login .login_frm{margin:0 auto 40px;}
    .login .login_frm input{height:60px; border-radius:10px; margin-bottom:10px; padding-left:40px;}
    .login .login_frm input[type="text"]{background-position:15px center; background-size:20px;}
    .login .login_frm input[type="password"]{background-position:15px center; background-size:20px;}
    .login .login_frm button{height:60px; border-radius:10px;}
    .login .login_frm .chk_design{margin-top:15px;}

    .login .login_link:last-of-type{padding-top:20px; margin-top:20px;}
    .login .login_link ul{width:calc(100% - 160px); padding-right:15px;}
    .login .login_link ul li:after{top:8px;}
    .login .login_link a{width:160px;}
    
    .join_tab ul li{padding:15px 10px; gap:5px;}
    .join_tab ul li:first-child{border-radius:10px 0 0 10px;}
    .join_tab ul li:last-child{border-radius:0 10px 10px 0;}
    .join_tab ul li .icon img{height:32px;}

    .join_top_alert{border-radius:10px; padding:20px 20px 20px 90px; background-position:20px 20px; background-size:50px;}

    /* ---------------------------------- *
        * 약관
     * ---------------------------------- */
    .terms_top{padding:30px; border-radius:10px;}
    .terms_top dl{gap:20px;}
    .terms_top dl dt:after{height:14px; top:4px; right:-10px;}
    .terms_top h3{margin-bottom:8px;}

    .terms .inner{margin-bottom:40px;}

    .terms .terms_tit{margin-bottom:20px;}
    
    .terms .terms_con dl dd{margin-bottom:20px;}
    .terms .terms_con dl dt{margin-bottom:8px;}
    .terms .terms_con dl dd{line-height:2.4rem;}
    .terms .terms_con dl dd p{margin-bottom:10px;}
    .terms .terms_con ol.dec{padding-left:15px;}
    .terms .terms_con ul li{line-height:2.0rem;}
    .terms .terms_con ul.circle_dec li{padding-left:15px;}
    .terms .terms_con ul.disc li{padding-left:8px;}
    .terms .terms_con ul.disc li:after{width:3px; height:3px; top:6px;}
}


@media screen and (max-width:640px){
    /* ---------------------------------- *
        * COMMON
    * ---------------------------------- */
    .step_box{gap: 10px 20px;}
    .step_box li{width: calc(50% - 10px); min-height: 120px;}
    .step_box li:nth-child(2n):after{display: none;}
    .step_box li i img{width: 30px;}
    .step_box.step_box5 li{width: calc(50% - 10px);}
    .step_box.step_box5 li:nth-child(4):after{display: none;}
    .step_box.step_box6 li{width: calc(50% - 10px);}
    .step_box.step_box6 li:nth-child(3):after{display: block;}
    .step_box.step_box6 li:nth-child(4):after{display: none;}

    .info_card > .img{width: 100%; text-align: center;}
    .info_card .txt{padding-left: 0; width: 100%;}
    .info_card .txt > b{display: inline-block; width: 100%; text-align: center; padding-top: 10px;}
    .info_card .txt > p{text-align: center;}

    .sub_tbl .m_th{ width: 100%; border-bottom: 1px solid #dcdcdc !important; background-color: #f8f8f8; text-align: center !important;color: #000;}
    .sub_tbl .m_fl{order: 5; width: 100%; padding-top: 0 !important;}
    .sub_tbl .m_s_th{width: 100%;border-bottom: 1px solid #dcdcdc !important;}
    .sub_tbl td > .fl-box {gap: 5px 20px;}
    .sub_tbl02 th, .sub_tbl02 td{padding: 15px 10px;}

    .sub_tbl_wrap {padding-bottom: 5px;}
	.sub_tbl_wrap {overflow: auto;}
	.sub_tbl_wrap::-webkit-scrollbar {width: 10px;height: 3px;}
	.sub_tbl_wrap::-webkit-scrollbar-thumb {background-color:#60c1bd;	border-radius: 10px;}
	.sub_tbl_wrap::-webkit-scrollbar-track {border-radius: 10px;background-color: #fff;	box-shadow: inset 0px 0px 5px #999;	padding: 5px;}
	.sub_tbl_wrap .sub_tbl {min-width: 640px;}
    

    /* ---------------------------------- *
        * 기관안내
    * ---------------------------------- */
    .mission .sub_con > .fl-box{padding-top: 0;}
    .mission_01 .ic_logo img{width: 200px;}
    .mission_01 .ic_logo::after{width: 240px; margin-left: -120px;}
    .mission_01 .s_detail{padding-top: 30px;}
    .mission_01 .s_detail .s_box{padding: 20px 20px 30px;text-align: center; margin-top: 15px;}
    .mission_01 .s_detail .s_box .l_box{position: relative; top: 0; left: 0; margin: 0 auto; padding: 15px;font-size: 2.0rem;}
    .mission_01 .s_detail .s_box .r_box{padding-top: 15px;font-size: 2.0rem;}
    .mission_02 > .fl-box{flex-direction: column; align-items: center; gap: 20px;}
    .mission_03 > .fl-box{gap: 10px;}
    .mission_03 .s_box{width: 100%;padding: 20px 15px;border-radius: 20px;}
    .mission .mission_04 > .fl-box{flex-direction: column; padding-top: 30px; gap: 0;}
    .mission_04 .s_box{width: 100%;margin-right: 0;padding-top:25px;}
    .mission_04 .s_box .s_bg{transform: rotate(90deg);left: 50%;margin-left: -137px;}
    .mission_04 .s_box:last-child .s_bg{margin-left: -102px;}
    .mission_04 .s_box:nth-child(3){padding-top: 15px;}
    .mission_04 .s_box:last-child{margin-bottom: 0;margin-top: -25px;padding-top: 45px;}
    .mission_04 .s_box .s_bg::after{display: none;}
    .mission_05 > .fl-box .s_box{width: 100%;}
    .mission .mission_06 > .fl-box{padding-top: 5px;}

    .org .sub_tbl colgroup{display: none;}
    .org .sub_tbl thead{display: none;}
    .org .sub_tbl tr{display: flex; flex-wrap: wrap; border-bottom: 1px solid #dcdcdc;}
    .org .sub_tbl td{ display: block;border: 0;padding: 10px 5px;}

    .fac_rent .sub_tbl_01 colgroup, .fac_rent .sub_tbl_01 thead, .fac_rent .sub_tbl_01 td:first-child{ display: none;}
    .fac_rent .sub_tbl_01 tr{display: flex; flex-wrap: wrap; border-bottom: 1px solid #dcdcdc;}
    .fac_rent .sub_tbl_01 td{ display: block;border: 0;padding: 10px 5px; text-align: left;}

    .location .map_img .s_detail > .fl-box dd{width: 100%;}
    .location .map_img .s_detail > .fl-box dt::after{display: none;}
    .location .map_img .s_detail > .fl-box{padding: 10px 15px;}
    

    

}

@media screen and (max-width:480px){
    /* ---------------------------------- *
        * COMMON
    * ---------------------------------- */
    .s_tit{padding-bottom:15px; margin-bottom:30px;}
    .s_tit h2{font-size:3.0rem;}
    .s_tit ul{gap:5px 15px;}
    .s_tit ul li:after{width:8px; height:8px; right:-13px; margin-top:-4px;}

    .sub_tab{margin-bottom:30px;}
    .sub_tab ul{grid-template-columns:1fr;}
    .sub_tab ul li a{line-height:2.2rem; border-width:1px 1px 0 1px;}
    .sub_tab ul li:first-child a{border-radius:10px 10px 0 0}
    .sub_tab ul li:last-child a{border-radius:0 0 10px 10px; border-width:1px 1px;}

    .sub_tbl th, .sub_tbl td{padding: 15px 10px;}

    /* ---------------------------------- *
        * 기관안내
    * ---------------------------------- */
    .sub_con{padding-top: 30px;}

    .operating_org_01 .s_detail > dl{display: block;}
    .operating_org_01 .logo_box img{max-width: 185px;}
    .operating_org_03 .org_line{ height: 10px;}
    .operating_org_03 .org_02 .org_top{margin-bottom: 30px;}
    .operating_org_04 .si_box{padding: 30px 20px;}
    .operating_org_04 .si_img img{width: 100px;}
    .operating_org_04 .si_con .txt{padding-top: 0;}

    .history_wrap .sub_con {padding-top: 0;}
    .history_wrap .sub_con > div.fl-box{padding-top: 30px;}
    .history_wrap .sub_con .r_box{width: 100%;padding-top: 10px;margin-left: 10px;}

    .fac_info .tab_wrap > .gr-box{gap: 10px;}
    .fac_info .tab_con > .fl-box .s_box{width: 100%;}

    .fac_rent dd.dot_type > div > .pl20 {padding-left: 0 !important;}
    .fac_rent .pl20 p{padding-top: 3px;}

    .location .tab_wrap{padding-bottom: 30px;}
    .location .tab_wrap ul{grid-template-columns:1fr;}
    .location .tab_wrap ul li{line-height:2.2rem; border-width:1px 1px 0 1px;}
    .location .tab_wrap ul li:first-child{border-radius:10px 10px 0 0}
    .location .tab_wrap ul li:last-child{border-radius:0 0 10px 10px; border-width:1px 1px;}
    .location .map{height: 260px;}
    .location .map_img .s_detail{flex-wrap: wrap;}
    .location .map_img .s_detail > .fl-box{width: 100%;}
    .location .map_img .s_detail > a{width: 100%; padding: 10px;}
    .location .access_info{padding-top: 30px;}
    .location .access_info .l_box{width: 100%; padding-bottom: 10px;}
    .location .access_info .r_box{width:100%;} 
    .location .access_info .r_box dt{text-align: center;}


    /* ---------------------------------- *
        * 후원ㆍ자원봉사
    * ---------------------------------- */
    .don_info .t_box > p{padding-bottom: 75px; font-size: 2.5rem; line-height: 3.2rem;}
    .don_info .bg_box .img_01{height: 90px;}
    .don_info .bg_box .img_02{ margin-right: -70px;}
    .don_info .bg_box .img_02 > img{width: 140px;}

    .vlt_info .t_box > p{padding-bottom: 75px; font-size: 2.5rem; line-height: 3.2rem;}
    .vlt_info .bg_box .img_bg{height: 90px;}
    .vlt_info .bg_box .img_03 {margin-right: -65px;}
    .vlt_info .bg_box .img_03 > img{width: 130px;}
    .vlt_benefit{gap: 15px 10px;}
    .vlt_benefit li{width: calc(50% - 5px);}


    /* ---------------------------------- *
        * 오늘의식단
     * ---------------------------------- */
    .meals_table .meals_top{margin-bottom:10px;}
    .meals_table .meals_top .month{width:100%; justify-content:space-between;}
    .meals_table .meals_top .date{margin-top:10px;}


    /* ---------------------------------- *
        * 신청완료
     * ---------------------------------- */
    .apply_complete{padding-top:30px;}

    .apply_complete .icon{width:100px;}
    
    .apply_complete .txtbox{margin:20px 0 30px;}
    .apply_complete .txtbox h2{font-size:3.0rem; line-height:3.6rem;}
    .apply_complete .txtbox p{margin-top:15px;}


    /* ---------------------------------- *
        * 평생교육프로그램
     * ---------------------------------- */
    .prm_view .prm_box .prm_title h2{font-size:2.6rem; line-height:3.0rem;}
    .prm_view .prm_box .prm_thumbnails{margin:0 auto 30px;}
    .prm_view .prm_box .prm_instructor{width:100%;}
    .prm_view .prm_box .prm_instructor .imgbox{width:40%; margin:0 auto;}
    .prm_view .prm_box .prm_instructor p{max-width:100%;}
    .prm_view .prm_box td{align-items:center;}

    .prm_view .prm_refund h2.tit{font-size:2.6rem; line-height:3.0rem;}
    .prm_view .prm_refund .inner{padding:20px;}

    .prm_view .btn-area{margin-top:30px;}


    .prm_payment .payment_popup .pop_top{padding:20px;}
    .prm_payment .payment_popup .pop_con{padding:20px;}


    /* ---------------------------------- *
        * 마이페이지
     * ---------------------------------- */
    .login{padding:40px 20px;}

    .login .login_frm{margin:0 auto 30px;}
    .login .login_frm input{margin-bottom:5px;}

    .login .login_link{flex-direction:column; gap:15px;}
    .login .login_link ul{width:100%; padding-right:0;}

    .join_tab{margin-bottom:30px;}
    .join_tab ul{grid-template-columns:1fr;}
    .join_tab ul li{border-width:1px 1px 0 1px; gap:10px;}
    .join_tab ul li:first-child{border-radius:10px 10px 0 0}
    .join_tab ul li:last-child{border-radius:0 0 10px 10px; border-width:1px 1px;}

    
    /* ---------------------------------- *
        * 약관
     * ---------------------------------- */
    .terms_top{margin-bottom:30px; padding:20px;}
}