@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

.pc_ver{display: block;}
.mo_ver{display: none;}
.mont{font-family: 'Montserrat';}
.clearfix::after {display: block;content: '';clear: both;}

.product_contents{font-family:'Noto Sans KR';font-weight: 400;letter-spacing: -2px;color:#fff;background-color: #000;}
.inner_widbox{max-width: 850px;margin: 0 auto;box-sizing: border-box;}

.inno_visual{background: url(//image.idhospital.com/pkgen.co.kr/product/rejustemHGF/visual2.jpg) no-repeat center;background-size: cover;height: 1786px;padding-top: 110px;box-sizing: border-box;}
.visual_txtbox{max-width: 850px;margin: 0 auto;text-align: center;}
.visual_txtbox .visual_stxt{font-size: 18px;font-family: 'Montserrat';letter-spacing: -1px;text-align: right;padding-right: 75px;}
.visual_txtbox .visual_tit{font-size: 50px;font-weight: bold;letter-spacing: -3px;margin: 135px 0 35px;line-height: 1.3;}
.visual_txtbox .visual_tit span{color:#cc9f53;}
.visual_txtbox .visual_txt{font-size: 33px;font-weight: 300;line-height: 1.3;}



.contents {max-width: 850px;margin: -500px auto 0;}
.contents img{width: 100%;}

/*inno_cont01*/
.inno_cont01 {margin-top: -20%;;}
.inno_cont01 .inner_widbox{background: linear-gradient(to bottom, #00000000 0%, #5c0f8b 30%, #5c0f8b);}
.cont01_box {padding-bottom: 130px;}
.cont01_txtbox dt {max-width: 558px; margin: 0 auto 64px;}
.cont01_txtbox dl{font-size: 32px; font-weight: 300; line-height: 1.3; text-align: center;}
.cont01_txtbox dl.cont01_img {margin-top: 75px;padding: 0 29px;}

.cont01_text {max-width: 502px;margin: 52px auto 97px;display: grid;grid-template-columns: repeat(2, 1fr);column-gap: 20px;grid-row-gap: 20px;}
.cont01_text li {font-size: 34px;color: #fff;letter-spacing: -2px;}
.cont01_text li::before{content: '';display: inline-block;vertical-align: middle;background: url(https://image.idhospital.com/pkgen.co.kr/product/rejustemHGF/rejustemHGF_cont01_checkbox.png) no-repeat center;background-size: contain;width: 34px;height: 34px;box-sizing: border-box;margin: -2px 13px 0 0;}

.cont01_checklist{background: url(https://image.idhospital.com/pkgen.co.kr/product/rejustemHGF/rejustemHGF_cont01_listbox.png) no-repeat;background-size: contain;width: 713px;height: 716px;box-sizing: border-box;padding: 180px 40px;margin: 100px auto 0;}
.cont01_checklist li{font-size: 27px;color:#d9d9d9;width: 100%;padding: 22px 0;background-color: rgba(0,0,0,0.2);margin-bottom: 17px;border-radius: 15px;letter-spacing: -2px;}
.cont01_checklist li strong{color:#fff;}
.cont01_checklist li::before{content: '';display: inline-block;vertical-align: middle;background: url(https://image.idhospital.com/pkgen.co.kr/product/rejustemHGF/rejustemHGF_cont01_checkbox_beige.png) no-repeat center;background-size: contain;width: 34px;height: 34px;box-sizing: border-box;margin: -6px 10px 0 28px;}
.cont01_bot_txt{text-align: center;background-color: #000785;font-size: 50px;font-family: 'Montserrat';font-weight: bold;padding: 30px 0;letter-spacing: -1px;}

/*inno_cont02*/
.inno_cont02 .cont02_box {padding: 134px 69px 118px;}
.cont02_box .tit {font-size: 67px;color: #fff;text-align: center;}
.cont02_box .sub_tit {font-size: 34px;color: #fff;text-align: center;margin-top: 28px;padding-bottom: 20px;border-bottom: 3px solid #5c0f8b;}
.cont02_textbox {margin-top: 180px;max-width: 711px;display: grid;display: -ms-grid;grid-template-columns: repeat(2, 1fr);grid-gap: 20px;}
.cont02_textbox li{background: #5c0f8b; border-radius: 30px;}
.cont02_textbox li:nth-child(2),.cont02_textbox li:last-child{margin-right: 0;}
.cont02_textbox li p {font-size:32px;line-height: 1.3;text-align: center;margin: 38px 0;}
.cont02_box span {font-size: 26px;color:#999;text-align: right; display: block;}

/*inno_cont02, inno_cont05*/
.cont02_box .tit, .cont05_box .tit {font-size: 70px;letter-spacing: -2px;color: #fff;text-align: center;}
/*inno_cont03*/
.inno_cont03 .inner_widbox {background-color: #f1e8f3;}
.inno_cont03 .cont03_box {padding: 121px 0 132px;} 
.cont03_box dt {color: #404040; font-size:32px; text-align: center;}
.cont03_box dt.img {padding: 0 24px;margin-top:88px;line-height:1;}

/*inno_cont03, inno_cont04*/
.inno_cont03 .title_box, .inno_cont04 .title_box {padding: 0 69px;}
.cont03_box .tit, .cont04_box .tit {font-size: 70px;letter-spacing:-2px;color: #5c0f8b;text-align: center;}
.cont03_box .sub_tit, .cont04_box .sub_tit {font-size: 34px;color: #5c0f8b;margin: 28px auto 30px;padding-bottom:20px;border-bottom: 3px solid #5c0f8b;line-height: 1;}
.cont03_box dt,.cont04_box dt {color: #404040; font-size:32px; text-align: center;line-height:1.2;letter-spacing: -2px;}

/* inno_cont_04*/
.inno_cont04 .inner_widbox {background-color:#fff;}
.inno_cont04 .cont04_box {padding: 123px 0 132px;} 
.inno_cont04 .img {margin: 73px auto 0;max-width: 783px;}

/* inno_cont05 */
.inno_cont05 .inner_widbox {background-color: #5c0f8b}
.inno_cont05 .cont05_box {padding: 134px 69px 120px;}
.cont05_box .sub_tit {font-size: 34px;color: #fff;text-align: center;margin: 28px 0 44px 0;padding-bottom: 20px;border-bottom: 3px solid #fff;}

.cont05_box .txt_list {max-width: 642px; margin: 40px auto 50px;}
.cont05_box .txt_list div {display: inline-block; float: left;}
.cont05_box .txt_list .first_line {max-width: 794px;padding-right: 23px;}
.cont05_box .txt_list .second_line {max-width: 244px;padding-right: 15px;}
.cont05_box .txt_list .third_line {max-width: 170px;}
.cont05_box .txt_list p {font-size: 26px; color: #fff; letter-spacing: -2px;margin-bottom: 27px;}
.cont05_box .txt_list .third_line p:last-child {line-height: 1.2;}
.cont05_box .txt_list .third_line .empty{display: inline-block;width: 35px;}
.cont05_box .box_txt {border: 3px solid #fff;padding: 16px 0 20px;text-align: center;}
.cont05_box .box_txt dl,.cont05_box .box_txt dt {font-size: 32px;letter-spacing: -2px;}
.cont05_box .box_txt dt {padding-top: 15px;}


@media screen and (max-width:1600px){
    
    

}


@media screen and (max-width:1280px){
    .inno_cont01 {margin-top: -30%;}
    
}


@media screen and (max-width:1024px){
    
     .inno_cont01 {margin-top: -40%;}
    
    
    
}


@media screen and (max-width:850px){
    img {max-width: 100%;}
    .pc_ver{display: none;}
    .mo_ver{display: block;}
    
    .product_contents{letter-spacing: -0.2vw;}
    .inno_visual{height: 190vw;padding-top: 12.9vw;}
    .visual_txtbox .visual_stxt {font-size: 2.1vw;letter-spacing: -0.1vw;padding-right: 8.8vw;}
    .visual_txtbox .visual_tit {font-size: 5.8vw;letter-spacing: -0.4vw;margin: 15vw 0 4.1vw;}
    .visual_txtbox .visual_txt{font-size: 3.8vw;white-space: pre-line;}
    .visual_txtbox .visual_txt br{display: none;}
    .contents {margin-top: -55vw;}
    
    /*cont01_box*/
    .cont01_box {padding-bottom: 15.294vw;}
    .cont01_txtbox dt{margin: 0 auto 7.529vw;max-width: 65.647vw;}
    .cont01_txtbox dl {font-size: 3.765vw;letter-spacing: -0.2vw;}
    .cont01_txtbox dl.cont01_img {margin-top: 8.824vw;padding: 0 3.412vw;}
    .cont01_text {margin: 6.118vw auto 11.412vw;max-width: 59.059vw;column-gap: 2.353vw;grid-row-gap: 2.353vw;}
    .cont01_text li {font-size: 4vw;}
    .cont01_text li::before {width: 4vw;height: 4vw;margin:-0.235vw 1.529vw 0 0;}
    
    
    
    .cont01_checklist {width: 83.88vw;height: 84.26vw;
        padding: 21.176vw 4.706vw;
    margin: 11.765vw auto 0;
/*        padding: 17.6vw 4.7vw 0;margin: 10vw auto 0;*/
    }
    
    
    
    
    .cont01_checklist li::before {width: 4vw;height: 4vw;left: 3.2vw;top: 2.3vw;
/*        margin: 1vw 2vw 0 2vw;*/
        margin: -0.706vw 1.176vw 0 3.294vw;
    }
    
    
    .cont01_checklist li {font-size: 3.167vw;padding: 2.588vw 0;margin-bottom: 1.1vw;border-radius: 1.7vw;letter-spacing: -0.235vw;width: auto;}
    
    
    /*cont02_box*/
    .inno_cont02 .cont02_box { padding: 15.765vw 8.118vw 13.882vw;}
    .cont02_box .tit, .cont05_box .tit {font-size: 8.235vw;letter-spacing: -0.235vw;}
    .cont02_textbox {margin-top: 21.176vw;grid-gap: 2.353vw;max-width: 83.647vw}
    .cont02_box .sub_tit {border-bottom: 0.353vw solid #5c0f8b;}
    .cont02_textbox li {border-radius: 3.59vw;}
    .cont02_textbox li p {font-size: 3.765vw;        margin: 4.47vw 0;letter-spacing: -0.235vw;}
    .cont02_box span{font-size: 3.059vw;}
    
    /*sub_tit*/
    .cont02_box .sub_tit,.cont03_box .sub_tit, .cont04_box .sub_tit, .cont05_box .sub_tit {font-size: 4vw;margin-top: 3.294vw;padding-bottom:2.353vw; }
    
    /*cont03_box*/
    .inno_cont03 .cont03_box {padding: 14.235vw 0 15.529vw;}
    .inno_cont03 .title_box {padding: 0 8.118vw;}
    .cont03_box dt, .cont04_box dt {font-size: 3.765vw;letter-spacing: -0.235vw;line-height: 1.3;}
    .cont03_box dt.img {padding: 0 2.824vw;}
    
    /*cont04_box*/
    .inno_cont04 .title_box {padding: 0 8.118vw;}
    .inno_cont04 .cont04_box {padding: 14.471vw 0 15.529vw;}
    .inno_cont04 .img {margin: 8.588vwpx auto 0;max-width: 92.118vw;}
    


    .cont03_box .tit, .cont04_box .tit {font-size: 8.235vw;letter-spacing: -0.235vw;}
    .cont03_box .sub_tit, .cont04_box .sub_tit {margin: 3.294vw auto 3.529vw;}   


    /*cont05_box*/
    .inno_cont05 .cont05_box {padding: 15.765vw 8.118vw 14.118vw}
    .cont05_box .txt_list {max-width: 75.529vw; margin: 4.706vw auto 5.882vw;}
    .cont05_box .txt_list .first_line {max-width: 93.412vw;padding-right: 2.706vw;}
    .cont05_box .txt_list .second_line {max-width: 28.706vw;padding-right: 1.765vw;}
    .cont05_box .txt_list .third_line {max-width: 20vw;}
    .cont05_box .txt_list p {font-size: 3.059vw; color: #fff; letter-spacing: -0.235vw;margin-bottom: 3.176vw;}
    .cont05_box .txt_list .third_line .empty{width: 4.118vw;}
    .cont05_box .box_txt {border: 0.353vw solid #fff;padding: 1.882vw 0 2.353vw;text-align: center;}
    .cont05_box .box_txt dl,.cont05_box .box_txt dt {font-size: 3.765vw;letter-spacing: -0.235vw;}
    .cont05_box .box_txt dt {padding-top: 1.765vw;}
}
    
    
    
    
    
    
    
    

.gnb_wrap{background-color: #313131;width: 100%;height: 100px;box-sizing: border-box;font-family:'Noto Sans KR';font-weight: 400;letter-spacing: -0.5px;position: fixed;z-index: 9999;padding: 0 2%;}
.gnb_contents{position: relative;}
.gnb_wrap .logo{position: absolute;top:22px;left: 220px;}
.gnb_wrap .logo a{display: block;width: 131px;box-sizing: border-box;}
.gnb_wrap .logo a img{width: 100%;}
.gnb_wrap .gnb_list{position: absolute;top: 0;right: 0;box-sizing: border-box;height: 100px;padding:40px 60px 0 0;}
.gnb_wrap .gnb_list > li{display: inline-block;vertical-align: top;width: 180px;position: relative;text-align: center;margin: 0 10px;height: 100%;}
.gnb_wrap .gnb_list > li > a {color:#fff;font-size: 22px;}
.gnb_wrap .gnb_list > li > a.orange {color:#fc5900;}
.gnb_wrap .gnb_list > li > a.blue {color:#00b4ff;}
.gnb_wrap .gnb_list > li:hover > a{font-weight: bold;transition: all 0.3s;}
.gnb_wrap .gnb_list > li > ul{position: absolute;top: 60px;left: 0;background-color:rgba(255,255,255,0.85);min-width: 225px;padding: 15px 0 20px 15px;box-sizing: border-box;display: none;text-align: left;}
.gnb_wrap .gnb_list > li > ul li{line-height: 1;padding-bottom: 24px;}
.gnb_wrap .gnb_list > li > ul li:last-child{padding-bottom: 0;}
.gnb_wrap .gnb_list > li > ul li a{display: block;color:#313131;font-size: 14px;font-weight: 500;}
.gnb_wrap .gnb_list > li > ul li:hover a{font-weight: bold;}

/*.gnb_wrap .gnb_list > li > ul li a br{display: none;}*/

.language{position: absolute;top:43px;right: 0;}
.language a{font-size: 20px;color:#fff;font-weight: 500;display: block;}
.language a::before{content: '';display: inline-block;vertical-align: middle;background: url(https://pkgen.co.kr/img/language_icon.png) no-repeat center;background-size: cover;width: 19px;height: 19px;box-sizing: border-box;margin: -5px 5px 0 0;}
.language a::after{content: '';display: inline-block;vertical-align: middle;background: url(https://pkgen.co.kr/img/language_arrow.png) no-repeat center;background-size: cover;width: 8px;height: 13px;box-sizing: border-box;margin: -5px 0 0 5px;}

@media screen and (max-width:1600px){
    .gnb_wrap .logo{left: 80px;}
}


@media screen and (max-width:1280px){
    .gnb_wrap .logo{left: 3%;}
    .gnb_wrap .gnb_list{right: 3%;}
    .gnb_wrap .gnb_list > li{width: 100px;}
    .gnb_wrap .gnb_list > li > a{font-size: 18px;}
    .gnb_wrap .gnb_list > li > ul{width: 100px;}
    
    .language{top:40px;}
    .language a{font-size: 18px;}
    
}


@media screen and (max-width:1024px){
    .gnb_wrap .gnb_list > li{width: 85px;margin: 0;text-align: center;}
    .gnb_wrap .gnb_list > li a{font-size: 16px;}
    .gnb_wrap .gnb_list > li > ul > li{text-align: left;}
    .language a{font-size: 16px;}
    
}


@media screen and (max-width:720px){
    .gnb_wrap{height: 26.4vw;letter-spacing: -0.1vw;padding: 0;}
    .gnb_wrap .logo {width: 100%;position: static;text-align: center;padding: 4.5vw 0 2vw;}
    .gnb_wrap .logo a{width: 27.9vw;margin: 0 auto;}
    .gnb_wrap .gnb_list {width: 100%;position: static;padding: 0;height: 7.6vw;line-height: 7.6vw;text-align: center;font-size: 0;}
    .gnb_wrap .gnb_list > li {width: auto;margin: 0;text-align: center;padding: 0 1.25vw;}
    .gnb_wrap .gnb_list > li > a{font-size: 2.78vw;}
    .gnb_wrap .gnb_list > li > ul {width: 48vw;min-width: auto;top: 7.6vw;padding: 1vw 0 2vw;left: 3vw;text-align: left;}
    .gnb_wrap .gnb_list > li > ul li {padding-bottom: 0;}
    .gnb_wrap .gnb_list > li > ul li a{font-size: 3vw;padding: 3vw 0 3vw 2vw;line-height: 1.15;font-weight: bold;}
    
    .gnb_wrap .gnb_list > li:nth-child(4) > ul {padding-left: 0;width: 33vw;left: 2vw;}
    
    /*.gnb_wrap .gnb_list > li > ul li a br{display: block;}*/
    
    .language {top: 10vw;right: 3vw;}
    .language a{font-size: 3.4vw;}
    .language a::before{width: 3.2vw;height: 3.2vw;margin: -0.5vw 0.7vw 0 0;}
    .language a::after{width: 1.11vw;height: 2.5vw;margin: -0.6vw 0 0 0.8vw;}
    
    
}

.quick_wrap{position: fixed;right: 55px;bottom: 40px;z-index: 999;}

.quick_click_btn{position: absolute;bottom: 0;right: 0;animation: bounce 0.8s cubic-bezier(0, 0, 0.20, 0.50) infinite alternate;cursor: pointer;}
.quick_click_btn img{display: none;}
.quick_click_btn .quick_click_active{display: block;}

.quick_list{position: absolute;bottom: 85px;right: -30px;animation: bounce 0.8s cubic-bezier(0, 0, 0.20, 0.50) infinite alternate;opacity: 0;}
.quick_list.quick_list_active{opacity: 1;transition: all 0.5s;}
.quick_list li{}



    

@keyframes bounce{
    to{
        transform: translateY(-20px);
    }
}





@media screen and (max-width:1600px){
    .quick_wrap{bottom: 9vw;}

}


@media screen and (max-width:1280px){
    
    
}


@media screen and (max-width:1024px){
  
    
}


@media screen and (max-width:720px){
    .quick_wrap img{width: 100%;}
    .quick_wrap{bottom: 5vw;right: 10vw;}
    
    .quick_click_btn{width: 12.222vw;height: 12.222vw;}
    
    .quick_list{bottom: 14.5vw;right: -7.5vw;}
    .quick_list li{width: 26.8vw;}
    
    @keyframes bounce{
    to{
        transform: translateY(-3vw);
    }
}
    
}
/* BOTTOM */
#wholebg{position:absolute;top:0;left:0;width:100%;height:10px;z-index:9;background:rgba(0,0,0,0.5);filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;display:none}
.footer_wrap{background-color: #313131;padding: 145px 0 165px;text-align: center;color:#fff;letter-spacing: -1px;font-family:'Noto Sans KR';}
.footer_wrap a{color:#fff;text-decoration: none;}
.footer_wrap > ul{}
.footer_wrap > ul li{margin-bottom: 20px;}
.footer_wrap > ul li p{font-size: 20px;font-weight: 300;display: inline-block;vertical-align: top;}
.footer_wrap > ul li p strong{font-weight: 500;margin-left: 25px;}
.footer_btn{margin-top: 55px;}
.footer_btn a{display: inline-block;vertical-align: top;font-size: 20px;color:#fff;font-weight: 500;margin: 0 30px;}


@media all and (max-width:1600px){
    
}


@media all and (max-width:1280px){
    .footer_wrap > ul li p{font-size: 18px;}
}


@media all and (max-width:1024px){
    .footer_wrap{padding: 100px 0;}
    .footer_wrap > ul li p{display: block;}
    .footer_wrap > ul li p strong{margin: 0;}
    .footer_wrap > ul li p strong:nth-of-type(2){margin-left: 25px;}
    .footer_wrap > ul li p.number{margin-top: 20px;}
}


@media all and (max-width:720px){
    .footer_wrap{padding: 10vw 0 8vw;letter-spacing: -0.1vw;}
    .footer_wrap > ul li {margin-bottom: 2vw;}
    .footer_wrap > ul li p{font-size: 2.3vw;}
    .footer_wrap > ul li p strong:nth-of-type(2){margin-left: 3vw;}
    .footer_wrap > ul li p.number{margin-top: 2vw;}
    .footer_btn {margin-top: 6vw;}
    .footer_btn a {font-size: 2.3vw;margin: 0 4vw;}
    
}

.content_wrap{padding-top: 100px;}



@media screen and (max-width:1600px){
    
}


@media screen and (max-width:1280px){
    
}


@media screen and (max-width:1024px){
    
}

@media screen and (max-width:720px){
    .content_wrap{padding-top: 26.4vw;}
    
}