:root {
       --gosoo-font-family: 'Nanum Gothic', sans-serif;
	   --gosoo-font-family-title : NanumBarunGothic;
	   --gosoo-font-weight:400;
	   --gosoo-font-bold:700;

	   --gosoo-black :#231F20;
	   --gosoo-blue : #2D3A8C;
	   --gosoo-yellow :#FFD533;
	   --gosoo-white : #ffffff;
       --gosoo-darkblue:#515EB2;

	   --gosoo-font-size : 1rem;
	   --gosoo-line-height:1;
	   --gosoo-letterspacing:-1px;

	   --gosoo-bg-yellow-pastel:#FFEE72;
	   --gosoo-bg-blue-pastel:#B9C1F1;
	   --gosoo-bg-darkblue:#515EB2;
	   --gosoo-bg-light:#f7f7f7;

	   --gosoo-padding-top:100px;
	   --gosoo-padding-bottom:100px;
	   --gosoo-padding-right:20px;
	   --gosoo-padding-left:20px;

	   --gosoo-margin-bottom:40px;

	   --gosoo-border-radius:20px;

	   }


html, body { 
           font-family:var(--gosoo-font-family);
	       font-size:var(--gosoo-font-size);
	       font-weight:var(--gosoo-font-weight); 
	       color:var(--gosoo-black);
	       font-style:normal;
	       text-align: justify;
	       }
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
ol,
span{ 
   transform : rotate(0.04deg); /*글자 부드럽게*/   
   }
 p,
 ul,
 li,
 ol {font-size: var(--gosoo-font-size);}
h1,
h2,
h3,
h4,
h5,
h6{ 
   font-family:var(--gosoo-font-family-title); 
   }
.navbar-brand,.nav-link {font-weight:var(--gosoo-font-bold);}
.gosoo-logo {width:75px; height:20px;}

.navbar-light .navbar-toggler {
    border-color: rgba(0,0,0,0);
}


.gs-mission1 h2{font-size:calc(var(--gosoo-font-size) + 1.2rem); font-weight:var(--gosoo-font-bold);}


/*======================*/
.point-yellow { 
        color:var(--gosoo-yellow);
		font-weight:800;
		}
.point-darkblue {
               color:var(--gosoo-darkblue);
			   font-weight:800;
			   }
.gosoo-blue{ color:var(--gosoo-darkblue);}
.bg-darkblue { 
              background-color:var(--gosoo-bg-darkblue);
			  }

.bg-lightblue {
              background-color:var(--goosoo-bg-blue-pastel);
			   }


.gosoo-letter-sp {letter-spacing:1px;}
.gosoo-bg-light { background-color:var(--gosoo-bg-light);}


.radius-5 {border-radius:15px;}
.radius-service {border-radius:15px;}

.gosoo-mb-3 {margin-bottom:var(--gosoo-margin-bottom);}
footer p {font-size:calc(var(--gosoo-font-size) - .25rem); margin-bottom:.2rem; word-break:keep-all;}

        .img-sns {width:24px;}

/* 전체 적용 영역 설정 -------------------------------------------------------*/
@media (min-width: 1300px) {
                    .gosoo-container {
                                     max-width: 1024px !important;
                                     }
									 section, footer { 
									          padding-right:var(--gosoo-padding-right); 
											  padding-left:var(--gosoo-padding-left);
											  }

                    h3 {
					    font-size:calc(var(--gosoo-font-size) + 1.2rem);
						} 
					.gs-mission1 h2{
					               font-size:calc(var(--gosoo-font-size) + 1.5rem);
					               font-weight:var(--gosoo-font-bold);}
					               }
					
					.vision h3{font-size:calc(var(--gosoo-font-size) + 1.1rem);}
					.growth h3, 
					.value h3, 
					.talent h3, 
					.welfare h3,
					.aboutstory h3,
					.welcome h3,
					.gosooservice h3,
					.goosoophoto h3,
					.gosoomedia h3,
					.gosoonews h3{
					             font-size:calc(var(--gosoo-font-size) + .75rem);
								 }
                    .gosoo-align-1 {
					               text-align:left;
								   }

      /*인재상 배경 사진*/
	  .Type-of-talent {background-image:url(../assets/story/img_boss_Type_of_talent.jpg); 
	                   background-position:center center;
					   background-repeat:no-repeat;
					   background-size:cover;
					   border-radius:15px;
					   height:450px;
					   }

					   
								  
}

		   
 @media (min-width: 999px) {
                     .col-lg-6 { 
					           width:49%;
							   }
                               .col-lg-4 {
							    width:31.3333333%;
							   }
}


					 
      .Type-of-talent {background-image:url(../assets/story/img_boss_Type_of_talent.jpg); 
	                   background-position:center center;
					   background-repeat:no-repeat;
					   background-size:cover;
					   border-radius:15px;
					   height:350px;
					   }



 .gs-mission1, 
 .gs-mission2 { 
              padding-top:var(--gosoo-padding-top); 
			  padding-bottom:calc(var(--gosoo-padding-bottom) - 20px);
			  }
               
 .growth, 
 .value, 
 .talent, 
 .welfare,
 .aboutstory,
 .welcome,
 .gosooservice,
 .gosoophoto,
 .gosoomedia,
 .gosoonews { 
             padding-top:calc(var(--gosoo-padding-top) - 60px);
             padding-bottom:var(--gosoo-padding-bottom);
		     }
          h3 {
             font-weight:var(--gosoo-font-bold);
             line-height:calc(var(--gosoo-line-height) + 0.5);
	         }

  


