/*
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.3.0.1741327582
Updated: 2025-03-07 15:06:22

*/

/* MAIN COMMON */

/* MAIN TITLE */
.main-title-con
{display:flex; align-items:end; justify-content:space-between;}
.main-title-con .tit-eng
{font-size:2rem; font-weight:400; letter-spacing:0; color:#fff; position:relative; display:inline-block;}
.main-title-con .tit-eng:before
{content:''; position:absolute; width:1.2rem; height:1.2rem; background:#007fba; border-radius:50%; right:-2rem; bottom:0.5rem;;}

.main-title-con .tit
{font-size:5.8rem; color:#fff; font-weight:600; margin-top:1rem;}
.main-title-con .txt
{font-size:1.8rem; color:#fff; font-weight:400; text-transform:uppercase; margin-top:2rem;}
.main-title-con.bk
{margin-bottom:5rem;}
.main-title-con.bk .tit-eng
{color:#000; font-weight:600;}
.main-title-con.bk .tit
{color:#000; font-weight:600;}
.main-title-con.bk .txt
{color:#000; font-weight:500;}

.more-view 
{display:flex; align-items:center; justify-content:space-between; border:1px solid #fff; padding:1.2rem 2rem 1.2rem 2.5rem; border-radius:50px; min-width:18rem; width:18rem; transition: all 0.3s ease;}
.more-view span
{font-size:1.4rem; color:#fff; font-weight:500;}
.more-view .view-icon 
{position:relative; display:flex; align-items:center; margin-left:3rem; transition:all 0.3s ease;}
.more-view .view-icon .icon
{width:27px; height:14px; display:inline-block; position:absolute; right:12px; background-size: contain; background-repeat: no-repeat;}
.more-view .view-icon .circle
{width:3rem; height:3rem; display:inline-block; border:1px solid #fff; border-radius:50%; position:relative;}
.more-view.bk
{border-color:#000;}
.more-view.bk span
{color:#000;}
.more-view.bk .view-icon .circle
{border-color:#000;}

.main-title-more-con .more-view:hover 
{background:var(--main-color);}
.main-title-more-con .more-view:hover .view-icon
{transform:translateX(-10px);}
.main-title-more-con .more-view.bk:hover
{background:#ddd;}


/* ABOUT US */
#mainAboutCon
{padding:15rem 0; }

/* SERVE */
#mainServeCon
{padding:15rem 0;}
.main-serve-list 
{display:flex; justify-content:space-between;}
.main-serve-item 
{width:18rem; height:52rem; text-align:center; margin:0 6px; position:relative; transition:all 0.8s cubic-bezier(0.48, 1.02, 1, 1);}
.main-serve-item:first-child
{margin-left:0;}
.main-serve-item:last-child
{margin-right:0;}
.main-serve-item .bg-img
{width:18rem; height:100%; border-radius:20px; display:inline-block; position:absolute; left:0; top:0}

.main-serve-item a 
{position:relative; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.main-serve-item h2
{color:#fff; font-size:2.2rem; font-weight:500; transition:all 0.3s ease;}
.main-serve-item .more-view
{opacity:0; visibility:hidden; display:none;}
.main-serve-item.active
{width:72rem;}
.main-serve-item.active .bg-img
{width:100%;}
.main-serve-item.active h2
{font-size:4.2rem; margin-bottom:3rem; font-weight:600;}
.main-serve-item.active .more-view 
{opacity:1; visibility:visible; display:flex;}

/* JOIN */
.main-join-con 
{display:flex;}
.main-join-left-con 
{width:57.21%; background-image:url('/wp-content/uploads/2025/03/main_join_bg.jpg')}
.main-join-right-con 
{width:calc(100% - 57.21%); background:var(--main-color); position:relative; padding:9rem 0rem; z-index:9;}
.main-join-right-con:before
{content:''; position:absolute; left:-20%; width:45%; height:100%; background:linear-gradient(270deg, var(--main-color), var(--main-color), var(--main-color), transparent); z-index:-1; top:0;}
.main-join-con .main-title-con 
{flex-wrap:wrap; border-left:1px solid #ffffff47; padding:4rem;}
.main-join-con .main-title-con .main-title-txt-con
{margin-bottom:2rem;}
.main-join-con .main-title-con .tit-eng
{font-weight:500;}
.main-join-con .main-title-more-con 
{display:flex; margin-top:2rem;}
.main-join-con .main-title-more-con .more-view 
{min-width:21rem; margin-right:2rem;}

/* FOOTER */
#footer 
{background:#0c0c0c; padding:3rem 0;}
.footer-con
{display:flex; justify-content:space-between;}
.footer-con .f-logo 
{width:290px; height:70px; background-position:center; background-repeat:no-repeat; background-size: contain;}
#footer .f-family-site
{text-align:right;}
#footer .f-family-site .family-site 
{background-image: url("/wp-content/uploads/2025/03/family_arrow.png"); background-position: 90% 50%; background-repeat: no-repeat; color:#fff; background-color:transparent; font-size:1.4rem; appearance: none; padding:1rem 2rem; font-weight:300; border-radius:5px; border:1px solid #fff; min-width:17rem; width:26rem; display:inline-block; margin-bottom:2rem;}  

#footer .f-family-site .family-site option 
{color:#000;}

.f-right-con 
{width:72%; display:flex; justify-content:space-between; align-items:end;}
.f-right-con .f-info dl
{display:flex; margin-bottom:0.5rem;}
.f-right-con .f-info dl dt
{font-size:1.6rem; color:#fff; font-weight:500; width:18rem;}
.f-right-con .f-info dl dd,.f-right-con .f-info dl dd a
{font-size:1.6rem; color:#d7d7d7;}

.f-right-con .f-info dl:last-child
{margin:0;}
.f-right-con .f-family-con .copy 
{font-size:1.4rem; color:#d7d7d7;}



/* SUB */

/* SUB COMMON */
#subContent
{padding:15rem 0;}

.sub-title-con 
{text-align:center; margin-bottom:5rem;}
.sub-title-con h2 
{font-size:4rem; color:#1b1b1b; font-weight:700;}


.cm-tab-menu-con .cm-tab-menu
{display:flex; justify-content: center;}
.cm-tab-menu-con .cm-tab-menu ul
{display:flex; justify-content:center; width:40rem; background:#f4f4f4; border-radius:5px; overflow:hidden}
.cm-tab-menu-con .cm-tab-menu ul li
{width:50%; text-align:center; padding:2rem; cursor: pointer;}
.cm-tab-menu-con .cm-tab-menu ul li span
{font-size:1.6rem; color:#000}
.cm-tab-menu-con .cm-tab-menu ul li.active
{background:var(--main-color)}
.cm-tab-menu-con .cm-tab-menu ul li.active span
{color:#fff;}

.cm-tab-content
{margin-top:5rem;}

/* 라이온스클럽의 역사 */

.lions-club-top-con 
{padding:5rem 0; background:#f0f0f0; border-radius:10px; border:1px solid #eee;}
.initials-description 
{display:flex;}
.initials-description li 
{display:flex; width:20%; justify-content: center;}
.initials-description .initials 
{width:10rem; height:10rem; background:#1a5e85; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:5rem; color:#fff; font-family:'Montserrat','Pretendard', sans-serif;}
.initials-description .desc 
{padding-left:2rem;}
.initials-description .desc b
{font-family:'Montserrat','Pretendard', sans-serif; font-size:1.8rem; font-weight:700; color:#bbb;}
.initials-description .desc p
{font-size:2.4rem; color:#313131; font-weight:800;}

.lions-club-top-img 
{position:relative;}
.lions-club-top-img .top-img-wrapper
{ padding-top:20rem;}
.lions-club-top-img .top-img-con 
{text-align:center;}
.lions-club-top-img .top-img-con .bg
{display:inline-block; border-radius:10px; background-position:center;}
.lions-club-top-img .top-txt-con 
{position:absolute; width:100%; height:100%; text-align:center; top:0; display:flex; align-items:center; justify-content:center;}
.lions-club-top-img .top-txt-con h2
{font-family:'Montserrat','Pretendard', sans-serif; font-size:5rem; color:#fff; letter-spacing:0; font-weight:700;}
.lions-club-img-con 
{position:relative;}

.history-txt-con 
{text-align:center; border-radius:30px; padding:5rem; background:#f4f4f4}
.history-txt-con h2 
{font-size:4rem; color:#000; font-weight:700; margin-bottom:5rem;}
.history-txt-con h2 b
{color:#0776d1; font-weight:700; font-family: 'nanumsquareneo'; } 
.history-txt-con p
{font-size:2rem; margin:2rem 0; text-align:left;}

/* 봉사목적 */
.cm-flex-con 
{display:flex; position:relative; flex-wrap:wrap;}
.volunteering-con .cm-flex-left-con 
{position: relative; bottom:0; z-index:9; ;width:45%; border-radius:5px; overflow:hidden; }
.volunteering-con .cm-flex-left-con img
{vertical-align:middle;}
.volunteering-con .cm-flex-right-con 
{position:absolute; width:calc(55% - 5rem); right:0; bottom:-5rem;}
.volunteering-con .cm-flex-right-con:before
{position:absolute; content:''; width:66%; height:100%; left:-45%; background:#f3f3f3;}
.volunteering 
{padding:5rem; border-radius:15px; background:#f3f3f3; width:100%; position:relative; z-index:9;}
.volunteering .deco-txt 
{font-family:'Montserrat','Pretendard', sans-serif; font-size:5rem; color:#00559b14; text-align:right; display:block}
.volunteering .volunteering-list-con 
{min-height:300px; position:relative; margin-top:5rem;}
.volunteering .volunteering-list li
{display:flex; flex-wrap:wrap; margin:2rem 0;}
.volunteering .volunteering-list .num
{font-family:'Montserrat','Pretendard', sans-serif; font-size:1.7rem; color:var(--sub-color); font-weight:700;min-width:10%;}
.volunteering .volunteering-list p
{font-size:1.7rem; color:#222; font-weight:500; max-width:90%;}

/* 서울남산라이온스클럽 */
.greeting-con 
{display:flex; flex-wrap:wrap; align-items:start}
.greeting-con .ceo-name 
{}
.greeting-con .ceo-name .sign
{display: flex; align-items: flex-start;}
.greeting-con .ceo-name .sign b
{padding: 0 0.5rem; line-height: 1.8;}
.greeting-con .ceo-img
{width:300px; height:350px; background:#f9f9f9; display:flex; align-items:center; justify-content:center; border-radius:5px;}
.greeting-txt-con
{width:calc(100% - 300px); padding-left:8rem;}
.greeting-txt-con p 
{font-size:1.8rem; margin-bottom:3rem; color:#5a5a5a; line-height:1.8;;}

/* 입회안내 */
.join-information-con 
{display:flex; flex-flow:row wrap;}
.join-information-con .img-con
{width:70rem;}
.join-information-con .txt-con 
{padding:2rem 0 2rem 5rem; width:calc(100% - 75rem); }
.join-information-con .txt-con .txt p
{font-size:1.7rem; font-weight:400; color:#000;}
.join-information-con .txt-con .info
{border-top:1px solid #000; border-bottom:1px solid #000; padding:2rem; margin:3rem 0;}
.join-information-con .txt-con .info dl
{display:flex; align-items:center; margin:1rem 0;}
.join-information-con .txt-con .info dl dt
{font-size:1.6rem; color:#222; width:50%; font-weight:500}
.join-information-con .txt-con .info dl dt i
{margin-right:.5rem; color:#4e4e4e;}
.join-information-con .txt-con .info dl dd
{font-size:1.6rem; color:#333; width:50%;}
.join-information-con .txt-con .download-btn 
{text-align:right;}
.join-information-con .txt-con .download-btn a
{width:20rem; text-align:center; display:inline-flex; background:var(--main-color); padding:2rem; color:#fff; font-size:1.5rem; border-radius:5px; justify-content:center; align-items: center; transition:all 0.3s ease;;}
.join-information-con .txt-con .download-btn a:hover 
{background:#256da7;}

/* 회칙 */
.club-rule-con 
{display:flex; flex-wrap:wrap; border-bottom:1px dashed #ddd; padding-bottom:5rem; margin-bottom:5rem;}
.club-rule-con:last-child 
{margin:0; padding:0; border:none;}
.club-rule-con .rule-tit-con 
{width:25%;}
.club-rule-con .rule-tit-con h4
{font-size:3rem; color:#000;}
.club-rule-con .rule-tit-con h4 b
{color:var(--main-color);}
.club-rule-con .rule-des-con 
{width:75%; padding:5rem; background:#f9f9f9;}
.club-rule-con .rule-row
{margin-bottom:2rem;}
.club-rule-con .rule-row .tit
{margin-bottom:1rem;}
.club-rule-con .rule-row .tit h4
{font-size:1.8rem; font-weight:600; color:#222;  padding-left:2rem; position:relative;}
.club-rule-con .rule-row .tit h4:before
{content:''; position:absolute; width:5px; height:100%; background:var(--sub-color); top:0; left:0; }
.club-rule-con .rule-row .txt
{padding-left:4rem;}
.club-rule-con .rule-row .txt p
{font-size:1.6rem; color:#333; font-weight:400;}
.club-rule-con .rule-row .txt > ol
{margin-top:1rem; padding-left:2rem;}
.club-rule-con .rule-row .txt > ol > li
{font-size:1.5rem; color:#333; margin:0px 0 5px 0; line-height:1.8;}
.club-rule-con .rule-row .txt > ul > li
{font-size:1.5rem; color:#333; margin:0 0 5px 0;}
.club-rule-con .rule-row .txt > ul > li ol,
.club-rule-con .rule-row .txt > ul > li ul
{padding-left:2rem; margin-bottom:1rem;}
.club-rule-con .rule-row .txt > ul > li li
{font-size:1.5rem; color:#555;}


/* 연혁 */
.lions-info-top-con 
{display:flex; flex-wrap:wrap; align-items:center;}
.lions-info-top-con .img-con 
{width:30%; background:#f7f7f7; display:flex; align-items: center; justify-content: center; border-radius:5px; padding:5rem 0;;}
.lions-info-top-con .txt-con
{width:70%; padding-left:3rem;}
.lions-info-top-con .txt-con .tit
{font-size:3rem; color:#000; font-weight:600;}
.lions-info-top-con .txt-con p
{font-size:2.1rem; color:#000; margin-top:1rem;}

.lions-info-list 
{display:flex; flex-wrap:wrap; justify-content:space-between;}
.lions-info-list dl
{display:flex; align-items:center; width:49%; border-bottom:1px solid #ddd; padding:2rem;}
.lions-info-list dl dt
{min-width:20rem; font-size:2rem; color:#111; font-weight:700}
.lions-info-list dl dd
{font-size:1.9rem;font-weight:400; color:#666;}

.lions-info-ceo-tit 
{text-align:center; margin-bottom:7rem}
.lions-info-ceo-tit h2
{font-size:4rem; display:inline-block; color:#222; font-weight:700; }
.lions-info-ceo-row 
{display:flex; flex-wrap:wrap; margin-bottom:7rem}
.lions-info-ceo-row:last-child
{margin:0;}
.lions-info-ceo-row .left-con
{width:30%;}
.lions-info-ceo-row .left-con .tit
{font-size:2.4rem; color:#000; font-weight:600;}
.lions-info-ceo-row .right-con
{width:70%;}
.lions-info-ceo-row .right-con ul
{display:flex; flex-wrap:wrap;}
.lions-info-ceo-row .right-con ul li
{font-size:1.8rem; width:50%; margin-bottom:1rem; color:#222;}
.lions-info-ceo-row .right-con ul.wrap-6 li
{width: 15%;}
.lions-info-ceo-row .right-con ul.wrap-6 li.wrap-100
{width: 100%;}
.lions-info-ceo-row .right-con ul li .date
{margin-left:2rem; font-size:1.6rem; color:#7b7b7b;}

/* 역대총재 */
.history-ceo-list 
{display:flex; flex-wrap:wrap;}
.history-ceo-row 
{display:flex; width:100%; background:#f4f4f4; margin-bottom:8rem;}
.history-ceo-row .ceo-img-box 
{width:30%; display:flex; align-items: center; justify-content: center; background:#f4f4f4;}
.history-ceo-row .txt-box 
{width:70%; padding:3rem;}
.history-ceo-row .txt-box .tit-con 
{background:var(--main-color); padding:2rem; border-radius:5px 5px 0 0;}
.history-ceo-row .txt-box .tit-con h4
{font-size:2.1rem; color:#fff;}
.history-ceo-row .txt-box .tit-con h4 span
{color:#ffffff8f; font-size:1.6rem; font-weight:400;}
.history-ceo-row .txt-box .tit-con h4 b
{margin-left:2rem; font-weight:400; color:#ffffffc7; font-size:2rem; color:#fff; display:inline-block;}
.history-ceo-row .txt-box .list-con 
{background:#fff; padding:3rem; border-radius: 0 0 5px 5px;}
.history-ceo-row .txt-box .list-con span
{font-size:1.8rem; color:#161616; font-weight:500; margin-bottom:2rem; display:block;}
.history-ceo-row .txt-box .list-con ul li
{font-size:1.7rem; margin:0.5rem 0;}

.custom-table td { vertical-align: middle;}

@media screen and (max-width:1300px) {
#mainAboutCon,#mainServeCon {padding: 10rem 0;}
#mainVisualCon .visual-txt-con {padding: 0 2rem;}
.main-title-con .tit-eng {font-size: 1.4rem;}
.main-title-con .tit {font-size: 4rem;}
.main-title-con .txt {font-size: 1.6rem;}
.main-title-con {flex-flow: row wrap; gap: 4rem 2rem;}

.main-serve-item {width: 20%; height: 40rem;}
.main-serve-item.active {width: 50%;}
.main-serve-item .bg-img {width: 100%;}
.main-serve-item h2{font-size: 1.8rem;}
.main-serve-item.active h2 {font-size: 3.2rem;}

.main-join-left-con {width: 50%;}
.main-join-right-con {width: 50%; padding: 7rem 0rem;}
.main-join-con .main-title-con {padding:0 2rem;}
.main-join-con .main-title-more-con {margin-top: 0; flex-flow: row wrap; gap: 2rem 0;}
.main-join-con .main-title-con .main-title-txt-con {margin-bottom: 0;}

.footer-con {flex-flow: row wrap; gap: 3rem 2rem;}
.f-right-con {width: 100%;}

/* subpage */
.sub-title-con h2 {font-size: 3.8rem;}
#subContent {padding: 12rem 0;}

.initials-description {flex-flow: row wrap; justify-content: space-evenly;}
.initials-description li {width: auto;}

.lions-club-top-img .top-img-con .bg {height: 40rem !important;}
.lions-club-top-img .top-txt-con h2 {font-size: 4.2rem;}

.history-txt-con {padding: 3rem;}
.history-txt-con h2 {font-size: 3.2rem; margin-bottom: 3rem;}
.history-txt-con p {font-size: 1.8rem; margin: 1rem 0;}

.volunteering-con .cm-flex-left-con {width: 45%;}
.volunteering-con .cm-flex-right-con {position: relative; width: 55%;}
.volunteering .deco-txt {font-size: 4rem;}
.volunteering .volunteering-list li {gap: 1.5rem;}
.volunteering .volunteering-list .num {min-width: 0;}
}
@media screen and (max-width:1240px) {
.initials-description .desc b {font-size: 1.4rem;}
.initials-description .desc p {font-size: 2rem;}
.initials-description .initials {width: 8rem; height: 8rem; font-size: 3.6rem;}

.lions-info-top-con {justify-content: center; gap: 4rem;}
.lions-info-top-con .img-con {width: 100%;}
.lions-info-top-con .txt-con {width: auto; padding-left: 0;}
.lions-info-top-con .txt-con .tit {font-size: 2.4rem;}
.lions-info-top-con .txt-con p {font-size: 1.6rem;}
.lions-info-list dl dt {font-size: 1.8rem; min-width: 10rem;}
.lions-info-list dl dd {font-size: 1.6rem;}

.join-information-con {gap: 4rem;}
.join-information-con .img-con {width: 100%; text-align: center;}
.join-information-con .img-con img {width: 100%; object-fit: cover;}
.join-information-con .txt-con {width: 100%; padding: 0;} 



}
@media screen and (max-width:1024px) {
.pc-br {display: none;} *{word-break: keep-all;}
#mainAboutCon, #mainServeCon {padding: 8rem 0;}
.main-title-con .tit {font-size: 2.6rem;}

.more-view {padding: 1rem 1.5rem; min-width: 0; width: 16rem;}
.more-view span {font-size: 1.3rem;}

.main-serve-item.active h2 {font-size: 2.6rem;}

.main-join-left-con {width: 25%; background-position: center;}
.main-join-right-con {width: 75%;}

.f-right-con {flex-flow: row wrap; gap: 2rem;}
.f-right-con .f-info dl dt {width: 8rem; font-size: 1.4rem;}
.f-right-con .f-info dl dd {font-size: 1.4rem;}
.f-right-con .f-family-con {width: 100%; text-align: right;}
.f-right-con .f-family-con .copy {font-size: 1.3rem;}
#footer .f-family-site .family-site {font-size: 1.3rem; min-width: 0; width: 22rem;}

/* subpage */
.initials-description {justify-content: center; gap: 2rem;}
.initials-description li {width: 30%; justify-content: normal;}
.initials-description .initials {width: 6rem; height: 6rem; font-size: 2.8rem;}
.initials-description .desc {padding-left: 1rem;}

.lions-club-top-con {padding: 4rem 2rem;}
.lions-club-top-img .top-img-con .bg {height: 30rem !important;}
.lions-club-top-img .top-txt-con h2 {font-size: 3.4rem;}

.history-txt-con h2 {font-size: 2.8rem;}
.history-txt-con p {font-size: 1.6rem;}
.initials-description .desc p {font-size: 1.7rem;}
.lions-club-top-img .top-txt-con h2 {font-size: 2.1rem;}

.lions-club-top-img .top-img-con .bg {height: 20rem !important;}
.history-txt-con {padding: 3rem 2rem;}
.history-txt-con h2 {font-size: 2.1rem;}
.cm-flex-con {flex-flow: row wrap; gap: 4rem;}
.volunteering-con .cm-flex-left-con {width: 100%;}
.volunteering-con .cm-flex-left-con img {width: 100%; height: 25rem; object-fit: cover;}
.volunteering-con .cm-flex-right-con {width: 100%; bottom: 0;}
.volunteering-con .cm-flex-right-con:before {display: none;}
.volunteering {padding: 4rem;}
.volunteering .deco-txt {font-size: 2.8rem;}
.volunteering .volunteering-list p,.volunteering .volunteering-list .num {font-size: 1.6rem;}
.volunteering .volunteering-list li {margin: 1rem 0;}
.volunteering .volunteering-list-con {min-height: 0; margin-top: 3rem;}

.greeting-con {flex-direction: row; gap: 4rem; justify-content: center;}
.greeting-txt-con {width: 100%; padding-left: 0;}
.greeting-con .ceo-img {width: auto; height: auto; padding: 3rem;}
.greeting-txt-con p {font-size: 1.6rem; margin-bottom: 1rem;}

.cm-tab-menu-con .cm-tab-menu ul {flex-flow: row wrap; width: auto;}
.cm-tab-menu-con .cm-tab-menu ul li {width: 100%; padding: 1.5rem;}
.cm-tab-menu-con .cm-tab-menu ul li span {font-size: 1.4rem;}

.lions-info-ceo-row .left-con .tit {font-size: 1.8rem;}
.lions-info-ceo-row .right-con ul li {font-size: 1.6rem;}
.lions-info-ceo-row .left-con {width: 15%;}
.lions-info-ceo-row .right-con {width: 85%;}

.history-ceo-row {margin-bottom: 5rem; gap: 2rem; padding: 2rem;}
.history-ceo-row .ceo-img-box {width: 25%;}
.history-ceo-row .txt-box {width: 75%; padding: 0;}
.history-ceo-row .txt-box .list-con {padding: 2rem;}
.history-ceo-row .txt-box .tit-con h4 {font-size: 1.7rem;}
.history-ceo-row .txt-box .tit-con h4 b {font-size: 1.7rem; margin-left: 1rem;}
.history-ceo-row .txt-box .tit-con h4 span {font-size: 1.5rem;}
.history-ceo-row .txt-box .list-con span {font-size: 1.5rem; margin-bottom: 1rem;}
.history-ceo-row .txt-box .list-con ul li {font-size: 1.5rem;}

.custom-table td, .custom-table th {font-size: 1.4rem; padding: 10px;}

}
@media screen and (max-width:767px) {
#mainAboutCon, #mainServeCon {padding: 6rem 0;}
.main-title-con {gap: 3rem 2rem;}
.main-title-con.bk {margin-bottom: 3rem;}
.main-serve-item h2 {font-size: 1.6rem;}
.main-serve-item.active h2 {font-size: 2rem;}
.main-join-right-con {padding: 6rem 0rem;}

.main-join-con {flex-direction: column;}
.main-join-con .main-title-con {border-left: 0;}
.main-join-left-con {width: 100%; height: 25rem;}
.main-join-right-con {width: 100%;}
.main-join-right-con:before {width: 100%; height: 50%; left: 0; top: -10rem; background: linear-gradient(0deg, var(--main-color), var(--main-color), var(--main-color), transparent);}
.footer-con .f-logo {width: 25rem; height: 60px;}

/* subpage */
.initials-description li {width: calc(50% - 2rem);}
.volunteering {padding: 3rem;}
.volunteering .volunteering-list li {gap: 1rem;}
.volunteering .deco-txt {font-size: 2.4rem;}
.volunteering .volunteering-list p {min-width: 100%;}

.lions-info-top-con .txt-con .tit {font-size: 2rem;}

.lions-info-list dl {width: 100%;}
.lions-info-list dl dt {font-size: 1.7rem;}
.lions-info-list dl dd {font-size: 1.5rem;}

.lions-info-ceo-row {flex-flow: row wrap; gap: 2rem; margin-bottom: 4rem;}
.lions-info-ceo-row .left-con,.lions-info-ceo-row .right-con {width: 100%;}
.lions-info-ceo-row .right-con ul.wrap-6 li {width: 20%;}
.lions-info-ceo-row .right-con ul li {width: 100%; font-size: 1.4rem;}
.lions-info-ceo-row .right-con ul li .date {margin-left: 1rem; font-size: 1.4rem;}

.history-ceo-row {flex-flow: row wrap;}
.history-ceo-row .ceo-img-box,.history-ceo-row .txt-box {width: 100%;}

.join-information-con .txt-con .info {display: flex; flex-direction: column; gap: 2rem; padding: 2rem 1rem;}
.join-information-con .txt-con .info dl {flex-flow: row wrap; gap: 1rem; margin: 0;}
.join-information-con .txt-con .info dl dt,.join-information-con .txt-con .info dl dd {width: 100%;}
.join-information-con .txt-con .info dl dd {font-size: 1.5rem;}
.join-information-con .txt-con .download-btn {text-align: center;}
.join-information-con .txt-con .txt p {font-size: 1.6rem;}

.club-rule-con  {flex-flow: row wrap; gap: 2rem;}
.club-rule-con .rule-tit-con,.club-rule-con .rule-des-con {width: 100%;}
.club-rule-con .rule-tit-con h4 {font-size: 2.1rem;}
.club-rule-con .rule-des-con {padding: 4rem;}

.club-rule-con {padding-bottom: 4rem; margin-bottom: 4rem;}
.club-rule-con .rule-row .txt {padding-left: 2rem;}
.club-rule-con .rule-row .tit h4 {font-size: 1.6rem;}
.club-rule-con .rule-row .txt p {font-size: 1.5rem;}

}
@media screen and (max-width:450px) {
.main-title-con .tit {font-size: 1.8rem;}
.main-title-con .txt {font-size: 1.5rem;}

.main-serve-list {flex-direction: column;}
.main-serve-item {width: 100%; height: 8rem; margin: 6px 0;}
.main-serve-item.active {width: 100%; height: 20rem;}

.main-join-con .main-title-more-con {gap: 2rem;}
.main-join-con .main-title-more-con .more-view {width: 100%; margin: 0;}

.footer-con {gap: 2rem;}
.f-right-con .f-info dl {gap: 1rem;}
.f-right-con .f-info dl dt {width: auto;}
.main-title-con .tit-eng:before {width: 1rem; height: 1rem;}

.main-serve-item.active h2 {font-size: 1.8rem; margin-bottom: 2rem;} 
.main-join-left-con {height: 20rem;}
.main-join-right-con:before {top: -7rem;}

.f-right-con .f-family-con,#footer .f-family-site {text-align: left;}
.footer-con .f-logo {width: 21rem; height: 50px;}
.f-right-con .f-info dl dt,.f-right-con .f-info dl dd {font-size: 1.3rem;}

/* subpage */
.initials-description li {width: 100%;}
.club-rule-con .rule-tit-con h4 {font-size: 1.7rem;}
.club-rule-con .rule-des-con {padding: 3rem 2rem;}
.initials-description .initials {width: 5rem; height: 5rem; font-size: 2.4rem;}
.history-txt-con h2 {font-size: 1.8rem;}
.history-txt-con p {font-size: 1.5rem;}
.history-txt-con img {object-fit: contain; width: 9rem; height: 9rem;}
.volunteering .deco-txt {font-size: 2.1rem;}
.volunteering {padding: 2rem;}
.volunteering .volunteering-list-con {margin-top: 2rem;}
.volunteering .volunteering-list p{font-size: 1.5rem;}
.volunteering .volunteering-list li {gap: 0.5rem;}
.history-ceo-row {margin-bottom: 4rem;}
.history-ceo-row .ceo-img-box img {object-fit: contain; width: 15rem; height: 19.7rem;}
.history-ceo-row .txt-box .tit-con h4,.history-ceo-row .txt-box .tit-con h4 b {font-size: 1.5rem;}
.club-rule-con .rule-row .tit h4,.club-rule-con .rule-row .txt {padding-left: 1.5rem;}
.join-information-con .txt-con .txt p {font-size: 1.5rem;}
.join-information-con .txt-con .info dl dt {font-size: 1.5rem;}
.join-information-con .txt-con .info dl dd {font-size: 1.4rem;}

}