@charset "UTF-8"; 

@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

 
/* top 버튼 */
.go-top {display:inline-block; position: absolute; height:60px; bottom: 100px;right: 0;z-index: 1;  font-size:50px;}  
.go-top:hover {-webkit-animation: go-top-bounce 1s 0.1s ease-out infinite normal;animation: go-top-bounce 1s 0.1s ease-out infinite normal;}
@-webkit-keyframes go-top-bounce { 0% { height:60px } 50% { height:85px } 100% { height:85px } }
@keyframes go-top-bounce { 0% { height:60px } 50% { height:85px } 100% { height:60px } }




/* intro */
.intro_txt_wrap {position: absolute; z-index:2; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; width:90%;} 
.intro_txt_wrap .txt_wrap h2{font-size:70px; font-weight:700; }
.intro_txt_wrap .txt_wrap p{ opacity:.8; font-weight:300; text-transform: uppercase;}  
.animated-text span {
  opacity: 0;
  animation: fadeInSlow .6s forwards;
  display: initial;
}
@keyframes fadeInSlow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
 
 


/* main_section 공통 */
.main_section {padding: 170px 0; position:relative;}
.main_section::after{content:''; width:calc(100% - 48px); height:2px; background:#ddd; max-width:1800px; margin:0 auto; position:absolute; left:50%; transform:translateX(-50%); bottom:0;} 
.main_section .section_title { font-size: 57px; line-height: 1.33;  font-weight:700; margin-bottom:40px;} 
.main_section .section_title b{color:#1954db; vertical-align:baseline;}
.main_section .flex_inner{display:flex; flex-wrap:wrap; justify-content:space-between;}
.main_section .flex_inner .flex_left{width:30%;}
.main_section .flex_inner .flex_right{width:65%;}



/* visual */
.main_visual {position: relative; height: 100vh; } 
.main_visual .for_size_change {position: absolute; left: 50%; top: -webkit-calc(100vh - 100px); top: calc(100vh - 100px); transform: translateX(-50%); margin: 0 auto; width: 90vw; height: 200px; max-height: 100%;   overflow: hidden; opacity: 0;}
.main_visual .visual_img_area {position: relative; left: 50%; top: 0; transform: translateX(-50%); height: 100%;background:url('../../images/main/main-visual.jpg') no-repeat center center / cover; background:#000;} 
.main_visual .visual_img_area video{position:absolute; left:0; top:0; width:100%; height:100%;  opacity:.9; object-fit: cover;}

.scrolldown{ 
	display:none;
  position:absolute;
  bottom:50px; 
  left:50%;
  text-align:center;
  color:#fff;
  font-size:16px;
  transform:translateX(-50%);
} 
.scrolldown-box{ position:relative; overflow:hidden; border-radius:50%; width:63px; height:63px;}
.scrolldown p{opacity:.4; margin-top:10px; letter-spacing:1px;}
.scrolldown i{ 
	position:absolute;
	left:50%;
	top:24px;
	transform:translateX(-50%); 
  animation: scrolldown-arr 3s infinite; 
}
.scrolldown::after{
	content:''; width:60px; height:60px;
    border: 2px solid rgba(255,255,255,0.2);
	position:absolute; left:0; top:0;
    border-radius: 50px;
} 
.scrolldown-circle {
  width: 64px;
  height: 64px;
  animation: scrolldown-spin 6s infinite; 
}
.scrolldown-circle circle {
  stroke: white;
  stroke-width: 2; 
  stroke-dasharray: 157, 157;
  stroke-dashoffset: 0;
  fill: transparent;
  animation: scrolldown-circle-ani 3s infinite; 
} 
@keyframes scrolldown-spin {
  100% {
    transform: rotate(360deg);
  }
} 
@keyframes scrolldown-arr {
  0% {
    top:-80px;
  }
  50%{
	top:24px;
  }
  100% {
    top:80px;
  }
} 
@keyframes scrolldown-circle-ani {
  0% {
    stroke-dashoffset: 157;
  }
  75% {
    stroke-dashoffset: -147;
  }
  100% {
    stroke-dashoffset: -157;
  }
}



  
/* about */
.about_section { padding:220px 0; }   
.about_section .txt_wrap{text-align:center; }
.about_section .txt_wrap .line {position: relative;  font-size: 55px;   opacity: 2; /*transition:all ease 2.6s;*/ font-weight:700; font-family: 'LeferiPoint-BlackA'; letter-spacing: -4px;}
.about_section .txt_wrap .line b{color:#1954db;}
.about_section .txt_wrap .line:nth-child(1) {left: -30vw;}
.about_section .txt_wrap .line:nth-child(2) {left: 0; }
.about_section .txt_wrap .line:nth-child(3) {left: 30vw; }
.about_section h3{ color:#555; text-align:center; margin:30px 0 0; opacity:2; /*transition:all ease 1s; transition-delay:1s;*/ line-height:1.8; font-size:22px;}
.about_section.on .txt_wrap .line:nth-child(1) {left:0; opacity: 1;}
.about_section.on .txt_wrap .line:nth-child(2) {left:0;  opacity: 1;} 
.about_section.on .txt_wrap .line:nth-child(3) {left:0; opacity: 1;}
.about_section.on h3{opacity:1;}


.about_section .txt_wrap .pricing {position: relative;  font-size: 55px;   opacity: 2; /*transition:all ease 1.6s;*/ font-weight:700; font-family: 'LeferiPoint-BlackA'; letter-spacing: -4px;}
.about_section .txt_wrap .pricing b{color:#1954db;}
.about_section .txt_wrap .pricing:nth-child(1) {top: 20vw;}
.about_section.on .txt_wrap .pricing:nth-child(1) {top:0; opacity: 1;}
.about_section .txt_wrap .pricing:nth-child(2) {top: 20vw;}
.about_section.on .txt_wrap .pricing:nth-child(2) {top:0; opacity: 1;}


/* history */
.history_section .history_board{position:relative;}
.history_section .history_board ul{margin-top:-20px;}
.history_section .history_board ul li a{display:flex; flex-wrap:wrap; padding:34px 20px; font-size:18px; border-bottom:1px solid #ddd; font-weight: 600; cursor:auto;} 
.history_section .history_board ul li::after{content:''; display:block; width:0; height:2px; background:transparent; margin-top:-1px; transition:all ease .6s;}
.history_section .history_board ul li .date{ color:#555; width:200px; opacity:.6; }
.history_section .history_board ul li span{  width:calc(100% - 200px); } 
.history_section .history_board ul li .img{position:absolute; left:50%; top:50%; transform:translateY(-50%) rotate(-5deg); opacity:0; visibility: hidden; transition:all ease .6s;}
.history_section .history_board ul li .img::before{content:''; width:100%; height:100%;background:#1954db; position:absolute; left:0; top:0; transform:rotate(5deg); transition:all ease .6s; z-index:-1;}
.history_section .history_board ul li a:hover .img{opacity:1; visibility: inherit; transform:translateY(-50%) rotate(0);}
.history_section .history_board ul li a:hover .img::before{transform:rotate(10deg);}
.history_section .history_board ul li:hover::after{background:#333; width:100%;}
.history_section .history_board ul li a:hover .date{opacity:1;}




/* service */
.service_section{ } 
.service_section::after{display:none;}
.service_bn{width:100%; height:654px; padding:140px;  margin:0 auto; color:#fff;} 
.service_bn:has(a){padding:0;}
.service_bn > a{display:block;color: #fff; padding:140px; }
.service_bn h3{font-size:45px; font-weight:700; margin-bottom:10px;}
.service_bn.bn1{background:url('../../images/main/service_bn3.jpg') no-repeat center center / cover;} 
.service_bn.bn2{background:url('../../images/main/service_bn2.jpg') no-repeat center center / cover; transform:scale(1.2) ;}  
.service_bn.bn3{background:url('../../images/main/service_bn1.jpg') no-repeat center center / cover; transform:scale(1.2) ;}
.service_bn.bn4{background:url('../../images/main/service_bn4.jpg') no-repeat center center / cover; transform:scale(1.2) ;}  

 

/* marquee */
.marquee{
    width: 100%;
    height: 165px; 
    margin: 0 auto;
    border-top:2px solid #eee;
	border-bottom:2px solid #eee;
    overflow: hidden; 
	position:relative;
}
.marquee span {
  float: left;
  width: 960px;
    height:165px; 
    font-size: 80px;
    line-height:165px;
    text-align:center; 
    text-transform: uppercase; font-weight:700;
}
.marquee span:nth-child(2n){
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 1px #555; }
.marquee div { 
  display: block;
  width: 3840px;
  height: 100%; 
  position: absolute;
  overflow: hidden; 
  animation: marquee 10s linear infinite;
}
 

@keyframes marquee {
  0% { left: 0; }
  100% { left: -1960px; }
}






/* marquee btn */
.ani_btn{  max-width: 220px;  margin: 40px 0 0; display:inline-block; width: 100%;}
.ani_btn b{font-weight:700;}
.ani_btn a{display:block;text-align:center; position:relative; border-radius:60px; background:#1954db; color:#fff;   height: 60px; line-height: 60px;  overflow:hidden; display: flex;justify-content: center;align-items: center;}  
.ani_btn a + a{margin-top: 10px; background: #fff;  color: #222;}
.btn_marquee{
    width: 100%;
    height: 100%; 
    margin: 0 auto; 
    overflow: hidden; 
	background:#1954db;
	border:10px solid #1954db;
	color:#fff;
	position:absolute; left:0; top:0; opacity:0; border-radius:60px; transition:all ease .3s;
}
.btn_marquee div {
  display: block;
  width: 480px; 
  position: absolute;
  overflow: hidden; 
  animation: marqueeBtn 5s linear infinite;
}
.btn_marquee span {
  float: left;
  width: 120px;
    height: 40px;
    line-height: 40px;
	font-weight:500
}  
/*.ani_btn a:hover .btn_marquee{opacity:1;}*/

@keyframes marqueeBtn {
  0% { left: 0; }
  100% { left: -240px; }
}

 

/* posting */
.posting_section{padding-top:170px; position:relative;}
.posting_section::after{content:''; width:100%; height:50%;background:#f2f3f7; position:absolute; left:0; bottom:0; z-index:-1;}
.posting_section .posting_box{position:relative; width:300px; margin:0 auto; height:680px; padding:50px 20px; text-align:center; color:#fff;  transition:all ease 1s; background:url('../../images/main/posting_bg.jpg') no-repeat center center / cover; display:flex; align-items:Center; justify-content:center;}  
.posting_section .posting_txt{ opacity: 0;  transition:all ease .6s; transition-delay:1s;  transform:translateY(20px);}
.posting_section .posting_txt h2{font-size:50px; margin-bottom:20px; text-transform: uppercase; font-weight:600} 
.posting_section.on .posting_box{width:100%;}
.posting_section.on .posting_txt{opacity:1; transform:translateY(0);}

 
/* people */
.people_section {background:#f2f3f7;}
.people_section::after{display:none;}
.people_section .people_board{position:relative;}
.people_section .people_board ul{position:relative;}
.people_section .people_board ul::after{content:''; width:0; height:2px; background:#333; position:absolute; left:0; top:0; transition:all ease 1.5s;}
.people_section .people_board ul li a{display:flex; flex-wrap:wrap;   padding:50px 30px; font-size:24px;  font-weight: 600; cursor:auto;}  
.people_section .people_board ul li{position:relative;}
.people_section .people_board ul li::after{content:''; width:0; height:1px; background:#ddd; position:absolute; left:0; bottom:0; transition:all ease 1.5s;}
.people_section .people_board ul li .num{ color:#555; width:100px; opacity:.6; font-weight:700;}
.people_section .people_board ul li .txt{opacity:0; transform:translateY(20px); transition:all ease 1s; }
.people_section .people_board ul li .txt h3{font-weight:700; }
.people_section .people_board ul li span p{font-size:18px; margin-top:10px; color:#555;  }
.people_section .people_board ul li span{ width:calc(100% - 100px);  }    
.people_section .people_board ul li a:hover .num{opacity:1;}   

.people_section.on .people_board ul::after{width:100%;}
.people_section.on .people_board ul li .txt{opacity:1; transform:translateY(0);} 
.people_section.on .people_board ul li::after{width:100%;}
.people_section.on .people_board ul li:nth-child(1)::after{  transition-delay:.5s;}
.people_section.on .people_board ul li:nth-child(2)::after{  transition-delay:1s;}
.people_section.on .people_board ul li:nth-child(3)::after{ transition-delay:1.5s;}
.people_section.on .people_board ul li:nth-child(4)::after{  transition-delay:2s;}
.people_section.on .people_board ul li:nth-child(5)::after{ transition-delay:2.5s;}
.people_section.on .people_board ul li:nth-child(6)::after{  transition-delay:3s;}
.people_section.on .people_board ul li:nth-child(7)::after{ transition-delay:3.5s;}
.people_section.on .people_board ul li:nth-child(2) .txt{  transition-delay:.5s;}
.people_section.on .people_board ul li:nth-child(3) .txt{  transition-delay:1s;}
.people_section.on .people_board ul li:nth-child(4) .txt{  transition-delay:1.5s;}
.people_section.on .people_board ul li:nth-child(5) .txt{  transition-delay:2s;}
.people_section.on .people_board ul li:nth-child(6) .txt{  transition-delay:2.5s;}
.people_section.on .people_board ul li:nth-child(7) .txt{  transition-delay:3s;}



/* interview */
.interview_section {background: #f2f3f7;}
.interview_section .pop-menu { display:flex; gap:20px; opacity:0; transform:translateY(20px); transition:all ease 1s; flex-wrap:wrap;}
.interview_section .pop-menu li {width:20%; max-width:200px;}
.interview_section .pop-menu li a{ display: block; text-align: center;  height:60px; line-height: 58px; border:1px solid #ddd; border-radius:60px; font-size: 16px;  cursor:pointer; font-weight: 500; transition:all ease .3s;}  
.interview_section.on .pop-menu{opacity:1; transform:translateY(0);} 
.interview_section .pop-menu li a:hover{ background: #1954db; border-color:#1954db; color: #fff;}  
.interview_section::after{display:none;}  
.interview_popup .swiper-button-wr{width:100%; height:60px; position:absolute; bottom:0; left:0; text-align: center; display:flex; justify-content:center;  gap:30px; align-items:flex-start;}
.interview_popup .swiper-pagination,
.interview_popup .swiper-button-next, 
.interview_popup .swiper-button-prev{position:relative; top:auto; left:auto; right:auto; margin:0; width:auto; bottom:auto;color: #000; font-weight: 600; height:30px; line-height: 30px;}
.interview_popup .swiper-button-next:after, 
.interview_popup .swiper-button-prev:after{font-size: 16px;}
.interview_popup .swiper-pagination-current{color: #1954db;}
.interview_popup .swiper-container{height:100% !important;} 
.interview_popup .swiper-wrapper{height:100% !important;} 
.interview_popup .swiper-slide{height:100% !important; counter-increment:num; } 
.interview_popup .pop_wrap .pop_cont{overflow:hidden;height:100%;}
.interview_popup .pop_wrap .content{overflow-y:auto;    height: calc(100% - 140px);}
.interview_popup .pop_wrap .content::-webkit-scrollbar {width: 10px;position:absolute; right:0; top:0;}
.interview_popup .pop_wrap .content::-webkit-scrollbar-track {background-color: #e0e0e0;}
.interview_popup .pop_wrap .content::-webkit-scrollbar-thumb { background-color: #bdbdbd;}
.interview_popup .pop_wrap .content::-webkit-scrollbar-button {display: none;} 
.interview_popup .pop_wrap .pop_head h3{position:relative; padding-left: 70px; }
.interview_popup .pop_wrap .pop_head h3:before{content:"Q"counter(num); width:50px; height:50px; border-radius:50%; background: #1954db; color: #fff; display:inline-flex; align-items:center; justify-content:center; line-height: 1; font-size: 22px; font-weight: 600;position:absolute; left:0; top:5px;} 
    

/* benefit */
.benefit_section {background:#f2f3f7; padding-top:0;}
.benefit_section::after{display:none;}
.benefit_section .benefit_list { background:#fff; position:relative;}
.benefit_section .benefit_list ul{display:flex; flex-wrap:wrap; position:relative; z-index:2;}
.benefit_section .benefit_list ul li{width:25%; height:220px; padding:0 20px; display: flex;align-items: center;justify-content: center; opacity:0; transform:translateY(20px); transition:all ease .6s;}
.benefit_section .benefit_list ul li p{width:160px; margin-left:20px; font-weight:700; font-size: 20px;}
.benefit_section .hor_line,
.benefit_section .ver_line{width:100%; height:100%; position:absolute; left:0; top:0;  z-index:1;}
.benefit_section .hor_line span{content:''; width:0; height:2px; background:#f2f3f7; position:absolute; left:-1px; transition:all ease 1s; position:absolute; } 
.benefit_section .hor_line span:nth-child(1){top:33.33%;  }
.benefit_section .hor_line span:nth-child(2){top:66.66%;   transition-delay:.5s;} 
.benefit_section .ver_line span{content:''; width:2px; height:0; background:#f2f3f7; position:absolute; top:-1px; transition:all ease 1s; position:absolute;} 
.benefit_section .ver_line span:nth-child(1){left:25%;  }
.benefit_section .ver_line span:nth-child(2){left:50%;  transition-delay:.5s;} 
.benefit_section .ver_line span:nth-child(3){left:75%;  transition-delay:1s;} 
.benefit_section.on .hor_line span{ width:100%; }
.benefit_section.on .ver_line span{ height:100%; }
.benefit_section.on .benefit_list ul li{opacity:1; transform:translateY(0);}
 


/* footer */
.footer_sec {width:100%; padding:120px 0 60px; background:#fff; position: -webkit-sticky; position: sticky; bottom: 0;  overflow: hidden;}
.footer_sec p{font-weight:500; font-size:16px; color: #555;}
.footer_sec::after{display:none;}
.footer_sec .section_title{font-size:50px; font-weight:600; margin-top:30px; margin-bottom:30px;}
.footer_sec .ft_info{border-top:1px solid #ddd; padding:20px 0; display:flex; align-items:flex-start;justify-content:center; font-size:15px; margin-top:230px; } 
.footer_sec .ft_info p{ color:#999;  font-weight:300;}
.footer_sec .ft_info p:nth-child(1){position:absolute; left:0;}
.footer_sec .ft_info a{color:#222;  font-weight:600; display:inline-block; position:absolute; right:0;}
.footer_sec .ft_info a::after{content:''; width:0; height:1px; background:#333; position:absolute; left:0; bottom:0; transition:all ease .3s;}
.footer_sec .ft_info a:hover::after{width:100%;}


/******가격정책*******/
.pricingwr{position: relative;}
.pricingwr::before{content:''; width:100%; background:#333; position:absolute; left:0; top:-80px; transition:all ease .3s; height: 35rem; background-color:#081131}
.pricing-feature-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
}
.prcing-tab {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
}
.w-tabs {
    position: relative;
}
.pricing-cotent {
    width: 100%;
    min-height:600px
}
.container-middle {
  flex-direction: column;
  width: 100%;
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.h3-style-kr {
    color: #000;
    text-align: center;
    font-family: Pretendard, Arial, sans-serif;
    font-size: 1.625rem;
    font-weight: 600;
}
.pricing-sticky-grid {
    z-index: 666;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: #2c73ff;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
    display: flex;
    position: sticky;
    top: 98px;
}
.mobiletit{display:none}
.pricing-categrory {
    color: #00469c;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 1rem;
    font-size: 1.25rem;
    font-weight: 600;
    display: flex;
}
.pricing-cont-title-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 17rem 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.title-sticky {
  height: 100%;
}
.pricing-tab-link.w--current {
  background-color: var(--white);
  color: var(--dark-slate-blue);
}

.pricing-tab-link.border-lr {
  border-left: 1px solid #00469cb3;
  border-right: 1px solid #00469cb3;
}
.pricing-cont-div-title {
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-top: .875rem;
  padding-bottom: .875rem;
  display: flex;
}
.sub-title {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
.pricing-card-title-wrap {
  z-index: 1;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 3rem;
  grid-auto-columns: 1fr;
    display: grid;
}

.pricing-big-text {
  color: #000;
  font-size: 1.5rem;
  font-weight: 600;
}

.pricing-detail-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #ddd;
  grid-template-rows: auto;
  grid-template-columns: 18rem 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}
.pricing-detail-title {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    font-weight: 600;
    display: flex;
}
.pricing-detail-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: #fff;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}
.padding-4-5 {
    padding: 4.5rem;
	padding-top:150px;
}
.pricing-text-div {
    text-align: center;
    background-color: #f0f5ff;
    justify-content: center;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    line-height: 1.3;
    display: flex;
}
.pricing-tick-image {
    filter: invert(60%);
    width: 20px;
    margin-top: -1px;
    display: block;
}
.prcing-tab {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pricing-card-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fff;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 2rem;
  display: flex;
}

.pricing-button-wrap {
  width: 100%;
}

.pricing-button-wrap.align-center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.pricing-tabs-menu {
  border-radius: .75rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 6rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.pricing-cont-list-wrap {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}

.price-list-wrap {
  border-top: 1px solid var(--dark-gray);
  width: 100%;
  height: 100%;
  min-height: 6rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.price-text {
  color: #2c73ff;
  font-size: 1.9rem;
  font-weight: 600;
  line-height: 1.2;
}

.prcing-text {
  color: var(--alice-blue);
  font-size: .938rem;
  line-height: 1.9;
}

.span-pricing-bold {
  color: #000;
  font-weight: 600;
}

.btn-line-blue {
  border: 2px solid #2c73ff;
  color: #2c73ff;
  background-color: #0000;
  border-radius: .5rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: .7rem 1.8rem;
  font-size: 1.125rem;
  transition: border-color .2s, background-color .2s, opacity .2s;
  display: flex;
}

.btn-line-blue:hover {
  background-color: #2c73ff;
  color: #fff;
  box-shadow: inset 0 0 100px #00000026;
}

 .btn-bu {
    border: 2px solid #2c73ff;
    background-color: #2c73ff;
    color: #fff;
    text-align: center;
    border-radius: .5rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: .7rem 1.8rem;
  font-size: 1.125rem;
  transition: border-color .2s, background-color .2s, opacity .2s;
  display: flex;
}

.btn-bu:hover {
    border-color:#2c73ff;
    background-color: #2c73ff;
    box-shadow: inset 0 0 100px #00000026;
}

.greenbtn-line{
	border: 2px solid #26bcb7;
  color: #26bcb7;
  background-color: #0000;
  border-radius: .5rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: .7rem 1.8rem;
  font-size: 1.125rem;
  transition: border-color .2s, background-color .2s, opacity .2s;
  display: flex;
}

.greenbtn-line:hover {
  background-color: #26bcb7;
  color: #fff;
  box-shadow: inset 0 0 100px #00000026;
}

.btn-green {
    border: 2px solid #26bcb7;
    background-color: #26bcb7;
    color: #fff;
    text-align: center;
    border-radius: .5rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: .7rem 1.8rem;
  font-size: 1.125rem;
  transition: border-color .2s, background-color .2s, opacity .2s;
  display: flex;
}

.btn-green:hover {
    border-color:#26bcb7;
    background-color: #26bcb7;
    box-shadow: inset 0 0 100px #00000026;
}






.purplebtn-line{
	border: 2px solid #4e2bf4;
  color: #4e2bf4;
  background-color: #0000;
  border-radius: .5rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: .7rem 1.8rem;
  font-size: 1.125rem;
  transition: border-color .2s, background-color .2s, opacity .2s;
  display: flex;
}

.purplebtn-line:hover {
  background-color: #4e2bf4;
  color: #fff;
  box-shadow: inset 0 0 100px #00000026;
}

.btn-purple {
    border: 2px solid #4e2bf4;
    background-color: #4e2bf4;
    color: #fff;
    text-align: center;
    border-radius: .5rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: .7rem 1.8rem;
  font-size: 1.125rem;
  transition: border-color .2s, background-color .2s, opacity .2s;
  display: flex;
}

.btn-purple:hover {
    border-color:#4e2bf4;
    background-color: #4e2bf4;
    box-shadow: inset 0 0 100px #00000026;
}



.color-green{color:#26bcb7}
.color-purple{color:#4e2bf4}
.shadow-large {
    border-radius: 0.5rem;
    position: relative;
    box-shadow: 0 20px 40px -4px #00000014, 0 0 15px 9px #00000005;
}

.pricingFixed {
        position: fixed;
        display: block;
        webkit-transition: all ease .3s;
        -webkit-transition: all ease .3s;
        background-color: #2c73ff;
		width: 80em;
		top:135px;
    }
/*****************/

@media screen and (max-width:1024px) {
 
	.footer_sec .ft_info p{width:100%; display:block; margin:5px 0;} 
	.footer_sec .ft_info a::after{width:100%;}
	.footer_sec .ft_info p:nth-child(1){position:relative; left:auto;}
	.footer_sec .ft_info a{  position:relative; right:auto;}
	.pricing-sticky-grid{top:60px}

}

@media screen and (max-width:820px) {
	body{font-size:16px;} 
	.floating_layer{display:none}
	.pricing-card-title-wrap {
		grid-column-gap: 20px;
		grid-row-gap: 20px;
		flex-flow: column;
		grid-template-rows: auto;
		grid-template-columns: 1fr;
		grid-auto-columns: 1fr;
		display: grid;
	}
	.padding-global {
		margin-bottom: 0;
		padding-left: 28px;
		padding-right: 28px;
	}
	.pricingwr::before{top:-50px}
	
	/* main visual area */ 
	.main_visual {overflow:hidden; height: 100vh;} 
	.main_visual .for_size_change {top: 100vh;} 
	.intro_txt_wrap .txt_wrap h2{font-size:36px; margin-top:10px; line-height:1.2;}
	.intro_txt_wrap .txt_wrap p{font-size:14px;}


	/* main */
	.main_section {margin-top: 0; padding: 70px 0 70px;}  
	.main_section .section_title{font-size:30px; margin-bottom:30px;}
	.main_section .flex_inner .flex_left,
	.main_section .flex_inner .flex_right{width:100%;}


	/* about */
	.about_section .txt_wrap .line, .about_section .txt_wrap .pricing{font-size:20px; letter-spacing: 0;}
	.about_section h3{margin:30px 0 0; font-size:14px}

	
	/* history */
	.history_section .history_board ul li a{font-size:18px; padding:20px;}
	.history_section .history_board ul li .date{width:100px}
	.history_section .history_board ul li span{    width: calc(100% - 100px);}
	.history_section .history_board ul li a:hover .img,
	.history_section .history_board ul li .img{position:relative;width:100%; left:auto; top:auto; transform:none; opacity:1; visibility: inherit; height: 0; padding-bottom: 40%;overflow: hidden;margin-top: 20px;} 
	.history_section .history_board ul li .img img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
	.history_section .history_board ul li .img::before{display:none;}


	/* service */
	.service_bn{height: auto; padding: 50px 30px 100px;}
	.service_bn:has(a){padding:0;}
	.service_bn > a{  padding:50px 30px 100px; }
	.service_bn h3{font-size:24px;}
	.service_bn.bn2{transform: scale(1);}
	.service_bn.bn3{transform: scale(1);}
	.service_bn p br{display:none;}

	
	/* marquee */
	.marquee{ height: 80px;  }
	.marquee span { width: 300px;height:80px; font-size: 30px;line-height:80px; } 
	.marquee div {  width: 1200px; } 

	@keyframes marquee {
	  0% { left: 0; }
	  100% { left: -600px; }
	}

	/* posting */
	.posting_section{padding-top:70px;}
	.posting_section .posting_box{width:100%; height:auto;}
	.posting_section .posting_txt {opacity: 1;transform: translateY(0);}
	.posting_section .posting_txt h2{font-size:30px;}


	/* people */
	.people_section .people_board ul li a{padding:20px;}
	.people_section .people_board ul li a{font-size:18px;}
	.people_section .people_board ul li span p{font-size:15px;}
	.people_section .people_board ul li .num{width:50px;} 
	.people_section .people_board ul li .txt{width:calc(100% - 50px);  }
	.people_section .people_board ul::after,
	.people_section .people_board ul li::after{width:100%;}

	/* benefit */
	.benefit_section{padding-top:0;}
	.benefit_section .benefit_list ul li{width:50%;  height: 100px; border:1px solid #f2f3f7; }
	.benefit_section .benefit_list ul li img{width:60px;}
	.benefit_section .benefit_list ul li p{width:120px; font-size:16px;}
	.benefit_section .hor_line, .benefit_section .ver_line{display:none;}



	/* footer */
	.footer_sec{padding:70px 0 20px;}
	.footer_sec .section_title{font-size:24px; margin: 20px 0 0;}
	.footer_sec p{font-size:14px;}
	.footer_sec .ft_info{margin-top:70px;   flex-wrap: wrap;     justify-content: flex-start;}  


	.go-top{font-size:30px; bottom:0;}


	/* popup */
	.layer_popup .pop_wrap{padding:30px; max-height:70vh;}
	.layer_popup .pop_wrap .pop_head h3{font-size:20px;}
	.layer_popup .pop_wrap .pop_cont .pop_flex{flex-wrap:wrap;}
	.layer_popup .pop_wrap .pop_cont .pop_flex > div{width:100%; margin-bottom:10px;}
	.layer_popup .pop_wrap .pop_cont .pop_flex .left input:nth-child(2), .layer_popup .pop_wrap .pop_cont .pop_flex .left input:nth-child(3){width:100%;}
	.layer_popup .pop_wrap .pop_btn{margin:20px 0;} 
	.layer_popup .pop_wrap .pop_head{margin-bottom: 20px; padding-bottom: 10px;}
	.layer_popup .pop_wrap .pop_cont{height:calc(100% - 100px);}


	.interview_section .pop-menu{gap:8px;}
	.interview_section .pop-menu li{width:25%;}
	.interview_section .pop-menu li a{height:40px; line-height: 38px; font-size: 14px;}
	.interview_popup .pop_wrap .pop_head h3{padding-left: 45px;}
	.interview_popup .pop_wrap .pop_head h3:before{width:30px; height:30px; font-size: 16px; top:0; }
	.interview_popup .swiper-button-wr{height:45px;}
	.interview_popup .pop_wrap .pop_cont{height:100%;}
	.interview_popup .pop_wrap .content{height:calc(100% - 100px);}
	

 

 
}
@media screen and (max-width:600px) {
	.benefit_section .benefit_list ul li{width:100%;} 
	.padding-4-5 {
		padding: 2.5rem;
	}
	.h3-style-kr{font-size: 1.325rem;}
	.pricing-categrory {
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 0;
		font-size: 1.063rem;
	}
	.pricing-detail-grid {
		grid-template-rows: auto auto;
		grid-template-columns: 1fr;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}
	.pricing-detail-title {
		padding-left: 0;
	}
	.pricing-cont-div-title.is-hide {
		display: none;
	}
	.pricing-cont-div-title {
		font-size: .938rem;
	}
	.pricing-cont-title-wrap {
		grid-template-columns: 1fr 1fr 1fr;
	}
	
	.pricing-detail-div {
		grid-column-gap: 2px;
		grid-row-gap: 2px;
	}
	




}
 
@media screen and (max-width:400px) {
	.about_section .txt_wrap .line, .about_section .txt_wrap .pricing {
        font-size: 18px;
        letter-spacing: 0;
    }
	.about_section h3 {
        margin: 30px 0 0;
        font-size: 13px;
    }
	

}

 /****/



.icon-20 img, .image-100{width:14px}

/* 모바일 대응(줄 간격 정돈) */
@media (max-width: 480px){
	.panel {
        font-size: 36px;
        padding: 0;
    }
	.padding-global{
		padding-left: 10px;
        padding-right: 10px;
	}
	.pricing-card-wrap > div{right: 10px !important; top: 30px !important;}
	.pricing-card-wrap img{width:60px}
	.pricing-big-text span{display:block; font-size:14px}
	.price-list-wrap{min-height:40px}
	.prcing-text:first-child{
		background: #e5e5e5;
        padding: 5px 10px;
        border-radius: 4px;
        margin-top: 10px;
	}
	.prcing-text{font-size: .820rem;}
	.pricingwr::before{height: 68rem;}
	.price-text strike{display:block}
	.price-list-wrap{padding-top:0; padding-bottom:0}
	.pricing-cont-div-title {
        font-size: .8rem;
    }
	.pricing-cont-title-wrap{display:none}
	.pricing-detail-div{
		display: flex;
    flex-direction: column;
	}
	  .mobiletit {
        background: #2c73ff;
        color: #fff;
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 5px 0;
        margin-bottom: 10px;
    }
	.pricing-text-div {
		text-align: center;
		background-color: #f0f5ff;
		justify-content: center;
		align-items: center;
		padding-top: 0;
		padding-bottom: 1rem;
		line-height: 1.3;
		display: flex;
		flex-direction: column;
	}
	
}