/*미전에 대한 핵심메시지 말풍선 ---------------------------------------------------------------------*/
.gosoo-bubble {
  position: relative;
  padding: 110px 15px 110px 15px;
  margin: 0px;
  border-radius: 15px;
  background-color: var(--gosoo-blue);
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gosoo-bubble-graph {
  position: relative;
  padding: 0px;
  margin: 0px;
  border-radius: 15px;
  background-color: rgb(181 211 255 / 25%);
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}


.gosoo-bubble-service {
  position: relative;
  padding: 90px 15px 90px 15px;
  margin: 0px;
  border-radius: 15px;
  background-color: var(--gosoo-bg-blue-pastel);
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gosoo-bubble p{ 
               font-size:calc(var(--gosoo-font-size) + .8rem); 
			   color:var(--gosoo-white); 
			   padding-top:calc(var(--gosoo-padding-bottom) - 90px); 
			   padding-bottom:calc(var(--gosoo-padding-bottom) - 90px); 
			   border-top:1px solid #fff;
			   }

/*말풍선 꼬리
.gosoo-bubble::before {
  content: "";
  position: absolute;
  bottom: -20px;
  right: 20px;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #5838D9;
  border-bottom-left-radius: 5px;
  transform: rotate(-45deg);
}
*/

/*--------------------------------------------------------------------------------------------*/

@media (max-width: 1200px) {                           
						    .growth, 
							.value, 
							.talent, 
							.welfare,							
							.welcome,
							.gosoophoto, 
							.gosoomedia, 
							.gosoonews{ 
							         padding-top:calc(var(--gosoo-padding-top) - 90px) ;
							         padding-bottom:var(--gosoo-padding-bottom);
							         }
							.gosooservice{ 
							               padding-top:calc(var(--gosoo-padding-top) - 90px) ;
							               padding-bottom:calc(var(--gosoo-padding-bottom) - 50px);
							               }
							.aboutstory,
							.welcome{ 
							           padding-top:calc(var(--gosoo-padding-top) - 50px );
									   padding-bottom:var(--gosoo-padding-bottom);
									   }

						   .gosoo-bubble p{ font-size:var(--gosoo-font-size); }



 }


			 @media (max-width: 998px) {
			              
						  .container {
                                      padding-right: var(--bs-gutter-x, 1.25rem);
								      padding-left: var(--bs-gutter-x, 1.25rem);
						              }						  
						   
						  .gosoo-bubble {
						                padding: 70px 15px 70px 15px;
						                margin: 20px 0px 40px 0px;
						                }
						  .gosoo-bubble-graph {
						                margin: 20px 0px 40px 0px;
										}
						  .gosoo-bubble-service {
												 margin-bottom:20px;
												 }
						  .gosooservice .col-lg-6:nth-child(2) { margin-bottom: 0px;}

						  .gosoo-align-1 { text-align:center;}

                           .gs-mission1, 
						   .gs-mission2 { 
						                 padding-top:calc(var(--gosoo-padding-top) - 10px); 
						                 padding-bottom:calc(var(--gosoo-padding-bottom) - 40px);
						                 }

						  .gs-mission1 h2{
					                     font-weight:var(--gosoo-font-bold);
							             }
					     .vision {
						         padding-bottom:calc(var(--gosoo-padding-bottom) - 50px);
								 }
						 .vision h3{font-size:calc(var(--gosoo-font-size) + .4rem);}
                          
				         .growth h3, 
					     .value h3, 
					     .talent h3, 
					     .welfare h3,
					     .aboutstory h3,
					     .welcome h3,
					     .gosooservice h3,
						 .goosoophoto h3,
						 .gosoomedia h3,
						 .gosoonews h3{
					                     /*font-size: calc(var(--gosoo-font-size) + 1.3rem);*/
								         }
						  .growth .d-flex {  /*리버스로 자리 배치*/
								      display: flex;
								      flex-direction: row-reverse;
								     }
						  .growth .col-lg-6 {  order: 2; /* 첫 번째 아이템 */}
						  .growth .col-lg-6:nth-child(2) {  order: 1; /* 두 번째 아이템 */}

 }
    
				  @media (max-width: 480px)  {
				 
				                          body {text-align: start; word-break: break-word;}
										   p, ul, li, ol {font-size: var(--gosoo-font-size); line-height:calc(var(--gosoo-line-height) + .4) ;}
										  .gs-mission1 { 
										                padding-top:calc(var(--gosoo-padding-top) - 20px); 
						                                }
										  .gs-mission1 h2{
										  font-size:calc(var(--gosoo-font-size) + 1rem);
										  }
										  .mission h3{letter-spacing:-1px;}
										  .growth .d-flex {  /*리버스로 자리 배치*/
								                              flex-direction: row;
								                                   }
										  .radius-service {border-radius:15px 15px 0px 0px;}
										  .radius-service2 {border-radius:0px 0px 15px 15px;}
										  /*핵심가치*/
					                      
				 }
		
/*핵심가치 라인 추가 */
.gs-flex {
  display: flex;
}

.gs_verline {
  flex: 1;
  position: relative;
}

.gs_content {
  display: flex;
  align-items: center;
  flex-direction: column; /* 이미지와 문장 등을 수직으로 정렬 */
  justify-content: start; /* 내용을 수직으로 정렬 */
  height: 100%; /* .gs_verline의 높이와 같게 설정 */
}

.gs_verline:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #eeeeee;
  transform: translateY(-50%);
}

.gs_verline::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #eeeeee;
}

