.content_visual{position:relative; height:245px; background:url('../images/common/sub_visual01.jpg') no-repeat center center / cover;}
.content_visual.type_focus{background:url('../images/common/sub_visual01.jpg') no-repeat center center / cover;}
.content_visual.type_news{background:url('../images/common/sub_visual02.jpg') no-repeat center center / cover;}
.content_visual.type_interview{background:url('../images/common/sub_visual03.jpg') no-repeat center center / cover;}
.content_visual.type_webzine{background:url('../images/common/sub_visual04.jpg') no-repeat center center / cover;}
.content_visual::before{position:absolute; top:0; left:0; content:""; width:100%; height:100%; background:rgba(0,0,0,0.25);}
.content_visual_inner{position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%; text-align:center;}
.content_visual_desc{font-family:'GMarketSans'; font-size:2.3rem; font-weight:500; color:#fff;}
.content_visual_title{margin-top:20px; font-size:6rem; font-weight:700; color:#fff; line-height:1;}
.content{padding:70px 0;}
.content_header{}
.h2_type01{display:none;} /* 2026-06-26 공통 숨김 */
.h2_type01_origin{display:flex; align-items:center; justify-content:center; font-size:5rem; font-weight:700;}
.h2_type01::before{content:''; display:block; width:44px; height:5px; background:url(../images/sub/h2_left.png) no-repeat; margin-right:30px;}
.h2_type01::after{content:''; display:block; width:44px; height:5px; background:url(../images/sub/h2_right.png) no-repeat; margin-left:30px;}

.sub_container{margin-top:45px;}
.board_filter_box{display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:30px; border-bottom:1px solid #222;}
.board_total_txt{font-size:1.6rem; color:#666;}
.board_total_txt strong{font-weight:700; color:#000;}
.board_total_txt span{color:#666;}
.board_filter_right{display:flex; align-items:center; gap:5px;}
.board_select{width:160px; height:45px; padding:0 40px 0 15px; border:1px solid #cdcdcd; border-radius:5px; font-size:1.6rem; color:#333; background:#fff url('../images/common/icon_select.png') no-repeat right 15px center; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
.board_search_box{display:flex; align-items:center;}
.board_search_input{width:230px; height:45px; padding:0 20px; border:1px solid #cdcdcd; border-right:0; border-top-left-radius:5px; border-bottom-left-radius:5px; font-size:1.6rem; color:#999;}
.board_search_input::placeholder{color:#999; font-size:1.6rem;}
.board_search_btn{display:flex; align-items:center; justify-content:center; width:80px; height:45px; border-top-right-radius:5px; border-bottom-right-radius:5px; background:#2a4ea4; font-size:1.6rem; font-weight:500; color:#fff;}
.board_search_btn:hover,.board_search_btn:focus{color:#fff;}

.news_list_wrap{padding:30px 0; border-bottom:1px solid #333}
.news_list{display:flex; flex-wrap:wrap; gap:30px;}
.news_list > li{width:calc((100% - 60px) / 3);}
.news_item{display:flex; flex-direction:column; width:100%; min-height:290px; padding:40px; border:1px solid #d3d3d3; border-radius:10px; background:#fff;}
.news_item_title{display:-webkit-box; overflow:hidden; height:5.8rem; color:#333; font-size:2.2rem; font-weight:700; line-height:1.32; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.news_item_desc{display:-webkit-box; overflow:hidden; height:9.0rem; margin-top:20px; color:#444; font-size:1.7rem; font-weight:200; line-height:1.32; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.news_item_date{margin-top:30px; color:#777; font-size:1.4rem; line-height:1.3;}

.viewpage_wrap{margin-top:45px;}
.viewpage_btn_area{display:flex; justify-content:flex-end; gap:5px; margin-bottom:15px;}
.viewpage_btn{display:flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid #d3d3d3; border-radius:13px; background-color:#fff; background-repeat:no-repeat; background-position:center center;}
.viewpage_btn_link{background-image:url('../images/sub/icon_link.png');}
.viewpage_btn_print{background-image:url('../images/sub/icon_print.png');}

.viewpage_board{border-top:2px solid #222; border-bottom:1px solid #dbdbdb;}
.viewpage_head{padding:24px 30px; border-bottom:1px solid #dbdbdb; background:#f8f8f8;}
.viewpage_title{font-size:2.4rem; font-weight:700; color:#222; line-height:1.5; text-align:center;}

.viewpage_info_row{display:flex; align-items:center; justify-content:space-between; min-height:63px; padding:0 30px; border-bottom:1px solid #dbdbdb;}
.viewpage_info_left,.viewpage_info_right{display:flex; align-items:center;}
.viewpage_info_right{gap:20px;}
.viewpage_file_row{padding:0 30px; border-bottom:1px solid #dbdbdb;}
.viewpage_file_row .viewpage_info_item{min-height:63px;}

.viewpage_info_item{display:flex; align-items:center; min-height:63px;}
.viewpage_info_item dt{position:relative; width:82px; padding-right:18px; font-size:1.7rem; font-weight:500; color:#222; flex-shrink:0;}
.viewpage_info_item dt::after{content:''; position:absolute; top:50%; right:0; width:1px; height:14px; background:#d3d3d3; transform:translateY(-50%);}
.viewpage_info_item dd{padding-left:18px; font-size:1.7rem; font-weight:200; color:#444;}
.viewpage_file_link{font-size:1.7rem; font-weight:200; color:#053291;}
.viewpage_btn_area{display:flex; align-items:center; justify-content:flex-end; gap:14px;}
.viewpage_fontsize{display:flex; align-items:center; gap:10px;}
.viewpage_fontsize_label{font-size:1.4rem; font-weight:500; color:#666;}
.viewpage_fontsize_ctrl{display:flex; align-items:center; gap:6px;}
.viewpage_fontsize_ctrl .btn_font_minus,
.viewpage_fontsize_ctrl .btn_font_plus{display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border:1px solid #ddd; border-radius:50%; background:#fff; color:#333; font-size:1.6rem; font-weight:700; text-decoration:none; line-height:1; transition:background-color .15s;}
.viewpage_fontsize_ctrl .btn_font_minus:hover,
.viewpage_fontsize_ctrl .btn_font_plus:hover{background:#f5f5f5;}
.viewpage_fontsize_ctrl .font_state{min-width:46px; text-align:center; font-size:1.4rem; color:#1a73c2; cursor:pointer;}

.viewpage_body{padding:50px 30px; font-size:1.6rem; line-height:2.1; color:#444; word-break:keep-all;}
.viewpage_body p{line-height:inherit;}
.viewpage_body p + p{margin-top:1em;}
/* CKEditor 본문 — 이미지/표 컨테이너 넘침 방지 + 정렬/크기 지원 */
.viewpage_body img, .viewpage_body video, .viewpage_body iframe{max-width:100%;}
.viewpage_body table{max-width:100%; table-layout:auto; word-break:break-word;}
/* CKEditor 5 — figure.image 기본 (block = 가운데 정렬, 클래스 없음) */
.viewpage_body figure.image{display:block; margin:1em auto;}
.viewpage_body figure.image img{display:block; width:100%; height:auto; max-width:100%;}
/* CKEditor 5 — 사용자가 크기 조절 (image_resized + style="width:N%") */
.viewpage_body figure.image_resized{display:block; margin:1em auto;}
.viewpage_body figure.image_resized img{width:100%; height:auto;}
/* CKEditor 5 — 정렬 (좌/우/가운데/사이드) — 구버전 (text wrap) */
.viewpage_body figure.image-style-align-left, .viewpage_body .image-style-align-left{float:left; margin:0 1.5em 1em 0 !important;}
.viewpage_body figure.image-style-align-right, .viewpage_body .image-style-align-right{float:right; margin:0 0 1em 1.5em !important;}
.viewpage_body figure.image-style-align-center, .viewpage_body .image-style-align-center{margin:1em auto !important; clear:both;}
.viewpage_body figure.image-style-side, .viewpage_body .image-style-side{float:right; margin:0 0 1em 1.5em !important;}
/* CKEditor 5 — 정렬 신버전 (block align, 텍스트 wrap 없음) */
.viewpage_body figure.image-style-block-align-left{margin-right:auto !important; margin-left:0 !important;}
.viewpage_body figure.image-style-block-align-right{margin-left:auto !important; margin-right:0 !important;}
.viewpage_body figure.image-style-block-align-center, .viewpage_body figure.image-style-align-center{margin-left:auto !important; margin-right:auto !important;}
/* float 해제용 (다음 단락) */
.viewpage_body p::after{content:""; display:block; clear:both;}
/* CKEditor 4 호환 */
.viewpage_body img[style*="float:left"], .viewpage_body img[style*="float: left"]{margin:0 1.5em 1em 0;}
.viewpage_body img[style*="float:right"], .viewpage_body img[style*="float: right"]{margin:0 0 1em 1.5em;}
.img_bx{padding:20px 0;}
.img_bx img{display: inline-block; }
.view_btn_wrap{margin-top:50px; text-align: center;}
.view_btn{display: inline-flex; color:#fff; padding:0 10px; border-radius: 7px; min-width: 150px; height: 60px; background-color:#4b505a; justify-content: center; align-items: center;}
.viewpage_nav{margin-top:20px; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.viewpage_nav_item{display:flex; align-items:center; min-height:62px; padding:0 30px; background-repeat:no-repeat; background-position:30px center;}
.viewpage_nav_item + .viewpage_nav_item{border-top:1px solid #dbdbdb;}
.viewpage_nav_prev{background-image:url('../images/common/list_prev.png');}
.viewpage_nav_next{background-image:url('../images/common/list_next.png');}
.viewpage_nav_label{display:block; width:82px; margin-left:28px; font-size:1.7rem; font-weight:500; color:#222; flex-shrink:0;}
.viewpage_nav_title{display:block; position:relative; min-width:0; padding-left:28px; font-size:1.7rem; font-weight:200; color:#444; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.viewpage_nav_title::before{content:''; position:absolute; top:50%; left:0; width:1px; height:14px; background:#d3d3d3; transform:translateY(-50%);}
.view_text{font-size:1.7rem; font-weight:200; color:#444; line-height:1.9;}
.img_bx{}
.img_bx img{max-width:100%; height:auto;}
.view_btn{font-size:1.8rem; font-weight:500;}
.viewpage_layout{display:flex; align-items:flex-start; gap:40px;}
.viewpage_main{flex:1 1 auto; min-width:0;}
.viewpage_aside{flex:0 0 320px; width:320px;}

/* 본문 헤더(카테고리/제목/메타) — 좌측 정렬 */
.viewpage_head{text-align:left;}
.viewpage_cate{font-size:1.5rem; font-weight:500; color:#053291; margin-bottom:12px;}
.viewpage_board .viewpage_title{text-align:left; font-size:2.6rem; line-height:1.4;}
.viewpage_meta{display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-top:16px;}
.viewpage_meta span{position:relative; font-size:1.5rem; font-weight:200; color:#777;}
.viewpage_meta span + span::before{content:''; position:absolute; top:50%; left:-9px; width:1px; height:12px; background:#d3d3d3; transform:translateY(-50%);}

/* 이전/다음 글 (썸네일형) */
.viewpage_postnav{display:flex; gap:20px; margin-top:30px;}
.viewpage_postnav_item{display:flex; align-items:center; gap:16px; flex:1 1 0; min-width:0; padding:16px 20px; border:1px solid #e2e2e2; border-radius:8px; background:#fff;}
.viewpage_postnav_item:hover{border-color:#053291;}
.viewpage_postnav_next{justify-content:flex-end; text-align:right;}
.viewpage_postnav_thumb{flex-shrink:0; width:64px; height:64px; border-radius:6px; overflow:hidden; background:#f2f2f2;}
.viewpage_postnav_thumb img{width:100%; height:100%; object-fit:cover;}
.viewpage_postnav_text{min-width:0;}
.viewpage_postnav_label{display:block; font-size:1.3rem; font-weight:500; color:#053291; margin-bottom:6px;}
.viewpage_postnav_title{display:block; font-size:1.6rem; font-weight:400; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* 최신 뉴스 사이드바 */
.viewpage_aside_title{display:block; padding-bottom:16px; border-bottom:2px solid #222; font-size:2rem; font-weight:700; color:#222;}
.viewpage_news_item{border-bottom:1px solid #e5e5e5;}
.viewpage_news_item a{display:block; padding:16px 4px;}
.viewpage_news_title{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-size:1.6rem; font-weight:400; color:#333; line-height:1.45;}
.viewpage_news_item a:hover .viewpage_news_title{color:#053291; text-decoration:underline;}
.viewpage_news_date{display:block; margin-top:8px; font-size:1.3rem; color:#999;}
.viewpage_news_item.is_current .viewpage_news_title{color:#053291; font-weight:700;}

/* 상세화면 반응형 — 사이드바/이전다음글 스택 */
@media (max-width:1100px){
    .viewpage_layout{flex-direction:column; gap:50px;}
    .viewpage_aside{width:100%; flex-basis:auto;}
}
@media (max-width:768px){
    .viewpage_board .viewpage_title{font-size:2.1rem;}
    .viewpage_postnav{flex-direction:column; gap:12px;}
    .viewpage_postnav_next{flex-direction:row-reverse; justify-content:flex-start; text-align:left;}
}

/*------------------------------------------------------------------------------*/
/* KAMT NEWS */
/*------------------------------------------------------------------------------*/
.photo_list{padding:30px 0 0;}
.photo_list_ul{position:relative; display:flex; flex-wrap:wrap; gap:60px 30px; padding-bottom:30px; border-bottom:1px solid #d3d3d3;}
.photo_list_ul::before{content:''; position:absolute; left:0; right:0; top:calc(50% - 15px); height:1px; background:#d3d3d3;}
.photo_list_ul:not(:has(> li:nth-child(4)))::before{display:none;}
.photo_list_ul > li{position:relative; width:calc((100% - 60px) / 3); background:#fff; z-index:1;}
.photo_item{display:block; width:100%;}
.photo_thumb{display:block; overflow:hidden; border-radius:15px;}
.photo_thumb img{display:block; width:100%; aspect-ratio:380 / 235; object-fit:cover;}
.photo_thumb img[src*="sample.jpg"]{object-fit:contain; background:#f5f5f5; padding:10px;}
.photo_title{display:-webkit-box; overflow:hidden; height:4.8rem; margin-top:20px; color:#222; font-size:1.8rem; font-weight:600; line-height:1.34; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.photo_date{display:block; margin-top:20px; color:#777; font-size:1.4rem; line-height:1.3;}
.photo_name{font-size: 1.6rem; color:#444444;}
.photo_name .photo_org{font-size: 1.5rem; font-weight: 200; color:#666666; margin-left: 10px;}

.webzine_list{padding:30px 0 0;}
.webzine_list_ul{display:flex; flex-wrap:wrap; gap:30px; padding-bottom:30px; border-bottom:1px solid #d3d3d3;}
.webzine_list_ul > li{width:calc((100% - 90px) / 4);}
.webzine_item{overflow:hidden; width:100%; min-height:485px; border:1px solid #d8d8d8; border-radius:15px; background:#fff;}
.webzine_thumb_link{display:block;}
.webzine_thumb{display:flex; align-items:center; justify-content:center; width:100%; height:385px; padding:10px; background:#fff; box-shadow:0 6px 12px rgba(0,0,0,0.08);}
.webzine_thumb img{display:block; max-width:100%; max-height:100%; width:auto; height:auto;}
.webzine_info{height:100px; padding:15px; text-align:center; background:#f8f8f8;}
.webzine_title{font-size:1.8rem; color:#222; font-weight:500; line-height:1.3;}
.webzine_down_btn{display:flex; align-items:center; justify-content:center; gap:8px; width:250px; height:35px; margin:15px auto 0; border-radius:8px; background:#333; color:#fff; font-size:1.4rem; font-weight:400;}
.webzine_down_btn:hover,.webzine_down_btn:focus{color:#fff;}
.webzine_down_icon{display:block; width:25px; height:16px; background:url('../images/sub/icon_pdf.png') no-repeat center center / contain; flex-shrink:0;}
.webzine_down_txt{color:#fff; font-size:1.4rem; line-height:1;}
.webzine_thumb_link{ position:relative; display:block; overflow:hidden; } 
.webzine_hover{ position:absolute; top:0; left:0; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:385px; background:rgba(0,0,0,0.65); opacity:0; visibility:hidden; transition:opacity .25s ease, visibility .25s ease; } 
.webzine_hover_icon{ display:flex; align-items:center; justify-content:center; width:60px; height:60px; border:1px solid #fff; border-radius:50%; background:url('../images/sub/icon_plus.png') no-repeat center center; } 
.webzine_hover_txt{ margin-top:10px; color:#fff; font-size:1.5rem; font-weight:200; line-height:1.3; } 
.webzine_thumb_link:hover .webzine_hover, 
.webzine_thumb_link:focus .webzine_hover{ opacity:1; visibility:visible; }
/*webzine_view*/
.webzine_role{margin-top: 50px;}
.webzine_img{margin-top: 50px;;}
.web_tit{font-size:3rem; display: block; width: 100%; text-align: center; padding:10px 0; background-color:#2a4ea4; color:#fff; font-weight: 500;}
.webzine_btn_wrap{padding: 50px 0; display: flex; gap:30px; justify-content: center; border-bottom: 1px solid #dbdbdb;}
.webzine_btn{display: inline-flex; align-items: center; justify-content: center; padding:0 10px; height: 60px; border-radius: 7px; background-color:#333333; color:#fff; min-width: 250px; position: relative;} 
.webzine_btn.pdf::before{display: inline-block; content: ''; width: 23px; height: 23px; background: url(../images/sub/icon_pdf.png)no-repeat; margin-right: 10px;}
.webzine_btn.pdf::after{display: inline-block; content: ''; width: 20px; height: 20px; background: url(../images/sub/icon_dwn.png)no-repeat; margin-left: 25px;}
.webzine_btn.ebook::before{display: inline-block; content: ''; width: 28px; height: 18px; background: url(../images/sub/icon_ebook.png)no-repeat; margin-right: 10px;}
.webzine_btn.ebook::after{display: inline-block; content: ''; width: 21px; height: 19px; background: url(../images/sub/icon_link2.png)no-repeat; margin-left: 40px;}
.delca_wrap{margin-top: 50px; text-align: center;}
.web_delca_btn{display: inline-flex; justify-content: center; align-items: center; color:#fff; border-radius:7px; background-color:#4b505a; min-width: 150px; height: 60px;}

/*------------------------------------------------------------------------------*/
/* responsive - sub */
/*------------------------------------------------------------------------------*/
@media (max-width: 1340px) {
    .news_list > li{width:calc((100% - 60px) / 3);}
}
@media (max-width:1200px){
    .webzine_list_ul > li{width:calc((100% - 60px) / 3);}
}
@media (max-width: 1024px) {
    .content_visual_title{font-size:5rem;}
    .h2_type01{font-size:4rem;}
    .news_list{gap:20px;}
    .news_list > li{width:calc((100% - 20px) / 2);}
    .news_item{padding:30px;}
    .viewpage_title{font-size:2.1rem;}
    .viewpage_info_item dt{width:76px;}
    .viewpage_body{padding:40px 24px;}
    .viewpage_nav_item{padding:0 24px; background-position:24px center;}
    .viewpage_nav_label{width:74px; margin-left:24px;}
    .photo_list_ul{gap:20px; padding-bottom:24px;}
    .photo_list_ul > li{width:calc((100% - 20px) / 2);}
    .photo_list_ul::before{display: none;}
    .webzine_list_ul{gap:20px;}
    .webzine_list_ul > li{width:calc((100% - 20px) / 2);}
    .webzine_item{min-height:460px;}
    .webzine_thumb{height:360px;}
    .webzine_hover{height:360px;}
    .webzine_role{ margin-top:40px; } 
    .web_tit{ font-size:2.6rem; } 
    .webzine_img{ margin-top:35px; text-align:center; } 
    .webzine_img img{ max-width:100%; height:auto; } 
    .webzine_btn_wrap{ padding:40px 0; gap:20px; } 
    .webzine_btn{ min-width:220px; }
}

@media (max-width: 768px) {
    .content_visual{height:240px;}
    .content_visual_inner{padding-top:70px;}
    .content_visual_desc{font-size:1.6rem;}
    .content_visual_title{font-size:3.6rem; margin-top:12px;}

    .content{padding:45px 0;}
    .h2_type01{font-size:3rem;}
    .h2_type01::before,.h2_type01::after{width:28px; margin-right:16px; margin-left:16px;}

    .sub_container{margin-top:30px;}
    .board_filter_box{flex-direction:column; align-items:flex-start; gap:14px; padding-bottom:20px;}
    .board_filter_right{width:100%; justify-content:space-between;}
    .board_select{width:150px; height:45px; flex-shrink:0;}
    .board_search_box{flex:1; justify-content:flex-end;}
    .board_search_input{width:160px;}

    .news_list{gap:16px;}
    .news_list > li{width:calc((100% - 16px) / 2);}
    .news_item{padding:24px; min-height:220px;}
    .news_item_title{font-size:1.9rem;}
    /*20260630 수정*/
    .news_item_desc{font-size:1.5rem; margin-top:14px; height: 80px;}
    /*20260630 수정*/
    .news_item_date{margin-top:20px;}

    .viewpage_wrap{margin-top:30px;}
    .viewpage_btn_area{margin-bottom:12px;}
    .viewpage_head{padding:18px 20px;}
    .viewpage_title{font-size:2rem;}
    .viewpage_info_row{display:block; padding:0 12px;}
    .viewpage_info_left,.viewpage_info_right{display:block;}
    .viewpage_info_right{border-top:1px solid #dbdbdb;}
    .viewpage_info_item{min-height:52px;}
    .viewpage_file_row{padding:0 12px;}
    .viewpage_file_row .viewpage_info_item{min-height:52px;}
    .viewpage_info_item dt{width:72px; font-size:1.5rem;}
    .viewpage_info_item dd,.viewpage_file_link{font-size:1.5rem;}
    .viewpage_body{padding:30px 20px;}
    .img_bx{padding:10px 0;}
    .view_btn_wrap{margin-top:35px;}
    .view_btn{min-width:130px; height:52px; font-size:1.6rem;}
    .viewpage_nav_item{min-height:auto; padding:16px 16px 16px 44px; align-items:flex-start; flex-direction:column; background-position:16px 22px;}
    .viewpage_nav_label{width:auto; margin-left:0; font-size:1.5rem;}
    .viewpage_nav_title{width:100%; margin-top:8px; padding-left:0; font-size:1.5rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    .viewpage_nav_title::before{display:none;}
    .view_text{font-size:1.5rem; line-height:1.8;}
    .photo_list{padding-top:20px;}
    .photo_list_ul{gap:16px; padding-bottom:20px;}
    .photo_list_ul > li{width:calc((100% - 16px) / 2);}
    .photo_title{height:4.4rem; margin-top:16px; font-size:1.7rem;}
    .photo_date{margin-top:16px;}
    .webzine_list{padding-top:20px;}
    .webzine_list_ul{gap:16px; padding-bottom:20px;}
    .webzine_list_ul > li{width:calc((100% - 16px) / 2);}
    .webzine_item{min-height:420px;}
    .webzine_thumb{height:320px; padding:8px;}
    .webzine_info{height:auto; min-height:100px; padding:14px 12px;}
    .webzine_title{font-size:1.7rem;}
    .webzine_down_btn{width:100%; max-width:250px;}
    .webzine_hover{height:320px;}
    .webzine_role{ margin-top:30px; } 
    .web_tit{ font-size:2.2rem; padding:12px 10px; } 
    .webzine_img{ margin-top:25px; } 
    .webzine_btn_wrap{ padding:30px 0; gap:12px; } 
    .webzine_btn{ min-width:0; width:calc((100% - 12px) / 2); height:52px; font-size:1.5rem; } 
    .webzine_btn.pdf::after{ margin-left:15px; } 
    .webzine_btn.ebook::after{ margin-left:20px; } 
    .delca_wrap{ margin-top:35px; } 
    .web_delca_btn{ min-width:130px; height:52px; font-size:1.6rem; }
}

@media (max-width: 540px) {
    .content_visual{height:200px;}
    .content_visual_title{font-size:2.8rem;}

    .h2_type01{font-size:2.4rem;}
    .h2_type01::before,.h2_type01::after{width:22px; margin-right:12px; margin-left:12px;}

    /* 20260630 수정: board_filter_right 한 줄 유지 (select + search 가로 배치) */
    .board_filter_right{gap:8px;}
    .board_select{width:100px; padding:0 28px 0 10px; background-position:right 8px center; font-size:1.3rem;}
    .board_search_box{flex:1; min-width:0;}
    .board_search_input{flex:1; width:auto; min-width:0; padding:0 12px; font-size:1.3rem;}
    .board_search_input::placeholder{font-size:1.3rem;}
    .board_search_btn{width:45px; font-size:1.3rem;}

    .news_list > li{width:100%;}
    .news_item{min-height:auto; padding:22px;}
    .viewpage_btn{width:34px; height:34px; border-radius:11px;}
    .viewpage_head{padding:16px;}
    .viewpage_title{font-size:1.8rem;}
    .viewpage_info_item dt{width:68px; padding-right:14px;}
    .viewpage_info_item dd{padding-left:14px;}
    .viewpage_body{padding:24px 16px;}
    .view_btn_wrap{margin-top:30px;}
    .view_btn{min-width:110px; height:48px; border-radius:6px;}
    .photo_list_ul > li{width:100%;}
    .photo_title{height:auto; min-height:4.4rem; font-size:1.6rem;}
    .webzine_list_ul > li{width:100%;}
    .webzine_item{min-height:auto;}
    .webzine_thumb{height:auto;}
    .webzine_thumb img{width:100%; height:auto;}
    .webzine_info{min-height:auto;}
    .webzine_hover{height:100%;}
    .web_tit{ font-size:1.9rem; }
    .webzine_btn_wrap{ flex-direction:column; align-items:stretch; padding:25px 0; } 
    .webzine_btn{ width:100%; height:50px; } 
    .webzine_btn.pdf::after, 
    .webzine_btn.ebook::after{ margin-left:auto; } 
    .web_delca_btn{ width:100%; min-width:0; height:50px; }
}

/*20260630 수정*/
/*------------------------------------------------------------------------------*/
/* viewpage_body - CKEditor 콘텐츠 (이미지/표/정렬) */
/*------------------------------------------------------------------------------*/
/* 컨테이너 넘침만 방지 — 인라인 width/height 는 살림 (CMS 에서 크기 조절 가능) */
.viewpage_body img,
.viewpage_body video,
.viewpage_body iframe {max-width:100%;}
.viewpage_body table {max-width:100%; table-layout:auto; word-break:break-word;}
.viewpage_body {overflow-wrap:break-word; word-break:break-word;}

/* CKEditor 5 — figure.image (기본) */
.viewpage_body figure.image {display:block; margin:1em 0;}
.viewpage_body figure.image img {display:block; width:100%; height:auto; max-width:100%;}

/* CKEditor 5 — 사용자가 크기 조절한 케이스 (image_resized, 인라인 style="width:N%") */
.viewpage_body figure.image_resized {display:block;}
.viewpage_body figure.image_resized img {width:100%; height:auto;}

/* CKEditor 5 — 이미지 정렬 (좌/우/가운데/사이드) */
.viewpage_body figure.image-style-align-left,
.viewpage_body .image-style-align-left {float:left; margin:0 1.5em 1em 0;}
.viewpage_body figure.image-style-align-right,
.viewpage_body .image-style-align-right {float:right; margin:0 0 1em 1.5em;}
.viewpage_body figure.image-style-align-center,
.viewpage_body .image-style-align-center {margin:1em auto; clear:both;}
.viewpage_body figure.image-style-side,
.viewpage_body .image-style-side {float:right; margin:0 0 1em 1.5em;}

/* CKEditor 4 호환 — 인라인 float style 도 지원 */
.viewpage_body img[style*="float:left"],
.viewpage_body img[style*="float: left"] {margin:0 1.5em 1em 0;}
.viewpage_body img[style*="float:right"],
.viewpage_body img[style*="float: right"] {margin:0 0 1em 1.5em;}

/* float 해제 (다음 단락) */
.viewpage_body p:has(img.image-style-align-left)::after,
.viewpage_body p:has(img.image-style-align-right)::after {content:""; display:block; clear:both;}

/* 20260630 수정: 모바일에서 figure.image 이미지 크기 제한 */
@media (max-width:768px) {
    .viewpage_body figure.image img {width:auto; max-width:80%; max-height:80%;}
}