@charset "UTF-8";
@font-face {
                font-family: 'Hamchorom';
                src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.0/HCRDotum.woff') format('woff');
                font-weight: normal;
                font-display: swap;
}

#header .header_wrap { background-color: rgba(255, 255, 255, 1); position:fixed; left: 0; top: 0; z-index: 14; width: 100%; text-align: center; transition: top 0.3s; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }

.section_title          { max-width: 100%; width: 100%; background-color: #eef7ff; margin-top: 214px; box-sizing: border-box; padding: 0 28px; margin-left: auto; margin-right: auto;}
.section_title1_sp { max-width:100%; width:100%; background-color:#eef7ff; margin-top:214px; box-sizing:border-box; padding:0 28px; margin-left:auto; margin-right:auto; }

.section_title1_1          { max-width: 100%; width: 100%; background-color: #fffbf2; margin-top: 214px; box-sizing: border-box; padding: 0 28px; margin-left: auto; margin-right: auto;}
.section_title1_2          { max-width: 100%; width: 100%; background-color: #f8fae4; margin-top: 214px; box-sizing: border-box; padding: 0 28px; margin-left: auto; margin-right: auto;}
.section_title1_3          { max-width: 100%; width: 100%; background-color: #f8f6e7; margin-top: 214px; box-sizing: border-box; padding: 0 28px; margin-left: auto; margin-right: auto;}
.section_title1_4          { max-width: 100%; width: 100%; background-color: #f2f6da; margin-top: 214px; box-sizing: border-box; padding: 0 28px; margin-left: auto; margin-right: auto;}
.section_title1_4          { max-width: 100%; width: 100%; background-color: #f2f6da; margin-top: 214px; box-sizing: border-box; padding: 0 28px; margin-left: auto; margin-right: auto;}

.section_title2_1          { max-width: 100%; width: 100%; background-color: #edecec; margin-top: 214px; box-sizing: border-box; padding: 0 28px; margin-left: auto; margin-right: auto;}
.section_title2_2          { max-width: 100%; width: 100%; background-color: #eef7ff; margin-top: 214px; box-sizing: border-box; padding: 0 28px; margin-left: auto; margin-right: auto;}
.section_title2_3          { max-width: 100%; width: 100%; background-color: #e6f4f1; margin-top: 214px; box-sizing: border-box; padding: 0 28px; margin-left: auto; margin-right: auto;}
.section_title2_3          { max-width: 100%; width: 100%; background-color: #e6f4f1; margin-top: 214px; box-sizing: border-box; padding: 0 28px; margin-left: auto; margin-right: auto;}
.section_title2_3          { max-width: 100%; width: 100%; background-color: #e6f4f1; margin-top: 214px; box-sizing: border-box; padding: 0 28px; margin-left: auto; margin-right: auto;}
.section_title2_3          { max-width: 100%; width: 100%; background-color: #e6f4f1; margin-top: 214px; box-sizing: border-box; padding: 0 28px; margin-left: auto; margin-right: auto;}
.section_title2_3          { max-width: 100%; width: 100%; background-color: #e6f4f1; margin-top: 214px; box-sizing: border-box; padding: 0 28px; margin-left: auto; margin-right: auto;}
.title_inner            { max-width: 1216px; width: 100%; margin: 0 auto; position: relative;}

.title_name             { display: flex; position: absolute; top: -18px; left: 0;}
.title_name { display:flex; position:absolute; top:-18px; left:0; }

.section_title1_sp > .title_inner > .title_name > .name1 { width:150px; flex:0 0 150px; height:36px; border-radius:50px; background-color:#003863; color:#fff; text-align:center; font-size:20px; font-weight:400; line-height:1.8; }
.section_title1_sp > .title_inner > .title_name > .name2 { width:auto; flex:0 0 auto; height:34px; padding:0 22px; border-radius:50px; border:1px solid #003863; color:#003863; background-color:#fff; text-align:center; font-size:20px; font-weight:400; line-height:1.8; white-space:nowrap; }

.section_title1_1 > .title_inner > .title_name > .name1,
.section_title1_2 > .title_inner > .title_name > .name1,
.section_title1_3 > .title_inner > .title_name > .name1,
.section_title1_4 > .title_inner > .title_name > .name1 { width:150px; flex:0 0 150px; height:36px; border-radius:50px; background-color:#c0b69a; color:#fff; text-align:center; font-size:20px; font-weight:400; line-height:1.8; }

.section_title1_1 > .title_inner > .title_name > .name2,
.section_title1_2 > .title_inner > .title_name > .name2,
.section_title1_3 > .title_inner > .title_name > .name2,
.section_title1_4 > .title_inner > .title_name > .name2,
.section_title1_2 > .title_inner > .title_name > .name2_1 { width:auto; flex:0 0 auto; height:34px; padding:0 22px; border-radius:50px; border:1px solid #c0b69a; color:#c0b69a; background-color:#fff; text-align:center; font-size:20px; font-weight:400; line-height:1.8; white-space:nowrap; }

.section_title2_1 > .title_inner > .title_name > .name1,
.section_title2_2 > .title_inner > .title_name > .name1,
.section_title2_3 > .title_inner > .title_name > .name1 { width:150px; flex:0 0 150px; height:36px; border-radius:50px; background-color:#37a0cc; color:#fff; text-align:center; font-size:20px; font-weight:400; line-height:1.8; }

.section_title2_1 > .title_inner > .title_name > .name2,
.section_title2_2 > .title_inner > .title_name > .name2,
.section_title2_3 > .title_inner > .title_name > .name2 { width:auto; flex:0 0 auto; height:34px; padding:0 22px; border-radius:50px; border:1px solid #37a0cc; color:#37a0cc; background-color:#fff; text-align:center; font-size:20px; font-weight:400; line-height:1.8; white-space:nowrap; }

.section_title2_1 > .title_inner > .title        {max-width: 875px; width: 100%;}

.title                  { padding-top: 75px;}
.title h2               { font-size: 40px; font-weight: bold; line-height: 1.5;}
.title .line            { width: 100%; background-color: #ccc; height: 1px; margin: 40px 0;}
.title .name            { font-weight: bold; text-align: right; margin-bottom: 28px;}
.title p                { font-size: 20px; padding-bottom: 60px;}
.title p small          { color: #686868;}
/*.title p sup , .title p small sup      { vertical-align: text-top;}*/

.clamp                  { font-family: Noto Serif, serif; font-weight: normal;}

/* 박물관은지금 */
.center_txt_1_3             { text-align: center; font-weight: bold; margin-bottom: 20px;}

/* 소장품이야기 */
.box_1_3_1               {max-width: 1080px; width: auto; background-image: url(../img/sub/sub_2_3_img5.png);background-repeat: no-repeat;
    background-position: center center;  background-size: 100% 100%; padding: 30px; font-style: italic; text-align: center; font-size: 20px; margin: 50px auto; font-weight: 200; color: #434343;}
.box_1_3_2               {max-width: 860px; width: auto; background-color: #f8f6e6; padding: 30px; font-style: italic; font-weight: 200; font-size: 20px; margin: 50px auto;}

/* 반갑습니다 */
.center_txt             { font-size: 30px; text-align: center; font-weight:bold; color: #666; text-decoration-line: underline; text-underline-offset: 8px;}
/* 9월호 반갑습니다 */
.center_txt_1            { font-size: 22px; text-align: center; font-weight:bold; color: #666; text-decoration-line: underline; text-underline-offset: 8px;}
.txt_title2_1   p       { font-size: 26px; font-weight: bold;}


.txt_title2_1_box                        { height: 80px; vertical-align: middle; margin-bottom: 28px; display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center;}
.txt_title2_1_box  p                       { font-size: 26px; font-weight: bold;line-height: 1.4}

.author                 { font-size: 18px; color: #000000; text-align: right;}
.author2                { font-size: 18px; color: #000000; text-align: right;}

.img-grid               { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 26px; max-width: 1160px; margin: 0 auto;}
.photo                  { margin: 0; overflow: hidden;}
.photo img              { width: 100%; height: 100%; display: block; object-fit: contain;}
.photo--big             { grid-column: 1 / 2; grid-row: 1 / 3;}

.reference              { font-size: 18px; color: #666;}

/* 참여행사1,2 */
.section_title_cham1          { max-width: 100%; width: 100%; background-color: #eef7ff; margin-top: 214px; box-sizing: border-box; background: url(../img/sub/sub_4_1_head_img.png) no-repeat; background-size: cover; background-position: center; height: 375px; padding: 0 28px;}
.title_inner_cham1            { max-width: 1216px; width: 100%; margin: 0 auto; position: relative;}

.title_name_cham1             { display: flex; position: absolute; top: -18px; left: 0;}
.name1_cham1                  { width: 150px; height: 36px; border-radius: 50px; background-color: #649c59; color: #fff; text-align: center; font-size: 20px; font-weight: 400; line-height: 1.8;}
.name2_cham1                  { width: 148px; height: 34px; border-radius: 50px; border: 1px solid #649c59; color: #649c59; background-color: #fff; text-align: center;  font-size: 20px; font-weight: 400; line-height: 1.8;}

.title_cham1                  { padding: 126px 28px 0;}
.title_cham1 h2               { font-size: 36px; font-weight: bold; line-height: 1.5;}
.cham01                       { max-width: 700px; max-height: 125px; width: auto; height: auto; margin: 0 auto; border: 7px solid #649c59; border-radius: 70px; text-align: center; font-size: 50px; font-weight: bold; line-height: 2.2;}

.section_title_cham2          { max-width: 100%; width: 100%; background-color: #eef7ff; margin-top: 214px; box-sizing: border-box; background: url(../img/sub/sub_4_2_head_img.png) no-repeat; background-size: cover; background-position: center; height: 375px; padding: 0 28px;}
.title_inner_cham2            { max-width: 1216px; width: 100%; margin: 0 auto; position: relative;}

.title_name_cham2             { display: flex; position: absolute; top: -18px; left: 0;}
.name1_cham2                  { width: 150px; height: 36px; border-radius: 50px; background-color: #649c59; color: #fff; text-align: center; font-size: 20px; font-weight: 400; line-height: 1.8;}
.name2_cham2                  { width: 148px; height: 34px; border-radius: 50px; border: 1px solid #649c59; color: #649c59; background-color: #fff; text-align: center;  font-size: 20px; font-weight: 400; line-height: 1.8;}

.title_cham2                  { padding: 126px 28px 0;}
.title_cham2 h2               { font-size: 36px; font-weight: bold; line-height: 1.5;}
.cham02                       { max-width: 700px; max-height: 125px; width: auto; height: auto; margin: 0 auto; border: 7px solid #b19622; border-radius: 70px; text-align: center; font-size: 50px; font-weight: bold; line-height: 2.2;}

.txt_cham01                     { text-align: center;}
.txt_cham01 p                   { font-size: 16px;}

.notice                         { max-width: 506px; margin: 0 auto; width: auto; margin-bottom: 20px;}
.notice ul li                   { font-size: 20px;}

/* 참여행사1,2 끝*/

.section_txt            { max-width: 1216px; width: 100%; margin: 0 auto; margin-top: 60px; box-sizing: border-box; padding: 0 28px;}
.txt_title              { border-bottom: 1px solid #ccc; padding-bottom: 20px;}
.txt_title p            { font-size: 26px; font-weight: bold;}

.txt_box                { padding-top: 40px;}
.img_box                { text-align: center; margin: 0 auto;}
.img_inner              { display: flex; justify-content: center; gap: 26px; margin: 0 auto;}
.img_inner2             { display: flex; justify-content: center; gap: 26px;}
.img_inner2x2           { display: flex; justify-content: center; gap: 26px;}

.img_box_2_and_1        { text-align: center; display: flex; justify-content: center; gap: 26px; align-items: flex-start;}

/* 임시 */
/* 이미지 1장 2장 묶음 */
.custom-gallery-1x2 { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 26px; row-gap: 15px; align-items: start; margin: 0 auto;}

/* PC에서는 그룹 껍데기를 풀어서 이미지 3장을 같은 grid에 올림 */
.custom-gallery-1x2 .left-group,
.custom-gallery-1x2 .right-item { display: contents;}
/* 이미지 배치 */
.custom-gallery-1x2 .left-group .item_img:nth-of-type(1) { grid-column: 1; grid-row: 1;}
.custom-gallery-1x2 .left-group .item_img:nth-of-type(2) { grid-column: 2; grid-row: 1;}
.custom-gallery-1x2 .right-item .item_img { grid-column: 3; grid-row: 1;}

/* 캡션 배치 */
.custom-gallery-1x2 .left-group .caption { grid-column: 1 / 3; grid-row: 2;}
.custom-gallery-1x2 .right-item .caption { grid-column: 3; grid-row: 2;}
/* 이미지 공통 */
.custom-gallery-1x2 .item_img img { width: 100%; height: auto; display: block;}
.custom-gallery-1x2 .caption { text-align: center; margin-top: 0;}
/* 반대 배치: 왼쪽 1장 / 오른쪽 2장 */
.custom-gallery-1x2.reverse-1x2 .left-item,
.custom-gallery-1x2.reverse-1x2 .right-group { display: contents;}.custom-gallery-1x2.reverse-1x2 .left-item .item_img { grid-column: 1; grid-row: 1;}
.custom-gallery-1x2.reverse-1x2 .left-item .caption { grid-column: 1; grid-row: 2;}
.custom-gallery-1x2.reverse-1x2 .right-group .item_img:nth-of-type(1) { grid-column: 2; grid-row: 1;}
.custom-gallery-1x2.reverse-1x2 .right-group .item_img:nth-of-type(2) { grid-column: 3; grid-row: 1;}
.custom-gallery-1x2.reverse-1x2 .right-group .caption { grid-column: 2 / 4; grid-row: 2;}

/* 반대 배치: 왼쪽 1장 / 오른쪽 2장 - PC용 */
/* 왼쪽 세로 1장 / 오른쪽 가로 2장 */
.custom-gallery-1x2.reverse-1x2.pc { display: grid !important; grid-template-columns: 0.72fr 1.55fr 1.55fr; column-gap: 26px; row-gap: 15px; align-items: start; width: 100%; max-width: 1160px; margin: 0 auto; box-sizing: border-box; }

    /* 그룹 껍데기를 풀어서 이미지 3장을 같은 grid에 올림 */
.custom-gallery-1x2.reverse-1x2.pc .left-item,
.custom-gallery-1x2.reverse-1x2.pc .right-group { display: contents; }

    /* 왼쪽 세로 이미지 */
.custom-gallery-1x2.reverse-1x2.pc .left-item .item_img { grid-column: 1; grid-row: 1; }
    /* 오른쪽 가로 이미지 2장 */
.custom-gallery-1x2.reverse-1x2.pc .right-group .item_img:nth-of-type(1) { grid-column: 2; grid-row: 1; }
.custom-gallery-1x2.reverse-1x2.pc .right-group .item_img:nth-of-type(2) { grid-column: 3; grid-row: 1; }
/* 캡션 */ .custom-gallery-1x2.reverse-1x2.pc .left-item .caption { grid-column: 1; grid-row: 2; }
.custom-gallery-1x2.reverse-1x2.pc .right-group .caption { grid-column: 2 / 4; grid-row: 2; }
    /* 이미지 높이 통일 */
.custom-gallery-1x2.reverse-1x2.pc .item_img { width: 100%; height: 260px; overflow: hidden; }
.custom-gallery-1x2.reverse-1x2.pc .item_img a { display: block; width: 100%; height: 100%; }
.custom-gallery-1x2.reverse-1x2.pc .item_img img { display: block; width: 100%; height: 100%; border: 0; object-fit: cover; }
    /* 왼쪽 세로 사진 위치 */
.custom-gallery-1x2.reverse-1x2.pc .left-item .item_img img { object-position: center top; }
    /* 오른쪽 가로 사진 위치 */
.custom-gallery-1x2.reverse-1x2.pc .right-group .item_img img { object-position: center center; }
.custom-gallery-1x2.reverse-1x2.pc .caption { margin-top: 0; text-align: center; }


/* 왼쪽 세로 1장 + 오른쪽 2장 */
.art-gallery-1x2 { margin-left:auto; margin-right:auto; }
.art-gallery-1x2 .art-gallery-inner { display:grid; grid-template-columns:minmax(0,40%) minmax(0,60%); grid-template-rows:auto auto; column-gap: 26px; row-gap: 65px; align-items:start; }
.art-gallery-1x2 .art-item { width:100%; min-width:0; margin:0; }
.art-gallery-1x2 .art-item-left { grid-column:1; grid-row:1 / span 2; }
.art-gallery-1x2 .art-item-right-top { grid-column:2; grid-row:1; }
.art-gallery-1x2 .art-item-right-bottom { grid-column:2; grid-row:2; }

.art-gallery-1x2 .art-item a { display:block; width:100%; overflow:hidden; }
.art-gallery-1x2 .art-item img { display:block; width:100%; height:100%; margin:0; object-fit:cover; }

.art-gallery-1x2 .art-item-left a { aspect-ratio:54 / 100; }
.art-gallery-1x2 .art-item-right-top a,
.art-gallery-1x2 .art-item-right-bottom a { aspect-ratio:16 / 9; }

.art-gallery-1x2 .caption { width:100%; text-align:center; }

/* 임시 */

.img_single             { text-align: center; margin: 0 auto;}
.caption                { font-size: 16px; font-weight: 400; color: #000; margin-top: 15px; text-align: center;}
.caption2               { font-size: 16px; font-weight: 400; color: #969696; margin-top: 15px; text-align: left;}
.caption3               { font-size: 16px; font-weight: 400; color: #969696; margin-top: 15px; text-align: right; display: block; font-style: normal;}


/* 긴 줄글 캡션용: 이미지 폭과 캡션 폭 분리 */
.caption-wide { max-width: none; box-sizing: border-box; margin: 0 auto; text-align: center;}

/* caption-wide 내부 링크 */
.caption-wide > a { display: block; width: 100%; margin-left: auto; margin-right: auto; box-sizing: border-box;}

/* caption-wide 내부 이미지 */
.caption-wide img { display: block; width: 100% !important; max-width: 100% !important; height: auto; margin: 0 auto;}

/* 줄글 캡션은 이미지 폭과 상관없이 100% */
.img_single > .caption-wide + .caption,
.img_box > .caption-wide + .caption,
.img_box > .img_inner.caption-wide + .caption { width: 100%; margin: 15px auto 0; box-sizing: border-box; font-size: 16px; line-height: 1.65; text-align: center; word-break: keep-all; overflow-wrap: break-word; white-space: normal;}

/* ==============================
margin / padding 공통 클래스
============================== */
.mt100 { margin-top: 100px; }
.mt80  { margin-top: 80px; }
.mt50  { margin-top: 50px; }
.mt40  { margin-top: 40px; }
.mt20  { margin-top: 20px; }
.mt0   { margin-top: 0; }

.mb100 { margin-bottom: 100px; }
.mb90  { margin-bottom: 90px; }
.mb80  { margin-bottom: 80px; }
.mb60  { margin-bottom: 60px; }
.mb50  { margin-bottom: 50px; }
.mb40  { margin-bottom: 40px; }
.mb30  { margin-bottom: 30px; }
.mb20  { margin-bottom: 20px; }
.mb10  { margin-bottom: 10px; }

.pt0   { padding-top: 0; }
.pb60  { padding-bottom: 60px; }


/* ==============================
width 공통 클래스

클래스명 규칙:
wd40mwd55  = PC 40% / 모바일 55%
wd60mwd80  = PC 60% / 모바일 80%
wd20mwd100 = PC 20% / 모바일 100%
============================== */

/* PC 단독 폭 */
.wd90   { width: 90%; }
.wd80   { width: 80%; }
.wd70   { width: 70%; }
.wd60   { width: 60%; }
.wd55   { width: 55%; }
.wd50   { width: 50%; }
.wd45   { width: 45%; }
.wd40   { width: 40%; }
.wd36   { width: 36%; }
.wd26   { width: 26%; }
.wd20   { width: 20%; }
.wd16   { width: 16%; }
.wd12   { width: 12%; }
.wd_img { width: 80%; }



/* PC / 모바일 폭 분리 클래스 */
.wd90mwd100 { width: 90%; }

.wd80mwd90  { width: 80%; }
.wd60mwd90  { width: 60%; }
.wd60mwd80  { width: 60%; }
.wd80mwd60  { width: 80%; }
.wd36mwd60  { width: 36%; }


.wd15mwd45  { width:15%; }
.wd20mwd45  { width: 20%; }
.wd25mwd55  { width: 25%; }
.wd26mwd55  { width: 26%; }
.wd40mwd55  { width: 40%; }
.wd45mwd55  { width: 45%; }
.wd50mwd55  { width: 50%; }
.wd55mwd55  { width: 55%; }


.wd26mwd12 { width: 26%;}

.wd20mwd100 { width: 20%; }
.wd25mwd100 { width: 25%; }
.wd30mwd100 { width: 30%; }
.wd35mwd100 { width: 35%; }
.wd40mwd100 { width: 40%; }
.wd45mwd100 { width: 45%; }
.wd50mwd100  { width: 50%; }
.wd55mwd100  { width: 55%; }
.wd60mwd100  { width: 60%; }
.wd65mwd100  { width: 65%; }
.wd70mwd100  { width: 75%; }
.wd75mwd100  { width: 75%; }
.wd80mwd100  { width: 80%; }





.txt                    { font-size: 22px; letter-spacing: -0.03em;}
.txt em                 { font-style: italic;}

.middle_tit             { text-align: left; font-size: 24px; margin-bottom: 10px;}

.moreNews                   { max-width: 100%; width: 100%; background-color: #fffdf7; border-top: 1px solid #ccc; box-sizing: border-box; padding: 0 28px;}
.moreNews_inner             { max-width: 1216px; width: 100%; margin: 0 auto;}
.moreNews_inner h2          { font-size: 30px; font-weight: bold; padding: 60px 0 40px;}
.moreNews_list              { display: flex; gap: 98px; justify-content: center; padding-bottom: 60px;}
.moreNews_list a            { max-width: 230px; width: 100%;}
.moreNews_list a li p:first-child       { font-size: 16px; font-weight: 600;  border-bottom: 1px solid #000; padding-bottom: 10px; background: url(../img/common/moreNews.png) no-repeat; background-position: right 10px; transition: all 0.5s;}
.moreNews_list a li p:last-child        { font-size: 16px; font-weight: 400;}
.moreNews_list a:hover li p:first-child { color: #37a0cc; transition: all 0.5s;}
.moreNews_list a:hover li p:last-child  { color: #37a0cc; transition: all 0.5s;}

.footer                      { max-width: 100%; width: auto; border-top: 1px solid #ccc; padding: 0 28px;}
.footer_inner               { max-width: 1216px; width: 100%; margin: 60px auto; padding-bottom: 40px;}

.sns_group                  { width: 220px;}
.sns                        { width: auto; float: left;}

.footer_link                { display: flex; margin-left: 6px; float: left;}
.link_1                     { display: flex; align-items: center; justify-content: space-evenly; background-color: black; color: #fff; width: 150px; height: 38px; border-radius: 20px; font-size: 16px;}
.link_2                     { display: flex; align-items: center; justify-content: space-evenly; background-color: #fff; color: #000; width: 148px; height: 36px; border-radius: 20px; border: 1px solid #000; cursor: pointer; margin-left: 10px; font-size: 16px;}

address                     { float: right;}
address p                   { font-size: 14px; font-weight: 300;}
address p:last-child        { letter-spacing: -0.04em;}

/* 셀렉트 전체 래퍼 */
.issue-select { position: relative; width: auto; display: inline-block; margin-left: 10px;}

/* "웹진 지난호 보기" 버튼 */
.issue-select-btn { font-weight: 400; font-size: 16px; padding-left: 20px; border: 1px solid #000; border-radius: 30px; background-color: #fff; cursor: pointer; position: relative; width: 130px; height: 38px; display: flex; align-items: center;}

/* 셀렉트 아이콘 */
.issue-select-btn::after { content: ''; position: absolute; right: 18px; top: 50%; transform: rotate(-180deg) translateY(50%); width: 24px; height: 24px; background-image: url(/webzine/fixed_file_2026/img/common/icon_arrow_down.svg); background-repeat: no-repeat; background-size: 24px 24px; transition: transform 0.25s ease;}

/* 리스트 */
.issue-select-list { display: none; position: absolute; bottom: calc(100% + 8px); left: 0; z-index: 20; width: 100%; border: 1px solid #ccc; border-radius: 30px; background-color: #fff; padding: 10px 0; overflow: overlay; box-shadow: 0 6px 18px rgba(0,0,0,0.1); max-height: 175px;}
/* 리스트 보이기 */
.issue-select.open .issue-select-list { display: block;}

/* 리스트 내 항목 */
.issue-select-list li { padding: 12px 32px;}
.issue-select-list li a { font-size: 1.125rem; font-weight: 400; color: #222; display: block; text-align: center;}
.issue-select-list li:hover { background-color: #f5f5f5;}
/* 아이콘 회전 */
.issue-select.open .issue-select-btn::after { transform: translateY(-50%) rotate(0deg);}



* ================================================== 이미지 슬라이드 기본 ================================================== */
.imgBox { width:80%; height:auto; position:relative; isolation:isolate; background:#fff; --bar-h:36px; box-sizing:border-box; margin-left:auto; margin-right:auto; }
.imgBox .slick-list { position:relative; z-index:1; overflow:hidden; }
.imgBox .slick-track { position:relative; z-index:1; }
.imgBox .slick-slide { position:relative; z-index:1; }
.imgBox.jsMainSlick { opacity:0; visibility:hidden; }
.imgBox.jsMainSlick.is-ready { opacity:1; visibility:visible; transition:opacity .15s ease; }
.imgBox .imgSlide { display:flex; flex-direction:column; }
.imgBox .captionBar { height:var(--bar-h); display:flex; align-items:center; justify-content:space-between; gap:14px; flex-direction:row; max-width:928px; margin:10px auto 0; }
.imgBox .captionText { flex:1; min-width:0; margin-top:10px; font-size:16px; line-height:1.2; text-align:left; white-space:nowrap; overflow:clip; text-overflow:ellipsis; }
.imgBox .img_btn { position:static!important; width:160px; height:var(--bar-h); margin:0; padding:4px 16px; display:flex; align-items:center; justify-content:center; gap:12px; flex:0 0 auto; border-radius:50px; background:#c3c3c3; color:#fff; box-sizing:border-box; transform:none!important; z-index:10; pointer-events:auto; }
.imgBox .img_btn .pager { display:flex; align-items:center; gap:8px; }
.imgBox .img_btn button { padding:0; border:0; background:transparent; color:inherit; cursor:pointer; line-height:1; }
.imgBox .img_btn .btn_prev,.imgBox .img_btn .btn_next { font-size:20px; }
.imgBox .img_btn .count { margin:0; display:flex; align-items:center; gap:4px; font-size:20px; line-height:1; }
.imgBox .img_btn .count .total { opacity:.9; }
.imgBox .img_btn .stick { width:24px; height:22px; display:flex; align-items:center; justify-content:center; gap:8px; }
.imgBox .img_btn .stick span { display:block; width:4px; height:22px; background:#fff; }
.imgBox .img_btn .stick.is-paused span { display:none; }
.imgBox .img_btn .stick.is-paused::before { content:""; display:block; width:0; height:0; margin-left:4px; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:14px solid #fff; }
.imgBox .img_btn.is-single { opacity:.35; pointer-events:none; }

/* side-img */
.side-txt-img { display: flow-root; width: 100%; box-sizing: border-box;}
/* 오른쪽 이미지 */
.side-img { float: right; margin: 7px 0 0 50px; box-sizing: border-box;}
/* 왼쪽 이미지 */
.side-img2 { float: left; margin: 7px 50px 0 0; box-sizing: border-box;}
/* 오른쪽 이미지 예비 */
.side-img3 { float: right; margin: 7px 0 0 50px; box-sizing: border-box; }

/* 기존 clearfix 유지용 */
.side-txt-img::after { content: ""; display: block; clear: both;}


u               { text-underline-offset: 5px; text-decoration-color: #7a7a7a}


/* 1_4 이 달의 한글 인물 */
.section_title2_1 > .title_inner    { display: flex;}
.head-img       { width: 40%; margin: auto 0; margin-left: 50px; margin-top: 40px; max-width: 290px;}
.lefttxt        { font-family: Noto Serif, serif; color: #794a07; font-weight: 500;}
.lefttxt2       { font-family: Noto Serif, serif; font-weight: 500; font-style: italic;}

.quote          { font-family: Noto Serif, serif; text-align: center; font-weight: bold;}
.item_img       { text-align: center; margin: 0 auto;}

.img_inner .photo-item { flex: 1;}
.txt_box_title { font-weight: bold; margin-bottom: 15px; display: block; color: #969696; font-size: 20px;}

.section_title2_1 > .title_inner { display:flex; align-items:center; }

.head-img { width:40%; max-width:290px; margin:0 0 0 50px; align-self:center; }

.head-img .side-img.wd12 { float:none; width:max-content; max-width:100%; margin:0 auto; }

.head-img .side-img.wd12 .item_img { width:120px; margin:0 auto; }
.side-img.wd12 p small { white-space:nowrap; }



/*.ref-row 기본css .ref-row {
    display: grid;
    /* 이름(80px), 날짜(80px), 내용 순서 / 너비는 필요에 따라 조절하세요 
    grid-template-columns: 60px 40px 1fr;
    gap: 10px;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 1.6;
    color: #969696;
} */

/* 26년6월호 .ref-row css */
.ref-row { display: grid; grid-template-columns: auto auto 1fr; gap: 10px; font-size: 14px; line-height: 1.6; color: #969696;} 
/*margin-bottom: 8px; */

/*유튜브영상 */
.video-container { position: relative; padding-bottom: 56.25%; /* 16:9 비율 */ height: 0; overflow: hidden; max-width: 100%;}

.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}

/* 이름과 날짜가 중복되어 비어있을 때도 공간을 유지함 */
.ref-name, .ref-date { white-space: nowrap;}

/*  .txt_box .ref-row:first-of-type   {grid-template-columns: 240px 40px 1fr;}  */

/* 한글이모저모 */
.img-txtbox1     { min-width: 500px; font-style: italic; font-weight: 600; padding-top: 140px; font-family: Noto Serif, serif;}
.img-txtbox2     { min-width: 500px; font-style: italic; font-weight: 600; padding-top: 44px; font-family: Noto Serif, serif;}
.img-txtbox-2   { min-width: 400px; font-style: italic; font-weight: 400; text-align: left; background-color: #ede8df; padding: 40px; font-family: Noto Serif, serif; font-size: 22px; background-image: url(/webzine/202603/img/sub/sub_2_2_img_bg.png); background-size: cover;}
.img-txtbox-2 em    {font-style: normal; font-weight: 600; font-size: 20px; font-family: 'PretendardGOV-regular';}

/* 참여하기2 */
.line_box       { max-width: 786px; width: auto; border: 10px solid #b19622; margin: 0 auto; text-align: center; padding: 40px; margin-bottom: 40px;}
.line_box h2    { margin-bottom: 40px; font-size: 36px;}
.line_box p:last-child { color: #d92525; margin-top: 10px; font-size: 18px;}

/* 5월호 이달의한글인물 */
.purple         {font-family: 'Hamchorom'; color: #6c218f; font-style: italic; max-width: 1016px; margin: 0 auto; font-size: 22px;}
.purplespan     {display: block; text-align: right; font-size: 16px; font-family: 'PretendardGOV-regular'; font-style: normal;}
.list-item_1_4      {display: flex; margin-bottom: 10px; /* 줄 사이 간격 */ font-style: italic; font-size: 22px;}
.label_1_4          {width: 30px; /* '가.'이 차지할 공간 */ flex-shrink: 0; /* 폭이 줄어들지 않게 고정 */}
.content_1_4        {flex: 1; /* 나머지 공간을 다 차지 */}
.ham { font-family: 'Hamchorom'; font-style: normal; font-weight: normal; vertical-align: baseline;}

/* 8월호 이달의한글인물 */
.darkbrown         {font-family: 'Hamchorom'; color: #67530e; font-style: italic; max-width: 1016px; margin: 0 auto; font-size: 22px;}
.darkbrown_c         {font-family: 'Hamchorom'; color: #67530e; font-style: italic; max-width: 1016px; margin: 0 auto; font-size: 22px; text-align: center;}
.darkbrown span     {display: block; text-align: right; font-size: 16px; font-family: 'PretendardGOV-regular'; font-style: normal;}


.brown          {color: #aa690d; font-style: italic; max-width: 1016px; margin-left: auto; margin-right: auto; font-size: 22px; text-align: center;}
.brown_1          {color: #aa690d; max-width: 1016px; margin-left: auto; margin-right: auto; font-size: 20px; text-align: center;}
.black_1          {color: #000; max-width: 1016px; margin-left: auto; margin-right: auto; font-size: 20px; text-align: center;}
.orange         {color: #e4653b; font-style: italic; max-width: 1016px; margin-left: auto; margin-right: auto; font-size: 22px; text-align: center; font-weight: bold;}

/* 일정, 정보 ul>li 구조 */
.event-info-list { list-style: none; display: block;}
.event-info-list li { display: flex; align-items: flex-start; gap: 0.35em; line-height: 1.7; word-break: keep-all; letter-spacing: 0;}
.event-info-label { flex: 0 0 auto; white-space: nowrap;}
.event-info-text { flex: 1; min-width: 0; }

/* 스크린리더 전용텍스트 */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }

/* 공통 바로가기 버튼 */

.go-link-wrap { width:100%; margin:40px auto; text-align:center; }
.go-link-btn { --btn-bg:#1090D0; --btn-color:#fff; --btn-hover:#087DB8; min-width:190px; min-height:64px; padding:16px 36px; display:inline-flex; justify-content:center; align-items:center; box-sizing:border-box; border-radius:50px; background:var(--btn-bg); color:var(--btn-color); font-size:20px; line-height:1.4; font-weight:600; text-align:center; transition:background .25s ease,transform .25s ease; }
.go-link-btn:hover { background:var(--btn-hover); color:var(--btn-color); transform:translateY(-2px); }
/*유튜브및 영상 반응형*/
.video-container { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; }
.video-container iframe,
.video-container video { position:absolute; top:0; left:0; width:100%; height:100%; border:0; }
.video-container video { object-fit:contain; background:#000; }


/* 상단 안내문 */
.txt_cham_center { text-align:center; line-height:1.7; }
.txt_cham_notice { text-align:center; color:#666; }
.txt_cham_notice p { font-size:16px; line-height:1.7; }

/* ============================== 참여행사 안내 ============================== */
.txt_cham_center { text-align:center; line-height:1.7; }
.txt_cham_center strong { font-weight:700; }
.txt_cham_notice { margin-top:35px; text-align:center; color:#666; }
.txt_cham_notice p { font-size:14px; line-height:1.65; }


/* ============================== 참여방법 박스 ============================== */
.box_areaW5 { width:100%; max-width:750px; margin:70px auto 40px; padding:55px 65px 32px; position:relative; border:10px solid #b19622; background:#fff; box-sizing:border-box; }

.imsibox { width:238px; height:60px; position:absolute; top:0; left:50%; transform:translate(-50%,-50%); display:flex; justify-content:center; align-items:center; border-radius:50px; background:#b19622; color:#fff; font-size:30px; line-height:1; font-weight:700; text-align:center; box-sizing:border-box; }


/* ============================== 단계 공통 ============================== */
.event-step { width:100%; text-align:center; }

.step-num { width:44px; height:44px; margin:0 auto 14px; display:flex; justify-content:center; align-items:center; border-radius:50%; background:#f7e29a; color:#1b1b1b; font-size:24px; line-height:1; font-weight:700; }

.step-question { margin:0 0 20px; color:#111; font-size:22px; line-height:1.45; font-weight:500; text-align:center; word-break:keep-all; }

.step-question em { color:#b58d00; font-style:normal; font-weight:700; }


/* ============================== 1단계 좌우 영역 ============================== */
.subscribe-choice { width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:70px; align-items:start; }

.subscribe-item { min-width:0; display:flex; flex-direction:column; align-items:center; text-align:center; }

.choice-status { margin:0; color:#111; font-size:20px; line-height:1.5; font-weight:400; }

.choice-arrow { display:block; width:40px; height:auto; margin:16px auto 15px; }

.choice-title { margin:0 0 22px; color:#786a2b; font-size:22px; line-height:1.4; font-weight:500; word-break:keep-all; }


/* ============================== 이미지 버튼 ============================== */
.event-image-link { display:inline-block; width:auto; max-width:100%; line-height:0; }

.event-image-link img { display:block; width:auto; max-width:100%; height:auto; margin:0 auto; }

.subscribe-item > .event-image-link img { width:215px; }

.sns-event-links { width:100%; display:flex; flex-direction:column; align-items:center; gap:16px; }

.sns-event-links .event-image-link img { width:215px; }


/* ============================== 중앙 화살표 ============================== */
.step-center-arrow { width:100%; margin:34px auto 34px; text-align:center; }

.step-center-arrow img { display:block; width:40px; height:auto; margin:0 auto; }


/* ============================== 2단계 ============================== */
.event-step2 { text-align:center; }

.step2-txt { margin:0; color:#111; font-size:20px; line-height:1.55; font-weight:500; word-break:keep-all; }

.step2-txt em { color:#b58d00; font-style:normal; font-weight:700; }

.event-entry-link { margin-top:20px; }

.event-entry-link img { width:230px; }


/* ============================== 행사 기간 ============================== */
.box_areaW5 .notice { width:max-content; max-width:100%; margin:35px auto 0; text-align:left; }

.box_areaW5 .notice ul { margin:0; padding:0; list-style:none; }

.box_areaW5 .notice li { margin-top:6px; color:#555; font-size:20px; line-height:1.5; font-weight:400; word-break:keep-all; }

.box_areaW5 .notice li:first-child { margin-top:0; }

.box_areaW5 .notice li strong { color:#333; font-weight:700; }


/* ============================== 태블릿 ============================== */
@media (max-width:960px) {

    .box_areaW5 { max-width:750px; margin:60px auto 50px; padding:55px 40px 30px; border-width:7px; }

    .imsibox { width:220px; height:54px; font-size:27px; }

    .step-question { font-size:20px; }

    .subscribe-choice { column-gap:35px; }

    .choice-status { font-size:18px; }

    .choice-title { font-size:20px; }

    .choice-arrow { width:36px; }

    .subscribe-item > .event-image-link img { width:200px; }

    .sns-event-links .event-image-link img { width:200px; }

    .step-center-arrow img { width:36px; }

    .step2-txt { font-size:18px; }

    .event-entry-link img { width:215px; }

    .box_areaW5 .notice li { font-size:15px; }

}


/* ============================== 모바일 ============================== */
/* ============================== 모바일 ============================== */
@media (max-width:640px) {

    .txt_cham_center { font-size:14px; line-height:1.7; word-break:keep-all; }

    .txt_cham_notice { margin-top:25px; }

    .txt_cham_notice p { font-size:12px; line-height:1.6; word-break:keep-all; }

    .box_areaW5 { width:100%; margin:55px auto 40px; padding:48px 14px 25px; border-width:5px; }

    .imsibox { width:180px; height:46px; font-size:22px; }

    .step-num { width:40px; height:40px; margin-bottom:13px; font-size:21px; }

    .step-question { margin-bottom:22px; font-size:17px; line-height:1.5; }


    /* STEP1 - 모바일도 PC처럼 2단 유지 */
    .subscribe-choice { width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:12px; align-items:start; }

    .subscribe-item { width:100%; min-width:0; margin:0; padding:0; border:0; }

    .subscribe-item + .subscribe-item { margin-top:0; padding-top:0; border-top:0; }

    .choice-status { margin:0; font-size:15px; line-height:1.45; white-space:nowrap; }

    .choice-arrow { width:28px; margin:12px auto; }

    .choice-title { min-height:42px; margin:0 0 12px; font-size:15px; line-height:1.4; }


    /* 버튼 */
    .event-image-link { width:100%; max-width:130px; }

    .event-image-link img { display:block; width:100%; max-width:100%; height:auto; margin:0 auto; }

    .subscribe-item > .event-image-link img { width:100%; max-width:130px; }

    .sns-event-links { width:100%; display:flex; flex-direction:column; align-items:center; gap:8px; }

    .sns-event-links .event-image-link { width:100%; max-width:130px; }

    .sns-event-links .event-image-link img { width:100%; max-width:130px; }


    /* STEP1 → STEP2 */
    .step-center-arrow { margin:28px auto 26px; }

    .step-center-arrow img { width:28px; }


    /* STEP2 */
    .step2-txt { font-size:15px; line-height:1.6; }

    .event-entry-link { width:auto; max-width:180px; margin-top:16px; }

    .event-entry-link img { width:180px; max-width:100%; }


    /* 기간 */
    .box_areaW5 .notice { width:100%; margin-top:28px; }

    .box_areaW5 .notice li { font-size:13px; line-height:1.6; }
}


/* ============================== 작은 모바일 ============================== */
@media (max-width:480px) {

    .box_areaW5 { padding:46px 10px 22px; border-width:4px; }

    .imsibox { width:165px; height:44px; font-size:20px; }

    .step-num { width:36px; height:36px; font-size:19px; }

    .step-question { font-size:15px; }


    /* 2단 유지 */
    .subscribe-choice { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:8px; }

    .choice-status { font-size:13px; }

    .choice-arrow { width:25px; margin:10px auto; }

    .choice-title { min-height:40px; margin-bottom:10px; font-size:14px; line-height:1.35; }

    .event-image-link { max-width:120px; }

    .subscribe-item > .event-image-link img { width:100%; max-width:120px; }

    .sns-event-links { gap:7px; }

    .sns-event-links .event-image-link { max-width:120px; }

    .sns-event-links .event-image-link img { width:100%; max-width:120px; }

    .step-center-arrow { margin:25px auto 23px; }

    .step-center-arrow img { width:25px; }

    .step2-txt { font-size:14px; }

    .event-entry-link { max-width:165px; }

    .event-entry-link img { width:165px; max-width:100%; }

    .box_areaW5 .notice li { font-size:12px; }
}

@media (max-width: 960px) {
    .pc     { display: none !important;}
    .mob    { display: block !important;}
    .pc2    { display: none !important;}
    

    /* ==============================
    margin / padding 모바일 조정
    PC보다 여백을 줄여서 사용
    ============================== */

    .mt100 { margin-top: 60px; }
    .mt80  { margin-top: 50px; }
    .mt50  { margin-top: 35px; }
    .mt40  { margin-top: 30px; }
    .mt20  { margin-top: 20px; }
    .mt0   { margin-top: 0; }

    .mb100 { margin-bottom: 60px; }
    .mb90  { margin-bottom: 55px; }
    .mb80  { margin-bottom: 50px; }
    .mb60  { margin-bottom: 40px; }
    .mb50  { margin-bottom: 30px; }
    .mb40  { margin-bottom: 25px; }
    .mb30  { margin-bottom: 20px; }
    .mb20  { margin-bottom: 16px; }
    .mb10  { margin-bottom: 10px; }

    .pt0   { padding-top: 0; }
    .pb60  { padding-bottom: 40px; }


    /* 모바일에서만 추가로 쓰는 보정 클래스 */
    .mmt20 { margin-top: 20px; }
    .mmb30 { margin-bottom: 30px; }
    
    
    .mwd12 { width: 12%; }
    .mwd20 { width: 20%; }
    .mwd50 { width: 50%; }
    .mwd55 { width: 55%; }
    .mwd60 { width: 60%; }
    .mwd65 { width: 65%; }
    .mwd70 { width: 70%; }
    .mwd75 { width: 75%; }
    .mwd80 { width: 80%; }


    /* ==============================
    width 모바일 조정
    ============================== */

    /* 일반 박스/이미지는 모바일에서 기본적으로 가득 */
    .wd90, .wd80, .wd60, .wd50, .wd40 { width: 100%; }

    /* 작은 이미지용 클래스는 기존 비율 유지 */
    .wd70 { width: 70%; }
    .wd55 { width: 55%; }
    .wd45 { width: 45%;}
    .wd_img { width: 70%; }

    /* ==============================
    PC / 모바일 폭 분리 클래스
    클래스명 기준 그대로 적용
    ============================== */

    .wd90mwd100 { width: 100%; }

    .wd80mwd90  { width: 90%; }
    .wd60mwd90  { width: 90%; }
    .wd60mwd80  { width: 80%; }
    .wd80mwd60  { width: 60%; }
    .wd36mwd60  { width: 60%; }
    
    
    
    .wd15mwd45  { width:45%; }
    .wd20mwd45  { width: 45%; }
    .wd25mwd55  { width: 55%; }
    .wd40mwd55  { width: 55%; }
    .wd45mwd55  { width: 55%; }
    .wd50mwd55  { width: 55%; }
    .wd55mwd55  { width: 55%; }
    .wd26mwd55  { width: 55%; }
    

    .wd20mwd100,
    .wd25mwd100,
    .wd30mwd100,
    .wd35mwd100,
    .wd40mwd100,
    .wd40mwd100,
    .wd45mwd100,
    .wd50mwd100,
    .wd55mwd100,
    .wd60mwd100,
    .wd65mwd100,
    .wd70mwd100,
    .wd75mwd100,
    .wd80mwd100 { width: 100%; }
    
    
    .wd26mwd12 { width: 12%;}
    
    

    /* ==============================
    모바일 슬라이드
    ============================== */
    .imgBox { width:100%; height:auto; position:relative; isolation:isolate; background:#fff; --bar-h:36px; box-sizing:border-box; }
    .imgBox.jsMainSlick.is-ready { opacity:1; visibility:visible; position:relative!important; top:auto!important; left:auto!important; right:auto!important; bottom:auto!important; transition:opacity .15s ease; }

    .imgBox.jsMainSlick .slick-list { position:relative; z-index:1; width:100%; height:auto!important; overflow:hidden!important; }
    .imgBox.jsMainSlick .slick-track { position:relative; z-index:1; height:auto!important; }
    .imgBox.jsMainSlick .slick-slide { position:relative; z-index:1; height:auto!important; }
    .imgBox.jsMainSlick .slick-slide > div { height:auto!important; }

    .imgBox.jsMainSlick .imgSlide { display:block!important; width:100%; height:auto!important; margin:0!important; }

    .imgBox.jsMainSlick .imgSlide > .item_img { width:100%; aspect-ratio:746 / 430; margin:0!important; display:flex; justify-content:center; align-items:center; overflow:visible; box-sizing:border-box; }

    .imgBox.jsMainSlick .imgSlide.img_inner > div { margin-bottom:0!important; }
    .imgBox.jsMainSlick .imgSlide.img_inner > div:last-child { margin-bottom:0!important; }

    .imgBox.jsMainSlick .imgSlide > .item_img > a { width:100%; height:100%; margin:0 auto; display:flex; justify-content:center; align-items:center; overflow:visible; line-height:0; box-sizing:border-box; }

    .imgBox.jsMainSlick .imgSlide > .item_img > a > img { display:block; width:auto!important; height:100%!important; max-width:calc(100% - 2px)!important; max-height:100%!important; margin:0 auto; object-fit:contain; box-sizing:border-box; }

    .imgBox.jsMainSlick .captionBar { display:block!important; position:static!important; transform:none!important; width:100%!important; max-width:none!important; height:auto!important; min-height:0!important; margin:14px auto 0!important; padding:0 10px!important; box-sizing:border-box; overflow:visible!important; clear:both; }
    .imgBox.jsMainSlick .captionBar::after { content:""; display:block; clear:both; }

    .imgBox.jsMainSlick .captionText { display:block!important; width:100%!important; max-width:100%; height:auto!important; min-height:0!important; margin:0!important; padding:0 10px!important; box-sizing:border-box; font-size:15px; line-height:1.55; text-align:center; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; word-break:keep-all; overflow-wrap:break-word; }

    .imgBox.jsMainSlick .img_btn { display:flex!important; position:static!important; transform:none!important; width:160px; height:var(--bar-h); margin:12px auto 0!important; padding:4px 16px; box-sizing:border-box; z-index:10; border-radius:50px; background:#c3c3c3; color:#fff; align-items:center; justify-content:center; gap:12px; pointer-events:auto; }

    .imgBox.jsMainSlick .img_btn .pager { display:flex; align-items:center; gap:8px; }
    .imgBox.jsMainSlick .img_btn button { padding:0; border:0; background:transparent; color:inherit; cursor:pointer; line-height:1; }
    .imgBox.jsMainSlick .img_btn .btn_prev,.imgBox.jsMainSlick .img_btn .btn_next { font-size:20px; }
    .imgBox.jsMainSlick .img_btn .count { margin:0; display:flex; align-items:center; gap:4px; font-size:20px; line-height:1; }
    .imgBox.jsMainSlick .img_btn .count .total { opacity:.9; }

    .imgBox.jsMainSlick .img_btn .stick { width:24px; height:22px; display:flex; align-items:center; justify-content:center; gap:8px; }
    .imgBox.jsMainSlick .img_btn .stick span { display:block; width:4px; height:22px; background:#fff; }
    .imgBox.jsMainSlick .img_btn .stick.is-paused span { display:none; }
    .imgBox.jsMainSlick .img_btn .stick.is-paused::before { content:""; display:block; width:0; height:0; margin-left:4px; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:14px solid #fff; }

    .imgBox.jsMainSlick .img_btn.is-single { opacity:.35; pointer-events:none; }



    .section_title                          { margin-top: 143px;}
    .section_title, .section_txt, .moreNews, .footer         { padding: 0 28px;}
    .section_title1_sp, .section_title1_1, .section_title1_2, .section_title1_3, .section_title1_4, .section_title2_1, .section_title2_2, .section_title2_3 { padding: 0 28px; margin-top: 143px;}
    .title                                  { padding-top: 40px;}
    .title h2                               { font-size: 22px;}
    .title p                                { font-size: 16px;}

    .txt_box                                {padding-top: 30px;}

    .txt_title p                            { font-size: 20px;}

    .img_box_2_and_1                        { display: block;}
    .img_box_2_and_1 div:last-child         { margin-top: 20px;}

    .title_name             { top: -12px;}
    .title_name_cham1       { top: -12px;}
    /* 좌담 sp 모바일 */
    .section_title1_sp > .title_inner > .title_name > .name1 { width:96px; flex:0 0 96px; height:26px; border-radius:50px; background-color:#003863; color:#fff; text-align:center; font-size:13px; font-weight:400; line-height:2; }

    .section_title1_sp > .title_inner > .title_name > .name2 { width:auto; flex:0 0 auto; height:24px; padding:0 14px; border-radius:50px; border:1px solid #003863; color:#003863; background-color:#fff; text-align:center; font-size:13px; font-weight:400; line-height:1.9; white-space:nowrap; }

    /* 모바일 name1 공통 */
    .section_title1_1 > .title_inner > .title_name > .name1,
    .section_title1_2 > .title_inner > .title_name > .name1,
    .section_title1_3 > .title_inner > .title_name > .name1,
    .section_title1_4 > .title_inner > .title_name > .name1,
    .section_title2_1 > .title_inner > .title_name > .name1,
    .section_title2_2 > .title_inner > .title_name > .name1,
    .section_title2_3 > .title_inner > .title_name > .name1 { width:96px; flex:0 0 96px; height:26px; font-size:13px; line-height:2; }

    /* 모바일 name2 공통 */
    .section_title1_1 > .title_inner > .title_name > .name2,
    .section_title1_2 > .title_inner > .title_name > .name2,
    .section_title1_3 > .title_inner > .title_name > .name2,
    .section_title1_4 > .title_inner > .title_name > .name2,
    .section_title1_2 > .title_inner > .title_name > .name2_1,
    .section_title2_1 > .title_inner > .title_name > .name2,
    .section_title2_2 > .title_inner > .title_name > .name2,
    .section_title2_3 > .title_inner > .title_name > .name2 { width:auto; flex:0 0 auto; height:24px; padding:0 14px; font-size:13px; line-height:1.9; white-space:nowrap; }
    
    /* 참여하기 타이틀 모바일 */
    .section_title_cham1 > .title_inner_cham1 > .title_name_cham1 > .name1_cham1,
    .section_title_cham2 > .title_inner_cham2 > .title_name_cham2 > .name1_cham2 { width:96px; height:26px; font-size:13px; line-height:2; }

    .section_title_cham1 > .title_inner_cham1 > .title_name_cham1 > .name2_cham1,
    .section_title_cham2 > .title_inner_cham2 > .title_name_cham2 > .name2_cham2 { width:94px; height:24px; font-size:13px; line-height:1.9; }

    
    .section_title_cham1    { background: url(../img/sub/sub_4_1_head_img_m.png) no-repeat; background-position: center;}
    .section_title_cham2    { background: url(../img/sub/sub_4_2_head_img_m.png) no-repeat; background-position: center;}

    /* 소장품이야기 */
    .center_txt_1_3                         { font-size: 18px;}
    .box_1_3_1                              { font-size: 16px; max-width: 640px;}
    .box_1_3_2                              { font-size: 16px; max-width: 234px;}

    /* 참여하기1,2*/
    .txt_title2_1   p                       { font-size: 22px;}


    .center_txt                             { font-size: 26px;}

    .section_title_cham1                    { margin-top: 143px; height: 170px; padding: 0 26px;}
    .cham01                                 { font-size: 22px; border: 3px solid #649c59; max-width: 420px;}
    .title_cham1                            { padding: 60px 28px 0;}

    .section_title_cham2                    { margin-top: 143px; height: 170px; padding: 0 26px;}
    .cham02                                 { font-size: 22px; border: 3px solid #b19622; max-width: 420px; line-height: 1.4; padding: 12px 0;}
    .title_cham2                            { padding: 60px 28px 0;}

    .notice ul li                           { font-size: 16px;}
    .txt_cham01                             { font-size: 18px;}
    .txt_cham01 p                           { font-size: 14px;}

    .img_inner                              { display: block;}
    .img_inner div                          { margin-bottom: 20px;}
    .img_inner div:last-child               { margin-bottom: 10px;}

    .img_inner2 div:last-child              { margin-bottom: 10px;}

    .img_inner2x2                           { display: grid; grid-template-columns: 1fr 1fr;}

    .caption                                { font-size: 15px; margin-top: 10px;}

    .txt                                    { font-size: 18px;}

    .moreNews_list                          { gap: 36px; flex-wrap: wrap;}
    .moreNews_list a                        { max-width: 196px;}

    .sns a                                  { margin-right: 0;}
    .footer_inner                           { position: relative; padding-bottom: 100px; margin: 127px auto 60px;}

    
    /* 이달의 한글 인물 */
    .section_title2_1 > .title_inner    { display: block;}
    .head-img       { margin: 0 auto; width: 100%; margin-top: 0; padding-bottom: 60px;}
    .txt_box_title  { font-size: 16px;}
    /*기본ref-row코드 .ref-row        { font-size: 14px; grid-template-columns: 50px 40px 1fr; line-height: 1.3;}*/
    /* 26년6월호 .ref-row css */
    .ref-row        { font-size: 14px; grid-template-columns: auto auto 1fr; line-height: 1.3;}

    /* side-img */
    .side-img       { float: none; width: auto; margin: 0 0  50px 0 ; display: block; text-align: center; }
    .side-img2      { float: none; width: auto; margin: 0 0  50px 0 ; display: block; text-align: center;}
    .side-img3      { float: none; width: auto; margin: 0 0  50px 0 ; display: block; text-align: center;}
    .side-txt-img::after { content: ""; display: block; clear: both;}
    
    .side-img.wd12 { float:none; width:100%; max-width:100%; margin:40px 0 0 0; text-align:center; }
    .side-img.wd12 .item_img { width:120px; margin:0 auto; }
    .side-img.wd12 .author { text-align:center; }
    .side-img.wd12 .author small { white-space:nowrap; }

    
    
    /* 반갑습니다 */
    .reference      { font-size: 16px;}

    /* 한글이모저모 */
    .img-txtbox1     { min-width: 290px; width: auto; font-size: 18px; padding-top: 0;}
    .img-txtbox2     { min-width: 290px; width: auto; font-size: 18px; padding-top: 0;}
    .img-txtbox-2   { min-width: 290px; width: auto; font-size: 18px; font-size: 18px; padding: 20px;}
    .img-txtbox-2 em    { font-size: 16px;}



    .caption-wide.wd40mwd55 { width: 55%; }
    .caption-wide.wd60mwd80 { width: 80%; }
    .caption-wide.img-full { width: 100%; }
    .img_single > .caption-wide + .caption,
    .img_box > .caption-wide + .caption,
    .img_box > .img_inner.caption-wide + .caption { width: 100%; max-width: none; font-size: 15px; line-height: 1.65; }

    /* 참여하기2 */
    .notice         { max-width: 394px;}
    .line_box h2    { font-size: 24px;}
    .line_box p:nth-child(2) { font-size: 20px; }
    .line_box p:last-child  { font-size: 16px; }

    /* 5월 이달의 한글 인물 */
    .purple         { font-size: 18px;}
    .list-item_1_4  { font-size: 18px;}
    .author2        { font-size: 16px;}
    .brown          { font-size: 18px;}
    .orange         { font-size: 18px;}
    .darkbrown      { font-size: 18px;}
    .darkbrown_c      { font-size: 18px;}

    .custom-gallery-1x2 { display: block; width: 100% !important;}

    .custom-gallery-1x2 .right-item { display: block !important; max-width: 70%; margin: 30px auto 0;}

    /* 왼쪽 그룹: 이미지 2개 가로 */
    .custom-gallery-1x2 .left-group { display: flex; gap: 10px; flex-wrap: wrap;}

    /* 이미지 2개 반반 */
    .custom-gallery-1x2 .left-group .item_img { width: calc((100% - 10px) / 2);}

    /* 캡션은 아래로 떨어지게 */
    .custom-gallery-1x2 .left-group .caption { width: 100%; margin-top: 10px; }

    /* 오른쪽은 그대로 1장 */
    .custom-gallery-1x2 .right-item { margin-top: 30px; }
    .custom-gallery-1x2 .item_img img { width: 100%; height: auto; display: block;}
    .mobile-two-img { width: 100% !important;}
    .mobile-two-img .img_inner { display: flex; gap: 10px; justify-content: center;}
    .mobile-two-img .item_img { width: calc((100% - 10px) / 2);}
    .mobile-two-img .item_img img { width: 100% !important; height: auto; display: block;}
    .mobile-two-img .caption { margin-top: 10px;}
    
    /* 왼쪽 세로 1장 + 오른쪽 2장 */
    .art-gallery-1x2 .art-gallery-inner { display:block; }
    .art-gallery-1x2 .art-item { width:100%; margin-bottom:30px; }
    .art-gallery-1x2 .art-item:last-child { margin-bottom:0; }

    .art-gallery-1x2 .art-item-left a,
    .art-gallery-1x2 .art-item-right-top a,
    .art-gallery-1x2 .art-item-right-bottom a { aspect-ratio:auto; }

    .art-gallery-1x2 .art-item img { width:100%; height:auto; object-fit:contain; }
    
    
    .go-link-wrap { margin:30px auto; }
    .go-link-btn { min-height:50px; padding:12px 22px; font-size:16px; }

}

@media (max-width:920px) {
    .footer_link                            { display: block; margin-left: 0; float: right; position: absolute; top: -47px; right: 0;}
    .issue-select                           { margin-left: 0; margin-top: 10px;}
    address                                 { float: left; }
}

/* tablet */
@media (max-width: 960px) {
    .custom-gallery-1x2.left1-right2-equal { column-gap: 20px; row-gap: 12px; } 
    .custom-gallery-1x2.left1-right2-equal .item_img { height: 220px; } 
    .custom-gallery-1x2.reverse-1x2.pc { display: none !important; }
}



/* mobile */
@media (max-width: 640px) {
    .custom-gallery-1x2.left1-right2-equal { display: block; } 
    .custom-gallery-1x2.left1-right2-equal .left-item,
    .custom-gallery-1x2.left1-right2-equal .right-group { display: block; } 
    .custom-gallery-1x2.left1-right2-equal .gallery-item { margin-bottom: 24px; } 
    .custom-gallery-1x2.left1-right2-equal .item_img { height: auto; margin-bottom: 12px; overflow: visible; } .custom-gallery-1x2.left1-right2-equal .item_img a { height: auto; } 
    .custom-gallery-1x2.left1-right2-equal .item_img img { width: 100%; height: auto; object-fit: contain; } .custom-gallery-1x2.left1-right2-equal .caption { margin-top: 8px; text-align: center; }
}


@media (max-width:584px) {
    address             { margin-top: 20px; margin-left: 0px;}
}

@media (max-width:480px) {
    .moreNews_list      { display: grid; grid-template-columns: repeat(2, 160px);}

    .txt_cham01 p       { font-size: 12px;}
    .txt_cham02 p       { font-size: 12px;}
    .notice ul li       { font-size: 13px;}

    .sns a img          { width: 18%;}
    address p           { font-size: 13px;}
    .link_1             { width: 146px; height: 36px; font-size: 14px;}
    .issue-select-btn   { width: 126px; height: 34px; font-size: 14px;}

    imgBox.jsMainSlick .img_btn { width:160px!important; padding:4px 16px!important; }
    .imgBox.jsMainSlick .img_btn .btn_prev,.imgBox.jsMainSlick .img_btn .btn_next { font-size:16px; }
    .imgBox.jsMainSlick .img_btn .count { font-size:16px; }
    .imgBox.jsMainSlick .img_btn .pager { gap:6px; }

    .cham01, .cham02    {font-size: 22px;}

    .section_title_cham1    { background: url(../img/sub/sub_4_1_head_img_m2.png) no-repeat; background-position: center;}
    .section_title_cham2    { background: url(../img/sub/sub_4_2_head_img_m2.png) no-repeat; background-position: center;}

    .img-txtbox-2       { padding: 10px; min-width: unset; background-size: cover;}
}

@media (max-width: 370px){
    address p   {font-size: 12px;}
    .moreNews_list  {grid-template-columns: repeat(2, 138px);}
}




/* ==============================
이미지 팝업 모바일 보정
common.css 미반영 대비 서브 CSS에 중복 적용
============================== */
@media (max-width: 960px) {
    .img_popup .popup_inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-width: calc(100vw - 32px); height: auto; max-height: calc(100vh - 80px); max-height: calc(100dvh - 80px); overflow: auto; box-sizing: border-box; }
    .img_popup .popup_inner > img { display: block; width: auto; height: auto; max-width: calc(100vw - 32px); max-height: calc(100vh - 80px); max-height: calc(100dvh - 80px); margin: 0 auto; }
    .img_popup .popup_inner .close_btn { display: none; }
}




/*커먼파일 햄버거메뉴 수정*/
.hambuger_menu .hambuger_nav { padding: 11vh 28px 30px 28px; background-color: #fafafa;}
.hambuger_menu .hambuger_nav > ul > li { width: 100%; position: relative; min-height: 18%; padding: 20px 0;}
.hambuger_menu .hambuger_nav > ul > li > ul.lnb li a { font-size: 19px;}
/* GNB 2단 */
.hambuger_menu .gnb_wrap .lnb { width:100%; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:24px; row-gap:0; box-sizing:border-box; }
.hambuger_menu .gnb_wrap .lnb > li { width:max-content!important; max-width:100%!important; min-width:0; margin:0!important; box-sizing:border-box; justify-self:start; }
.hambuger_menu .gnb_wrap .lnb > li > a { display:inline-block!important; width:max-content!important; max-width:100%!important; box-sizing:border-box; word-break:keep-all; }

/* common.css의 li 전체 hover 밑줄 무효화 */
.hambuger_menu .hambuger_nav > ul > li > ul.lnb li:hover a:after { width:0!important; }

/* 실제 텍스트에 hover했을 때만 밑줄 */
.hambuger_menu .hambuger_nav > ul > li > ul.lnb li a:hover:after { width:100%!important; }

/* 좌담처럼 메뉴가 1개일 때 */
.hambuger_menu .gnb_wrap > li:first-child .lnb { grid-template-columns:1fr; }
.HBbox { border: 1px solid #a5a5a5; max-width: 410px; background-color: #fff; margin-left: 0; padding: 18px 22px;}
@media (max-width: 960px) {
    .hambuger_menu .hambuger_nav > ul > li > ul.lnb li a { font-size: 17px;}
}





/* ==================================================
특집기사1 상단 작가 영역
PC
================================================== */
.section_title2_1 .profile-title-wrap { max-width:1216px; width:100%; margin:0 auto; position:relative; display:grid; grid-template-columns:minmax(0,1fr) 120px; grid-template-areas:"title photo" "author photo"; column-gap:50px; align-items:center; box-sizing:border-box; }
.section_title2_1 .profile-title-wrap .title_name { position:absolute; top:-18px; left:0; display:flex; }
.section_title2_1 .profile-title-wrap .title { grid-area:title; min-width:0; padding-top:75px; }
.section_title2_1 .profile-title-wrap .title h2 { margin:0; font-size:40px; font-weight:bold; line-height:1.5; word-break:keep-all; }
.section_title2_1 .profile-title-wrap .title-author { grid-area:author; margin:20px 0 60px; padding:0; font-size:22px; line-height:1.5; font-weight:600; color:#000; text-align:left; }
.section_title2_1 .profile-title-wrap .title-author small { font-size:22px; font-weight:400; color:#000; }
.section_title2_1 .profile-title-wrap .head-img { grid-area:photo; width:120px; max-width:120px; margin:0; padding:0; justify-self:end; align-self:center; }
.section_title2_1 .profile-title-wrap .head-img .side-img { float:none; width:120px!important; max-width:120px; margin:0; padding:0; }
.section_title2_1 .profile-title-wrap .head-img .item_img { width:120px; margin:0 auto; text-align:center; }
.section_title2_1 .profile-title-wrap .head-img .item_img img { display:block; width:100%; height:auto; margin:0 auto; }


/* ==================================================
모바일
첨부 시안처럼
제목 전체 / 이름 왼쪽 + 사진 오른쪽
================================================== */
@media (max-width:960px) {
    .section_title2_1 .profile-title-wrap { display:grid; grid-template-columns:minmax(0,1fr) 105px; grid-template-areas:"title title" "author photo"; column-gap:20px; row-gap:20px; align-items:end; padding-bottom:28px; }
    .section_title2_1 .profile-title-wrap .title_name { top:-12px; }
    .section_title2_1 .profile-title-wrap .title { grid-area:title; width:100%; padding-top:40px; }
    .section_title2_1 .profile-title-wrap .title h2 { margin:0; font-size:22px; line-height:1.45; word-break:keep-all; }
    .section_title2_1 .profile-title-wrap .title-author { grid-area:author; margin:0; padding:0; align-self:end; font-size:16px; line-height:1.5; font-weight:600; text-align:left; }
    .section_title2_1 .profile-title-wrap .title-author small { display:block; margin-top:2px; font-size:16px; line-height:1.45; font-weight:400; white-space:normal; }
    .section_title2_1 .profile-title-wrap .head-img { grid-area:photo; width:105px; max-width:105px; margin:0; padding:0; justify-self:end; align-self:end; }
    .section_title2_1 .profile-title-wrap .head-img .side-img { float:none; width:105px!important; max-width:105px; margin:0; padding:0; }
    .section_title2_1 .profile-title-wrap .head-img .item_img { width:105px; margin:0 auto; }
    .section_title2_1 .profile-title-wrap .head-img .item_img img { display:block; width:100%; height:auto; margin:0 auto; }

}


/* ==================================================
작은 모바일
================================================== */
@media (max-width:480px) {

    .section_title2_1 .profile-title-wrap { grid-template-columns:minmax(0,1fr) 95px; column-gap:14px; row-gap:16px; padding-bottom:22px; }
    .section_title2_1 .profile-title-wrap .title h2 { font-size:22px; }
    .section_title2_1 .profile-title-wrap .title-author { font-size:15px; }
    .section_title2_1 .profile-title-wrap .title-author small { font-size:14px; }
    .section_title2_1 .profile-title-wrap .head-img { width:95px; max-width:95px; }
    .section_title2_1 .profile-title-wrap .head-img .side-img { width:95px!important; max-width:95px; }
    .section_title2_1 .profile-title-wrap .head-img .item_img { width:95px; }
}