@charset "uft-8";

/*-------------------------------------------------
main Style Sheet
Version : 1.0
Author : yr
Create date : 2023. 12. 21. 2024.12.03
Last update : 2023. 12. 21.
-------------------------------------------------*/
.tab-container {position: relative;}
.bt_more {position: absolute;top: 5px;right: 0px;display: block;padding: 2px 25px 2px 10px;font-size: 13px;background: url("/renewal2022/assets/images/main/2024/icon_plus.png") 85% center no-repeat rgb(255, 255, 255);border: 1px solid rgb(221, 221, 221);border-radius: 30px;width: auto;height: auto;}
h2.tit {color: rgb(34, 34, 34);font-size: 32px;font-weight: 600;line-height: 30px;border-bottom: 0 none; padding: 0; margin: 0;}
p.tit {color: rgb(68, 68, 68);}
.date {color: rgb(136, 136, 136);}

/*모바일용*/
#container {overflow: hidden;width: 100%;margin: 0 auto;min-height: 60vh;background: none;letter-spacing: -0.05em;padding: 0 3% 30px 3%;}
#container p{padding: 0;}
#container .date {margin: 0;padding: 0;border: 0 none;}
#container * {box-sizing: border-box;}
#content {margin: 0 auto 50px;padding: 0;width: 100%}
/*모바일용*/

.top_container {position: relative;padding: 35px 0px 31px;}
.top_container::before {display: block;content: "";position: absolute;z-index: -1;top: 0px;left: 50%;transform: translateX(-50%);width: 100vw;height: 100%;background: url("/renewal2022/assets/images/main/2024/bg_main.jpg") center center;}
.main_visual {position: relative;float: left;width: calc(50% - 10px);/* height: 380px; */box-shadow: rgba(0, 0, 0, 0.18) 2px 4px 15px 0px;}

.main_visual .swiper-slide {/* height: 380px; */}
.main_visual .swiper-slide a {position: relative;overflow: hidden;display: block;padding-top: 52%;}
.main_visual .swiper-slide a:focus-visible,
.main_visual .swiper-slide a:focus {outline: rgb(51, 51, 51) solid 2px;outline-offset: -4px;}
.main_visual .swiper-slide img {width: 100%;object-fit: cover;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;font-size: 0;margin: 0;padding: 0;line-height: 1;}
/*20250114 수정*/
.main_visual .slide_tool {position: absolute;right: 20px;bottom: 10px;z-index: 2;display: flex;align-items: center;padding: 3px 5px;background-color: rgba(0, 0, 0, 0.7);border-radius: 30px;/* display: none; */}
/*//20250114 수정*/
.slide_tool>div {position: relative;display: inline-block;top: auto;left: auto;bottom: auto;vertical-align: middle;}
.slide_tool .swiper-button-prev,
.slide_tool .swiper-button-next {position: static;display: block;width: 27px;height: 27px;border-radius: 50%;opacity: 1;box-sizing: border-box;}
.slide_tool .swiper-button-prev {background: url("/renewal2022/assets/images/main/prev.png") center center no-repeat rgb(255, 255, 255);}
.slide_tool .swiper-button-next {background: url("/renewal2022/assets/images/main/next.png") center center no-repeat rgb(255, 255, 255);}
.slide_tool .swiper-pagination {width: auto;margin: 0px 10px;font-size: 20px;font-weight: 200;color: rgb(255, 255, 255);}
.slide_tool .play_pause {margin-left: 12px;}
.slide_tool .play_pause button {display: block;width: 27px;height: 27px;border: none;border-radius: 50%;background: url("/renewal2022/assets/images/main/pause.png") center center no-repeat rgb(141, 145, 149);font-size: 0px;text-indent: -99999px;cursor: pointer;box-sizing: border-box;}
.slide_tool .play_pause .swiper-button-play {display: none;background-image: url("/renewal2022/assets/images/main/play.png");}

