@charset "utf-8";

html{}
html, body{width:100%; }

/*
*[data-fade]{opacity:0; transition:all 1s;}
*[data-fade="true"].active{opacity:1;}
*/

.section-wrap{}
.section-wrap.eng{padding-bottom:100px;}
.main-visual{position:relative;}
.visual-slider{height:250px;}
.visual-slider div{position:relative;}
.visual-slider div img{}
.visual-slider .slick-slide img{display:block; margin:0 auto; width:auto; height:250px; max-width: none; position:absolute;; left: 50%; transform: translateX(-50%);}
.visual-slider .visual-text{position:absolute; left:50%; top:120px; transform:translateX(-50%); width:1400px; font-family: 'NotoSerifKR'; font-size:54px; font-weight:200; color:#fff; line-height:1.3;}
.visual-slider .visual-text span{font-family: 'NotoSerifKR'; font-weight:600; color:#fff; line-height:1;}
.visual-slider .visual-text .esdc{display:flex; align-items:center; line-height:1; font-size:18px; color:#fff; margin-top:30px;}
.visual-slider .visual-text .esdc::before{content:'';  display:inline-block; width:19px; height:21px; margin-right:10px; background:url('/resource/renewal/images/main/ico_esdc.png') no-repeat;}
.visual-info{position:absolute; top:60px; left:50%; transform:translateX(-50%); width:1400px; z-index:1000; display:flex; align-items:center;}
.visual-info .page .slick-dots{display:flex; }
.visual-info .page li{line-height:1;}
.visual-info .page li button{border:0; font-size:14px; font-weight:600; color:rgba(225,225,225,.3); line-height:1;}
.visual-info .page li:not(:last-child){margin-right:15px;}
.visual-info .page li.slick-active button{text-decoration:underline; text-underline-position:under; color:#fff;}
.visual-info .stop{display:block; margin-left:16px; width:7px; height:11px; background:url('/resource/renewal/images/main/vis_stop.png') no-repeat; text-indent:-9999px; overflow:hidden; border:0;}

.main-visual__search{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; max-width:1400px; display:flex; justify-content:flex-end; z-index:9;}
.main-visual__search input[type="text"]{width:250px; height:50px; border:0; background:#fff; font-size:16px; padding:0 20px;}
.main-visual__search button{width:50px; height:50px; background:url('/resource/renewal/images/main/main_search_icons_03.png') no-repeat center center #feaa49; border:0; text-indent:-9999px; overflow:hidden;}

.section1{position:relative; z-index:10; display:flex; justify-content:space-between; margin-top:50px;}
.section1 .title{margin-bottom:20px;}
.section1 .title h2{font-size:20px; font-weight:600; color:#111; line-height:1; }
.section1.eng .title{margin-bottom:20px;}

.section1 > div{}
.section1 .committee{width:670px;position:relative;}
.section1 .committee .title{}
.section1 .committee .title h2{}
/*.section1 .committee a{display:block;}
.section1 .committee a .img{display:block; box-shadow:10px 5px 10px rgba(0,0,0,.1); position:relative; height:450px;}
.section1 .committee a .img img{position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%;}*/
.section1 .committee a .text{display:block; font-size:22px; font-weight:600; color:#111; margin-top:10px;}
.section1.eng > div:not(:last-child){margin-right:30px;}
.section1.eng .committee{width:calc((100% - 440px) / 2 );}
.section1.eng .committee a .img{height:336px; background-color:#111; overflow:hidden;}
.section1.eng .committee a .img img{width:100%; height:100%;}

.section1 .activity{width:290px;}
.section1 .title{display:flex; align-items:center;}
.section1 .counter{font-size:14px; color:#ddd; line-height:1; display:flex; justify-self:flex-end; margin-left:auto;}
.section1 .counter span{font-size:14px; color:#111;}
.section1 .counter .max::before{content:'/'; margin:0 2px;}
.section1 .btnWrap{display:flex; justify-self:flex-end; margin-left:10px;}
.section1 .btnWrap a{display:flex; justify-content:center; text-indent:-999px; overflow:hidden; width:21px; height:21px; border:1px solid #ddd; background-repeat:no-repeat; background-position:center center; background-color:#000;}
.section1 .btnWrap .prev{background-image:url('/resource/renewal/images/main/ico_arrow_l.png');}
.section1 .btnWrap .stop,.section1 .btnWrap .astop{background-image:url('/resource/renewal/images/main/ico_stop.png'); margin-left:-1px;}
.section1 .btnWrap .play{background-image:url('/resource/renewal/images/main/ico_play.png') ! important; margin-left:-1px;}
.section1 .btnWrap .next{background-image:url('/resource/renewal/images/main/ico_arrow_r.png'); margin-left:-1px;}
.section1.eng .activity{width:calc((100% - 440px) / 2 );}

.section1 .activity-slider{height:510px;}
.section1 .activity-slider .slick-list{margin-right:-20px; overflow:hidden;}
.section1 .activity-slider .slick-track{display:flex;}
.section1 .activity-slider .slick-slide{margin-right:20px;}
.section1 .activity-slider div .img{display:block; box-shadow:10px 5px 10px rgba(0,0,0,.1); overflow:hidden; height:193px;}
.section1 .activity-slider div .img img{width:auto; max-width:none; height:100%; position:relative; left:50%; transform:translateX(-50%); height:100%;}
.section1 .activity-slider div .text{display:block; height:60px; padding-top:15px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; font-size:18px; font-weight:600; color:#111; line-height:1;}
.section1.eng .activity-slider{height:auto;}
.section1.eng .activity-slider div .text{font-size:26px; font-weight:600; color:#111; line-height:1;}

.section1 .committee-slider{ height:510px;overflow:hidden;}
.section1 .committee-slider .slick-list{}
.section1 .committee-slider .slick-track{display:flex;}
/*.section1 .committee-slider .slick-slide{margin-right:20px;}*/
.section1 .committee-slider a .img{display:block; box-shadow:10px 5px 10px rgba(0,0,0,.1); position:relative;width:100%;height:450px;}
.section1 .committee-slider a .img img{position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%;height:100%;}
.section1 .committee-slider a .text{display:block; font-size:26px; font-weight:600; color:#111; margin-top:10px;}
.absol a	{position:absolute;top:50%;margin-top:-27px;left:0;font-size:0;display:block;width:54px;height:54px;background-color:rgba(0,0,0,0.5);background-image:url('/resource/renewal/images/main/ico_Narrow.png');background-position:50% 50%;background-repeat:no-repeat;}
.absol a.next	{left:auto;right:0;transform:rotate(180deg);}
.section1.eng .absol a	{margin-top:-90px;}
.section1.eng .activityeng-slider{/* height:510px; */}
.section1.eng .activityeng-slider .slick-list{overflow:hidden; margin-right:-20px;}
.section1.eng .activityeng-slider .slick-track{display:flex;}
.section1.eng .activityeng-slider .slick-slide{margin-right:20px;}
.section1.eng .activityeng-slider .slick-slide a .img{display:block; height:336px; background-color:#111; overflow:hidden; box-shadow:10px 5px 10px rgba(0,0,0,.1);}
.section1.eng .activityeng-slider div .img img{width:auto; max-width:none; height:100%; position:relative; left:50%; transform:translateX(-50%); height:100%;}
.section1.eng .activityeng-slider{height:auto;}
.section1.eng .activityeng-slider div .text{display:block; font-size:26px; font-weight:600; color:#111; margin-top:10px;}

.section1 .board{width:380px;}
.section1 .board .title{}
.section1 .board .content{position:relative; box-shadow:10px 10px 10px rgba(0,0,0,.1); height:450px; overflow:hidden;}
.section1:not(.eng) .board .content > li{width:100%; overflow:hidden; max-height:75px; transition:all .4s; position:relative;}
.section1:not(.eng) .board .content > li::before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid #ccc; opacity:0; transition:all .4s;}
.section1:not(.eng) .board .content > li > a{display:flex; width:100%; min-height:75px; align-items:center; padding:0 20px; font-size:18px; font-weight:500; color:#111; line-height:1; background-repeat:no-repeat; background-size:cover; transition:all .4s;  z-index:3; position:relative;}
.section1:not(.eng) .board .content > li > a::before{content:''; display:block; min-width:19px; height:19px; background-color:#999; border-radius:100%; margin-right:8px; background-image:url('/resource/renewal/images/main/main_img_32.png'); background-position:left 8px center; background-repeat:no-repeat; transition:all .4s;}
.section1:not(.eng) .board .content > li:nth-child(even){background-image:url('/resource/renewal/images/main/main_bg_w.jpg'); }
.section1:not(.eng) .board .content > li:nth-child(odd){background-image:url('/resource/renewal/images/main/main_bg_g.jpg'); }
/*
.section1:not(.eng) .board .content > li:hover,
.section1:not(.eng) .board .content > li.current{background-image:url('/resource/renewal/images/main/main_bg03.jpg');}
*/
.section1:not(.eng) .board .content > li:not(.active) > a:hover{color:#fff; background-image:url('/resource/renewal/images/main/main_bg03.jpg');}
.section1:not(.eng) .board .content > li:not(.active) > a:hover::before{background-color:#fff; background-image:url('/resource/renewal/images/main/ico_more2.png'); }

.section1.eng .board{position:relative; height:336px; border:3px solid #feaa49; margin-top:40px; box-shadow:10px 10px 10px rgba(0,0,0,.1); padding:30px; background:url('/resource/renewal/images/main/eng_board_bg.png') no-repeat left bottom #f9f9f9;}
.section1.eng .board::after{content:''; position:absolute; left:0; bottom:-10px; display:block; width:375px; height:115px; background:url('/resource/renewal/images/main/eng_board_img.png') no-repeat;}
.section1.eng .board .title h2{font-size:24px; color:#333;}
.section1.eng .board .content{box-shadow:none; height:auto;}
.section1.eng .board .content li a{display:flex; align-items:center; padding-right:15px;  }
.section1.eng .board .content li a span{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:15px; color:#666; line-height:1.6; word-break:break-word; overflow:hidden; text-overflow:ellipsis;}
.section1.eng .board .content li:not(:last-child)::after{content:''; display:block; width:100%; height:1px; background-color:#ddd; margin:15px 0;}
.section1.eng .board .content > li > a::after{content:''; display:block; min-width:19px; height:19px; margin-left:50px; background-color:#feaa49; border-radius:100%; background-image:url('/resource/renewal/images/main/main_img_32.png'); background-position:right 7px center; background-repeat:no-repeat; transition:all .4s;}


.section1 .board .content > li.active{background:#fff; background-image:none !important; overflow:hidden; max-height:450px; background-size:cover;}
.section1 .board .content > li.active::before{opacity:1;}
.section1 .board .content > li.active > a{font-size:20px; font-weight:600; color:#333; line-height:1.2; min-height:65px;}
.section1 .board .content > li.active > a::before{background-color:#fff; border:1px solid #feaa49; transform: rotate(90deg); background-image:url('/resource/renewal/images/main/ico_more2.png');}
.section1 .board .content > li.active > a::after{content:''; display:flex; width:19px; height:12px; margin-left:auto; background:url('/resource/renewal/images/main/main-icons-21_03.png') no-repeat;}

.section1 .board .content > li .btn-cont{width:100%; height:calc(450px - 90px); max-height:0; overflow:hidden; opacity:0; transition:all .4s; position:relative; z-index:3; border-top:1px solid #ddd;}
.section1 .board .content > li .btn-cont a{position:relative; display:flex; align-items:center; font-size:15px; font-weight:400; color:#656565; line-height:1; transition:all .4s; padding:12px 20px; border-bottom:1px solid #ccc; background:transparent;}
.section1 .board .content > li .btn-cont a:hover{background:#feaa49; color:#fff; text-decoration:underline; text-underline-position:under;}
.section1 .board .content > li .btn-cont a::before{content:''; display:block; width:2px; height:2px; background-color:#656565; border-radius:100%; margin-right:5px;}
.section1 .board .content > li .btn-cont a::after{content:''; display:block; width:15px; height:11px; background:url('/resource/renewal/images/main/main-icons-21_07.png') no-repeat 0 0; margin-left:auto;}

.section1 .board .content > li.active .btn-cont{overflow:visible; opacity:1; max-height:450px; height:calc(450px - 65px);}
.section1 .board .content.hide > li:not(.active){max-height:0;}

.schedule{position:relative; display:flex; align-items:center; min-height:130px; margin-top:30px; border:1px solid #b9dcf1; background-color:#e4f5ff;}
.schedule > .title{position:relative; display:flex; align-items:center; min-width:208px; padding-left:42px; font-size:20px; font-weight:600; color:#14486c; line-height:1;}
.schedule > .title::before{content:''; display:inline-block; min-width:21px; height:24px; margin-right:13px; background:url('/resource/renewal/images/main/ico_cal.png') no-repeat; }
.schedule > .title::after{content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:72px; background-color:#b9dcf1;}
.schedule .schedule-slider{display:flex; width:calc(100% - 208px); justify-content:space-between; align-items:center; padding-left:44px;}
.schedule .schedule-slider .slider{overflow:hidden; width:100%;}
.schedule .schedule-slider .slider .slick-slide{display:flex; width:100%;}
.schedule .schedule-slider .slider div .date{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-items:center; min-width:67px; height:65px; font-size:16px; color:#15496d; background-color:#fff; border-radius:10px;}
.schedule .schedule-slider .slider div .date strong{display:block; font-size:20px; font-weight:600; line-height:1; color:#15496d; }
.schedule .schedule-slider .slider div .list{display:flex; flex-direction:column; justify-content:center; width:100%;}
.schedule .schedule-slider .slider div .list li{}
.schedule .schedule-slider .slider div .list li:not(:last-child){margin-bottom:12px;}
.schedule .schedule-slider .slider div .list li a{display:flex; margin-left:20px; }
.schedule .schedule-slider .slider div .list li a .title{font-size:18px; font-weight:600; color:#222; line-height:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:600px;}
.schedule .schedule-slider .slider div .list li a span:not(.title){position:relative; padding-left:13px; margin-left:35px; font-size:14px; font-weight:200; color:#515e66;}
.schedule .schedule-slider .slider div .list li a span:not(.title)::before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:9px; background-color:#becad1;}
.schedule .schedule-slider .arrow{display:block; }
.schedule .schedule-slider .arrow a{display:block; width:61px; height:66px; background-position:center center; background-color:#e4f5ff; background-repeat:no-repeat; border-left:1px solid #b9dcf1; text-indent:-9999px; overflow:hidden; transition:all .4s;}
.schedule .schedule-slider .arrow .prev{background-image:url('/resource/renewal/images/main/ico_arrow_t.png');  border-bottom:1px solid #b9dcf1;}
.schedule .schedule-slider .arrow .prev:hover{background-image:url('/resource/renewal/images/main/ico_arrow_t_03.png'); background-color:#fff;}
.schedule .schedule-slider .arrow .next{background-image:url('/resource/renewal/images/main/ico_arrow_d.png');}
.schedule .schedule-slider .arrow .next:hover{background-image:url('/resource/renewal/images/main/ico_arrow_down.png'); background-color:#fff;}

.section2{display:flex; margin-top:25px;}
.section2 .calendar{width:294px; height:296px; padding:30px 15px; background:url('/resource/renewal/images/main/bg_cal.jpg') no-repeat; border:1px solid #d49144;}
.calendar .datepicker{width:100%;}
.calendar .datepicker table{table-layout:fixed; width:100%;}
.calendar .datepicker table tr th,
.calendar .datepicker table tr td.day{color:#fff;}
.calendar .datepicker table tr td.day:not(.old):not(.new){width:29px; height:29px; font-size:14px; font-weight:500; position:relative;}
.calendar .datepicker table tr td.day:not(.old):not(.new).check::after{content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border:2px solid #fff; border-radius:100%; width:29px; height:29px;}
.datepicker .prev,
.datepicker .next{display:none;}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover,
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused{background-color:transparent;}
.datepicker table tr td.old,
.datepicker table tr td.new{font-size:0;}
.calendar .datepicker table thead tr th{font-size:12px; font-weight:200;}
.calendar .datepicker table thead tr:nth-child(2) th{padding-bottom:25px;}
.calendar .datepicker table thead tr th.datepicker-switch{font-size:20px; font-weight:700; line-height:1; text-align:left;}
.calendar .datepicker table thead tr th.datepicker-present{font-size:20px; line-height:1; text-align:right;}

.calendar .datepicker table tr td.today,
.calendar .datepicker table tr td.today:hover,
.calendar .datepicker table tr td.today.disabled,
.calendar .datepicker table tr td.today.disabled:hover{background:transparent; color:#fff;}

.calendar .datepicker table tr td.today::after{content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:100%; width:29px; height:29px; background:rgba(0,0,0,.4);}


.section2 .gallery{display:flex; margin-left:30px;}
.section2 .gallery a{display:block; position:relative; overflow:hidden;}
.section2 .gallery a:not(:last-child){margin-right:20px;}
.section2 .gallery a .img{overflow:hidden; position:relative; display:block; width:346px; height:100%; }
/*
.section2 .gallery a .img::before{content:''; display:block;  position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; background-repeat:no-repeat;}
.section2 .gallery a:nth-child(1) .img::before{background-image:url('/resource/renewal/images/main/main_img_03.png');}
.section2 .gallery a:nth-child(2) .img::before{background-image:url('/resource/renewal/images/main/main_img_05.png');}
.section2 .gallery a:nth-child(3) .img::before{background-image:url('/resource/renewal/images/main/main_img_07.png');} */
.section2 .gallery a img{width:100%; height:100%; transition:all .4s; transform: scale(1.05);}
.section2 .gallery a .img-text{position:absolute; top:30px; left:35px; font-size:28px; font-weight:600; color:#fff; z-index:5;}
.section2 .gallery a .img-text b{display:block; width:91px; height:34px; text-align:center; line-height:32px; margin-top:110px; border-radius:34px; border:1px solid #fff; font-size:14px; font-weight:500; color:#fff; }

.section2 .gallery a:hover img{_transform: scale(1.05);}
.section2 .gallery a .subject{display:block; padding-top:15px; font-size:20px; font-weight:600; color:#333; line-height:1.2;}
.section2 .gallery a .pc	{display:block;}
.section2 .gallery a .mo	{display:none;}

.section3{position:relative; height:330px; margin-top:50px;}
.section3 .board-title{display:flex; justify-content:space-between; border:1px solid #ccc; }
.section3 .board-title .board-btn{display:flex; }
.section3 .board-title .board-btn a{display:flex; height:64px; align-items:center; padding:0 35px; font-size:20px; font-weight:600; color:#8f8c8c; line-height:1; border-right:1px solid #ccc; transition:all .4s;}
.section3 .board-title .board-btn a.active{position:relative; z-index:10; background-color:#fff; color:#111;}
.section3 .board-title .more{display:flex; width:108px; align-items:center; justify-content:center;  border-left:1px solid #ccc; font-size:16px; font-weight:500; color:#666; line-height:1;}
.section3 .board-title .more::after{content:''; display:inline-block; width:7px; height:9px; margin-left:12px; background:url('/resource/renewal/images/main/ico__77.png') no-repeat;}
.section3 .board-content{position:absolute; top:64px; left:0; visibility:hidden; overflow:hidden; opacity:0; width:100%; min-height:260px; padding:30px 40px; border:1px solid #ccc; background-color:#fff; transition:all .4s;}
.section3 .board-content.active{visibility:visible; overflow:visible; opacity:1; }
.section3 .board-content li{}
.section3 .board-content li:not(:last-child){margin-bottom:16px;}
.section3 .board-content li a{display:flex; align-items:center;}
.section3 .board-content li a .category{display:flex; align-items:center; justify-content:center; min-width:88px; height:28px; font-size:14px;  font-weight:500; color:#0091e1; line-height:1; border-radius:15px; border:1px solid #0091e1; padding:0 5px;}

/*
.section3.eng .board-content li a .category{display:none;}
*/

.section3 .board-content li a .subject{font-size:18px; color:#111; line-height:1.6;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-left:30px;}

/*
.section3.eng .board-content li a .subject{margin-left:0;}
*/

.section3 .board-content li a .date{min-width:155px; white-space:nowrap; margin-left:auto; justify-self:flex-end; font-size:15px; font-weight:200; color:#666; line-height:1;}
.section3 .board-content li a .date span{position:relative; margin-right:25px; font-weight:200; color:#666;}
.section3 .board-content li a .date span::before{content:''; position:absolute; top:50%; transform:translateY(-50%); right:-13px; display:block; width:1px; height:11px; background-color:#666;}

.section4{margin-top:50px; padding:60px 0; width:100%; background:url('/resource/renewal/images/main/main_bg02.jpg') no-repeat; background-size:cover;}
.section4 .layout{display:flex;}
.section4 .sec4_l{display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; }
.section4 .sec4_l > *{position:relative; overflow:hidden; width:398px; height:226px; box-shadow:10px 10px 5px rgba(0,0,0,.2);}
.section4 .sec4_l > *:not(.sec4-slider){padding:30px;}
.section4 .sec4_l > *:nth-child(n+3){margin-top:18px;}

.section4 .sec4_r{display:flex; justify-content:space-between; margin-left:20px;}
.section4 .sec4_r > div{overflow:hidden; width:273px; height:470px; box-shadow:10px 10px 5px rgba(0,0,0,.2); }
.section4 .sec4_r > div:not(:last-child){margin-right:20px;}
.section4 .sec4-title{display:flex; justify-content:space-between; align-items:center; font-size:20px; font-weight:600 ;color:#fff; line-height:1;}
.section4 .sec4-title .more{font-size:16px; font-weight:500; color:#fff; line-height:1; }
.section4 .sec4-title .more::after{content:''; display:inline-block; width:7px; height:9px; margin-left:12px; background-image:url('/resource/renewal/images/main/ico_sec3_r.png'); background-repeat:no-repeat;}
.section4 .txt{display:block; width:100%; font-size:18px; font-weight:200; color:#fff; margin:25px 0 15px; line-height:1.4; word-break:break-word;}
.section4 .sub-txt{font-size:14px; font-weight:200; line-height:1;}
.section4 .img{position:absolute; right:0; /* top:65px; */ top:115px; width:220px;}

.section4 .brief{background-color:#b85f65; }
.section4 .brief .sub-txt{color:#fba7ac; }
.section4 .brief .img,
.section4 .quarterly .img{transition:all .4s;}
.section4 .quarterly .img{width:190px;}
.section4 .brief:hover .img,
.section4 .quarterly:hover .img{top:95px;}
.section4 .quarterly{background-color:#21408b;}
.section4 .quarterly .sub-txt{color:#93aceb; }
/* 2025-02-24 노말청년추가 */
.section4.norBoy{background:#4fcbd1;}

.section4 .data{background-image:url('/resource/renewal/images/main/sec4_bg1.jpg'); background-size:cover; padding:30px;}
.section4 .data .content {position:relative; margin-top:35px;}
.section4 .data .content a .subject{font-size:16px; font-weight:200; line-height:1.6; color:#fff;}
.section4 .data .content a .view{display:block; margin-top:25px; font-weight:200; color:#fff; line-height:1; text-decoration:underline; text-underline-position:under;}

.section4 .sec4-slider{}
.sec4-slider .slider{width:100%;}
.sec4-slider .slider .slick-list{overflow:hidden;}
.sec4-slider .slider .slick-track{display:flex;}
.sec4-slider .slider .slick-slide{overflow:hidden;}
.sec4-slider .slider div a{position:relative; display:block; height:226px; background-color:#fff;}
.sec4-slider .slider div a img{position:relative; top:50%; left:50%; transform:translate(-50%,-50%);}
.sec4-slider .slider div a .category{position:absolute; top:20px; left:20px; display:inline-block; font-size:14px; line-height:35px; color:#fff; border:1px solid #fff; padding:0 10px; height:35px; background:rgba(0,0,0,.7);}
.sec4-slider .slider div a .subject{position:absolute; bottom:30px; left:30px; font-size:26px; font-weight:600; color:#fff; background:rgba(0,0,0,.7);}

.section4 .video{position:relative; width:100%; height:100%; background-color:#00476f;}
.video a{position:relative; display:block; width:100%; height:100%; padding:30px;}
/* .video a::after{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; width:62px; height:62px; border:1px solid #fff; border-radius:100%; background:url('/resource/renewal/images/main/ico_play_87.png') center center no-repeat;} */
.video a img{}
.video .sec4-title{display:flex; justify-content:space-between; width:100%; font-size:35px; font-weight:500; color:#fff; }
.video .slider .img{position:absolute; top:auto; right:auto; width:100%; height:100%;}
.video .slider .slick-track{display:flex;}
.video .sec4-title button{text-indent:-9999px; overflow:hidden; border:0;}

.video .video-dots{position:absolute; right:30px; top:30px; z-index:10;}
.video .video-dots .slick-dots{display:flex;}
.video .video-dots li button{display:block; width:10px; height:10px; border-radius:100%; background-color:transparent; border:1px solid #fff; transition:all .4s; text-indent:-9999px; overflow:hidden;}
.video .video-dots li:not(:last-child){margin-right:10px;}
.video .video-dots li.slick-active button{background-color:#fff;}

.video .sec4-title .category{display:block; font-size:20px; line-height:1; color:#fff; font-weight:600; margin-bottom:25px;}
.video .subject{font-size:26px; font-weight:600; color:#fff; margin-top:20px;}
.video .date{font-size:14px; font-weight:200; color:rgba(255, 255, 255, .5); margin-top:20px; line-height:1; display:none;}


.section4 .sec4_l > *:not(.sec4-slider).goverment{padding:35px 30px;}
.goverment{background:url('/resource/renewal/images/main/main_img05.jpg') no-repeat;}
.goverment .sec4-title{font-size:20px; justify-content:flex-start; font-family:'GongGothic'; color:#111; font-weight:500;}
.goverment .sec4-title span{font-weight:600; color:#163a93; margin-left:10px; line-height:1;}
.goverment .content{margin-top:10px;}
.goverment .content ul{margin-top:25px;}
.goverment .content li{display:flex;}
.goverment .content li:not(:last-child){margin-bottom:10px;}
/* .goverment .content li a{} */
.goverment .content li .num{font-size:18px; font-weight:500; color:#173992; line-height:1; word-break:keep-all;}
.goverment .content li .text{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; max-width:205px; margin-left:10px; font-size:16px; color:#333; line-height:1;}
.goverment .content li .date{display:block; font-size:14px; font-weight:200; color:#666; line-height:1; margin-left:10px; white-space:nowrap; word-break:keep-all;}

.banner{display:flex; align-items:center; height:110px; border-width:1px 0 1px 0; border-style:solid; border-color:#ddd;}
.banner .layout{position:relative;}
.banner .slider{overflow:hidden; justify-content:space-between; height:100%; margin-left:65px;}
.banner .slider div{}
.banner .slider div a{display:flex; justify-content:center; align-items:center; height:100%;}
.banner .slider div a img{}
.banner .slider .slick-track{display:flex;}
.banner .slider .slick-list{margin-left:-95px;}
.banner .slider .slick-slide{margin-left:95px;}

.banner .layout{display:flex; justify-content:space-between; align-items:center;}
.banner .layout .btnWrap{display:flex;}
.banner .layout .btnWrap a{display:flex; width:38px; height:38px; border:1px solid #dedede; border-radius:100%; background-size:7px auto; background-position:center center; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden;}
.banner .layout .btnWrap a:not(:last-child){margin-right:5px;}
.banner .layout .btnWrap .stop{background-image:url('/resource/renewal/images/main/ico_stop_g.png');}
.banner .layout .btnWrap .prev{background-image:url('/resource/renewal/images/main/ico__109.png');}
.banner .layout .btnWrap .next{ background-image:url('/resource/renewal/images/main/ico__112.png');}


@media screen and (max-width:1400px){
	.visual-info,
	.visual-slider .visual-text{width:100%; padding:0 20px;}
	.visual-slider{height:auto;}

	.visual-slider .slick-slide img{max-width: 100%; position: static; transform: none; height: auto;}

	.section1{width:100%; padding:0 20px;}
	.visual-info{top:45px;}
	.visual-slider .visual-text{top:80px; font-size:44px;}
	.visual-slider .visual-text .esdc{margin-top:20px;}
	.section1 .committee{width:440px;}
	.section1 .activity-slider div .text{height:50px;}
	.schedule{width:auto; margin:30px 20px 0;}
	.section2,
	.section3,
	.section4 .layout,
	.banner .layout{width:100%; padding:0 20px;}
	.section2 .gallery{width:calc(100% - 324px);}
	.section2 .gallery a{width:calc(100% / 3);}
	.section2 .gallery a .img{width:auto; height:100%;}
	.section2 .gallery a .img img{height:100%; }
	.section2 .gallery a .img::before{background-size:contain;}
	.section2 .gallery a .img-text{left:20px; font-size:22px; top:25px;}
	.section3 .board-content{width:calc(100% - 40px); margin:0 20px; padding:30px;}
	.section4 .txt,
	.section4 .data .content a .subject{font-size:16px;}
	.section4 .img{width:55%; top:80px;}
	.section4 .quarterly .img{width:45%;}
	.section4 .brief:hover .img,
	.section4 .quarterly:hover .img{top:65px;}
	.section4 .img{width:50%; top:110px;}
	.section4 .sec4_l{width:calc(100% - 586px);}
	.section4 .sec4_l > *{width:calc((100% - 18px) / 2);}
	.section4 .sec4_l > *:not(.sec4-slider){padding:20px;}
	.sec4-slider .slider div a{position:relative;}
	.sec4-slider .slider div a img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto; max-width:none; height:100%;}
	.sec4-slider .slider div a .subject{left:20px; font-size:20px;}
	.goverment .sec4-title{font-size:24px;}
	.video .subject{left:20px;}

	.banner .slider{margin-left:30px;}
	.banner .slider .slick-list{margin-left:0;}
	.banner .slider .slick-slide{margin-left:0;}
	.schedule{padding:0;}
	.schedule .title{min-width:auto; padding:0 30px; white-space:nowrap;}
	.schedule .schedule-slider{padding-left:30px; flex:1;}
	.schedule .schedule-slider .slider div .list li a{font-size:17px;;}
	.schedule .schedule-slider .slider div .list li a span{margin-left:15px;}


}

@media screen and (max-width:1200px){
	.section1{margin-top:50px;}
	.visual-slider .visual-text{font-size:38px;}
	.section1{flex-wrap:wrap;}
	.section1 .title h2{color:#111;}
	.section1 .committee{width:calc(50% - 10px);}
	.section1 .committee a .img img{width:100%;}
	.section1 .activity{width:calc(50% - 10px);}
	.section1 .board{width:100%;}

	.section1 .activity,
	.section1 .board{margin-top:40px;}
	.section1 .activity .btnWrap a{/* filter:brightness(0.5); */ background-color:#999;}
	.section1 .activity-slider div .img{height:195px; overflow:hidden;}
	.section1 .activity-slider div .img img{position:relative; top:50%; left:50%; transform:translate(-50%,-50%); width:100%;}
	.section1 .board .content > li.active{background-size:cover;}

	.section2{flex-wrap:wrap;}
	.section2 .calendar{width:100%; background-size:cover;}
	.section2 .gallery{width:100%; margin:25px 0 0;}
	.section2 .gallery a .img-text{font-size:24px; left:30px;}

	.schedule .title{font-size:18px;}
	.schedule .schedule-slider .slider div .list li a{font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.schedule .schedule-slider .slider div .list li a .title{width:50%; padding:0; margin:0; text-align:left;}
	.schedule .schedule-slider .slider div .list li a span:not(.title){margin-left:15px;}
	.section3 .board-content li a .subject{margin-right:15px; flex:1;}
	.section3 .board-content li a .date{min-width:160px;}
	.section4 .img{top:105px; width:57%; }
	.section4 .brief:hover .img,
	.section4 .quarterly:hover .img{top:85px;}

	.section4 .quarterly .img{width:46%;}
	.section4 .goverment{padding:50px 25px; background-size:cover;}
	.section4 .goverment .content a{font-size:15px;}
	.section4 .goverment .content a .text{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.section4 .sec4-slider .slider div a .subject{font-size:20px; bottom:20px; left:20px;}

	.section4 .layout{flex-wrap:wrap; justify-content:center;}
	.section4 .sec4_l{width:100%;}
	.section4 .sec4_l > *{width:calc((100% - 20px) / 2);}
	.section4 .sec4_l > *:nth-child(n+3){margin-top:20px;}
	.sec4-slider .slider div a img{max-width:100%; width:100%; height:auto;}

	.section4 .sec4_r{width:100%; margin:20px 0 0;}
	.section4 .sec4_r > div{overflow:hidden; width:calc((100% - 20px) / 2); height:auto;}
	.section4 .sec4-slider .slider div a .subject{font-size:26px;}
	.section4 .data{background-position:right bottom;}
	.video a{height:470px;}
	.video a img{width:100%; height:auto;}

	.section4 .sec4_r{margin:20px 0 0;}
	.section4 .sec4_r > div{width:calc((100% - 20px) / 2); height:auto;}

	/* 영문 */
	.section1.eng .committee,
	.section1.eng .activity{width:calc((100% - 30px) / 2 ); margin-top:0;}
	.section1.eng > div:not(:last-child){margin-right:0;}
	.section1.eng .board{background:none; background-color:#f9f9f9;}
	.section1.eng .board::after{right:0; left:auto;}
	.section1.eng .board .content li a{justify-content:space-between;}
	.section1.eng .board .content li a span{font-size:16px; }
	.section1.eng .title{margin-bottom:25px;}
}

@media screen and (max-width:1024px){
	.schedule .schedule-slider .slider .slick-slide{align-items:center;}
	.schedule .schedule-slider .slider div .date{min-width:55px; height:55px; font-size:16px;}
	.schedule .schedule-slider .slider div .date strong{font-size:16px;}
	.schedule .schedule-slider .slider div .list li a{flex-wrap:wrap; margin-left:15px;}
	.schedule .schedule-slider .slider div .list li a .title{width:auto;}
	.schedule .schedule-slider .slider div .list li a span:not(.title){width:100%; margin-left:0; padding-left:0; margin-top:5px;}
	.schedule .schedule-slider .slider div .list li a span:not(.title)::before{display:none;}

	.visual-info{top:20px;}
	.visual-slider .visual-text{top:55px;}
	.schedule .title{padding:0 15px; text-align:center;}
	.schedule > .title::before{margin-right:7px;}
	.schedule .schedule-slider{padding-left:15px; width:calc(100% - 128px);}

	.section2 .gallery a:not(:last-child){margin-right:10px;}
	.section2 .gallery a .img .img-text{top:20px; left:25px; font-size:20px;}
	.section2 .gallery a .img-text{top:20px; left:20px; font-size:20px;}
	.section2 .gallery a .img-text b{margin-top:60px;}

	.section3{margin-top:25px;}
	.section3 .board-title .board-btn{width:100%;}
	.section3 .board-title .board-btn a{width:calc(100% / 5); font-size:16px; padding:0 15px; text-align:center; justify-content:center; line-height:1.2; font-size:18px;}
	.section3 .board-title .more{border-left:0;}
	.section3 .board-content{padding:20px;}
	.section3 .board-content li a .subject{font-size:16px; margin-left:20px; font-size:18px;}
	.section4{height:auto;}
	.section4 .layout > *{}
	.section4 .layout > *:nth-child(n+3){margin-top:30px;}
	.section4 .goverment .content a{font-size:17px;}
	.section4 .txt,
	.section4 .data .content a .subject{font-size:18px;}
	.section4 .sec4-slider .slider div a .subject{font-size:22px; bottom:25px;}
	.section4 .sec4-slider .slider div a img{max-width:auto; width:auto; height:100%;}
	.section4 .data .content a .subject{display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; white-space:normal; overflow:hidden; text-overflow:ellipsis;}

	/* 영문 */
	.section3 .board-title .board-btn a{width:calc(100% / 3); word-break:keep-all;}


}

@media screen and (max-width:768px){
	.visual-slider{height:auto;}
	.visual-slider div{height:100%;}
	.visual-slider .slick-slide img{position:relative; width:100%; height:auto; left:0;}
	.section1 .committee,
	.section1 .activity,
	.section1 .board{width:100%;}

	.section1 .activity-slider{height:auto;}

	.schedule{min-height:180px; flex-direction:column;}
	.schedule > .title::after{display:none;}

	.schedule .schedule-slider{width:100%; padding-left:0; border-top:1px solid #b9dcf1;}
	.schedule .schedule-slider .slider{flex:1;}
	.schedule .schedule-slider .slider .slick-slide{flex-wrap:wrap; padding:0 10px;}
	.schedule .schedule-slider .slider div .date{min-width:auto; height:auto; padding:5px 10px; flex-direction:inherit; margin-bottom:10px;}
	.schedule .schedule-slider .slider div .list li a{margin-left:0;}
	.schedule .schedule-slider .slider div .list li a .title{margin-right:5px;}
	.schedule .schedule-slider .slider div .date strong{margin-right:5px;}
	.schedule .schedule-slider .arrow a{height:90px;}


	.schedule .schedule-slider .arrow{display:flex; min-width:50px; flex-direction:column; border-left:1px solid #b9dcf1;}
	.schedule .schedule-slider .arrow a{width:100%; height:66px; border-left:0; }
	.schedule .schedule-slider .arrow .prev{border-bottom:0;}
	.schedule .schedule-slider .arrow .next{border-top:1px solid #b9dcf1;}

	.section2 .gallery{flex-wrap:wrap;}
	.section2 .gallery a{width:100%; height:200px;}
	.section2 .gallery a:not(:last-child){margin:0 0 25px;}
	.section2 .gallery a .subject{font-size:22px;}


	.section2 .gallery a .img img{width:100%; height:auto; position:absolute; bottom:0; left:0;}
	.section2 .gallery a .pc	{display:none;}
	.section2 .gallery a .mo	{display:block;}
	.section2 .gallery a .img-text{top:30px; left:35px; font-size:28px;}
	.section2 .gallery a .img-text b{margin-top:20px;}
	.section2 .calendar{display:none;}

	.section3 .board-content li a{flex-wrap:wrap;}
	.section3 .board-content li a .category{min-width:75px; padding:0 10px;}
	.section3 .board-title .board-btn a{font-size:15px; padding:0 5px;}
	.section3 .board-content li a .subject{width:calc(100% - 100px); margin-left:10px; font-size:16px;}
	.section3 .board-content li a .date{font-size:0; min-width:130px;}
	.section3 .board-content li a .date span{margin-right:15px; font-size:14px;}
	.section3 .board-content li a .date span::before{right:-8px; display:none;}

	.section4 .layout > *{flex-wrap:wrap; width:100%;}
	.section4 .layout > *:not(.sec4-slider){margin-right:0;}
	.section4 .layout > *:nth-child(n+2){margin-top:20px;}
	.section4 .sec4_l > *{width:100%;}
	.section4 .quarterly{margin-top:20px;}
	.section4 .sec4-slider .slider div a img{position:relative; top:50%; transform:translate(-50%,-50%); left:50%; max-width:none; width:100%; height:auto;}
	.section4 .img,
	.section4 .quarterly .img{width:auto;}
	.section4 .sec4_r > div{width:100%;}
	.section4 .sec4_r > div:not(:last-child){margin:0 0 20px;}
	.section4 .data{background-position:center center;}

	/* 영문 */
	.section1.eng .committee,
	.section1.eng .activity{width:100%;}
	.section1.eng .activity{margin-top:40px;}

	.goverment{display:none;}
	.section4 .video{display:none;}

	.section1 .committee .title h2{font-size:16px;}
	.section1 .title h2{font-size:16px;}
	.section1 .activity-slider div .text{font-size:14px; height:30px;}


	.section1:not(.eng) .board .content{height:250px;}
	.section1:not(.eng) .board .content > li > a{font-size:14px; min-height:50px;}

	.section1 .title{margin-bottom:20px;}

	.schedule .schedule-slider .slider div .date{font-size:12px;}
	.schedule .schedule-slider .slider div .date strong{font-size:12px;}
	.schedule .title{font-size:14px; padding-bottom:10px; padding-top:10px;}
	.schedule .schedule-slider .slider div .list li a .title{font-size:14px;}

	.section1 .committee a .img, .section1.eng .committee a .img, .section1.eng .activityeng-slider .slick-slide a .img{height:200px; overflow:hidden;}
	.section1.eng .activityeng-slider div .img img	{width:100%;}
	.section1.eng .activityeng-slider div .text	{font-size:16px;}

	.section1 .activity, .section1 .board{margin-top:30px;}

	.main-visual__search{position:static; transform:none; padding:20px; background:#f7f7f7; display:none;}
	.main-visual__search input[type="text"]{flex:1;}
	.section1 .committee-slider	{height:auto;}
	.absol a	{margin-top:-20px;width:40px;height:40px;}
	.section1.eng .absol a	{margin-top:-45px;}

}

@media screen and (max-width:480px){
	.visual-slider{height:auto;}
	.visual-slider .slick-slide img{left: -26%; width: 230%; max-width:none; height:auto;}
	.banner .slider{margin-left:auto; width:calc(100% - 124px);}
	.section1 .board .content > li > a{padding:0 20px;}
	.section1 .committee a .text{font-size:16px;}
	.section1.eng .committee-slider .slick-slide a .text{font-size:16px;}
	.section2 .gallery a .subject{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; white-space:normal; overflow:hidden; text-overflow:ellipsis; padding-top:10px; font-size:18px; line-height:1.4;}

	.section3{min-height:590px;}
	.section3 .board-title{position:relative; flex-wrap:wrap; justify-content:flex-start; height:120px; border:0; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc;}
	.section3 .board-title .board-btn{flex-wrap:wrap;}
	.section3 .board-title .board-btn a{width:calc(100% / 5); height:60px; border-right:1px solid #ccc;}
	.section3 .board-title .board-btn a:nth-child(3n){border-right:0;}
	.section3 .board-title .board-btn a:nth-child(-n + 3){border-bottom:1px solid #ccc;}

	.section3.eng .board-title .board-btn a:nth-child(2n){border-right:0;}
	.section3.eng .board-title .board-btn a:nth-child(3){border-right:1px solid #ccc;}

	.section3 .board-title .more{position:absolute; bottom:0; right:0; width:calc(100% / 3); height:60px;}
	.section3.eng .board-title .more{width:calc(100% / 2);}

	.section3 .board-content{top:auto; min-height:470px;}
	.section3 .board-content li a{flex-wrap:wrap;}
	.section3 .board-content li a .subject{width:100%; margin:5px 0; flex:none;}
	.section3 .board-content li a .date{justify-self:auto; margin-left:0; min-width:100%;}

	.section4{padding:50px 0;}
	.section4 .goverment{height:auto;}
	.section4 .goverment .sec4-title .more{width:60px;}
	.section4 .goverment .content a span:not(.text),
	.section4 .goverment .content a .text{font-size:16px;}
	.section4 .img{top:115px;}
	.section4 .brief:hover .img,
	.section4 .quarterly:hover .img{top:105px;}
	/*
	.schedule,
	.schedule .schedule-slider{width:100%; padding-left:0;}
	*/
	.schedule{width:auto;}
	.schedule{padding-top:10px;}
	.schedule > .title::after{display:none;}

	.search .search-text{flex-wrap:wrap;}
	.search .search-text p{width:100%; text-align:center; margin:0 0 10px; }
	.goverment .content li{flex-wrap:wrap;}
	.goverment .content li .text{flex:1;}
	.goverment .content li .date{min-width:100%; text-align:right; margin-top:5px;}
	.section4 .txt,
	.section4 .data .content a .subject{font-size:16px;}

	/* 영문 */
	.section-wrap.eng .visual-slider .slick-slide img{width:180%; left:-23%;}
	.section1.eng .board{padding:20px;}
	.section1.eng .board .content > li > a{padding:0;}
	.section1.eng .board .content > li > a::after{margin-left:10px;}
	.section1.eng .board::after{width:100%;}
	.section3 .board-title .board-btn a{width:calc(100% / 3); flex:none;}
	.section3.eng .board-title .board-btn a{width:calc(100% / 2); flex:none;}
}

@media screen and (max-width:450px){
	.section4 .img{width:40%;}
	.section4 .quarterly .img{width:35%;}
	.section2 .gallery a .img-text{font-size:22px; top:20px; left:25px;}
	.section4 .sec4-slider .slider div a img{width:auto; max-width:none; height:100%;}
}