@charset "utf-8";

.container.sub {padding-bottom: var(--subSectPd);}
.container.sub + .footer  .sponsor_sect{display: none;}

.sub .header{position: relative;}
/*.sub .header .in {width: min(154rem , 1740px);}*/

/*.sub_top {padding-top: calc(var(--hdH) + 3rem); padding-bottom: 5rem;}*/
.sub_top {padding-top: 3rem; padding-bottom: 5rem;}
.sub_page_nav {display: flex;align-items: center; font-size: var(--txt3);}
.sub_page_nav .home {margin-right: 15px; display: flex; align-items: center;}
.sub_page_nav .home svg {width: 1.1em; height: auto;}
.sub_page_nav .select {display: flex; align-items: center;}
.sub_page_nav .select + .select{margin-left: 2rem;}
/*.sub_page_nav .select + .select::before {content: ""; width: 5px; height: 5px; background-color: #E4E4E4; border-radius: 50%; display: block;margin: 0 2rem;}*/
.sub_page_nav .select .nice-select {border: none; padding: 0 1.4em 0 0; background-color: transparent; height: auto; line-height: 1.5; font-size: 1em;}
.sub_page_nav .select .nice-select .current {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.sub_page_nav .select + .select + .select .nice-select .current {max-width: 5em;}
.sub_page_nav .select .nice-select::after {content: '';border: none;display: block;width: 0.8em;height: 0.8em; pointer-events: none;position: absolute;right: 0px;top: 50%; margin-top: -1px; transform-origin: center; transform: translateY(-50%) ;transition: all 0.15s ease-in-out;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%23000"><path d="M224 385.9l17-17L401 209l17-17L384 158.1l-17 17-143 143L81 175l-17-17L30.1 192l17 17L207 369l17 17z"/></svg>') no-repeat center / cover;}
.sub_page_nav .select .nice-select .list {margin-top: 10px; color: #000;}
.sub_page_nav .select .nice-select .option {line-height: 1.5; min-height: 0;}
.sub_page_nav .select .nice-select .option:hover,
.sub_page_nav .select .nice-select .option.focus,
.sub_page_nav .select .nice-select .option.selected.focus {background-color: #F1F1F1; color: #000;}

.sub_top .tit_wrap {font-size: 5.6rem; font-weight: 700; text-align: center; margin-top: 8rem; }
.sub_top .tit_wrap .desc {font-size: var(--txt1); font-weight: 600; color: #9E9E9E;}



/* .invite_page .visual_sect {position: relative; padding: 18rem 0 30rem; overflow: hidden; background: linear-gradient(112deg,rgba(242, 229, 220, 1) 0%, rgba(254, 249, 244, 1) 620px);} */
.invite_page .visual_sect {position: relative; padding: 18rem 0 36rem; overflow: hidden; background: linear-gradient(180deg, rgba(255, 229, 186, 0.71) 0%, rgba(255, 198, 179, 0.71) 100%);}
.invite_page .visual_sect::before {content: ""; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.2); backdrop-filter: blur(7px) ;z-index: 120; pointer-events: none; opacity: 0; transition: opacity 0.3s ease-in-out;}
.invite_page .visual_sect.on::before {opacity:1 ;}
.invite_page .visual_sect .bg {position: absolute; left: 0; bottom: 0; width: 45%; height: 100%; transform: translate(-18%, 18%);}
.invite_page .visual_sect .bg img {position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; object-position: left bottom; object-fit: contain;}
.invite_page .visual_sect .bg_cont {position: absolute;  left: 45%; bottom: 0; width: 28%; height: auto; z-index: 150; transform-origin: right bottom; transform: translate(-50%,75%) rotate(10deg); box-shadow: 20px 24px 35px 25px rgba(0, 0, 0, 0.12); cursor: pointer; transition: all 1s ease-in-out;}/*transition: bottom 1s ease-in-out , transform 1s ease-in-out , left 1s ease-in-out, width 1s ease-in-out;*/
.invite_page .visual_sect.on .bg_cont{cursor: inherit;}
.invite_page .visual_sect .bg_cont img{display: block; width: 100%; height: 100%; object-fit: cover;}
.invite_page .visual_sect .bg_cont.on {bottom: 55%; left: 50%; transform: translate(-50%,50%);}

.invite_page .visual_sect .bg_cont .enter_btn_box {position: absolute; left: 50%; bottom: -6rem; transform: translate(-50%,100%); opacity: 0; transition: 0.3s ease-in-out 0s;}
.invite_page .visual_sect .bg_cont.on .enter_btn_box {opacity: 1; bottom: -2rem; transition: 0.3s ease-in-out 1s;}

.invite_page .visual_sect .txt_box .txt {text-align: right; font-size: var(--tit3); font-family: "Noto Serif KR", serif; }
.invite_page .visual_sect .txt_box .txt:nth-child(2) {transition-delay: 0.2s;}
.invite_page .visual_sect .txt_box .txt:nth-child(3) {transition-delay: 0.4s;}
.invite_page .visual_sect .txt_box .txt:nth-child(4) {transition-delay: 0.6s;}
.invite_page .visual_sect .txt_box .txt + .txt {margin-top: 1em;}

.invite_page .visual_sect .txt_box.active .txt {opacity: 1; transform: unset; filter: blur(0px);}

.invite_page .visual_sect .info_txt { display: flex; flex-direction: column; justify-content: center; margin-top: 9.3rem ; font-size: var(--txt1); text-align: center;} 
.invite_page .visual_sect .info_txt .txt {font-family: "Noto Serif KR", serif; text-align: right;}
.invite_page .visual_sect .info_txt .enter_btn_box {justify-content: center; margin-top: 3rem; transition:opacity 0.3s ease-in-out 0.5s;}
/*.invite_page .visual_sect .info_txt .enter_btn_box.hide{opacity: 0; transition:opacity 0.3s ease-in-out 0s;}*/

.invite_page .learn_sect {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; overflow: hidden;}
.invite_page .learn_sect .sect_tit {display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; font-family: "Noto Serif KR", serif}
.invite_page .learn_sect .sect_tit svg {width: 6rem; opacity: 0;}
.invite_page .learn_sect .sect_tit .tit {margin: 3rem 0;font-size: 8rem; line-height: 1.5; font-weight: 500;}
.invite_page .learn_sect .sect_tit .txt {margin-top: 6rem; font-size: var(--txt1); opacity: 0; transform: translateY(50px);}

.invite_page .learn_sect .fix_cont { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: translateY(100%) ;opacity: 1; color: #fff;}
.invite_page .learn_sect .fix_cont .img {overflow: hidden; position: absolute; left: 0; top: -1px; width: calc(100% + 1px); height: 100%; border-radius: 6rem; transform: scale(0.5); background-color: #000;}
.invite_page .learn_sect .fix_cont .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
/* .invite_page .learn_sect .fix_cont .img::before {content: "";position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 1);} */
.invite_page .learn_sect .fix_cont .in {position: relative; z-index: 2; height: 100%;}
.invite_page .learn_sect .fix_cont .cont_in {display: flex; flex-direction: column; padding-top: 24rem; height: 100%;}
.invite_page .learn_sect .fix_cont .cont_tit {font-size: 7.2rem; font-weight: 400; font-family: "Noto Serif KR", serif; opacity: 0; transform: translateY(50px);}
.invite_page .learn_sect .fix_cont .txt_box {position: absolute;right: 0;top: 125%; transform: translateY(-50%); padding: 0 var(--inPd);}
.invite_page .learn_sect .fix_cont .txt_box .txt {font-size: var(--txt0); opacity: 0; filter: blur(10px); transform: translateX(0px);}
.invite_page .learn_sect .fix_cont .txt_box .txt + .txt {margin-top: 1.2em;}
.invite_page .learn_sect .fix_cont .txt_box .name_box {display: flex; align-items:center; margin-top: 10rem; opacity: 0;}
/* .invite_page .learn_sect .fix_cont .txt_box .name_box li {display: flex;  align-items: flex-start; font-weight: 500;} */

.invite_page .learn_sect .fix_cont .txt_box .name_box li + li {margin-left: 8rem;}
.invite_page .learn_sect .fix_cont .txt_box .name_box li strong {font-size: var(--txt1); font-weight: 700; margin-top: -0.1em; margin-left: 0.75em;}
.invite_page .learn_sect .fix_cont .txt_box .name_box li .logo_box{display: flex; align-items: center; width: 6.5em;}
.invite_page .learn_sect .fix_cont .txt_box .name_box li:nth-child(2) .logo_box{width: 12em;}
.invite_page .learn_sect .fix_cont .txt_box .name_box li .logo_box img{height: 100%}
/* .invite_page .learn_sect .fix_cont .txt_box .name_box li:last-child .logo_box img{height: 30px} */


.invite_page .intro_sect {padding-top: var(--mainSectMt); }
.invite_page .intro_sect .in{display: flex; justify-content: space-between}
.invite_page .intro_sect .sect_tit_box{margin-right: 14rem;}
.invite_page .intro_sect .sect_tit_box .tit {font-size: var(--tit3); font-weight: 700; line-height: 1.5; opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease-in-out , transform 0.6s ease-in-out;}
.invite_page .intro_sect .sect_tit_box .txt {margin-top: 2rem; opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease-in-out 0.2s, transform 0.6s ease-in-out 0.2s}

.invite_page .intro_sect .video_box {position: relative; overflow: hidden; width:64%; border-radius: 3.2rem; opacity: 0; transform: translateY(100px); transition: opacity 0.6s ease-in-out 0.4s, transform 0.6s ease-in-out 0.4s}
.invite_page .intro_sect .video_box .video{position:relative; padding-top:56.25%;}
.invite_page .intro_sect .video_box .video > * {position: absolute; left: -2px; top: -2px; width: calc(100% + 4px); height: calc(100% + 4px); object-position: center; object-fit: cover;}
.invite_page .play_btn {display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 14rem; height: 14rem; border-radius: 50%; background-color: rgba(0, 0, 0, 0.4); backdrop-filter: blur(5px); transition: background-color 0.3s ease-in-out;}
.invite_page .play_btn svg {width: 15%; height: auto; fill: #fff;}
.invite_page .play_btn .txt {font-weight: 500; margin-top: 1.5rem; color: #fff;}

.invite_page .intro_sect.active .video_box,
.invite_page .intro_sect.active .sect_tit_box .txt,
.invite_page .intro_sect.active .sect_tit_box .tit{opacity: 1; transform: unset; }

.invite_page .play_btn:hover {background-color: #000;}


/* 전시관 */
.gallery_page .visual_sect {background-color: #F8F8F8; padding: 10rem 0;}
.gallery_page .visual_sect .sect_tit { font-size: var(--txt0); font-weight: 700;}
.gallery_page .visual_sect .sect_tit .txt{background: linear-gradient(to right, rgb(0,0,0) 50%, #D5D5D5 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;display: inline; }
.gallery_page .visual_sect .img {position: relative; overflow: hidden; padding-top: 35%; border-radius: 3rem; margin-top: 4rem;  opacity: 0; transform: translateY(50px); transition:all 0.8s ease;}
.gallery_page .visual_sect .img.active{opacity: 1; transform: translateY(0);}
.gallery_page .visual_sect .img img {position: absolute; left: 50%; top: 0; transform: translateX(-50%) ;width: 45%; height: 100%; border-radius: 3rem; object-fit: cover; object-position: center;}
.gallery_page .visual_sect .txt_wrap {display: flex; justify-content: space-between; margin-top: 4rem; padding-right: 6rem;}

.gallery_page .visual_sect .txt_wrap .tit {font-size: var(--txt0); font-weight: 700; opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease-in-out 0s , transform 0.6s ease-in-out 0s;}
.gallery_page .visual_sect .txt_wrap .txt_box{width: 40%;}
.gallery_page .visual_sect .txt_wrap .txt_box .txt {font-weight: 500; opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease-in-out 0.2s , transform 0.6s ease-in-out 0.2s;}
.gallery_page .visual_sect .txt_wrap .txt_box .txt + .txt {margin-top: 3rem;  transition: opacity 0.6s ease-in-out 0.4s , transform 0.6s ease-in-out 0.4s;}
.gallery_page .visual_sect .txt_wrap .txt_box .name_txt {margin-top: 8rem; font-family: "Noto Serif KR", serif;  opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease-in-out 0.6s , transform 0.6s ease-in-out 0.6s;}
.gallery_page .visual_sect .txt_wrap .enter_btn_box {margin-top: 3rem;  opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease-in-out 0.8s , transform 0.6s ease-in-out 0.8s;}

.gallery_page .visual_sect .sect_tit .tit{ font-size: var(--tit3); font-weight: 700; line-height: 1.5;}

.gallery_page .visual_sect .top_wrap{display: flex; justify-content: space-between; align-items: center}
.gallery_page .visual_sect .top_wrap .sect_tit .tit + .tit{margin-top: 4rem;}
.gallery_page .visual_sect .top_wrap .img{width: 38%; padding-top: 43.6%;}
.gallery_page .visual_sect .top_wrap .img img{width: 100%; left: unset; transform: translateX(0);}

/* 
.gallery_page .visual_sect .sect_tit { font-size: var(--txt0); font-weight: 700;}
.gallery_page .visual_sect .sect_tit .txt{background: linear-gradient(to right, rgb(0,0,0) 50%, #D5D5D5 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;display: inline; transition: 2s linear 0.2s;}
.gallery_page .visual_sect .img {position: relative; overflow: hidden; padding-top: 35%; border-radius: 3rem; margin-top: 4rem; clip-path: inset(0 35% 0 35%); transition: clip-path 0.6s ease-in-out;}
.gallery_page .visual_sect .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.gallery_page .visual_sect .txt_wrap {display: flex; justify-content: space-between; margin-top: 4rem; padding-right: 6rem;}
.gallery_page .visual_sect .txt_wrap .tit {font-size: var(--txt0); font-weight: 700; opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease-in-out 0s , transform 0.6s ease-in-out 0s;}
.gallery_page .visual_sect .txt_wrap .txt_box .txt {font-weight: 500; opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease-in-out 0.2s , transform 0.6s ease-in-out 0.2s;}
.gallery_page .visual_sect .txt_wrap .txt_box .txt + .txt {margin-top: 3rem;  transition: opacity 0.6s ease-in-out 0.4s , transform 0.6s ease-in-out 0.4s;}
.gallery_page .visual_sect .txt_wrap .txt_box .name_txt {margin-top: 8rem; font-family: "Noto Serif KR", serif;  opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease-in-out 0.6s , transform 0.6s ease-in-out 0.6s;}
.gallery_page .visual_sect .txt_wrap .enter_btn_box {margin-top: 3rem;  opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease-in-out 0.8s , transform 0.6s ease-in-out 0.8s;}
 */

.gallery_page .visual_sect.active .img {clip-path : inset(0)}
.gallery_page .visual_sect.active .sect_tit .txt {background-position-x: 0%;}
.gallery_page .visual_sect .txt_wrap.active .txt_box .enter_btn_box,
.gallery_page .visual_sect .txt_wrap.active .txt_box .name_txt,
.gallery_page .visual_sect .txt_wrap.active .txt_box .txt,
.gallery_page .visual_sect .txt_wrap.active .tit {opacity: 1; transform: unset;}


.gallery_page .form_sect{padding-top: 12rem;}
.gallery_page .form_sect .sect_tit{font-size:var(--tit); font-weight: 700; padding: 8rem 0;}

.list_form .search_box {display: flex; justify-content: flex-end; margin-bottom: 7rem;}
.list_form .search_box .sch_inp {display: flex;align-items: center;justify-content: space-between;width: 40rem; height: 2.3em;  border-bottom: 1px solid #000; line-height: 2em; font-size: var(--txt1);}
.list_form .search_box .sch_inp input {width: 100%;margin-right: 10px; padding-bottom: 3px;}
.list_form .search_box .sch_inp input::placeholder{font-size:0.9em; color:#aaa; font-weight: 600; transition: color 0.2s ease-in-out;}
.list_form .search_box .sch_inp input:focus::placeholder {color:#000;}
.list_form .search_box .sch_inp input + .btn svg path{transition: fill 0.2s ease-in-out;}
.list_form .search_box .sch_inp input:focus + .btn svg path {fill: var(--blue);}
.list_form .search_box .sch_inp .btn {width: 1.2em; height: 1.2em; }
.list_form .search_box .sch_inp .btn svg {width: 100%;}

/*.gallery_page .list_form .list_box {margin-top: 7rem;}*/
.gallery_page .list_form .list_box .list {display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 7rem 3rem;}
.gallery_page .list_form .list_box .list a {display: block;}
.gallery_page .list_form .list_box .list .img {position: relative; padding-top: 145%; overflow: hidden; border-radius: 3rem;}
.gallery_page .list_form .list_box .list .img img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-position: center; object-fit: cover; transition: transform 0.3s ease-in-out;}
.gallery_page .list_form .list_box .list .img:hover img {transform: translate(-50%,-50%) scale(1.1);}
.gallery_page .list_form .list_box .list .txt_box {display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 2rem; width: 100%;text-align: center; min-width: 0;}
.gallery_page .list_form .list_box .list .txt_box .tit {font-size: var(--txt1); font-weight: 700; line-height: 1.4; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.gallery_page .list_form .list_box .list .txt_box .txt {display: flex; align-items: center; margin-top: 0.5rem;max-width: 100%;}
.gallery_page .list_form .list_box .list .txt_box .txt .school {font-size: var(--smTxt1); flex: 1; min-width: 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.gallery_page .list_form .list_box .list .txt_box .txt .name {font-weight: 600; margin-left: 1rem;}

.gallery_page .list_form .list_box.list_horiz .img {padding-top: 70%; border-radius: 2rem;}

.gallery_page .list_form .more_btn{margin-top: 6.4rem;}
.gallery_page .list_form .more_btn .btn {display: flex; align-items: center; padding:0.7em 1.6em; font-size: var(--txt3); font-weight: 700; background-color: transparent; margin:0 auto; border: 1px solid #000; color: #000; border-radius: 5em; transition: background-color 0.3s ease-in-out , fill 0.3s ease-in-out , color 0.3s ease-in-out;}
.gallery_page .list_form .more_btn .btn:hover{background-color: #000; color:#fff; }
.gallery_page .list_form .more_btn .btn:after{content:''; position: relative; width:1.3em; height:1.3em; margin-left: 0.8em ; transition: background 0.3s ease-in-out; background:url('data:image/svg+xml,<svg viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 22.75C8.54688 22.75 4.9375 20.6875 2.96094 17.25C0.984375 13.8555 0.984375 9.6875 2.96094 6.25C4.9375 2.85547 8.54688 0.75 12.5 0.75C16.4102 0.75 20.0195 2.85547 21.9961 6.25C23.9727 9.6875 23.9727 13.8555 21.9961 17.25C20.0195 20.6875 16.4102 22.75 12.5 22.75ZM13.2305 17.6367L18.043 12.8242L18.7734 12.0938L17.3125 10.6758L16.582 11.4062L13.5312 14.457V6.59375V5.5625H11.4688V6.59375V14.457L8.41797 11.4062L7.6875 10.6758L6.22656 12.0938L6.95703 12.8242L11.7695 17.6367L12.5 18.3672L13.2305 17.6367Z" fill="%23191919"/></svg>') no-repeat center / contain;}
.gallery_page .list_form .more_btn .btn:hover:after{background:url('data:image/svg+xml,<svg viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 22.75C8.54688 22.75 4.9375 20.6875 2.96094 17.25C0.984375 13.8555 0.984375 9.6875 2.96094 6.25C4.9375 2.85547 8.54688 0.75 12.5 0.75C16.4102 0.75 20.0195 2.85547 21.9961 6.25C23.9727 9.6875 23.9727 13.8555 21.9961 17.25C20.0195 20.6875 16.4102 22.75 12.5 22.75ZM13.2305 17.6367L18.043 12.8242L18.7734 12.0938L17.3125 10.6758L16.582 11.4062L13.5312 14.457V6.59375V5.5625H11.4688V6.59375V14.457L8.41797 11.4062L7.6875 10.6758L6.22656 12.0938L6.95703 12.8242L11.7695 17.6367L12.5 18.3672L13.2305 17.6367Z" fill="%23ffffff"/></svg>') no-repeat center / contain;}



/* 전시관_제 5관 */
.gallery_page .narr_sect{background:#f8f8f8; padding: 5rem 0 10rem;}
.gallery_page .narr_sect .tit{font-size: var(--txt0); font-weight: 700;}

.gallery_page .narr_sect .slide_cont{position:relative; margin-top: 4rem;}
.gallery_page .narr_sect .slide_cont .item{display: flex;}
.gallery_page .narr_sect .slide_cont .item .video_wrap{position:relative; display: block; flex-shrink: 0; padding-top: 30%; border-radius: 2.4rem; overflow: hidden; width: 53.4%; background:gray; margin-right: 8rem; cursor: pointer;}
.gallery_page .narr_sect .slide_cont .item .video_wrap .img_box{position: absolute; width: 101%; height: 101%; top: -0.5%; left: -0.5%;}
.gallery_page .narr_sect .slide_cont .item .video_wrap .img_box img{width: 100%; height: 100%;  object-fit: cover; object-position: center; transition: transform 0.3s ease-in-out;}
.gallery_page .narr_sect .slide_cont .item .video_wrap:hover .img_box img{transform: scale(1.05);}
.gallery_page .narr_sect .slide_cont .item .video_wrap .play_btn{position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; left:50%; transform: translate(-50%, -50%); width:3.5em; height:3.5em; background: rgba(0, 0, 0, 0.80); backdrop-filter: blur(2px); border-radius: 50%;}
.gallery_page .narr_sect .slide_cont .item .video_wrap .play_btn svg{width: 25%; height: 25%;}

.gallery_page .narr_sect .slide_cont .item .txt_wrap .badge{display: inline-block; background-color: #000; color:#fff; font-weight: 600; font-size:var(--txt3); padding: 0.5em 0.8em; line-height: 1; border-radius: 0.8rem;}
.gallery_page .narr_sect .slide_cont .item .txt_wrap .name{font-size:var(--smTit); font-weight: 600; margin-top: 2.8rem;}
.gallery_page .narr_sect .slide_cont .item .txt_wrap .name .job{font-size:0.5em; margin-left: 0.2em;}
.gallery_page .narr_sect .slide_cont .item .txt_wrap .txt_box p{font-size: var(--txt3); margin-top:1.3rem;}


.gallery_page .narr_sect .slide_btn_wrap {position:absolute; bottom: 2rem; left:calc(54% + 8rem); display: flex; align-items: center; z-index: 2;}
.gallery_page .narr_sect .slide_btn_wrap .paging_wrap { position: relative; display: flex; align-items: center; justify-content: flex-start; width: 18rem; }
.gallery_page .narr_sect .slide_btn_wrap .paging_wrap .progress { position: relative; width: calc(100% - 2.6em); margin-left: 1.3em; height: 1px; background-color: #D9D9D9; }
.gallery_page .narr_sect .slide_btn_wrap .paging_wrap .progress .bar { position: absolute; left: 0; top: 0; width: 0; height: 200%; background-color: #000; transition: width 0.5s; }
.gallery_page .narr_sect .slide_btn_wrap .paging_wrap .paging { font-size: var(--txt2); position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; }
.gallery_page .narr_sect .slide_btn_wrap .paging_wrap .paging .current { color: #000; font-weight: 700; }
.gallery_page .narr_sect .slide_btn_wrap .paging_wrap .paging .total { color: #AFAFAFCC; }

.gallery_page .narr_sect .slide_btn_wrap .btn_box {display: flex; margin-left: 2.4rem;}
.gallery_page .narr_sect .slide_btn_wrap .btn_box .swiper_btn{width: 14px; height:14px; cursor: pointer;}
/* .gallery_page .narr_sect .slide_btn_wrap .btn_box .swiper_btn {width: 6.5rem; height: 6.5rem; border: 1px solid #BFBFBF; border-radius: 50%; display: flex; align-items: center; justify-content: center; fill: #BFBFBF; 
    transition:border-color 0.3s ease-in-out , background-color 0.3s ease-in-out , fill 0.3s ease-in-out; cursor: pointer;} */
.gallery_page .narr_sect .slide_btn_wrap .btn_box .swiper_btn + .swiper_btn {margin-left: 2rem;}
.gallery_page .narr_sect .slide_btn_wrap .btn_box .swiper_btn svg {display: block; width: 100%; height: auto; }
.gallery_page .narr_sect .slide_btn_wrap .btn_box .swiper_btn svg path{transition:stroke 0.3s ease-in-out;}
.gallery_page .narr_sect .slide_btn_wrap .btn_box .swiper_btn:hover svg path{stroke: #000;}
/* .gallery_page .narr_sect .slide_btn_wrap .btn_box .swiper_btn:hover {border-color: #000; background-color: #000; fill: #fff;} */


.gallery_page .list_form .info_box{font-size: var(--txt3); display: flex; justify-content: center; align-items: center; background-color: #f8f8f8; border-radius: 1.2rem; padding: 0.6em 0.8em; margin: 1.6rem 4% 0;}
.gallery_page .list_form .info_box .label{display: flex; align-items: center; font-size:13px; font-weight: 500; background-color: #000; border-radius: 5px; padding: 4px 5px; color:#fff; line-height: 1;}
.gallery_page .list_form .info_box .name_box{display: flex; align-items: center; font-size:var(--txt3); font-weight: 600; margin-left: 5px;}
.gallery_page .list_form .info_box .name_box .job{font-size:0.9em; font-weight: 400; margin-left: 3px; margin-top: 3px;}
.gallery_page .list_form .info_box .thum{flex-shrink: 0; width:3em; height:3em; border-radius: 50%; overflow: hidden; margin-right: 0.9rem;}
.gallery_page .list_form .info_box .thum img{width: 100%; height: 100%; object-fit: cover;}




/* 전시관 게시글 */
.view_page .view_sect{background: #F8F8F8; padding : 8rem 0 4rem;}
.view_page .in{max-width: calc(1200px + calc(var(--inPd) * 2));}
.view_page .view_sect .img_box{}
.view_page .view_sect .img_box img{width: 100%; border-radius: 2.4rem; overflow: hidden;}

.view_page .view_sect .cont_wrap{ display: grid; grid-template-columns: 70% auto; gap:4em; align-items: start;}

.view_page .view_sect .txt_box{position:relative; height: 100%; display: flex; flex-direction: column; justify-content: space-between; max-height: 100%; min-height:0;} /*contain:size;*/
.view_page .view_sect .txt_box .default_area{padding-top: 4rem;}
.view_page .view_sect .txt_box .tags{display: flex;}
.view_page .view_sect .txt_box .tag {display: inline-flex; align-items: center; font-size: var(--smTxt1); padding: 0.64rem 1.2rem; background: rgba(247, 145, 149, 0.99); color:#fff; font-weight: 700; border-radius: 0.8rem;
    line-height: 1;}
.view_page .view_sect .txt_box .tag + .tag{margin-left: 0.8rem;}
.view_page .view_sect .txt_box .tag .ico{width: 1.5em; height: 1.5em; margin-right: 0.5em;}
.view_page .view_sect .txt_box .tag.type1{background-color: #75C9F2;} /* 글꿈상 / 글아름상 / 글봄상 / 글꽃상 */
.view_page .view_sect .txt_box .tag.type1 .ico{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35" fill="none"><circle cx="17" cy="17" r="17" fill="white"/><path d="M19.1603 4.07638C18.5462 3.98473 17.9412 4.2047 17.4371 5.00212C16.9605 4.18637 16.3739 3.9389 15.7506 4.01222C14.6141 4.14054 13.8075 5.27709 14.2108 8.86087C14.6232 12.4447 16.0898 17.1283 17.2263 17C18.3628 17.165 19.9943 12.5363 20.5259 8.97086C21.0576 5.40541 20.2968 4.24137 19.1603 4.07638Z" fill="%2345C2FF"/><path d="M11.9188 10.1259C9.09579 7.8803 7.71177 7.96279 6.99685 8.86103C6.60273 9.34681 6.5019 9.97924 6.94186 10.8225C5.99779 10.8225 5.49368 11.2166 5.23704 11.7849C4.77875 12.8389 5.35619 14.1038 8.665 15.5428C11.9738 16.9818 16.7675 18.0542 17.2258 17.0002C17.9407 16.1019 14.751 12.3715 11.9188 10.1259Z" fill="%2345C2FF"/><path d="M17.2252 17C16.8036 15.9367 11.9824 16.835 8.61863 18.1548C5.25482 19.4747 4.64072 20.7212 5.06235 21.7844C5.29149 22.3619 5.78643 22.7743 6.7305 22.811C6.26305 23.6359 6.34554 24.2683 6.72133 24.7725C7.3996 25.6982 8.78361 25.8265 11.6891 23.6817C14.5947 21.537 17.9126 17.9257 17.2252 17Z" fill="%2345C2FF"/><path d="M20.2421 25.139C19.8296 21.5552 18.3631 16.8716 17.2266 16.9999C16.09 16.8349 14.4585 21.4636 13.9269 25.029C13.3953 28.5945 14.1561 29.7585 15.2926 29.9235C15.9067 30.0152 16.5116 29.7952 17.0158 28.9978C17.4924 29.8135 18.079 30.061 18.7022 29.9877C19.8388 29.8594 20.6454 28.7228 20.2421 25.139Z" fill="%2345C2FF"/><path d="M25.7855 18.4574C22.4767 17.0184 17.6831 15.946 17.2248 17.0001C16.5098 17.8983 19.6995 21.6287 22.5317 23.8743C25.3547 26.1199 26.7387 26.0374 27.4537 25.1392C27.8478 24.6534 27.9486 24.021 27.5087 23.1777C28.4527 23.1777 28.9568 22.7836 29.2135 22.2153C29.6718 21.1613 29.0943 19.8964 25.7855 18.4574Z" fill="%2345C2FF"/><path d="M29.3891 12.2061C29.16 11.6287 28.665 11.2162 27.721 11.1796C28.1884 10.3547 28.1059 9.72223 27.7301 9.21812C27.0519 8.29239 25.6679 8.16407 22.7623 10.3088C19.8568 12.4536 16.5388 16.0649 17.2263 16.9906C17.6479 18.0538 22.469 17.1556 25.8328 15.8357C29.1875 14.5159 29.8107 13.2694 29.3891 12.2061Z" fill="%2345C2FF"/><path d="M17.2349 13.5352C19.1047 13.5352 20.6079 15.0475 20.6079 16.9081C20.6079 18.7688 19.1047 20.2811 17.2441 20.2811C15.3834 20.2811 13.8711 18.7688 13.8711 16.9081C13.8711 15.0475 15.3743 13.5352 17.2349 13.5352Z" fill="%23EEFAFF"/></svg>') no-repeat center / contain;}
.view_page .view_sect .txt_box .tag.type2{background-color: rgba(247, 145, 149, 0.99);}
.view_page .view_sect .txt_box .tag.type2 .ico{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35" fill="none"><circle cx="17" cy="17" r="17" fill="white"/><path d="M20.2614 13.061C20.2614 15.2324 18.7985 17 17.008 17C15.2023 17 13.7471 15.2324 13.7471 13.061V8.93905C13.7471 6.76 15.2023 5 17.008 5C18.7985 5 20.2614 6.76 20.2614 8.93905V13.0686V13.061Z" fill="%23FF8383"/><path d="M20.2526 25.0609C20.2526 27.2399 18.7897 28.9999 16.9916 28.9999C15.1935 28.9999 13.7383 27.2323 13.7383 25.0609V20.9314C13.7383 18.7599 15.1935 16.9923 16.9992 16.9923C18.7897 16.9923 20.2526 18.7523 20.2526 20.9314V25.0533V25.0609Z" fill="%23FF8383"/><path d="M16.5191 11.9105C18.0506 13.4496 18.2715 15.7277 17.0068 16.9924C15.7344 18.2648 13.4563 18.0515 11.9172 16.5124L8.99913 13.5943C7.46008 12.0553 7.24675 9.7772 8.51151 8.50481C9.78389 7.23243 12.062 7.45339 13.601 8.98481L16.5191 11.9029V11.9105Z" fill="%23FF8383"/><path d="M24.9982 20.3981C26.5373 21.9372 26.7506 24.2153 25.4782 25.4877C24.2059 26.7524 21.9278 26.5391 20.3963 25.0077L17.4782 22.0896C15.9392 20.5505 15.7259 18.2724 16.9982 17C18.2706 15.7353 20.5487 15.9486 22.0878 17.4877L24.9982 20.4057V20.3981Z" fill="%23FF8383"/><path d="M13.0686 13.739C15.24 13.739 17 15.2019 17 16.9923C17 18.7981 15.2324 20.2533 13.061 20.2533H8.93905C6.76 20.2533 5 18.7981 5 17C5 15.2019 6.76 13.7466 8.93905 13.7466H13.0686V13.739Z" fill="%23FF8383"/><path d="M25.061 13.7466C27.24 13.7466 29 15.2018 29 17.0075C29 18.798 27.2324 20.2532 25.061 20.2609H20.9315C18.76 20.2609 16.9924 18.798 17 16.9999C17 15.2094 18.76 13.7542 20.9391 13.7466H25.061Z" fill="%23FF8383"/><path d="M11.9113 17.4801C13.4427 15.9486 15.7284 15.7277 16.9932 17.0001C18.2655 18.2724 18.0522 20.5505 16.5132 22.0896L13.5951 25.0077C12.056 26.5467 9.77793 26.7677 8.50555 25.4953C7.23317 24.2229 7.45412 21.9448 8.98555 20.4058L11.9036 17.4877L11.9113 17.4801Z" fill="%23FF8383"/><path d="M20.3979 9.00011C21.9369 7.46106 24.215 7.24773 25.4874 8.51249C26.7522 9.77725 26.5388 12.063 25.0074 13.5944L22.0893 16.5125C20.5579 18.0515 18.2722 18.2649 16.9998 16.9925C15.735 15.7277 15.9484 13.4496 17.4874 11.9106L20.4055 9.00011H20.3979Z" fill="%23FF8383"/><path d="M16.9993 14.1962C18.5536 14.1962 19.8031 15.4533 19.8031 17C19.8031 18.5466 18.5536 19.8038 17.0069 19.8038C15.4603 19.8038 14.2031 18.5466 14.2031 17C14.2031 15.4533 15.4526 14.1962 16.9993 14.1962Z" fill="white"/></svg>') no-repeat center / contain;}
.view_page .view_sect .txt_box .tag.type3{background-color: #7AD889;}
.view_page .view_sect .txt_box .tag.type3 .ico{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35" fill="none"><circle cx="17" cy="17" r="17" fill="white"/><path d="M16.4926 17.1905C18.3226 17.1905 23.1083 14.2865 23.1083 9.14862C23.1083 6.7773 21.0892 3.58976 16.4926 5.67755C11.9046 3.59835 9.87695 6.7773 9.87695 9.14862C9.87695 14.2951 14.654 17.1905 16.4926 17.1905Z" fill="%234CD262"/><path d="M16.7073 17.3538C17.2744 15.6096 15.9942 10.1711 11.0969 8.5816C8.8459 7.8513 5.18581 8.7878 5.75286 13.7968C2.35912 17.517 4.75622 20.4296 7.01585 21.1599C11.9046 22.7494 16.1489 19.0979 16.7073 17.3538Z" fill="%234CD262"/><path d="M16.9225 17.1904C15.4447 16.1165 9.86867 15.6525 6.84438 19.8109C5.45251 21.7269 5.22054 25.4901 10.1522 26.5039C12.6438 30.8857 16.1492 29.4938 17.5411 27.5779C20.5654 23.4195 18.4003 18.2558 16.9225 17.1818V17.1904Z" fill="%234CD262"/><path d="M16.8353 16.9414C15.3576 18.0154 13.1924 23.1705 16.2167 27.3375C17.6086 29.2534 21.114 30.6453 23.6056 26.2635C28.5459 25.2497 28.3053 21.4865 26.9135 19.5705C23.8892 15.4121 18.3217 15.8675 16.8353 16.95V16.9414Z" fill="%234CD262"/><path d="M16.5689 16.9412C17.1359 18.6853 21.3717 22.3282 26.2604 20.7473C28.5114 20.017 30.9171 17.1044 27.5234 13.3842C28.0818 8.3752 24.4303 7.4387 22.1793 8.169C17.2906 9.75847 16.0104 15.2056 16.5689 16.9412Z" fill="%234CD262"/><path d="M16.6384 15.4033C17.2553 15.4033 17.7553 14.9032 17.7553 14.2864C17.7553 13.6695 17.2553 13.1694 16.6384 13.1694C16.0215 13.1694 15.5215 13.6695 15.5215 14.2864C15.5215 14.9032 16.0215 15.4033 16.6384 15.4033Z" fill="white"/><path d="M14.6111 21.2456C15.2279 21.2456 15.728 20.7455 15.728 20.1286C15.728 19.5118 15.2279 19.0117 14.6111 19.0117C13.9942 19.0117 13.4941 19.5118 13.4941 20.1286C13.4941 20.7455 13.9942 21.2456 14.6111 21.2456Z" fill="white"/><path d="M19.7827 20.1286C19.7827 20.7473 19.2844 21.2456 18.6658 21.2456C18.0472 21.2456 17.5488 20.7473 17.5488 20.1286C17.5488 19.51 18.0472 19.0117 18.6658 19.0117C19.2844 19.0117 19.7827 19.51 19.7827 20.1286Z" fill="white"/><path d="M14.4389 16.4602C14.4389 17.0788 13.9406 17.5771 13.322 17.5771C12.7034 17.5771 12.2051 17.0788 12.2051 16.4602C12.2051 15.8416 12.7034 15.3433 13.322 15.3433C13.9406 15.3433 14.4389 15.8416 14.4389 16.4602Z" fill="white"/><path d="M19.9548 17.5771C20.5717 17.5771 21.0717 17.0771 21.0717 16.4602C21.0717 15.8433 20.5717 15.3433 19.9548 15.3433C19.338 15.3433 18.8379 15.8433 18.8379 16.4602C18.8379 17.0771 19.338 17.5771 19.9548 17.5771Z" fill="white"/></svg>') no-repeat center / contain;}
.view_page .view_sect .txt_box .tag.type4{background-color: #B28CE9;}
.view_page .view_sect .txt_box .tag.type4 .ico{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35" fill="none"><circle cx="17" cy="17" r="17" fill="white"/><path d="M21.2826 9.3122C21.2826 12.8477 17.11 16.8139 17.11 16.8139C17.11 16.8139 12.9374 12.8477 12.9374 9.3122C12.9374 5.77672 14.8218 4 17.11 4C19.3982 4 21.2826 5.76774 21.2826 9.3122Z" fill="%239F6EE5"/><path d="M9.3122 12.9374C12.8477 12.9374 16.8139 17.11 16.8139 17.11C16.8139 17.11 12.8477 21.2826 9.3122 21.2826C5.77672 21.2826 4 19.3982 4 17.11C4 14.8218 5.76774 12.9374 9.3122 12.9374Z" fill="%239F6EE5"/><path d="M12.9374 24.9078C12.9374 21.3723 17.11 17.4061 17.11 17.4061C17.11 17.4061 21.2826 21.3723 21.2826 24.9078C21.2826 28.4433 19.3982 30.22 17.11 30.22C14.8218 30.22 12.9374 28.4523 12.9374 24.9078Z" fill="%239F6EE5"/><path d="M24.9078 21.2826C21.3723 21.2826 17.4061 17.11 17.4061 17.11C17.4061 17.11 21.3723 12.9374 24.9078 12.9374C28.4433 12.9374 30.22 14.8307 30.22 17.11C30.22 19.3892 28.4523 21.2826 24.9078 21.2826Z" fill="%239F6EE5"/><path d="M17.0563 13.9155C18.8868 13.9155 20.3584 15.3961 20.3584 17.2177C20.3584 19.0393 18.8868 20.5199 17.0652 20.5199C15.2437 20.5199 13.7631 19.0393 13.7631 17.2177C13.7631 15.3961 15.2347 13.9155 17.0563 13.9155Z" fill="white"/></svg>') no-repeat center / contain;}
.view_page .view_sect .txt_box .tag.org{background-color: #E6E3E2; color:#535353; white-space: nowrap;}

.view_page .view_sect .txt_box .tit{font-size: var(--smTit); font-weight: 700; margin-top: 1.5rem; line-height: 1.5;}
.view_page .view_sect .txt_box .info{font-size: var(--txt1); font-weight: 600; margin-top: 0.5rem;}
.view_page .view_sect .txt_box .info .from{font-size: 0.72em; font-weight: 400; }

/* 설명글 추가 */
/*.view_page .view_sect .txt_box .default_area,*/
/*.view_page .view_sect .txt_box .play_area {flex:0 0 auto;}*/
/*.view_page .view_sect .txt_box .desc_box{position:relative; font-size:var(--smTxt1); min-height:0; overflow:auto; margin-top:4.3rem;} */
/*.view_page .view_sect .txt_box .desc_box::after {content: "";position: absolute;display:block;bottom: 0;left: 0;width: 100%;height: 40px;background: linear-gradient(to bottom, rgba(248,248,248,0), rgba(248,248,248,1));pointer-events: none;transition: opacity 0.3s;}*/
/*.view_page .view_sect .txt_box .desc_box.hide-gradient::after {opacity: 0;}*/
/*.view_page .view_sect .txt_box .desc_box::-webkit-scrollbar {width: 4px; height: 4px;}*/
/*.view_page .view_sect .txt_box .desc_box::-webkit-scrollbar-track {background: transparent; border-radius: 5px;}*/
/*.view_page .view_sect .txt_box .desc_box::-webkit-scrollbar-thumb {background: rgba(0,0,0,0.2); border-radius: 5px;}*/

/* 제 4관 */
.sub_place-4 .view_page .view_sect .cont_wrap{grid-template-columns: 1fr; gap:4rem;}
.sub_place-4 .view_page .view_sect .txt_box{flex-direction: row; justify-content: flex-start;}
/*.sub_place-4 .view_page .view_sect .txt_box .txt_in{width: 55%; padding-right: 5%;}*/
.sub_place-4 .view_page .view_sect .txt_box .txt_in{width: 100%; display:flex; justify-content: space-between;}
.sub_place-4 .view_page .view_sect .narration{margin-top: 0;}
.sub_place-4 .view_page .view_sect .txt_box .desc_box{margin-top: 0;}
.sub_place-4 .view_page .view_sect .txt_box{contain:unset;}
.sub_place-4 .view_page .view_sect .txt_box .default_area{padding-top: 0;}


.view_page .view_sect .narration{font-size:var(--txt3); background-color: #fff; border-radius: 1.2rem; padding: 1.1em; margin-top: 4rem; max-width: max-content;}
.view_page .view_sect .play_area.with_video{position: absolute; bottom: 0; left: 0;}
.view_page .view_sect .play_area.with_video .narration{padding:0.6em 1.1em;}

.view_page .view_sect .narration .info_box{display: flex; align-items: center;}
.view_page .view_sect .narration .info_box .label{display: flex; align-items: center; font-size:13px; font-weight: 500; background-color: #000; border-radius: 5px; padding: 4px 5px; color:#fff; line-height: 1;}
/* .view_page .view_sect .narration .info_box .label .ico {display: inline-block; margin-right: 5px; margin-bottom: 0.1em;} */
/* .view_page .view_sect .narration .info_box .label .ico svg{display: block; width: 1.2em;} */
.view_page .view_sect .narration .info_box .name_box{display: flex; align-items: center; font-size:var(--txt3); font-weight: 600; margin-left: 10px; line-height: 1;}
.view_page .view_sect .narration .info_box .name_box .job{font-size:0.9em; font-weight: 400; margin-left: 5px;}
.view_page .view_sect .narration .thum{flex-shrink: 0; width:3em; height:3em; border-radius: 50%; overflow: hidden; margin-right: 1.2rem;}
.view_page .view_sect .narration .thum img{width: 100%; height: 100%; object-fit: cover;}

.view_page .view_sect .narration .play_box{display: flex; align-items: center; margin-top: 1.6rem;}
.view_page .view_sect .narration .play_box .audio_player{ --p:0%; --active:#111; --btn:#111; --btnBg:#fff; --gap:10px; }
.view_page .view_sect .narration .play_box .audio_player{ display:flex; align-content: center; align-items:center; gap:var(--gap); font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;}
.view_page .view_sect .narration .play_box .audio_player .play_bar{position:relative; width:12rem;}
.view_page .view_sect .narration .play_box .audio_player .play_bar .bar_svg{display:block; width:100%; height:100%}
.view_page .view_sect .narration .play_box .audio_player .play_bar .bar_svg.svg_base{opacity:.2}
.view_page .view_sect .narration .play_box .audio_player .play_bar .bar_svg.svg_fill{position:absolute; inset:0;}
.view_page .view_sect .narration .play_box .audio_player .play_bar .bar_svg.svg_fill path{fill:var(--active) !important}
.view_page .view_sect .narration .play_box .audio_player .play_bar .bar_svg.svg_fill{-webkit-mask-image:linear-gradient(to right,#000 0 var(--p),transparent var(--p) 100%); mask-image:linear-gradient(to right,#000 0 var(--p),transparent var(--p) 100%)}
.view_page .view_sect .narration .play_box .audio_player .play_bar .seek_surface{position:absolute;inset:0;cursor:pointer;background:transparent}
.view_page .view_sect .narration .play_box .audio_player[data-state="seeking"] .play_bar .bar_svg.svg_fill{filter:brightness(.95)}
.view_page .view_sect .narration .play_box .audio_player .ap_btn{width:3rem; height:3rem; appearance:none; background:var(--btnBg); color:var(--btn); cursor:pointer; line-height:1}
.view_page .view_sect .narration .play_box .audio_player .ap_btn svg{display:block; width: 100%; height: 100%;}

.view_page .view_sect .txt_box .video_box {position: relative; max-width: 280px; margin-top: 2rem; border-radius: 1.2rem; overflow: hidden;}
.view_page .view_sect .txt_box .video_box .thum{position: relative; padding-top: 178%; z-index: 1;}
.view_page .view_sect .txt_box .video_box .thum img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; transform: scale(1); transition: transform 0.5s ease;}
.view_page .view_sect .txt_box .video_box .play_btn{ position: absolute; display: flex; align-items: center; justify-content: center; top:50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; width:5.4rem; height:5.4rem; border-radius: 50%; background: rgba(0, 0, 0, 0.80); backdrop-filter: blur(2px);}
.view_page .view_sect .txt_box .video_box .play_btn .ico{width: 34%; height: 34%; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 18" fill="none"><path d="M15 7.26795C16.3333 8.03775 16.3333 9.96225 15 10.7321L3.75 17.2272C2.41667 17.997 0.750001 17.0348 0.750001 15.4952L0.750002 2.50481C0.750002 0.965209 2.41667 0.00295762 3.75 0.772758L15 7.26795Z" fill="white"/></svg>') no-repeat center / contain;}
.view_page .view_sect .txt_box .video_box:hover .thum img{transform: scale(1.1);}

.view_page .view_sect .txt_box .video_box .video{position:absolute; top: 0; left: 0; width:100%; height:100%; display:block; border-radius: 1.3rem; overflow:hidden;}
.view_page .view_sect .txt_box .video_box iframe{position:absolute; top: -1px; left: -1px; width:calc(100% + 2px); height:calc(100% + 2px); display:block;}

.view_page .view_sect .txt_box .video_box.playing .play_btn,
.view_page .view_sect .txt_box .video_box.playing .thum{opacity: 0;pointer-events: none;}


/* .view_page .view_sect .txt_box .right .txt{font-size: var(--txt2);}
.view_page .view_sect .txt_box .right .enter_btn_box{margin-top: 3.2rem;}
.view_page .view_sect .txt_box .right .enter_btn_box .enter_btn{font-size:var(--txt3);} */


.view_page .view_sect .nav_box{width:100%; display: flex; justify-content: space-between; font-size:var(--txt3); margin-top: 15rem;}
.view_page .view_sect .nav_box > button{position:relative; display: flex; align-items: center; padding:0.5rem 0; transition: color 0.3s ease;}
.view_page .view_sect .nav_box > button span + span{margin-left: 1em;}
.view_page .view_sect .nav_box > button .ico svg{display: block; width: 1.3em; height: 1.3em;}
.view_page .view_sect .nav_box > button .ico svg path{transition: stroke 0.3s ease, fill 0.3s ease;}
.view_page .view_sect .nav_box > button .txt{font-weight: 700;}
.view_page .view_sect .nav_box > button::before {content: ""; position: absolute; left: 0; bottom: -3px; width: 0%; height: 2px; background-color: #000; transition: width 0.3s ease-in-out;}
.view_page .view_sect .nav_box > button:hover::before {width: 100%;}

.view_page .view_sect .nav_box > button.none{opacity: 0.2; pointer-events:none;}
.view_page .view_sect .nav_box > button.none::before{display:none;}

.view_page .reaction_sect {padding-top: 9.6rem;}
.view_page .reaction_sect .cont_box{ border-radius: 2.4rem; padding: 7.6rem 4.8rem; text-align: center; transform: translateY(50px); opacity: 0; transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out;} /*border: 1px solid #c0c0c0;*/
.view_page .reaction_sect .cont_box.active{transform: translateY(0); opacity: 1;}
.view_page .reaction_sect .cont_box .tit{font-size: var(--smTit); font-weight: 700;}
.view_page .reaction_sect .cont_box .list{max-width: 92rem; margin: 0 auto; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap:8rem; margin-top: 4rem;}
.view_page .reaction_sect .cont_box .list .item{transition: transform 0.2s ease-in-out;}
.view_page .reaction_sect .cont_box .list .item > .btn_box{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.view_page .reaction_sect .cont_box .list .item .img_box{position: relative; width: 8.8rem; height:8.8rem; transition: transform 0.3s ease-in-out;}
.view_page .reaction_sect .cont_box .list .item .img_box img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.view_page .reaction_sect .cont_box .list .item .txt_box {margin-top: 1.6rem;}
.view_page .reaction_sect .cont_box .list .item .txt_box .txt{color:#A7A7A7; font-size: var(--txt3); font-weight: 600; transition: color 0.3s ease-in-out;}
.view_page .reaction_sect .cont_box .list .item .txt_box .num{ font-size: var(--txt2); font-weight: 700; margin-top: 0.5em;}
.view_page .reaction_sect .cont_box .list .item:hover{transform: translateY(-6px);}
.view_page .reaction_sect .cont_box .list .item:hover .txt_box .txt{color:var(--blue)}

.view_page .reaction_sect .cta_cont{display:flex; flex-direction: column; align-items: center;  margin-top: 8rem; text-align: center;}
.view_page .reaction_sect .cta_cont > *{transform: translateY(30px); opacity: 0; transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;}
.view_page .reaction_sect .cta_cont.active > *{transform: translateY(0); opacity: 1;}
.view_page .reaction_sect .cta_cont .txt{font-size:var(--txt1); font-weight: 700;}
.view_page .reaction_sect .cta_cont .enter_btn_box{margin-top: 2.4rem; transition-delay:0.4s;}



.sub_tit_box .tit {font-size:var(--tit3); font-weight: 700;}
.sub_tit_box .txt{font-size:var(--txt2); margin-top: 1.6rem; transition-delay: 0.4s;}
.sub_tit_box > *{opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease-in-out 0.2s, transform 0.6s ease-in-out 0.2s;}
.sub_tit_box.active > *{opacity: 1; transform: unset;}
.sub_tit_box .txt + .txt{margin-top: 2.5rem;}
.sub_tit_box .enter_btn_box{margin-top: 5rem; transition-delay: 0.6s;}
.sub_tit_box .enter_btn_box .enter_btn{font-size: var(--txt3);}

.event_page .visual_sect{background: linear-gradient(105deg, #FF7172 22.86%, #FF9E5E 69.82%);}
.event_page .visual_sect .in{display: flex; justify-content: space-between; align-items: flex-end;}
.event_page .visual_sect .sub_tit_box{color:#fff; padding: 10rem 0 ; margin-right: 5rem;}
.event_page .visual_sect .sub_tit_box .enter_btn_box{margin-top: 12rem;}
.event_page .visual_sect .img_box{position: relative; display: flex; justify-content: space-between; align-items: flex-start; width: 43%; flex-shrink: 0}
.event_page .visual_sect .img_box .heart{width: 16%; padding-top: 15%; animation: bounceUpDown 2s ease-in-out infinite;}
.event_page .visual_sect .img_box .people{width: 40%; margin-top:auto;}
.event_page .visual_sect .img_box .heart2{width: 30%; padding-top: 40%; animation: bounceUpDown 3s ease-in-out infinite;}
/* .event_page .visual_sect .img_box .img{width: 100%; height: 100%; right: 0; bottom: 0; object-fit: cover;} */

.event_page .info_sect{padding-top: var(--subSectPd);}
.event_page .info_sect .info_cont {display: grid; grid-template-columns: 30% auto; gap:6.4rem}
.event_page .info_sect .info_cont + .info_cont{margin-top: 15rem;}

.event_page .info_sect .info_cont .tit_box .label{font-size:var(--txt0); font-weight: 700; line-height: 1.3;}
.event_page .info_sect .info_cont .tit_box .tit{font-size:var(--tit3); font-weight: 700; line-height: 1.3; margin-top: 1.6rem;}
.event_page .info_sect .info_cont .tit_box .txt{font-size:var(--txt3); font-weight: 500; line-height: 1.3; margin-top: 3rem;}

.event_page .info_sect .info_cont .step_list{display: flex; align-items: center; justify-content: space-between;}
.event_page .info_sect .info_cont .step_list .item{position: relative; padding-top: calc((100% + 3.2rem * 2) / 3); width: calc((100% + 3.2rem * 2) / 3); height: 100%; background-color: #F8F8F8; border-radius: 50%; mix-blend-mode: multiply;
    opacity: 0; transform: translateX(-50px); transition: opacity 0.6s ease-in-out 0.2s, transform 0.6s ease-in-out 0.2s;}
.event_page .info_sect .info_cont.active .step_list .item{ opacity: 1; transform: translate(0);}
.event_page .info_sect .info_cont .step_list .item:nth-child(2){margin: 0 -3.2rem; transition-delay: 0.4s;}
.event_page .info_sect .info_cont .step_list .item:nth-child(3){transition-delay: 0.6s;}
.event_page .info_sect .info_cont .step_list .item .txt_box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.event_page .info_sect .info_cont .step_list .item .txt_box .num{font-size: var(--txt1); font-weight: 600;}
.event_page .info_sect .info_cont .step_list .item .txt_box .txt{font-size:var(--txt0); font-weight: 700; line-height: 1.5; margin-top: 0.8rem; white-space: nowrap;}
.event_page .info_sect .info_cont .step_list .item .txt_box .info_txt{position: relative; padding-left: 0.5em; color: #444444; font-size: var(--smTxt1); margin-top: 0.8rem; white-space: nowrap; text-align: left;}
.event_page .info_sect .info_cont .step_list .item .txt_box .info_txt:before{content:'·'; position: relative; left: 0;}

.event_page .info_sect .info_cont .open_list{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.6rem;}
.event_page .info_sect .info_cont .open_list .item{opacity: 0; transform: translateX(-50px); transition: opacity 0.6s ease-in-out 0.2s, transform 0.6s ease-in-out 0.2s;}
.event_page .info_sect .info_cont.active .open_list .item{opacity: 1; transform: translate(0);}
.event_page .info_sect .info_cont .open_list .item:nth-child(2){transition-delay: 0.4s;} 
.event_page .info_sect .info_cont .open_list .item:nth-child(3){transition-delay: 0.6s;}
.event_page .info_sect .info_cont .open_list .item .coupon_box{display: flex; flex-direction: column; justify-content: flex-end; height:22.5rem; background: linear-gradient(114deg, #01DE5A 0.86%, #09CD82 92.8%); border-radius: 1.6rem;}
.event_page .info_sect .info_cont .open_list .item:nth-child(2) .coupon_box{ background: linear-gradient(297deg, #1C2128 1.29%, #474E56 97.83%); color:#01DE5A;} 
.event_page .info_sect .info_cont .open_list .item:nth-child(3) .coupon_box{ background: linear-gradient(116deg, #F1F1F1 2.55%, #EAEAEA 96.44%);}
.event_page .info_sect .info_cont .open_list .item .coupon_box .logo{display: flex; justify-content: center; align-items: center; width: 100%; height:100%;}
.event_page .info_sect .info_cont .open_list .item .coupon_box .logo svg{display:block; width: 11rem;}
.event_page .info_sect .info_cont .open_list .item .coupon_box .btm_txt{width: 100%; display: flex; justify-content: space-between; padding:0 0.8rem 1.4rem 2.2rem;}
.event_page .info_sect .info_cont .open_list .item .coupon_box .btm_txt .txt{font-size:var(--smTxt2); font-weight: 600; line-height: 1.4;}
.event_page .info_sect .info_cont .open_list .item .coupon_box .btm_txt .price{font-size:2.8rem; font-weight: 700; line-height: 1.6;}

.event_page .info_sect .info_cont .open_list .txt_box {text-align: center; margin-top: 2.4rem;}
.event_page .info_sect .info_cont .open_list .txt_box .txt{font-size: var(--txt3); font-weight: 500;}
.event_page .info_sect .info_cont .open_list .txt_box .tit{font-size: 2.8rem; font-weight: 700;}

.event_page .info_sect .info_cont .view_box{position:relative; background-color: #F8F8F8; border-radius: 3.2rem; overflow: hidden; opacity: 0; transform: translateX(-50px); transition: opacity 0.6s ease-in-out 0.2s, transform 0.6s ease-in-out 0.2s;}
.event_page .info_sect .info_cont.active .view_box{opacity: 1; transform: translateX(0);}
.event_page .info_sect .info_cont .view_box + .txt{text-align: right; margin-top: 1.5rem; font-size:var(--txt3);}


.event_page .info_sect .info_list{grid-column: 2; border-radius: 2.4rem; background: #FFF6F6; font-size:var(--smTxt1); color:#DD726E; font-weight: 500; padding: 2.4rem 4.8rem;}
.event_page .info_sect .info_list .item{display: flex;}
.event_page .info_sect .info_list .item + .item{margin-top: 0.5rem;}
.event_page .info_sect .info_list .item .ico{flex-shrink: 0; width: 1em; height: 1em; margin-right: 0.625em; margin-top: 0.35em; background:url('data:image/svg+xml,<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16C6.125 16 3.5 14.5 2.0625 12C0.625 9.53125 0.625 6.5 2.0625 4C3.5 1.53125 6.125 0 9 0C11.8438 0 14.4688 1.53125 15.9062 4C17.3438 6.5 17.3438 9.53125 15.9062 12C14.4688 14.5 11.8438 16 9 16ZM9 4C8.5625 4 8.25 4.34375 8.25 4.75V8.25C8.25 8.6875 8.5625 9 9 9C9.40625 9 9.75 8.6875 9.75 8.25V4.75C9.75 4.34375 9.40625 4 9 4ZM8 11C8 11.5625 8.4375 12 9 12C9.53125 12 10 11.5625 10 11C10 10.4688 9.53125 10 9 10C8.4375 10 8 10.4688 8 11Z" fill="%23DD726E"/></svg>') no-repeat center / contain;}


@keyframes bounceUpDown {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-15px);
    }
  }


.guest_page .form_sect{ padding: 8rem 0; background-color: #F8F8F8;}

/*.guest_page .tit_box > *{opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease-in-out 0.2s, transform 0.6s ease-in-out 0.2s;}*/
/*.guest_page .active .tit_box > *{opacity: 1; transform: unset;}*/
/*.guest_page .tit_box .txt{transition-delay: 0.4s;}*/

.guest_page .form_sect .form_cont{background-color: #fff; border-radius: 2.4rem; padding: 5.6rem 4.8rem; margin-top: 8rem; opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease-in-out 0.8s, transform 0.6s ease-in-out 0.8s;}
.guest_page .form_sect .form_cont.active{opacity: 1; transform: unset;}
.guest_page .form_sect .form_cont .tit{font-size:var(--smTit); font-weight: 700; margin-bottom: 4rem;}

.guest_page .form_sect .form_cont .form_inp {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4rem 1.6rem; }
.guest_page .form_sect .form_cont .form_inp .top_txt{position: relative; font-size: var(--txt2); font-weight: 700; line-height: 1; margin-bottom: 0.8rem;}
.guest_page .form_sect .form_cont .form_inp .top_txt .ess::after { content: "*"; font-size: 1em; color:var(--blue); margin-left: 0.2em;}
.guest_page .form_sect .form_cont .form_inp .inp input{font-size: var(--txt3); height: 3.3em; width: 100%; width: 100%; background-color: #F8F8F8; border-radius: 0.8rem; padding: 0 1.38em;}
.guest_page .form_sect .form_cont .form_inp .inp input::placeholder{color:#A7A7A7; font-weight: 400;}

.guest_page .form_sect .form_cont .form_inp .msg{grid-column: span 3;}
.guest_page .form_sect .form_cont .form_inp .textarea textarea{font-size: var(--txt3); background-color: #F8F8F8; border-radius: 0.8rem; border:none; padding: 1em 1.38em; height: 4.6em; resize: none;}
.guest_page .form_sect .form_cont .form_inp .textarea textarea::placeholder{color:#A7A7A7; font-weight: 400;}

.guest_page .form_sect .form_cont .form_submit{display: flex; align-items: center; justify-content: center; height: 3.3em; width: 100%; font-size: var(--txt3); margin-top: 4rem; background-color: #000; color:#fff; border-radius: 0.8rem; transition: all 0.3s ease;}
.guest_page .form_sect .form_cont .form_submit:hover{background-color: #fff; border:1px solid #000; color:#000;}


.guest_page .form_sect .form_cont .form_priv{margin-top: 4rem; font-size: var(--smTxt1);}
.guest_page .form_sect .form_cont .form_priv .form_chk {display: flex; align-items: center; }
.guest_page .form_sect .form_cont .form_priv .form_chk .chk_box label { display: flex; align-items: center; font-size: 1em; cursor: pointer; }
.guest_page .form_sect .form_cont .form_priv .form_chk .chk_box input + label .ico { display: flex; align-items: center; justify-content: center; margin-right: 0.5em; border-radius: 0.3rem; width:1.4em; height:1.4em; background-color: #fff; background:#CECECE; transition: all 0.3s ease;}
.guest_page .form_sect .form_cont .form_priv .form_chk .chk_box input + label .ico svg{display: block; width: 0.8em;}
.guest_page .form_sect .form_cont .form_priv .form_chk .chk_box input:checked + label .ico{ fill: #fff; background-color: #000;}
.guest_page .form_sect .form_cont .form_priv .form_chk .chk_box input:checked + label .ico path{ fill: #fff;}
.guest_page .form_sect .form_cont .form_priv .form_chk .chk_box + .btn { flex-shrink: 0; margin-left: 0.5em; margin-bottom: 0.1em; font-size: 1em; transition: color 0.3s;}


.guest_page .cheer_sect{display:flex; flex-direction: column; min-height: 100vh; justify-content: space-between; padding-top: 18rem; background: url(/inc/img/sub/guestbook_cheer_bg_star.png) no-repeat top center / cover, linear-gradient(180deg, #3362C3 0%, #E8A7A2 100%);}

.guest_page .cheer_sect .slide_cont{overflow: hidden;}
.guest_page .cheer_sect .slide_cont .swiper-container{width: 105%; margin-left: -2.5%; padding-bottom: 8rem;}
.guest_page .cheer_sect .slide_cont .item{ position:relative; /*height: max(35rem, 300px); */ transition: transform 0.8s ease; border-radius: 2.8rem; overflow: hidden;}
.guest_page .cheer_sect .slide_cont .item_in{position:relative; padding-top: 116%; background-color: #fff; }

.guest_page .cheer_sect .slide_cont .item.swiper-slide[class$=-prev],
.guest_page .cheer_sect .slide_cont .item.swiper-slide[class$=-active] + .item,
.guest_page .cheer_sect .slide_cont .item.swiper-slide[class$=-active] + .item + .item + .item,
.guest_page .cheer_sect .slide_cont .item.swiper-slide[class$=-active] + .item + .item + .item + .item + .item,
.guest_page .cheer_sect .slide_cont .item.swiper-slide[class$=-active] + .item + .item + .item + .item + .item + .item + .item{ transform: translateY(8rem); }

.guest_page .cheer_sect .slide_cont .item .txt_box{position:absolute; width: 100%; height: 100%; top: 0; left: 0;  padding: 4rem 3.2rem;}
.guest_page .cheer_sect .slide_cont .item .txt_box{ display: flex; flex-direction: column; justify-content: space-between;}
.guest_page .cheer_sect .slide_cont .item .txt_box .txt{font-size:max(2rem, 20px); font-weight: 500; word-break: break-all;}
.guest_page .cheer_sect .slide_cont .item .txt_box .txt::-webkit-scrollbar {width: 5px; height: 5px;}
.guest_page .cheer_sect .slide_cont .item .txt_box .txt::-webkit-scrollbar-track {background: transparent; border-radius: 5px;}
.guest_page .cheer_sect .slide_cont .item .txt_box .txt::-webkit-scrollbar-thumb {background: rgba(0,0,0,0.3); border-radius: 5px;}
.guest_page .cheer_sect .slide_cont .item .txt_box .name{font-size:var(--txt3); color:#A2A2A2; font-weight: 500; margin-top: 1rem; text-align: right;}

.guest_page .cheer_sect .slide_cont .item .img img{width: 100%; object-fit: cover;}

.guest_page .cheer_sect .btm_cont {margin-top: 8rem;}
.guest_page .cheer_sect .btm_cont .in{display: flex; justify-content: space-between;}
.guest_page .cheer_sect .btm_cont .sub_tit_box{color:#fff; padding-top: 5.4rem;}
/*.guest_page .cheer_sect .btm_cont .tit_box .tit{font-size: var(--tit3); font-weight: 700; line-height: 1.6;} */
/*.guest_page .cheer_sect .btm_cont .tit_box .txt{font-size:var(--txt2); margin-top: 1.6rem;} */
.guest_page .cheer_sect .btm_cont .img_box{width: 54%; position: relative;}
.guest_page .cheer_sect .btm_cont .img_box img{width: 100%; object-fit: cover;}


.guest_page .list_sect{padding-top: var(--subSectPd);}
/*.guest_page .list_form .list_wrap {margin-top: 5rem;}*/
.guest_page .list_form .list_wrap .list {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 2rem; }
/* .guest_page .list_form .list_wrap .list .item{background-color: #F8F8F8; padding:4rem 3.2rem; border-radius: 2.8rem; height: max(30rem, 320px); height:100 %;} */
.guest_page .list_form .list_wrap .list .item{position:relative; padding-top:112%; background-color: #F8F8F8; border-radius: 2.8rem; height:100%;}
.guest_page .list_form .list_wrap .list .item .txt_box{position:absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; flex-direction: column; justify-content: space-between; padding:4rem 3.2rem;}
.guest_page .list_form .list_wrap .list .item .txt_box .txt{font-size:max(2rem, 20px); font-weight: 500; word-break: break-all;} /*overflow-y: auto;*/
.guest_page .list_form .list_wrap .list .item .txt_box .txt::-webkit-scrollbar {width: 5px; height: 5px;}
.guest_page .list_form .list_wrap .list .item .txt_box .txt::-webkit-scrollbar-track {background: transparent; border-radius: 5px;}
.guest_page .list_form .list_wrap .list .item .txt_box .txt::-webkit-scrollbar-thumb {background: rgba(0,0,0,0.3); border-radius: 5px;}
.guest_page .list_form .list_wrap .list .item .txt_box .name{font-size:var(--txt3); color:#A2A2A2; font-weight: 500; margin-top: 2rem; text-align: right;}

/* pagination */
.pagination { display: flex; align-items: center; justify-content: center; margin-top: 9rem; font-size:var(--txt3);}
.pagination > a { line-height: 1; }
.pagination > a svg { fill: #1c1c1c; transition: all 0.3s; height: 1em; }
.pagination .num_list { display: flex; align-items: center; justify-content: center; margin: 0 2.5rem; }
.pagination .num_list li { position: relative; width: 2.45em; height: 2.45em; margin: 0 0.25rem; border-radius: 50%; text-align: center; transition: all 0.3s; }
.pagination .num_list li a { position: absolute; left: 50%; top: 50%; display: block; width: 100%; height: 100%; transform: translate(-50%, -50%); line-height: 2.45em; transition: all 0.4s; }
.pagination .num_list li a:before { content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; border-radius: 50%; color: #fff; transform: translate(-50%, -50%); transition: all 0.4s; z-index: -1; }
.pagination .num_list li.active a { color: #fff; font-weight: 700; }
.pagination .num_list li.active a:before { background-color: #1c1c1c; }
.pagination .next { margin-right: 2rem; }
.pagination .prev { margin-left: 2rem; }
.pagination .none { opacity: 0.4; cursor: default; }


.empty_box {display: flex; flex-direction: column;align-items: center;justify-content: center;grid-column: 1 / -1;width: 100%;font-size: var(--txt3);}
.empty_box img {opacity: 0.2;width: 14em;margin-top: 8rem;}
.empty_box span {font-size: var(--txt3);font-weight: 500;color: rgba(0, 0, 0, 0.4);margin-top: 3rem;}




@media screen and (max-width: 2000px) {
    .invite_page .visual_sect .bg { width: 54%;}
    .invite_page .visual_sect .bg_cont {width: 30%; left:48%;}
    .view_page .in { max-width: calc(1000px + calc(var(--inPd) * 2)); }
    .view_page .view_sect .cont_wrap { grid-template-columns: 60% auto;}
    /*.sub_place-4 .view_page .view_sect .cont_wrap {grid-template-columns: 68% auto;}*/
    .guest_page .cheer_sect .btm_cont .img_box {width: 48%;}
}



@media screen and (max-width: 1640px) {
    .sub_top .tit_wrap{font-size:5.2rem; margin-top:4rem;}

    .gallery_page .list_form .info_box .thum { width: 2.5em;height: 2.5em;}
    .gallery_page .list_form .info_box .label { font-size: 12px;}

    .guest_page .cheer_sect .slide_cont .item .txt_box,
    .guest_page .list_form .list_wrap .list .item .txt_box{ padding: 3.5rem 2.8rem;}
    .guest_page .cheer_sect .slide_cont .item .txt_box .txt,
    .guest_page .list_form .list_wrap .list .item .txt_box .txt {font-size: 18px;}
    .guest_page .cheer_sect {padding-top: 12rem;}

    .guest_page .form_sect .form_cont{margin-top: 6rem;}

    .event_page .visual_sect .tit_box .txt{margin-top: 2.5rem;}
    .event_page .visual_sect .tit_box .enter_btn_box{margin-top: 6rem;}

}




@media screen and (max-width: 1241px) {
    .sub .header{position: fixed;}
    .container.sub{padding-top: var(--hdH);}
    .sub_top .tit_wrap{font-size:4.8rem; margin-top:4rem;}

    .invite_page .visual_sect{padding:10rem 0 36rem;}
    .invite_page .visual_sect .bg{width:60%; transform: translate(-18%, 15%);}
    .invite_page .visual_sect .bg_cont{width:32%; left:52%; transform: translate(-50%,70%) rotate(10deg);}
    .invite_page .visual_sect .bg_cont.on{width:420px;}

    .invite_page .visual_sect .info_txt{margin-top: 4rem;}
    .invite_page .learn_sect .sect_tit svg{width: 4rem;}
    .invite_page .learn_sect .sect_tit .tit{font-size:6rem; margin:2.5rem 0;}
    .invite_page .learn_sect .fix_cont .cont_tit{font-size:5rem;}
    .invite_page .learn_sect .fix_cont .txt_box .name_box{margin-top: 5rem;}

    .invite_page .intro_sect .in{flex-direction: column;}
    .invite_page .intro_sect .sect_tit_box{margin-right: 0;}
    .invite_page .intro_sect .sect_tit_box br{display: none;}
    .invite_page .intro_sect .video_box{width:100%; margin-top: var(--mainContMt);}


    .gallery_page .list_form .list_box .list{grid-template-columns: repeat(4,minmax(0,1fr));}
    .list_form .search_box{margin-bottom: 40px;}

    /* 전시관_제 5관 */
    .gallery_page .narr_sect .slide_cont .item{flex-direction: column;}
    .gallery_page .narr_sect .slide_cont .item .video_wrap{width: 100%; margin-right: 0; padding-top: 56.25%;}
    .gallery_page .narr_sect .slide_cont .item .txt_wrap{margin-top: 40px;}
    .gallery_page .narr_sect .slide_cont .item .txt_wrap .name{margin-top: 15px;}
    .gallery_page .narr_sect .slide_cont .item .txt_wrap .txt_box p br{display:none;}
    .gallery_page .narr_sect .slide_cont .item .txt_wrap .txt_box p + p{margin-top: 0;}
    .gallery_page .narr_sect .slide_btn_wrap{position: relative; bottom:0; left:0; margin-top: 30px;}

    .view_page .view_sect .cont_wrap,
    .sub_place-4 .view_page .view_sect .cont_wrap{grid-template-columns: 1fr; gap:40px;}
    .view_page .in{max-width: 100%;}
    .view_page .view_sect .txt_box .default_area{padding-top: 0;}
    .sub_place-4 .view_page .view_sect .txt_box .txt_in{flex-direction: column;}
    .view_page .view_sect .narration,
    .sub_place-4 .view_page .view_sect .narration{margin-top: 30px;}
    .view_page .view_sect .nav_box{margin-top: 80px;}

    .view_page .reaction_sect .cont_box{padding:0 5%;}
    .view_page .reaction_sect .cont_box .list{gap:0;}
    .view_page .reaction_sect .cont_box .list .item .img_box{width:70px; height:70px;}
    .view_page .view_sect .play_area.with_video{position: relative;}
    .view_page .view_sect .txt_box .video_box{max-width: 200px;}
    .view_page .view_sect .nav_box > button::before{display: none;}

    .guest_page .cheer_sect .slide_cont .swiper-container{width:100%; margin-left: 0; padding-left: 15px; padding-right:15px;}
    .guest_page .form_sect .form_cont{margin-top: var(--mainContMt); padding: 35px 30px;}
    .guest_page .cheer_sect{min-height:0}
    .guest_page .list_form .list_wrap .list{grid-template-columns: repeat(3, minmax(0, 1fr))}
    .guest_page .list_form .list_wrap .list .item{padding-top:0;}
    .guest_page .list_form .list_wrap .list .item .txt_box{position:relative;}
    .guest_page .cheer_sect .slide_cont .item .txt_box,
    .guest_page .list_form .list_wrap .list .item .txt_box{ padding: 30px 20px;}
    .guest_page .cheer_sect .slide_cont .item .txt_box .txt,
    .guest_page .list_form .list_wrap .list .item .txt_box .txt{font-size:16px;}
    .guest_page .cheer_sect .btm_cont .sub_tit_box{padding-top: 0;}

    .guest_page .form_sect .form_cont .form_inp .textarea textarea{height: 4.5em;}

    .event_page .visual_sect .sub_tit_box .enter_btn_box{margin-top: 5rem;}
    .event_page .visual_sect .sub_tit_box{padding: 50px 0;}
    .event_page .visual_sect .sub_tit_box .txt br{display: none;}
    .event_page .info_sect{padding-top: 10rem;}
    .event_page .info_sect .info_cont {grid-template-columns: 1fr; gap:30px;}
    .event_page .info_sect .info_cont + .info_cont{margin-top:8rem}
    .event_page .info_sect .info_cont .step_list .item{padding-top: 20%; border-radius:500px;}
    .event_page .visual_sect .img_box{width: 45%;}
    .event_page .info_sect .info_cont .tit_box .txt{margin-top: 2rem;}
    .event_page .info_sect .info_list{grid-column:1; }
    .event_page .info_sect .info_cont .step_list .item .txt_box .info_txt{text-align: center; line-height: 1.5;}


    .pagination{margin-top: 60px;}
}




@media screen and (max-width: 768px){

    .sub_top .tit_wrap{font-size:32px;}

    .invite_page .visual_sect{padding: 80px 0 260px;}
    /*.invite_page .visual_sect .bg_cont{width:300px; left:52%; translate(-40%, 50%) rotate(10deg);}*/

    .gallery_page .list_form .list_box .list{grid-template-columns: repeat(3,minmax(0,1fr));}

    .pagination{margin-top: 50px;}


}



@media screen and (max-width: 600px) {
    .sub_top {padding-top: 10px;padding-bottom: 30px;}
    .sub_top .tit_wrap{font-size:26px;}
    .sub_tit_box .txt{margin-top: 5px;}

    .invite_page .visual_sect{padding:60px 0 180px;}
    .invite_page .visual_sect .txt_box .txt{font-size:17px;}
    .invite_page .visual_sect .bg{width:100%; left:-22%; transform:translate(-18%, 10%); opacity: 0.6;}
    .invite_page .visual_sect .bg_cont{width: 60%; left: 38%; transform: translate(-50%, 62%) rotate(10deg);}
    .invite_page .visual_sect .bg_cont.on{width:70vw;}
    .invite_page .visual_sect .bg_cont.on .enter_btn_box {bottom:-3rem;}


    .invite_page .learn_sect .sect_tit svg{width:3.5rem;}
    .invite_page .learn_sect .sect_tit .tit{font-size:30px; margin:5px 0;}
    .invite_page .learn_sect .fix_cont .txt_box .name_box li + li{margin-left: 30px;}
    .invite_page .learn_sect .fix_cont .cont_in{padding-top: 140px;}
    .invite_page .learn_sect .fix_cont .cont_tit{font-size:28px;}
    .invite_page .learn_sect .fix_cont .txt_box{top: 90%;}
    .invite_page .intro_sect .video_box{border-radius:15px;}

    .gallery_page .form_sect{padding-top: 60px;}
    .list_form .search_box .sch_inp{width:60%;}
    .list_form .search_box{margin-bottom: 30px;}

    .gallery_page .visual_sect{padding:60px 0;}
    .gallery_page .visual_sect .img,
    .gallery_page .visual_sect .img img{border-radius: 15px;}
    .gallery_page .visual_sect .txt_wrap{flex-direction: column; padding-right:0;}
    .gallery_page .visual_sect .txt_wrap .txt_box{width: 100%; margin-top: 20px;}
    .gallery_page .visual_sect .txt_wrap .txt_box .txt + .txt{margin-top: 10px;}
    .gallery_page .visual_sect .txt_wrap .txt_box .name_txt{margin-top: 20px;}
    .gallery_page .list_form .list_box .list{grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 15px;}
    .gallery_page .list_form .list_box .list .img{border-radius:15px;}
    .gallery_page .list_form .list_box .list .txt_box .txt{margin-top: 0;}
    .gallery_page .list_form .info_box .thum{width:25px; height: 25px;}
    .gallery_page .list_form .info_box .name_box .job{margin-top: 1px; margin-left:1px;}
    .gallery_page .list_form .info_box .label{font-size:9px;}

    .gallery_page .visual_sect .sect_tit .txt br{display:none;}
    .gallery_page .visual_sect .top_wrap .sect_tit .tit + .tit{margin-top: 15px;}
    .gallery_page .visual_sect .top_wrap{flex-direction: column; align-items: flex-start}
    .gallery_page .visual_sect .top_wrap .img{width:100%;}
    .gallery_page .visual_sect .top_wrap .img{padding-top: 110%;}
    /*.gallery_page .visual_sect .txt_wrap{margin-top: 20px;}*/


    .gallery_page .narr_sect{padding-top: 0;}
    .gallery_page .narr_sect .slide_cont{margin-top: 20px;}
    .gallery_page .narr_sect .slide_cont .item .txt_wrap .name{margin-top: 8px;}
    .gallery_page .narr_sect .slide_cont .item .txt_wrap .txt_box p{margin-top: 3px;}
    .gallery_page .narr_sect .slide_cont .item .video_wrap{border-radius: 15px;}
    .gallery_page .narr_sect .slide_cont .item .txt_wrap .badge{font-size:11px;}
    .gallery_page .narr_sect .slide_cont .item .txt_wrap{margin-top: 20px;}

    .view_page .view_sect{padding: 50px 0 30px;}
    .view_page .view_sect .cont_wrap,
    .sub_place-4 .view_page .view_sect .cont_wrap{gap:30px;}
    .view_page .view_sect .narration,
    .sub_place-4 .view_page .view_sect .narration{margin-top: 20px;}
    .view_page .reaction_sect .cont_box{padding:0;}
    .view_page .reaction_sect .cont_box .list .item .img_box{width:45px; height:45px;}
    .view_page .reaction_sect .cta_cont{margin-top: 40px;}
    .view_page .view_sect .narration .info_box .label{font-size:11px;}
    .view_page .view_sect .nav_box{margin-top: 80px;}
    .view_page .view_sect .nav_box > button span + span{margin-left: 5px;}
    .view_page .reaction_sect{padding-top: 60px;}
    .view_page .reaction_sect .cont_box .list{margin-top: 20px;}
    .view_page .view_sect .img_box img{border-radius: 15px;}
    .view_page .view_sect .txt_box .tag{font-size:12px;}
    .gallery_page .narr_sect .tit{font-size:18px;}
    .gallery_page .list_form .info_box{margin:1.6rem 0 0}
    .gallery_page .narr_sect .tit br:not(.phone_only){display:none;}

    .view_page .view_sect .txt_box .tit{font-size:23px;}
    .view_page .view_sect .txt_box .info{font-size:16px;}
    .view_page .view_sect .txt_box .info .from{margin-right:3px;}
    .view_page .view_sect .narration .thum{width: 50px; height: 50px;}
    .view_page .view_sect .narration .play_box .audio_player .play_bar{width:120px;}
    .view_page .view_sect .narration .play_box .audio_player .ap_btn{width: 30px; height:30px;}

    .guest_page .form_sect .form_cont{padding: 25px 20px;}
    .guest_page .form_sect .form_cont .tit{margin-bottom: 20px;}
    .guest_page .form_sect .form_cont .form_inp{grid-template-columns: 1fr; gap:20px 0;}
    .guest_page .form_sect .form_cont .form_inp .msg{grid-column:span 1;}
    .guest_page .form_sect .form_cont .form_submit,
    .guest_page .form_sect .form_cont .form_priv{margin-top: 15px;}

    .guest_page .cheer_sect .slide_cont .swiper-container{padding-bottom: 30px;}
    .guest_page .cheer_sect .slide_cont .item.swiper-slide[class$=-prev],
    .guest_page .cheer_sect .slide_cont .item.swiper-slide[class$=-active] + .item,
    .guest_page .cheer_sect .slide_cont .item.swiper-slide[class$=-active] + .item + .item + .item,
    .guest_page .cheer_sect .slide_cont .item.swiper-slide[class$=-active] + .item + .item + .item + .item + .item,
    .guest_page .cheer_sect .slide_cont .item.swiper-slide[class$=-active] + .item + .item + .item + .item + .item + .item + .item{transform: translateY(30px);}

    .guest_page .cheer_sect .slide_cont .item .txt_box,
    .guest_page .list_form .list_wrap .list .item .txt_box{ padding: 20px 15px;}
    .guest_page .cheer_sect .slide_cont .item .txt_box .txt,
    .guest_page .list_form .list_wrap .list .item .txt_box .txt{font-size:13px; line-height: 1.5;}
    .guest_page .list_form .list_wrap .list .item .txt_box .name{margin-top: 10px;}

    .guest_page .cheer_sect .btm_cont{margin-top: 40px;}
    .guest_page .cheer_sect .btm_cont .in{flex-direction: column; text-align: center;}
    .guest_page .cheer_sect .btm_cont .img_box{width:80%; margin: 30px auto 0;}
    .guest_page .list_form .list_wrap .list{grid-template-columns: repeat(2, minmax(0, 1fr)); gap:15px 10px; }

    .guest_page .form_sect .form_cont .form_inp .textarea textarea{height: 5.5em;}

    .event_page .visual_sect .in{flex-direction: column;}
    .event_page .visual_sect .sub_tit_box{padding:40px 0 0;}
    .event_page .visual_sect .sub_tit_box .enter_btn_box{margin-top: 25px;}
    .event_page .visual_sect .img_box{width: 65%;}

    .event_page .info_sect .info_cont{gap:20px;}
    .event_page .info_sect .info_cont .tit_box .tit{margin-top: 5px;}
    .event_page .info_sect .info_cont .step_list{flex-direction: column;}
    .event_page .info_sect .info_cont .step_list .item{padding-top: 0; width:100%; padding: 20px 10px;}
    .event_page .info_sect .info_cont .step_list .item + .item,
    .event_page .info_sect .info_cont .open_list .item + .item{margin-top: 15px;}
    .event_page .info_sect .info_cont .step_list .item .txt_box{position: relative; top: 0; left: 0; transform: unset;}
    .event_page .info_sect .info_cont .step_list .item .txt_box .txt br{display: none;}
    .event_page .info_sect .info_cont .step_list .item .txt_box .info_txt{text-align: center;}

    .event_page .info_sect .info_cont .open_list{grid-template-columns:repeat(1, minmax(0, 1fr));}
    .event_page .info_sect .info_cont .open_list .txt_box{margin-top: 15px;}
    .event_page .info_sect .info_cont .open_list .txt_box .tit{font-size:20px; line-height: 1; margin-top: 5px;}

    .event_page .info_sect .info_cont.active .view_box,
    .event_page .info_sect .info_list{border-radius: 15px;}
    .event_page .info_sect .info_list{padding: 20px;}
    .event_page .info_sect .info_list .item .ico{margin-top: 0.2em; margin-right:5px}

    .pagination{margin-top: 40px;}

}

@media screen and (max-width: 350px) {
    .guest_page .cheer_sect .slide_cont .item_in{padding-top: 120%;}
}