.gs_verline:last-child::after {
  display: none;
}

/* 데스크탑 스타일 */
@media (min-width: 768px) {
  .gs-flex {
    display: flex;
    flex-wrap: wrap;
  }
  .gs_verline {
    flex: 0 0 calc(33.33% - 1px);
  }
}

/* 모바일 스타일 
@media (max-width: 767px) {
  .gs-flex {
    display: flex;
    flex-wrap: wrap;
  }
  .gs_verline {
    flex: 0 0 calc(50% - 1px);
  }
}*/

/* 모바일 폰 스타일 */
@media (max-width: 480px) {
  .gs_verline {
    flex-basis: 100%;
  }
  .gs_verline::before,
  .gs_verline::after {
    display: none;
  }
 .img-value {padding:24px 24px 0;}
}


		/*스토리 사용이미지지에 대한*/
		     .boss-img{ 
              padding-top:var(--gosoo-padding-top); 
			  padding-bottom:calc(var(--gosoo-padding-bottom) - 100px);
			  }
             
			   @media (min-width: 1300px) {
                           .boss-img-story {background-image:url(../assets/story/boss_img.jpg); 
											background-position:top center;
											background-repeat:no-repeat;
											background-size:cover;
											border-radius:15px;
											height:350px;
											}

			   }
			   .boss-img-story {background-image:url(../assets/story/boss_img.jpg); 
	                            background-position:top center;
					            background-repeat:no-repeat;
					            background-size:cover;
					            border-radius:15px;
					            height:350px;
					            }

			    @media (max-width: 768px) {
				                          .boss-img{ 
										  padding-top:calc(var(--gosoo-padding-top) - 80px); 
										  }

				}
			.gosoo-radius { border-radius:var(--gosoo-border-radius);}

			   /*스토리 슬라이드에 대한 custom-----------------------------------------*/
						 
						   @media (max-width: 480px)  {
						                              .owl-theme .owl-dots { display: none; height:0px;}													  
													  }
													
													   @media (max-width: 280px)  {

													                .gs-mission1 h2 {font-size: calc(var(--gosoo-font-size) + .55rem);}
													  }
				
				/*round-3*/
				.rounded-3 { border-radius: 1rem !important;}