@charset "utf-8";

/*-------------------------------------------------
main Style Sheet
Version : 1.1
Author : my
Last update : 2025. 12. 23.
-------------------------------------------------*/
/*2025 리뉴얼*/
#container{background-color:#eaeef5; padding:40px 0;}
#content{width: 100%; max-width: 1280px; margin: 0 auto;}

/* 2025 main_zone01 */
.main_wrapper01{display: flex; gap:20px; margin-top:-10px;}
  /*스와이퍼 영역*/
.zone01_left { flex: 1; min-width: 0;}
/*20251224 수정*/
.zone01_swiper { position: relative; overflow: hidden; border-radius: 20px;   width: 100%; height:100%}
/*20251229 수정3*/
.zone01_swiper .swiper-slide {height: 340px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.zone01_swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
/*20251229 수정3*/
/*20251224 수정*/
.zone01_controls { position: absolute; right: 30px; bottom: 25px; display: flex; align-items: center; gap: 8px; }
.zone01_fraction { font-size: 15px; font-weight: 600; color: #fff; z-index: 10; margin-right: 15px; }
.swiper-pagination-total,
.swipe_item{opacity: 0.5;}
.zone01_btn_prev,
.zone01_btn_next,
.zone01_btn_pause,
.zone01_btn_play {   width: 30px !important; height: 30px !important; min-width: 30px !important; min-height: 30px !important; border-radius: 50%; border: none; cursor: pointer; background:#fff; display:flex; align-items:center; justify-content:center; color:#163c91; font-size:16px; z-index: 10; background-repeat: no-repeat;}
.zone01_btn_prev  { background-image: url("../images/new_main/btn_prev.png"); background-position: 50% 50%;}
.zone01_btn_next  { background-image: url("../images/new_main/btn_next.png"); background-position: 50% 50%;}
.zone01_btn_pause { background-image: url("../images/new_main/btn_pause.png"); background-position: 50% 50%;}
.zone01_btn_play  { background-image: url("../images/new_main/btn_play.png"); background-position: 50% 50%;}
.zone01_btn_play { display:none; }
  /*탭영역*/
/*20251229 수정3*/
.zone01_right{flex: 0 0 540px;background-color: #fff;padding: 30px;border-radius: 20px;width: 540px;height: 340px;box-sizing: border-box;}
/*20251229 수정3*/
.zone01_tab_wrap{ display:flex; flex-direction:column; height:100%; position: relative;}
.zone01_tab_header{ display:flex; align-items:flex-end; width:100%; border-bottom:1px solid #e2e6f0; padding-bottom:8px; margin-bottom:12px;}
.zone01_tab_list{ display:flex; gap:40px; }
.zone01_tab_btn{ position:relative; padding:4px 0 10px; border:none; background:none; font-size:18px; line-height:1.2; color:#555; cursor:pointer; white-space:nowrap; font-weight: 600;}
.zone01_tab_btn[aria-selected="true"]{ color:#1976d2; font-weight:600; }
.zone01_tab_btn[aria-selected="true"]::after{ content:""; position:absolute; left:0; right:0; bottom:-8px; height:2px; border-radius:2px; background-color:#1976d2; }
.zone01_tab_wrap > a.zone01_tab_more{ position: absolute; right: 0; top: 0; display: inline-block; width: auto; padding: 4px 0 0 0; margin: 0; font-size: 15px ; color: #333; font-weight: 600; height: auto; }
.zone01_tab_panel > a.zone01_tab_more { position: absolute; right: 0; top: 0; display: inline-block; padding: 0; margin: 0; font-size: 13px; color: #333; font-weight: 600; height: auto; width: auto; }
.zone01_tab_wrap > a.zone01_tab_more:focus{ outline: 2px solid #163c91; border-radius: 4px; }
/* 패널 영역 */
.zone01_tab_panels{ margin-top:8px; }
.zone01_tab_panel{ outline:none; }
/* 게시글 리스트 */
.zone01_board_list{ margin:0; list-style:none;}
.zone01_board_list li + li{ margin-top:8px; }
.zone01_board_list a{ display:block; text-decoration:none; color:#111; }
.zone01_board_title{ position:relative; display:block; padding-left:10px; font-size:17px; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.zone01_board_title::before{ content:"·"; position:absolute; left:0; top:0; }
.zone01_board_date{ display:block; margin-left:10px; margin-top:2px; font-size:15px; color:#888; }


/* 2025 main_zone02 */
/*.main_zone02{ margin-top: 40px; }*/
.main_wrapper02{ display: flex; gap: 27px; background-color: #fff; border-radius:20px; padding:20px; align-items: center; margin-top:40px;}
.zone02_vision{margin-left: 20px;}
.zone02_cards{display: flex; gap:20px;}
.zone02_cards .zone02_card{border-radius: 10px; padding:20px 17px; min-width: 340px;}
.zone02_card_inner{display: flex; gap:35px; align-items: center;}
.zone02_card--blue{background-color: #e1f2ff;}
.zone02_card--green{background-color: #d6f5e0;}
.zone02_card_btn{font-size: 13px; padding:3px 7px; border-radius: 13px; background-color:#abcee8; text-align: center; margin-top: 15px; display: inline-flex; justify-content: center; max-width: 80px; height: 25px; align-items: center; color:#213442 !important; font-weight:500;}
/*20251229 수정*/
.zone02_card_logo{/* max-width: 101px; */max-width: 120px;}
.zone02_card_logo img{width:100%; height: 100%; object-fit: cover;}
/*20251229 수정*/
.zone02_card_btn.grn{background-color: #8fcfa3; color:#14301d !important; font-weight:500;}
/*20251229 수정3*/
.zone02_card_text {font-size: 14px; line-height:1.5; font-weight:500;}
/*20251229 수정3*/


/* 2025 main_zone03 */
.main_zone03{ margin-top: 40px; }
.main_wrapper03{ display: flex; gap: 20px; min-width: 0; width: 100%; box-sizing: border-box; }
/* 공통 카드 박스 */
.zone03_block{ flex: 1; min-width: 0; max-width: 100%; background-color: #fff; border-radius: 20px; padding: 20px 0 0; box-sizing: border-box; }
.zone03_block2{ flex: 0 0 820px; min-width: 0; max-width: 820px; width: 820px; background-color: #fff; padding: 20px 30px; border-radius: 20px; box-sizing: border-box; }

/* 헤더(제목 + 1/2 + 컨트롤러) */
.zone03_head{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; padding:0 30px;}
.zone03_head2{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.zone03_title{ font-size: 25px; font-weight: 600; }
.zone03_head_right{ display: flex; align-items: center; gap: 8px; }
.zone03_pagination{ font-size: 14px; color: #666; }
.zone03_pagination span:nth-of-type(1){color:#0077d3;}
.zone03_btn_group{ display: flex; gap: 6px; }
.zone03_btn_prev,
.zone03_btn_next,
.zone03_btn_pause,
.zone03_btn_play{ width: 30px; height: 30px; min-width: 30px; min-height: 30px; border-radius: 50%; border: none; background-color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; background-repeat: no-repeat; background-position: 50% 50%; box-shadow: 0 2px 6px rgba(0,0,0,0.15); }
.zone03_btn_prev{  background-image:url("../images/new_main/btn_prev.png"); }
.zone03_btn_next{  background-image:url("../images/new_main/btn_next.png"); }
.zone03_btn_pause{ background-image:url("../images/new_main/btn_pause.png"); }
.zone03_btn_play{  background-image:url("../images/new_main/btn_play.png"); }
.zone03_btn_play{display: none;}
.zone03_slider{ position: relative; overflow: hidden; width: 100%; }
.zone03_block_alert .zone03_slider{ background-color: #dfe9ff; border-radius: 20px; }

.zone03_alert_swiper{ position: relative; overflow: hidden; width: 100% !important; max-width: 100%; box-sizing: border-box; }
.zone03_alert_swiper .swiper-wrapper{ display: flex; width: 100%; box-sizing: border-box; }
.zone03_alert_swiper .swiper-slide{ width: 100% !important; flex-shrink: 0; height: auto; box-sizing: border-box; }
.zone03_block_alert .zone03_slider .swiper-slide a{ display: block; width: 100%; height: 330px; border-radius: 20px; overflow: hidden; }
.zone03_block_alert .zone03_slider img{ display: block; width: 100%; height: 100%; object-fit: cover; }
/* 개발원 소식 슬라이드 */
.zone03_news_swiper{ position: relative; overflow: hidden; width: 100% !important; max-width: 100%; box-sizing: border-box; }
.zone03_news_swiper .swiper-wrapper{ display: flex; width: 100%; box-sizing: border-box; }
.zone03_news_swiper .swiper-slide{ width: 100% !important; flex-shrink: 0; box-sizing: border-box; }
.zone03_news_list{ display: flex; gap: 20px; width: 100%; }
.zone03_news_item{ flex: 1; min-width: 0; background-color: #fff; overflow: hidden; }
.zone03_news_item a{ display: flex; flex-direction: column; height: 100%; text-decoration: none; }
.zone03_news_thumb{border-radius: 10px; height: 230px;  overflow: hidden;  }
.zone03_news_thumb img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.zone03_news_body{margin-top: 15px;}
.zone03_news_title{ font-size: 16px; line-height: 1.5; height: 3em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; font-weight: 450;}
.zone03_news_date{ display: block; margin-top: 6px; font-size: 13px; color: #777; }


/* 2025 main_zone04 - SNS 영역 */
.main_zone04 { margin-top: 40px; }
.zone04_block { background-color: #fff; border-radius: 20px; padding: 20px 30px 30px; box-sizing: border-box; }
.zone04_head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.zone04_head_left { display: flex; align-items: center; gap: 16px; }
.zone04_title { font-size: 25px; font-weight: 600; }
.zone04_sns_tabs { display: flex; gap: 8px; }
.zone04_sns_tab { width: 32px; height: 32px; border-radius: 50%; border: none; padding: 0; background: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.zone04_sns_tab img { max-width: 100%; max-height: 100%; }
.zone04_sns_tab.is_active { outline: 2px solid #163c91; outline-offset: 2px; }
.zone04_head_right { display: flex; align-items: center; gap: 10px; }
.zone04_pagination { font-size: 14px; color: #666; }
.zone04_pagination span:first-child { color: #0077d3; }
.zone04_panels { margin-top: 6px; }
.zone04_panel[hidden] { display: none; }
.zone04_card_list { display: flex; gap: 20px; }
.zone04_card { flex: 1; min-width: 0; padding: 10px 10px 14px; box-sizing: border-box; display: flex; flex-direction: column; }
.zone04_thumb_link { display: block; border-radius: 12px; overflow: hidden; height: 220px ; }
.zone04_thumb_link2{ display: block; border-radius: 12px; overflow: hidden; }
.zone04_thumb_link img ,
.zone04_thumb_link2 img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.zone04_flex{display: flex; justify-content: space-between; margin-top: 10px;}
.zone04_desc { margin-top: 10px; font-size: 16px; color: #555; font-weight: 500; }

/* 바로가기 버튼 */
/*20251229 수정*/
.zone04_go_btn {margin-top: 17px;align-self: flex-start;display: inline-flex;align-items: center; max-width:75px;padding: 1px 10px;border-radius: 14px;background-color: #ff4b4b;color: #fff;font-size: 12px;text-decoration: none;/* height: 30px; */max-height: 25px;}
.zone04_go_btn.insta { background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af, #515bd4); color: #fff; }
.zone04_go_btn span{color:#fff; margin-left:6px;}
/*//20251229 수정*/
.zone04_go_icon{width: 15px; height: 10px; background: url(../images/new_main/icon_youtube.png)no-repeat;}

.zone04_go_icon.insta{background: url(../images/new_main/icon_insta.png)no-repeat;}

/* 2025 main_zone05 - 바로가기 아이콘 영역 */
.main_zone05 { margin-top: 40px; }
.zone05_block { background-color: #fff; border-radius: 20px; padding:40px 60px; box-sizing: border-box; }
/*.zone05_title { font-size: 18px; font-weight: 600; margin-bottom: 18px; }*/
.zone05_list { display: flex; justify-content: space-between; gap: 24px; }
.zone05_list li { flex: 1; }
.zone05_link { display: flex; flex-direction: column; align-items: center; text-decoration: none; color: #111; }
.zone05_icon_box { width: 100px; height: 100px; border-radius: 20px; display: flex; align-items: center; justify-content: center; /*box-shadow: 0 10px 20px rgba(0,0,0,0.08);*/ overflow: hidden; }
.zone05_icon_box img { max-width: 100%; max-height:100%; display: block; }
.zone05_text { margin-top: 14px; font-size: 16px; font-weight: 600; }
.zone05_link:focus-visible,
.zone05_link:hover { outline: none; }
.zone05_link:focus-visible .zone05_icon_box { box-shadow: 0 0 0 3px #163c91; }
/*.zone05_list li:nth-child(1) .zone05_icon_box { background-color: #f9edbd; }*/
/*.zone05_list li:nth-child(2) .zone05_icon_box { background-color: #c5e8dc; }*/
/*.zone05_list li:nth-child(3) .zone05_icon_box { background-color: #d7d6ea; }*/
/*.zone05_list li:nth-child(4) .zone05_icon_box { background-color: #f9edbd; }*/
/*.zone05_list li:nth-child(5) .zone05_icon_box { background-color: #c5e8dc; }*/
/*.zone05_list li:nth-child(6) .zone05_icon_box { background-color: #f9edbd; }*/
/*.zone05_list li:nth-child(7) .zone05_icon_box { background-color: #f9d2c0; }*/

/* 2025 main_zone06 - 홍보자료 */
.main_zone06 { margin-top: 40px; display: flex; gap: 24px; margin-bottom: -10px;}
.zone06_block { flex: 1; background-color: #fff; border-radius: 20px; padding:30px; box-sizing: border-box; }
.zone06_head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.zone06_title { font-size: 25px; font-weight: 600; }
.zone06_more { font-size: 14px; font-weight: 600; color: #333; text-decoration: none; width: auto; }
.zone06_imgs { display: flex; gap: 16px; height:72%;}
.zone06_thumb { flex: 1; display: block; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35); }
.zone06_thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }

.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: calc(100% - 80px);}
.main_pop_wrap .pop_img img {width: 100% !important; height: auto !important;}
.main_pop_wrap .pop_img a, a* {text-decoration: underline; color: #0782C1;}
.main_pop_wrap .pop_img b, b* {font-weight: bold;}
.main_pop_wrap .pop_img em, em * {font-style: italic;}
.main_pop_wrap .pop_img h1, h1 * {font-size : 2em; font-weight: bold;}
.main_pop_wrap .pop_img h2, h2 * {font-size : 1.5em; font-weight: bold;}
.main_pop_wrap .pop_img h3, h3 * {font-size : 1.17em; font-weight: bold;}
.main_pop_wrap .pop_img h4, h4 * {font-size : 1.33em; font-weight: bold;}
.main_pop_wrap .pop_img h5, h5 * {font-size : 1.67em; font-weight: bold;}
.main_pop_wrap .pop_img h6, h6 * {font-size : 0.67em; font-weight: bold;}
.main_pop_wrap .pop_img ol {margin: 1em 0; padding-left: 2.5em;}
.main_pop_wrap .pop_img ol li {margin: 0.5em 0; line-height: 1.4; list-style-type:decimal;}
.main_pop_wrap .pop_img strong, strong * {font-weight: bold !important;}
.main_pop_wrap .pop_img ul {margin: 1em 0; padding-left: 2.5em;}
.main_pop_wrap .pop_img ul li {margin: 0.5em 0; line-height: 1.4; list-style-type: disc;}
.main_pop_wrap .pop_img ul li ul li {margin: 0.5em 0; line-height: 1.4; list-style-type: circle;}
.main_pop_wrap .pop_img ul li ul li ul li{margin: 0.5em 0; line-height: 1.4; list-style-type: square;}
.main_pop_wrap .pop_btn {position: absolute; width: calc(100% - 20px); padding: 5px 0; bottom: 5px;}
.main_pop_wrap .pop_btn a.close_btn {position: absolute; bottom: 0;right: 0;width: 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;}

.main_pop_wrap {display:none;}