@charset "UTF-8";

/*--------sub_page--------*/

.sub_container #container{margin-top:80px;}
.sub_page{margin-bottom:150px;}
.sub_page .sub_intro .title{font-size:40px; line-height:1.4; word-break: keep-all; letter-spacing: -0.02em; color:#222;}
.sub_page .sub_intro .desc{margin-top:10px; font-size:20px; line-height:1.6; word-break: keep-all; letter-spacing: -0.02em; color:#666; font-weight:400;}
@media all and (max-width:1200px){

}
@media all and (max-width:1000px){
  .sub_container #container{margin-top:60px;}
  .sub_page .sub_intro .title{font-size:30px;}
  .sub_page .sub_intro .desc{font-size:18px;}    
}
@media all and (max-width:640px){
  .sub_container #container{margin-top:40px;}
  .sub_page{margin-bottom:100px;}
  .sub_page .sub_intro .title{font-size:25px;}
  .sub_page .sub_intro .desc{font-size:15px; font-weight:600;}   
}



/*work*/
.work .row1 .logo_image{width:100px; margin:80px auto 15px auto;}
.work .row1 .con{position:relative; min-height:850px;}
.work .row1 .intro{text-align:center;}
.work .row1 .intro .eng{margin-top:30px; font-size:25px; line-height:1.2;}
.work .row1 .intro .subject{margin-top:10px; font-size:30px; font-weight:bold; line-height:1.4; color:#2660ac;/*background: linear-gradient(135deg, #2660ac, #00bfff);
  -webkit-background-clip: text;  background-clip: text; color: transparent;  -webkit-text-fill-color: transparent;*/}
.work .row1 .intro .subject br{display:none;}
.work .row1 .team_info .subject{word-break: keep-all;}
.work .row1 .team_info .subject br{display:none;}
.work .row1 .line{position:absolute; width:1px; background-color:#ddd; z-index: 1;}
.work .row1 .line.n1{height:500px; top:250px; right:50%; margin-right:470px;}
.work .row1 .line.n2{height:300px; top:415px; left:50%; }
.work .row1 .line.n3{height:350px; top:250px; left:50%; margin-left:470px;}
.work .row1 .w_bg{position:absolute; width:300px; height:50px; background-color:#fff; z-index: 1;}
.work .row1 .w_bg.n1{left:0; top:200px;}
.work .row1 .w_bg.n2{right:0; top:200px;}

.work .row1 .con{margin-top:60px;}
.work .row1 .team_wrap{position:relative; display:flex; justify-content: center; gap:60px;}
.work .row1 .team_wrap::before{position:absolute; display:block; width:900px; height:2px; top:140px; left:50%; transform: translateX(-50%); content:''; background-color:#2660ac;}
.work .row1 .team{position:relative; width:350px;}
.work .row1 .team .line{position:absolute; display:block; width:1px; top:140px; left:50%; content:''; background-color:#bbb; z-index: -1;}

.work .row1 .team_logo{position: relative; width: 280px; height: 280px; margin: 0 auto 50px auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 50%; background-color: #f9f9f9; overflow: hidden; z-index: 0;}  
.work .row1 .team_logo::before {content: ""; position: absolute; display:block; inset: 0; border-radius: 50%; padding: 3px; background: linear-gradient(135deg, #2660ac, #00bfff);  -webkit-mask:  linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor;  mask-composite: exclude;  z-index: 1;  pointer-events: none;}
.work .row1 .team_logo .desc{margin-top:15px; font-size:18px; font-weight:600;}
.work .row1 .team_logo .desc br{display:none;}
.work .row1 .team_info{/*position:absolute; z-index: 50;*/margin-top:20px;}
.work .row1 .team_info .anchor{display:block; width:100%; padding:20px 30px; border:1px solid #bbb; border-radius:15px; text-decoration: none !important; transition:0.3s; background-color:#fff;}
.work .row1 .team_info .subject{font-size:24px; line-height:1.6; font-weight:600; color:#2660ac; transition:0.3s;}
.work .row1 .team_info .desc{margin-top:5px; font-family: 'SpoqaHanSansNeo',sans-serif; font-size:18px; line-height:1.4; transition:0.3s; color:#666;}
.work .row1 .team_info .anchor:hover{background-color:#f9f9f9; box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}

/*and*/
.work .row1 .team.team_and .team_logo img{width:100px;}
.work .row1 .team.team_and .line{height:200px;}
/*hwave*/
.work .row1 .team.team_hwave .team_logo img{width:140px;}
.work .row1 .team.team_hwave .line{height:600px;}
/*edu*/
.work .row1 .team.team_edu .team_logo img{width:150px;}
.work .row1 .team.team_edu .line{height:200px;}

@media all and (max-width:1600px){
  .work .row1 .team{width:300px;}
  .work .row1 .team_wrap::before{width:800px; top:125px;}
  .work .row1 .team_info .subject{font-size:22px;}
  .work .row1 .team_info .desc{font-size:16px;}
  .work .row1 .team_logo{width:250px; height:250px;}
  .work .row1 .team_logo .desc{margin-top:12px;}

  /*and*/
  .work .row1 .team.team_and .team_logo img{width:80px;}
  /*hwave*/
  .work .row1 .team.team_hwave .team_logo img{width:120px;}
  /*hround*/
  .work .row1 .team.team_edu .team_logo img{width:130px;}

}
@media all and (max-width:1000px){
  .work .row1 .logo_image{width:60px;}
  .work .row1 .intro .eng{margin-top:20px; font-size:20px;}
  .work .row1 .intro .subject{font-size:25px;}

  .work .row1 .con{margin-top:40px;}
  .work .row1 .team_wrap::before{width:550px; top:100px;}
  .work .row1 .team_logo{width:200px; height:200px;}
  .work .row1 .team_logo::before{padding:3px;}
  .work .row1 .team_logo .desc br{display:block;}
  .work .row1 .team_info .subject{font-size:20px;}
  .work .row1 .team_info .desc{font-size:14px; word-break: keep-all;}
  .work .row1 .team_info .desc br{display:none;}

  /*and*/
  .work .row1 .team.team_and .team_logo img{width:70px;}
  /*hwave*/
  .work .row1 .team.team_hwave .team_logo img{width:110px;}
  /*hround*/
  .work .row1 .team.team_edu .team_logo img{width:110px;}  
}
@media all and (max-width:900px){
  .work .row1 .team.team_hwave .line{height:700px;}

}
@media all and (max-width:768px){
  .work .row1 .intro .eng{font-size:18px;}
  .work .row1 .intro .subject{font-size:20px;}
  .work .row1 .intro .subject br{display:block;}

  .work .row1 .team_wrap{flex-direction: column;}
  .work .row1 .team_wrap::before{display:none;}
  .work .row1 .team{width:100%; max-width:400px; margin-left:auto; margin-right:auto;}
  .work .row1 .team .team_logo{width:100%; height:auto; padding-top:25px; padding-bottom:20px; margin-bottom:20px; border-radius: 15px;}
  .work .row1 .team_logo::before{border-radius: 15px; padding:2px;}
  .work .row1 .team .line{top:50px;}
  
  .work .row1 .team_logo .desc{font-size:16px;}
  .work .row1 .team_logo .desc br{display:none;}

  .work .row1 .team_info{margin-top:15px;}

  .work .row1 .team.team_and .line{height:80px;}
  .work .row1 .team.team_hwave .line{height:450px;}
  .work .row1 .team.team_edu .line{height:80px;}

  /*and*/
  .work .row1 .team.team_and .team_logo img{width:50px;}
  /*hwave*/
  .work .row1 .team.team_hwave .team_logo img{width:85px;}
  /*hround*/
  .work .row1 .team.team_edu .team_logo img{width:85px;}
}
@media all and (max-width:640px){
  .work .row1 .logo_image{margin-top:60px;}
  .work .row1 .team_logo{height:80px; border-radius:10px;}

  
  
  .work .row1 .team_info{position:relative; transform: translateX(0) !important; margin-top:10px;}
  .work .row1 .team_info::after{position:absolute; display:block; right:15px; top:15px; width:15px; height:10px; content:''; background: url('/assets/images/common/arrow_b.png') no-repeat center center / contain; opacity:0.5;}
  .work .row1 .team_info .anchor{ width:100% !important; border-radius:10px; padding-top:15px; padding-bottom:15px;}
  .work .row1 .team_info .subject{font-size:17px;}
  
  .work .row1 .team.team_hwave .line{height:calc(100% - 80px);}
 
}


/*work_detail*/
.work_detail .row1{margin-top:80px;}
.work_detail .row1 .item{display:flex; flex-wrap: wrap; padding-top:60px; padding-bottom:60px; border-top:1px solid #CFCFCF;}
.work_detail .row1 .item:last-child{border-bottom:1px solid #CFCFCF;}
.work_detail .row1 .item .num{width:100%; margin-bottom:10px; font-size:20px; font-weight:500;}
.work_detail .row1 .item .left{width:400px; font-size:30px; line-height:1.4; word-break: keep-all; font-weight:600; color:#222;}
.work_detail .row1 .item .right{width:calc(100% - 400px);}
.work_detail .row1 .item .text_group +.text_group{margin-top:40px;}
.work_detail .row1 .item .text_group .subject{font-size:20px; line-height:1.6; font-weight:600; word-break: keep-all;}
.work_detail .row1 .item .text_group .desc{position:relative;  font-size:18px; line-height:1.6; color:#666; word-break: keep-all;}
.work_detail .row1 .item .text_group .subject + .desc{margin-top:10px; }
.work_detail .row1 .item .text_group .desc.dot{padding-left:10px; }
.work_detail .row1 .item .text_group .desc.dot::before{position:absolute; display:block; top:12px; left:0; width:3px; height:3px; border-radius:100%; content:''; background-color:#777;}
.work_detail .row1 .item .text_group .desc.dot + .desc.dot{margin-top:5px;}

@media all and (max-width:1200px){
  .work_detail .row1 .item{padding-top:40px; padding-bottom:40px;}
  .work_detail .row1 .item .left{width:300px; font-size:25px}
  .work_detail .row1 .item .right{width:calc(100% - 300px);}
  .work_detail .row1 .item .text_group .desc{font-size:16px;}
  .work_detail .row1 .item .text_group .desc.dot::before{top:10px;}
}
@media all and (max-width:768px){
  .work_detail .row1{margin-top:60px;}
  .work_detail .row1 .item{flex-direction: column;}
  .work_detail .row1 .item .left{width:100%; font-size:20px}
  .work_detail .row1 .item .left br{display:none;}
  .work_detail .row1 .item .right{width:100%; margin-top:20px;}
  .work_detail .row1 .item .num{margin-bottom:7px;}
  .work_detail .row1 .item .text_group +.text_group{margin-top:20px;}
  .work_detail .row1 .item .text_group .subject{font-size:17px;}
  .work_detail .row1 .item .text_group .desc{font-size:15px;}
  .work_detail .row1 .item .text_group .desc.dot{padding-left:8px;}
  .work_detail .row1 .item .text_group .subject + .desc{margin-top:7px;}  
}
@media all and (max-width:640px){
  .work_detail .row1{margin-top:40px;}
  .work_detail .row1 .item{padding-top:30px; padding-bottom:30px;}
}


/*이미지 부분*/
.work_detail .row1 .item .image_group{width:100%;}
.work_detail .row1 .item .image_group .ul{display:flex;} 
.work_detail .row1 .item .image_group .li{position:relative; z-index: 5; width:calc((100% - 40px)/3); margin-right:20px;transform: scale(1); transition:0.4s;} 
.work_detail .row1 .item .image_group .li:last-child{margin-right:0;}
.work_detail .row1 .item .image_group .li .image{overflow: hidden; border-radius:15px; border:1px solid #ddd;}
.work_detail .row1 .item .image_group .li .desc{margin-top:10px; font-size:16px; line-height:1.4; word-break: keep-all; text-align:center; font-weight:500;}

/*활성화*/
@media all and (min-width:1201px){
  .work_detail .row1 .item .image_group .li:hover{transform: scale(1.2); z-index: 10;}
  .work_detail .row1 .item .image_group .li:hover .image{outline:3px solid #fff;}
}
@media all and (max-width:1000px){
  .work_detail .row1 .item.image_section .left{display:none;}
  .work_detail .row1 .item.image_section .right{width:100%;}
}
@media all and (max-width:640px){
  .work_detail .row1 .item .image_group .ul{flex-direction: column; max-width:400px; margin-left:auto; margin-right:auto;}
  .work_detail .row1 .item .image_group .li{width:100%; margin-right:0;} 
  .work_detail .row1 .item .image_group .li .image{border-radius:10px;}
  .work_detail .row1 .item .image_group .li .desc{font-size:14px;}
  .work_detail .row1 .item .image_group .li + .li{margin-top:30px;}
}






/*의미*/
.sub_meaning{margin-bottom:0 !important;}
/* .sub_meaning .sub_intro{display:flex; gap:80px;} */
.sub_meaning .sub_intro .desc.n1{margin-top:10px;}
.sub_meaning .con_wrap{margin-top:150px;}
.sub_meaning .row1 .ul{position:relative; display:flex; justify-content: center; align-items:;}
/*
.sub_meaning .row1 .ul::before{position:absolute; display:block; top:110px; left:50%; transform: translateX(-50%); width:100vw; height:1px; content:''; background-color:#ddd;}
.sub_meaning .row1 .li{position:relative; padding-bottom:200px; transition:0.3s; cursor: pointer;}
*/
.sub_meaning .row1 .circle{display:flex; justify-content: start; align-items: center; flex-direction: column; width:220px; height:220px; border:1px solid #c6d4ef; border-radius:100%; text-align:center; background-color:#fff;}
.sub_meaning .row1 .circle .subject{padding-top:70px; font-size:25px; line-height:1.4; font-weight:600; color:#2660ad;}
.sub_meaning .row1 .circle .desc{margin-top:7px; font-size:18px; line-height:1.4; font-weight:500; word-break:keep-all; color:#666;}
.sub_meaning .row1 .text_group{position:absolute; width:200%; left:50%; transform: translateX(-50%); top:220px; margin-top:50px; text-align:center;}
.sub_meaning .row1 .text_group .desc{margin-top:5px; font-size:18px; line-height:1.4; word-break:keep-all; color:#222; font-weight:400; }

@media all and (min-width:1201px){
  /*활성화 before*/
  .sub_meaning .row1 .li.active,
  .sub_meaning .row1 .circle,
  .sub_meaning .row1 .text_group{transition: 0.8s;}

  
  .sub_meaning .row1 .circle .subject,
  .sub_meaning .row1 .circle .desc{transition: 0.1s;}

  .sub_meaning .row1 .text_group{opacity:0;}
  .sub_meaning .row1 .text_group .desc {opacity:0; transform: translateY(20px); transition: all 0.5s ease;}
  /*활성화 after*/
  .sub_meaning .row1 .li.active{z-index: 50;}
  .sub_meaning .row1 .li.active .circle{transform: scale(1.3) translateY(-20px); /*background-color:#2660ad;*/ background: linear-gradient(135deg, #2660ac 45%, #00bfff 100%); animation:popSmooth 1.8s ease forwards;}
  .sub_meaning .row1 .li.active .circle .subject{color:#fff;}
  .sub_meaning .row1 .li.active .circle .desc{color:#fff;}
  .sub_meaning .row1 .li.active .text_group{opacity:1;}
  .sub_meaning .row1 .li.active .text_group .desc {transform: translateY(0);}
  .sub_meaning .row1 .li.active .text_group .desc.n1{transition-delay: 0.5s; opacity:1;}
  .sub_meaning .row1 .li.active .text_group .desc.n2{transition-delay: 0.6s; opacity:0.9;}
  .sub_meaning .row1 .li.active .text_group .desc.n3{transition-delay: 0.7s; opacity:0.8;}
  .sub_meaning .row1 .li.active .text_group .desc.n4{transition-delay: 0.8s; opacity:0.7;}
  .sub_meaning .row1 .li.active .text_group .desc.n5{transition-delay: 0.9s; opacity:0.6;}
  .sub_meaning .row1 .li.active .text_group .desc.n6{transition-delay: 1.0s; opacity:0.5;}
  .sub_meaning .row1 .li.active .text_group .desc.n7{transition-delay: 1.1s; opacity:0.4;}


  .sub_meaning .row1 .li {position: relative; transition: all 0.6s ease; z-index: 1;}

  /* 클릭된 li */
  .sub_meaning .row1 .ul{gap:200px; height:530px;}
  .sub_meaning .row1 .li{cursor: pointer;}
  .sub_meaning .row1 .li.active {position:absolute; left:50%; transform:translateX(-50%) scale(1.2);}

  /* 비활성 상태 */
  .sub_meaning .row1 .li:not(.active) {z-index: 1; transition:all 0.3s;}
  .sub_meaning .row1 .li:not(.active) .circle{position:relative; z-index: 50; border-color:#aaa; opacity:0.3;}
  .sub_meaning .row1 .li:not(.active) .circle .subject{color:#2d2d2d;}
  .sub_meaning .row1 .li:not(.active):hover{opacity:1;}
  .sub_meaning .row1 .li:not(.active):hover .circle{opacity:1;}
  /*
  .sub_meaning .row1 .li:not(.active):hover .circle{border-color:#2660ad;}
  .sub_meaning .row1 .li:not(.active):hover .circle .subject{color:#2660ad;}
  */


  .sub_meaning .row1 .li_wrap{position:relative; width:100%; height:100%;}
  .sub_meaning .row1 .li .giveget{position:absolute; top:100px; width:190px; text-align:center; z-index: 20; }
  .sub_meaning .row1 .li .giveget.give{left:-400px;}
  .sub_meaning .row1 .li .giveget.get{right:-400px;}
  .sub_meaning .row1 .li .giveget .subject{position:relative; font-size:28px; font-weight:600; color:#2660ad; line-height:1.4;}
  .sub_meaning .row1 .li .giveget .subject::before{position:absolute; display:block; width:20px; height:20px; top:7px; content:'';}
  .sub_meaning .row1 .li .giveget .subject::after{position:absolute; display:block; width:1px; height:180px; top:50px; left: 50%; transform: translateX(-50%); content:''; background-image: linear-gradient(to bottom, #bbb 50%, transparent 50%); background-size: 1px 6px;}
  .sub_meaning .row1 .li .giveget.give .subject::before{right:0px; background: url('/assets/images/sub/arrow_blue_right.svg') no-repeat center center / contain;}
  .sub_meaning .row1 .li .giveget.get .subject::before{left:0px; background: url('/assets/images/sub/arrow_blue_left.svg') no-repeat center center / contain;}
  .sub_meaning .row1 .li .giveget .desc{margin-top:210px; font-size:17px; line-height:1.6;}
  /* .sub_meaning .row1 .li.active .giveget{opacity:1;} */


  .sub_meaning .row1 .li .text_group{top:290px;}
  .sub_meaning .row1 .li .text_wrap{position:relative;}
  .sub_meaning .row1 .li .text_wrap::after{position:absolute; display:block; width:1px; height:80px; top:-100px; left: 50%; transform: translateX(-50%); content:''; background-image: linear-gradient(to bottom, #2660ad 50%, transparent 50%); background-size: 1px 6px;}
  .sub_meaning .row1 .text_group .desc{color:#2660ad; opacity:1 !important;}

  /* 기본 상태: 안 보이게 */
  .sub_meaning .row1 .li .giveget {
    opacity: 0;
    transform: translateX(0);
    transition: none;
    visibility:hidden; 
  }

  /* active 상태에서 등장 */
  .sub_meaning .row1 .li.active .giveget.give {animation: giveSlideIn 0.8s ease-out 0.6s forwards;}
  .sub_meaning .row1 .li.active .giveget.get {animation: getSlideIn 0.8s ease-out 0.8s forwards;}

  /* 왼쪽에서 등장 */
  @keyframes giveSlideIn {
    0% {opacity: 0; transform: translateX(-100px);}
    60% {opacity: 1; transform: translateX(15px); visibility:visible;}
    100% {opacity: 1; transform: translateX(0); visibility:visible;}
  }

  /* 오른쪽에서 등장 */
  @keyframes getSlideIn {
    0% {opacity: 0; transform: translateX(100px);}
    60% {opacity: 1; transform: translateX(-15px); visibility:visible; }
    100% {opacity: 1; transform: translateX(0);  visibility:visible; }
  }

}
@keyframes popSmooth {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.4); }
  100% { transform: scale(1.3); }
}

@media all and (max-width:1200px){
  .sub_meaning .con_wrap{margin-top:60px;}
  .sub_meaning .row1 .circle{height:auto; padding-top:20px; padding-bottom:20px; border-radius:20px; border:none; background: linear-gradient(135deg, #2660ac 45%, #00bfff 100%);}
  .sub_meaning .row1 .circle .subject{padding-top:0; color:#fff;}
  .sub_meaning .row1 .circle .desc{font-size:16px; color:#fff;}
  .sub_meaning .row1 .text_group{width:100%;}
  .sub_meaning .row1 .text_group .desc{font-size:16px;}
  .sub_meaning .row1 .ul{flex-direction: column;}
  .sub_meaning .row1 .ul::before{display:none;}
  /*
  .sub_meaning .row1 .li .text_group .desc.n1{opacity:1;}
  .sub_meaning .row1 .li .text_group .desc.n2{opacity:0.9;}
  .sub_meaning .row1 .li .text_group .desc.n3{opacity:0.8;}
  .sub_meaning .row1 .li .text_group .desc.n4{opacity:0.7;}
  .sub_meaning .row1 .li .text_group .desc.n5{opacity:0.6;}
  .sub_meaning .row1 .li .text_group .desc.n6{opacity:0.5;}
  .sub_meaning .row1 .li .text_group .desc.n7{opacity:0.4;}
  */
  .sub_meaning .row1 .li .text_group .desc{color:#2660ac;}
  .sub_meaning .row1 .li .li_wrap{display:flex; flex-wrap: wrap; align-items: start; padding-top:25px; padding-bottom:25px; border-top:1px solid #d9d9d9;}
  .sub_meaning .row1 .li:last-child{border-bottom:1px solid #d9d9d9;}
  .sub_meaning .row1 .text_group{position:relative; width:calc(100% - 220px); padding-left:30px; left:auto; top:auto; margin-top:0; text-align:left; transform: translateX(0);}
  
  .sub_meaning .row1 .li .giveget{position:relative; width:calc((100% - 220px)/2); margin-top:30px; padding-left:30px; left:auto; top:auto;text-align:left; transform: translateX(0);}
  .sub_meaning .row1 .li .giveget.give{margin-left:220px; }
  .sub_meaning .row1 .li .giveget .subject{font-size:18px; font-weight:600; line-height:1.5;}
  .sub_meaning .row1 .li .giveget .desc{margin-top:7px; font-size:17px; line-height:1.5; word-break: keep-all;}
  .sub_meaning .row1 .li .giveget .desc br{display:none;}
}
@media all and (max-width:1000px){
  .sub_meaning .sub_intro{gap:10px; flex-direction: column;}
  .sub_meaning .sub_intro .desc.n1{margin-top:0;}
  .sub_meaning .sub_intro .desc br{display:none;}  
}
@media all and (max-width:640px){
  .sub_meaning .con_wrap{margin-top:60px;}
  .sub_meaning .row1 .li .li_wrap{}
  .sub_meaning .row1 .circle{width:100%; padding-top:15px; padding-bottom:15px; border-radius:10px;}
  .sub_meaning .row1 .circle .subject{font-size:18px;}
  .sub_meaning .row1 .circle .desc{margin-top:3px; font-size:14px; font-weight:600;}
  .sub_meaning .row1 .text_group{width:100%; margin-top:10px; padding-left:20px; padding-right:20px; text-align:center;}
  .sub_meaning .row1 .text_group .desc{margin-top:5px; font-size:15px; font-weight:600;}  
  .sub_meaning .row1 .li .giveget{width:calc((100% - 10px)/2); margin-top:20px; padding:15px 10px; text-align:center; background-color:#f9f9f9; border-radius:10px;}
  .sub_meaning .row1 .li .giveget.give{margin-left:0; }
  .sub_meaning .row1 .li .giveget.get{margin-left:10px; }
  .sub_meaning .row1 .li .giveget .subject{font-size:15px;}
  .sub_meaning .row1 .li .giveget .desc{font-size:14px;}
}


.sub_meaning .row2{position:relative; margin-top:150px; padding-top:80px; padding-bottom:80px;}
.sub_meaning .row2::before{position:absolute; display:block; top:0; left:50%; transform: translateX(-50%); width:100vw; height:100%; content:''; background-color:#f9f9f9; z-index: -1;}
.sub_meaning .row2 .item_wrap{display:flex; flex-wrap: wrap; max-width:1200px; margin-left:auto; margin-right:auto;}
.sub_meaning .row2 .item{padding:10px;}
.sub_meaning .row2 .item.n1{width:50%;}
.sub_meaning .row2 .item.n2{width:50%;}
.sub_meaning .row2 .item.n3{width:60%;}
.sub_meaning .row2 .item.n4{width:40%;}
/* .sub_meaning .row2 .item.n5{width:55%;} */
.sub_meaning .row2 .item.n6{width:45%;}/*교육지원*/
.sub_meaning .row2 .item.n7{width:45%;}/*무제한 독서지원*/
/* .sub_meaning .row2 .item.n8{width:33.333%;} */
.sub_meaning .row2 .item.n9{width:55%;}/*리프레시*/
.sub_meaning .row2 .item.n10{width:55%;}/*서프라이즈 데이*/
.sub_meaning .row2 .item.n11{width:55%;}/*에너지부스트*/
.sub_meaning .row2 .item.n12{width:45%;}/*휴가지원금*/
.sub_meaning .row2 .item .group{position:relative; height:100%; padding:35px 35px 80px 35px; border-radius:15px; background:#fff; cursor: pointer; box-shadow: 10px 10px 10px rgba(0,0,0,0.05); transition:0.3s;}
.sub_meaning .row2 .item .group::before{position:absolute; display:block; bottom:20px; right:20px; width:60px; height:60px; content:''; opacity:0.6;}
.sub_meaning .row2 .item.n1 .group::before{background:url('/assets/images/sub/merit_icon01.png') no-repeat center center / contain;}
.sub_meaning .row2 .item.n2 .group::before{background:url('/assets/images/sub/merit_icon02.png') no-repeat center center / contain;}
.sub_meaning .row2 .item.n3 .group::before{background:url('/assets/images/sub/merit_icon03.png') no-repeat center center / contain;}
.sub_meaning .row2 .item.n4 .group::before{background:url('/assets/images/sub/merit_icon04.png') no-repeat center center / contain;}
.sub_meaning .row2 .item.n5 .group::before{background:url('/assets/images/sub/merit_icon05.png') no-repeat center center / contain;}
.sub_meaning .row2 .item.n6 .group::before{background:url('/assets/images/sub/merit_icon06.png') no-repeat center center / contain;}
.sub_meaning .row2 .item.n7 .group::before{background:url('/assets/images/sub/merit_icon07.png') no-repeat center center / contain;}
.sub_meaning .row2 .item.n8 .group::before{background:url('/assets/images/sub/merit_icon08.png') no-repeat center center / contain;}
.sub_meaning .row2 .item.n9 .group::before{background:url('/assets/images/sub/merit_icon09.png') no-repeat center center / contain;}
.sub_meaning .row2 .item.n10 .group::before{background:url('/assets/images/sub/merit_icon10.png') no-repeat center center / contain;}
.sub_meaning .row2 .item.n11 .group::before{background:url('/assets/images/sub/merit_icon11.png') no-repeat center center / contain;}
.sub_meaning .row2 .item.n12 .group::before{background:url('/assets/images/sub/merit_icon12.png') no-repeat center center / contain;}
.sub_meaning .row2 .item .subject{font-size:24px; line-height:1.4; font-weight:600;}
.sub_meaning .row2 .item .desc{margin-top:15px; font-size:18px; line-height:1.6; word-break:keep-all; color:#666;}
@media all and (min-width:1201px){
  .sub_meaning .row2 .item.active .group{transform: scale(1.02); outline:1px solid #2660ad;}
  .sub_meaning .row2 .item.active .group .subject{color:#2660ad;}
}
@media all and (max-width:1200px){
  .sub_meaning .row2 .item .group::before{width:40px; height:40px;}
  .sub_meaning .row2 .item .subject{font-size:22px;}
  .sub_meaning .row2 .item .desc{font-size:17px;}
  .sub_meaning .row2 .item .desc br{display:none;}
}
@media all and (max-width:1000px){
  .sub_meaning .row2 .item .group{padding-bottom:60px;}
  .sub_meaning .row2 .item .subject{font-size:20px;}
  .sub_meaning .row2 .item .desc{font-size:16px;}  
}
@media all and (max-width:640px){
  .sub_meaning .row2{margin-top:100px; padding-top:60px; padding-bottom:60px;}
  .sub_meaning .row2 .item_wrap{flex-direction: column;}
  .sub_meaning .row2 .item{width:100% !important; padding:5px;}
  .sub_meaning .row2 .item .group::before{width:30px; height:30px;}
  .sub_meaning .row2 .item .group{padding:25px 25px 50px 25px;}
  .sub_meaning .row2 .item .subject{font-size:18px;}
  .sub_meaning .row2 .item .desc{margin-top:5px; font-size:14px;}  
}










/*일상 상세페이지*/
.life_view .item .desc{font-size:18px; line-height:1.7; word-break: keep-all;}
.life_view .item.intro_group{margin-bottom:80px; }
.life_view .item.intro_group .intro_subject{font-size:35px; line-height:1.3; word-break: keep-all;}
.life_view .item.intro_group .intro_desc{margin-top:30px; font-size:20px; line-height:1.7; word-break: keep-all;}

.life_view .item{margin-top:120px;}
.life_view .item.text_group + .item.text_group{margin-top:160px;}
.life_view .item.text_group .intro{margin-bottom:50px;}
.life_view .item.text_group .intro .title{font-size:30px; line-height:1.4; font-weight:600; color:#111; word-break: keep-all;}
.life_view .item.text_group .intro .desc{margin-top:5px; word-break: keep-all;}
.life_view .item.text_group .qna{font-family: 'SpoqaHanSansNeo',sans-serif;}
.life_view .item.text_group .qna + .qna{margin-top:40px;}
.life_view .item.text_group .qna .text_q{font-weight:500; color:#222; word-break: keep-all;}
.life_view .item.text_group .qna .text_a{margin-top:5px; color:#6d6d6d; word-break: keep-all;}

.life_view .item.image_group.length_1 img{width:100%;}
.life_view .item.image_group.type_1{text-align:center;}
.life_view .item.image_group.type_2 .image_wrap{display:flex; align-items: center; justify-content: center; max-width:1200px; margin-left:auto; margin-right:auto; gap:60px;}
.life_view .item.image_group.type_2 .image{border-radius:30px; overflow: hidden;}
.life_view .item.image_group.type_2 .image img{width:100%;}
.life_view .item.image_group.type_2 .image.n1{width:55%;}
.life_view .item.image_group.type_2 .image.n2{width:45%;}
.life_view .item.image_group.type_3 .image{border-radius:30px; overflow: hidden;}
@media all and (max-width:1200px){
  .life_view .item .desc{font-size:17px;}
  .life_view .item.intro_group{margin-bottom:60px; }
  .life_view .item.intro_group .intro_subject{font-size:30px;}
  .life_view .item.intro_group .intro_desc{margin-top:20px; font-size:18px;}

  .life_view .item{margin-top:100px;}
  .life_view .item.text_group + .item.text_group{margin-top:100px;}
  .life_view .item.text_group .intro{margin-bottom:40px;}
  .life_view .item.text_group .intro .title{font-size:25px;}
  .life_view .item.text_group .qna + .qna{margin-top:30px;}
  
  .life_view .item.image_group.type_2 .image_wrap{gap:40px;}
  .life_view .item.image_group.type_2 .image{border-radius:20px;}
  .life_view .item.image_group.type_3 .image{border-radius:20px;}
}
@media all and (max-width:1000px){
  .life_view .item.image_group.type_2 .image_wrap{gap:20px;}
  .life_view .item.image_group.type_2 .image{border-radius:10px;}
  .life_view .item.image_group.type_3 .image{border-radius:10px;}  
}
@media all and (max-width:640px){
  .life_view .item{margin-top:50px;}
  .life_view .item .desc{font-size:15px;}  
  .life_view .item.intro_group{margin-bottom:40px; }
  .life_view .item.intro_group .intro_subject{font-size:22px;}
  .life_view .item.intro_group .intro_desc{margin-top:15px; font-size:16px;}
  .life_view .item.text_group + .item.text_group{margin-top:80px;}
  .life_view .item.text_group .intro{margin-bottom:30px;}
  .life_view .item.text_group .intro .title{font-size:22px;}
  .life_view .item.text_group .qna + .qna{margin-top:20px;}
  
}





/*일상*/
/*
.life_list .sub_intro{text-align:center;}
.life_list .bbs_list.style_grid{max-width:1200px; margin-left:auto; margin-right:auto;}
*/




.work_detail .row1 .item .right .depth2_text{padding-left:25px;}
@media all and (max-width:640px){
  .work_detail .row1 .item .right .depth2_text{padding-left:15px;}
}