@import url(reset.css);
@import url(font.css);


body { 
    --mainbg: #F1EEE9 ;
    overflow-x: hidden;
    font-size: 10px;
}

.motextbox { display: none;}
.mobtn { display: none;}




 .btn { box-shadow: 0 0 2px;
  width: 126px; height: 40px; border-radius: 20px; background: #000; display: flex; justify-content: center; align-items: center; margin-top: 40px;}
 .btn a{ color: #fff; display: flex; align-items: center;}
.btn img { margin-left: 8px;}



 .num{  display: flex; justify-content: center;align-items: center; margin-top: 20px; }
 .num img { cursor: pointer;  }
 .num .numlist { font-size: 20px;font-family: 'Pretendard'; font-weight: 700;; color: #575043; margin: 0 50px; }
 .num .numlist span {  color: #000;}





.centerbox { margin: 0  auto;}

#visual { background : var(--mainbg); height: 100vh;display: flex; justify-content: center; align-items: center; overflow: hidden;}




.sec1 { background: url(../images/main1.png) no-repeat center top; height: 100vh; position: relative; }
.sec1 .centerbox { max-width: 1600px; }
.sec1 .centerbox .menu {  box-shadow: 0 0 20px rgba(0,0,0,0.1); 
  display: flex; justify-content: space-between;background: rgba(255, 255, 255, 0.5) ; height: 69px; align-items: center; position: fixed; top: 20px; left: 50%; transform: translateX(-50%);  width: min(100%, 1600px);  z-index: 99;}
.sec1 .centerbox .menu h1 { margin-left: 30px;}
.sec1 .centerbox .menu .gnb { display: flex; margin-right: 30px; gap: 130px; height: 100%;} 
.sec1 .centerbox .menu .gnb li{ height: 100%; } 
.sec1 .centerbox .menu .gnb li a{  font-family: 'Pretendard'; font-weight: 700;; color: #000; font-size: 18px; height: 100%; align-items: center;  display: flex; } 


.sec1 .minimenu { background: #575043; display: flex; position: fixed; top: 252px;  align-items: center;  width: 115px; height: 45px; justify-content: center; letter-spacing: 2px; left: -35px; z-index: 99;
      cursor: pointer; transform: rotate(90deg); box-shadow: 0  0 4px;} 
.sec1 .minimenu p{ color: #fff; font-size: 14px; font-family: 'Pretendard-SemiBold'; }
.sec1 .minimenu img { width: 9px; height: 12px;  margin-left: 20px;}



.sec1 .radiusbtn1 {   
    left: 146px;
  bottom: 481px;
  width: 170px;
  height: 170px;
  
  position: absolute;
  display: flex; justify-content: center;
  align-items: center;
  
}


.sec1 .radiusbtn1 .radbtn3 { background: rgba(255, 255, 255, 0.5);  width: 100px; height: 100px;  border-radius: 50%; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center;}  
.sec1 .radiusbtn1 .radbtn3 p { font-size: 14px ; font-family: 'Pretendard-SemiBold';}
.sec1 .radiusbtn1 .radbtn3 img { }

.sec1 .radiusbtn1 .circle-text {
  width: 100%;
  height: 100%;
}


.radbtn2 { background: rgba(255, 255, 255, 0.3);; width: 120px; height: 120px; position: absolute; border-radius: 50%; opacity: 1; display: flex; justify-content: center; align-items: center;}

.sec1 .radiusbtn2 {   
    left: 146px;
  bottom:  293px;
  width: 170px;
  height: 170px;
  
  position: absolute;
  
  display: flex;
  justify-content: center;
  align-items: center;
 
  
}



.sec1 .radiusbtn2 .circle-text {
  width: 100%;
  height: 100%;
}

.sec1 .radiusbtn2 .radbtn3 { background: rgba(255, 255, 255, 0.5);  width: 100px; height: 100px;  border-radius: 50%; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center;}
.sec1 .radiusbtn2 .radbtn3 p { font-size: 14px ; font-family: 'Pretendard-SemiBold';}
.sec1 .radiusbtn2 .radbtn3 img {  margin-left: 5px; }




.sec2{ height: 100vh; background: var(--mainbg); position: relative; overflow: hidden;}
.sec2 .centerbox{ max-width: 1920px; margin: 0 auto ;  }
.sec2 .centerbox .imgbox { position: absolute; bottom: 0;}

.sec2 .textbox  { display: flex; margin-top: 250px; margin-left: 270px;}
.sec2 .textbox h2 {font-family: 'SfHambakneun';  font-size: 18px;  color: #575043; border-bottom: 2px solid#575043; padding-bottom: 5px;}   


.sec2 .textbox2 { margin-top: 40px; margin-left: 270px;}
.sec2 .textbox2  h2{ font-size: 36px; color: #000; font-family: 'SpokaHanSansNeo1';;}
.sec2 .textbox2  h2 span{ font-size: 36px; color: #575043;  font-family: 'SpokaHanSansNeo';}



.sec3 { height: 100vh; background: var(--mainbg); overflow: hidden; }
.sec3 .centerbox {display: flex; flex-direction: column; justify-content: center; align-items: center;  max-width: 1920px;}
.sec3  .link0 { width: 100%; height: 100px;}
.sec3  .link1, .link2, .link3 ,.link4  { width: 100%; height: 180px; font-family: 'GounBatang2';  display: flex; align-items: center; margin-left: 20%;}
.sec3  .link1 a, .link2 a, .link3 a,.link4 a { font-size: 60px;   color: #575043;}

.sec3  .link1:hover {background: url(../images/sec3menu1.png) ;}
.sec3  .link2:hover {background: url(../images/sec3menu2.png) ;}
.sec3  .link3:hover {background: url(../images/sec3menu3.png) ;}
.sec3  .link4:hover {background: url(../images/sec3menu4.png) ;}
.sec3  .link1:hover a {color: #f9f9f9; }
.sec3  .link2:hover a {color: #f9f9f9; }
.sec3  .link3:hover a {color: #f9f9f9; }
.sec3  .link4:hover a {color: #f9f9f9; }

.sec4 { height: 100vh; background: var(--mainbg); overflow: hidden;}
.sec4 .centerbox{ display: flex; margin-top: 234px; max-width: 1920px;}
.sec4 .centerbox .part1{ display: flex; flex-direction: column;  height: 100%; height: 574px; justify-content: end;}
.sec4 .centerbox .part1 .titlebox{ margin-left: 270px;}

.sec4 .centerbox .part1 .titlebox p{ font-size: 18px; font-family: 'SfHambakneun'; color: #575043; margin-bottom: 8px;}
.sec4 .centerbox .part1 .titlebox .line {background: #575043; width: 177px; height: 2px; margin-bottom: 40px;}
.sec4 .centerbox .part1 .subtitle{}
.sec4 .centerbox .part1 .subtitle p {  font-size: 16px; margin-bottom: 43px;}
.sec4 .centerbox .part1 .subtitle h2 {font-size: 36px; color: #575043; font-family: 'SfHambakneun' ; margin-bottom: 5px; }
.sec4 .centerbox .part1 .imgbox img {width: 200px; height: 80px; object-fit: cover;  margin-top: 15px; object-position: center; border-radius: 5px;}

.sec4 .centerbox .part2{}
.sec4 .centerbox .part2 .slidebox { overflow: hidden; display: flex; margin-left: 50px;}
.sec4 .centerbox .part2 .slidebox img {width: 1400px; height: 573px;} 

.sec5 {height: 100vh; background: var(--mainbg); overflow: hidden;}
.sec5 .centerbox { max-width:  1920px; display: flex; margin-top: 250px;}
.sec5 .centerbox .part1 { margin-left: 50px; }
.sec5 .centerbox .part1 .titlebox p{ font-size: 18px; font-family: 'SfHambakneun'; color: #575043; margin-bottom: 8px;}
.sec5 .centerbox .part1 .titlebox .line {background: #575043; width: 177px; height: 2px; margin-bottom: 40px;}
.sec5 .centerbox .part1 .subtitle p {  font-size: 16px; margin-bottom: 43px;}
.sec5 .centerbox .part1 .subtitle h2 {font-size: 36px; color: #575043; font-family: 'SfHambakneun' ; margin-bottom: 5px; }
.sec5 .centerbox .part1 .imgbox { display: flex; flex-direction: column;}
.sec5 .centerbox .part1 .imgbox  img { margin-bottom: 15px;}



.sec5 .part2  .slidebox { display: flex; width: 1387px; height: 639px;}
.sec5 .part2  .slidebox img {width: 1387px; height: 639px; object-fit: cover; margin-right: 50%;}


.sec6 {height: 100vh; background: var(--mainbg);}
.sec6 .centerbox { max-width:  1920px; display: flex;}
.sec6 .centerbox .part1 {  margin-left: 181px; margin-top: 200px;}
.sec6 .centerbox .part1 .titlebox p{ font-size: 18px; font-family: 'SfHambakneun'; color: #575043; margin-bottom: 8px; margin-top: 43px;}
.sec6 .centerbox .part1 .titlebox .line {background: #575043; width: 177px; height: 2px; margin-bottom: 40px;}
.sec6 .centerbox .part1 .subtitle p {  font-size: 16px; margin-bottom: 43px; margin-top: 0;}
.sec6 .centerbox .part1 .subtitle h2 {font-size: 36px; color: #575043; font-family: 'SfHambakneun' ; margin-bottom: 5px; }
.sec6 .centerbox .part1 .imgbox { display: flex; flex-direction: column; }
.sec6 .centerbox .part1 .imgbox img { margin-bottom: 15px; width: 200px; height: 80px; object-fit: cover;}

.sec6 .slidebox { display: flex; max-width: 1064px; height: 706px; overflow: hidden;  margin-top: 200px; margin-left: 50px; }
.sec6 .slidebox img { width: 1064px; height: 706px;}




.sec7 { height: 100vh; background: var(--mainbg);background: url(../images/sec7visual.png) no-repeat center;}
.sec7 .centerbox {  height: 100%; display: flex; max-width: 1100px; justify-content: space-between;} 

.sec7 .part1 {}
.sec7 .part1 .textbox { margin-top: 360px;}
.sec7 .part1 .textbox em {font-style: normal; font-size: 16px; color: #575043;font-family: 'SfHambakneun';}
.sec7 .part1 .textbox h2 {font-size: 36px;  color: #575043;font-family: 'SfHambakneun';  margin-bottom: 8px;}
.sec7 .part1 .textbox p{ font-size: 18px; color: #575043;font-family: 'SfHambakneun'; margin-bottom: 8px;}
.sec7 .part1 .textbox .line{ width: 177px; height: 1px; background: #575043; margin-bottom: 40px;}

.sec7 .part2 { display: flex;align-items: center;  }
.sec7 .part2  .textbox1-1,.sec7 .part2 .textbox1-2 ,.sec7 .part2 .textbox2{ border-left: 1px solid #5D5745; font-size: 20px; font-family: 'SfHambakneun';color: #5D5745; padding: 0 30px; height: 370px;
 } 


.sec7 .part2 .textbox2 { border-right: 1px solid #5D5745;}



.sec8 { height: 100vh; background: url(../images/sec8bg.png);}
.sec8 .centerbox { max-width:1550px ; display: flex; position: relative;}
.sec8 .part1 {  }
.sec8 .part1 .textbox{ margin-top: 250px; margin-left: 150px; }
.sec8 .part1 .textbox h2{ font-size: 36px; color: #575043; font-family: 'Pretendard';font-weight: 800;; margin-bottom: 20px;}
.sec8 .part1 .textbox p{ font-size: 20px;  color: #575043; margin-bottom: 20px;}  
.sec8 .part1 .line { width: 770px; height: 1px; background: #575043; margin-top: 180px;}

.sec8 .part2  { border-left: 1px solid #000; margin-top: 180px; display: flex; height: 687px;}
.sec8 .part2 .subtext { transform: rotate(90deg);  font-family: 'Pretendard'; font-weight: 500;;color: #575043; letter-spacing: 0.3rem; font-size: 20px;  position: absolute; right: 40%; top: 600px}
.sec8 .part2 .cardbox {   }
.sec8 .part2 .cardbox2 {display: none;   }
.sec8 .part2 .cardbox3 {display: none;   }
.sec8 .part2 .cardbox4 {display: none;   }
.sec8 .part2 .cardbox5 {display: none;   }
.sec8 .part2 .cardbox6 {display: none;   }
.sec8 .part2 .cardbox7 {display: none;   }
.sec8 .part2 .cardbox8 {display: none;   }
.sec8 .part2 .cardbox9 {display: none;   }
.sec8 .part2 .cardbox10 {display: none;   }
.sec8 .part2 .cardbox11 {display: none;   }
.sec8 .part2 .cardbox12 {display: none;   }
.sec8 .part2 .cardbox13{display: none;   }
.sec8 .part2 .cardbox14{display: none;   }

.sec8 .part2 .cardbox .profile{ text-align: center;  margin-left: 140px; margin-top: 70px; position: relative;} 
.sec8 .part2 .cardbox .profile > p { font-size: 15px;  color: #575043; font-family: 'Pretendard'; font-weight: 700;; margin-top: 15px; }  
.sec8 .part2 .cardbox .profile > p span {font-size: 20px; color: #575043; font-family: 'Pretendard'; font-weight: 700;;    margin-right: 6px;} 
.sec8 .part2 .cardbox .profile > img {  z-index: 88;   position: relative;   } 
.sec8 .part2 .cardbox .profile .num{  display: flex; justify-content: center;align-items: center; margin-top: 20px; }
.sec8 .part2 .cardbox .profile .num img { cursor: pointer;  }
.sec8 .part2 .cardbox .profile .num .numlist { font-size: 20px;font-family: 'Pretendard'; font-weight: 700;; color: #575043; margin: 0 50px; }
.sec8 .part2 .cardbox .profile .num .numlist span {  color: #000;}

.sec8 .part2 .cardbox .profile .radius{ background:rgba(255, 255, 255, 0.5); width: 216px; height: 216px; border-radius: 50%; position: absolute; top: 0px; transition: 1s;}


.sec8 .part2 .textbox { margin-top: 170px; margin-left: 85px; border-right: 1px solid #575043; height:200px; }
.sec8 .part2 .textbox .line { width: 350px; height: 1px; background: #575043;  position: absolute; top: 385px;}
.sec8 .part2 .textbox .cont {margin-top: 30px; margin-right: 30px; }
.sec8 .part2 .textbox .cont p { margin-bottom: 20px; font-size: 16px;font-family: 'Pretendard'; font-weight: 700;;color: #575043; }
.sec8 .part2 .textbox h2 { font-size:20px ; color: #575043;font-family: 'Pretendard'; font-weight: 700;;margin-bottom: 15px;}
.sec8 .part2 .btn { width: 126px; height: 40px; border-radius: 20px; background: #000; display: flex; justify-content: center; align-items: center; margin-top: 40px;}
.sec8 .part2 .btn a{ color: #fff; display: flex; align-items: center;}
.sec8 .part2 .btn img { margin-left: 8px;}

.sec8 .part2 .textbox2 {display: none;}
.sec8 .part2 .textbox3 {display: none;}
.sec8 .part2 .textbox4 {display: none;}
.sec8 .part2 .textbox5 {display: none;}
.sec8 .part2 .textbox6 {display: none;}
.sec8 .part2 .textbox7 {display: none;}
.sec8 .part2 .textbox8 {display: none;}
.sec8 .part2 .textbox9 {display: none;}
.sec8 .part2 .textbox10 {display: none;}
.sec8 .part2 .textbox11 {display: none;}
.sec8 .part2 .textbox12 {display: none;}
.sec8 .part2 .textbox13 {display: none;}
.sec8 .part2 .textbox14 {display: none;}


.sec9 { height: 100vh;  background: #f9f9f9;}
.sec9 .centerbox {}
.sec9 .centerbox .part1 {width: 1530px; height: 43vh ; border-bottom:2px solid #575043; margin: 0 auto;  display: flex;}
.sec9 .centerbox .part1  .titlebox {  margin-right: 40px; margin-top: 248px;}
.sec9 .centerbox .part1  .titlebox h2{ font-size: 36px; color: #7A6E66; font-family: 'Pretendard'; font-weight: 400;; font-weight: 400;}
.sec9 .centerbox .part1  .titlebox h2 span{ font-weight: 600;}
.sec9 .centerbox .part1  .sec9_btn { background: #575043;margin-top: 289px;}
.sec9 .centerbox .part2 {}
.sec9 .centerbox .part2 .imgbox{ display: flex; gap: 50px; justify-content: center; margin-top: 95px;}
.sec9 .centerbox .part2 .imgbox li{}
.sec9 .centerbox .part2 .imgbox li a{}
.sec9 .centerbox .part2 .imgbox li a h3{margin-top: 13px; margin-left: 15px; font-size: 20px; color: #575043;}
.sec9 .centerbox .part2 .imgbox li a p{ margin-left: 15px; font-size: 16px; color:#575043 ;}

.sec9_num{margin-top: 50px;}


.sec10 {height: 100vh; background: #F1EEE9;} 
.sec10 .centerbox { position: relative;}
.sec10 .title { }
.sec10 .title h2{ font-size: 96px; color: #575043; font-family: 'DaeguCatholicUniversity';  font-weight: normal;display: flex; justify-content: center; position: absolute; 
  left: 50%; transform: translateX(-50%);
  width: 100%; letter-spacing: 1; top: 30%; }
  
.yt_wrap {
    position: relative;
    left: 50%; 
    transform: translateX(-50%);
    width: 930px;
    border-radius: 30px;
    overflow: hidden;
    height: 480px;
    top:  200px;
    
    aspect-ratio: 16 / 9;            /* 최신 브라우저 */
    
    
  }
.yt_wrap iframe {
    position: absolute; inset: 0;
    
    border: 0; 
    
  }




footer { background: #575043; height: 400px;}
footer .centerbox { max-width: 1700px; border: 1px solid #575043;}

footer .fgnb {display: flex;  gap: 60px; margin-top: 35px; margin-left: 100px; margin-bottom: 20px;}
footer .fgnb li{ }
footer .fgnb li a{ color: #fff; font-size:  16px;font-family: 'Pretendard'; font-weight: 400;; }

footer .cardgnb { display: flex; gap: 20px;}
footer .cardgnb li{ display: flex;  gap: 30px;}
footer .cardgnb li a{margin-top: 30px; margin-left: 20px;}
footer .cardgnb li a p{ margin-bottom: 15px; font-size: 15px; color: #fff; font-family: 'Pretendard'; font-weight: 400;;}
footer .cardgnb li a p.p1 {font-size: 18px;}
footer .cardgnb li a.cardpbox {margin-top:33px}

footer .baro { margin-top: 100px; margin-left: 100px;}
footer .baro h3 {font-size: 18px;    font-family: 'Pretendard'; font-weight: 400;; color: #ffffff; font-weight: normal; margin-left: 68px;
margin-bottom: 20px;}
footer .baro img{ margin-left: 20px; }
footer .copy { color: #fff; float: right; font-size: 15px;}







/* //gpt// */
/* ===== Motion 토큰 & 접근성 ===== */
:root {
  --ease: cubic-bezier(.2,.8,.2,1);
  --dur: .8s;
}
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}

/* ===== 공통 리빌 유틸 ===== */
.reveal { opacity: 0; transform: translateY(16px); transition: opacity 1s var(--ease), transform var(--dur) var(--ease); }
.reveal.in { opacity: 1; transform: none; }

/* ===== 히어로(visual) 약한 패럴랙스 대비 ===== */
#visual .centerbox img { display:block; width:100%; height:auto; }

/* ===== 원형 버튼(회전 텍스트 + hover 살짝 확대) ===== */
.circle-text { position:absolute; inset:0; transform-origin: 50% 50%; animation: spin 4s linear infinite; }

.circle-text_2 { position:absolute; inset:0; transform-origin: 50% 50%; animation: spin2 4s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes spin2 { to { transform: rotate(-360deg); } }
.sec1 .radiusbtn1 .radbtn3 img,
.sec1 .radiusbtn2 .radbtn3 img { transition: transform .25s var(--ease); }
.sec1 .radiusbtn1:hover .radbtn3 img,
.sec1 .radiusbtn2:hover .radbtn3 img { transform: scale(1.1); }

/* ===== sec3 텍스트 목록: 등장 + 얇은 언더라인 드로우 ===== */
.sec3 .centerbox > div a { position: relative; display:inline-block; }
.sec3 .centerbox > div a::after{
  content:''; position:absolute; left:0; bottom:-6px; height:1px; width:0;
  background:#575043; transition: width .6s var(--ease);
}
.reveal.in a::after{ width:100%; }
.sec3 .centerbox > div a:hover { transform: translateX(4px); transition: transform .2s var(--ease); }



/* ===== sec7 세로 텍스트: 순차 등장(기존 레이아웃 유지) ===== */
.sec7 .part2 span { opacity:0; transform: translateY(8px); transition: opacity .5s var(--ease), transform .5s var(--ease); }
.sec7.in .part2 span { opacity:1; transform:none; transition-delay: calc(var(--i) * 25ms); }


.reveal.in .line::before{ width:100%; }

/* ===== sec9 프로모션: 카드 hover ===== */
.sec9 .centerbox .part2 .imgbox li a {
  display:block; border-radius: 10px; overflow:hidden;
  transition: transform .2s var(--ease), box-shadow .2s var(--ease);
}
.sec9 .centerbox .part2 .imgbox li a:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0,0,0,.08);
}



@media screen  and (max-width: 475px) {
  .sec1  .centerbox {display: flex; justify-content: center; align-items: center; }
  .sec1  .centerbox .menu { display: none;}
  .sec1 .minimenu { width: 20px; height: 20px; left: 0; padding: 0.5rem; display: flex; position: fixed; justify-content: center; align-items: center;} 
  .sec1 .minimenu img { margin: 0;transform: rotate(-90deg); margin-right: 7px; }
  .sec1 .minimenu p { font-size: 0;}
  .momenu { width: 20px; height: 2px; background: #000;  position: absolute; top: 5%; left: 5%;  cursor: pointer;} 
  .momenu  img { }
  .momenu::before { content: ""; width: 20px; height: 2px; background: #000; margin-top: 5px; position: absolute;}
  .momenu::after { content: ""; width: 20px; height: 2px; background: #000000; margin-top: 10px; position: absolute;}
  

 .sec1 .radiusbtn1 { left: 50%; top: 40%; transform: translate(-50%, -30%);}
 .sec1 .radiusbtn2 { left: 50%; top: 80%; transform: translate( -50%,-80%) ;}  
 .motextbox { font-size: 2rem; margin-top: 8rem;  font-family: 'Pretendard'; font-weight: 600; color: #ffffff ;  background: rgba(0, 0, 0, 0.5); border-radius: 10px; display: block;}
.motextbox p { padding: 1rem;}
.sec2 .centerbox { display: flex; flex-direction:  column; }
.sec2 .textbox { margin: 0 auto; padding-top: 3rem; padding-bottom: 1rem;}
.sec2 .textbox2 { margin: 0 auto;  text-align: center; margin-top: 2rem;} 
.sec2 .imgbox { height: 50%; margin: 0 auto;}
.reveal {
  opacity: 0;
  transform: translateY(20px);
  will-change: opacity, transform;
  transition: opacity .6s ease, transform .6s ease;
}
.reveal.in {
  opacity: 1;
  transform: translateY(0);
}
.sec3 { height: auto;}
.sec3 .link0 { }
.sec3 .link1, .link2, .link3, .link4 { margin: 0 auto; height: 100px; justify-content: center;}
.sec3 .link1 a, .link2 a, .link3 a, .link4 a { font-size: 20px;}


.sec4 { height: auto;}
.sec4 .centerbox { margin-top: 0;}
.sec4 .part2  { display: none }
.sec4 .centerbox .part1 .titlebox { margin: 0 auto; display: flex; flex-direction: column; justify-content: center;}
.sec4 .part1 { text-align: center;  height: auto; justify-content: center;    }
.sec4 .centerbox .part1 .titlebox .line { margin: 0 auto;} 



.sec5 .centerbox {margin-top: 100px; justify-content: center;}
.sec5 .centerbox .part1 { margin-left: 0;}
.sec5 .part2 .slidebox { display: none;}

.sec6 .slidebox img { display: none;}
.sec6 .centerbox  { justify-content: center;}
.sec6 .centerbox .part1 { margin-left: 0; margin-top: 100px;}
.sec6 .centerbox .part2  {display: none; }





.sec7 .centerbox { display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sec7 .part1 .textbox { margin-top: 0;}
.sec7 .part1 .textbox { margin-bottom: 50px;}
.sec7 .part1 { display: flex; margin-top: 0;}
  



.sec8 {}
.sec8 .centerbox { display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sec8 .part1 .textbox { margin: 0 auto; text-align: center; margin-top: 50px;}
.sec8 .part1 .textbox h2 { font-size: 20px; }
.sec8 .part1 .textbox p { display: none;}
.sec8 .part1 .line { display: none;}
.sec8 .part2 { margin: 0 auto; height: auto;}
.sec8 .part2 .subtext {display: none;}
.sec8 .part2 .textbox { display: none;}
.sec8 .part2 .cardbox .profile { margin: 0 auto; margin-top: 30px;}
.sec8 .part2 { border: none ;}
.sec8  .profile .mobtn { width: 126px; height: 40px; border-radius: 20px; background: #000; display: flex; justify-content: center; align-items: center; margin: 0 auto; }
.sec8  .profile .mobtn a{ color: #fff; display: flex; align-items: center;}
.sec8  .profile .mobtn img { margin-left: 8px;}
.sec8 .part2 .cardbox .profile .num { margin-bottom: 20px;}

.sec9 .centerbox { position: relative; overflow: hidden;} 
.sec9 .centerbox .part2 .imgbox {margin-top: 30px;}
.sec9 .centerbox .part2 .imgbox li:nth-child(2){ display: none; }
.sec9 .centerbox .part2 .imgbox li:nth-child(3){ display: none; }
.sec9 .centerbox .part2 .imgbox li:nth-child(4){ display: none; } 
.sec9 .centerbox .part1 { width: 100%; border: none; height: auto; flex-direction: column; justify-content: center; align-items: center;}
.sec9 .centerbox .part1 .titlebox h2 { font-size: 20px;}
.sec9 .centerbox .part1 .titlebox { margin-top: 50px; text-align: center; margin-right: 0; }
.sec9 .centerbox .part1 .sec9_btn { margin-top: 30px;}
.sec9  .monumlist { font-size: 20px;font-family: 'Pretendard'; font-weight: 700;; color: #575043; margin: 0 50px; }
.sec9  .monumlist p {font-size: 20px;}
.sec9  .monumlist span {  color: #000;}
.sec9 .numlist {display: none;}

.sec10 {display: none;}
.yt_wrap {   width: 300px;
  aspect-ratio: 16 / 9;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  top: 200px; }
  #visual, .sec1 , .sec2 ,.sec4 , .sec5 , .sec6 , .sec7  ,.sec8 ,.sec9 {height: 80vh;}

footer { height: 200px;}
footer .fgnb { margin: 0 auto; gap: 10px; text-align: center; word-break: keep-all;  margin-top: 20px;}
footer .cardgnb {display: none;}
footer .copy { text-align: center; margin-top: 30px;}
   

}