@charset "utf-8";

.yogi{font-family: 'yg-jalnan';}


.sec_title h1{font-size: 55px; text-align: center;}
.sec_title h4{font-size: 18px; text-align: center; margin-top: 15px;}


/** MAIN_SLIDE */
.mainSlide{position: relative; /* min-height: 840px; */ height: calc(100vh - 95px); max-height: 840px; /* background: #000; */}
.mainSlide .mainview_bg .mainview_bg_video{width: 100%; height: 100%; object-fit: cover;}
.mainSlide .no-img{background: #f6f2f2 url(/images/common/no_img.png) center / 50%  no-repeat; width: 100%; height: 100%;}

/* 2024-08-19 메인페이지 dday 위치 조정으로 인한 주석 (주석부분원본)
.mainSlide .inner{width: 70%;  max-width: 1300px; position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); z-index: 1;} */
.mainSlide .inner{width: 70%;  max-width: 1300px; position: absolute; bottom: 35px; left: 50%; transform:translate(-50%, 0); z-index: 1;}
.mainSlide .slide_cont p,
.mainSlide .dday p,
.mainSlide .dday span{color: #fff; text-align: center; font-weight: 700;}
.mainSlide .slide_cont p.txt01{font-size: 97px;}
.mainSlide .slide_cont p.txt02{font-size: 65px;}
.mainSlide .slide_cont p.txt03{font-size: 40px;}
.mainSlide .slide_cont p+p{margin-top: 10px;}
/* 2024-08-19 메인페이지 dday 위치 조정으로 인한 주석 
.mainSlide .dday {margin-top: 140px;} */
.mainSlide .dday span{font-size: 55px; font-weight: 900;position: relative;}
.mainSlide .dday span + span:before{content: ':'; margin: 0 15px; color: #fff;}
.mainSlide .dday span:after{position:absolute; top: 0;/* left:0; */ right:0; font-size: 16px; font-weight: 400; background-color: #ed1c24; border: 2px solid #fff; border-radius: 50px; width: 60px; padding: 1px 0 4px; transform: translateY(-35px); letter-spacing: 0.1px;}
.mainSlide .dday span#day:after{content: 'DAY';}
.mainSlide .dday span#hour:after{content: 'HOUR';}
.mainSlide .dday span#min:after{content: 'MIN';}
.mainSlide .dday span#sec:after{content: 'SEC';}

#mainSwiper{height:100%;}
#mainSwiper .swiper-slide{width: 100%; height: 100%; position: relative; z-index: -1;}
#mainSwiper .swiper-slide.mainview_bg:before{content: ''; /*background-color: rgb(0,0,0,0.3);*/ position: absolute; top: 0; left:0; right:0; bottom:0;}
#mainSwiper .slide_item_wr{width: 100%; max-width: 1920px; position: relative; margin: 0 auto;}
#mainSwiper .slide_btn_wr{width: 100%; max-width: 1920px; position: absolute; top: 50%; left:0; right:0; margin: 0 auto;}

#mainSwiper .slide_btn_wr .swiper-button-next,
#mainSwiper .slide_btn_wr .swiper-button-prev{top: 0; width: auto;}
#mainSwiper .slide_btn_wr .swiper-button-next{right: 25px;}
#mainSwiper .slide_btn_wr .swiper-button-next:after{content: url(/images/site/main/part01_right_arrow.png);}
#mainSwiper .slide_btn_wr .swiper-button-prev{left: 25px;}
#mainSwiper .slide_btn_wr .swiper-button-prev:after{content: url(/images/site/main/part01_left_arrow.png);}

#mainSwiper .swiper-pagination {max-width: 290px; text-indent: 0;height: auto; position: absolute; left:70px; bottom: 35px; text-align: center; z-index: 1; color: rgba(0, 0, 0, 0); font-size: 16px; /* font-size: 1px; text-indent: -11px; overflow:hidden; */ display: flex;}
#mainSwiper .swiper-pagination .swiper-pagination-bullet {font-size: 0; display: block !important;width: 100%; height: 2px; float: none; /* float:left; margin-top: 1px; width: calc(100% / 3); height: 12px; */ border-radius: 0; background-color: #fff; transition:all 0.3s; border:0;cursor: auto;margin:0;}
#mainSwiper .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left: 0px}
#mainSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #fff;}
#mainSwiper .swiper-pagination ul.gauge{height: 100%; flex-grow: 1;}
#mainSwiper .swiper-pagination ul.gauge li{}
#mainSwiper .swiper-pagination ul.gauge li.page_num{text-align: left;}
#mainSwiper .swiper-pagination ul.gauge li + li{margin-top: 12px;}
#mainSwiper .swiper-pagination ul.gauge li span{color: #fff; }
#mainSwiper .swiper-pagination ul.gauge li.page_num span{font-size: 13px;}
/* 
.mainSwiper .swiper-pagination .play_btn{width:16px; height:16px; display: block; float:left; margin-left: 7px; text-indent: -9999px; background-color: #006999; background-image: url(/images/common/btn/slide_pause.png); background-size: 6px; background-position: 50%; border-radius: 50%; outline: none; cursor:pointer;}
.mainSwiper .swiper-pagination .play_btn.stop{background-image: url(/images/common/btn/slide_play.png); background-size: 5px}
 */
 
/** 250804 */
split-slide {display: flex;flex-direction: row;height: 100%;}
.swiper-slide.split-slide {display: flex !important;flex-direction: row;height: 100%;}
.video-half {flex: 1;overflow: hidden;position: relative;}
.video-half video {width: 100%;height: 100%;object-fit: cover;}
/** //MAIN_SLIDE */


/** section01 */
.section01{}
.quick_menu{display: flex; gap: 100px; align-items: center;}
/*.quick_title{width: calc(169 / 1290 * 100%);}*/
.quick_title h2{font-size: 26px; font-weight: 700;}
.quick_title h4{font-size: 17px; margin-top: 18px;}
.quick_item{width: calc(1021 / 1290 * 100%);}
/* .quick_item ul{width: 100%;display: flex; gap: 90px; justify-content: space-between;} */
.quick_item ul li{/* width: calc((100% / 6) - 90px);  width: 100%; */position: relative;}
.quick_item ul li i{position: relative; display: block;}
.quick_item ul li i:before{content: "";background-position: center !important;background-repeat: no-repeat;width: 100%;height: 100%;border-radius: 100%;position: absolute;top: 0;left: 0; background-size: contain;}
.quick_item ul li i:after{content: "";padding-bottom: 100%;display: block;}
.quick_item ul li.quick-01 i:before{background-image: url(/images/site/main/icon_01.png);}
.quick_item ul li.quick-02 i:before{background-image: url(/images/site/main/icon_02.png);}
.quick_item ul li.quick-03 i:before{background-image: url(/images/site/main/icon_03.png);}
.quick_item ul li.quick-04 i:before{background-image: url(/images/site/main/icon_04.png);}
.quick_item ul li.quick-05 i:before{background-image: url(/images/site/main/icon_05.png);}
.quick_item ul li.quick-06 i:before{background-image: url(/images/site/main/icon_06.png);}
.quick_item ul li p{text-align: center; font-size: 19px; font-weight: 500; margin-top: 15px;}
/* .quick_item ul li a.text_block:after {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;content: "";} */

.quick_item ul li a.text_block{display: block;}

.quick_item ul li a.text_block,
.quick_item ul li a.text_block i:before,
.quick_item ul li a.text_block p{transition: all 0.2s ease-in-out;}
.quick_item ul li a.text_block:hover,
.quick_item ul li a.text_block:active,
.quick_item ul li a.text_block:focus,
.quick_item ul li a.text_block:visited{margin-top: -10px;}
.quick_item ul li a.text_block:hover i:before,
.quick_item ul li a.text_block:active i:before,
.quick_item ul li a.text_block:focus i:before,
.quick_item ul li a.text_block:visited i:before{box-shadow: 7.5px 12px 10px -3px #cecece;}
.quick_item ul li a.text_block:hover p,
.quick_item ul li a.text_block:active p,
.quick_item ul li a.text_block:focus p,
.quick_item ul li a.text_block:visited p{text-shadow: 6.5px 6px 5px #cecece;}

#quickSwiper{overflow: hidden;padding: 15px 0;}
#quickSwiper .swiper-button-next,
#quickSwiper .swiper-button-prev{color: #000;}
/** //section01 */
/** 250731 section01*/
.section01 {background-color: #d6a918;}
.section01 .quick_menu25 {padding: 35px 0;}
.section01 .quick_menu25 .quick_title {max-width: 1100px; /*margin: 0 auto;*/ padding-left: 80px;}
.section01 .quick_menu25 .quick_title h2{color:#fff;font-size:25px;}
.section01 .quick_menu25 .quick_title h4{color:#fff;}
.section01 .quick_menu25 .quickCardWrap {display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; max-width: 1150px;margin: auto;margin-top: 30px;}
.quickCard {width: 265px;background-color: #fff;border-radius: 20px;}
.quickCard .arrowBox::after {content: "";width: 50px;height: 50px;color: #d6a918;box-shadow: 10px 10px 0px 0px;position: absolute;bottom: 0;right: 60px;border-radius: 0 0 20px;background: radial-gradient(circle at 0 0, #0000 71%, #fff 0);}

.quickCard .cardText {position: relative;padding: 20px;}
.quickCard .cardText::after {content: "";width: 50px;height: 50px;color: #d6a918;box-shadow: 10px 10px 0px 0px;position: absolute;right: 0px;bottom: 0px;border-radius: 0 0 20px;background: radial-gradient(circle at 0 0, #0000 71%, #fff 0);}

.quickCard .arrowBox {width: 265px;height: 60px;border-radius: 20px;position: relative;}
.quickCard .arrowBox .arrowCircle {background-color: #d6a918;width: 60px;height: 60px;float: right;border-radius: 20px 0 0 0;}
.quickCard .arrowBox .arrowCircle .arrow {background-color: #fff;text-align: center;margin: 10px;width: 50px;height: 50px;line-height: 50px;border-radius: 50px;color: #d6a918;font-size: x-large}
 .quickCard .arrowBox .arrowCircle .arrow:hover {background-color: #d6a918;font-weight: 900;color:#fff;}


/** section02 */
/**.section02 .container{position:relative; padding-bottom: 120px; padding-top: 80px;}
.section02 .sec_title:before{content: "";background-image: url(/images/site/main/part03_titbg.png);width: 1200px; height: 300px;position:absolute;top: -125px;z-index: -1;}*/
/** 250731 section02*/
.section02 .container{position:relative; padding-bottom: 120px; padding-top: 80px;}
.section02 {position: relative;z-index: 1;overflow: hidden;}
.section02:before {content: "";background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),url(/images/site/main/dragon_bg.png);width: 100%; height: 100%;position:absolute;z-index: -1;background-size: cover;margin-top:80px;}
.section02 .container .mainTobImg{text-align: center;}
.section02 .container .mainTobImg .diaImg{width: 1.5%; margin-top: 35px;}
.section02 .container .mainTab25{margin:15px 0;}
.mainTab25 ul{display: flex;justify-content: center;gap: 12px;list-style: none;padding: 0;margin: 0;}
.mainTab25 ul li{padding: 10px 11px;border-radius: 10px;background: #a2a2a2;cursor: pointer;color: #fff;}
.mainTab25 ul .on{/* background: #d6a918; */background: #a2a2a2;color: #fff;}
.mainTab25 ul li:hover{background: #d6a918;}
.mainTab25 ul li .fa-solid {font-size:18px; padding-right: 10px;}

#topicSwiper{}
#topicSwiper ul{}
#topicSwiper ul li{border-radius: 30px; background-color: #f3f5f7; /* overflow: hidden; transition: all 0.3s; box-sizing: border-box; border: 1px solid transparent; */}
#topicSwiper ul li a{border-radius: 30px; overflow: hidden; transition: all 0.3s; box-sizing: border-box; border: 1px solid transparent; display: block;}
#topicSwiper ul li .txt_area{padding: 25px 18px 35px;}
#topicSwiper ul li .txt_area p{text-align: left;}
#topicSwiper ul li .txt_area .tit{font-size: 24px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;}
#topicSwiper ul li .txt_area .cont{font-size: 16px; margin-top: 15px;min-height: 50px;max-height: 50px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;overflow: hidden;}

#topicSwiper ul li.no-data{display: flex;width: 100% !important; min-height: 416px; background-color:transparent; }
#topicSwiper ul li.no-data p{font-size: 30px;font-weight: 700;}

#topicSwiper ul li .img_area .img{position: relative; max-height: 247px; min-height: 247px; overflow: hidden;}
#topicSwiper ul li .img_area img{width: 200%; transition: all 0.3s; max-width: 500px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#topicSwiper ul li:hover img,
#topicSwiper ul li:active img,
#topicSwiper ul li:focus img,
#topicSwiper ul li:visited img{ transform: translate(-50%, -50%) scale(0.8);}

/*
 #topicSwiper ul li:hover,
#topicSwiper ul li:focus,
#topicSwiper ul li:active,
#topicSwiper ul li:visited{border: 1px solid #ed1c24;} 
*/
#topicSwiper ul li a:hover,
#topicSwiper ul li a:focus,
#topicSwiper ul li a:active,
#topicSwiper ul li a:visited{border: 1px solid #ed1c24;}

.topicSlide{position: relative;margin-top: 110px;}
.topicSlide button.next,
.topicSlide button.prev{top: 50%; transform: translateY(-50%); content: ''; width: auto; height: auto; margin-top: 0;}

/* .topicSlide button.next{content: url(/images/site/main/part03_right_arrow.png); right: -100px; transform: translateX(100px);}
.topicSlide button.prev{content: url(/images/site/main/part03_left_arrow.png); left: -100px; transform: translateX(-100px);} */
/** 250731 */
.topicSlide button.next{padding-left: 5px;background-color: #d6a918; border-radius: 50px; right: -100px; width: 70px; height: 70px; text-align: center; justify-content: center; color: #fff;}
.topicSlide button.prev{padding-right: 5px;background-color: #d6a918; border-radius: 50px; left: -100px; width: 70px; height: 70px; text-align: center; justify-content: center; color: #fff;}

/** //section02 */


/** section03 */
/*.section03 .container{max-width: none; padding: 120px 0; background-image: url(/images/site/main/part04_bg.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%;}
.section03 .sec_title h1
, .section03 .sec_title h4{color: #fff;}*/
/** 250731 */
.section03 .sec_img{height: 0;transform: translate(10%, -20px);}
.section03 .secBack{height: 0;display: flex;flex-direction: column;}
.section03{background-image: url(/images/site/main/circle_img.png), url(/images/site/main/circle_img.png);background-repeat: no-repeat, no-repeat;background-position: 111% -50%, -7% 155%;background-size: 30%, 30%;}

.section03 .secTit{width: 25%;display: none;}
.section03 .container{max-width: none; padding: 180px 0; /* background-image: url(/images/site/main/part04_bg.png); */ background-position: center; background-repeat: no-repeat; /* background-size: 100% 100%; */background-position: -10% 170%;background-size: 50%}
.section03 .secBack .secClc:first-child {margin: 0;margin-left: 100px;margin-top: -100px;}
.section03 .secBack .secClc{margin: 0; margin-left: -100px; margin-top: 200px;}
.bg-deco {position: absolute;top: 46%;left: 34%;transform: translateX(-89%);width: 27%;height: 18%;background: url(/images/site/main/kite_bg.png) no-repeat center;background-size: contain;z-index: 1;pointer-events: none;}
#videoSwiper ul li p.info span.infoTitle {background-color: #d6a918;border-radius: 5px;color: #fff;font-weight: 100;}
#videoSwiper ul li p.tit{margin: 0 0 20px; font-size: 24px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;}
#videoSwiper ul li .view_btn_wr{text-align: right;} 
#videoSwiper ul li{border-radius: 30px; overflow: hidden; width: 23%; position: relative;background-color: #fff;box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);}
#videoSwiper ul li.video01 p.tit yogi{color:#000;}
#videoSwiper ul li p{color: #000; text-align: left; font-size: 16px;}
/** videoSwiper */
#videoSwiper{padding-right: 90px; height: 100%;padding-bottom: 10px;}
#videoSwiper ul{}
/*#videoSwiper ul li{border-radius: 30px; overflow: hidden; width: 23%; position: relative; background-color: #304a90;}*/
#videoSwiper ul li .txt_area{padding: 30px 35px;box-sizing: border-box; display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: space-between; height: calc(100% - 250px);}
#videoSwiper ul li .txt_area .cont {min-height: 50px;max-height: 50px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;overflow: hidden;}
/*#videoSwiper ul li p{color: #fff; text-align: left; font-size: 16px;}*/
#videoSwiper ul li p.info span{display: inline-block; font-size: 14px; font-weight: 500; color: #000; background-color: #fff; border-radius: 50px; padding: 2px 18px;}
#videoSwiper ul li p.tit{margin: 0 0 20px; font-size: 24px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;}
#videoSwiper ul li .view_btn_wr{text-align: right;} 

#videoSwiper ul li .img_area .img{overflow: hidden; min-height: 250px; position: relative;}
#videoSwiper ul li .img_area img{width: 200%; transition: all 0.3s; max-width: 500px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#videoSwiper ul li:hover .img_area img{ transform: translate(-50%, -50%) scale(0.8);}

#videoSwiper ul li.video01{display: flex; align-items: stretch; justify-content: space-around; width: 60%;}
#videoSwiper ul li.video01 .img_area .img{min-width: 690px;max-width: 690px;min-height: 495px; max-height: 495px;}
#videoSwiper ul li.video01 .img_area .img img{max-width: 880px;}
#videoSwiper ul li.video01 p.tit{margin: 20px 0 23px;}
#videoSwiper ul li.video01 p.tit yogi{color:#000;}
#videoSwiper ul li.video01 .txt_area{width: calc(100% - 690px); height: auto;}
#videoSwiper ul li.video01 .txt_area .cont {min-height: 140px;max-height: 140px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;word-wrap: break-word;overflow: hidden;}

#videoSwiper ul li.no-data{display: flex;width: 100% !important; min-height: 416px; background-color:transparent; }
#videoSwiper ul li.no-data p{font-size: 30px; font-weight: 700;}

.videoSlide{position: relative;padding-left: 90px; height: 495px; max-width: 1920px; margin: 70px auto 0; box-sizing: border-box;}
.videoSlide button.next,
.videoSlide button.prev{top: 50%; transform: translateY(-50%); content: ''; width: auto; height: auto; margin-top: 0;}
.videoSlide button.next{content: url(/images/site/main/part04_right_arrow.png); }
.videoSlide button.prev{content: url(/images/site/main/part04_left_arrow.png); }

/* .videoSlide ul li img.view_img{position: absolute; bottom:30px; right: 20px;} */

.videoSlide ul li a.view:after {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;content: "";}
.videoSlide ul li a.view:focus,
.videoSlide ul li a.view:active,
.videoSlide ul li a.view:visited{outline: 1px solid #000;}
/** //section03 */

/** section04 */
.section04 .container{padding: 120px 0;}
.section04 .grid_wr{margin-top: 65px; display: grid; gap: 30px; grid-template-columns: repeat(4, 4fr); /* grid-template-rows: repeat(2, minmax(260px, auto));  */ grid-template-rows: repeat(1, minmax(360px, auto)); }
.section04 .grid_wr div{border-radius: 30px;}
.section04 .grid_wr .notice,
.section04 .grid_wr .news{background-color: #f6f2e7; padding: 45px; }
.section04 .grid_wr .notice{grid-column: 1 / 3;}
.section04 .grid_wr .news{grid-column: 3 / 5;}
.section04 .grid_wr .board_tit{position: relative;}
.section04 .grid_wr .board_tit h2{font-size: 30px; }
.section04 .grid_wr .board_tit .more_btn {position: absolute; right: 0;top: 50%;transform: translateY(-50%);}
.section04 .grid_wr .board_tit .more_btn:focus,
.section04 .grid_wr .board_tit .more_btn:active,
.section04 .grid_wr .board_tit .more_btn:visited{outline: 1px solid #000;}
.section04 .grid_wr .board_cont{margin-top: 25px;}
.section04 .grid_wr .board_cont ul{}
.section04 .grid_wr .board_cont ul li{}
.section04 .grid_wr .board_cont ul li > a{width: 70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;padding-bottom: 1px;}
.section04 .grid_wr .board_cont ul li > a:hover > span,
.section04 .grid_wr .board_cont ul li > a:active > span,
.section04 .grid_wr .board_cont ul li > a:focus > span,
.section04 .grid_wr .board_cont ul li > a:visited > span{border-bottom: 1px solid #000;}
.section04 .grid_wr .board_cont ul li > span.date {float: right;}

.section04 .grid_wr .program{position: relative;min-height: 320px; max-height: 320px; padding: 30px 35px; box-sizing: border-box; background-position: center; background-repeat: no-repeat;}
.section04 .grid_wr .program h3{ font-size: 28px; word-break: keep-all;}
.section04 .grid_wr .program p{margin-top: 10px;}
.section04 .grid_wr .program a{}
.section04 .grid_wr .program a::after {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;content: "";}
/* .section04 .grid_wr .program a:hover:after */
.section04 .grid_wr .program a:focus:after,
.section04 .grid_wr .program a:active:after,
.section04 .grid_wr .program a:visited:after{border: 1px solid #000; border-radius: 25px;}
.section04 .grid_wr .prog_item01{background-image: url(/images/site/main/part05_buttom_bg01.png);}
.section04 .grid_wr .prog_item02{background-image: url(/images/site/main/part05_buttom_bg02.png);}
.section04 .grid_wr .prog_item03{background-image: url(/images/site/main/part05_buttom_bg03.png);}
.section04 .grid_wr .prog_item04{background-image: url(/images/site/main/part05_buttom_bg04.png);}

/* section04_2025 */
.section04 {background: #f2f2f2;}
.section04 .container .mainNotice25{display:flex;margin-top: 30px;}
.section04 .container .mainNotice25 .mainNot25 ul{margin-right:50px;}
.section04 .container .mainNotice25 .mainNot25 ul li{display:flex;flex-direction:column;border: 2px solid #ddd;text-align: center;justify-content:center;padding: 50px 100px;list-style: none; margin: 0;width: 180px;height: 120px;background-color:#fff;align-items: center;}
.section04 .container .mainNotice25 .mainNot25 ul li.on{background: #d6a918;margin-bottom: 45px;}
.section04 .container .mainNotice25 .mainNot25 ul li.on p {color: #fff;}
.section04 .container .mainNotice25 .mainNot25 ul li{background: #fff;margin-bottom: 45px;}
.section04 .container .mainNotice25 .mainNot25 ul li p {color: #000000;}

.section04 .container .mainNotice25 .mainNotList25{margin: auto 0;flex: 0 0 65%;}
.section04 .container .mainNotice25 .mainNotList25 ul li{display: flex;justify-content: space-between;align-items:center;}
 
.section04 .container .mainNotice25 ul {display: flex;flex: 1;flex-direction: column;gap: 12px;justify-content: center;}
.section04 .container .mainNotice25 ul li{border-bottom: 1px solid #e0e0e0;padding: 20px 16px;display: flex;justify-content: space-between;align-items: center;font-size: 20px;}
.section04 .container .mainNotice25 ul li span {flex: 1;}
.section04 .container .mainNotice25 ul li em {white-space: nowrap;margin-left: 12px;}

#tab-notice .iconNot {width: 50px;height: 50px;background-image: url('/images/site/main/notice_img.png');background-size: contain;background-repeat: no-repeat;margin-bottom: 5px;}
#tab-notice.on .iconNot {background-image: url('/images/site/main/notice_img2.png');}
#tab-qna .iconQues {width: 50px;height: 50px;background-image: url('/images/site/main/qna_img.png');background-size: contain;background-repeat: no-repeat;margin-bottom: 5px;}
#tab-qna.on .iconQues {background-image: url('/images/site/main/qna_img2.png');}

/** //section04 */

/** MOBILE */
@media (max-width: 1800px) {
	#videoSwiper ul li.video01 .img_area .img{
		max-width: 590px;
		min-width: 590px;
	}
	#videoSwiper ul li.video01 .txt_area {
	    width: calc(100% - 590px);
	    height: auto;
	}
}
@media (max-width: 1600px) {
	.mainSlide{
		height: calc(100vh - 85px);
	}
	
	.topicSlide button.next{
		right: -75px;
	}
	
	.topicSlide button.prev{
		left: -75px;
	}
	
	#videoSwiper ul li.video01 .img_area .img{
		max-width: 490px;
		min-width: 490px;
	}
	#videoSwiper ul li.video01 .txt_area {
	    width: calc(100% - 490px);
	    height: auto;
	}
}	

@media (max-width: 1500px) {
	
	#mainSwiper .swiper-slide{
		background-size: cover !important;
	}
	
	.topicSlide .swiper-button-next,
	.topicSlide .swiper-button-prev,
	.videoSlide button.next, 
	.videoSlide button.prev{
	    display:none;   
	}
	
	.videoSlide {
	    padding-left: 0px;
	    max-width: 1290px;
	}
	
	#videoSwiper {
	    padding-right: 0px;
	}
	
	#videoSwiper ul li.video01{
		width: auto;
		display: block;
	}
	
	#videoSwiper ul li.video01 .img_area .img {
	    min-width: auto;
	    max-width: none;
	    min-height: 250px;
	    max-height: none;
	}
	
	#videoSwiper ul li.video01 .txt_area{
		width: 100%;
		height: calc(100% - 250px);
	}
	
	#videoSwiper ul li.video01 .txt_area .cont {
	    min-height: 50px;
	    max-height: 50px;
	    -webkit-line-clamp: 2;
	}
	
	#videoSwiper ul li.video01 p.info{
		display: none;
	}
	
	#videoSwiper ul li.video01 p.tit {
        margin: 0 0 20px;
	}
}

@media (max-width: 1330px) {
	.container{
	 	padding: 0 15px;
	}
	
	.section03 .container,
	.section04 .container{
	 	padding: 120px 15px;
	}
	
	.mainSlide{
		/* height: 100%; */
	}
	
	.mainSlide .slide_cont p.txt01 {
	    font-size: 77px;
	}
	
	.mainSlide .slide_cont p.txt02 {
	    font-size: 45px;
	}
	
	.mainSlide .slide_cont p.txt03 {
	    font-size: 20px;
	}
/**
	.section01 {
	    background: aliceblue;
	    margin-top: 0;
        padding: 40px 0;
	}*/
	.section01 {
	    background-color: #d6a918;
	    margin-top: 0;
        padding: 40px 0;
	}
	
	.quick_menu {
	    flex-direction: column;
	    gap: 40px;
	}
	
	.quick_title .explan{
		display: none;
	}
	
	.section02 .sec_title:before{
		width: 100%;
		left: 0;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.section04 .grid_wr{
		
	}
	
	/** 250731 */
	.section01 .quick_menu25 .quick_title{padding-left: 70px;}
	.bg-deco {position: absolute;top: 46%;left: 30%;transform: translateX(-89%);width: 27%;height: 18%;background: url(/images/site/main/kite_bg.png) no-repeat center;background-size: contain;z-index: 1;pointer-events: none;}
	.mainTab25 ul li {
		padding: 2% 1%;
    	text-align: center;
    	font-size: 100%;
	}
	.section04 .container .mainNotice25 {
	  display: flex;
	  flex-direction: column;
	  gap: 20px;
	}
	
	.section04 .container .mainNotice25 .mainNot25 ul {
	  display: flex;
	  flex-direction: row; /* ✅ 가로 정렬 */
	  justify-content: center;
	  gap: 16px;
	  margin-right: 0;
	}
	
	.section04 .container .mainNotice25 .mainNot25 ul li {
	  width: 180px; /* 가로로 고정 크기 */
	  height: 120px;
	  padding: 30px;
	  text-align: center;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  background-color: #fff;
	  border: 2px solid #ddd;
	}
	
	.section04 .container .mainNotice25 .mainNotList25 {
	  flex: 1 1 auto;
	}
	
	.section04 .container .mainNotice25 .mainNotList25 ul li {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  font-size: 18px;
	  padding: 15px;
	  border-bottom: 1px solid #e0e0e0;
	}
	
	.section04 .container .mainNotice25 ul li span.date {
	    display: none;
	  }
}

@media (max-width: 1100px) {
	.mainSlide .inner{
		width: 100%;
		box-sizing: border-box;
		padding: 0 15px;
	}
}

@media (max-width: 1000px) {
    .mainSlide {
        height: calc(100vh - 30vh);
    }

	#mainSwiper .slide_btn_wr .swiper-button-prev,
	#mainSwiper .slide_btn_wr .swiper-button-next{
		display: none;
	}
	
	
    .section01 {
        padding: 25px 0;
    }
    
    .topicSlide,
    .videoSlide{
    	max-width: 830px;
    	margin-left: auto;
    	margin-right: auto;
    }
    
	.section04 .grid_wr {
		gap: 30px;
	    /* grid-template-rows: repeat(4, minmax(260px, auto)); */
	    grid-template-rows: repeat(2, minmax(310px, auto));
	    max-width: 830px;
	    margin: 65px auto 0;
	    
	}
	
	.section04 .grid_wr .news,
	.section04 .grid_wr .notice{
		/* min-height: 200px; */
		min-height: 360px;
		box-sizing: border-box;
	}
	
	.section04 .grid_wr .notice {
	    grid-column: 1 / 5;
	}
	
	.section04 .grid_wr .news {
	    grid-column: 1 / 5;
	    grid-row: 2 / 3;
	}
	
	.section04 .grid_wr .program{
		width: 100%;
		margin: 0 auto;
		background-size: 100%;
	    min-height: 420px;
    	max-height: 420px;
		background-size: cover;
	}
	
	.section04 .grid_wr .prog_item01, 
	.section04 .grid_wr .prog_item03{
		grid-column: 1 / 3;
	}
	
	.section04 .grid_wr .prog_item02,
	.section04 .grid_wr .prog_item04{
		grid-column: 3 / 5;
	}	
	
	.bg-deco {background-image: none;}
	.section02::before{background-image: none;}
}

@media (max-width: 768px) {
    .mainSlide {
        height: calc(100vh - 50vh);
    }
    
    .mainSlide .slide_cont p.txt01 {
        font-size: 57px;
    }
 
    .mainSlide .slide_cont p.txt02 {
        font-size: 25px;
    }
    
    .mainSlide .slide_cont p.txt03 {
        font-size: 18px;
    }
    
    .mainSlide .dday{
    	margin-top: 70px;
    }   
    
	.section01 {
	    margin-bottom: 85px;
	}
	
	.topicSlide {
	    position: relative;
	    margin-top: 55px;
	}

	.section02 .container {
	    padding-bottom: 60px;
	    padding-top: 20px;
	}
	
	.section02 .sec_title:before{
		display: none;
	}
	
	.section03 .container,
	.section04 .container {
        padding: 60px 15px;
    }
    
    .videoSlide {
	    margin: 35px auto 0;
	}
	/** 250731 */
	.section01 .quick_menu25 .quick_title{padding-left:0px; text-align: center;}	
	.mainTab25 ul li {
		padding: 2% 1%;
		font-size: 70%;
	}
	.section04 .container {
	    padding: 60px 16px;
	  }
	
	  .section04 .container .mainNotice25 .mainNot25 ul li {
	    width: 100%;
	    padding: 20px;
	    align-items: center;
	  }
	
	  .section04 .container .mainNotice25 ul li {
	    font-size: 16px;
	    flex-direction: column;
		align-items: flex-start;
	}
	
	.section04 .container .mainNotice25 ul li p {
		font-size: 16px;
	}
	
	.section02 .container .mainTab25 ul {
	    display: block !important;
	    text-align: center;
    }
    
    .section02 .container .mainTab25 ul li {
    	margin-bottom: 5px;
    }
}

@media (max-width: 710px) {
	.section04 .grid_wr .program{
	    min-height: 320px;
    	max-height: 320px;
	}
	
}

@media (max-width: 600px) {  
    .mainSlide {
        height: calc(100vh - 60vh);
    }
    
	.mainSlide .slide_cont p.txt01 {
        font-size: 37px;
    }
	
	.mainSlide .dday span{
		font-size: 45px;
	}
	
	.mainSlide .dday span:after{
	    font-size: 13px;
	    width: 44px;
	    transform: translateY(-25px);
	}
	 
	.section01 {
        padding: 15px 0;
        margin-bottom: 45px;
    }
    
	.sec_title h1 {
	    font-size: 40px;
	    text-align: center;
	}
	
	.sec_title h4 {
	    font-size: 18px;
	    text-align: center;
	    margin-top: 10px;
	}
	
	#topicSwiper ul li .img_area .img {
	    max-height: 197px;
	    min-height: 197px;
	}

	#topicSwiper ul li .txt_area {
	    padding: 15px 12px 25px;
	}

	#topicSwiper ul li .txt_area .tit{
		font-size: 20px;
	}

	#topicSwiper ul li .txt_area .cont{
		font-size: 15px;
        margin-top: 5px;
	}

	.videoSlide{
		height: auto;
	}
	
	#videoSwiper ul li .img_area .img,
	#videoSwiper ul li.video01 .img_area .img {
	    min-height: 200px;
	}
     
	#videoSwiper ul li .txt_area,
	#videoSwiper ul li.video01 .txt_area {
	    height: calc(100% - 200px);
	    padding: 15px 20px;
	}

    #videoSwiper ul li.video01 p.tit,
    #videoSwiper ul li p.tit{
        margin: 0 0 4px;
        font-size: 20px;
    }
    
    #videoSwiper ul li.video01 .txt_area .cont,
    #videoSwiper ul li .txt_area .cont {
		min-height: 42px;
		max-height: 42px;
    }
    
    #videoSwiper ul li p{
    	font-size: 15px;
    }
    
    #videoSwiper ul li .view_btn_wr {
	    margin-top: 15px;
	}
	
    .section04 .grid_wr {
        gap: 10px;
        margin: 45px auto 0;
    }
    
    .section04 .grid_wr .news,
	.section04 .grid_wr .notice {
        min-height: 200px;
        padding: 20px 25px;
    }
    
    .section04 .grid_wr .program {
        padding: 20px;
    }
    
    .section04 .grid_wr .program p{
    	font-size: 16px; 
    }
}

@media (max-width: 540px) {  
	#topicSwiper ul li .img_area img,
	#videoSwiper ul li .img_area img {
	    width: 170%;
	}
	
    #topicSwiper ul li .img_area .img {
        max-height: 167px;
        min-height: 167px;
    }
    
    #topicSwiper ul li .txt_area .cont{
		min-height: 42px;
		max-height: 42px;
    }
    
     #videoSwiper ul li .img_area .img,
     #videoSwiper ul li.video01 .img_area .img {
		max-height: 167px;
        min-height: 167px;
    }
    
    .section04 .grid_wr {
        /* grid-template-rows: repeat(3, minmax(260px, auto)); */
        grid-template-rows: repeat(1, minmax(260px, auto));
    }
    
	.section04 .grid_wr .news{
		display:none;
	}
	
    .section04 .grid_wr .program {
       min-height: auto;
    }
    
	.section04 .grid_wr .program p{
		display:none;
	}
}

@media (max-width: 430px) {
    .section02 .container .mainTab25 ul {
	    display: block !important;
	    text-align: center;
    }
    
    .section02 .container .mainTab25 ul li {
    	margin-bottom: 5px;
    }
}

@media (max-width: 425px) {
    .mainSlide .slide_cont p.txt01 {
        font-size: 30px;
    }
    
	.mainSlide .slide_cont p.txt02 {
        font-size: 20px;
    }
    
	.mainSlide .slide_cont p.txt03 {
        font-size: 17px;
    }
    
	.mainSlide .dday span {
        font-size: 38px;
    }
    
    .mainSlide .dday span:after {
        font-size: 10px;
        width: 38px;
        transform: translateY(-20px);
    }
	
	.mainSlide .dday span + span:before {
	    content: ':';
	    margin: 0 5px;
	    color: #fff;
	}
	
	.section04 .grid_wr {
        /* grid-template-rows: repeat(5, minmax(150px, auto)); */
        /* grid-template-rows: repeat(3, minmax(150px, auto)); */
        grid-template-rows: repeat(1, minmax(150px, auto));
    }
    
	.section04 .grid_wr .board_tit h2{
		font-size:20px;
	}
	
	.section04 .grid_wr .program h3{
		font-size: 20px;
	}
	
	.section04 .grid_wr .notice{
		min-height: 150px;
	}
	
	.section04 .grid_wr .board_cont ul li > a,
	.section04 .grid_wr .board_cont ul li > span{
		font-size: 15px;
	}
	
    .section04 .grid_wr .board_cont ul li > a{
    	width: 60%;
    }
   
	/* .section04 .grid_wr .program {
        min-height: 320px;
    }
    
    .section04 .grid_wr .prog_item01,
    .section04 .grid_wr .prog_item02,
    .section04 .grid_wr .prog_item03,
    .section04 .grid_wr .prog_item04{
        grid-column: 1 / 5;
    } */
    
    
    .section04 .grid_wr .board_tit .more_btn{
    	text-align: right;
    }
    
    .section04 .grid_wr .board_tit .more_btn img{
    	width: calc(100% - 20%);
    }
    
    .section02 .container .mainTab25 ul {
	    display: block !important;
	    text-align: center;
    }
    
    .section02 .container .mainTab25 ul li {
    	margin-bottom: 5px;
    }
}

@media (max-width: 375px) {
	.mainSlide .dday {
        margin-top: 45px;
    }
    
	#topicSwiper ul li .img_area .img {
        max-height: 207px;
        min-height: 207px;
    }
    
    #videoSwiper ul li .img_area .img,
    #videoSwiper ul li.video01 .img_area .img {
		max-height: 207px;
		min-height: 207px;
	}
	
	/** 20250731_add*/
	.mainTab25 ul {display: block !important;text-align: center;}
	.mainTab25 ul li on{margin-bottom: 10px;}
	.mainTab25 ul li{margin-bottom: 10px;font-size: 15px;padding: 10px 50px;border-radius: 10px;}
}

@media (max-width: 320px) {
    .mainSlide .slide_cont p.txt01 {
        font-size: 26px;
    }
    
	.mainSlide .slide_cont p.txt02 {
        font-size: 18px;
    }
    
	.mainSlide .slide_cont p.txt03 {
        font-size: 15px;
    }
    
	.mainSlide .dday span {
        font-size: 35px;
    }
    
    .mainSlide .dday span:after {
        font-size: 8px;
        width: 35px;
        transform: translateY(-18px);
    }
	
	.mainSlide .dday span + span:before {
	    content: ':';
	    margin: 0 5px;
	    color: #fff;
	}
	
	.quick_item ul li p{
		font-size: 15px;
	}
	
    .sec_title h1 {
       font-size: 38px;
    }
    
	.section04 .grid_wr .program h3 {
        font-size: 18px;
    }
}


/* @media (min-height: 425px) and (max-height: 1000px) { */
@media (orientation:landscape) and (min-height:425px) and (max-height:768px) and (max-width: 1000px) {
    .mainSlide {
        height: 640px;
    }
}

@media (orientation:landscape) and (min-height:280px) and (max-height:425px) and (max-width:1000px) {
    .mainSlide {
        height: 540px;
    }
}

@media (orientation:landscape) and (min-height:280px) and (max-height:375px) and (max-width:768px) {
    .mainSlide {
        height: 440px;
    }
}

@media (orientation:portrait) and (max-width:640px) {
    .mainSlide {
        height: 340px;
    }
}