@charset "utf-8";


#intro1 .img{background: url('/images/sub/intro1_bg.jpg') center center / cover no-repeat; padding: 13rem 15rem; border-radius: 2rem;}
#intro1 .img h3{color: #fff; font-size: 4.8rem; line-height: 6.4rem;}
#intro1 .cont{padding: 7rem; font-size: 2rem;}
#intro1 .cont p{color: #333; line-height: 4rem; word-break: keep-all;}
#intro1 .cont p + p{margin-top: 5rem;}
#intro1 .cont p.name{color: #222; font-weight: 500;}
#intro1 .cont p.name span{display: inline-block;font-family: 'ROEHOE-CHAN'; font-size: 3.6rem; margin-left: 1rem;}


@media all and (max-width:1620px){
    #intro1 .img{padding: 10rem 10rem;}
    #intro1 .cont{padding: 7rem 5rem;}
}
@media all and (max-width:1400px){
    #intro1 .cont{padding: 5rem 0rem;}
}
@media all and (max-width:1280px){
    #intro1 .img{padding: 10rem 7rem;}
    #intro1 .img h3{font-size: 4rem; line-height: 6rem;}
    #intro1 .cont{font-size: 1.8rem;padding: 5rem;}
}
@media all and (max-width:980px){
    #intro1 .cont{padding: 5rem 3rem;}
}
@media all and (max-width:768px){
    #intro1 .img{padding: 6rem 3rem;}
    #intro1 .img h3{font-size: 3rem; line-height: 4.5rem;}
    #intro1 .cont{padding: 4rem 2rem;}
    #intro1 .cont p{line-height: 3.5rem;}
    #intro1 .cont p + p{margin-top: 4rem;}
    #intro1 .cont p.name span{font-size: 3rem;}
}
@media all and (max-width:480px){
    #intro1 .img{padding: 6rem 3rem; border-radius: 1rem;}
    #intro1 .img h3{font-size: 2.5rem; line-height: 3.5rem;}
    #intro1 .cont{padding: 4rem 1.5rem;}
    #intro1 .cont p{font-size: 1.5rem; line-height: 3rem;}
}

#intro2 .top{ background: url('/images/sub/intro2_top_bg.jpg') 70% 50% / cover no-repeat; color: #fff; padding: 10rem; border-radius: 2rem;}
#intro2 .top h3{font-size: 5rem; margin-bottom: 5rem;}
#intro2 .top p{font-size: 1.8rem; line-height: 3rem; margin-top: 2rem; word-break: keep-all;letter-spacing: -0.07em; }
#intro2 .bot{text-align: center; padding: 20rem 5rem; background: url('/images/sub/intro2_bot_bg.jpg') center center / cover no-repeat;; color: #fff; margin-top: 15rem;}
#intro2 .bot h3{font-size: 4rem; line-height: 5rem;}
#intro2 .bot p{font-size: 2rem; margin-top:5rem; line-height: 3rem; word-break: keep-all;}


@media all and (max-width:1280px){
    #intro2 .top{padding: 8rem 5rem;}
    #intro2 .top h3{font-size: 4rem;}
    #intro2 .top p{font-size: 1.6rem;}
    #intro2 .bot{padding: 15rem 5rem;margin-top: 10rem;}
    #intro2 .bot h3{font-size: 3.5rem;}
    #intro2 .bot p{font-size: 1.8rem; margin-top:3rem;}
}
@media all and (max-width:768px){
    #intro2 .top{padding: 6rem 3rem; border-radius: 1rem;}
    #intro2 .bot{padding: 10rem 2rem;}
    #intro2 .bot h3{font-size: 3rem; line-height: 4rem;}
    #intro2 .bot p{font-size: 1.6rem; line-height: 2.6rem;}
}
@media all and (max-width:480px){
    #intro2 .top h3{font-size: 3.5rem; margin-bottom: 3rem;}
}

