@charset "utf-8"; .section{margin:140px 0 0 0;} .section .inner{display:flex;gap:40px;} .title_wrap{display:flex;width:100%;margin:0 0 40px 0;justify-content:space-between;align-items:center;} .cont_wrap{position:relative;width:100%;;} .main_title{font-family: var(--secondary-title-font);font-size:36px;font-weight:bold;color:var(--primary-title-color);} .btn_more{display:inline-flex;height:40px;padding:0 5px 0 20px;background:#fff;border:1px solid #1a1b1d;font-size:16px;font-weight:500;color:var(--primary-title-color);border-radius:50px;align-items:center;} .btn_more i{width:40px;height:40px;background:url(../images/main/icon_plus.png) no-repeat center center;} .main .tabs{display:flex;gap:30px;} .main .tab{position:relative;font-size:20px;font-weight:400;color:#636469;} .main .tab.active{font-weight:bold;color:var(--primary-color);} .main .tab.active::after{position:absolute;content:"";width:6px;height:6px;background:var(--primary-color);border-radius:100%;right:-8px;top:-2px;} .main .tab_content{position:absolute;display:none;width:100%;left:0;} .main .tab.active+.tab_content{display:block;} /* 메인비주얼 */ .main_visual{width:100%;height:422px;} .main_visual .visual_slide{width:100%;height:100%;border-radius:20px;} .main_visual .visual_slide a:first-child{background:blue;} .main_visual .visual_slide a:nth-child(2){background:red;} .main_visual .visual_slide a:nth-child(3){background:salmon;} /* //메인비주얼 */ /* section01 */ .section01{height:452px;} .sch_cont{position:relative;width:calc(100% - 470px);} .sch_cont .cont_wrap{top:-85px;left:290px;} .sch_cont .tab_content{width:100%;left:-290px;top:calc(100% + 40px);} .sch_cont .sch_title{margin:0 0 20px 0;} .sch_cont .current_date{font-size:30px;font-weight:bold;} .sch_cont .list{width:100%;border-top:1px solid #000;} .sch_cont .list>li{border-bottom:1px dashed #aeafb2;} .sch_cont .list a{display:flex;padding:19px 16px;align-items:center;justify-content:space-between;} .sch_cont .status{height:30px;padding:4px 16px;margin:0 4px 0 0;font-size:16px;font-weight:500;box-sizing:border-box;border-radius:30px;} .sch_cont .status.green{background:#CEF5E4;color:#00A15B;} .sch_cont .status.gray{background:#F2F4F6;color:#636469;} .sch_cont .list .title{font-size:18px;font-weight:400;color:var(--primary-title-color);line-height:1.3;} .sch_cont .list_info{display:flex;font-size:16px;color:#7f868f;margin:16px 0 0 0;gap:20px;} .sch_cont .list_info em{font-weight:600;margin:0 8px 0 0;} .sch_cont .text_move{display:flex;font-size:16px;font-weight:600;color:#9FA1A8;align-items:center;transition:all 0.3s;} .sch_cont .text_move i{display:inline-block;width:24px;height:24px;margin:1px 0 0 8px;background:url(../images/main/btn_more.png) no-repeat center bottom;transition:color .3s;} .sch_cont a:hover .text_move{color:var(--primary-title-color);} .sch_cont a:hover .text_move i{background:url(../images/main/btn_more.png) no-repeat center top;} .sch_cont .tab_content .btn_more{position:absolute;top:3px;right:0;} .allim_cont{position:relative;width:430px;border-radius:20px;overflow:hidden;} .allim_slide{width:100%;height:100%;} .allim_slide a:first-child{background:blue;} .allim_slide a:nth-child(2){background:red;} .allim_slide a:nth-child(3){background:salmon;} .allim_bottom{position:absolute;display:flex;width:100%;height:60px;padding:0 24px;background:#303347;left:0;bottom:0;justify-content:space-between;align-items:center;z-index:1;} .allim_bottom .title{font-size:20px;font-weight:bold;color:#fff;} .allim_util{display:flex;align-items:center;gap:8px;} .allim_util p{font-size:16px;font-weight:400;color:#858897;letter-spacing:2px;} .allim_util .current_num{font-weight:bold;color:#2de394;} .allim_util button{width:24px;height:24px;} .allim_util button i{display:inline-block;width:100%;height:100%;} .allim_util .btn_prev{background:url(../images/main/icon_prev.png) no-repeat center center;} .allim_util .btn_pause{background:url(../images/main/icon_pause.png) no-repeat center center;} .allim_util .btn_play{background:url(../images/main/icon_play.png) no-repeat center center;} .allim_util .btn_next{background:url(../images/main/icon_next.png) no-repeat center center;} /* //section01 */ /* section02 */ .section02 .inner{display:block;height:427px;} .section02 .cont_wrap{top:-85px;left:190px;} .section02 .tab_content{top:calc(100% + 40px);left:-190px;} .section02 .card_list{display:flex;align-items:stretch;gap:30px;} .section02 .card_list>li{width:calc((100% / 4));} .section02 .card_list a{padding:30px;background:#F2F4F6;border:2px solid transparent;border-radius:10px;transition:all .3s;} .section02 .card_list a:hover{background:#fff;transform:translateY(-10px);} .section02 .part_notice a:hover{border:2px solid var(--primary-color);box-shadow:0 3px 5px 3px rgba(44,69,195,0.15);} .section02 .part_data a:hover{border:2px solid #00a15b;box-shadow:0 3px 5px 3px rgba(0,161,91,0.15);} .section02 .card_list .part{display:flex;font-size:16px;font-weight:600;gap:8px;align-items:center;} .section02 .card_list .part i{display:inline-block;width:22px;height:22px;} .section02 .part_notice .part{color:var(--primary-color);} .section02 .part_notice .part i{background:url(../images/main/icon_notice.png) no-repeat center center;} .section02 .part_data .part{color:#00a15b;} .section02 .part_data .part i{background:url(../images/main/icon_data.png) no-repeat center center;} .section02 .card_list .title{display:-webkit-box;width:100%;height:102px;margin:10px 0 15px 0;font-size:24px;font-weight:600;color:var(--primary-title-color);line-height:1.4;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;} .section02 .card_list .summary{display:-webkit-box;width:100%;font-size:16px;font-weight:400;color:#636469;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;} .section02 .list_util{display:flex;width:100%;font-size:14px;color:#636469;margin:24px 0 0 0;gap:18px;} .section02 .list_util li{display:flex;align-items:center;gap:4px;} .section02 .list_util .icon{display:inline-block;width:22px;height:22px;} .section02 .list_util .calendar{background:url(../images/main/icon_calendar.png) no-repeat center;} .section02 .list_util .writer{background:url(../images/main/icon_writer.png) no-repeat center;} .section02 .list_util .view{background:url(../images/main/icon_view.png) no-repeat center;} .section02 .btn_more{position:absolute;top:-71px;right:0;} /* //section02 */ /* section03 */ .section03 .inner{display:flex;gap:30px;} .faq_cont, .qna_cont{width:50%;} .box_list{width:100%;background:#f2f4f6;border-radius:20px;padding:30px 30px 20px 30px;} .box_list span{display:flex;width:100%;font-size:18px;font-weight:500;color:var(--primary-title-color);align-items:flex-start;} .box_list li{padding:16px 0;border-bottom:1px solid #D8D8D8;} .box_list li:first-child{padding:0 0 16px 0;} .box_list li:last-child{border-bottom:0;} .box_list li:first-child .question{font-size:24px;} .box_list em{font-family:var(--secondary-title-font);font-size:20px;font-weight:700;margin:0 16px 0 0;vertical-align:middle;} .box_list li:first-child em{font-size:24px;} .box_list .question em{color:var(--primary-color);} .box_list .answer{display:flex;align-items:flex-start;margin:16px 0 0 0;} .box_list .answer span{display:-webkit-box;font-size:16px;font-weight:400;color:#636469;margin:2px 0 0 0;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;} .box_list .answer em{color:#7A7C86;} .qna_cont .cont_wrap{height:calc(100% - 94px);background:salmon;border-radius:20px;} /* //section03 */