@charset "UTF-8";
select {font-size:initial}

/* 메인 타이틀 공통 */
.typo {}
.main_tit {margin-bottom:30px;font-size:36px;color:var(--colorBlack2);font-weight:700}
.main_tit .point_icon {}
.main_txt {font-size:18px;color:var(--colorBlack2)}

.section {padding:80px 0}
.section .typo {margin-bottom:30px} 
.section .typo .main_tit {display:inline-block;margin-bottom:0}
.section .typo .btn_more {display:inline-block;float:right;transform:translateY(calc(50% + 2px));transition:0.2s}
.section .typo .btn_more:hover,
.section .typo .btn_more:focus {color:var(--colorLightBrown)}
.section.flex_btw, 
.section.flex_btw2 {column-gap:60px}
.section > div:not(.sec04) .subject {font-size:20px;font-weight:700}
/*.section .no_contents {display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--colorWhite);border-top:1px solid var(--colorBlack2);border-bottom:1px solid var(--colorLightGray)}
.section .no_contents .icon {display:block;margin:0 auto 7px auto;font-size:--colorFontGray}*/
.section .no_contents {display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:1px solid var(--colorLightGray);border-radius:10px}
.section .no_contents .img {display:block;margin:0 auto 20px auto}
.section .no_contents .text {font-size:1.1em;color:var(--colorDarkGray)}

/* 메인 비주얼 */
.main_visual {padding-bottom:25px;background-image:url(/images/home/kor/user/main/mv01.jpg);background-repeat:no-repeat;background-position:center top;background-size:cover;position:relative}
.main_visual .container {column-gap:60px;align-items:flex-start;height:100%}
.main_visual .left {width:800px;position:relative}
.main_visual .right {width:calc(100% - 800px)}

.main_visual .slide_wrap {border-radius:20px;overflow:hidden}
.main_visual .slide_wrap .slide_inner {}
.main_visual .slide_wrap .slide_box {}
.main_visual .slide_wrap .img_box {padding-bottom:421px}
.main_visual .slide_wrap .img_box img {height:100%}
.main_visual .slide_box {}
.main_visual .slide_btn {display:block;margin-top:15px;text-align:center}
.main_visual .slide_btn .paging {display:inline-block;color:rgba(255,255,255,0.7);font-weight:200;font-size:18px;line-height:1;vertical-align:middle}
.main_visual .slide_btn .paging .now {font-weight:500;color:var(--colorWhite)}
/*.main_visual .slide_btn .count {line-height:1}
.main_visual .slide_btn .count li {display:inline-block;line-height:1;;color:var(--colorWhite);vertical-align:top;position:relative}
.main_visual .slide_btn .count li::after {margin:0 5px;line-height:1;font-weight:200;content:"/";opacity:0.7}
.main_visual .slide_btn .count li:last-child::after {display:none}
.main_visual .slide_btn .count button {color:var(--colorWhite);font-weight:200;font-size:18px;line-height:1;}
.main_visual .slide_btn .count li.slick-active {}
.main_visual .slide_btn .count li:hover button, 
.main_visual .slide_btn .count li:focus button, 
.main_visual .slide_btn .count li.slick-active button {font-weight:500;opacity:1}*/
.main_visual .slide_btn .btn {color:var(--colorWhite);opacity:1;position:relative}
.main_visual .slide_btn .btn:hover::after, 
.main_visual .slide_btn .btn:focus::after {color:var(--colorBlack2)}
.main_visual .slide_btn .btn.prev {left:-30px}
.main_visual .slide_btn .btn.prev::after {content:"\e93b";font-size:31px;font-weight:bold}
.main_visual .slide_btn .btn.next {right:-30px}
.main_visual .slide_btn .btn.next::after {content:"\e93e";font-size:31px;font-weight:bold}
.main_visual .slide_btn .btn.stop, 
.main_visual .slide_btn .btn.play {width:45px;height:45px;border:3px solid var(--colorWhite);border-radius:100%;transform:translateX(13px)}
.main_visual .slide_btn .btn.stop::after, 
.main_visual .slide_btn .btn.play::after {font-size:20px}
.main_visual .slide_btn .btn.stop:hover, 
.main_visual .slide_btn .btn.stop:focus, 
.main_visual .slide_btn .btn.play:hover, 
.main_visual .slide_btn .btn.play:focus {border-color:var(--colorYellow)}
.main_visual .slide_btn .btn.stop:hover::after, 
.main_visual .slide_btn .btn.stop:focus::after, 
.main_visual .slide_btn .btn.play:hover::after, 
.main_visual .slide_btn .btn.play:focus::after {color:var(--colorYellow)}
.main_visual .slide_btn .ctrl {gap:0}
.main_visual .slide_btn .ctrl .btn {width:60px;height:60px;color:var(--colorBrown);background-color:var(--colorWhite);border:3px solid var(--colorYellow);border-radius:100%;position:absolute;top:calc(50% - 30px);transform:translateY(-50%)}