.notice_w {display: flex;flex-wrap: wrap;float: left;margin-right: 20px;width: calc(50% - 10px);}
.notice_bx {width: 100%;}
.notice_bx .tab_list_w {display: flex;gap: 5px;margin-bottom: 25px;}
.notice_bx .tab_list_w .tablist {position: relative;}
.notice_bx .tab_list_w .tablist~.tablist::before {content: "";display: block;width: 4px;height: 4px;background-color: rgb(102, 102, 102);position: absolute;top: calc(50%);left: -3px;border-radius: 30px;}
.notice_bx .tab_list_w .tablist {margin-left: -1px;}
.notice_bx .tab_list_w .tab_button {width: 90px;height: 35px;padding: 0px;color: rgb(68, 68, 68);font-family: "Noto Sans KR";font-size: 22px;letter-spacing: -0.05em;cursor: pointer;background: none;border: 0px none;font-weight: 600;}
.notice_bx .tab_list_w .active .tab_button {position: relative;color: rgb(21, 50, 169);}
.notice_bx .list {display: flex;gap: 10px;}
.notice_bx .list li {background-color: rgb(255, 255, 255);box-shadow: rgba(0, 0, 0, 0.18) 2px 4px 15px 0px;padding: 15px 20px;height: 220px;flex: 1 1 0%;}
.notice_bx .list .tit {color: rgb(51, 51, 51);font-size: 16px;font-weight: 500;display: -webkit-box;overflow-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;height: 170px;}
.notice_bx .list .date {font-size: 15px;color: rgb(85, 85, 85);}
.topmid_container {margin: 60px 0px;}
.topmid_container .bt_more {right: 0px;}
.blnews_box {display: flex;gap: 40px;}
.blank_bx {display: flex;gap: 10px;flex-direction: column;align-items: center;}
.blank_bx .main_logo {flex: 1 1;display: inline-block;height: auto;text-align: center;padding: 10px;}
.blank_bx .main_logo img{height: 50px;}
.blank_bx .main_logo p {color: rgb(255, 255, 255);font-size: 17px;margin-top: 15px;}
.blank_bx .main_logo02 {background-color: rgb(47, 170, 115);}
.blank_bx .main_logo03 {background-color: rgb(34, 149, 192);}
.tit_bx {margin-bottom: 30px;}
.tit_bx img{width: 80%;}
.news_bx {position: relative;width: 100%;}
.news_bx .news_tit {}
.news_bx .news_tit p {margin: 10px 0 37px;font-size: 15px;}
.news_bx .new-list {flex-grow: 1;display: flex;gap: 20px;}
.news_bx .new-list li {box-shadow: rgba(0, 0, 0, 0.18) 2px 4px 15px 0px;}
.news_bx .new-list a {display: block;width: 300px;}
.news_bx .new-list .img {position: relative;overflow: hidden;width: 100%;height: 200px;}
.news_bx .new-list .img img {width: 100%;height: 100%;object-fit: cover;}
.news_bx .new-list .txt {margin: 20px;}
.news_bx .new-list .txt .tit {height: 50px;overflow: hidden;display: -webkit-box;overflow-wrap: break-word;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: rgb(51, 51, 51);font-size: 16px;font-weight: 500;}
.news_bx .new-list .etc {margin: 0px 20px 20px;}
.news_bx .new-list .etc .date {font-size: 15px;}
.mid_container {display: flex;margin: 20px 0px;gap: 80px;justify-content: space-between;}
.mid_container>article {position: relative;}
.mid_container>article h2.tit {margin-bottom: 23px;}
.sns_bx{width: calc(100% - 380px - 80px);}
.sns_bx .tab_list_w {position: absolute;top: -58px;left: auto;display: flex;right: 1px;}
.sns_bx .tab_list_w .tablist {}
.sns_bx .tab_list_w .tablist~.tablist {margin-left: 3px;}
.sns_bx .tab_list_w .tab_button {position: relative;display: flex;align-items: center;justify-content: center;width: 35px;height: 35px;border-radius: 50%;border: none;background: url("/renewal2022/assets/images/main/ico_sns01.png") center center no-repeat rgb(139, 142, 155);cursor: pointer;transition: 0.2s;}
.sns_bx .tab_list_w .no a {position: relative;display: flex;align-items: center;justify-content: center;width: 35px;height: 35px;border-radius: 50%;border: none;background: url("/renewal2022/assets/images/main/ico_sns01.png") center center no-repeat rgb(139, 142, 155);cursor: pointer;transition: 0.2s;}
.sns_bx .tab_list_w .tab_button#sns02 {background-image: url("/renewal2022/assets/images/main/ico_sns02.png");}
.sns_bx .tab_list_w .no a#sns03 {background-image: url("/renewal2022/assets/images/main/ico_sns03.png");}
.sns_bx .tab_list_w .no a#sns04 {background-image: url("/renewal2022/assets/images/main/ico_sns04.png");}
.sns_bx .tab_list_w .active .tab_button {position: relative;overflow: hidden;}
.sns_bx .tab_list_w .active .tab_button#sns01 {background-color: rgb(212, 38, 44);}
.sns_bx .tab_list_w .active .tab_button#sns02::before {display: inline-block;content: "";width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;z-index: -1;background: radial-gradient(circle at 35% 90%, rgb(254, 197, 100), transparent 50%), radial-gradient(circle at 0px 140%, rgb(254, 197, 100), transparent 50%), radial-gradient(at 0px -25%, rgb(82, 88, 207), transparent 50%), radial-gradient(at 20% -50%, rgb(82, 88, 207), transparent 50%), radial-gradient(at 100% 0px, rgb(137, 61, 194), transparent 50%), radial-gradient(at 60% -20%, rgb(137, 61, 194), transparent 50%), radial-gradient(at 100% 100%, rgb(217, 49, 122), transparent), linear-gradient(rgb(101, 89, 202), rgb(188, 49, 143) 30%, rgb(227, 63, 95) 50%, rgb(247, 118, 56) 70%, rgb(254, 198, 109) 100%);}
.sns_bx .tab_list_w .active .tab_button#sns02 {background-color: transparent;}
.sns_bx .tab_list_w .active .tab_button#sns03 {background-color: rgb(50, 87, 163);}
.sns_bx .tab_list_w .active .tab_button#sns04 {background-color: rgb(45, 180, 0);}
.sns_bx .sns-list {display: flex;gap: 35px;justify-content: center;}
.sns_bx .sns-list li{flex: 1 1;}
.sns_bx .sns-list .img {position: relative;overflow: hidden;width: 100%;}
.sns_bx .sns-list.yt .img{border-top: 10px solid rgb(214, 214, 214);border-bottom: 10px solid rgb(214, 214, 214);padding-top: 56.25%;}
/*20250827 인스타그램 게시글 이미지 크기 조정*/
.sns_bx .sns-list.instr{gap: 5px;}
.sns_bx .sns-list.instr .img{padding-top: 125%; }
/* .sns_bx .sns-list.instr .img{padding-top: 100%; } */
.sns_bx .sns-list .img img {position: absolute; top: 0; left: 0; bottom: 0; right: 0;width: 100%;height: 100%;object-fit: cover;}
.sns_bx .sns-list .txt .badg_yt {position: relative;border-radius: 20px;background: url("/renewal2022/assets/images/main/ico_sns01.png") 15% center no-repeat rgb(212, 38, 44);cursor: pointer;transition: 0.2s;color: rgb(255, 255, 255);display: inline-block;padding: 2px 7px 2px 30px;font-size: 13px;margin: 25px 0px 13px;}
.sns_bx .sns-list .txt p {font-size: 16px;font-weight: 500;color: rgb(0, 0, 0);}
.alarm_bx {width: 380px;height: 410px;overflow: hidden;}
.alarm_bx .slide_tool {position: absolute;top: 0px;right: 0px;display: flex;width: 100%;align-items: center;z-index: 10;padding-bottom: 10px;justify-content: flex-end;}
.alarm_bx .slide_tool .swiper-pagination {font-weight: 600;color: rgb(85, 85, 85);}
.alarm_bx .slide_tool .swiper-pagination-current {color: rgb(0, 0, 0);}
.alarm_bx .slide_tool .swiper-button-prev,
.alarm_bx .slide_tool .swiper-button-next {border: 1px solid rgb(194, 194, 194);}
.alarm_bx .slide_tool .play_pause {margin-left: 5px;}
.alarm_bx .slide_tool .play_pause button {background: url("/renewal2022/assets/images/main/alarm_pause.png") center center no-repeat rgb(255, 255, 255);border: 1px solid rgb(194, 194, 194);}
.alarm_bx .slide_tool .play_pause .swiper-button-play {display: none;background-image: url("/renewal2022/assets/images/main/alarm_play.png");}
.alarm_slider .swiper-slide .img {position: relative;overflow: hidden;width: 100%;padding-top: 100%;}
.alarm_slider .swiper-slide .img a {display: inline-block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;}
.alarm_slider .swiper-slide .img img {width: 100%;height: 100%;object-fit: cover;}
.etc_bx {margin-top: 60px;display: flex;justify-content: space-between;}
.etc_bx {}
/*.etc_bx .bt_more {top: 0px;right: 0px;}*/
.etc_bx .gray_box {position: relative;}
.etc_bx .gray_box~.gray_box::before {width: 1px;height: 100%;content: "";position: absolute;top: 0px;left: -16%;background-color: rgb(219, 219, 219);}
.etc_bx .gray_box h2.tit {margin-bottom: 18px;font-size: 26px;}
.etc_bx>div~div {}
.etc_bx .thum-list {display: flex;height: calc(100% - 50px);}
.etc_bx .thum-list li {width: 170px;height: 100%;}
.etc_bx .thum-list li>a {position: relative;display: inline-block;width: 100%;height: 100%;border: 1px solid rgb(224, 224, 224);}
.etc_bx .thum-list li>a>img {width: 100%;height: 100%;object-fit: cover;}
.etc_bx .thum-list li~li {margin-left: 10px;}
.midbtm_container {padding: 60px 0px;position: relative;}
.midbtm_container::before {content: "";width: 100vw;height: 100%;position: absolute;top: 0px;left: 50%;transform: translateX(-50%);background-color: rgb(243, 244, 248);display: block;z-index: -1;}
.midbtm_container .gray-list {display: flex;flex-wrap: wrap;gap: 50px;justify-content: center;}
.midbtm_container .gray-list li {padding: 0px;width: 140px;}
.midbtm_container .gray-list li:nth-child(4) {margin-left: 0px;}
.midbtm_container .gray-list .gray_box {}
.midbtm_container .gray-list .item {display: block;width: 100%;text-align: center;font-weight: 500;}
.midbtm_container .gray-list .item .text {color: rgb(34, 34, 34);font-size: 16px;letter-spacing: -0.05em;text-align: center;line-height: 1;vertical-align: middle;display: table;margin: 38px auto 0px;}
.midbtm_container .gray-list .item .text span {vertical-align: middle;display: table-cell;text-align: center;font-size: 18px;}
.midbtm_container .gray-list .item i {display: block;width: 82px;height: 75px;background: url("/renewal2022/assets/images/main/2024/ico_info01.png") center center no-repeat;margin: 0px auto 10px;}
.midbtm_container .gray-list .ic02 i {background-image: url("/renewal2022/assets/images/main/2024/ico_info02.png");}
.midbtm_container .gray-list .ic03 i {background-image: url("/renewal2022/assets/images/main/2024/ico_info03.png");}
.midbtm_container .gray-list .ic04 i {background-image: url("/renewal2022/assets/images/main/2024/ico_info04.png");}
.midbtm_container .gray-list .ic05 i {background-image: url("/renewal2022/assets/images/main/2024/ico_info05.png");}
.midbtm_container .gray-list .ic06 i {background-image: url("/renewal2022/assets/images/main/2024/ico_info06.png");}
.midbtm_container .gray-list .ic07 i {background-image: url("/renewal2022/assets/images/main/2024/ico_info07.png");}

