@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;}
img{max-width: 100%;}
.en_exov{display: inline-block;margin-right: 10px;width: 88px;}
.mont{font-family: 'Montserrat';}

.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;}

.proessional_visual{background: url(//image.idhospital.com/pkgen.co.kr/product/proessional/visual.jpg?v=1) no-repeat center;background-size: cover;height: 1535px;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: -1px;margin: 135px 0 35px;line-height: 1.5;}
.visual_txtbox .visual_tit span{color:#82d500;}


/* proessional_cont01 */
.proessional_cont01{}
.proessional_cont01 .inner_widbox{max-width: 1177px;
    background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 25%, rgba(0,99,87,1) 55%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 25%, rgba(0,99,87,1) 55%);
background: linear-gradient(180deg, rgba(0,0,0,0) 25%, rgba(0,99,87,1) 55%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#006357",GradientType=1);}
.cont01_box{margin-top: -255px;}
.cont01_txtbox {padding: 0 85px;/*position: absolute;top: -475px;left: 0;*/}
.cont01_txtbox dt{font-size: 33px;font-weight: 300;}
.cont01_txtbox dt strong{}
.cont01_txtbox dd{font-size: 75px;font-family: 'Montserrat';font-weight: 600;letter-spacing: 10px;}
.cont01_txtbox dd strong{font-size: 180px;display: block;margin: 50px 0 30px -7px;font-weight: 600;letter-spacing: -1px;}
.cont01_checklist{background: url(//image.idhospital.com/pkgen.co.kr/product/proessional/cont01_listbox.png) no-repeat center;background-size: cover;width: 712px;height: 1093px;box-sizing: border-box;margin: 220px auto 0;padding: 180px 40px;}
.cont01_checklist li{font-size: 27px;color:#d9d9d9;width: 100%;padding: 24px 0 20px;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(//image.idhospital.com/pkgen.co.kr/product/proessional/cont01_check.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: #004341;font-size: 50px;font-family: 'Montserrat';font-weight: bold;padding: 30px 0;letter-spacing: -1px;max-width: 851px;margin: 0 auto;}

/* proessional_cont02 */
.proessional_cont02{background:#000 url(//image.idhospital.com/pkgen.co.kr/product/proessional/cont02_top_bg.jpg) no-repeat top center;background-size: 1920px 920px;padding-bottom: 145px;}
.proessional_cont02 .inner_widbox{}
.cont02_txtbox{padding: 705px 0 0 88px;}
.cont02_txtbox .exosome{}
.cont02_txtbox .exosome img{}
.cont02_txtbox .cont02_tit{font-size: 70px;font-weight: bold;margin: 45px 0 100px;letter-spacing: -6px;}
.cont02_txtbox .cont02_tit span{color:#006357;}
.cont02_txtbox .cont02_txt{font-size: 33px;font-weight: bold;margin-bottom: 50px;letter-spacing: -3px;}
.cont02_list{border-top:2px solid #006357;width: 712px;margin: 0 auto;}
.cont02_list li{font-size: 27px;color:#bfbfbf;font-weight: 300;border-bottom: 1px solid #bfbfbf;position: relative;padding: 20px 0 20px 45px;line-height: 1.5;}
.cont02_list li::before{content: '';display: block;width: 6px;height: 6px;box-sizing: border-box;background-color: #bfbfbf;border-radius: 50%;position: absolute;top:36px;left: 20px;}
.cont02_cell{margin: 160px 0 0;text-align: center;}
.cont02_cell .cont02_cell_tit{}
.cont02_cell .cont02_cell_tit dt{display: inline-block;font-size: 30px;font-family: 'Montserrat';font-weight: bold;background-color: #006357;padding: 20px 47px;border-radius: 40px;letter-spacing: -1px;box-shadow: 0 0 20px rgba(0,255,224,0.4);color:#fff;}
.cont02_cell .cont02_cell_tit dd{font-size: 25px;color:#bfbfbf;font-weight: 300;margin: 50px 0 40px;line-height: 1.4;}
.cont02_cell .cont02_cell_img{}
.cont02_cell .cont02_cell_img01{}
.cont02_cell .cont02_cell_img01_txt1{}
.cont02_cell .cont02_cell_img01_txt1::after{content: '';display: block;background: url(https://pkgen.co.kr/img/product/innovation/cont02_arrow.png) no-repeat center;background-size: contain;width: 18px;height: 328px;box-sizing: border-box;margin: 25px auto 50px;}
.cont02_cell .cont02_cell_img01_txt1 img{}
.cont02_cell .cont02_cell_img01_txt1 span{display: block;margin-top:52px;font-size: 33px;color:#82d400;font-weight: bold;}
.cont02_cell .cont02_cell_img01_txt2{font-size: 25px;color:#bfbfbf;line-height: 1.3;}
.cont02_cell .cont02_cell_img02{}
.cont02_cell .cont02_cell_img02_txt1{}
.cont02_cell .cont02_cell_img02_txt1 .img{margin: 35px 0 55px;}
.cont02_cell .cont02_cell_img02_txt1 .txt{font-family: 'Montserrat';letter-spacing: -1px;font-size: 23px;font-weight: 300;}
.cont02_cell .cont02_cell_img02_txt1 .txt strong{display: block;font-size: 33px;color:#82d400;margin-bottom: 25px;}
.cont02_cell .cont02_cell_img02_txt1 > span{font-size: 23px;font-weight: 500;display: inline-block;padding: 10px 13px;background-color: rgba(229,229,229,0.24);margin: 27px 0 40px;}
.cont02_cell .cont02_cell_img02_txt2{}
.cont02_cell .cont02_cell_img02_txt2 > p{display: inline-block;font-size: 33px;color:#82d400;font-weight: bold;}
.cont02_cell .cont02_cell_img02_txt2 > p:nth-of-type(1) {margin: 40px 248px 80px -48px;}
.cont02_bot_txt{font-size: 25px;color:#bfbfbf;}


/* proessional_cont03 */
.proessional_cont03{}
.proessional_cont03 .inner_widbox{background: url(//image.idhospital.com/pkgen.co.kr/product/proessional/cont03_bg.jpg) no-repeat center;background-size: cover; color:#000;padding: 155px 55px;}
.cont03_tit{padding-left: 33px;}
.cont03_tit dt{font-size: 70px;font-family: 'Montserrat';font-weight: bold;letter-spacing: -1px;}
.cont03_tit dt strong{color:#006357;}
.cont03_tit dt::after{content: '';display: block;width: 1px;height: 100px;background-color: #000;margin: 38px 0 35px 10px;}
.cont03_tit dd{font-size: 33px;color:#666;line-height: 1.5;}
.cont03_tit dd strong{color:#006357;}
.cont03_tit dd strong span{font-family: 'Montserrat';font-weight: bold;letter-spacing: -1px;}
.cont03_list{margin-top: 60px;}
.cont03_list li{background: url(//image.idhospital.com/pkgen.co.kr/product/proessional/cont03_list_bg1.png) no-repeat center;background-size: 100% 100%;width: 358px;height: 358px;box-sizing: border-box;text-align: center;padding-top: 115px;position: relative;}
.cont03_list li:not(:first-child){margin-top: -75px;}
.cont03_list li:nth-child(2){background-image: url(//image.idhospital.com/pkgen.co.kr/product/proessional/cont03_list_bg2.png);}
.cont03_list li:nth-child(3){background-image: url(//image.idhospital.com/pkgen.co.kr/product/proessional/cont03_list_bg3.png);}
.cont03_list li:nth-child(4){background-image: url(//image.idhospital.com/pkgen.co.kr/product/proessional/cont03_list_bg4.png);}

.cont03_list li .cont03_list_box{}
.cont03_list li .cont03_list_box dt{font-family: 'Montserrat';font-weight: bold;text-transform: uppercase;color:#006357;opacity: 0.55;letter-spacing: -1px;margin-bottom: 15px;font-size: 18px;}
.cont03_list li:nth-child(2) .cont03_list_box dt{opacity: 0.7;}
.cont03_list li:nth-child(3) .cont03_list_box dt{opacity: 0.82;}
.cont03_list li:nth-child(4) .cont03_list_box dt{opacity: 1;}

.cont03_list li .cont03_list_box dd{font-size: 40px;color:#006357;font-weight: bold;line-height: 1.25;letter-spacing: -4px;}
.cont03_list li .cont03_list_txt{font-size: 28px;line-height: 1.4;position: absolute;top:125px;left: 388px;width: 100%;text-align: left;}
.cont03_list li:nth-child(2) .cont03_list_txt{top: 145px;}
.cont03_list li:nth-child(3) .cont03_list_txt{top: 168px;}
.cont03_list li:nth-child(4) .cont03_list_txt{top: 145px;}

.cont03_list li .cont03_list_txt span{font-family: 'Montserrat';letter-spacing: -1px;}
.cont03_list li .cont03_list_txt strong{color:#006357;}

/* proessional_cont04 */
.proessional_cont04{}
.proessional_cont04 .inner_widbox{background-color: #006357;padding: 150px 0;}
.tab_list{border-bottom: 1px solid #fff;padding-left: 65px;text-align: left;}
.tab_list li{display: inline-block;vertical-align: bottom; font-family: 'Montserrat';letter-spacing: -1px;text-align: center;}
.tab_list li.on{color:#fff;font-size:40px;font-weight: bold;border-bottom: 4px solid #fff;padding:0 23px 15px;}
.tab_list li.txt{font-size: 20px;color:rgba(255,255,255,0.64);margin:0 0 15px 240px;}

.cont04_tit{font-size: 70px;font-weight: bold;letter-spacing: -4px;line-height: 1.3;margin: 160px 0 90px 75px;position: relative;display: inline-block;}
.cont04_tit::after{content: '';display: block;background: url(https://pkgen.co.kr/img/product/innovation/cont04_quo.png) no-repeat center;background-size: contain;width: 144px;height: 89px;box-sizing: border-box;position: absolute;top: -35px;right: -106px;}
.cont04_tit strong{font-weight: bold;}
.cont04_tit span{display: block;font-family: 'Montserrat';font-weight: 300;letter-spacing: -1px;}
.cont04_img img{width: 100%;}
.cont04_box{text-align: center;padding: 145px 0 0;}
.cont04_box_tit{font-size: 50px;line-height: 1.3;position: relative;letter-spacing: -3px;}
.cont04_box_tit::before{content: '';display: block;background: url(https://pkgen.co.kr/img/product/innovation/cont04_icon.png) no-repeat center;background-size: contain;width: 38px;height: 59px;box-sizing: border-box;position: absolute;top:-33px;left: 50%;transform: translate(-50%,0);}
.cont04_box > dl{background-color: rgba(255,255,255,0.2);padding: 95px 0 80px;width: 711px;height: 523px;box-sizing: border-box;border-radius: 40px;margin: 90px auto 0;}
.cont04_box > dl dt{font-size: 33px;margin-bottom: 80px;line-height: 1.4;letter-spacing: -3px;}
.cont04_box > dl dt strong{display: inline-block;font-weight: bold;background-color: #56ae20;}
.cont04_box > dl dd {font-size: 28px;line-height: 1.5;}
.cont04_box > dl dd strong{display: inline-block;font-weight: bold;background-color: #56ae20;}

/* proessional_cont05 */
.proessional_cont05 .inner_widbox{padding: 145px 0 0;text-align: center;}
.proessional_cont05 .inner_widbox > div{text-align: center;}
.cont05_en_tit{font-size: 26px;color:#fff;font-family: 'Montserrat';font-weight: 500;letter-spacing: 0;margin-bottom: 15px;}
.cont05_tit{font-size: 70px;color:#fff;font-weight: bold;line-height: 1.15;letter-spacing: -4px;}
.cont05_tit strong{color:#006357;text-transform: uppercase;}
.cont05_tit strong span{font-size: 40px;display: inline-block;vertical-align: top;margin: 9px 0 0 5px;}
.cont05_box1{padding: 110px 0 140px;}
.cont05_box1_txt{font-size: 28px;color:#bfbfbf;font-weight: 300;line-height: 1.5;margin-top: 85px;}
.cont05_box2{}
.cont05_box2_tit{font-size: 49px;color:#fff;font-weight: bold;line-height: 1.2;padding-bottom: 125px;}


/* proessional_cont06 */
.proessional_cont06 .inner_widbox{padding: 240px 0 190px;box-sizing: border-box;text-align: center;}
.proessional_cont06 .tab_list li.txt{margin-left: 200px;}
.cont06_txtbox{}
.cont06_txtbox .cont06_tit{font-size: 70px;font-weight: bold;letter-spacing: -4px;line-height: 1.3;margin:167px 0 90px;padding-left: 88px;text-align: left;}
.cont06_txtbox .cont06_tit strong{color:#006357;}
.cont06_txtbox > dl{}
.cont06_txtbox > dl dt{font-size: 25px;color:#666666; font-weight: 500;line-height: 1.5;}
.cont06_txtbox > dl dt strong{display: block;font-size: 33px;color:#fff;font-weight: 500;}
.cont06_txtbox > dl dd{font-size: 24px;color:#d9d9d9;line-height: 1.7;padding: 85px 0 0;}
.cont06_box1{padding: 155px 0 250px;}
.cont06_box1 .cont06_box1_en_tit{font-size: 26px;color:#fff;font-family: 'Montserrat';font-weight: 500;margin-bottom: 15px;letter-spacing: 0;}
.cont06_box1 .cont06_box1_tit{font-size: 70px;color:#006357;font-weight: bold;}
.cont06_box1 > dl{}
.cont06_box1 > dl dt{margin: 140px 0 60px;}
.cont06_box1 > dl dd{font-size: 28px;color:#fff;font-weight: 500;width: 519px;padding: 30px 0;background-color: #313131;text-align: center;margin: 0 auto;}

.cont06_box2{background: url(//image.idhospital.com/pkgen.co.kr/product/proessional/cont06_box2_bg.jpg) no-repeat top center;background-size: cover;padding-bottom: 160px;}
.cont06_box2 .cont06_box2_tit{font-size: 62px;color:#fff;font-family: 'Montserrat';font-weight: bold;margin-bottom: 43px;}
.cont06_box2 .cont06_box2_tit .en_exov{width: 205px;}

.cont06_box3{margin-top: 45px;}
.cont06_box3 .cont06_box3_en_tit{font-size: 26px;color:#fff;font-family: 'Montserrat';font-weight: 500;letter-spacing: 0;margin-bottom: 15px;}
.cont06_box3 .cont06_box3_tit{font-size: 49px;color:#fff;font-weight: bold;}
.cont06_box3 .cont06_img{padding: 52px 0 35px;}
.cont06_box3_list{font-size: 0;}
.cont06_box3_list li{font-size: 24px;color:#fff;line-height: 1.3;display: inline-block;vertical-align: top;position: relative;z-index: 1;width: 38%;height: 205px;padding-top: 55px;box-sizing: border-box;margin-bottom: 25px;}
.cont06_box3_list li::before{content: '';display: block;background: url(//image.idhospital.com/pkgen.co.kr/product/proessional/cont06_box3_list_bg.png) no-repeat center;background-size: 100%;width: 285px;height: 205px;box-sizing: border-box;position: absolute;top:0;left: 50%;transform: translate(-50%,0);}

/* proessional_cont07 */
.proessional_cont07{text-align: center;}


/* proessional_cont08 */
.proessional_cont08{text-align: center;}
.cont08_listbox{background-color: #1c1c1c;padding: 145px 0 85px;}
.cont08_listbox dl{letter-spacing: -1px;}
.cont08_listbox dl dt{font-size: 70px;font-weight: 500;}
.cont08_listbox dl dd{font-size: 20px;color:#b7b8b5;font-weight: 600;margin-top: 10px;letter-spacing: -1px;}
.cont08_listbox ul::before{content: '';display: block;background: url(https://pkgen.co.kr/img/product/innovation/cont05_4line.png) no-repeat center;background-size: cover;width: 451px;height: 96px;box-sizing: border-box;margin: 35px auto 0;}
.cont08_listbox ul{}
.cont08_listbox ul li{display: inline-block;vertical-align: top;margin: -3px 12px 0;}
.cont08_listbox ul li > p{font-size: 24px;margin-top: 23px;}
.cont08_listbox .cont08_bot_txt{font-size: 23px;color:#5a5a5a;margin-top: 85px;}


/* proessional_cont09 */
.proessional_cont09 .inner_widbox{background: url(//image.idhospital.com/pkgen.co.kr/product/proessional/cont09_bg.jpg) no-repeat center;background-size: cover; padding: 850px 0 0;height: 2320px;box-sizing: border-box;}
.cont09_tit{font-size: 70px;font-weight: bold;letter-spacing: -4px;line-height: 1.35;margin: 45px 0 0 75px;position: relative;display: inline-block;}
.cont09_tit::after{content: '';display: block;background: url(https://pkgen.co.kr/img/product/innovation/cont04_quo.png) no-repeat center;background-size: contain;width: 144px;height: 89px;box-sizing: border-box;position: absolute;top: 25px;right: -290px;}
.cont09_tit strong{font-weight: bold;}
.cont09_tit span{display: block;font-family: 'Montserrat';font-weight: 300;letter-spacing: -1px;}

/* product_lineup */
.product_lineup .inner_widbox{text-align: center;padding: 130px 0 0;}
.lineup_tit{font-size: 70px;font-family: 'Montserrat';font-weight: bold;letter-spacing: -1px;margin-bottom: 95px;}
.lineup_tit span{color:#006357;}

.lineup_list{text-align: left;padding-left: 40px;box-sizing: border-box;}
.lineup_list li{display: inline-block;vertical-align: top;margin: 0 26px 120px;text-align: center;}
.lineup_list li .lineup_list_img{margin-bottom: 50px;}
.lineup_list li dl{border-top:3px solid;border-bottom: 2px solid #383838;font-family: 'Montserrat';font-weight: bold;width: 331px;height: 56px;box-sizing: border-box;letter-spacing: -1px;}
.lineup_list li dl dt{font-size: 22px;color:#bfbfbf;width: 107px;border-right: 2px solid #383838;float: left;height: 100%;padding-top: 17px;box-sizing: border-box;text-align: left;}
.lineup_list li dl dd{font-size: 22px;color:#fff;float: left;padding-top: 17px;width: 224px;text-align: center;}

.lineup_list li.sub_product_innovation dl{border-top-color:#ff6c08}
.lineup_list li.sub_product_proessional dl{border-top-color: #006357;}
.lineup_list li.sub_product_hgf dl{border-top-color: #ae00ff;}
.lineup_list li.sub_product_hgf dl dd{font-size: 20px;}
.lineup_list li.sub_product_scalp dl{border-top-color: #e5e6e5;}
.lineup_list li.sub_product_dimension dl{border-top-color: #002df3;}



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

}


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


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


@media screen and (max-width:850px){
    .pc_ver{display: none;}
    .mo_ver{display: block;}
    img{max-width: 100%;}
    .en_exov{margin-right: 1.175vw;width: 10.3vw;}
    
    .product_contents{letter-spacing: -0.2vw;}
    .proessional_visual{height: 175vw;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;}
    
    /* proessional_cont01 */
    .cont01_box {margin-top: -29.9vw;}
    .cont01_txtbox{padding: 0 7.8vw;}
    .cont01_txtbox dt {font-size: 3.8vw;}
    .cont01_txtbox dd{font-size: 8.8vw;letter-spacing: 1vw;}
    .cont01_txtbox dd strong {font-size: 21.1vw;margin: 4vw 0 2.5vw -0.8vw;letter-spacing: -0.3vw;}
    .cont01_checklist {width: 83.88vw;height: 128.47vw;margin: 25.8vw auto 0;padding: 21vw 4.7vw;}
    .cont01_checklist li {font-size: 3.1vw;padding: 2.8vw 0 2.3vw;margin-bottom: 2vw;border-radius: 1.7vw;letter-spacing: -0.2vw;}
    .cont01_checklist li::before {width: 4vw;height: 4vw;margin: -0.7vw 1.1vw 0 3.2vw;}
    .cont01_bot_txt{font-size: 5.8vw;padding: 3.5vw 0 3.2vw;letter-spacing: -0.1vw;}
    
    /* proessional_cont02 */
    .proessional_cont02 {background-size: 218vw 108vw;padding-bottom: 17vw;}
    .cont02_txtbox {padding: 82.8vw 0 0 10.3vw;}
    .cont02_txtbox .exosome img{width: 14.9vw;}
    .cont02_txtbox .cont02_tit {font-size: 8.2vw;margin: 5.2vw 0 11.7vw;letter-spacing: -0.6vw;}
    .cont02_txtbox .cont02_txt {font-size: 3.8vw;margin-bottom: 5.8vw;letter-spacing: -0.2vw;}
    .cont02_list{width: 83.7vw;border-top-width: 0.23vw;}
    .cont02_list li {font-size: 3.17vw;border-bottom-width: 0.11vw;padding: 2.3vw 0 2.3vw 5.2vw;}
    .cont02_list li::before {width: 0.7vw;height: 0.7vw;top: 4.4vw;left: 2.3vw;}
    .cont02_cell {margin: 18.8vw 0 0;}
    .cont02_cell .cont02_cell_tit dt {font-size: 3.5vw;padding: 2.3vw 5.5vw;border-radius: 4vw;letter-spacing: -0.1vw;box-shadow: 0 0 3vw rgba(0,255,224,0.4);}
    .cont02_cell .cont02_cell_tit dd {font-size: 2.9vw;margin: 5.8vw 0 4.7vw;}
    .cont02_cell .cont02_cell_img01_txt1 img {display: block;width: 31.294vw;margin: 0 auto;}
    .cont02_cell .cont02_cell_img01_txt1 span {margin-top: 6.1vw;font-size: 3.8vw;}
    .cont02_cell .cont02_cell_img01_txt1::after {width: 2.1vw;height: 38.588vw;margin: 2.9vw auto 5.8vw;}
    .cont02_cell .cont02_cell_img01_txt2{font-size: 2.9vw;}
    .cont02_cell .cont02_cell_img02_txt1 .img {margin: 4.1vw auto 6.4vw;width: 11.4vw;height: 11.4vw;}
    .cont02_cell .cont02_cell_img02_txt1 .img img{width: 100%;}
    .cont02_cell .cont02_cell_img02_txt1 .txt {letter-spacing: -0.1vw;font-size: 2.7vw;}
    .cont02_cell .cont02_cell_img02_txt1 .txt strong {font-size: 3.8vw;margin-bottom: 2.9vw;}
    .cont02_cell .cont02_cell_img02_txt1 > span {font-size: 2.7vw;padding: 1.1vw 1.5vw;margin: 3.1vw 0 4.7vw;}
    .cont02_cell .cont02_cell_img02_txt2 img{display: block;width: 62vw;margin: 0 auto;}
    .cont02_cell .cont02_cell_img02_txt2 > p{font-size: 3.8vw;}
    .cont02_cell .cont02_cell_img02_txt2 > p:nth-of-type(1) {margin: 4.7vw 30vw 9.4vw -5.6vw;}
    .cont02_bot_txt{font-size: 2.9vw;}
    
    /* proessional_cont03 */
    .proessional_cont03 .inner_widbox {padding: 18vw 6.4vw;}
    .cont03_tit {padding-left: 3.8vw;}
    .cont03_tit dt {font-size: 8.2vw;letter-spacing: -0.1vw;}
    .cont03_tit dt::after {width: 0.11vw;height: 11.7vw;margin: 4.4vw 0 4.1vw 1.17vw;}
    .cont03_tit dd{font-size: 3.8vw;}
    .cont03_tit dd strong span{letter-spacing: -0.1vw;}
    .cont03_list{margin-top: 7vw;}
    .cont03_list li {width: 42.1vw;height: 42.1vw;padding-top: 13.5vw;}
    .cont03_list li:not(:first-child) {margin-top: -8.8vw;}
    .cont03_list li .cont03_list_box dt {letter-spacing: -0.1vw;margin-bottom: 1.7vw;font-size: 2.1vw;}
    .cont03_list li .cont03_list_box dd {font-size: 4.7vw;letter-spacing: -0.4vw;}
    .cont03_list li .cont03_list_txt {font-size: 3.29vw;top: 14.7vw;left: 45.6vw;}
    .cont03_list li:nth-child(2) .cont03_list_txt {top: 17vw;}
    .cont03_list li:nth-child(3) .cont03_list_txt {top: 19.7vw;}
    .cont03_list li:nth-child(4) .cont03_list_txt {top: 17vw;}
    
    /* proessional_cont04 */
    .proessional_cont04 .inner_widbox {padding: 17.6vw 0;}
    .tab_list {border-bottom: 0.11vw solid #fff;padding-left: 7.6vw;}
    .tab_list li{letter-spacing: -0.1vw;}
    .tab_list li.on {font-size: 4.7vw;border-bottom: 0.47vw solid #fff;padding: 0 2.7vw 1.76vw;}
    .tab_list li.txt {font-size: 2.3vw;margin: 0 0 1.7vw 28.2vw;}
    .cont04_tit {font-size: 8.2vw;letter-spacing: -0.4vw;margin: 18.8vw 0 10.5vw 8.8vw;}
    .cont04_tit::after {width: 16.9vw;height: 10.4vw;top: -4.1vw;right: -12.4vw;}
    .cont04_box {padding: 17vw 0 0;}
    .cont04_box_tit {font-size: 5.8vw;letter-spacing: -0.3vw;}
    .cont04_box_tit::before {width: 4.47vw;height: 6.94vw;top: -4.5vw;}
    .cont04_box > dl {padding: 11vw 0 9.4vw;width: 83.6vw;height: 61.5vw;border-radius: 4vw;margin: 10.5vw auto 0;}
    .cont04_box > dl dt {font-size: 3.8vw;margin-bottom: 9.4vw;letter-spacing: -0.3vw;line-height: 1.5;}
    .cont04_box > dl dd{font-size: 3.2vw;line-height: 1.6;}
    
    /* proessional_cont05 */
    .proessional_cont05 .inner_widbox{padding: 17vw 0 0;}
    .cont05_en_tit {font-size: 3vw;margin-bottom: 1.76vw;}
    .cont05_tit {font-size: 8.2vw;letter-spacing: -0.4vw;line-height: 1.3;}
    .cont05_tit strong span{font-size: 4.7vw;margin: 1vw 0 0 0.58vw;}
    .cont05_box1 {padding: 12.9vw 0 16.45vw;}
    .cont05_box1_img {width: 57.227vw;margin: 0 auto;}
    .cont05_box1_img img{width: 100%;}
    .cont05_box1_txt {font-size: 3.2vw;margin-top: 9.9vw;}
    
    .cont05_box2_tit {font-size: 5.7vw;padding-bottom: 14.7vw;letter-spacing: -0.4vw;line-height: 1.4;}
    .cont05_box2_img{width: 83.882vw;margin: 0 auto;}
    
    
    
    
    /* proessional_cont06 */
    .proessional_cont06 .inner_widbox {padding: 28vw 0 22.3vw;}
    .proessional_cont06 .tab_list li.txt {margin-left: 16vw;}
    .cont06_txtbox {}
    .cont06_txtbox > dl {}
    .cont06_txtbox > dl dt {font-size: 2.9vw;letter-spacing: -0.1vw;}
    .cont06_txtbox > dl dt strong{font-size: 3.8vw;}
    .cont06_txtbox > dl dd {font-size: 2.8vw;padding: 10vw 0 0;}
    .cont06_txtbox > dl dd span {}
    .cont06_txtbox .cont06_tit {font-size: 8.2vw;letter-spacing: -0.4vw;margin: 19.6vw 0 10.5vw;padding-left: 10.3vw;}
    
    .cont06_box1{padding: 18.2vw 0 29.3vw;}
    .cont06_box1 .cont06_box1_en_tit{font-size: 3vw;margin-bottom: 1.7vw;}
    .cont06_box1 .cont06_box1_tit{font-size: 8.2vw;}
    .cont06_box1 > dl{}
    .cont06_box1 > dl dt{width: 73.561vw;margin: 16.4vw auto 7vw;}
    .cont06_box1 > dl dd{font-size: 3.29vw;width: 60.987vw;padding: 3.5vw 0;}

    .cont06_box2{padding-bottom: 18.8vw;}
    .cont06_box2 .cont06_box2_tit{font-size: 7.28vw;margin-bottom: 5vw;}
    .cont06_box2 .cont06_box2_tit .en_exov{width: 24vw;}
    .cont06_box2 .cont06_img{width: 84vw;margin: 0 auto;}

    .cont06_box3{margin-top: 5.28vw;}
    .cont06_box3 .cont06_box3_en_tit{font-size: 3vw;margin-bottom: 1.76vw;}
    .cont06_box3 .cont06_box3_tit{font-size: 5.75vw;}
    .cont06_box3 .cont06_img{width: 83.431vw;margin: 0 auto;padding: 6.11vw 0 4.11vw;}
    .cont06_box3_list{font-size: 0;}
    .cont06_box3_list li{font-size: 2.82vw;height: 24vw;padding-top: 6.46vw;margin-bottom: 2.9vw;}
    .cont06_box3_list li::before{width: 33.49vw;height: 24vw;}

    /* proessional_cont07 */
    .proessional_cont07{text-align: center;}



    
    
    /* proessional_cont08 */
    .cont08_listbox{padding: 17vw 0 10vw;}
    .cont08_listbox dl {letter-spacing: -0.1vw;}
    .cont08_listbox dl dt {font-size: 8.2vw;}
    .cont08_listbox dl dd {font-size: 2.3vw;letter-spacing: 0.1vw;margin-top: 1.1vw;}
    .cont08_listbox ul::before {width: 53vw;height: 11.2vw;margin: 4.11vw auto 0;}
    .cont08_listbox ul li {margin: -0.3vw 1.41vw 0;}
    .cont08_listbox ul li img{display: block;width: 14.689vw;margin: 0 auto;}
    .cont08_listbox ul li > p {font-size: 2.82vw;margin-top: 2.7vw;}
    .cont08_listbox .cont08_bot_txt {font-size: 2.7vw;margin-top: 10vw;}
    
    
    /* proessional_cont09 */
    .proessional_cont09 .inner_widbox {padding: 99.882vw 0 0;height: 272.62vw;}
    .cont09_tit {font-size: 8.2vw;letter-spacing: -0.4vw;margin: 7vw 0 0 8.8vw;}
    .cont09_tit::after {width: 16.9vw;height: 10.4vw;top: 2.93vw;right: -34vw;}
    .cont09_tit strong{font-weight: bold;}
    .cont09_tit span{display: block;font-family: 'Montserrat';font-weight: 300;letter-spacing: -1px;}
    
    
    /* product_lineup */
    .product_lineup .inner_widbox {padding: 15.2vw 0 4vw;}
    .lineup_tit {font-size: 8.2vw;letter-spacing: -0.1vw;margin-bottom: 11vw;}
    
    .lineup_list{padding: 0;width: 84.118vw;font-size: 0;margin: 0 auto;}
    .lineup_list li{margin: 0 auto 14vw;width: 50%;}
    .lineup_list li .lineup_list_img {margin:0 auto 5.8vw;width: 30.2vw;}
    .lineup_list li .lineup_list_img img{width: 100%;}
    .lineup_list li dl {border-top: 0.3vw solid #ff6c08;border-bottom: 0.2vw solid #383838;width: 38.9vw;height: 6.58vw;letter-spacing: -0.1vw;margin: 0 auto;}
    .lineup_list li dl dt {font-size: 2.5vw;width: 12.58vw;border-right: 0.2vw solid #383838;padding-top: 2vw;}
    .lineup_list li dl dd {font-size: 2.5vw;padding-top: 2vw;width: 26.3vw;text-align: left;padding-left: 2vw;box-sizing: border-box;}
    .lineup_list li.sub_product_hgf dl dd {font-size: 2.2vw;}
    
}

.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;}
    
}