.main_visual .quick_obj {}
.main_visual .quick_obj .quick_inner {}
/* .main_visual .quick_obj .quick_box {margin-bottom:32px;padding:30px 24px;border-radius:20px;background-color:var(--colorLightYellow);overflow:hidden}
.main_visual .quick_obj .quick_box:last-child {margin-bottom:0}
.main_visual .quick_obj .link {display:block;height:100%;position:relative;transition:0.2s}
.main_visual .quick_obj .link.flex_ct {display:flex}
.main_visual .quick_obj .main_tit {margin-bottom:12px;color:var(--colorBrown);font-size:30px;font-weight:800;transition:0.2s}
.main_visual .quick_obj .offset {width:100%}
.main_visual .quick_obj .quick_inner_obj {display:flex;column-gap:20px}
.main_visual .quick_obj .quick_inner {height:100%}
.main_visual .quick_obj .inner_obj_box {flex:1}
.main_visual .quick_obj .inner_obj_box .link {width:100%;height:100%;padding:17px 10px 15px 10px;text-align:center;border-radius:15px;border:1px solid #FDE07B;background-color:var(--colorWhite);}
.main_visual .quick_obj .inner_obj_box .link:hover, 
.main_visual .quick_obj .inner_obj_box .link:focus {background-color:#FDE07B}
.main_visual .quick_obj .inner_obj_box .img {margin-bottom:5px}
.main_visual .quick_obj .inner_obj_box .text {font-weight:500}
.main_visual .quick_obj .quick_box.b01 {}
.main_visual .quick_obj .quick_box.b01 .main_tit {font-size:24px}
.main_visual .quick_obj .quick_box.b02 {padding:0}
.main_visual .quick_obj .quick_box.b02 .link {padding:36px 24px}
.main_visual .quick_obj .quick_box.b02 .link::before {font-family:'xeicon';display:flex;align-items:center;justify-content:center;width:56px;height:56px;content:"\e907";line-height:1;font-size:38px;color:var(--colorBrown);border:1px solid #FDE07B;border-radius:100%;background-color:var(--colorWhite);position:absolute;right:24px;top:50%;transform:translateY(-50%);transition:0.2s}
.main_visual .quick_obj .quick_box.b02 .link:hover, 
.main_visual .quick_obj .quick_box.b02 .link:focus {}
.main_visual .quick_obj .quick_box.b02 .link:hover::before, 
.main_visual .quick_obj .quick_box.b02 .link:focus::before {color:var(--colorGreen);border-color:var(--colorGreen)}
.main_visual .quick_obj .quick_box.b02 .link:hover .main_tit, 
.main_visual .quick_obj .quick_box.b02 .link:focus .main_tit {color:var(--colorBlack2)}  */

