/*
Theme Name: 책나무 독서코칭
Theme URI: https://leemyoungju.com
Description: 책나무 독서코칭 공식 사이트
Version: 3.0
Text Domain: dokseonongsul
*/
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css');

/* ── RESET ── */
*{margin:0;padding:0;box-sizing:border-box;}
html{font-size:10px;}
body{font-family:'Pretendard','Apple SD Gothic Neo','맑은 고딕',sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
img{display:block;border:0;max-width:100%;height:auto;}

.wrap{overflow:hidden;margin:auto;width:100%;}
.main_container{width:100%;}
.img-center{display:block;margin:0 auto;border:0;}
.img-padding1{display:block;margin-left:auto;margin-right:auto;padding:50px 0;border:0;}

/* ── 전체메뉴 오버레이 ── */
#allMenu{
  position:fixed;overflow:hidden;-webkit-overflow-scrolling:touch;
  z-index:101;width:100%;height:100%;margin:0 auto;
  margin-left:100%;background:#fff;
  transition:margin-left .5s;
}
#allMenu .top{position:relative;height:120px;width:960px;margin:0 auto;}
#allMenu #header-area{position:relative;height:120px;width:100%;border-bottom:1px solid #e0e0e0;}
.logo2{margin:auto;width:260px;z-index:11;}
.util{position:absolute;top:0;right:0;font-size:1.6em;}
.util ul{list-style:disc;display:inline-flex;}
.util li{line-height:40px;padding-top:20px;margin-right:40px;}
.util li a{color:#282828;display:block;}
.img-top{display:block;margin:20px auto 0;}

.menu-wrap{width:100%;min-width:960px;max-width:1280px;margin:0 auto;padding-top:60px;padding-bottom:60px;}
.menu-title{padding:20px 30px 0;text-align:left;font-size:2.5em;color:#000;font-weight:bold;}
.menu-title a{color:#000;}
.menu-sub{position:relative;width:100%;margin:0 auto;background:#fff;border-bottom:1px solid #ededed;margin-bottom:30px;padding:30px 0;}
.menu-sub ul{min-width:960px;max-width:1280px;overflow:hidden;display:block;margin:0 auto;padding-left:30px;}
.menu-sub ul li{margin:0 25px 40px;float:left;text-align:left;font-size:2.2em;letter-spacing:-2px;color:#000;}
.menu-sub a{display:block;text-align:left;letter-spacing:-2px;color:#000;}

.get-link{position:relative;width:100%;margin:0 auto;}
.get-link ul{min-width:960px;max-width:1280px;overflow:hidden;display:block;margin:0 auto;}
.get-link ul li{height:120px;float:left;margin:0 auto;font-size:2.2em;text-align:center;color:#fff;}
.get-link .bt{width:28%;text-align:center;margin:0 25px;border-radius:60px;background-color:#2e7d32;}
.get-link .bt a{display:block;text-align:center;padding-top:20px;height:120px;border-radius:60px;transition:all .3s ease;color:#fff;}
.get-link .bt a:hover{background-color:#1b5e20;padding-top:20px;}

/* ── HEADER ── */
header{width:100%;}
#header-area{position:relative;height:120px;width:100%;margin:0 auto;border-bottom:1px solid #e0e0e0;background:#fff;}
.top2{display:flex;justify-content:space-between;align-items:center;height:120px;width:890px;margin:0 auto;}
.hb-banner{display:flex;gap:10px;align-items:center;}
.hb-banner .slide img{height:60px;width:auto;}

/* GNB */
.gnb{margin:0 auto;width:100%;height:110px;background:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.gnb-list{text-align:center;margin:0 auto;width:960px;}
.gnb-list ul li{float:left;position:relative;margin-left:40px;margin-right:40px;font-weight:400;font-size:2.2em;padding-top:35px;letter-spacing:0;color:#000;}
.gnb-list ul li:last-child{float:right;margin-left:0;}
.gnb-list li a{display:inline-block;height:60px;color:#000;letter-spacing:-2px;}
.gnb-list li a:hover{color:#2e7d32;font-weight:700;}
#menuAll{cursor:pointer;}

/* ── KV VISUAL ── */
.kv_bg{background:linear-gradient(to bottom,#1a6b2e 0%,#4caf50 20%,#000 51%);}
.kv_logo{background:url('../images/logo_02.png') no-repeat top right;background-position-y:-280px;background-position-x:580px;}
.kv_box{display:block;margin:auto;width:600px;font-size:3em;color:#fff;padding:200px 0;text-align:center;line-height:1.4;letter-spacing:-1px;}
.kv_ani{font-size:1.6em;font-weight:600;margin:auto;display:inline-block;width:600px;line-height:2;margin-bottom:60px;}
.kv_ani ul li{float:left;position:relative;width:500px;}
.kv_ani ul li:first-child{float:left;width:50px;}
.kv_ani ul li:last-child{float:right;width:50px;}
.kv_box p{font-size:1.2em;font-weight:700;color:#fff;letter-spacing:-2px;}
.kv_small{margin-top:160px;font-weight:400;}
.kv_box img{display:inline-block;margin:33px 100px;width:235px;height:150px;}
.select-txt{color:#2e7d32;}

.mainWords{position:relative;top:-20px;}
.motion_mainWords{display:block !important;margin:0 auto;}

/* 단어 애니메이션 */
.mainWords img{opacity:0;animation:wordFade 8s infinite;}
.mainWords img:nth-child(1){animation-delay:0s;}
.mainWords img:nth-child(2){animation-delay:2s;}
.mainWords img:nth-child(3){animation-delay:4s;}
.mainWords img:nth-child(4){animation-delay:6s;}
@keyframes wordFade{
  0%,3%{opacity:0;transform:translateY(10px);}
  8%,23%{opacity:1;transform:translateY(0);}
  28%,100%{opacity:0;transform:translateY(-10px);}
}

/* ── SECTION 분기 ── */
.edu_margin_01{position:relative;width:100%;border-top-left-radius:60px;border-top-right-radius:60px;height:100px;background:#fff;}
.edu_margin_02{position:relative;width:100%;border-top-left-radius:60px;border-top-right-radius:60px;height:100px;background:#2d8a3e;}

/* 읽기 섹션 */
.edu_section_reading{position:relative;width:100%;margin:auto;background:linear-gradient(to bottom,#fff 50%,#e8f5e9 100%);text-align:center;font-size:2em;}
.edu_section_reading p{font-size:1.2em;letter-spacing:-1px;line-height:1.4;}
.edu_title_01{font-size:2em;font-weight:700;letter-spacing:-1px;color:#2e7d32;line-height:1.8;}
.edu_dot_1{margin:auto;height:12px;width:12px;background:#2e7d32;border-radius:50%;display:block;}

.cont_list{margin:auto;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center;font-size:.5em;padding:100px 0 150px;}
.cont_list ul li{float:left;position:relative;margin-right:40px;padding-right:40px;font-weight:400;letter-spacing:-1px;font-size:1.8em;color:#2e2e2e;line-height:1.4;}
.cont_list ul:after{content:'';display:block;clear:both;}
.cont_list ul li:after{content:'';position:absolute;top:0;right:0;bottom:0;margin:auto;width:1px;height:140px;background:#838383;}
.cont_list ul li:last-child{margin-right:0;padding-right:0;}
.cont_list ul li:last-child:after{content:none;}

/* 쓰기 섹션 */
.edu_section_writing{position:relative;width:100%;margin:auto;background:linear-gradient(to bottom,#2d8a3e 50%,#4cb85e 100%);text-align:center;font-size:2em;}
.edu_section_writing p{font-size:1.2em;letter-spacing:-1px;line-height:1.4;color:#fff;}
.edu_title_02{font-size:2em;font-weight:700;letter-spacing:-1px;color:#fff;}
.edu_dot_2{height:12px;width:12px;background:#e8f5e9;border-radius:50%;display:inline-block;margin-right:10px;}
.edu_dot_3{height:12px;width:12px;background:#fff;border-radius:50%;display:inline-block;}

.writing_list{margin:auto;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center;font-size:.5em;padding-bottom:150px;}
.writing_list ul li{float:left;position:relative;margin-right:40px;padding-right:40px;font-weight:400;letter-spacing:-1px;font-size:1.8em;color:#fff;line-height:1.4;}
.writing_list ul:after{content:'';display:block;clear:both;}
.writing_list ul li:after{content:'';position:absolute;top:0;right:0;bottom:0;margin:auto;width:1px;height:140px;background:#fff;}
.writing_list ul li:last-child{margin-right:0;padding-right:0;}
.writing_list ul li:last-child:after{content:none;}

/* 말하기 섹션 */
.edu_title_03{font-size:2em;font-weight:700;letter-spacing:-1px;color:#2e7d32;}
.edu_dot_4{height:12px;width:12px;background:#4caf50;border-radius:50%;display:inline-block;margin-right:10px;}
.edu_dot_5{height:12px;width:12px;background:#2e7d32;border-radius:50%;display:inline-block;}

/* ── 교육 철학 영역 ── */
.hanuri_img{position:relative;width:100%;height:628px;text-align:center;margin:0 auto;background:url('../images/img_study.png') no-repeat top center;background-size:cover;mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 70%,rgba(0,0,0,0));}
.hanuri_section_01{position:relative;width:100%;margin:auto;background:#000;text-align:center;font-size:2em;padding-top:100px;color:#fff;}
.hanuri_section_01 p{font-size:1.2em;letter-spacing:-1px;line-height:1.4;color:#fff;font-weight:700;}
.hanuri_section_02{position:relative;width:100%;margin:auto;background:#000;text-align:center;font-size:2em;padding-top:60px;font-weight:700;}
.hanuri_section_02 p{font-size:1.4em;letter-spacing:-1px;line-height:1.4;color:#33a84d;}
.hanuri_section_03{position:relative;width:100%;margin:auto;background:linear-gradient(to bottom,#000 80%,#343434 100%);text-align:center;font-size:2em;padding-top:30px;}
.hanuri_section_03 p{font-size:1.6em;font-weight:700;line-height:1.2;color:#fff;}
.hanuri_section_04{position:relative;width:100%;margin:auto;background:#000;}
.hanuri_section_count{width:960px;margin:auto;height:867px;}
.hanuri_section_countbox{width:960px;height:1000px;color:#c8c8c8;font-size:1.6em;padding-top:100px;margin:auto;}
.hanuri_section_countbox ul{width:860px;margin:auto;padding-top:60px;}
.count_txt{font-size:3em;font-weight:700;color:#33a84d;letter-spacing:-4px;display:inline-block;}
.count_txt_2{font-size:3em;font-weight:700;color:#33a84d;letter-spacing:-4px;}
.hanuri_margin{position:relative;width:100%;border-top-left-radius:60px;border-top-right-radius:60px;height:100px;background:#ebeaec;}

/* ── 프로그램 섹션 ── */
.program_section{position:relative;width:100%;margin:auto;background:#ebeaec;text-align:center;font-size:2em;padding-bottom:100px;overflow:hidden;}
.tab{display:inline-block;margin-top:20px;margin-bottom:20px;}
.tab button{background-color:#dbdbdb;margin:10px;float:left;border:none;border-radius:50px;height:100px;outline:none;cursor:pointer;padding:20px 40px;transition:.3s;font-size:1em;font-family:inherit;}
.tab button:hover{background-color:#ddd;}
.tab button.active{background-color:#388e3c;font-weight:700;color:#fff;}
.tabcontent{width:834px;margin:auto;margin-top:40px;overflow:hidden;display:none;}
.tabcontent img{float:left;padding:20px;cursor:pointer;}
.fade{animation-name:fade;animation-duration:1.5s;}
@keyframes fade{from{opacity:.4}to{opacity:1}}

/* ── FOOTER ── */
.footer-menu-wrap{background:linear-gradient(to left bottom,#2e7d32 0%,#33a84d 100%);width:100%;height:110px;}
.footer-menu{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center;}
.footer_link2{padding:40px 0;}
.footer_link2 ul li{float:left;position:relative;margin-right:17px;padding-right:20px;}
.footer_link2 ul:after{content:'';display:block;clear:both;}
.footer_link2 ul li:after{content:'';position:absolute;top:0;right:0;bottom:0;margin:auto;width:1px;height:20px;background:#e5e5e5;}
.footer_link2 ul li:last-child:after{content:none;}
.footer_link2 ul li:last-child{margin:0;padding:0;}

.footer-company-wrap{background:#282828;width:100%;}
.footer-area{position:relative;width:900px;margin:auto;text-align:left;padding-bottom:30px;display:block;}
.footer-company{position:relative;width:900px;margin:auto;text-align:left;padding-bottom:200px;padding-top:40px;font-weight:400;font-size:1.6em;color:#c3c3c3;line-height:1.4;}
.footer-menu-list{width:900px;display:inline-block;margin:auto;margin-bottom:30px;}
.footer-menu-list ul li{float:left;position:relative;margin-right:60px;}
.footer-menu-list a{color:#fff;height:30px;}
.footer-menu-list a:hover{color:#2e7d32;font-weight:400;}
.point-txt{color:#2e7d32;}
.footer-txt5{font-size:.8em;color:#c3c3c3;}
.footer-isms{width:100px;position:absolute;top:40px;right:0;}

hr{height:0;border:0;}

/* ── 플로팅 버튼 ── */
.floating_top_m_main{display:block;position:fixed;z-index:99;bottom:300px;right:20px;width:100px;height:100px;cursor:pointer;}

/* ── 이미지 플로팅 애니메이션 ── */
@keyframes floatUp{0%,100%{transform:translateY(0);}50%{transform:translateY(-18px);}}
@keyframes shadowPulse{0%,100%{transform:scaleX(1);opacity:.6;}50%{transform:scaleX(.85);opacity:.3;}}
.floater{animation:floatUp 3s ease-in-out infinite;}
.pulse{animation:shadowPulse 3s ease-in-out infinite;transform-origin:center;}

/* ── RESPONSIVE ── */
@media screen and (max-width:960px){
  .kv_box{width:90%;font-size:2em;padding:120px 20px;}
  .kv_ani{width:100%;}
  .kv_box img{margin:20px 30px;width:140px;height:90px;}
  .kv_small{margin-top:60px;}
  .cont_list{flex-direction:column;padding:60px 20px 80px;}
  .cont_list ul li{margin:0 0 30px;padding:0 0 30px;border-bottom:1px solid #ccc;}
  .cont_list ul li:after{display:none;}
  .writing_list{flex-direction:column;padding:40px 20px 80px;}
  .writing_list ul li{margin:0 0 30px;padding:0 0 30px;border-bottom:1px solid rgba(255,255,255,.4);}
  .writing_list ul li:after{display:none;}
  .top2{width:100%;padding:0 20px;flex-wrap:wrap;}
  .logo2{width:180px;}
  .hb-banner{display:none;}
  .gnb-list{width:100%;overflow-x:auto;}
  .gnb-list ul li{margin:0 15px;}
  .gnb-list ul li{font-size:1.8em;}
  .hanuri_img{height:300px;}
  .hanuri_section_count{width:100%;}
  .hanuri_section_countbox{width:100%;padding:40px 20px;}
  .hanuri_section_countbox ul{width:100%;}
  .tabcontent{width:100%;}
  .menu-wrap{min-width:auto;}
  .get-link ul{min-width:auto;flex-direction:column;}
  .menu-sub ul{min-width:auto;}
  .footer-company{width:100%;padding:20px;}
  .footer-menu-list{width:100%;padding:0 20px;}
  .footer-area{width:100%;}
  .program_section{font-size:1.5em;}
  .tab button{padding:15px 20px;height:70px;}
}