.cont_box{margin: 8rem 0;}
.cont_box + .cont_box{border-top: 1px solid #eee; padding-top: 8rem;}
.cont_box .tt h3{font-size: 3.5rem; color: #222;position: relative; padding-left: 6rem; margin-bottom: 3rem;}
.cont_box .tt h3 span{color: var(--color1);}
.cont_box .tt h3::before{content: ''; width: 4rem; height: 4rem; background: url('/images/sub/logo_mini.png') center center / cover no-repeat; position: absolute; left: 0; top: 50%; transform: translatey(-50%);}
.cont_box .tt p{font-size: 1.8rem; line-height: 2.8rem;}
.cont_box .p_box{text-align: center; background: #fef9f6;padding: 7rem 5rem; border-radius: 2rem;}
.cont_box .p_box h3{font-size: 4rem; color: #222;}

.vision_list{display: flex; margin-top: 3rem; gap: 2rem; flex-wrap: wrap;}
.vision_list li{width: calc(100%/4 - 6rem/4); text-align: center; border: 1px solid #ddd;border-radius: 2rem; padding: 3rem; color: #222;}
.vision_list.w3 li{width: calc(100%/3 - 4rem/3);}
.vision_list li .img{width: 12rem;margin: 0 auto;}
.vision_list.lg li .img{width: 30rem;}
.vision_list li .img img{width: 100%;}
.vision_list li h3{font-size: 2.5rem;margin: 3rem 0 2rem;}
.vision_list li p{font-size: 1.8rem; line-height: 2.8rem;}

.busi_list{display: flex; gap: 2rem;}
.busi_list li{border-radius: 2rem; overflow: hidden; width: calc(100%/3 - 4rem/3); background: #fef9f6;}
.busi_list li .txt{padding: 3rem 5rem;}
.busi_list li .txt h3{font-size: 2.5rem; color: var(--color1);}
.busi_list li .txt p{font-size: 1.8rem; margin-top: 1.5rem; word-break: keep-all;line-height: 2.7rem;}
.busi_list li .img{ width: 100%; position: relative; overflow: hidden;}
.busi_list li .img img{width: 100%;display: block;}


@media all and (max-width:1280px){
    .cont_box{margin: 6rem 0;}
    .cont_box + .cont_box{padding-top: 6rem;}
    .cont_box .tt h3{font-size: 3rem; padding-left: 4.5rem;}
    .cont_box .tt h3::before{width: 3rem; height: 3rem;}
    .cont_box .p_box{padding: 5rem 2rem;}
    .cont_box .p_box h3{font-size: 3.5rem;}

    .vision_list.lg li .img{width: 20rem;}
    .vision_list li .img{width: 10rem;}
    .vision_list li h3{font-size: 2.2rem;}
    .vision_list li p{font-size: 1.6rem; line-height: 2.6rem;}
    
    .busi_list li .txt{padding: 3rem;}
    .busi_list li .txt h3{font-size: 2.2rem;}
    .busi_list li .txt p{font-size: 1.6rem; line-height: 2.5rem;margin-top: 1rem;}
}
@media all and (max-width:980px){
    .cont_box .p_box h3{font-size: 3rem;}
    
    .vision_list{flex-wrap: wrap;}
    .vision_list li{width: calc(100%/2 - 1rem);}
    .vision_list.w3 li{width: calc(100%/2 - 1rem);}
    .vision_list li .img{width: 10rem;}
    .vision_list li h3{font-size: 2.2rem;}
    .vision_list li p{font-size: 1.6rem; line-height: 2.6rem;}
}
@media all and (max-width:768px){
    .cont_box .p_box{border-radius: 1rem;}
    .cont_box .tt p{font-size: 1.6rem; line-height: 2.6rem;}
    .vision_list li{border-radius: 1rem;}
    
    .busi_list{flex-wrap: wrap;}
    .busi_list li{width: 100%; border-radius: 1rem;}
    .vision_list.lg li .img{width: 15rem;}
}
@media all and (max-width:480px){
    .cont_box{margin: 5rem 0;}
    .cont_box + .cont_box{padding-top: 5rem;}
    .cont_box .tt h3{font-size: 2.5rem; padding-left: 3.5rem;}
    .cont_box .tt h3::before{width: 2.5rem; height: 2.5rem;}
    .cont_box .p_box{padding: 3rem 2rem;}
    .cont_box .p_box h3{font-size: 2.5rem;}
    
    .vision_list li{padding: 2rem 1rem;}
    .vision_list li .img{width: 8rem;}
    .vision_list li h3{font-size: 2rem;margin: 2rem 0 1rem;}
    .vision_list li p{font-size: 1.5rem; line-height: 2rem;}
    
    .busi_list li .txt h3{font-size: 2rem;}
    .busi_list li .txt p{font-size: 1.5rem; }
}


#sLocation { position: relative; }
#sLocation .root_daum_roughmap .wrap_map  { height: 600px !important; }
.root_daum_roughmap .cont,
.wrap_controllers  { display: none; }
.map_border {  display: none; }

.loca-info { position: relative; width: 95%; margin: -5% auto 0;z-index: 10; display:flex;  flex-wrap:wrap; align-items: end; justify-content:space-between; }
.loca-info > div { }

.loca-info .tit { padding:40px; width:380px; height:280px; background: var(--color1); background-size:auto 100%; color:#FFF ; display:flex; flex-wrap:wrap;  align-content: space-between;}
.loca-info .tit .eng { width:100%; font-size:1.8rem; font-weight:700; letter-spacing:0 }
.loca-info .tit h3 {font-size:36px;width:100%;text-align:right; font-weight:200; line-height:1.4em; }

.loca-info .cont { width:calc(100% - 380px - 200px ); padding:0 0 15px 50px; font-size: 18px; /* border: 1px solid #e5e5e5; */ border-top:0; display: flex; flex-wrap:wrap}
.loca-info .cont dl {margin:0 30px 20px; width: 100%;}
.loca-info .cont dl p {font-size:18px; color:#757370; display: flex; align-items: center;}
.loca-info .cont dl p span{width: calc(100% - 60px);}
.loca-info .cont dl p i {width:50px; line-height:50px; text-align:center; border-radius:50px; background:#feeee9; color:var(--color1); margin-right:10px }
.loca-info .cont dl p.phone {color:#222; font-family: 'Montserrat', sans-serif; font-weight:600}

.loca-info .load {width: 200px;   display:flex; flex-wrap: wrap;gap: 10px;margin-bottom: 30px;}
.loca-info .load a {width: 100%; height: 100%;border-radius:10px;background-color: #03c75a; text-align: center; line-height: 60px;}
.loca-info .load a img{width: 2rem;}
.loca-info .load a.kko {background-color:#fae100;}
.loca-info .load a p {font-size:1.8rem; color: #fff; display: flex; align-items: center; justify-content: center; gap: 1rem;}
.loca-info .load a.kko p{color:#5d4f41;}


@media all and (max-width:1480px){
    .loca-info .tit {width: 300px; padding: 40px 20px;}
    .loca-info .tit h3{font-size: 32px;}
    .loca-info .cont {width: calc(100% - 500px); padding: 0 0 15px;}
}
@media all and (max-width:1280px){
    .loca-info .load {width: 100%; margin-top: 30px; flex-wrap: nowrap;}
    .loca-info .cont {width: calc(100% - 320px);}
}
@media all and (max-width:1140px){
    #sLocation .root_daum_roughmap .wrap_map  { height: 60vw !important; }
    
	.loca-info .tit { padding:3em; width:240px; height:230px; }
	.loca-info .tit h3 {font-size:24px; }
    
	.loca-info .cont { width:calc(100% - 240px );  padding:0 0 20px 30px; }
	.loca-info .cont dl {margin:0 30px 10px 0}
}
@media all and (max-width:976px){
	
	.loca-info { width: 90%; }
	.loca-info .tit { padding:3em; width:90%; max-width:340px; height:auto; }
	.loca-info .tit h3 {margin-top:0.3em; text-align:left; }

	.loca-info .cont { width:100%; padding:4% 0 0 0;}
	.loca-info .cont dl p i {width:40px; line-height:40px; }
}
@media all and (max-width:640px){
	#sLocation .root_daum_roughmap .wrap_map  { height: 80vw !important; }
	.loca-info .cont {  padding:8% 0 0 0;}
}
@media all and (max-width:480px){
	#sLocation .root_daum_roughmap .wrap_map  { height: 90vw !important; }
	.loca-info .tit { padding:2em;}
	.loca-info .tit h3 {font-size:2.5rem;}

	.loca-info { margin: -8% auto 0;}
	.loca-info .cont dl p {font-size:1.6rem; } 
	.loca-info .cont dl.add {margin-right:0}
	.loca-info .cont dl p i {width:4rem; line-height:4rem;margin-right:1rem }
	.loca-info .cont dl p span{width: calc(100% - 5rem);}
}


#historyTop {width:100%; height:360px;  background:url('/images/sub/history-bg.jpg')no-repeat 60% center; display:table}
#historyTop .in-box {width:90%; display:table-cell; vertical-align:middle; text-align:center; color:#FFF; position:relative}
#historyTop .in-box:before {content:'SINCE 2019'; width:100%; font-size:10rem; opacity:.2; font-weight:900; font-family:'Montserrat'; position:absolute; left:50%; bottom:-30px; transform:translateX(-50%)}
#historyTop .eng {margin-bottom:2em; font-size:1.3rem; font-weight:700; letter-spacing:0.5em; font-family:'Montserrat'}
#historyTop h3 {font-size:4rem; font-weight:300;  line-height:1.4em;}

@media all and (max-width:1280px) {	
    #historyTop h3 {font-size:3.5rem;}
}
@media all and (max-width:980px) {	
    #historyTop h3 {font-size:3rem;}
}
@media all and (max-width:640px) {	
    #historyTop .in-box:before { font-size:8rem; }
}
@media all and (max-width:480px) {	
    #historyTop {height: auto; background-position:45% center}
	#historyTop .in-box {padding:80px 0}
	#historyTop .in-box:before { font-size:7rem; bottom:-23px;}
	#historyTop .eng {margin-bottom:1.5em; font-size: 1.2rem;}
	#historyTop h3 {font-size:2.7rem;}
}




.his_wrap {overflow:hidden; box-sizing:border-box; position:relative; }
.his_wrap:before{content:""; position:absolute; top:0; left:50%; margin-left:-0.5px; width:1px; height:100%; background:#ddd; z-index:1;}

.his_wrap .his_bx{box-sizing:border-box; padding-top:5em; position:relative; overflow:hidden;}
.his_wrap .his_bx .in{clip: rect(auto, auto, auto, auto); top:0; left:0; width:100%; height:100%; position:absolute; z-index:0; overflow:hidden;}
.his_wrap .his_bx .in .bg{position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background-repeat:no-repeat; background-position:center center; transform: translateZ(0); will-change: transform; }
.his_wrap .his_bt{padding-bottom:8em}

.his_wrap li {position:relative; z-index:2;  width:50%; float:right; text-align:left; padding:0 20px 3em; box-sizing:Border-box;}
.his_wrap li+li{clear:both;}

.his_wrap li .t { position:relative; font-size:5.0rem;  margin-bottom:30px; color:var(--color1); font-weight: 700;}
.his_wrap li .t:before {content:""; position:absolute; top:0.45em; left:-30px; width:20px; height:20px; border-radius:100%; background:var(--color1); border:6px solid #f7dfce;}
.his_wrap li .c { font-size:1.7rem; line-height: 1.8em;}
.his_wrap li .c dt{ width:7rem; display:inline-block; vertical-align:top; margin-bottom:15px; color:#212121; font-weight: 700; line-height: 1.5em;  font-size:2rem; font-family:'Roboto'; }
.his_wrap li .c dd{width:calc(100% - 7rem); display:inline-block; vertical-align:top; margin-bottom:15px; line-height: 1.5em; font-size: 2rem;}
.his_wrap li .c p { position: relative; margin-bottom:10px; padding: 0 15px; }
.his_wrap li .c p::before { content:''; width: 3px; height: 3px; background: var(--color1); position: absolute; left:0; top: 50%; margin-top: -1.8px; }

.his_wrap li:nth-of-type(2n) {float:left; text-align:right; }
.his_wrap li:nth-of-type(2n) .t:before{left:unset; right:-30px;}
.his_wrap li:nth-of-type(2n) dt{float:right; }
.his_wrap li:nth-of-type(2n) .c p::before { left: unset; right:0; }

@media all and (max-width:767px) {
	.his_wrap .his_bx{ padding-left:10px;}
	.his_wrap:before{ margin-left:0; left:10px;  }
	.his_wrap li{ width:100%;}
	.his_wrap li .t { font-size: 4.0rem; }
	.his_wrap li .t:before { top:0.35em;  }
	.his_wrap li .c dt{ width:6rem; }
	.his_wrap li .c dd{width:calc(100% - 6rem); }
    
	.his_wrap li:nth-of-type(2n){float:right; text-align:left; }
	.his_wrap li:nth-of-type(2n) .t:before{left:-30px; right:inherit;}
	.his_wrap li:nth-of-type(2n) dt{float:left; }
    
	.his_wrap li:nth-of-type(2n) .c p::before { right:unset; left: 0;  }
}

@media all and (max-width:568px) {
    .history-top { padding: 12% 0; }
	.history-top h4 { font-size: 3.5rem; }
    .his_wrap li .t { font-size:3.5rem; }
    .his_wrap li .c dt{font-size: 1.8rem;}
    .his_wrap li .c dd{font-size: 1.8rem;}
}



#rnd_top{background: url('/images/sub/rnd1_top_260609.jpg') center right / cover no-repeat; padding: 8rem; color: #fff; display: flex; gap: 5rem; border-radius: 2rem; align-items: center;}
#rnd_top.rnd2{background: url('/images/sub/rnd2_top.jpg') center right / cover no-repeat;}
#rnd_top.rnd3{background: url('/images/sub/rnd3_top.jpg') center right / cover no-repeat;}
#rnd_top.pep1{background: url('/images/sub/pep1_top.jpg') center right / cover no-repeat;}
#rnd_top .lt{width: 60%;}
#rnd_top .lt h4{font-size: 2rem;color: var(--color1);}
#rnd_top .lt h3{font-size: 4rem;margin: 3rem 0 4rem;}
#rnd_top .lt h3 span{color: var(--color1);}
#rnd_top .lt p{opacity: 0.8; font-size: 1.8rem; line-height: 3rem; word-break: keep-all;}

#rnd_top .rt{width: 40%;}
#rnd_top .rt ul{display: flex; flex-wrap: wrap; gap: 2rem;}
#rnd_top .rt ul li{width: calc(100%/2 - 1rem); border-radius: 1rem;padding: 3rem;    background: rgba(255,255,255,0.12); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.2);}
#rnd_top.rnd2 .rt ul li{border: 1px solid rgba(0,0,0,0.05);}
#rnd_top .rt ul li h3{font-size: 3rem; color: var(--color1);}
#rnd_top .rt ul li p{font-size: 1.8rem; margin-top: 1rem;}

#rnd_top .rt ul.long li{width: 100%;}
#rnd_top .rt ul.long li h3{display: flex; align-items: center;gap: 1rem;font-size: 2.5rem;}


@media all and (max-width:1280px) {
    #rnd_top{padding: 6rem; gap: 3rem;}
    #rnd_top .lt{width: 50%;}
    #rnd_top .lt h4{font-size: 1.8rem;}
    #rnd_top .lt h3{font-size: 3.5rem;}
    #rnd_top .lt p{font-size: 1.6rem; line-height: 2.5rem;}
    #rnd_top .rt{width: 50%;}
    #rnd_top .rt ul li{padding: 2rem;}
    #rnd_top .rt ul li h3{font-size: 2.5rem;}
    #rnd_top .rt ul li p{font-size: 1.6rem;}
}
@media all and (max-width:980px) {
    #rnd_top{flex-wrap: wrap; padding: 5rem 3rem;}
    #rnd_top .lt{width: 100%;}
    #rnd_top .rt{width: 100%;}
    #rnd_top .rt ul{gap: 1rem;}
    #rnd_top .rt ul li{width: calc(100%/4 - 3rem/4);}
}
@media all and (max-width:768px) {
    #rnd_top .rt ul li{width: calc(100%/2 - 1.5rem);}
}
@media all and (max-width:480px) {
    #rnd_top .lt h4{font-size: 1.6rem;}
    #rnd_top .lt h3{font-size: 3rem; margin: 2rem 0 3rem;}
    #rnd_top .rt ul li h3{font-size: 2.2rem;}
    #rnd_top .rt ul li p{font-size: 1.5rem; margin-top: 0.5rem;}
    #rnd_top .rt ul.long li h3{font-size: 2rem;}
}

.step_list{display: flex; gap: 2rem; flex-wrap: wrap;}
.step_list li{width: calc(100%/4 - 6rem/4); background: #fef9f6; border-radius: 2rem;padding: 3rem; text-align: center;}
.step_list li h4{color: var(--color1); font-size: 8rem;font-family: 'Montserrat'; opacity: 0.1; font-weight: 800;z-index: 5; position: relative;}
.step_list li h3{color: #222; font-size: 3rem; margin-top: -4rem;z-index: 10; position: relative;}
.step_list li p{font-size: 1.8rem; margin-top: 2rem; line-height: 3rem;}

@media all and (max-width:1280px) {
    .step_list li{padding: 2rem 0.9rem;}
    .step_list li h4{font-size: 7rem;}
    .step_list li h3{font-size: 2.5rem;}
    .step_list li p{font-size: 1.6rem; line-height: 2.5rem;}
}
@media all and (max-width:980px) {
    .step_list li{width: calc(100%/2 - 1rem);}
}
@media all and (max-width:480px) {
    .step_list li h4{font-size: 6rem;}
    .step_list li h3{font-size: 2.2rem; margin-top: -3rem;}
    .step_list li p{font-size: 1.5rem;}
}

.pipeline_wrap{width:100%; overflow-x:auto;}
.pipeline_table{min-width:1200px; background:#fff; font-size:1.5rem; color:#111;}
.pipeline_header{display:grid; grid-template-columns:15% 17% repeat(4, 17%); background:#383838; color:#fff; font-weight:600; font-size:1.8rem;}
.pipeline_header > div{min-height:7rem; display:flex; align-items:center; justify-content:center; text-align:center; border-right:1px dashed rgba(255,255,255,.35);}
.pipeline_header > div:last-child{border-right:0;}

.pipeline_row{display:grid; grid-template-columns:15% 17% 68%; min-height:8rem; border-bottom:1px solid #f3f3f3;}
.target{display:flex; align-items:center; gap:.9rem; padding:0 2rem; font-weight:500; font-size:1.8rem;}
.target i{width:1.2rem; height:1.2rem; border-radius:50%; flex-shrink:0;}
.target i.red{background:#ff3434;}
.target i.yellow{background:#ffc400;}
.target i.blue{background:#168eea;}

.indication{display:flex; align-items:center; padding:0 2rem; font-size:2rem; border-left:1px dashed #ddd; border-right:1px dashed #ddd; justify-content: center;}

.peptide_area{position:relative; padding:1.4rem 0; background-image:repeating-linear-gradient(to bottom, #ddd 0 4px, transparent 4px 8px), repeating-linear-gradient(to bottom, #ddd 0 4px, transparent 4px 8px), repeating-linear-gradient(to bottom, #ddd 0 4px, transparent 4px 8px); background-size:1px 100%; background-repeat:no-repeat; background-position:25% 0, 50% 0, 75% 0; display:flex; flex-direction:column; justify-content:center;}

.pipe{position:relative; height:2.5rem; line-height:2.5rem;  color:#fff; font-weight:700; font-size:1.6rem;}
.pipe + .pipe{margin-top:2rem;}
.pipe::after{content:''; position:absolute; right:-1.5rem; top:-.8rem; width:0; height:0; border-top:2rem solid transparent; border-bottom:2rem solid transparent;}

.red_pipe{background:#ff3434;}
.red_pipe::after{border-left:2rem solid #ff3434;}
.yellow_pipe{background:#ffc400;}
.yellow_pipe::after{border-left:2rem solid #ffc400;}
.blue_pipe{background:#168eea;}
.blue_pipe::after{border-left:2rem solid #168eea;}

.pipe01{width:37%;}
.pipe03{width:13%;}
.pipe04{width:13%;}

.pipeline_caption{margin:0; padding:.7rem 0; font-size:1.6rem; color:#555;}
.pipeline_scroll_txt{display:none;}

@media(max-width:1280px){
    .pipeline_header{font-size:1.6rem;}
    .target{font-size:1.6rem; padding:0 1rem;}
}

@media(max-width:768px){
    .pipeline_wrap{padding:1rem;}
    .pipeline_table{min-width:1000px;}
    .pipeline_row{min-height:7rem;}
    .pipeline_scroll_txt{display:block; margin-bottom:1rem; padding:1rem 1.4rem; border-radius:.8rem; background:#f7f7f7; color:#555; font-size:1.6rem; text-align:center;}
    .pipeline_scroll_txt::before{content:'← ';}
    .pipeline_scroll_txt::after{content:' →';}
}


.prod-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; margin-top: 3rem;}
.prod{border: 1px solid #eee; border-radius: 2rem; overflow:hidden}
.prod-header{padding:2rem 3rem; background:var(--color1); display:flex; align-items:flex-start; justify-content:space-between}
.prod-ic i{font-size:5rem;color:#fff; font-weight: normal;}
.prod-ttl{font-size:2.5rem; color:#fff;margin-bottom: 0.5rem;}
.prod-eng{font-size:1.6rem; color:rgba(255,255,255,0.65)}
.prod-body{padding:2rem;}
.prod-item{display:flex; gap:1rem; padding:1rem 0; border-bottom:1px  dashed #eee}
.prod-item:last-child{border-bottom:none}
.prod-dot{width:5px;height:5px; border-radius:50%; background:var(--color1); flex-shrink:0; margin-top: 1.2rem;}
.prod-item-p{font-size:1.8rem; line-height:1.6}
.prod-foot{padding:2rem 3rem; border-top:1px solid #eee; background: #fef2ee; font-weight: bold;}
.prod-stage{font-size:1.8rem;}
.prod-stage span{color:var(--color1);}

@media(max-width:1480px){
    .prod-item-p{font-size:1.7rem;}
}
@media(max-width:1280px){
    .prod-body{padding:2rem 1rem;}
    .prod-item{gap:0.5rem;}
    .prod-item-p{font-size:1.6rem; letter-spacing: -0.07em;}
    .prod-dot{width:3px;height:3px; margin-top: 1rem;}
}
@media(max-width:1080px){
    .prod-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .prod-body{padding:2rem;}
}
@media(max-width:768px){
    .prod-grid{grid-template-columns:repeat(1,minmax(0,1fr));}
    .prod-ic i{font-size:4rem;}
    .prod-ttl{font-size:2.2rem;}
}
@media(max-width:480px){
    .prod-header{padding:2rem;}
    .prod-ttl{font-size:2rem;}
    .prod-eng{font-size:1.4rem;}
}



.pg-flow-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:5rem;position:relative}
.pg-flow-steps::before{content:'';position:absolute;top:7.5rem;left:10%;right:10%;height:0.5px;background:#fbd0c1;z-index:0}
.pg-step{text-align:center;position:relative;z-index:1}
.pg-step h4{font-size: 1.6rem; font-family: 'Montserrat'; margin-top: 2rem; color: var(--color1); border: 1px solid var(--color1); display: inline-block; padding: 0.5rem 2rem; border-radius: 100px;}
.pg-step-num{width:15rem;height:15rem;border-radius:50%;background:var(--color1);display:flex;align-items:center;justify-content:center;margin:0 auto 10px; font-weight:500;color:#000; font-size: 5rem; color: #fff;}
.pg-step-num.active{background:#fff;color: var(--color1); border: 1px solid var(--color1);}
.pg-step-name{font-size:2.5rem; font-weight: bold;color:#000;margin: 2rem 0;}
.pg-step-sub{font-size:1.6rem;color:#666;line-height:1.5}


@media(max-width:1280px){
    .pg-step h4{font-size: 1.4rem;}
    .pg-step-name{font-size:2.2rem; margin: 2rem 0 1rem;}
}
@media(max-width:980px){
    .pg-flow-steps::before{top:5rem;}
    .pg-step-num{width:10rem;height:10rem;font-size: 3rem;}
}
@media (max-width: 767px) {
    .pg-flow-steps { grid-template-columns: 1fr; gap: 0; padding-left: 4rem; }
    .pg-flow-steps::before { content: ''; position: absolute; top: 2.5rem; bottom: 2.5rem; left: 6.7rem; width: 1px; height: 90%; background: #fbd0c1; }
    .pg-step {position: relative;padding: 0 0 6rem 12rem;text-align: left;}
    .pg-step-num { position: absolute;left: -3.8rem; top: 0; width: 13rem; height: 13rem;}
    .pg-step h4{margin-top: 1rem;}
    .pg-step-name{padding-left: 1rem;}
    .pg-step-sub{padding-left: 1rem;}
}


.prv_wrap{border: 10px solid #f7f7f7;padding: 5rem; color: #222; font-family: 'suit';}
.prv_wrap h3{font-size: 2rem;}
.prv_wrap .st{margin-top: 2rem;}
.prv_wrap .st h4{font-size: 1.8rem;}
.prv_wrap .st p{font-size: 1.6rem; margin-top: 1rem; line-height: 2.5rem;}
.prv_wrap .st p + p{margin-top: 0;}
.prv_wrap .line{border: 1px solid #ddd;padding: 2rem;margin: 2rem 0;}
.prv_wrap .line p{margin-top: 0;}

@media screen and (max-width:1280px){
    .prv_wrap{padding: 3rem;}
}
@media screen and (max-width:480px){
    .prv_wrap h3{font-size: 1.8rem;}
    .prv_wrap .st h4{font-size: 1.6rem;}
    .prv_wrap .st p{font-size: 1.5rem;}
}


.bio_list{display: flex;gap: 2rem; flex-direction: column;}
.bio_list li{background: #fef2ee; border-radius: 2rem; padding: 3rem 5rem;}
.bio_list li h3{font-size: 3rem;color: var(--color1);}
.bio_list li p{margin-top: 1rem;font-size: 1.8rem; line-height: 3rem;}

@media screen and (max-width:768px){
    .bio_list li{padding: 3rem;}
    .bio_list li h3{font-size: 2.5rem;}
    .bio_list li p{font-size: 1.6rem; line-height: 2.5rem;}
}
@media screen and (max-width:480px){
    .bio_list li{border-radius: 1rem;}
    .bio_list li h3{font-size: 2.2rem;}
}

.contact{}
.contact_top{display:flex; align-items:center; gap:3rem; margin-bottom:2.4rem; padding:3rem 4rem; border-radius:2rem; background:#fff; box-shadow:0 1rem 3rem rgba(0,0,0,.08);}
.top_icon{width:7rem; height:7rem; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#fff5ee; color:var(--color1); font-size:3rem;}
.top_txt{flex:1;}
.top_txt p{margin:0 0 .8rem; font-size:1.8rem; font-weight:600; color:#111; word-break: keep-all;}
.top_txt span{display:block; font-size:1.6rem; color:#5f6b7a; line-height:1.6;word-break: keep-all;}
.top_mail{min-width:25rem; padding-left:3rem; border-left:1px solid #dce3ef;}
.top_mail span{display:block; margin-bottom:.7rem; font-size:1.5rem; color:var(--color1); font-weight:700;}
.top_mail strong{font-size:2.2rem; color:#111;}

.contact_form{padding:4rem; border-radius:2rem; background:#fff; box-shadow:0 1rem 3rem rgba(0,0,0,.08);}
.form_row{display:grid; grid-template-columns:24rem 1fr; gap:3rem; align-items:center; margin-bottom:2rem;}
.form_row:last-child{margin-bottom:0;}
.form_row label{font-size:1.7rem; font-weight:700; color:#111;}
.form_row label em{font-style:normal; color:var(--color1);}
.form_row input,.form_row select,.form_row textarea{width:100%; height:5.4rem; padding:0 1.8rem; border:1px solid #d9e0eb; border-radius:.8rem; background:#fff; font-size:1.6rem; color:#111; box-sizing:border-box; outline:none;}
.form_row input:focus,.form_row select:focus,.form_row textarea:focus{border-color:var(--color1); box-shadow:0 0 0 .3rem rgba(0,0,0,.08);}
.email_box{display:grid; grid-template-columns:1fr auto 1fr 16rem; gap:1rem; align-items:center;}
.email_box span,.phone_box span{font-size:1.7rem; color:#333;}
.phone_box{display:grid; grid-template-columns:13rem auto 1fr auto 1fr; gap:1rem; align-items:center; max-width:70rem;}
.textarea_row{align-items:start;}
.textarea_row label{padding-top:1rem;}
.textarea_row label small{display:block; margin-top:3rem; font-size:1.6rem; line-height:1.8; color:#333;}
.form_row textarea{height:24rem; padding:1.8rem; resize:none; line-height:1.6;}

@media(max-width:900px){
    .contact_top{display:block; padding:2.5rem;}
    .top_icon{margin-bottom:2rem;}
    .top_mail{margin-top:2rem; padding-left:0; padding-top:2rem; border-left:0; border-top:1px solid #dce3ef;}
    .contact_form{padding:2.5rem;}
    .form_row{grid-template-columns:1fr; gap:1rem;}
    .email_box{grid-template-columns:1fr;}
    .email_box span{display:none;}
    .phone_box{grid-template-columns:1fr auto 1fr auto 1fr; max-width:none;}
}


.agree_box{margin-top:4rem;}
.agree_box h4{margin:0 0 1.6rem; font-size:2.4rem; font-weight:700; color:#111;}
.agree_cont{height:20rem; padding:2rem; border:1px solid #d9e0eb; border-radius:1.2rem; background:#fff; overflow-y:auto; font-size:1.6rem; line-height:1.7; color:#444; box-sizing:border-box;}
.agree_cont::-webkit-scrollbar{width:.8rem;}
.agree_cont::-webkit-scrollbar-thumb{border-radius:10rem; background:var(--color1);}
.agree_cont::-webkit-scrollbar-track{background:#eef2f7;}
.agree_check{display:flex; justify-content:flex-end; gap:2rem; margin-top:1.6rem; font-size:1.6rem; color:#333;}
.agree_check label{display:flex; align-items:center; gap:.6rem; cursor:pointer;}
.agree_check input{accent-color:var(--color1);}
.btn_area{display:flex; justify-content:center; margin-top:3rem;}
.btn_area button{min-width:13rem; height:5.2rem; padding:0 3rem; border:0; border-radius:.8rem; background:var(--color1); color:#fff; font-size:1.7rem; font-weight:700; cursor:pointer; font-family: 'pretendard';}
.btn_area button:hover{filter:brightness(.92);}

@media(max-width:768px){
    .agree_box h4{font-size:2rem;}
    .agree_cont{height:18rem; font-size:1.5rem;}
    .agree_check{justify-content:flex-start; flex-wrap:wrap;}
}