.main_pop_wrap {position: absolute;top: 10px;left: 10px;padding: 10px;z-index: 1000;background: rgb(255, 255, 255);border: 1px solid rgb(219, 219, 219);}
.main_pop_wrap.pop2 {left: 540px;}
.main_pop_wrap img {width: 100%;}
.main_pop_wrap .pop_img {width: 100%;}
.main_pop_wrap .pop_img img {width:calc(100% - 80px) !important; height: auto !important;}
.main_pop_wrap .pop_btn {position: relative;padding: 5px 0px;}
.main_pop_wrap .pop_btn a.close_btn {position: absolute;top: 5px;right: 0px;width: auto;height: auto;}
.main_pop_wrap .pop_btn a.close_btn::after {content: "×";font-size: 15pt;}
.main_pop_wrap .pop_btn label {line-height: 1rem;font-size: 1rem;}
.main_pop_wrap .txt_bx {min-width: 500px;font-size: 16px;font-weight: 500;line-height: 1.4;letter-spacing: -0.03em;box-sizing: border-box;}
.main_pop_wrap .txt_bx h2 {padding: 15px 0px;font-size: 2.5rem;font-weight: 600;text-align: center;}
.main_pop_wrap .txt_bx p {box-sizing: border-box;}
.main_pop_wrap .txt_bx .icon {display: block;margin: 30px auto;width: 160px;height: 110px;background: url("/renewal2022/assets/images/main/ico_sys.png") no-repeat;}
.main_pop_wrap .txt_bx .con {padding: 10px 30px 30px;}
.main_pop_wrap .txt_bx .g_box {padding: 20px;width: 100%;background-color: rgb(56, 56, 56);color: rgb(255, 255, 255);font-weight: bold;font-size: 1.125rem;}
.main_pop_wrap .txt_bx .bold {padding: 35px 20px 55px;font-size: 1.063rem;font-weight: bold;text-align: center;}


