@charset "utf-8";

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

@media all and (min-width:1400px){/*  (min-width:1600px) {반응형일경우 수정*/
	.inner, .container {width:1400px; margin:0 auto; position:relative;}

}

* {box-sizing: border-box; }
a {text-decoration: none;}
li {list-style: none;}
button {font-family: 'Paperozi';}
body {font-family: "Paperozi"; font-weight: 500; letter-spacing: 0.2px; font-size: 15px; color: #555;}


.header { height: 100px; background-color: #fff; font-weight: 600; /*position: fixed; top: 0; left: 0; z-index: 999;*/ border-bottom: 1px solid #efefef; position: relative;}
.header .inner {width: 100%; height: 100px; margin: 0 auto;  display: flex; flex-wrap: wrap; align-items: center;  padding: 0 20px;}
.header .inner .logo_Box { display: flex; text-align: center; width: 30%; align-items: center; height: 100px; }
.header .inner .logo_Box .logo a { background: url("/groups/cec/images/RISE/h_logo_3.png") no-repeat center; background-size: contain; display: inline-block; width:600px; height: 80px;  text-indent: -99999px;}
.header .inner .gnb_area {display: flex; flex-wrap: wrap; width: 70%; align-items: center; height: 90px;}
.header .inner .gnb_area nav {width: 100%}
.header .inner .gnb_area nav .gnb_menu {width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-end;}
.header .inner .gnb_area nav .gnb_menu li {margin-right: 20px; width: 100px;}
.header .inner .gnb_area nav .gnb_menu li a {font-size: 16px; display: flex; flex-wrap: wrap; justify-content: center; text-align: center;}
.header .inner .gnb_area nav .gnb_menu li a i {width: 70px; height: 70px; display: block; }
.header .inner .gnb_area nav .gnb_menu li a i.book {background: url("/groups/cec/images/RISE/icon_book.png")no-repeat center; background-size: 60%; }
.header .inner .gnb_area nav .gnb_menu li a i.graduation {background: url("/groups/cec/images/RISE/icon_graduation.png")no-repeat center; background-size: 80%; }
.header .inner .gnb_area nav .gnb_menu li a span {width: 100%; display: block;}


@media all and (max-width:768px){
	.header {height: 110px; }
	.header .inner .logo_Box {padding-top: 41px; height: 60px; width: 0;}
	.header .inner .logo_Box .logo a {width: 260px; height: 60px;}
	.header .inner .gnb_area {width: 100%; height: 110px;}
	.header .inner .gnb_area nav {position: absolute; top: 4px; left: 0; padding: 10px 0; border-bottom: 1px solid #efefef;  }
	.header .inner .gnb_area nav .gnb_menu li {width: 90px; margin-right: 0;}
	.header .inner .gnb_area nav .gnb_menu li a i {display: none;}
	.header .inner .gnb_area nav .gnb_menu li a span {font-size: 15px;}
}

@media all and (max-width:480px){
	
	

}


/*메인 비주얼*/
.mainVisual_Box {height: 768px; position: relative; display: block; overflow: hidden; }
.mainVisual_Box::before {content: ""; position: absolute; bottom: 0px; width: 100%; height: 100%; display: block; background: url("/groups/cec/images/RISE/visual_img_03.jpg") center top; background-size: cover; background-position: center; z-index: -1;}

.sub_iogoArea {width: 100%; height: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.sub_iogoArea .center_txt {text-align: center; }
.sub_iogoArea .center_txt span {color: #fff; font-size: 54px; width: 100%; display: block;line-height: 1.3em;}
.sub_iogoArea .center_txt span.txt_01, .sub_iogoArea .center_txt span.txt_02 {font-weight: 600;}

.sub_iogoArea .center_txt span.txt_03 {font-size: 40px; font-weight: 400; }

.sub_iogoArea .logo_bg_01 {position: absolute; top: 50%; transform: translateY(-50%); width: 450px; height: 450px; }

.sub_iogoArea .logo_bg_01 a {display: block; width: 100%; height: 100%; transition: .3s;}
.sub_iogoArea .logo_bg_01 a:hover {transform: scale(1.1);}

.sub_iogoArea .logo_bg_01 a .txt_wrap {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }
.sub_iogoArea .logo_bg_01 a .txt_wrap span {display: block; width: 100%; font-size: 18px; line-height: 1.3em; color: #fff; text-align: center;}
.sub_iogoArea .logo_bg_01 a .txt_wrap span.b_tit {font-size: 30px; font-weight: 600;}
.sub_iogoArea .logo_bg_01 a .txt_wrap span.s_txt {font-weight: 400;}
.sub_iogoArea .logo_bg_01.left_logo  {left: 7%; }
.sub_iogoArea .logo_bg_01.left_logo a {background: url("/groups/cec/images/RISE/visual_bg_01.png")no-repeat center; background-size: contain;}
.sub_iogoArea .logo_bg_01.right_logo {right: 7%; }
.sub_iogoArea .logo_bg_01.right_logo a {background: url("/groups/cec/images/RISE/visual_bg_02.png")no-repeat center; background-size: contain;}


@media all and (max-width: 1600px) {
	.sub_iogoArea {align-items: flex-start; padding-top: 70px; }
	.sub_iogoArea .logo_bg_01 {top: 62%; width: 360px; height: 360px; }

	
}


@media all and (max-width: 1200px) {
	.mainVisual_Box {padding-bottom: 30px;}

	
}

@media all and (max-width: 1200px) {
	.mainVisual_Box {padding-bottom: 20px;}
	
}

@media all and (max-width: 1024px) {
	.circleBox {bottom: 19%;}
	.circleBox .circle {height: 10px;}
	
}

@media all and (max-width: 900px) {
	.sub_iogoArea .logo_bg_01 {width: 90%; padding: 20px 0; height: 195px;}
	.sub_iogoArea .logo_bg_01 a {border-radius: 60px;}
	.sub_iogoArea .logo_bg_01.left_logo {left: 50%; transform: translateX(-50%); top:35%;}
	.sub_iogoArea .logo_bg_01.left_logo a {background: #0D8486; }
	.sub_iogoArea .logo_bg_01.right_logo {right: 50%; transform: translateX(50%); top:60%;}
	.sub_iogoArea .logo_bg_01.right_logo a {background: #12960E; }
	
	
}

@media all and (max-width: 768px) {
	.mainVisual_Box {height: 500px;}
	.sub_iogoArea .center_txt span {font-size: 36px;}
	.sub_iogoArea .center_txt span.txt_03 {font-size: 27px;}
	.sub_iogoArea .logo_bg_01 {height: 155px;}
	.sub_iogoArea .logo_bg_01.left_logo {top: 38%;}
	.sub_iogoArea .logo_bg_01.right_logo {top: 63%;}
	.sub_iogoArea .logo_bg_01 a .txt_wrap span {font-size: 15px;}
	.sub_iogoArea .logo_bg_01 a .txt_wrap span.b_tit {font-size: 23px;}
	
	
	
	
}

.mainConBox {padding: 40px 20px;}
.mainConBox .mainTi {font-size: 40px; text-align: center; padding: 20px 0; color: #333; position: relative;}
.mainConBox .mainTi::before {content: ""; position: absolute; width: 31%; height: 1px; left: 0; top: 50%;transform: translateY(-50%); background-color:#099E5B; }
.mainConBox .mainTi::after {content: ""; position: absolute; width: 31%; height: 1px; right: 0; top: 50%;transform: translateY(-50%); background-color:#099E5B; }

/*공지사항*/
.mainConBox01 {position: relative;}
.mainConBox01 .notice_Box {height: 600px;position: relative;}
.mainConBox01 div.notice_list { position: relative; top: 10px;}
.mainConBox01 div.notice_list ul.boardTap > li { display: inline-block; margin-right: 20px;}
.mainConBox01 div.notice_list ul.boardTap > li button.tab_btn {border: none; background:none;}
.mainConBox01 div.notice_list ul.boardTap > li button.tab_btn span {font-size: 30px; color: #999; font-weight: 700;}
.mainConBox01 div.notice_list ul.boardTap > li button.tab_btn.on span {color: #099E5B;}

.mainConBox01 div.notice_list ul.boardTap > li div.nt_box {    position: absolute; display: inline-block; width: 100%; top: 75px; left: 0;}

.nt_box .bbs_list_new {
            position: relative;
            display: flex;
            flex-wrap: wrap; <
            li id="tap01">
            <button type="button" class="tab_btn on" data-tab="notice" title="확장됨"><span>공지사항</span></button>
            <div class="nt_box">
              <ul class="bbs_list_new" id="noticeList"><li><a href="javascript: void(0);" onclick="openArticleDetail('BBSMSTR_000000000587', 9016259)" title="상세 보기"><div class="category"><span>광주교대</span></div><div class="bbs_tit"><p>[외부 사업 홍보] 전북대학교 파란사다리 프로그램(뉴질랜드, 필리핀+베트남) 참가자 모집 안내<span class="new-badge">NEW</span><span class="file-icon"></span></p></div><div class="dayTxt"><span class="day">2026-04-20</span><span class="go_btn"></span></div></a></li><li><a href="javascript:void(0);" onclick="openArticleDetail('BBSMSTR_000000000587', 9016258)" title="상세 보기"><div class="category"><span>광주교대</span></div><div class="bbs_tit"><p>2025회계연도 교육·연구 및 학생지도 비용 자체점검 결과 공개<span class="file-icon"></span></p></div><div class="dayTxt"><span class="day">2026-04-17</span><span class="go_btn"></span></div></a></li><li><a href="javascript:void(0);" onclick="openArticleDetail('BBSMSTR_000000000587', 9016257)" title="상세 보기"><div class="category"><span>광주교대</span></div><div class="bbs_tit"><p>관인 등록 공고<span class="file-icon"></span></p></div><div class="dayTxt"><span class="day">2026-04-17</span><span class="go_btn"></span></div></a></li><li><a href="javascript:void(0);" onclick="openArticleDetail('BBSMSTR_000000000587', 9016251)" title="상세 보기"><div class="category"><span>광주교대</span></div><div class="bbs_tit"><p>도서관 우드버닝, 나만의 독서대 만들기 참여자 모집 안내(모집완료)<span class="file-icon"></span></p></div><div class="dayTxt"><span class="day">2026-04-15</span><span class="go_btn"></span></div></a></li></ul>
              <a href="https://bokjiportal.gnue.ac.kr/cop/bbs/article/selectBoardList.do?bbsId=BBSMSTR_000000000587" class="nt_btn_more_new" title="공지사항">더보기</a>
            </div>
          </li>;<
            li id="tap01">
            <button type="button" class="tab_btn on" data-tab="notice" title="확장됨"><span>공지사항</span></button>
            <div class="nt_box">
              <ul class="bbs_list_new" id="noticeList"><li><a href="javascript: void(0);" onclick="openArticleDetail('BBSMSTR_000000000587', 9016259)" title="상세 보기"><div class="category"><span>광주교대</span></div><div class="bbs_tit"><p>[외부 사업 홍보] 전북대학교 파란사다리 프로그램(뉴질랜드, 필리핀+베트남) 참가자 모집 안내<span class="new-badge">NEW</span><span class="file-icon"></span></p></div><div class="dayTxt"><span class="day">2026-04-20</span><span class="go_btn"></span></div></a></li><li><a href="javascript:void(0);" onclick="openArticleDetail('BBSMSTR_000000000587', 9016258)" title="상세 보기"><div class="category"><span>광주교대</span></div><div class="bbs_tit"><p>2025회계연도 교육·연구 및 학생지도 비용 자체점검 결과 공개<span class="file-icon"></span></p></div><div class="dayTxt"><span class="day">2026-04-17</span><span class="go_btn"></span></div></a></li><li><a href="javascript:void(0);" onclick="openArticleDetail('BBSMSTR_000000000587', 9016257)" title="상세 보기"><div class="category"><span>광주교대</span></div><div class="bbs_tit"><p>관인 등록 공고<span class="file-icon"></span></p></div><div class="dayTxt"><span class="day">2026-04-17</span><span class="go_btn"></span></div></a></li><li><a href="javascript:void(0);" onclick="openArticleDetail('BBSMSTR_000000000587', 9016251)" title="상세 보기"><div class="category"><span>광주교대</span></div><div class="bbs_tit"><p>도서관 우드버닝, 나만의 독서대 만들기 참여자 모집 안내(모집완료)<span class="file-icon"></span></p></div><div class="dayTxt"><span class="day">2026-04-15</span><span class="go_btn"></span></div></a></li></ul>
              <a href="https://bokjiportal.gnue.ac.kr/cop/bbs/article/selectBoardList.do?bbsId=BBSMSTR_000000000587" class="nt_btn_more_new" title="공지사항">더보기</a>
            </div>
          </li>;
            border-top: 2px solid #555;
            border-bottom: 2px solid #555;
            }
.nt_box .bbs_list_new li {width: 100%;/* background-color: #EFF9F4; *//* border-radius: 20px; *//* height: 229px; */box-sizing: border-box;padding: 30px 30px;/* margin-right: 20px; */border-bottom: 1px solid #e5e5e5;}
.nt_box .bbs_list_new li:last-child {margin-right: 0;}
.nt_box .bbs_list_new li a {display: flex;align-items: center;justify-content: space-between; text-decoration: none;}

.nt_box .bbs_list_new li a div.category {/* margin-bottom: 20px; */width: 140px;}
.nt_box .bbs_list_new li a div.category span {font-size: 20px; padding: 5px 25px;   background-color: #099E5B; border-radius: 50px; color: #fff;}

.nt_box .bbs_list_new li a div.bbs_tit {/* height: 97px; */width: 75%;}
.nt_box .bbs_list_new li a div.bbs_tit p {font-size: 22px;font-weight: 600;color: #333;line-height: 30px;/* margin: 28px 0 20px; */overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -ms-flexbox;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 3;-ms-line-clamp: 3;-moz-line-clamp: 3;-webkit-box-orient: vertical;-ms-box-orient: vertical;-moz-box-orient: vertical;}
.nt_box .bbs_list_new li a div.dayTxt {display: flex;flex-wrap: nowrap;justify-content: space-between;}
.nt_box .bbs_list_new li a div.dayTxt span.day {font-size: 19px;color: #666;width: 120px;margin-right: 30px;}
.nt_box .bbs_list_new li a div.dayTxt span.go_btn { background: url(/groups/cec/images/RISE/arrow_gray.png) no-repeat center; width: 30px; height: 26px; background-size: contain;  display: inline-block;}

a.nt_btn_more_new {position: absolute; width: 25px; height: 25px;  top: -80px; right: 0; text-indent: -9999px;  background: url(/groups/cec/images/RISE/more_btn.png) no-repeat center; background-size: contain;}


@media all and (max-width: 1400px) {
	.mainConBox .mainTi::before, .mainConBox .mainTi::after {display: none;}
	
	
  
}

@media all and (max-width: 1024px) {
	.nt_box .bbs_list_new li a div.bbs_tit {width: 58%;}
	.nt_box .bbs_list_new li a div.bbs_tit p {-webkit-line-clamp: 1;}
}




@media all and (max-width: 768px) {
	
  .mainConBox01 div.notice_list ul.boardTap > li button.tab_btn span {font-size: 25px;}
	.mainConBox01 .notice_Box {height: 940px;}
	.nt_box .bbs_list_new li { padding: 30px 20px;}
	.nt_box .bbs_list_new li a {flex-wrap: wrap;}
	.nt_box .bbs_list_new li a div.category {width: 100%;}
	.nt_box .bbs_list_new li a div.bbs_tit {width: 100%; margin: 20px 0;}
	.nt_box .bbs_list_new li a div.dayTxt span.go_btn {display: none;}
	
  
}


@media all and (max-width: 480px) {
	.mainConBox .mainTi {font-size: 28px;}
	.mainConBox01 div.notice_list ul.boardTap > li button.tab_btn span {font-size: 20px;}
	
	a.nt_btn_more_new {width: 20px; height: 20px; top:-73px;}
	.mainConBox01 .notice_Box {height: 850px;}
	.nt_box .bbs_list_new li a div.category span {font-size: 17px;}
	.nt_box .bbs_list_new li a div.bbs_tit p {font-size: 18px; line-height: 23px;}
	.nt_box .bbs_list_new li a div.dayTxt span.day {font-size: 15px;}
	.nt_box .bbs_list_new li a div.dayTxt span.go_btn {width: 23px; height: 19px;}
  
}




 .txt_Box {width: 100%;}
 .txt_Box h4 {font-size:35px; color: #333; margin-bottom: 10px;} 
 .txt_Box h4 span {color: #099E5B;}
 .txt_Box h4 span.bu_num {display: block; width: 100%; font-weight: 900;}
 .txt_Box p {font-size: 20px; margin-bottom: 10px;}
 .txt_Box ul {margin-top: 20px;}
 .txt_Box ul li {padding-left: 15px; font-size: 18px; color: #101010; position: relative; margin-bottom: 5px; }


.mainConBox02 {background-image: linear-gradient(180deg, #E1FDF0, #FEFCEF, #fff);}

.mainConBox .content_Box .business_Box_01 {display: flex; flex-wrap: wrap; justify-content: space-between; overflow: hidden; margin-bottom: 30px; margin-top: 30px;}
.mainConBox .content_Box .business_Box_01 .left_Box {width: 48%; display: flex; align-items: center; justify-content: center;}
.mainConBox .content_Box .business_Box_01 .left_Box .txt_Box ul li:last-child {margin-bottom: 0;}
.mainConBox .content_Box .business_Box_01 .left_Box .txt_Box ul li::before {content: ""; width: 6px; height: 2px; background-color: #101010; position: absolute; top: 10px; left: 3px;}
.mainConBox .content_Box .business_Box_01 .right_Box {width: 48%;}
.mainConBox .content_Box .business_Box_01 .right_Box .img_Box {border-radius: 20px; overflow: hidden; }
.mainConBox .content_Box .business_Box_01 .right_Box .img_Box img {display: block; object-fit: cover; width: 100%; height: 100%;}


@media all and (max-width: 900px) {
	.mainConBox .content_Box .business_Box_01 .left_Box, .mainConBox .content_Box .business_Box_01 .right_Box {width: 100%;}
	.mainConBox .content_Box .business_Box_01 .left_Box {margin-bottom: 40px;}
  
}

@media all and (max-width: 480px) {
	.txt_Box h4 {font-size: 24px;}
	.txt_Box p {font-size: 18px;}
	.txt_Box ul li {font-size: 16px;}
  
}



.mainConBox02 .content_Box_02 {}
.mainConBox02 .content_Box_02 .business_Box_02{margin-bottom: 30px;}
.mainConBox02 .content_Box_02 .business_Box_02 img {display: block; width: 100%;}
.mainConBox02 .content_Box_02 .business_Box_02 ul.bus_list_Box {display: flex; flex-wrap: wrap; justify-content: space-between;}
.mainConBox02 .content_Box_02 .business_Box_02 ul.bus_list_Box li.bus_list {width: 49%; padding: 30px 25px; border-radius: 10px; background-color: #fff; box-shadow: 0px 0px 10px 1px rgba(0, 125, 86, .15); margin-bottom: 20px; }
.mainConBox02 .content_Box_02 .business_Box_02 ul.bus_list_Box li.bus_list {display: flex; flex-wrap: nowrap;}
.mainConBox02 .content_Box_02 .business_Box_02 ul.bus_list_Box li.bus_list i.bn_icon {width: 80px;  background-size: contain !important; display: block;}
.mainConBox02 .content_Box_02 .business_Box_02 ul.bus_list_Box li.bus_list i.bn_icon01 {background: url(/groups/cec/images/RISE/bn_icon01.png)no-repeat center;}
.mainConBox02 .content_Box_02 .business_Box_02 ul.bus_list_Box li.bus_list i.bn_icon02 {background: url(/groups/cec/images/RISE/bn_icon02.png)no-repeat center;}
.mainConBox02 .content_Box_02 .business_Box_02 ul.bus_list_Box li.bus_list i.bn_icon03 {background: url(/groups/cec/images/RISE/bn_icon03.png)no-repeat center;}
.mainConBox02 .content_Box_02 .business_Box_02 ul.bus_list_Box li.bus_list i.bn_icon04 {background: url(/groups/cec/images/RISE/bn_icon04.png)no-repeat center;}
.mainConBox02 .content_Box_02 .business_Box_02 ul.bus_list_Box li.bus_list div {padding-left: 30px;}
.mainConBox02 .content_Box_02 .business_Box_02 ul.bus_list_Box li.bus_list div p {font-size: 22px; color: #101010;margin-bottom: 10px; font-weight: 600; }
.mainConBox02 .content_Box_02 .business_Box_02 ul.bus_list_Box li.bus_list div ul li {font-size: 17px; font-weight: 400;}


@media all and (max-width: 1024px) {
	.mainConBox02 .content_Box_02 .business_Box_02 ul.bus_list_Box li.bus_list {width: 100%;}
  
}

@media all and (max-width: 480px) {
	.mainConBox02 .content_Box_02 .business_Box_02 ul.bus_list_Box li.bus_list {flex-wrap: wrap; justify-content: center;}
	.mainConBox02 .content_Box_02 .business_Box_02 ul.bus_list_Box li.bus_list i.bn_icon {height: 80px; margin-bottom: 20px;}
	.mainConBox02 .content_Box_02 .business_Box_02 ul.bus_list_Box li.bus_list div {padding-left: 0; width: 100%;}
	.mainConBox02 .content_Box_02 .business_Box_02 ul.bus_list_Box li.bus_list div p {font-size: 19px;}
	.mainConBox02 .content_Box_02 .business_Box_02 ul.bus_list_Box li.bus_list div ul li {font-size: 16px;}
	
  
}



.mainConBox03 {overflow: hidden;}
.mainConBox03 .program_out_Box {margin-top: 30px;}
.mainConBox03 .program_out_Box .program_slider {
  
}


.mainConBox03 .program_out_Box .program_slider .slider_Box {
    display: flex; 
    flex-wrap: nowrap; 
    width: 100%;
} 

.mainConBox03 .program_out_Box .program_slider .slider_Box .slide_list {
    background-color: #fff;  
    border-radius: 20px 20px 60px 20px; 
    width: 660px; 
    box-shadow: 0px 0px 10px 1px rgb(159 164 169 / 15%); 
    margin: 5px 20px 5px 5px;
    min-width: 357px;
    flex-shrink: 0;
}

.mainConBox03 .program_out_Box .program_slider .slider_Box .slide_list .program_img_Box {
    width: 100%; 
    height: 280px; 
    border-radius: 20px 20px 0 0 ; 
    overflow: hidden; 
    position: relative;
}

.mainConBox03 .program_out_Box .program_slider .slider_Box .slide_list .program_img_Box span.p_status {
    position: absolute; 
    top: 20px; 
    right: 20px; 
    width: 70px; 
    height: 70px; 
    display: flex; 
    align-items: center; 
    border-radius: 50px; 
    background-color: rgba(0, 116, 228, .6); 
    color: #fff; 
    font-size: 16px; 
    font-weight: 600; 
    text-align: center; 
    justify-content: center;
}

.p_status_01 {background-color: rgba(30, 175, 0, .7) !important; }
.p_status_02 {background-color: rgba(0, 77, 254, .7) !important;}
.p_status_03 {background-color: rgba(85, 85, 85, .7) !important;}

.mainConBox03 .program_out_Box .program_slider .slider_Box .slide_list .program_img_Box img {
    display: block; 
    width: 100%; 
    height: 100%; 
    object-fit: cover;
}

.mainConBox03 .program_out_Box .program_slider .slider_Box .slide_list .program_txt_Box { font-size: 16px;
    padding: 40px 50px;
}

.mainConBox03 .program_out_Box .program_slider .slider_Box .slide_list .program_txt_Box h5 {
	font-size: 27px; color: #101010; padding-bottom: 30px; position: relative;
}

.mainConBox03 .program_out_Box .program_slider .slider_Box .slide_list .program_txt_Box h5::before {
	content: ""; position: absolute; bottom: 15px; left: 0; width: 30px; height: 1px; background-color: #101010;
}

.mainConBox03 .program_out_Box .program_slider .slider_Box .slide_list .program_txt_Box a { 
    font-size: 23px; 
    margin: 10px 0; 
    display: -webkit-box; 
    overflow: hidden;
    height: 55px;
    margin: 10px 0; 
    -webkit-box-orient: vertical; 
    text-overflow: ellipsis; 
    white-space: normal;  
    word-wrap: break-word; 
    -webkit-line-clamp: 2; 
    line-height: 1.2em; 
    font-weight: 700;
}


.mainConBox03 .program_out_Box .program_slider .slider_Box .slide_list .program_txt_Box span {
    font-size: 17px !important;
}

.mainConBox03 .program_out_Box .program_slider .slider_Box .slide_list .program_txt_Box span.p_tit {
    padding: 3px 5px; 
    border-radius: 3px; 
    margin-right: 5px; 
    background-color: #efefef;
}

/* controls를 inner 안으로 이동 - 훨씬 간단해짐 */
.mainConBox03 .inner .controls {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}

.mainConBox03 .inner .controls .controls_Box {
    display: flex; 
    align-items: center;
    justify-content: flex-end;
}

.mainConBox03 .inner .controls .controls_Box button {
    border: none;
}

.mainConBox03 .inner .controls .controls_Box button.left {
    width: 20px;   
    height: 25px; 
    background: url("/_themes/healthy/images/common/btn_prev_g.png") no-repeat center; 
    background-size: contain; 
    cursor: pointer;
}

.mainConBox03 .inner .controls .controls_Box span.controls_bar {
    height: 26px; 
    width: 3px; 
    background-color: #888; 
    border-radius: 10px; 
    margin: 0 15px; 
    display: inline-block;
}

.mainConBox03 .inner .controls .controls_Box button.right {
    width: 20px;   
    height: 25px; 
    background: url("/_themes/healthy/images/common/btn_next_g.png") no-repeat center; 
    background-size: contain;
    cursor: pointer;
}

.mainConBox03 .inner .controls .controls_Box button.more_btn {
    width: 25px; 
    height: 25px; 
    background: url(/_themes/healthy/images/common/more_btn.png) no-repeat center; 
    background-size: contain; 
    margin-left: 20px;
}

.program_txt_Box span.program_00 {
    background-color: #3498db;
    border-radius: 5px; 
    font-size: 17px;
    color: #003C74 !important;
    padding: 3px 10px; 
    text-align: center;
}

.program_txt_Box p.program_p01 {font-size: 18px; color: #101010; margin-bottom: 20px;}
.program_txt_Box p.program_p02 {margin-bottom: 30px;}

.program_txt_Box span.expected_effect {font-size: 17px; padding: 5px 20px; border-radius: 50px; border: 1px solid #099E5B; color: #099E5B; margin-bottom: 20px;}

.program_txt_Box ul {margin-top: 15px;}




@media all and (max-width: 768px) {
	.mainConBox03 .program_out_Box .program_slider .slider_Box .slide_list {width: 100%;}
  
}

@media all and (max-width: 480px) {
	.mainConBox03 .program_out_Box .program_slider .slider_Box .slide_list .program_txt_Box {padding: 30px;}
	.mainConBox03 .program_out_Box .program_slider .slider_Box .slide_list .program_img_Box {height: 210px;}
	.mainConBox03 .program_out_Box .program_slider .slider_Box .slide_list .program_txt_Box h5 {font-size: 21px;}
	.program_txt_Box p.program_p01 {font-size: 17px;}
	.mainConBox03 .program_out_Box .program_slider .slider_Box .slide_list .program_txt_Box span {font-size: 16px;}
}








.mainConBox04 {background-color: #f9f9f9;}
.mainConBox04 .mainTi {text-align: left;}
.mainConBox04 .mainTi::before {display: none;}
.mainConBox04 .mainTi::after {display: none;}
.mainConBox04 .map_p {padding-bottom: 40px; position: relative;}
.mainConBox04 .map_p::before {content: ""; position: absolute; bottom: 10px; left: 0;  width: 90%; height: 1px; background-color: #101010;}
.mainConBox04 .txt_Box .map_ul {margin-bottom: 30px;}
.mainConBox04 .txt_Box .map_ul li {padding-left: 0; }
.mainConBox04 .txt_Box .map_ul li::before {display: none;}
.mainConBox04 .txt_Box .map_ul li span:first-child {font-weight: 700;}
.mainConBox04 .txt_Box .map_ul li span:nth-child(2) {color: #555; padding-left: 10px; display: inline-flex;}
.mainConBox04 .txt_Box .btn_Box a {padding: 5px 20px; margin-right: 5px; border-radius: 50px; display: inline-block;}
.mainConBox04 .txt_Box .btn_Box a:last-child {margin-right: 0;}
.mainConBox04 .txt_Box .btn_Box a.kakao_map {color: #C97F00; border: 2px solid #C97F00;}
.mainConBox04 .txt_Box .btn_Box a.naver_map {color: #026B43; border: 2px solid #026B43;}
.mainConBox04 .business_Box_01 .right_Box {padding: 20px;}
.mainConBox04 .business_Box_01 .right_Box .img_Box {    box-shadow: 0px 0px 15px 2px rgb(159 164 169 / 25%);}

.root_daum_roughmap .cont {display: none;}

.bn_Box {padding: 40px; overflow: hidden;}
.bn_Box ul {display: grid; gap:20px; flex-wrap: nowrap; grid-template-columns:repeat(3, 1fr);}
.bn_Box ul li {}
.bn_Box ul li a {display: flex; justify-content: center; align-items: center;}
.bn_Box ul li a img {display: block; width:100%;}


@media all and (max-width: 1024px) {
	.bn_Box ul li a img {display: block; width:100%;}

}


@media all and (max-width: 480px) {
	.mainConBox04 .txt_Box .map_ul li span:nth-child(2) {width: 100%; padding-left: 0;}
	.mainConBox04 .txt_Box ul li {margin-bottom: 20px;}
	.bn_Box {padding: 25px 20px;}
}



/* footer */
footer {clear:both; position:relative; font-size: 16px; background-color: #29292c; color: #fff; font-family: 'Pretendard' !important;
    letter-spacing: -0.02em;}
footer .inner {position:relative}
button.btn_top {position:absolute; top:-70px; right:0; display:block; width:60px; height:60px; text-indent:-9999px; z-index:1; background:url('/groups/common/images/btn/btn_top.png') no-repeat }
footer .fmenu {overflow:hidden; text-align:left;}
footer .fmenu li {display:inline-block; padding:5px 10px 5px 0;}
footer .fmenu li a {color: #fff;}
footer .copyrights {display:block; text-align:left; font-size:1em; line-height:1.5; color: #fff;}
footer .copyrights a {text-decoration:none; color: #fff;}
footer .copyrights address {padding:5px 0}
footer .copyrights small {font-weight: 100;}


.footer_in_Box {display: grid; flex-wrap: wrap; gap:50px; padding: 20px 0; grid-template-columns:250px 1fr;}
.footer_in_Box .footer_logo_Box {background: url('/groups/cec/images/RISE/h_logo_w2.png') no-repeat center; background-size: contain;}
.footer_in_Box .footer_copyrights_Box {text-align: left;}




@media all and (max-width:1440px) {
	.footer_in_Box {padding: 20px;}
}

@media all and (max-width:1201px) {
	footer .copyrights address span:last-child {display: block;}
}


@media all and (max-width:1100px) {
	footer .fmenu {padding-left: 0;}
	footer .fmenu li {padding: 5px 0; margin-right: 10px;}
	footer .copyrights {padding-left: 0;}
	.footer_in_Box {gap:20px;}
	.footer_in_Box .footer_logo_Box { width: 100%; height: 45px;}
	.footer_in_Box .footer_copyrights_Box {width: 100%;}
}

@media all and (max-width:1025px) {
	footer .copyrights address span:last-child {display: inline-block;}
}

@media all and (max-width:769px) {
	.footer_in_Box { display: flex; justify-content: center;}
	footer .fmenu,
	footer .copyrights {text-align: center;}
}