.main_visual .quick_obj .quick_inner { display: flex; gap: 16px; flex-wrap: wrap; }
.main_visual .quick_obj .quick_inner li { flex: 0 0 48%; padding: 30px; border-radius: 20px; background: var(--colorWhite); }
.main_visual .quick_obj .quick_inner li:nth-child(1) { background: rgba(255,255,255,0.9); border: 3px solid var(--colorYellow) }
.main_visual .quick_obj .quick_inner li:nth-child(2) { background: #FEECAF; border: 3px solid #FEECAF; }
.main_visual .quick_obj .quick_inner li:nth-child(3) { background: var(--colorYellow); border: 3px solid var(--colorYellow) }
.main_visual .quick_obj .quick_inner li:nth-child(4) { background: #8CC930; border: 3px solid #8CC930;  }
.main_visual .quick_obj .quick_inner li .text { font-weight:700; font-size: 24px; margin: 16px 0 10px; }
.main_visual .quick_obj .quick_inner li .sbj {  }

.main_visual .scroll_down {display:grid;color:var(--colorWhite);position:absolute;left:40px;top:50%;z-index:1;transform:translateY(-50%)}
.main_visual .scroll_down .icon_box {order:2;display:inline-block}
.main_visual .scroll_down .icon_box .icon {font-size:0;animation:scroll_down_icon 1.5s infinite}
.main_visual .scroll_down .icon_box .icon::before {font-size:23px}
.main_visual .scroll_down .text {order:1;display:inline-block;padding-top:98px;font-weight:200;font-size:15px;line-height:1;writing-mode:vertical-rl;transform:rotate(180deg) translateX(-4px);position:relative}
.main_visual .scroll_down .text::after {display:block;width:1px;content:"";background-color:var(--colorWhite);position:absolute;bottom:80px;right:8px;opacity:0.2;transform-origin:top;animation:scroll_down 1.1s infinite}

@keyframes scroll_down{
	0% {height:10px}
	100% {height:80px}
}
@keyframes scroll_down_icon{
	0% {transform:translateY(0)}
	50% {transform:translateY(3px)}
	100% {transform:translateY(0)}
}


/* 장학사업 소식, 모집중 장학사업 공고 */
.sec01 {width:calc(50% - 135px)}
.sec01 .typo {}
.sec01 .typo .main_tit {}
.sec01 .typo .btn_more {}
.sec01 .board_list {}
.sec01 .board_list .list_inner {}
.sec01 .board_list .list {border-bottom:1px solid var(--colorLightGray)}
.sec01 .board_list .list:last-child {border-bottom:0}
.sec01 .board_list .link {display:block;padding:17px 0;transition:0.2s}
.sec01 .board_list .link .subject {margin-bottom:7px}
.sec01 .board_list .link .list_txt_group {display:flex;column-gap:20px}
.sec01 .board_list .link .list_txt_group .list_txt {margin-bottom:0;color:var(--colorFontGray)}
.sec01 .board_list .list .link:hover, 
.sec01 .board_list .list .link:focus {}
.sec01 .board_list .list .link:hover .subject, 
.sec01 .board_list .list .link:focus .subject {color:var(--colorDarkGreen);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}

.sec02 {width:calc(50% + 135px);position:relative}
.sec02 .board_list_wrap {height:383px}
.sec02 .board_list {height:100%;padding-right:12px;overflow-y:auto}
.sec02 .board_list::-webkit-scrollbar {width:8px;cursor:pointer}
.sec02 .board_list::-webkit-scrollbar-track {background-color:var(--colorLightGray);border-radius:8px}
.sec02 .board_list::-webkit-scrollbar-thumb {background-color:var(--colorFontGray);border-radius:8px}
.sec02 .board_list::-webkit-scrollbar-thumb:hover {background-color:var(--colorGreen)}
.sec02 .board_list .list_box {margin-bottom:24px;border:1px solid var(--colorLightGray);border-radius:11px;transition:0.2s}
.sec02 .board_list .list_box:last-child {margin-bottom:0}
.sec02 .board_list .link {position: relative; display:block;padding:20px 24px;background-color:var(--colorBgGray);border:1px solid var(--colorLightGray);border-radius:10px}
.sec02 .board_list .link .tag_ul {}
.sec02 .board_list .link .tag_ul2 {display:inline-block;margin-left:24px;vertical-align:top;position:relative}
.sec02 .board_list .link .tag_ul2::before {font-family:'xeicon';content:"\e93f";position:absolute;left:-21px;top:calc(50% - 1px);transform:translateY(-50%)}
.sec02 .board_list .link .tag {margin-bottom:2px}
.sec02 .board_list .link .subject {margin-bottom:15px}
.sec02 .board_list .link .list_txt_group {}
.sec02 .board_list .link .list_txt_group .list_txt {display:inline-flex;margin:0 50px 0 0}
.sec02 .board_list .link .list_txt_group .list_txt:last-child {margin:0}
.sec02 .board_list .link .list_txt_group .list_txt .dl {}
.sec02 .board_list .link .list_txt_group .list_txt .dt {color:#424242}
.sec02 .board_list .link .list_txt_group .list_txt .dd {color:var(--colorDarkGray)}
.sec02 .board_list .list_box:hover,  
.sec02 .board_list .list_box:focus {border-color:var(--colorYellow)}
.sec02 .board_list .list_box:hover .link, 
.sec02 .board_list .list_box:focus .link {background-color:var(--colorLightYellow);border-color:var(--colorYellow)}

.sec02 .board_list .link .status_tag { position: absolute; right: 24px; top:20px; padding: 5px 12px;
    color: var(--colorWhite); font-size: 15px; font-weight: 600; background-color: var(--colorBlue); border-radius: 5px; border: 1px solid var(--colorBlue); vertical-align: middle; }
.sec02 .board_list .link .status_tag.sch { color: var(--colorBlue); background-color: var(--colorWhite); border: 1px solid var(--colorBlue);}
.sec02 .board_list .link .status_tag.ded { color: var(--colorDarkGray); background-color: #E0E0E0; border: 1px solid #E0E0E0; }

/* 메인 띠배너 */
.main_md_banner {margin-bottom:80px;overflow:hidden}
.main_md_banner .link {display:block;transition:0.2s}
.main_md_banner .link:hover, 
.main_md_banner .link:focus {opacity:0.75}
.main_md_banner .img_box {display:block}

/* 성장지원사업 소식 */
.sec03 {background-color:#FFFCF0}
.sec03 .typo {display:flex;align-items:center;justify-content:space-between}
.sec03 .typo .btn_more {float:none;vertical-align:middle;transform:translateY(0)}
.sec03 .right {}
.sec03 .main_tit {}
.sec03 .cate_tab {display:inline-block;margin-right:35px;vertical-align:middle}
.sec03 .cate_tab .tab_inner {background-color:#fff4cf;border-radius:43px}
.sec03 .cate_tab .tab {display:inline-block}
.sec03 .cate_tab .tab .btn {display:block;padding:12.5px 24px;color:var(--colorBrown);line-height:1;font-size:18px;font-weight:500;border-radius:43px}
.sec03 .cate_tab .tab:not(.on) .btn:hover, 
.sec03 .cate_tab .tab:not(.on) .btn:focus {color:var(--colorDarkGreen)}
.sec03 .cate_tab .tab.on {}
.sec03 .cate_tab .tab.on .btn {color:var(--colorWhite);background-color:var(--colorDarkGreen)}
.sec03 .board_list_wrap {}
.sec03 .board_list {border-top:1px solid #FDE07B}
.sec03 .board_list .list_box {border-bottom:1px solid #FDE07B}
.sec03 .board_list .link {display:flex;align-items:center;column-gap:16px;padding:32px 24px;transition:0.2s}
.sec03 .board_list .link .tag {display:inline-block;width:90px;text-align:center;line-height:33px;color:var(--colorWhite);border-radius:6px;background-color:var(--colorDarkGreen)}
.sec03 .board_list .link .subject {width:calc(100% - 217px)}
.sec03 .board_list .link .date {width:95px;text-align:right;color:var(--colorDarkGray)}
.sec03 .board_list .link:hover, 
.sec03 .board_list .link:focus {background-color:var(--colorLightYellow)}


/* 알림마당 */
.sec04 {flex:1}
.sec04 .typo {display:flex;align-items:center;justify-content:space-between}
.sec04 .typo .right {}
.sec04 .typo .tab_obj {display:inline-block;margin-right:25px}
.sec04 .typo .tab_inner {display:flex;align-items:flex-end;column-gap:20px}
.sec04 .typo .tab {display:inline-block;vertical-align:bottom}
.sec04 .typo .tab .btn {display:block;color:#949494;font-size:18px;transition:0.2s}
.sec04 .typo .tab .btn:hover, 
.sec04 .typo .tab .btn:focus {color:var(--colorBlack2);font-weight:700}
.sec04 .typo .tab.on {}
.sec04 .typo .tab.on .btn {color:var(--colorBlack2);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.sec04 .typo .btn_more {float:none;transform:translateY(0)}
.sec04 .board_list {}
.sec04 .board_list .list_inner {}
.sec04 .board_list .list {column-gap:10px;margin-bottom:10px}
.sec04 .board_list .list:last-child {margin-bottom:0}
.sec04 .board_list .list .link {display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border:1px solid var(--colorLightGray);border-radius:5px;transition:0.2s}
.sec04 .board_list .list .subject {width:calc(100% - 95px);font-weight:600;transition:0.2s}
.sec04 .board_list .list .date {width:85px;text-align:right;color:#949494;font-size:15px;transition:0.2s}
.sec04 .board_list .list .link:hover, 
.sec04 .board_list .list .link:focus {box-shadow:0 0 10px rgba(0,0,0,0.1);border-color:var(--colorYellow)}
.sec04 .board_list .list .link:hover .subject, 
.sec04 .board_list .list .link:focus .subject {color:var(--colorLightBrown)}
.sec04 .board_list .list .link:hover .date, 
.sec04 .board_list .list .link:focus .date {color:var(--colorLightBrown)}

.sec05 {flex:1}
.sec05 .quick_menu {}
.sec05 .quick_inner {display:flex;flex-wrap:wrap;justify-content:space-between;gap:17px 16px}
.sec05 .quick_btn {width:calc(100% / 3 - 11px)}
.sec05 .quick_btn .btn {display:flex;align-items:center;justify-content:center;height:159px;text-align:center;border:1px solid var(--colorLightGray);border-radius:12px;transition:0.2s}
.sec05 .quick_btn .btn .obj {}
.sec05 .quick_btn .btn .img {display:flex;align-items:center;justify-content:center;margin:0 auto 14px auto}
.sec05 .quick_btn .btn .img img {}
.sec05 .quick_btn .btn .title {font-size:18px;font-weight:600;line-height:1.4}
.sec05 .quick_btn .btn .title.st {font-size:1rem}
.sec05 .quick_btn .btn:hover, 
.sec05 .quick_btn .btn:focus {border-color:var(--colorGreen);box-shadow:0 0 10px rgba(0,0,0,0.2)}