/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.6.1772669369
Updated: 2026-03-05 00:09:29

*/
/* main-visual-con */
.visual-con 
{position: relative;}
.vis-top-layer-con
{position: absolute; bottom: 0; width: 100%; z-index: 5;}
.vis-top-layer-con::before
{content: ""; position: absolute; bottom: 0; right: 0; width: 65rem; height: 7.5rem; border-radius: 3rem 0 0 0; background-color: #fff;}
.vis-top-layer-wrap .title-wrap .detail 
{color: #fff; font-size: 4rem; font-weight: 600;}
.vis-top-layer-wrap .title-wrap .title 
{padding-top: 2rem; color: #fff; font-size: 5rem; font-weight: 700;}

.vis-top-layer-wrap .paging-con 
{position: relative; display: flex; justify-content: flex-end; gap: 3rem; padding: 2.5rem 0;}
.vis-top-layer-wrap .paging-con .paging-wrap 
{display: flex; align-items: center; gap: 2rem;}
.vis-top-layer-wrap .paging-con .paging-wrap span 
{font-size: 1.8rem; font-weight: 700; color: #000;}

.vis-top-layer-wrap .paging-con .paging-wrap .bar 
{position: relative; width: 28rem; height: 8px; background-color: #e6e6e6; border-radius: 5rem;}
.vis-top-layer-wrap .paging-con .paging-wrap .bar .full-bar 
{position: absolute; display: block; width: 0%; height: 100%; background-color: var(--main-color); border-radius: 5rem;}
.vis-top-layer-wrap .paging-con .paging-wrap .bar.active .full-bar
{width: 100%; transition: width 3s linear;}

.vis-top-layer-wrap .paging-con .arrow-wrap 
{display: flex; align-items: center;}
.vis-top-layer-wrap .paging-con .arrow-wrap .vis-arrow 
{width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; font-size: 4rem; color: #000; cursor: pointer; transition: all 0.3s ease;}
.vis-top-layer-wrap .paging-con .arrow-wrap .pause-wrap span 
{width: 3rem; height: 3rem; font-size: 2.5rem; font-weight: 700; color: #000; display: flex; align-items: center; justify-content: center;  cursor: pointer; transition: all 0.3s ease;}
.vis-top-layer-wrap .paging-con .arrow-wrap .vis-arrow:hover,.vis-top-layer-wrap .paging-con .arrow-wrap .pause-wrap span:hover
{opacity: 0.5;}

/* main-quick-con */
.main-quick-con 
{position: relative;}
.main-quick-con::before
{content: ""; position: absolute; left: 0; bottom: 0; width: 118.5rem; height: 28.4rem; background: url(/wp-content/uploads/2026/03/quick-bg-after.jpg) no-repeat center / cover; z-index: -1;}
.quick-wrap 
{padding: 8rem 0; display: flex; justify-content: space-between;}
.quick-wrap *
{transition: all 0.3s ease;}
.quick-wrap .btn a
{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2rem;}
.quick-wrap .btn .img 
{display: flex; justify-content: center; align-items: center; width: 13.5rem; height: 13.5rem; background-color: #e6e6e6; border-radius: 2rem;}
.quick-wrap .btn .name 
{font-size: 1.8rem; color: #000; font-weight: 500;}
.quick-wrap .btn a:hover .img
{background-color: var(--main-color);}
.quick-wrap .btn a:hover .img img
{filter: brightness(0) invert(1);}

/* main-notice-con */
.main-notice-con
{position: relative;}
.main-notice-con::before
{content: ""; position: absolute; left: 0; width: 35.4%; height: 100%; background-color: var(--bg-color); z-index: -1;}
.notice-wrap 
{display: flex; padding: 12em 0; position: relative; z-index: 10;}
.notice-wrap .noti-left 
{width: 30%; display: flex; justify-content: space-between;}
.notice-wrap .noti-left .title-con .title-wrap 
{padding-bottom: 5rem;}
.notice-wrap .noti-left .title-con .title-wrap .detail 
{padding-bottom: 1rem; font-size: 2.4rem; color: #000;}
.notice-wrap .noti-left .title-con .title-wrap .title 
{font-size: 3.4rem; color: #000; font-weight: 800;}
.notice-wrap .noti-left .title-con .more 
{width: 80%; transition: all 0.3s ease;}
.notice-wrap .noti-left .title-con .more a 
{display: flex; justify-content: space-between; padding: 2rem 0; font-size: 1.8rem; font-weight: 500; color: #262626; border-top: 1px solid #535353; border-bottom: 1px solid #535353; transition: all 0.3s ease;}
.notice-wrap .noti-left .title-con .more a i 
{transition: all 0.3s ease;}
.notice-wrap .noti-left .title-con .more:hover
{transform: translateX(2rem);}
.notice-wrap .noti-left .title-con .more a:hover
{color: var(--main-color); border-color: var(--main-color);}
.notice-wrap .noti-left .title-con .more a:hover i
{transform: rotate(90deg);}

.notice-wrap .noti-left .noti-tab-con *
{transition: all 0.3s ease;}
.notice-wrap .noti-left .noti-tab-con .tab-wrap 
{width: 13.5rem;}
.notice-wrap .noti-left .noti-tab-con .tab-wrap .btn 
{padding: 1.5rem 2rem; font-size: 1.8rem; color: #000; font-weight: 500; border-bottom: 1px solid #000; cursor: pointer;}
.notice-wrap .noti-left .noti-tab-con .tab-wrap .btn.active ,.notice-wrap .noti-left .noti-tab-con .tab-wrap .btn:hover
{color: #fff; font-weight: 600; background-color: var(--main-color); border-color: var(--main-color);}
.notice-wrap .noti-left .noti-tab-con .tab-wrap .btn:hover
{background-color: #555; border-color: #555;}
.notice-wrap .noti-right 
{width: 70%;}

/* main-gallery-con */
.gallery-con 
{width: 100%; background: url(/wp-content/uploads/2026/03/m-gal-bg.jpg) no-repeat 25% bottom / cover; background-attachment: fixed; overflow: hidden;}
.gallery-wrap
{position: relative; padding: 12rem 0 22.5rem;}
.gallery-wrap .gal-left
{width: 30%;}
.gallery-wrap .gal-left .title-con .title-wrap 
{padding-bottom: 5rem;}
.gallery-wrap .gal-left .title-con .title-wrap .detail 
{padding-bottom: 1rem; font-size: 2.4rem; color: #fff;}
.gallery-wrap .gal-left .title-con .title-wrap .title 
{font-size: 3.4rem; color: #fff; font-weight: 800;}
.gallery-wrap .gal-left .title-con .more 
{width: 35%; transition: all 0.3s ease;}
.gallery-wrap .gal-left .title-con .more a 
{display: flex; justify-content: space-between; padding: 2rem 0; font-size: 1.8rem; font-weight: 500; color: #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transition: all 0.3s ease;}
.gallery-wrap .gal-left .title-con .more a i 
{transition: all 0.3s ease;}
.gallery-wrap .gal-left .title-con .more:hover
{transform: translateX(2rem);}
.gallery-wrap .gal-left .title-con .more a:hover
{color: var(--main-color); border-color: var(--main-color);}
.gallery-wrap .gal-left .title-con .more a:hover i
{transform: rotate(90deg);}
.gallery-wrap .gal-right 
{position: absolute; top: 50%; transform: translateY(-50%) !important; right: -30%; width: 100%; z-index: 10;}

/* main-banner-con */
.banner-wrap
{padding: 1.5rem 0; display: flex; justify-content: space-between; align-items: center;}
.banner-wrap a img {transition: all 0.3s ease;}
.banner-wrap a:hover img {opacity: 0.8;}

/* **********************
  sub
**************************/

/* 인사말 */
.greeting-con 
{display:flex;}
.greeting-txt-con 
{width:60%; margin-right: 5%;}
.greeting-txt-con h2 
{font-size: 3.3rem; color:#222; font-weight: 700; margin-bottom: 1rem;}
.greeting-txt-con h3
{font-size: 3rem; color:var(--main-color); font-weight: 700; margin-bottom: 4rem;}
.greeting-txt-con h3 span
{font-size: 3rem; color:white; background-color: var(--main-color); font-weight: 700; margin-bottom: 4rem;}
.greeting-txt-con p
{font-size: 1.9rem; font-weight: 500; letter-spacing: -0.06rem; line-height: 1.8; margin-bottom: 1.6rem; color:#555;}
.greeting-txt-con p:nth-last-of-type(1)
{margin-top: 4rem; font-weight: 700; color: #222;}
.greeting-txt-con p .accent
{font-size: 2rem; line-height: 1.4; margin-bottom: 1.5rem; color:#333; font-weight: 700;}
.greeting-img-con 
{position: relative; width:32%; border: 1px solid var(--main-color);}
.greeting-img-con::before
{content: ''; position: absolute; right: -2rem; bottom: -2rem; width: 100%; height: 100%; background: var(--main-color); z-index: -1; }
.greeting-img-con img 
{width: 100%; height: 100%; object-fit: cover;}


/* 연혁 */
.history-tab-con 
{margin: 2rem 0 10rem;}
.history-tab-con ul 
{display:flex; flex-flow: row wrap; gap: 2rem;}
.history-tab-con ul li
{width:15%; padding: 2rem 0; font-size: 1.8rem;  text-align:center; border:1px solid #ddd; border-radius:5rem; cursor:pointer; transition: all 0.3s ease;}
.history-tab-con ul li:hover,.history-tab-con ul li.active
{background:var(--main-color); color:#fff; font-weight:500;}

.history-content .history-box 
{display:flex}
.history-content .history-box .his-year
{width:20%;}
.history-content .history-box .his-year strong 
{margin-top: -2rem; font-size: 5rem; font-weight:700; color:#1b1b1b; line-height:1.3; display:inline-block;}
.history-content .history-box .history-right 
{padding-bottom: 10rem; width: 75%; position:relative;}
.history-content .history-box .history-right:before 
{content:''; position:absolute; width:1px; height:100%; background:#ddd; left:0; top:6px;}
.history-content .history-box .history-right .his-detail-box 
{margin-bottom: 1rem; padding-left:10%; display:flex; position:relative; line-height:1.3;}
.history-content .history-box .history-right .his-detail-box:before 
{content:''; position:absolute; width:1.5rem; height: 1.5rem; border-radius:50%; background:var(--main-color); left:-8px; top:7px;}
.history-content .history-box .history-right .his-detail-box:after 
{background:var(--main-color); opacity:0.4; width: 3rem; height: 3rem; border-radius:50%; position:absolute; content:''; left:-1.5rem; top:0;}
.history-content .history-box .history-right .his-txt
{width:100%; line-height:1.3;}
.history-content .history-box .history-right .his-txt p 
{padding-left: 20%; margin-bottom: 2rem; font-size: 1.7rem; font-weight:500; color:#444; line-height: 1.4; position: relative;}
.history-content .history-box .history-right .his-txt p b
{font-size:1.8rem; font-weight: 600; line-height:1.3;  position:absolute; left:0; color:#b1b1b1;}

/* 찾아오시는길 */
.location-con .root_daum_roughmap 
{width: 100% !important;}
.location-con .cont 
{display: none;}
.location-con .location-wrap 
{padding: 4rem; border: 1px solid #d4dfe4;}
.location-con .location-wrap .adress-top
{text-align: center;}
.location-con .location-wrap .adress-top .adress
{padding-bottom: 1rem; font-size: 3rem; font-weight: 800; letter-spacing: -0.16rem; line-height: 1.6;}
.location-con .location-wrap .adress-top .tel-wrap
{display: flex; gap: 2rem; justify-content: center; align-items: center;}
.location-con .location-wrap .adress-top .tel-wrap li
{font-size: 2rem; font-weight: 600; letter-spacing: -0.14rem; line-height: 1.6; color: #555;}

/* 조직도 */
.org-con
{margin:8rem 0;}
.org-con .tit 
{padding-left:3rem; margin-bottom:1rem; font-size:3rem; position:relative; color:#000; font-weight:800;}
.org-con .tit:before
{content:''; position:absolute; left:0; top:4px; width:2rem; height:2rem; border-radius:50px; border:5px solid var(--main-color); border-radius:50%;}
.org-con .sub-table-wrap table 
{table-layout:fixed; border-collapse:collapse;}
.org-con .sub-table-wrap table tr th,
.class-con .sub-table-wrap02 tr th,
.class-con .sub-table-wrap tr th
{background: var(--main-color) !important; color:#fff; font-size:1.8rem; font-weight:500; border-color:#ddd; vertical-align:middle;}
.org-con .sub-table-wrap table tr td
{background:#fff !important; font-family:'Pretendard'; font-size:1.7rem; text-align:center; border-color:#ddd; vertical-align:middle;}

/* 회원모집 */
.member-form-con 
{margin-bottom: 6rem; display:flex; flex-direction:column; justify-content: center; align-items:center;;}
.member-form-con p
{font-size:1.8rem; font-weight: 500;}
.member-form-con a
{margin-top:4rem; padding: 2rem 4rem; display:inline-block; font-size: 1.7rem; color:#fff; background:var(--main-color); transition: all 0.3s ease;}

#inquiry-style03-tbl .write-box 
{display:flex; flex-flow: row wrap; gap: 2rem;}
#inquiry-style03-tbl .write-box dl 
{width:calc((100% - 4rem) / 3);}
#inquiry-style03-tbl .write-box dl dt 
{margin-bottom: 0.5rem; font-size:1.8rem; font-weight: 600;}
#inquiry-style03-tbl .write-box dl dd input,#inquiry-style03-tbl .write-box dl dd textarea 
{width: 100%; background:#f3f3f3; padding:1rem; font-size:1.7rem; color:#484848; border-radius:5px; border:1px solid #dbdbdb;}
#inquiry-style03-tbl .write-box dl dd input::placeholder,#inquiry-style03-tbl .write-box dl dd textarea::placeholder
{color:#999;}

#inquiry-style03-tbl .submit-con
{margin-top:4rem; text-align:center;}
#inquiry-style03-tbl .submit-con input 
{padding: 1.2rem 5rem; font-size: 1.7rem; background:var(--main-color); color:#fff; border-radius: 0; border: none; transition: all 0.3s ease;}
#inquiry-style03-tbl .submit-con input:hover ,.member-form-con a:hover
{background:#222;}
.wpcf7-spinner
{display: none;}

/* 문화원소개 */
.intro-wrap .detail-wrap
{position: relative; padding: 7rem; background-color: #ebebeb;}
.intro-wrap .detail-wrap::after
{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.8; background: url(/wp-content/uploads/2025/05/banner.jpg) no-repeat center / cover; z-index: 1;}
.intro-wrap .detail-wrap .title 
{margin-bottom: 3rem; text-align: center; position: relative; z-index: 2;}
.intro-wrap .detail-wrap .title h3
{position: relative; display: inline-block; font-size: 4rem; font-family: "GangwonState"; text-align: center;}
.intro-wrap .detail-wrap .title h3::after
{content: ""; position: absolute; top: -1rem; right: -1rem; width: 8px; height: 8px; border-radius: 50%; background-color: var(--main-color); transition: all 0.3s ease;}
.intro-wrap .detail-wrap .detail-box 
{position: relative; z-index: 2;}
.intro-wrap .detail-wrap .detail-box p
{font-size: 1.9rem; line-height: 1.4; color: #2b2b2b; font-weight: 500; text-align: center;}

.class-con .detail-wrap
{position: relative; padding: 7rem; background-color: var(--bg-color); border-radius: 1rem; border: 1px solid #e2e7f7;}
.class-con .detail-wrap .title
{margin-bottom: 2.5rem; text-align: center;}
.class-con .detail-wrap h3
{position: relative; display: inline-block; font-size: 3.5rem; background-color: var(--bg-color); font-weight: 700; color: #2b2b2b;}
.class-con .detail-wrap h3::after
{content: ""; position: absolute; right: -2rem; top: -2rem; width: 4rem; height: 4rem; background: url(/wp-content/uploads/2026/03/after.png) no-repeat center / contain; z-index: -1;}
.class-con .detail-wrap p
{font-size: 2.1rem; text-align: center; line-height: 1.6; font-weight: 500; color: #555;}
.class-con .detail-wrap p.list
{position: relative; padding-left: 2.5rem; text-align: left; line-height: 1.8;}
.class-con .detail-wrap p.list::after
{content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; background-color: var(--main-color); border-radius: 50%;} 

.class-con .cul-pic-wrap 
{margin-top: 6rem; padding: 3rem; display: flex; gap: 3rem; justify-content: center; border: 1px solid #e7e7e7; border-radius: 1rem;}
.class-con .cul-pic-wrap li 
{width: calc(50% - 1.5rem); border-radius: 0.5rem; overflow: hidden}
.class-con .cul-pic-wrap li img 
{object-fit: cover; height: 100%; width: 100%;}

.detail-wrap02 
{margin: 8rem 0;}
.detail-wrap02 .title
{padding-bottom: 1rem;}
.detail-wrap02 .title h3 
{position: relative; padding-left: 3.5rem; font-size: 2.8rem; font-weight: 700;}
.detail-wrap02 .title p
{font-size: 2rem; font-weight: 600; padding-top: 1rem; color: var(--main-color);}
.detail-wrap02 .title h3::after
{content: ""; position: absolute; top: 0; left: 0; width: 3rem; height: 3rem; background: url(/wp-content/uploads/2026/03/after.png) no-repeat center / contain;}
.detail-wrap02 .sub-table-wrap02 table thead tr th 
{border-right: 1px solid #e5e5e5;}
.detail-wrap02 .sub-table-wrap02 table thead tr th:nth-last-of-type(1)
{border-right: 0 solid #e5e5e5;}

/* 회원모집안내 */
.detail-wrap03
{padding: 4rem; background-color:var(--bg-color); border-radius: 1rem;}
.detail-wrap03 .detail-list li
{position: relative; padding-left: 1.5rem; font-size: 1.8rem; font-weight: 500; color: #333; line-height: 1.6;}
.detail-wrap03 .detail-list li::after
{content: ""; position: absolute; top: 35%; left: 0; width: 5px; height: 5px; border-radius: 50%; background-color: var(--main-color);}
.detail-wrap03 .detail-list li.accent
{font-weight: 800;}
.wpcf7-response-output {font-size: 1.6rem;}

/* 속초시지 */
.left-category-wrap 
{padding: 1rem; background: #eee; border-radius: 1rem;}
.left-category-wrap ul 
{display: flex; flex-direction: column; gap: 0.5rem;}
.left-category-wrap ul li a 
{display: flex; align-items: center; justify-content: center; padding: 2rem 1rem; height: 100%; font-size: 1.7rem; color: #000; background-color: #FFF; border: 1px solid #ddd; transition: all 0.3s ease; border-radius: 0.8rem;}
.left-category-wrap ul li a.active ,.page-category-wrap li a.active
{background-color: #1aa042; color: #fff;}

.city-content
{display: flex; gap: 10rem;}
.city-content .city-left
{width: 15%;}
.city-content .city-right
{width: 85%;}

.city-content .greeting-txt-con h2
{margin-bottom: 3rem;}
.city-content .greeting-img-con
{height: 100%;}

.city-content .index-wrap
{display: flex; gap: 3rem;}
.city-content .index-wrap img
{width: calc(50% - 1.5rem); border: 1px solid #ece1dc; cursor: pointer;}