@media (max-width: 1200px) {.main_pop_wrap {width: 50%;}.main_pop_wrap .txt_bx {min-width: inherit;}}
@media (max-width: 600px) {.main_pop_wrap {width: 70%;top: 130px;}}


@media (max-width: 1300px){
    .blnews_box{flex-direction: column;}
    .blank_bx{flex-direction: row;align-items: initial;}
    .blank_bx .main_logo p{font-size: 14px;}
    .news_bx .new-list li{flex: 1 1;}
    .news_bx .new-list a{width: 100%;}
    .etc_bx{gap: 20px;}
    .etc_bx .gray_box {flex: 1 1;}
    .etc_bx .gray_box~.gray_box::before{display: none;}
    .etc_bx .thum-list li{width: calc(50% - 5px);}
}
@media (max-width: 1024px){
    .notice_w{margin-bottom: 20px;margin-right: 0;}
    .notice_w,
    .main_visual{width: 100%; float: none;}
    .mid_container{gap: 0;}
    .sns_bx{width: calc(100% - 250px - 30px);}
    .alarm_bx {width: 250px;height: auto;}
    .alarm_slider .swiper-slide .img{height: auto;}
}
@media (max-width: 870px){
    h2.tit{font-size: 28px;}
    .mid_container{flex-direction: column; gap: 30px;}
    .alarm_bx,
    .sns_bx{width: 100%;}
    .midbtm_container .gray-list{gap: 30px;}
    .midbtm_container .gray-list li{width: 22%;}

}
@media (max-width: 620px){
    .topmid_container{margin: 30px 0;}
    .news_bx .news_tit p{margin: 10px 0;}
    .news_bx .new-list .txt{margin: 10px;}
    .news_bx .new-list .etc{margin: 0px 10px 10px;}
    .etc_bx{margin-top: 30px;}
    .blnews_box{gap: 30px;}
    .notice_bx .list li{padding: 10px;}
    .notice_bx .list .tit{height: auto;}
    .notice_bx .tab_list_w .tab_button{width: 67px;font-size: 16px;}
    .blank_bx .main_logo img{height: 30px;}
    .sns_bx .sns-list .txt .badg_yt{margin: 15px 0px 10px;}
    .news_bx .new-list,
    .etc_bx{flex-direction: column;}
    .midbtm_container .gray-list{gap: 15px;}
    .midbtm_container .gray-list .item .text{margin: 10px auto 0;}
    .midbtm_container .gray-list .item .text span{font-size: 12px;}
    .midbtm_container .gray-list .item i{width: 50px; height: 50px; background-size: contain;}
    .midbtm_container{padding: 20px 0;}
}
@media (max-width: 425px){
    .notice_bx .list{flex-direction: column;}
}