@charset "UTF-8";

/* common */
.container{margin-bottom:100px; }
.container.ch_word{word-break:break-word;}
._fadeIn{opacity:0;}
._split{overflow:hidden;}
._split span{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.a_c{text-align: center;}

@media screen and (max-width:1024px){
    .container{margin-bottom:9.765625vw; /* 100px */}
}

@media screen and (max-width:767px){
    .container{margin-bottom:10vw; /* 100px */}
}

/* hero 영역 */
.hero .bg{position:absolute; top:0; left:0; width:100%; height:700px;}
.hero .inner{position:relative; height:700px; padding-top:200px; opacity:0;}
.hero .txt{position:relative; margin-bottom:20px; letter-spacing:4px; font-weight:700; text-transform: uppercase; overflow:hidden;}
.hero .txt span{display:inline-block;}
.hero .tit{position:relative; font-size:50px; overflow:hidden;}
.hero .tit img,
.hero .tit ._t{display:block; line-height:115%;}
.hero .tit i{font-size:30px;}
.hero .desc{position:relative; margin-top:30px; font-size:24px; line-height:32px; overflow:hidden;}
.hero .desc span{display:inline-block;}
.hero .img{position:absolute;transform-origin:left top;}
.hero .img img{vertical-align: top; }

/* hero - R&D Platforms */
.hero.rnd_section{background:#01062e; color:#fff;}
.hero.rnd_section .bg{background:#01062e;}
.hero .hero_platform .img{bottom:0; right:-140px; width:1086px; height:610px; background:url(/assets/images/hero_rnd_platform.jpg) no-repeat top left; background-size:contain;}
.hero .hero_bimun .img{top:0; right:-45px; width:551px; height:650px; background:url(/assets/images/hero_rnd_bimun.png) no-repeat top left; background-size:contain;}
.hero .hero_bigex .img{top:0; right:-150px; width:595px; height:688px; background:url(/assets/images/hero_rnd_bigex.png) no-repeat top left; background-size:contain;}

/* hero - product */
.hero.product_section{background:#fff; color:#000e31;}
.hero.product_section .bg{background:#fff;}
.hero .p_logo{margin-top:40px; overflow:hidden;}
.hero .p_logo img{display:block;}
.hero .hero_bgn4 .img{bottom:0; right:0; width:597px; height:523px; background:url(/assets/images/hero_pd_bgn4.png) no-repeat top left; background-size:contain;}
.hero .hero_bori .img{bottom:80px; right:0; width:386px; height:477px; background:url(/assets/images/hero_pd_bori.png) no-repeat top left; background-size:contain;}
.hero .hero_ad .img{bottom:80px; right:0; width:351px; height:563px; background:url(/assets/images/hero_pd_ad.png) no-repeat top left; background-size:contain;}

/* hero - business */
.hero.business_section{background:#aeb8c3; color:#fff;}
.hero.business_section .bg{background:#aeb8c3;}
.hero .hero_probiotics .img{top:0; right:0; width:639px; height:482px; background:url(/assets/images/hero_business_probiotics.png) no-repeat top left; background-size:contain;}
.hero .hero_pharma .img{top:40px; right:67px; width:468px; height:552px; background:url(/assets/images/hero_business_pharma.png) no-repeat top left; background-size:contain;}
.hero .hero_health .img{bottom:40px; right:122px; width:356px; height:574px; background:url(/assets/images/hero_business_health.png) no-repeat top left; background-size:contain;}

/* hero - common */
.hero.common_section{background:#AEB8C3; color:#000e31;}
.hero.common_section .bg{height:700px; background:#AEB8C3;}
.hero.common_section .inner{height:700px; padding-top:200px;}

.hero .hero_about .img{bottom:80px; right:0; width:700px; height:480px; overflow: hidden; display: none;}
.hero .hero_micro .img{top:100px; right:-26%; width:800px; height:400px; background:url(/assets/images/hero_micro.png) no-repeat top left; background-size:cover;}
.hero .hero_bacterium .img{bottom:30px; right:150px; width:248px; height:424px; background:url(/assets/images/hero_bacterium.png) no-repeat top left; background-size:contain;}
.hero .hero_odm .img{top:0; right:80px; width:277px; height:440px; background:url(/assets/images/hero_odm.png) no-repeat top left; background-size:contain;}
.hero .hero_mf .img{top:120px; right:0; width:600px; height:228px; background:url(/assets/images/hero_mf.png) no-repeat top left; background-size:contain;}

/* hero - investors */
.hero .hero_investor .img{bottom:68px; right:115px; width:362px; height:380px; background:url(/assets/images/hero_investor.png) no-repeat top left; background-size:contain;}

/* hero - news */
.hero .hero_news .img{bottom:80px; right:90px; width:274px; height:339px; background:url(/assets/images/hero_news.png) no-repeat top left; background-size:contain;}
@media screen and (max-width:1600px){
    .hero .hero_micro .img{right:-16%;}
}

@media screen and (max-width:1300px){
    /* .hero{overflow:hidden;} */

    /* hero - R&D Platforms */
    .hero .hero_platform .img{right:-10.7692vw; /* -140px */ width:83.5384vw; /* 1086px */ height:46.92307vw; /* 610px */}

    /* hero - product */
    .hero .hero_bgn4 .img{width:45.923vw; /* 597px */ height:40.2307vw; /* 523px */}
    .hero .hero_bori .img{width:29.6923vw; /* 386px */ height:36.6923vw; /* 477px */}
    .hero .hero_ad .img{width:27vw; /* 351px */ height:43.3076vw; /* 563px */}

    /* hero - business */
    .hero .hero_probiotics .img{width:49.1538vw; /* 639px */ height:37.0769vw; /* 482px */}
    .hero .hero_pharma .img{width:36vw; /* 468px */ height:42.4615vw; /* 552px */}
    .hero .hero_health .img{width:27.3846vw; /* 356px */ height:44.1538vw; /* 574px */}

    /* hero - common */
    .hero .hero_mf .img{top:120px; width:46.1538vw; /* 600px */ height:17.5384vw; /* 228px */}
}

@media screen and (max-width:1024px){
    .hero .bg{height:68.359375vw; /* 700px */}
    .hero .inner{height:68.359375vw; /* 700px */ padding-top:19.53125vw; /* 200px */}
    .hero .txt{margin-bottom:1.953125vw; /* 20px */ letter-spacing:0.390625vw; /* 4px */}
    .hero .tit{font-size:4.8828125vw; /* 50px */}
    .hero .tit img{width:20.8984375vw; /* 214px */}
	.hero .tit i{font-size:2.9296875vw; /* 30px */;}
    .hero .desc{margin-top:2.9296875vw; /* 30px */ font-size:2.34375vw; /* 24px */ line-height:3.125vw; /* 32px */}

    /* hero - R&D Platforms */
    .hero .hero_bimun .img{right:0; /* -45px */ width:43.9453vw; /* 450px */}
    .hero .hero_bigex .img{right:-14.6484vw; /* -150px */ width:58.1054vw; /* 595px */ height:67.1875vw; /* 688px */}

    /* hero - product */
    .hero .p_logo{margin-top:1.953125vw; /* 20px */}
    .hero .p_logo img{width:11.71875vw; /* 120px */}
    .hero .hero_bgn4 .img{width:56.5429vw; /* 579px */ height:40.2307vw; /* 523px */ background-position:top right;}
    .hero .hero_bori .img{width:37.6953vw; /* 386px */ height:46.58203vw; /* 477px */ background-position:top right;}
    .hero .hero_ad .img{width:34.2773vw; /* 351px */ height:54.9804vw; /* 563px */ background-position:top right;}
    
    /* hero - business */
    .hero .hero_probiotics .img{width:40vw; /* 500px */ height:47.0703vw; /* 482px */}
    .hero .hero_pharma .img{ right:0; width:45.7031vw; /* 468px */ height:53.9062vw; /* 552px */}
    .hero .hero_health .img{right:0; width:34.7656vw; /* 356px */ height:56.0546vw; /* 574px */}

    /* hero - common */
    .hero.common_section .bg{height:40vw; /* 500px */}
    .hero.common_section .inner{height:40vw; /* 500px */ padding-top:15.625vw; /* 160px */}

    .hero .hero_about .img{right:7.8125vw; /* 80px */ width:23.046875vw; /* 236px */ height:39.2578vw; /* 402px */}
    .hero .hero_micro .img{top:auto; bottom:0; right:-5vw; width:53.515625vw; /* 548px */ height:28.90625vw; /* 296px */}
    .hero .hero_bacterium .img{bottom:2.9296vw; /* 30px */ right:0; width:24.21875vw; /* 248px */ height:41.40625vw; /* 424px */}
    .hero .hero_odm .img{right:7.8125vw; /* 80px */ width:27.0507vw; /* 277px */ height:42.96875vw; /* 440px */}
    .hero .hero_mf .img{top:auto; bottom:5.859375vw; /* 60px */ right:0; width:39.0625vw; /* 400px */ height:14.84375vw; /* 152px */}

    /* hero - investors */
    .hero .hero_investor .img{bottom:6.640625vw; /* 68px */ right:0; width:35.3515vw; /* 362px */ height:37.109375vw; /* 380px */}

    /* hero - news */
    .hero .hero_news .img{bottom:80px; right:0; width:26.7578vw; /* 274px */ height:33.1054vw; /* 339px */}

    /* hero - news */
    .hero .hero_news .img{bottom:80px; right:0; width:26.7578vw; /* 274px */ height:33.1054vw; /* 339px */}
}

@media screen and (max-width:767px){
    .hero{position:relative;}
    .hero .bg{height:60vw; /* 500px */}
    .hero .inner{position:initial; height:60vw; /* 500px */  padding-top:33.3333vw; /* 180px */}
    .hero .txt{margin-bottom:3.7037vw; /* 20px */ letter-spacing:0.74074vw; /* 4px */}
    .hero .tit{font-size:7.7777vw; /* 42px */}
    .hero .tit img{width:20vw; /* 120px */}
    .hero .desc{margin-top:6.48148vw; /* 35px */ font-size:2.96296vw; /* 16px */ line-height:4.074vw; /* 22px */}

    /* hero - R&D Platforms */
    .hero .hero_platform .img{right:0; bottom:0; width:77.5925vw; /* 419px */ height:68.8888vw; /* 372px */ background-image:url(/assets/images/hero_rnd_platform_m.jpg);}
    .hero .hero_bimun .img{top:auto; bottom:0; right:0; width:30vw; /* 162px */ height:46.6666vw; /* 252px */ background-image:url(/assets/images/hero_rnd_bimun_m.png);}
    .hero .hero_bigex .img{top:auto; bottom:0; right:0; width:32.2222vw; /* 174px */ height:41.2962vw; /* 223px */ background-image:url(/assets/images/hero_rnd_bigex_m.png);}

    /* hero - product */
    .hero .p_logo{margin-top:5.6vw; /* 30px */}
    .hero .p_logo img{width:14.8vw; /* 80px */}
    .hero .hero_bgn4 .img{width:47.5vw; /* 256px */ height:46.29629vw; /* 250px */ background-image:url(/assets/images/hero_pd_bgn4_m.png);}
    .hero .hero_bori .img{bottom:0; width:39.2592vw; /* 212px */ height:48.1481vw; /* 260px */ background-image:url(/assets/images/hero_pd_bori_m.png);}
    .hero .hero_ad .img{bottom:0; width:38.5185vw; /* 208px */ height:61.8518vw; /* 334px */ background-image:url(/assets/images/hero_pd_ad_m.png);}

    /* hero - business */
    .hero .hero_probiotics .img{top:auto; bottom:0; width:47.5vw; /* 256px */ height:40.5555vw; /* 219px */ background-image:url(/assets/images/hero_business_probiotics_m.png);}
    .hero .hero_pharma .img{top:auto; bottom:23px; right:25px; width:37.7777vw; /* 204px */ height:44.6296vw; /* 241px */ background-image:url(/assets/images/hero_business_pharma_m.png);}
    .hero .hero_health .img{bottom:60px; right:23px; width:27.7777vw; /* 150px */ height:44.6296vw; /* 241px */ background-image:url(/assets/images/hero_business_health_m.png);}

    /* hero - common */
    .hero.common_section .bg{height:60vw; /* 500px */}
    .hero.common_section .inner{height:60vw; /* 500px */ padding-top:20vw; /* 200px */}
    .hero .hero_about .img{    right: 5vw; bottom: 0;
        width: 50vw;
        height: 50vw;}
    .hero .hero_bacterium .img{bottom:6.48148vw; /* 35px */ right:7.5vw; /* 40px */ width:25.37037vw; /* 137px */ height:43.3333vw; /* 234px */}
    .hero .hero_odm .img{top:auto; bottom:10vw; /* 60px */ right:5.6vw; /* 30px */ width:36.2962vw; /* 196px */ height:37.037vw; /* 200px */ background-image:url(/assets/images/hero_odm_m.png);}
    .hero .hero_mf .img{bottom:10vw; /* 60px */ width:50vw; /* 270px */ height:24.8vw; /* 134px */ background-image:url(/assets/images/hero_mf_m.png);}
	.hero .hero_micro .img{right:0; width:71.515625vw; height:35.90625vw;}

    /* hero - investors */
    .hero .hero_investor .img{bottom:4.6296vw; /* 25px */ right:4.6296vw; /* 25px */ width:40.7407vw; /* 220px */ height:42.7777vw; /* 231px */}

    /* hero - news */
    .hero .hero_news .img{bottom:0; right:5.6vw; /* 30px */ width:35.6vw; /* 192px */ height:43.8888vw; /* 237px */}
}

/* tab */
.tab{position:relative; margin-top:-80px; overflow:hidden;}
.tab ul{display:-webkit-flex; display:flex; width:100%; margin:0 auto; border-bottom:1px solid #e5e8ec;  background:#fff; opacity:0;}
.tab li{text-align:center;}
.tab a{display:inline-block; position:relative; line-height:80px; transition:color 0.2s ease;}
.tab li.on a:after{content:""; display:block; position:absolute; bottom:-2px; left:50%; width:120px; height:3px; transform:translateX(-50%);}
.tab.tabFix{position:fixed; top:0; left:0; width:100%; margin-top:0; border-bottom:1px solid #e5e8ec; background:#fff; z-index:1000; box-shadow:0 2px 10px rgba(0,0,0,.5)}
.tab.tabFix ul{border-bottom:0;}
.tab.tabFix a{line-height:60px;}

/* r&d tab */
.tab.rnd_tab{font-size:24px; font-weight:700;}
.tab.rnd_tab li{width:25%;}
.tab.rnd_tab li:first-child{width:50%;}
.tab.rnd_tab a{color:#aeb8c3;}
.tab.rnd_tab .img01{display:block; width:100px; height:26px; margin:27px 0; background:url(/assets/images/tab_rnd01.png) no-repeat left top; font-size:0; text-indent:-9999px;}
.tab.rnd_tab .img02{display:block; width:100px; height:26px; margin:27px 0; background:url(/assets/images/tab_rnd02.png) no-repeat left top; font-size:0; text-indent:-9999px;}
.tab.rnd_tab a:hover{color:#000e31;}
.tab.rnd_tab a:hover span{background-position:left bottom;}
.tab.rnd_tab li.on a{color:#000e31;}
.tab.rnd_tab li.on a span{background-position:left bottom;}
.tab.rnd_tab li.on a:after{background-color:#000e31;}
.tab.tabFix.rnd_tab .img01{margin:17px 0;}
.tab.tabFix.rnd_tab .img02{margin:17px 0;}

/* product tab */
.tab.product_tab ul{padding:0 150px; background:#000e31;}
.tab.product_tab li{width:33.3333%;}
.tab.product_tab .img01{display:block; width:90px; height:26px; margin:27px 0; background:url(/assets/images/tab_pd01.png) no-repeat left top; font-size:0; text-indent:-9999px;}
.tab.product_tab .img02{display:block; width:90px; height:26px; margin:27px 0; background:url(/assets/images/tab_pd02.png) no-repeat left top; font-size:0; text-indent:-9999px;}
.tab.product_tab .img03{display:block; width:90px; height:26px; margin:27px 0; background:url(/assets/images/tab_pd03.png) no-repeat left top; font-size:0; text-indent:-9999px;}
.tab.product_tab a:hover span{background-position:left bottom;}
.tab.product_tab li.on a span{background-position:left bottom;}
.tab.product_tab li.on a:after{background-color:#fbbf00;}
.tab.product_tab.tabFix{background:#000e31;}
.tab.tabFix.product_tab .img01{margin:17px 0;}
.tab.tabFix.product_tab .img02{margin:17px 0;}
.tab.tabFix.product_tab .img03{margin:17px 0;}

/* business tab */
.tab.business_tab{font-size:16px; font-weight:700; letter-spacing: 0;}
.tab.business_tab ul{padding:0 100px; }
.tab.business_tab li{width:33.3333%;}
.tab.business_tab a{color:#333333; white-space: nowrap;}
.tab.business_tab a:hover{color:#A6875F;}
.tab.business_tab a:hover span{background-position:left bottom;}
.tab.business_tab li.on a{color:#A6875F;}
.tab.business_tab li.on a span{background-position:left bottom;}
.tab.business_tab li.on a:after{background-color:#A6875F;}
.tab.business_tab.ch{font-size:20px;}

/* investor tab */
.tab.investor_tab{font-weight:700; letter-spacing: 4px;}
.tab.investor_tab li{width:25%;}
.tab.investor_tab a{color:#aeb8c3;}
.tab.investor_tab a:hover{color:#000e31;}
.tab.investor_tab a:hover span{background-position:left bottom;}
.tab.investor_tab li.on a{color:#000e31;}
.tab.investor_tab li.on a span{background-position:left bottom;}
.tab.investor_tab li.on a:after{width:100%; background-color:#000e31;}

@media screen and (max-width:1300px){
    .tab ul{width:auto; margin-left:40px; margin-right:40px;}
    .tab.business_tab.news ul{padding-left:0; padding-right:0;}
}

@media screen and (max-width:1024px){
    .tab.tabFix{width:calc(100% - 80px);}
    .tab.tabFix ul{border-bottom:0;}
    .tab.tabFix a{line-height:60px;}

    /* r&d tab */
    .tab.rnd_tab{font-size:2.34375vw; /* 24px */}

    /* product tab */
    .tab.product_tab ul{padding:0 4.8828125vw; /* 0 50px */}

    /* business tab */
    .tab.business_tab ul{font-size:1.5625vw; /* 16px */ padding:0 4.8828125vw; /* 0 50px */}
}

@media screen and (max-width:767px){
    .tab{position:fixed; bottom:0; left:0; /* 150px */     min-width: 45vw;
        max-width: 100vw; z-index:999; overflow:visible;}
    .tab ul{display:block; margin:0; padding-bottom:14.8vw; /* 80px */ border-bottom:0; border-radius:0;}
    .tab li{display:none; text-align:left; border-bottom:1px solid #aeb8c3;}
    .tab.business_tab a{color: #aeb8c3;}
    .tab a{display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; padding:0 2vw; /* 0 20px */ height:14.8vw; /* 80px */ line-height:14.8vw; /* 80px */ font-size:3vw; /* 18px */ background:#006039;overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;display: block; }
    .tab li.on{display:block; position:absolute; bottom:0; left:0; width:100%; border-bottom:0;}
    .tab li.on a{padding:0 12.03703vw 0 3.7037vw; /* 0 65px 0 20px */ }
    .tab li.on a:after{left:auto; right:4.6296vw; /* 25px */ bottom:5.6vw; /* 30px */ width:2.7777vw; /* 15px */ height:2.7777vw; /* 15px */ border:solid #fff; border-width:0 0 0.5555vw 0.5555vw; /* 0 0 3px 3px */ transform:rotate(135deg);}
    .tab.is-opened li{display:block;}
    .tab.is-opened li.on a:after{bottom:6.48148vw; /* 35px */ transform:rotate(-45deg);}

    /* r&d tab */
    .tab.rnd_tab li{width:100%;}
    .tab.rnd_tab li:first-child{width:100%;}
    .tab.rnd_tab a{background:#000e31; color:#fff;}
    .tab.rnd_tab .img01{width:14.2592vw; /* 77px */ height:3.7037vw; /* 20px */ margin:0; background-size:cover; background-position:left top;}
    .tab.rnd_tab .img02{width:14.2592vw; /* 77px */ height:3.7037vw; /* 20px */ margin:0; background-size:cover; background-position:left top;}
    .tab.rnd_tab a:hover{color:#000e31;}
    .tab.rnd_tab a:hover span{background-position:left top;}
    .tab.rnd_tab li.on a{color:#fff;}
    .tab.rnd_tab li.on a span{background-position:left top;}
    .tab.rnd_tab li.on a:after{background-color:transparent;}

    /* product tab */
    .tab.product_tab ul{padding:0; padding-bottom:14.8vw; /* 80px */}
    .tab.product_tab li{width:100%;}
    .tab.product_tab .img01{width:15vw; /* 90px */ height:4.8vw; /* 26px */ margin:0; background-size:cover; background-position:left top;}
    .tab.product_tab .img02{width:15vw; /* 90px */ height:4.8vw; /* 26px */ margin:0; background-size:cover; background-position:left top;}
    .tab.product_tab .img03{width:15vw; /* 90px */ height:4.8vw; /* 26px */ margin:0; background-size:cover; background-position:left top;}
    .tab.product_tab a:hover span{background-position:left bottom;}
    .tab.product_tab li.on a span{background-position:left bottom;}
    .tab.product_tab li.on a:after{background-color:transparent;}
    
    /* business tab */
    .tab.business_tab{letter-spacing: 0.7407vw; /* 4px */}
    .tab.business_tab ul{padding:0; padding-bottom:14.8vw; /* 80px */}
    .tab.business_tab li{width:100%;}
    .tab.business_tab a:hover span{background-position:left top;}
    .tab.business_tab li.on a{color:#fff;}
    .tab.business_tab li.on a span{background-position:left top;}
    .tab.business_tab li.on a:after{ width:2.7777vw; /* 15px */ background-color:transparent;}

    /* business tab */
    .tab.investor_tab{letter-spacing: 0.7407vw; /* 4px */}
    .tab.investor_tab ul{padding:0; padding-bottom:14.8vw; /* 80px */}
    .tab.investor_tab li{width:100%;}
    .tab.investor_tab a:hover span{background-position:left top;}
    .tab.investor_tab li.on a{color:#fff;}
    .tab.investor_tab li.on a span{background-position:left top;}
    .tab.investor_tab li.on a:after{ width:2.7777vw; /* 15px */ background-color:transparent;}
}

/*  */
.tit_section{font-size:34px; line-height:42px; overflow:hidden;}
.tit_section b{display:block; margin-top:15px; font-size:14px; color:#aeb8c3; font-weight:400;}
.tit_section .sub{margin-top:10px; font-size:20px; font-weight:400;}

@media screen and (max-width:1024px){
    .tit_section{font-size:3.3203125vw; /* 34px */ line-height:4.1015625vw; /* 42px */}
    .tit_section b{float:right; margin-top:0; font-size:1.3671875vw; /* 14px */}
	.tit_section .sub{margin-top:0.9765625vw; font-size:1.953125vw;}
}

@media screen and (max-width:767px){
    .tit_section{font-size:4.8vw; /* 26px */ line-height:5.92592vw; /* 32px */}
    .tit_section b{font-size:2.5925vw; /* 14px */}
	.tit_section .sub{margin-top:1.85185vw; font-size:3.7037037vw;}
}

.definition{overflow:hidden;}
.definition .tit_section{float:left;}
.definition p{float:right; width:770px; line-height:26px; font-weight:500;}

.definition02{padding:200px 0 120px; overflow:hidden;}
.definition02 .tit_section{font-size:32px; line-height:40px;}
.definition02 .tit_section .sub{font-size:18px; line-height:40px; font-weight:400;}
.definition02 ul{float:right; margin-top:100px; line-height:40px; font-weight:500;}
.definition02 ul li:before{content:""; display:inline-block; width:10px; height:20px; margin-right:20px; border:solid #000e31; border-width:0 2px 2px 0; transform:rotate(45deg);}
.definition02 ul li br{display:none;}

@media screen and (max-width:1300px){
    .definition p{width:570px;}
}

@media screen and (max-width:1024px){
    .definition .tit_section{float:none;}
    .definition p{float:none; width:auto; margin-top:2.9296875vw; /* 30px */ line-height:2.5390625vw; /* 26px */}

    .definition02{padding:19.53125vw 0 11.71875vw; /* 200px 0 120px */}
    .definition02 .tit_section{font-size:2.539vw; /* 26px */ line-height:3.90625vw; /* 40px */}
	.definition02 .tit_section .sub{font-size:1.7578125vw; line-height:3.90625vw; /* 40px */}
    .definition02 ul{margin-top:9.765625vw; /* 100px */ line-height:3.90625vw; /* 40px */}
    .definition02 ul li:before{width:0.9765625vw; /* 10px */ height:1.953125vw; /* 20px */ margin-right:1.953125vw; /* 20px */ border-width:0 0.1953125vw 0.1953125vw 0; /* 0 2px 2px 0 */}
}

@media screen and (max-width:767px){
    .definition p{margin-top:5.6vw; /* 30px */ line-height:4.8vw; /* 26px */}

    .definition02{padding:29.6296vw 0 20vw; /* 160px 0 120px */ overflow:visible; letter-spacing: -0.05em;}
    .definition02 .tit_section{font-size:4.8vw; /* 26px */ line-height:7.5vw; /* 40px */}
	.definition02 .tit_section .sub{font-size:3.3333vw; line-height:7.5vw; /* 40px */;}
    .definition02 ul{float:none; margin-top:20vw; /* 120px */ line-height:4.8vw; /* 26px */}
    .definition02 ul li{padding-left:5.6vw; text-indent:-5.6vw;}
    .definition02 ul li:before{width:1.85185vw; /* 10px */ height:3.7037vw; /* 20px */ margin-right:2.7777vw; /* 15px */ border-width:0 0.37037vw 0.37037vw 0; /* 0 2px 2px 0 */}
    .definition02 ul li+li{margin-top:5.6vw; /* 30px */}
    .definition02 ul li br{display:block;}
}

.txt_deco{display:block; margin-bottom:20px;}
.txt_deco i{display:inline-block; width:5px; height:5px; border-radius:50%; background:#ffc41e;}
.txt_deco i+i{margin-left:5px;}
.txt_deco i:nth-of-type(2){margin-left:10px;}

@media screen and (max-width:767px){
    .txt_deco{margin-bottom:3.7037vw; /* 20px */}
    .txt_deco i{width:0.9259vw; /* 5px */ height:0.9259vw; /* 5px */}
    .txt_deco i+i{margin-left:0.9259vw; /* 5px */}
    .txt_deco i:nth-of-type(2){margin-left:1.85185vw; /* 10px */}
}

/* EXPRESS-PLATFORM */
.page_platform .definition{padding:160px 0 200px;}

.page_platform .scrollArea{position:relative;}
.page_platform .scrollArea .inner{padding:130px 0;}
.page_platform .scrollArea .bgdiv{position:absolute; top:0; left:0; width:100%; height:100vh; background:url(/assets/images/platform_img01.jpg) no-repeat center top; background-size:cover;}
.page_platform .scrollArea .bgdiv.moving{width:calc(100% - 80px)}
.page_platform .card{position:relative; float:left; width:670px; height:430px; padding:50px; border-radius:20px; box-shadow:0 12px 15px 0 rgba(0, 0, 0, 0.18); background:#fff; opacity:0;}
.page_platform .card .no{position:absolute; top:50px; right:50px; font-size:70px; font-weight:700;}
.page_platform .card h4{font-size:32px; line-height:40px; color:#002046; font-weight:400;}
.page_platform .card ul{position:absolute; bottom:50px; left:50px;}
.page_platform .card ul li:before{content:""; display:inline-block; width:10px; height:10px; margin-right:20px; border-radius:50%; background:#fbbf00;}
.page_platform .card ul li+li{margin-top:20px;}
.page_platform .card .img{position:absolute; bottom:50px; right:50px;}
.page_platform .card+.card{margin-top:145px;}
.page_platform .card:nth-of-type(2n){float:right;}

.page_platform .lab{position:relative; height:700px; margin-top:315px; background:url(/assets/images/platform_img02.jpg) no-repeat center top; background-size:cover;}
.page_platform .lab .inner{position:relative; height:100%;}
.page_platform .lab .inner .txt{position:absolute; bottom:0; left:0; width:740px; opacity:0;}
.page_platform .lab .inner p{position:relative; width:100%; padding:50px 50px 60px; line-height:26px; color:#fff;}
.page_platform .lab .inner .cover{position:absolute; top:0; left:0; width:0; height:100%; background:#000e31;}

@media screen and (max-width:1024px){
    .page_platform .definition{padding:15.625vw 0 19.53125vw; /* 160px 0 200px */}

    .page_platform .scrollArea .inner{padding:12.6953125vw 0; /* 130px 0 */}
    .page_platform .card{width:65.4296875vw; /* 670px */ height:41.9921875vw; /* 430px */ padding:4.8828125vw; /* 50px */ border-radius:1.953125vw; /* 20px */ box-shadow:0 1.171875vw 1.46484375vw 0 rgba(0, 0, 0, 0.18); /* 0 12px 15px 0*/}
    .page_platform .card .no{top:4.8828125vw; /* 50px */ right:4.8828125vw; /* 50px */ font-size:6.8359375vw; /* 70px */}
    .page_platform .card h4{font-size:3.125vw; /* 32px */ line-height:3.90625vw; /* 40px */}
    .page_platform .card ul{bottom:4.8828125vw; /* 50px */ left:4.8828125vw; /* 50px */}
    .page_platform .card ul li:before{width:0.9765625vw; /* 10px */ height:0.9765625vw; /* 10px */ margin-right:1.953125vw; /* 20px */}
    .page_platform .card ul li+li{margin-top:1.953125vw; /* 20px */}
    .page_platform .card .img{bottom:4.8828125vw; /* 50px */ right:4.8828125vw; /* 50px */ width:15.625vw; /* 160px */}
    .page_platform .card+.card{margin-top:14.16015625vw; /* 145px */}

    .page_platform .lab{height:68.359375vw; /* 700px */ margin-top:30.76171875vw; /* 315px */}
    .page_platform .lab .inner .txt{width:72.265625vw; /* 740px */}
    .page_platform .lab .inner p{padding:4.8828125vw 4.8828125vw 5.859375vw; /* 50px 50px 60px */ line-height:2.5390625vw; /* 26px */}
}

@media screen and (max-width:767px){
    .page_platform .definition{padding:20vw 0; /* 120px 0 */}

    .page_platform .scrollArea .inner{padding:20vw 0; /* 120px 0 */}
    .page_platform .scrollArea .bgdiv.moving{width:100%;}
    .page_platform .card{float:none; width:100%; height:77.7777vw; /* 420px */ padding:7.5vw; /* 40px */ border-radius:3.7037vw; /* 20px */ box-shadow:0 2.2222vw 2.7777vw 0 rgba(0, 0, 0, 0.18); /* 0 12px 15px 0 */}
    .page_platform .card .no{top:7.5vw; /* 40px */ right:7.5vw; /* 40px */ font-size:12.962962vw; /* 70px */}
    .page_platform .card h4{font-size:4.8vw; /* 26px */ line-height:6.6666vw; /* 36px */}
    .page_platform .card ul{bottom:7.5vw; /* 40px */ left:7.5vw; /* 40px */}
    .page_platform .card ul li:before{width:1.85185vw; /* 10px */ height:1.85185vw; /* 10px */ margin-right:3.7037vw; /* 20px */}
    .page_platform .card ul li+li{margin-top:3.7037vw; /* 20px */}
    .page_platform .card .img{bottom:7.5vw; /* 40px */ right:7.5vw; /* 40px */ width:17.037vw; /* 92px */}
    .page_platform .card+.card{margin-top:9.259259vw; /* 50px */}
    .page_platform .card:nth-of-type(2n){float:none;}

    .page_platform .lab{height:148.14814vw; /* 800px */ margin-top:0;}
    .page_platform .lab .inner .txt{left:auto; right:0; width:94vw; /* 510px */}
    .page_platform .lab .inner p{padding:9.2592vw 4.6296vw; /* 50px 25px */ line-height:4.814814vw; /* 26px */}
}

/* biMUN */
.page_bimun .modulator{position:relative; padding:115px 0; background:#f2f2f2; text-align:center;}
.page_bimun .modulator .m{display:none;}
.page_bimun .modulator .cover{position:absolute; bottom:0; right:0; width:100%; height:100%; background:#fff;}
.page_bimun .modulator.process{padding:0; background:#cad1d9;}
.page_bimun .advantage{padding:200px 0 100px;}
.page_bimun .advantage ul{margin-top:160px;}
.page_bimun .advantage ul li{float:left; width:220px; text-align:center;}
.page_bimun .advantage ul li img{width:220px; border-radius:50%; box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05);}
.page_bimun .advantage ul li .svgBox{position:relative; height:0; padding-bottom:100%; border-radius:50%; box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05);}
.page_bimun .advantage ul li .svgBox svg{position:absolute; top:50%; left:50%; width:45%; height:45%; transform:translate(-50%,-50%)}
.page_bimun .advantage ul li p{margin-top:30px; line-height:26px;}
.page_bimun .advantage ul li+li{margin-left:calc((100% - (220px * 4)) / 3);}
.page_bimun .research{padding-top:100px;}
.page_bimun .research .tit_section{float:left;}
.page_bimun .research .list_box{float:right;}

@media screen and (max-width:1200px){
    .page_bimun .modulator{padding:115px 40px;}
    .page_bimun .modulator.process{padding:0 40px;}
    .page_bimun .modulator img{width:100%;}
    .page_bimun .advantage ul li{width:200px;}
    .page_bimun .advantage ul li+li{margin-left:calc((100% - (200px * 4)) / 3);}
}

@media screen and (max-width:1024px){
    .page_bimun .modulator{padding:11.23046875vw 40px; /* 115px 40px */}
    .page_bimun .modulator.process{padding:0 40px; /* 0 40px */}
    .page_bimun .advantage{padding:19.53125vw 0 9.765625vw; /* 200px 0 100px */}
    .page_bimun .advantage ul{margin-top:15.625vw; /* 160px */}
    .page_bimun .advantage ul li{width:calc((100% - 60px) / 4);}
    .page_bimun .advantage ul li img{width:100%; box-shadow: 0 1.46484375vw 2.9296875vw 0 rgba(0, 0, 0, 0.05); /* 0 15px 30px 0 */}
    .page_bimun .advantage ul li p{margin-top:2.9296875vw; /* 30px */ line-height:2.5390625vw; /* 26px */}
    .page_bimun .advantage ul li+li{margin-left:20px;}
    .page_bimun .research{padding-top:9.765625vw; /* 100px */}
}

@media screen and (max-width:767px){
    .page_bimun .modulator{padding:10vw 7.5vw; /* 60px 40px */}
    .page_bimun .modulator.process{padding:0;}
    .page_bimun .modulator .pc{display:none;}
    .page_bimun .modulator .m{display:block;}
    .page_bimun .advantage{padding:20vw 0 9.2592vw; /* 120px 0 50px */}
    .page_bimun .advantage ul{margin-top:15.74074vw; /* 85px */}
    .page_bimun .advantage ul li{width:calc((100% - 14.8vw) / 2);}
    .page_bimun .advantage ul li img{width:33.3333vw; /* 180px */ box-shadow: 0 2.7777vw 5.6vw 0 rgba(0, 0, 0, 0.05); /* 0 15px 30px 0 */}
    .page_bimun .advantage ul li p{margin-top:5.6vw; /* 30px */ line-height:4.8vw; /* 26px */}
    .page_bimun .advantage ul li+li{margin-left:0}
    .page_bimun .advantage ul li:nth-of-type(2n){margin-left:14.8vw; /* 80px */}
    .page_bimun .advantage ul li:nth-of-type(3),
    .page_bimun .advantage ul li:nth-of-type(4){margin-top:14.8vw; /* 80px */}
    .page_bimun .research{padding-top:9.25925vw; /* 50px */}
    .page_bimun .research .tit_section{float:none;}
    .page_bimun .research .list_box{float:none;}
}

.list_box li{display:flex; display:-webkit-flex; align-items: center; -webkit-align-items: center; float:right; width:430px; padding:15px; border:1px solid #000e31; font-size:20px; line-height:150%;}
.list_box li span{display:inline-block; margin-right:60px; padding-right:20px; border-right:1px solid #000e31;}
.list_box li img{vertical-align: middle;}
.list_box li:nth-of-type(2){clear:right; margin-left:30px;}
.list_box li+li{margin-top:30px;}

@media screen and (max-width:1200px){
    .list_box li{width:400px;}
}

@media screen and (max-width:1024px){
    .list_box li{width:37.109375vw; /* 380px */ padding:1.46484375vw; /* 15px */ font-size:1.953125vw; /* 20px */}
    .list_box li span{margin-right:5.859375vw; /* 60px */ padding-right:1.953125vw; /* 20px */}
    .list_box li img{width:9.765625vw; /* 100px */}
    .list_box li:nth-of-type(2){margin-left:2.9296875vw; /* 30px */}
    .list_box li+li{margin-top:2.9296875vw; /* 30px */}
}

@media screen and (max-width:767px){
    .list_box li{float:none; width:auto; margin-top:10vw; /* 60px */ padding:2.7777vw; /* 15px */ font-size:3.7037vw; /* 20px */}
    .list_box li span{margin-right:10vw; /* 60px */ padding-right:3.7037vw; /* 20px */}
    .list_box li img{width:17.7777vw; /* 96px */}
    .list_box li:nth-of-type(2){margin-left:0;}
    .list_box li+li{margin-top:5.6vw; /* 30px */}
}

/* product - BGN4 */
.page_product .feature{padding:160px 0; background:#000e31;}
.page_product .feature li{float:left; width:220px; color:#fff; text-align:center; line-height:26px; letter-spacing: -0.03rem; opacity:0;}
.page_product .feature li span{display:block; position:relative; height:0; padding-bottom:100%; margin-bottom:30px; border:1px solid #64778e; border-radius:50%; overflow:hidden;}
.page_product .feature li span img{width:100%; vertical-align: top;}
.page_product .feature li span svg{position:absolute; top:50%; left:50%; width:50%; height:50%; transform:translate(-50%,-50%);}
.page_product .feature li+li{margin-left:calc((100% - (221px * 4)) / 3);}

.page_product .definition p{width:560px; /*word-break:break-all;*/}

.page_product .effect{padding:200px 0 120px; background:#e5e8ec;}
.page_product .effect .group{margin-top:180px;}
.page_product .effect .group div{display:-webkit-flex; display:flex; align-items: center; float:left; width: 560px; height: 200px; border-radius: 100px; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05); background:#fff; opacity:0;}
.page_product .effect .group div:nth-of-type(2n){float:right;}
.page_product .effect .group div+div{margin-top:80px;}
.page_product .effect .group div h4{width:50%; font-size:18px; color:#be8b40; text-align:center; text-align:center;}
.page_product .effect .group div h4 span{display:block; margin-bottom:15px;}
.page_product .effect .group div ul{width:50%; padding-right:60px;}
.page_product .effect .group div li{font-weight:500;}
.page_product .effect .group div li a{display:block; float:right; padding:3px 10px; background:#4a607b; border-radius:8px; color:#fff; text-align:center; font-size:12px;}
.page_product .effect .group div li+li{margin-top:20px;}

.page_product .certificate{padding:200px 0 150px;}
.page_product .certificate #certificate_carousel{margin-top:150px; cursor:grab;}
.page_product .certificate #certificate_carousel .item{text-align:center;}
.page_product .certificate #certificate_carousel .contry{margin-bottom:15px; font-weight:700; letter-spacing:4px; color:#aeb8c3; text-transform: uppercase;}
.page_product .certificate #certificate_carousel .name{margin-top:25px; line-height:26px; color:#000e31; font-weight:500;}
.page_product .certificate #certificate_carousel span{display:inline-block; width:120px;}
.page_product .certificate #certificate_carousel span img{display:inline-block; width:100%; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);}
.page_product .certificate #certificate_carousel .owl-nav button{position:absolute; bottom:-150px; right:0;}
.page_product .certificate #certificate_carousel .owl-nav button span{width:80px; height:80px; border:1px solid #000e31; font-size:0; text-indent:-9999px; background-repeat:no-repeat; background-position:center center;}
.page_product .certificate #certificate_carousel .owl-nav .owl-prev{right:79px;}
.page_product .certificate #certificate_carousel .owl-nav .owl-prev span{background-image:url(/assets/images/carousel_prev.png);}
.page_product .certificate #certificate_carousel .owl-nav .owl-next span{background-image:url(/assets/images/carousel_next.png);}

.page_product .books{padding:200px 0 150px; background:#e5e8ec;}
.page_product .books #books_carousel{margin-top:150px; cursor:grab;}
.page_product .books #books_carousel .item{text-align:center;}
.page_product .books #books_carousel .name{margin-top:25px; line-height:26px; color:#000e31; font-weight:500;}
.page_product .books #books_carousel span{display:block;}
.page_product .books #books_carousel span img{display:inline-block; width:auto; border:2px solid #fff; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);}
.page_product .books #books_carousel .owl-nav button{position:absolute; bottom:-150px; right:0;}
.page_product .books #books_carousel .owl-nav button span{width:80px; height:80px; border:1px solid #000e31; font-size:0; text-indent:-9999px; background-repeat:no-repeat; background-position:center center;}
.page_product .books #books_carousel .owl-nav .owl-prev{right:79px;}
.page_product .books #books_carousel .owl-nav .owl-prev span{background-image:url(/assets/images/carousel_prev.png);}
.page_product .books #books_carousel .owl-nav .owl-next span{background-image:url(/assets/images/carousel_next.png);}

.page_product .global{padding:200px 0 100px;}
.page_product .global .worldmap{margin-top:120px;}
.page_product .global .worldmap img{max-width:100%;}

.page_product .references{padding:200px 0 100px;}
.page_product .references .ref{margin-top:160px;}
.page_product .references .ref div{float:left; width:25%;}
.page_product .references .ref h4{font-size:24px; color:#be8b40;}
.page_product .references .ref ul{margin-top:30px;}
.page_product .references .ref ul li{font-weight:500;}
.page_product .references .ref ul li+li{margin-top:20px;}
.page_product .references .ref p{margin-top:20px; font-weight:500; line-height:26px;}

@media screen and (max-width:1300px){
    .page_product .feature li{width:calc((100% - (20px * 3)) / 4);}
    .page_product .feature li+li{margin-left:20px;}
}

@media screen and (max-width:1024px){
    .page_product .feature{padding:15.625vw 0; /* 160px 0 */}
    .page_product .feature li{line-height:2.5390625vw; /* 26px */}
    .page_product .feature li span{margin-bottom:2.9296875vw; /* 30px */}

    .page_product .definition p{width:auto;}

    .page_product .effect{padding:19.53125vw 0 11.71875vw; /* 200px 0 120px */}
    .page_product .effect .group{margin-top:17.578125vw; /* 180px */}
    .page_product .effect .group div{width:54.6875vw; /* 560px */ height:19.53125vw; /* 200px */ border-radius:9.765625vw; /* 100px */ box-shadow:0 0.48828125vw 1.953125vw 0 rgba(0, 0, 0, 0.05); /* 0 5px 20px 0 */}
    .page_product .effect .group div+div{margin-top:7.8125vw; /* 80px */}
    .page_product .effect .group div h4{font-size:1.7578125vw; /* 18px */}
    .page_product .effect .group div h4 span{margin-bottom:1.46484375vw; /* 15px */}
    .page_product .effect .group div ul{padding-right:5.859375vw; /* 60px */}
    .page_product .effect .group div li a{padding:0.29296875vw 0.9765625vw; /* 3px 10px */ border-radius:0.78125vw; /* 8px */ font-size:1.171875vw; /* 12px */}
    .page_product .effect .group div li+li{margin-top:1.953125vw; /* 20px */}

    .page_product .certificate{padding:19.53125vw 0 14.6484375vw; /* 200px 0 150px */}
    .page_product .certificate #certificate_carousel{margin-top:14.6484375vw; /* 150px */}
    .page_product .certificate #certificate_carousel .item{width:auto;}
    .page_product .certificate #certificate_carousel .contry{margin-bottom:1.46484375vw; /* 15px */ letter-spacing:0.390625vw; /* 4px */}
    .page_product .certificate #certificate_carousel .name{margin-top:2.44140625vw; /* 25px */ line-height:2.5390625vw; /* 26px */}
    .page_product .certificate #certificate_carousel span{width:33.3333vw;}
    .page_product .certificate #certificate_carousel .owl-nav{display:none;}

    .page_product .books{padding:19.53125vw 0 14.6484375vw; /* 200px 0 150px */}
    .page_product .books #books_carousel{margin-top:14.6484375vw; /* 150px */}
    .page_product .books #books_carousel .name{margin-top:2.44140625vw; /* 25px */ line-height:2.5390625vw; /* 26px */}
    .page_product .books #books_carousel span img{width:100%;}
    .page_product .books #books_carousel .owl-nav{display:none;}

    .page_product .global{padding:19.53125vw 0 9.765625vw; /* 200px 0 100px */}
    .page_product .global .worldmap{margin-top:11.71875vw; /* 120px */}

    .page_product .references{padding:19.53125vw 0 9.765625vw; /* 200px 0 100px */}
    .page_product .references .ref{margin-top:15.625vw; /* 160px */}
    .page_product .references .ref h4{font-size:2.34375vw; /* 24px */ line-height:3.125vw; /* 32px */}
    .page_product .references .ref ul{margin-top:2.9296875vw; /* 30px */}
    .page_product .references .ref ul li+li{margin-top:1.953125vw; /* 20px */}
    .page_product .references .ref p{margin-top:1.953125vw; /* 20px */ line-height:2.5390625vw; /* 26px */}
}

@media screen and (max-width:767px){
    .page_product .feature{padding:14.8vw 0; /* 80px 0 */}
    .page_product .feature li{width:33.3333vw; /* 180px */ line-height:4.8vw; /* 26px */}
    .page_product .feature li span{margin-bottom:3.7037vw; /* 20px */}
    .page_product .feature li+li{margin-left:15vw; /* 90px */}
    .page_product .feature li:nth-of-type(3){clear:left; margin-top:10vw; /* 60px */ margin-left:0;}
    .page_product .feature li:nth-of-type(4){margin-top:10vw; /* 60px */}

    .page_product .effect{padding:20vw 0; /* 120px 0 */}
    .page_product .effect .group{margin-top:14.8vw; /* 80px */}
    .page_product .effect .group div{float:none; width: 100%; height: auto; padding:5.6vw 0; /* 30px 0 */ border-radius: 18.51851vw; /* 100px */ box-shadow: 0 0.9259vw 3.7037vw 0 rgba(0, 0, 0, 0.05); /* 0 5px 20px 0 */}
    .page_product .effect .group div:nth-of-type(2n){float:none;}
    .page_product .effect .group div+div{margin-top:10vw; /* 60px */}
    .page_product .effect .group div h4{width:40%; font-size:3.3333vw; /* 18px */}
    .page_product .effect .group div h4 span{margin-bottom:2.7777vw; /* 15px */}
    .page_product .effect .group div h4 span img{width:17.03703vw; /* 92px */}
    .page_product .effect .group div ul{width:60%; padding-right:10.1851vw; /* 55px */}
    .page_product .effect .group div li a{padding:0.5555vw 1.8518vw; /* 3px 10px */ border-radius:1.48148vw; /* 8px */ font-size:2.2222vw; /* 12px */}
    .page_product .effect .group div li+li{margin-top:3.7037vw; /* 20px */}

    .page_product .certificate{padding:20vw 0; /* 120px 0 */}
    .page_product .certificate #certificate_carousel{margin-top:29.6296vw; /* 160px */}
    .page_product .certificate #certificate_carousel .item{width:auto;}
    .page_product .certificate #certificate_carousel .contry{margin-bottom:15px; letter-spacing:0.74074vw; /* 4px */}
    .page_product .certificate #certificate_carousel .name{margin-top:4.6296vw; /* 25px */ line-height:4.8vw; /* 26px */}
    .page_product .certificate #certificate_carousel span img{box-shadow:0.9259vw 0.9259vw 3.7037vw rgba(0, 0, 0, 0.2); /* 5px 5px 20px */}

    .page_product .books{padding:20vw 0; /* 120px 0 */}
    .page_product .books #books_carousel{margin-top:29.6296vw; /* 160px */}
    .page_product .books #books_carousel .name{margin-top:4.6296vw; /* 25px */ line-height:4.8vw; /* 26px */}
    .page_product .books #books_carousel span img{border-width:0.37037vw; /* 2px */ box-shadow:0.9259vw 0.9259vw 3.7037vw rgba(0, 0, 0, 0.2); /* 5px 5px 20px */}

    .page_product .global{padding:10vw 0 10vw; /* 120px 0 60px */}
    .page_product .global.inner{margin:0;}
    .page_product .global .tit_section{margin:0 7.5vw;}
    .page_product .global .worldmap{margin-top:20vw; /* 120px */ padding:0 9.2592vw; /* 50px */ overflow-x:auto;}
    .page_product .global .worldmap img{max-width:150%;}

    .page_product .references{padding:10vw 0 10vw; /* 120px 0 60px */}
    .page_product .references .ref{margin-top:20vw; /* 120px */}
    .page_product .references .ref div{width:calc((100% - 5.6vw) / 2);}
    .page_product .references .ref div:nth-of-type(2n){margin-left:5.6vw; /* 30px */}
    .page_product .references .ref div:nth-of-type(3){clear:left; margin-top:15.74074vw; /* 85px */}
    .page_product .references .ref div:nth-of-type(4){margin-top:15.74074vw; /* 85px */}
    .page_product .references .ref h4{font-size:4vw; /* 24px */}
    .page_product .references .ref ul{margin-top:5.6vw; /* 30px */}
    .page_product .references .ref ul li{padding-left:1.8518vw; /* 10px */ text-indent:-1.8518vw; /* -10px */ line-height:4.8vw; /* 26px */}
    .page_product .references .ref ul li+li{margin-top:3.7037vw; /* 20px */}
    .page_product .references .ref p{margin-top:5.6vw; /* 30px */ line-height:4.8vw; /* 26px */}
    .page_product .references .ref p br{display:none;}
}

/* business - probiotics */
.page_probiotics .definition{padding:160px 0;}
.page_probiotics .p_more{position:relative; margin-bottom:220px;}
.page_probiotics .p_more .infoBox{position:relative; width:585px; padding:80px 60px; color:#fff; opacity:0;}
.page_probiotics .p_more .infoBox h4{font-size:34px;}
.page_probiotics .p_more .infoBox h4 .sub{font-size:25px; font-weight:400;}
.page_probiotics .p_more .infoBox .subT{margin-top:20px; font-size:18px;}
.page_probiotics .p_more .infoBox .desc{margin-top:130px; line-height:26px;}
.page_probiotics .p_more .infoBox .cover{position:absolute; top:0; left:0; width:0; height:100%; background:#000e31;}
.page_probiotics .p_more a{display:block; position:relative; width:280px; margin:140px 0 0 305px; padding-bottom:5px; font-size:14px; color:#000e31; font-weight:500; letter-spacing: 3px; border-bottom:2px solid #000e31;}
.page_probiotics .p_more .bg{position:absolute; top:80px; right:0;}
.page_probiotics .p_more.st02 .bg{top:200px;}
.page_probiotics .lab{position:relative; height:700px; margin-top:315px; background:url(/assets/images/pro_img03.jpg) no-repeat center top; background-size:cover;}
.page_probiotics .lab .inner{position:relative; height:100%;}
.page_probiotics .lab .inner .txt{position:absolute; bottom:0; left:0; width:740px; opacity:0;}
.page_probiotics .lab .inner ._desc{position:relative; width:100%; padding:50px 50px 60px; color:#fff;}
.page_probiotics .lab .inner ._desc p{line-height:26px; word-break:break-all;}
.page_probiotics .lab .inner ._desc a{display:block; width:230px; margin-top:40px; padding-bottom:10px; border-bottom:2px solid #fff; color:#fff; font-weight:500;}
.page_probiotics .lab .inner .cover{position:absolute; top:0; left:0; width:0; height:100%; background:#000e31;}
.page_probiotics .brand{padding-top:200px;}
.page_probiotics .brand .tit_section{margin-bottom:80px;}
.page_probiotics .brand .brand_info{position:relative; display:flex; display:-webkit-flex; align-items: center; -webkit-align-items: center; height:450px; margin-top:60px; border:1px solid #e5e8ec; overflow:hidden;}
.page_probiotics .brand .brand_info div{margin-left:80px;}
.page_probiotics .brand .brand_info h4{font-size:26px;}
.page_probiotics .brand .brand_info h4 span{font-size:18px; font-weight:400;}
.page_probiotics .brand .brand_info p{width:calc(100% - 524px); margin-top:40px; line-height:26px;}
.page_probiotics .brand .brand_info .img{position:absolute; top:0; right:0;}
.page_probiotics .brand .brand_info p.en{width:33vw;}

@media screen and (max-width:1300px){
    .page_probiotics .p_more a{margin-left:0;}
	.page_probiotics .brand .brand_info p.en{width:33vw;}
}

@media screen and (max-width:1024px){
    .page_probiotics .definition{padding:15.625vw 0; /* 160px 0 */}
    .page_probiotics .p_more{margin-bottom:21.484375vw; /* 220px */}
    .page_probiotics .p_more .infoBox{width:57.12890625vw; /* 585px */ padding:7.8125vw 5.859375vw; /* 80px 60px*/}
    .page_probiotics .p_more .infoBox h4{font-size:3.3203125vw; /* 34px */}
	.page_probiotics .p_more .infoBox h4 .sub{font-size:2.44140625vw;}
    .page_probiotics .p_more .infoBox .subT{margin-top:1.953125vw; /* 20px */ font-size:1.7578125vw; /* 18px */}
    .page_probiotics .p_more .infoBox .desc{margin-top:12.6953125vw; /* 130px */ line-height:2.5390625vw; /* 26px */}
    .page_probiotics .p_more a{width:27.34375vw; /* 280px */ margin-top:13.671875vw; /* 140px */ padding-bottom:0.48828125vw; /* 5px */ font-size:1.3671875vw; /* 14px */ letter-spacing: 0.29296875vw; /* 3px */ border-width:0 0 0.1953125vw 0;}
    .page_probiotics .p_more .bg{top:7.8125vw; /* 80px*/ right:0; width:72.1679vw;}
    .page_probiotics .p_more .bg img{width:100%;}
    .page_probiotics .p_more.st02 .bg{top:19.53125vw;}
    .page_probiotics .lab{height:68.359375vw; /* 700px */ margin-top:30.76171875vw; /* 315px */}
    .page_probiotics .lab .inner .txt{width:72.265625vw; /* 740px */}
    .page_probiotics .lab .inner ._desc{padding:4.8828vw 4.8828vw 5.859375vw;}
    .page_probiotics .lab .inner ._desc p{line-height:2.5390625vw; /* 26px */}
    .page_probiotics .lab .inner ._desc a{width:22.4609375vw; /* 230px */ margin-top:3.90625vw; /* 40px */ padding-bottom:0.9765625vw; /* 10px */ border-width:0 0 0.1953125vw 0;}
    .page_probiotics .brand{padding-top:19.53125vw; /* 200px */}
    .page_probiotics .brand .tit_section{margin-bottom:7.8125vw; /* 80px*/}
    .page_probiotics .brand .brand_info{height:450px; margin-top:5.859375vw; /* 60px */}
    .page_probiotics .brand .brand_info div{margin-left:7.8125vw; /* 80px*/}
    .page_probiotics .brand .brand_info h4{font-size:2.5390625vw; /* 26px */}
    .page_probiotics .brand .brand_info h4 span{font-size:1.7578125vw; /* 18px */}
    .page_probiotics .brand .brand_info p{width:auto; margin-top:3.90625vw; /* 40px */ line-height:2.5390625vw; /* 26px */}   
    .page_probiotics .brand .brand_info .img{position:relative;} 
    .page_probiotics .brand .brand_info .img img{width:100%;} 
	.page_probiotics .brand .brand_info p.en{width:auto;}
}

@media screen and (max-width:767px){
    .page_probiotics .definition{padding:20vw 0; /* 120px 0 */}
    .page_probiotics .p_more{margin-bottom:33.3333vw; /* 180px */}
    .page_probiotics .p_more .infoBox{width:100%; padding:14.8vw 10vw; /* 80px 60px */}
    .page_probiotics .p_more .infoBox h4{font-size:6.2962vw; /* 34px */}
	.page_probiotics .p_more .infoBox h4 .sub{font-size:4.62962vw;}
    .page_probiotics .p_more .infoBox .subT{margin-top:3.7037vw; /* 20px */ font-size:3.3333vw; /* 18px */}
    .page_probiotics .p_more .infoBox .desc{margin-top:10vw; /* 60px */ line-height:4.8vw; /* 26px */}
    .page_probiotics .p_more a{width:51.85185vw; /* 280px */ margin-top:27.7777vw; /* 150px */ padding-bottom:1.8518vw; /* 10px */ font-size:2.5925vw; /* 14px */ letter-spacing: 0.5555vw; /* 3px */ border-width:0 0 0.37037vw 0; /* 0 0 2px 0 */ font-weight:700}
    .page_probiotics .p_more .bg{top:61.1111vw; /* 330px */ right:-7.5vw;}
    .page_probiotics .p_more.st02 .bg{top:40vw;}
    .page_probiotics .p_more.st02 a{margin-top:9.765625vw;}
    .page_probiotics .lab{height:148.148vw; /* 800px */ margin-top:20vw; /* 120px */}
    .page_probiotics .lab .inner .txt{bottom:-10.6666vw; /* -90px */ left:0; width:calc(100% + 5.6vw);}
    .page_probiotics .lab .inner ._desc{padding:7vw 5.6vw;}
    .page_probiotics .lab .inner ._desc p{line-height:4.8vw; /* 26px */}
    .page_probiotics .lab .inner ._desc a{width:46.2962vw; /* 250px */ margin-top:7.5vw; /* 40px */ padding-bottom:1.8518vw; /* 10px */  border-width:0 0 0.37037vw 0;}
    .page_probiotics .brand{padding-top:20vw; /* 120px */}
    .page_probiotics .brand .tit_section{margin-bottom:10vw; /* 60px */}
    .page_probiotics .brand .brand_info{display:block; height:auto; margin-top:10vw; /* 60px */}
    .page_probiotics .brand .brand_info div{margin-left:0; padding:14.8vw 9.2592vw; /* 80px 50px */}
    .page_probiotics .brand .brand_info h4{font-size:4.8vw; /* 26px */}
    .page_probiotics .brand .brand_info h4 span{font-size:3.3333vw; /* 18px */}
    .page_probiotics .brand .brand_info p{margin-top:7.5vw; /* 40px */ line-height:4.8vw; /* 26px */}
}

/* business - Health Analysis */
.page_health .tabWrap{position:relative; padding:160px 0;}
.page_health .tabWrap .tit_section{float:left;}
.page_health .tabWrap .img{position:absolute; bottom:160px; left:0;}
.page_health .tabWrap .tabArea{position:relative; float:right; width:600px; padding-top:100px; border:1px solid #ccd2da;}
.page_health .tabWrap .tabArea h4 button{display:block; width:100%; height:100px; font-size:24px; font-weight:400; text-align:center; background:#aeb8c3; color:#fff;}
.page_health .tabWrap .tabArea .tab01{position:absolute; top:0; left:0; width:50%;}
.page_health .tabWrap .tabArea .tab02{position:absolute; top:0; right:0; width:50%;}
.page_health .tabWrap .tabArea .tabCont{display:none; padding:60px 50px;}
.page_health .tabWrap .tabArea .tabCont p{min-height:80px; line-height:26px; color:#7c8c9f;}
.page_health .tabWrap .tabArea .tabCont ul{margin:90px 0 0 5px; border-left:1px solid #e5e8ec; font-weight:500;}
.page_health .tabWrap .tabArea .tabCont li+li{margin-top:40px;}
.page_health .tabWrap .tabArea .tabCont li strong{font-weight:500; color:#be8b40;}
.page_health .tabWrap .tabArea .tabCont li:before{content:""; display:inline-block; width:10px; height:10px; margin-left:-5px; margin-right:30px; background:#fbbf00; border-radius:50%;}
.page_health .tabWrap .tabArea h4.active button{background:#fff; color:#002046;}
.page_health .tabWrap .tabArea h4.active+.tabCont{display:block;}

.page_health .txtBox{position:relative; margin-bottom:200px; padding:160px 0; background:url(/assets/images/heath_img02.jpg) no-repeat center center; background-size:cover; color:#fff; text-align:center;}
.page_health .txtBox h3{font-size:32px; line-height:40px; font-weight:400;}
.page_health .txtBox p{margin-top:30px; font-size:18px; line-height:26px;}
.page_health .txtBox .cover{position:absolute; bottom:0; right:0; width:100%; height:100%; background:#fff;}

.page_health .process{margin-top:160px;}
.page_health .process .imgBox{position:relative; padding:50px 0; border:1px solid #e5e8ec; text-align:center;}
.page_health .process .imgBox img{max-width:100%;}
.page_health .process .imgBox .m{display:none;}
.page_health .process ul{margin-top:60px;}
.page_health .process ul li{float:left; width:calc((100% - 30px) / 2); padding:25px 30px; border:1px solid #000e31; border-radius:40px; font-weight:500;}
.page_health .process ul li+li{margin-left:30px;}
.page_health .process ul li:before{content:""; display:inline-block; width:10px; height:20px; margin-right:20px; border:solid #000e31; border-width:0 2px 2px 0; transform:rotate(45deg);}

@media screen and (max-width:1300px){
    .page_health .tabWrap .img{display:none;}
    .page_health .process ul li{padding-left:60px; text-indent:-30px;}
}

@media screen and (max-width:1024px){
    .page_health .tabWrap{padding:15.625vw 0; /* 160px 0 */}
    .page_health .tabWrap .tit_section{float:none;}
    .page_health .tabWrap .tabArea{float:none; width:100%; margin-top:7.8125vw; /* 80px*/ padding-top:9.765625vw; /* 100px */}
    .page_health .tabWrap .tabArea h4 button{height:9.765625vw; /* 100px */ font-size:2.34375vw; /* 24px */}
    .page_health .tabWrap .tabArea .tabCont{padding:5.859375vw 4.8828125vw; /* 60px 50px */}
    .page_health .tabWrap .tabArea .tabCont p{min-height:7.8125vw; /* 80px*/ line-height:2.5390625vw; /* 26px */}
    .page_health .tabWrap .tabArea .tabCont ul{margin:8.7890625vw 0 0 0.48828125vw; /* 90px 0 0 5px */}
    .page_health .tabWrap .tabArea .tabCont li+li{margin-top:3.90625vw; /* 40px */}
    .page_health .tabWrap .tabArea .tabCont li:before{width:0.9765625vw; /* 10px */ height:0.9765625vw; /* 10px */ margin-left:-0.48828125vw; /* -5px */ margin-right:2.9296vw; /* 30px */}

    .page_health .txtBox{margin-bottom:19.53125vw; /* 200px */ padding:15.625vw 0; /* 160px 0 */}
    .page_health .txtBox h3{font-size:3.125vw; /* 32px */ line-height:3.90625vw; /* 40px */}
    .page_health .txtBox p{margin-top:2.9296vw; /* 30px */ font-size:1.7578125vw; /* 18px */ line-height:2.5390625vw; /* 26px */}

    .page_health .process{margin-top:15.625vw; /* 160px */}
    .page_health .process .imgBox{padding:4.8828125vw 0; /* 50px 0 */}
    .page_health .process ul{margin-top:5.859375vw; /* 60px */}
    .page_health .process ul li{width:calc((100% - 2.9296vw) / 2); padding:2.4414vw 2.9296vw 2.4414vw 5.859375vw; border-radius:3.90625vw; /* 40px */}
    .page_health .process ul li+li{margin-left:2.9296vw; /* 30px */}
    .page_health .process ul li:before{width:0.9765625vw; /* 10px */ height:1.953125vw; /* 20px */ margin-right:1.953125vw; /* 20px */ border-width:0 0.1953125vw 0.1953125vw 0; /* 0 2px 2px 0 */}
}

@media screen and (max-width:767px){
    .page_health .tabWrap{padding:20vw 0; /* 120px 0 */}
    .page_health .tabWrap .tabArea{margin-top:14.8vw;  /* 80px */ padding-top:10vw; /* 100px */}
    .page_health .tabWrap .tabArea h4 button{height:10vw; /* 100px */ font-size:3.7037vw; /* 20px */}
    .page_health .tabWrap .tabArea .tabCont{padding:10vw 9.2592vw; /* 60px 50px */}
    .page_health .tabWrap .tabArea .tabCont p{min-height:14.8vw;  /* 80px */ line-height:4.8vw; /* 26px */}
    .page_health .tabWrap .tabArea .tabCont p br{display:none;}
    .page_health .tabWrap .tabArea .tabCont ul{margin:15vw 0 0 0.9259vw; /* 90px 0 0 5px */}
    .page_health .tabWrap .tabArea .tabCont li+li{margin-top:7.5vw; /* 40px */}
    .page_health .tabWrap .tabArea .tabCont li:before{width:1.8518vw; /* 10px */  height:1.8518vw; /* 10px */  margin-left:-0.9259vw; /* -5px */ margin-right:5.6vw; /* 30px */}

    .page_health .txtBox{margin-bottom:20vw; /* 120px */ padding:20vw 0; /* 120px 0 */}
    .page_health .txtBox h3{font-size:4vw; /* 24px */ line-height:6.2962vw; /* 34px */}
    .page_health .txtBox h3 br{display:none;}
    .page_health .txtBox p{margin-top:7.5vw; /* 40px */ font-size:3.3333vw; /* 18px */ line-height:4.8vw; /* 26px */}
    .page_health .txtBox p br{display:none;}

    .page_health .process{margin-top:20vw; /* 120px */}
    .page_health .process .imgBox{padding:9.2592vw 0; /* 50px 0 */}
    .page_health .process .imgBox .m{display:block;}
    .page_health .process .imgBox .pc{display:none;}
    .page_health .process ul{margin-top:10vw; /* 60px */}
    .page_health .process ul li{float:none; width:100%; padding:2.7777vw 7vw 2.7777vw 10vw; /* 15px 40px 15px 60px */ border-radius:7.5vw; /* 40px */ text-indent:-5.6vw; line-height:4.8vw; /* 26px */}
    .page_health .process ul li+li{margin-left:0; margin-top:2.9296vw; /* 30px */}
    .page_health .process ul li:before{width:1.85185vw; /* 10px */ height:3.7037vw; /* 20px */ margin-right:2.7777vw; /* 15px */ border-width:0 0.37037vw 0.37037vw 0; /* 0 2px 2px 0 */}
}

/* business - PHARMABIOTICS */
.page_pharm .therapeutics{padding:160px 0 200px;}
.page_pharm .therapeutics .desc{ margin-top:120px; padding:10px 0; background:#95a2b1;}
.page_pharm .therapeutics .desc .inner{position:relative; top:-50px; padding:80px 20px 90px; border:1px solid #e5e8ec;background:#fff; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); text-align:center;}
.page_pharm .therapeutics .desc h4{letter-spacing: 4px;}
.page_pharm .therapeutics .desc h4 .sub{display:inline-block; margin-top:10px;}
.page_pharm .therapeutics .desc p{margin-top:40px; line-height:26px; font-weight:500;}
.page_pharm .therapeutics .desc .imgBox{margin-top:80px; height:200px;}
.page_pharm .therapeutics .desc .imgBox img{max-width:100%;}
.page_pharm .therapeutics .desc .imgBox svg{max-height:100%;}
.page_pharm .therapeutics .desc .imgBox .m{display:none;}

.page_pharm .rndPlatform{margin-top:80px; margin-bottom:200px;}
.page_pharm .rndPlatform>div{float:left; padding:80px 0; border:1px solid #000e31; text-align:center;}
.page_pharm .rndPlatform>div b{letter-spacing: 4px;}
.page_pharm .rndPlatform>div .tit{margin-top:40px; font-size:26px;}
.page_pharm .rndPlatform>div .tit img{width:160px;}
.page_pharm .rndPlatform>div .desc{margin-top:40px; line-height:26px;}
.page_pharm .rndPlatform>div:nth-of-type(1){width:100%; margin-bottom:30px;}
.page_pharm .rndPlatform>div:nth-of-type(2){width:calc((100% - 30px) / 2);}
.page_pharm .rndPlatform>div:nth-of-type(3){float:right; width:calc((100% - 30px) / 2);}

.page_pharm .clinics{margin-top:130px;}
.page_pharm .clinics .clinic_list{clear:both; float:right; width:660px;}
.page_pharm .clinics .clinic_list li{position:relative; padding:0 0 15px 75px; border-bottom:1px dashed #aeb8c3;}
.page_pharm .clinics .clinic_list li+li{margin-top:140px;}
.page_pharm .clinics .clinic_list h4{font-size:18px;}
.page_pharm .clinics .clinic_list .desc{position:absolute; bottom:10px; right:0; line-height:26px; text-align:right;}
.page_pharm .clinics .clinic_list .co{position:absolute; bottom:-70px; right:0; font-size:12px; color:#be8b40; text-align:right;}
.page_pharm .clinics .clinic_list .co span{display:inline-block; width:110px;}
.page_pharm .clinics .clinic_list .co span img{width:100%;}
.page_pharm .clinics .clinic_list .ico{position:absolute; top:-10px; left:-80px; width:80px; border-radius: 50%; background:#000e31;}
.page_pharm .clinics .clinic_list .ico img{width:100%;}

.page_pharm .pharm_desc{margin-top:280px; padding:90px 0 100px; background:#e5e8ec;}
.page_pharm .pharm_desc ._box{position:relative; margin-left:310px;}
.page_pharm .pharm_desc ._box img{vertical-align:top; max-width:100%;}
.page_pharm .pharm_desc .textBox{position:relative; width:890px; padding:95px 50px 235px 50px; color:#fff; opacity:0;}
.page_pharm .pharm_desc .textBox .txt01{font-size:18px; line-height:28px;}
.page_pharm .pharm_desc .textBox .txt02{margin-top:30px; line-height:26px; color:#7c8c9f;}
.page_pharm .pharm_desc .textBox .ci{position:absolute; bottom:0; right:0;}
.page_pharm .pharm_desc .textBox .ci .m{display:none;}
.page_pharm .pharm_desc .textBox .cover{position:absolute; top:0; left:0; width:0; height:100%; background:#000e31; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.2);}
.page_pharm .pharm_desc .img01 .m{display:none;}
.page_pharm .pharm_desc .img02{position:absolute; bottom:0; left:-507px;}
.page_pharm .pharm_desc .link{display:block; margin-top:90px; font-size:20px; color:#000e31; background:#fff; text-align:center; line-height:60px;}

@media screen and (max-width:1300px){
    .page_pharm .pharm_desc ._box{margin-left:23.8461vw;}
    .page_pharm .pharm_desc .textBox{width:auto;}
}

@media screen and (max-width:1024px){
    .page_pharm .therapeutics{padding:15.625vw 0 19.53125vw; /* 160px 0 200px */}
    .page_pharm .therapeutics .desc{ margin-top:11.71875vw; /* 120px */ padding:0.9765625vw 0;/* 10px */}
    .page_pharm .therapeutics .desc .inner{top:-4.8828125vw; /* 50px */ padding:80px 20px 90px;}
    .page_pharm .therapeutics .desc h4{letter-spacing: 0.390625vw; /* 4px */}
	.page_pharm .therapeutics .desc h4 .sub{margin-top:0.9765625vw;}
    .page_pharm .therapeutics .desc p{margin-top:3.90625vw; /* 40px */ line-height:2.5390625vw; /* 26px */ word-break:break-all;}
    .page_pharm .therapeutics .desc .imgBox{margin-top:7.8125vw; /* 80px*/}

    .page_pharm .rndPlatform{margin-top:7.8125vw; /* 80px*/ margin-bottom:19.53125vw; /* 200px */}
    .page_pharm .rndPlatform>div{padding:7.8125vw 0; /* 80px 0 */}
    .page_pharm .rndPlatform>div b{letter-spacing: 0.390625vw; /* 4px */}
    .page_pharm .rndPlatform>div .tit{margin-top:3.90625vw; /* 40px */ font-size:2.5390625vw; /* 26px */}
    .page_pharm .rndPlatform>div .tit img{width:15.625vw; /* 160px */}
    .page_pharm .rndPlatform>div .desc{margin-top:3.90625vw; /* 40px */ line-height:2.5390625vw; /* 26px */}
    .page_pharm .rndPlatform>div:nth-of-type(1){margin-bottom:2.9296vw; /* 30px */}
    .page_pharm .rndPlatform>div:nth-of-type(2){width:calc((100% - 2.9296vw) / 2);}
    .page_pharm .rndPlatform>div:nth-of-type(3){width:calc((100% - 2.9296vw) / 2);}

    .page_pharm .clinics{margin-top:12.6953vw; /* 130px */}
    .page_pharm .clinics .clinic_list{width:64.653125vw; /* 660px */}
    .page_pharm .clinics .clinic_list li{padding:0 0 1.4648vw 7.3242vw;/* 0 0 15px 75px */}
    .page_pharm .clinics .clinic_list li+li{margin-top:13.671875vw; /* 140px */}
    .page_pharm .clinics .clinic_list h4{font-size:1.7578125vw; /* 18px */}
    .page_pharm .clinics .clinic_list .desc{bottom:0.9765625vw;/* 10px */ line-height:2.5390625vw; /* 26px */}
    .page_pharm .clinics .clinic_list .co{bottom:-6.8359vw; /* -70px */ font-size:1.171875vw; /* 12px */}
    .page_pharm .clinics .clinic_list .co span{width:10.7421vw; /* 110px */}
    .page_pharm .clinics .clinic_list .ico{top:-0.9765625vw; /* -10px */left:-7.8125vw; /* -80px*/ width:7.8125vw; /* 80px*/}

    .page_pharm .pharm_desc{margin-top:27.34375vw; /* 280px */ padding:8.7890625vw 0 9.765625vw;}
    .page_pharm .pharm_desc ._box{margin-left:0;}
    .page_pharm .pharm_desc .textBox{width:auto; padding:9.2773vw 4.8828125vw 22.9492vw 4.8828125vw; /* 95 50px 235 50px */}
    .page_pharm .pharm_desc .textBox .txt01{font-size:1.7578125vw; /* 18px */ line-height:2.7343vw; /* 28px */}
    .page_pharm .pharm_desc .textBox .txt02{margin-top:2.9296vw; /* 30px */ line-height:2.5390625vw; /* 26px */}
    .page_pharm .pharm_desc .textBox .cover{box-shadow: 0 1.4648vw 1.953125vw 0 rgba(0, 0, 0, 0.2);}
    .page_pharm .pharm_desc .img01{text-align:right;}
    .page_pharm .pharm_desc .img01 img{width:60%;}
    .page_pharm .pharm_desc .img02{left:-40px; width:50%;}
    .page_pharm .pharm_desc .link{margin-top:8.789vw; /* 90px */ font-size:1.953125vw; /* 20px */}
}

@media screen and (max-width:767px){
    .page_pharm .therapeutics{padding:20vw 0;}
    .page_pharm .therapeutics .desc{margin-top:29.6296vw; /* 160px */ padding:3.7037vw 0;}
    .page_pharm .therapeutics .desc .inner{top:-14.8vw; padding:14.8vw 7vw 10vw; box-shadow: 0 1.8518vw 1.8518vw 0 rgba(0, 0, 0, 0.1);}
    .page_pharm .therapeutics .desc h4{letter-spacing: 4px;}
	.page_pharm .therapeutics .desc h4 .sub{margin-top:1.85185vw;}
    .page_pharm .therapeutics .desc p{margin-top:7.5vw; line-height:4.8vw;}
    .page_pharm .therapeutics .desc .imgBox{margin-top:14.8vw; height:auto;}
    .page_pharm .therapeutics .desc .imgBox .m{display:inline-block;}
    .page_pharm .therapeutics .desc .imgBox .pc{display:none;}

    .page_pharm .rndPlatform{margin-top:14.8vw; margin-bottom:20vw;}
    .page_pharm .rndPlatform>div{float:none; padding:14.8vw 0; border:1px solid #000e31;}
    .page_pharm .rndPlatform>div b{letter-spacing:0.7407vw; /* 4px */}
    .page_pharm .rndPlatform>div .tit{margin-top:7.5vw; font-size:4.8vw;}
    .page_pharm .rndPlatform>div .tit img{width:29.6296vw; /* 160px */}
    .page_pharm .rndPlatform>div .desc{margin-top:7.5vw; line-height:4.8vw;}
    .page_pharm .rndPlatform>div:nth-of-type(1){margin-bottom:7.5vw;}
    .page_pharm .rndPlatform>div:nth-of-type(2){width:100%; margin-bottom:9.2592vw;}
    .page_pharm .rndPlatform>div:nth-of-type(3){float:none; width:100%}

    .page_pharm .clinics{margin-top:20vw;}
    .page_pharm .clinics .clinic_list{float:none; width:100%;}
    .page_pharm .clinics .clinic_list li{display:flex; justify-content: space-between; align-items: flex-end; position:relative; padding:0 0 2.7777vw 19.2962vw;}
    .page_pharm .clinics .clinic_list li+li{margin-top:10vw;}
    .page_pharm .clinics .clinic_list h4{font-size:3.3333vw;}
    .page_pharm .clinics .clinic_list .desc{position:relative; width:50vw; bottom:0; line-height:4.8vw;}
    .page_pharm .clinics .clinic_list .desc br{display:none;}
    .page_pharm .clinics .clinic_list .co{bottom:-10vw; /* -50px */ font-size:2.2222vw; /* 12px */}
    .page_pharm .clinics .clinic_list .co span{width:15vw;}
    .page_pharm .clinics .clinic_list .ico{top:auto; bottom:-7.8518vw; left:0; width:14.8vw;}

    .page_pharm .pharm_desc{margin-top:25.9259vw; /* 140px */ padding:10vw 0 20vw;}
    .page_pharm .pharm_desc ._box{margin-left:0;}
    .page_pharm .pharm_desc .textBox{width:auto; padding:7vw 7vw 49.07407vw;}
    .page_pharm .pharm_desc .textBox .txt01{font-size:3.3333vw; line-height:5.1851vw; /* 28px */}
    .page_pharm .pharm_desc .textBox .txt02{margin-top:5.6vw; line-height:4.8vw;}
    .page_pharm .pharm_desc .textBox .ci{position:absolute; bottom:5.6vw; right:5.6vw;}
    .page_pharm .pharm_desc .textBox .ci .m{display:block; width:20.9259vw; /* 113px */}
    .page_pharm .pharm_desc .textBox .ci .pc{display:none;}
    .page_pharm .pharm_desc .textBox .cover{box-shadow: 0 2.7777vw 3.7037vw 0 rgba(0, 0, 0, 0.2);}
    .page_pharm .pharm_desc .img01 .m{display:inline-block;width:41.2962vw; /* 233px */}
    .page_pharm .pharm_desc .img01 .pc{display:none;}
    .page_pharm .pharm_desc .img02{position:absolute; bottom:0; left:-7.5vw; width:56.8518vw; /* 307px */}
    .page_pharm .pharm_desc .link{margin-top:14.8vw; font-size:3.7037vw; line-height:10vw;}
}

/* 비피도 소개 */
.page_about .textBox{padding:150px 0 150px; }
.page_about .textBox div.about-main{float:right; width:calc(100% - 680px); margin-top:15px;}
.page_about .textBox .about-desc-main{margin-top:30px; font-size:20px; line-height:32px; word-break: break-all;}
.page_about .textBox .img{display:block; position: relative; float:left; width:620px;height: 280px;}
.page_about .textBox .img .qp{
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    z-index: 99;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    transition: 0.3s opacity;
    color: white;
    font-size: 16px;
}
.page_about .textBox .img .tcqp{
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    z-index: 99;
    color: white;
    font-size: 16px;
    text-shadow: 0 0 20px rgba(0,0,0,0.5);
    cursor: pointer;
    display: none;
}
.page_about .textBox .img .tcqp i{
    font-size: 18px;
    margin-right: 10px;
}
.page_about .textBox .img:hover .qp{
    background-color: rgba(0,0,0,0.4);
    opacity: 1;
}
.page_about .textBox .img .qp i{
    font-size: 18px;
    margin-right: 10px;
}
.page_about .textBox .img video{width:100%; height: 100%;}
.page_about .textBox2{padding:150px 0 100px;}
.page_about .textBox2 div.qywh-main{float:left; width:535px; margin-top: 40px;}
.page_about .textBox2.qywh-r{padding-top: 100px;}
.page_about .textBox2.qywh-r div.qywh-main{float:right;}
.page_about .textBox2.qywh-r .img{float:left;}
.page_about .textBox2 .img{display:block; float:right; width:585px;}
.page_about .textBox2 .img img{width:100%;}

.page_about .history{background:#05201D;}
.page_about .history:hover{cursor:none;}
.page_about .history .item{width:200px; padding:40px 0; color:#fff;}
.page_about .history .item .date{font-size:24px; line-height:32px; font-weight:500;}
.page_about .history .item:hover .date font{
    padding: 0 16px;
}
.page_about .history .item:hover .date font i{
    width: 18px;
height: 18px;
background: #FF9F1C;
}
.page_about .history .item .date font{
    position: relative;
    margin: 15px 0;
    padding: 0 20px;
    height: 18px;
    display: flex;
    align-items: center;
    transition: 0.3s all;
}
.page_about .history .item .date font i{
    width: 10px;
height: 10px;
background: #FFFFFF;
border: 1px solid #707070;
border-radius: 50%;
display: block;
position: relative;
z-index: 9;
transition: 0.3s all;
}
.page_about .history .item .date font::before{
    content:"";
    display: block;
    position: absolute;
    left: 22px;
    width: calc(100% + 72px);
    top:50%;
    border-top: 1px solid #707070;
}
.page_about .history .item .story{margin-top:15px; font-size:14px; line-height:20px;  word-break:break-all;}
.page_about .history .item .etc{margin-top:10px; font-size:12px; color:#95a2b1; font-style:italic;}
.page_about .history .item.first{position:relative; height:241px;}
/* .page_about .history .item.first div{position:absolute; bottom:0; left:0; width:100%; height:100%;}
.page_about .history .item.first div img{display:block; position:absolute; bottom:0; left:50%; margin-left:-198px; width:auto;} */
.page_about .history .owl-stage-outer{overflow:visible;}
.cursor{display:none; position:fixed; top:0; left:0; width:60px; height:60px; margin:-30px 0 0 -30px; background:#fff; border-radius:50%; text-align:center; line-height:60px; font-size:14px; letter-spacing: 3px; font-weight:700; z-index:1; pointer-events:none;}

.page_about .amout_bifido{padding:260px 0; background:url(/assets/images/about_img03.jpg) no-repeat top center; background-size:cover;}
.page_about .amout_bifido ul li{float:left; width:25%; padding:25px 0; border:1px solid #000e31; text-align:center; background:#fff;}
.page_about .amout_bifido ul li+li{border-left:0;}
.page_about .amout_bifido ul li p{letter-spacing: 4px; font-weight:700; line-height:1;}
.page_about .amout_bifido ul li div strong{display:inline-block; margin-top:20px; font-size:70px; font-weight:400; line-height:1;}
.page_about .amout_bifido ul li div sup{font-size:36px; line-height:1; vertical-align: top;}
.page_about .amout_bifido ul li span{display:block; margin-top:20px; font-size:14px; line-height:1;}

.page_about .b_business{padding:100px 0 0;}
.page_about #carousel{margin-top:80px;}
.page_about #carousel .item{display :flex; display:-webkit-flex;}
.page_about #carousel .item .img{width:400px;}
.page_about #carousel .item .desc{position:relative; width:800px; padding:20px 60px;}
.page_about #carousel .item .desc h4{margin-bottom:30px; font-size:32px; font-weight:400;}
.page_about #carousel .item .desc h4 span{display:inline-block; margin-left:10px; font-size:18px;}
.page_about #carousel .item .desc p{line-height:26px; font-weight:500;}
.page_about #carousel .item .desc a{display:block; position:absolute; bottom:40px; right:0; width:160px; padding-bottom:5px; font-size:14px; font-weight:500; border-bottom:2px solid #000e31; color:#000e31; letter-spacing: 3px;}
.page_about #carousel .item .bottom{display:none;}
.page_about #carousel .owl-nav{display:none;}
.page_about .carouselButtons button{display:block; float:left; width:400px; padding:35px 0; font-size:24px; border:1px solid #e5e8ec; text-align:center;}
.page_about .carouselButtons button strong{display:inline-block; margin-top:15px; font-size:16px; letter-spacing: 4px;}
.page_about .carouselButtons button strong:after{content:""; display:block; width:0; height:2px; margin-top:5px; background:#be8b40; transition:width 0.3s ease;}
.page_about .carouselButtons .on{border-color:#fff; box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05);}
.page_about .carouselButtons .on strong:after{width:100%;}

.page_about .recruitment{padding-top:100px;}
.page_about .recruitment ul{margin-top:120px;}
.page_about .recruitment ul li{display :flex; margin-top:60px;display:-webkit-flex; float:left; width:50%; align-items: center; -webkit-align-items: center;}
.page_about .recruitment ul li strong{display:inline-block; width:220px; height:220px; line-height:220px; border:1px solid #000e31; letter-spacing: 4px; text-align:center; border-radius:50%;}
.page_about .recruitment ul li span{margin-left:30px; line-height:26px; font-weight:500;}
.page_about .recruitment ul li:nth-of-type(2n){float:right;}
.page_about .recruitment ul li:nth-of-type(2){margin-top:140px;}
.page_about .recruitment ul li:nth-of-type(3){margin-top:60px;}
.page_about .recruitment ul li:nth-of-type(4){margin-top:60px;}

@media screen and (max-width:1300px){
    .page_about .textBox div.about-main{width:45vw; margin-top:3.4615vw;}
    .page_about .textBox .img{width:29.8461vw; margin-left:0;}

    .page_about .textBox2 div.qywh-main{width:41.1538vw;}
    .page_about .textBox2 .img{width:40vw;}

    .page_about #carousel .item .img{width:33.3333%;}
    .page_about #carousel .item .desc{width:66.6666%;}
    .page_about .carouselButtons button{width:33.3333%;}
}

@media screen and (max-width:1024px){
    .page_about .textBox{padding:10vw 0 10vw; /* 150px 0 190px */}
    .page_about .textBox div.about-main{width:55%; /* 585px */ margin-top:0;}
    .page_about .textBox .about-desc-main{margin-top:2.9296vw; /* 30px */ font-size:2.34375vw; /* 24px */ line-height:3.125vw; /* 32px */}
    .page_about .textBox .img{width:40%; /* 388px */}
    .page_about .textBox2{padding:10vw 0 10vw; /* 200px 0 100px */}
    .page_about .textBox2 div.qywh-main{width:45%;}
    .page_about .textBox2 div.qywh-desc{margin-top:2.9296vw; /* 30px */ font-size:2.34375vw; /* 24px */ line-height:3.125vw; /* 32px */}
    .page_about .textBox2 .img{width:50%;}
    
    .page_about .cursor{display:none !important;}

    .page_about .amout_bifido{padding:25.3906vw 0; /* 260px 0 */}
    .page_about .amout_bifido ul li{width:25%; padding:2.4414vw 0; /* 25px 0 */}
    .page_about .amout_bifido ul li p{letter-spacing: 0.390625vw; /* 4px */ font-weight:700;}
    .page_about .amout_bifido ul li div strong{margin-top:1.953125vw; /* 20px */ font-size:6.8359vw; /* 70px */}
    .page_about .amout_bifido ul li div sup{font-size:3.5156vw; /* 36px */}
    .page_about .amout_bifido ul li span{margin-top:1.953125vw; /* 20px */ font-size:1.3671875vw; /* 14px */}

    .page_about .b_business{padding:9.765625vw 0 19.53125vw; /* 100px 0 200px */}
    .page_about #carousel{margin-top:7.8125vw; /* 80px*/}
    .page_about #carousel .item .desc{padding:1.953125vw 5.859375vw; /* 20px 60px */}
    .page_about #carousel .item .desc h4{margin-bottom:2.9296vw; /* 30px */ font-size:3.125vw; /* 32px */}
    .page_about #carousel .item .desc h4 span{margin-left:0.9765625vw; /* 10px */ font-size:1.7578125vw; /* 18px */}
    .page_about #carousel .item .desc p{line-height:2.5390625vw; /* 26px */}
    .page_about #carousel .item .desc a{position:relative; bottom:0; right:0; width:15.625vw; /* 160px */ margin-top:5.859375vw; /* 60px */ padding-bottom:0.48828125vw; /* 5px */ font-size:1.3671875vw; /* 14px */ letter-spacing: 0.29296875vw; /* 3px */}
    .page_about .carouselButtons button{padding:3.4179vw 0; /* 35px 0 */ font-size:2.34375vw; /* 24px */}
    .page_about .carouselButtons button strong{margin-top:1.4648vw; /* 15px */; font-size:1.5625vw; /* 16px */ letter-spacing: 0.390625vw; /* 4px */}

    .page_about .lab{margin:9.765625vw 0;}
    .page_about .lab .inner{margin:0; padding-left:0;}
    .page_about .lab .inner .txt{position:absolute; bottom:0; left:40px; width:calc(100% - 40px); opacity:0;}
    .page_about .lab ._desc{position:relative; width:100%; padding:5.859375vw 4.8828125vw 207px 4.8828125vw; /* 60px 50px 207px 50px */ color:#fff;}
    .page_about .lab ._desc p{font-size:1.7578125vw; /* 18px */ line-height:2.7343vw; /* 28px */}
    .page_about .lab ._desc a{display:block; position:absolute; bottom:4.8828125vw; /* 50px */ right:0; width:27.34375vw; /* 280px */ padding-bottom:0.9765625vw; /* 10px */ font-size:1.3671875vw; /* 14px */}
    .page_about .lab .cover{position:absolute; top:0; left:0; width:0; height:100%; background:#000e31;}
    .page_about .lab .img01{position:relative; top:0; left:0; width:100%;}
    .page_about .lab .img01 img{width:100%;}
    .page_about .lab .img02{display:none;}

    .page_about .recruitment{padding-top:9.765625vw; /* 100px */}
    .page_about .recruitment ul{margin-top:11.71875vw; /* 120px */}
    .page_about .recruitment ul li{float:none; width:100%;}
    .page_about .recruitment ul li strong{width:21.4843vw; /* 220px */ height:21.4843vw; /* 220px */ line-height:21.4843vw; /* 220px */ letter-spacing: 0.390625vw; /* 4px */}
    .page_about .recruitment ul li span{margin-left:2.9296vw; /* 30px */ line-height:2.5390625vw; /* 26px */}
    .page_about .recruitment ul li span br{display:none;}
    .page_about .recruitment ul li:nth-of-type(2n){float:none;}
    .page_about .recruitment ul li:nth-of-type(2){margin-top:5.859375vw; /* 60px */}
    .page_about .recruitment ul li:nth-of-type(3){margin-top:5.859375vw; /* 60px */}
    .page_about .recruitment ul li:nth-of-type(4){margin-top:5.859375vw; /* 60px */}
}

@media screen and (max-width:767px){
    .page_about .textBox{padding:10vw 0 10vw;}
    .page_about .textBox div.about-main{float:none; width:100%;}
    .page_about .textBox .about-desc-main{margin-top:5.6vw; /* 30px */font-size: 4vw; /* 16px */line-height: 5.8vw; /* 26px */}
    .page_about .textBox .img{float:none; width:100%; margin-top:10vw; height: 49vw;}
    .page_about .textBox2{padding:10vw 0 10vw;}
    .page_about .textBox2.qywh-r{padding-top: 10vw;}
    .page_about .textBox2 div.qywh-main{float:none; width:100%;margin-top: 0;}
    .page_about .textBox2 div.qywh-desc{margin-top:5.6vw; /* 30px */font-size: 4vw; /* 16px */line-height: 5.8vw; /* 26px */}
    .page_about .textBox2 .img{float:none; width:100%; margin-top:10vw; /* 90px */}
    .page_about .history .item.first{
        height: 46vw;
       
    }
    .page_about .history .item.first div{
        width: 4vw;
        font-size: 4.5vw;
        line-height: 1.5;
    }
    
	.page_about .history{overflow:hidden;}
    .page_about .history:hover{cursor:default;}
    .page_about .history .item{width:27.7777vw; /* 150px */ padding:7vw 0;}
    .page_about .history .item .date{font-size:4vw; /* 24px */ line-height:5.9259vw; /* 32px */}
    .page_about .history .item .story{margin-top:2.7777vw; /* 15px */font-size: 3.5vw; /* 16px */line-height:4.8vw; /* 26px */}
    .page_about .history .item .etc{margin-top:2.7777vw; /* 15px */ font-size:2.2222vw; /* 12px */}
    .page_about .history .item:hover .date font{
        padding: 0 1.5vw;
    }
    .page_about .history .item:hover .date font i{
        width: 4vw;
    height: 4vw;
    background: #FF9F1C;
    }
    .page_about .history .item .date font{
        position: relative;
        margin: 2vw 0;
        padding: 0 2vw;
        height: 18px;
        display: flex;
        align-items: center;
        transition: 0.3s all;
    }
    .page_about .history .item .date font i{
        width: 3vw;
    height: 3vw;
    background: #FFFFFF;
    border: 1px solid #707070;
    border-radius: 50%;
    display: block;
    position: relative;
    z-index: 9;
    transition: 0.3s all;
    }
    .page_about .history .item .date font::before{
        content:"";
        display: block;
        position: absolute;
        left: 2vw;
        width: calc(100% + 72px);
        top:50%;
        border-top: 1px solid #707070;
    }
    .page_about .amout_bifido{padding:20vw 0;}
    .page_about .amout_bifido ul{border:solid #000e31; border-width:0 1px 1px 0;}
    .page_about .amout_bifido ul li{width:50%; padding:4.6296vw 0; /* 25px 0 */ border-width:1px 0 0 1px;}
    .page_about .amout_bifido ul li+li{border-left:1px solid #000e31;}
    .page_about .amout_bifido ul li p{letter-spacing: 0.7407vw; /* 4px */}
    .page_about .amout_bifido ul li div strong{margin-top:20px; font-size:13vw; /* 70px */}
    .page_about .amout_bifido ul li div sup{font-size:6.6666vw; /* 36px */}
    .page_about .amout_bifido ul li span{margin-top:2.7777vw; /* 15px */ font-size:2.5925vw; /* 14px */}

    .page_about .b_business{padding:10vw 0;}
    .page_about #carousel{margin-top:10vw; /* 60px */}
    .page_about #carousel .item{display :block; border:1px solid #e5e8ec;}
    .page_about #carousel .item .img{width:100%;}
    .page_about #carousel .item .desc{width:100%; padding:9.2592vw; /* 50px */}
    .page_about #carousel .item .desc h4{margin-bottom:5.6vw; /* 30px */ font-size:5.9259vw; /* 32px */}
    .page_about #carousel .item .desc h4 span{margin-left:1.8518vw; /* 10px */ font-size:3.33333vw; /* 18px */}
    .page_about #carousel .item .desc p{line-height:4.8vw; /* 26px */}
    .page_about #carousel .item .desc a{width:29.6296vw; /* 160px */ padding-bottom:0.9259vw; /* 5px */ font-size:2.5925vw; /* 14px */ letter-spacing: 0.5555vw; /* 3px */ }
    .page_about #carousel .item .bottom{display:block; padding:6.48148vw 0; /* 35px 0 */ font-size:4vw; /* 24px */ border-top:1px solid #e5e8ec; text-align:center;}
    .page_about #carousel .item .bottom strong{display:inline-block; margin-top:2.7777vw; /* 15px */ font-size:3vw; /* 16px */ letter-spacing: 0.7407vw; /* 4px */}
    .page_about #carousel .item .bottom strong:after{content:""; display:block; height:0.37037vw; /* 2px */ margin-top:0.9259vw; /* 5px */ background:#be8b40;}
    .page_about .carouselButtons{display:none;}
    .page_about #carousel .owl-nav{display:none;}

    .page_about .lab{height:80vw; margin:0;}
    .page_about .lab .inner .txt{bottom:0; left:5.6vw; /* 30px */ width:calc(100% - 10.6vw);}
    .page_about .lab ._desc{padding:7vw 5.6vw; /* 40px 30px */}
    .page_about .lab ._desc p{font-size:3vw; /* 16px */ line-height:4.8vw; /* 26px */}
    .page_about .lab ._desc a{position:relative; bottom:0; right:0; width:51.8518vw; /* 280px */ margin-top:7.5vw; /* 40px */ padding-bottom:1.8518vw; /* 10px */ font-size:2.5925vw; /* 14px */}
    .page_about .lab .img01{display:none;}

    .page_about .recruitment{padding-top:0; /* 100px */}
    .page_about .recruitment ul{margin-top:10vw; /* 60px */}
    .page_about .recruitment ul li strong{width:33.3333vw; /* 180px */ height:33.3333vw; /* 180px */ line-height:33.3333vw; /* 180px */ letter-spacing: 0.7407vw; /* 4px */}
    .page_about .recruitment ul li span{width:calc(100% - 40.7407vw); margin-left:7.5vw; /* 40px */ line-height:4.8vw; /* 26px */}
    .page_about .recruitment ul li:nth-of-type(2){margin-top:10vw; /* 60px */}
    .page_about .recruitment ul li:nth-of-type(3){margin-top:10vw; /* 60px */}
    .page_about .recruitment ul li:nth-of-type(4){margin-top:10vw; /* 60px */}
}

/* Microbiome */
.page_micro .m{display:none;}
.page_micro .aboutMicro{margin-top:160px;}
.page_micro .role{margin-top:130px; padding:80px 20px; border:1px dashed #000e31; text-align:center;}
.page_micro .role h4{letter-spacing: 4px; text-transform: uppercase;}
.page_micro .role h4 br{display:none;}
.page_micro .role ul{margin-top:90px;}
.page_micro .role ul li{display:inline-block; width:160px; vertical-align: top;}
.page_micro .role ul li .svgBox{position:relative; max-width:100%; height:0; margin:0 25px; padding-bottom:84.4%}
.page_micro .role ul li .svgBox svg{position:absolute; top:50%; left:0; max-width:100%; max-height:100%; transform:translateY(-50%);}
.page_micro .role ul li strong{display:block; margin-top:20px; line-height:26px; font-weight:500;}
.page_micro .role ul li+li{margin-left:80px;}

.page_micro .human_micro{margin-top:200px;}
.page_micro .human_micro .imgBox{margin-top:80px;}
.page_micro .human_micro .imgBox img{max-width:100%;}

.page_micro .wedo{margin-top:200px;}
.page_micro .wedo .imgBox{margin-top:120px; padding:85px 20px; border:1px solid #e5e8ec; text-align:center;}
.page_micro .wedo .imgBox img{max-width:100%;}

@media screen and (max-width:1300px){
    .page_micro .role ul li{float:left; display:block; width:25%;}
    .page_micro .role ul li+li{margin-left:0;}
}

@media screen and (max-width:1024px){
    .page_micro .aboutMicro{margin-top:15.625vw; /* 160px */}
    .page_micro .role{margin-top:12.6953vw; /* 130px */ padding:7.8125vw 1.953125vw;}
    .page_micro .role h4{letter-spacing:0.390625vw; /* 4px */}
    .page_micro .role ul{margin-top:8.7890625vw; /* 90px */}
    .page_micro .role ul li strong{margin-top:1.953125vw; /* 20px */ line-height:2.5390625vw; /* 26px */}

    .page_micro .human_micro{margin-top:19.53125vw;}
    .page_micro .human_micro .imgBox{margin-top:7.8125vw; /* 80px*/}

    .page_micro .wedo{margin-top:19.53125vw; /* 200px */}
    .page_micro .wedo .imgBox{margin-top:11.71875vw; /* 120px */ padding:8.3007vw 1.953125vw;}
}

@media screen and (max-width:767px){
    .page_micro .m{display:block;}
    .page_micro .pc{display:none;}
    .page_micro .aboutMicro{margin-top:20vw; /* 120px */}
    .page_micro .role{margin-top:10vw; padding:10vw 0;}
    .page_micro .role h4{letter-spacing:0.7407vw; line-height:4.8vw;}
    .page_micro .role h4 br{display:block;}
    .page_micro .role ul{margin-top:10vw;}
    .page_micro .role ul li{width:50%; padding:0 3.7037vw;}
    .page_micro .role ul li img{width:20vw;}
    .page_micro .role ul li strong{margin-top:3.7037vw; line-height:4.8vw;}
    .page_micro .role ul li:nth-of-type(2n+1){clear:left;}
    .page_micro .role ul li:nth-of-type(3),
    .page_micro .role ul li:nth-of-type(4){margin-top:10vw;}

    .page_micro .human_micro{margin-top:20vw; /* 120px */}
    .page_micro .human_micro .imgBox{margin-top:10vw;}

    .page_micro .wedo{margin-top:20vw; /* 120px */}
    .page_micro .wedo .imgBox{margin-top:10vw; padding:0;}
}

/* Bifidobacterium */
.page_bacterium .m{display: none;}
.page_bacterium .bacteriumBox{margin-top:160px;}
.page_bacterium .bacteriumBox+.bacteriumBox{margin-top:200px;}
.page_bacterium .imgBox01{margin-top:100px; padding:100px 20px; border:1px solid #ccd2da; text-align:center;}
.page_bacterium .imgBox01 img{max-width:100%; vertical-align: top;}
.page_bacterium .imgBox02{margin-top:100px; border:1px solid #ccd2da;}
.page_bacterium .imgBox02 img{max-width:100%; vertical-align: top;}
.page_bacterium .imgBox03{margin-top:100px; border:1px solid #ccd2da;}
.page_bacterium .imgBox03 img{max-width:100%; vertical-align: top;}
.page_bacterium .importance{margin-top:160px;}
.page_bacterium .importance .cocoen-drag::before{top:0; width:50px; height:100%; margin-top:0; margin-left:-25px; border:none; background:transparent;}
.page_bacterium .importance .cocoen-drag:hover{cursor:none;}
.page_bacterium .importance .cursor{border:1px solid #000e31;}

@media screen and (max-width:1024px){
    .page_bacterium .bacteriumBox{margin-top:15.625vw;}
    .page_bacterium .bacteriumBox+.bacteriumBox{margin-top:19.53125vw;}
    .page_bacterium .imgBox01{margin-top:9.765625vw; /* 100px */ padding:9.765625vw 1.953125vw;}
    .page_bacterium .imgBox02{margin-top:9.765625vw; /* 100px */}
    .page_bacterium .imgBox03{margin-top:9.765625vw; /* 100px */}
    .page_bacterium .importance{margin-top:15.625vw;}
    .page_bacterium .importance .cocoen-drag::before{width:4.8828125vw; margin-left:-2.4414vw;}
}

@media screen and (max-width:767px){
    .page_bacterium .m{display: block;}
    .page_bacterium .pc{display: none;}
    .page_bacterium .bacteriumBox{margin-top:20vw; /* 120px */}
    .page_bacterium .bacteriumBox+.bacteriumBox{margin-top:20vw; /* 120px */}
    .page_bacterium .imgBox01{margin-top:10vw; /* 60px */ padding:14.8vw 0;}
    .page_bacterium .imgBox02{margin-top:10vw; /* 60px */}
    .page_bacterium .imgBox03{margin-top:10vw; /* 60px */}
    .page_bacterium .importance{margin-top:14.8vw;  /* 80px */}
    .page_bacterium .importance .cocoen-drag::before{width:9.2592vw; /* 50px */ margin-left:-4.6296vw;}
}

/* odm service */
.page_odm .accordionBox{margin-top:160px;}
.accordion{position:relative; margin-top:120px;}
.accordion .img{position:absolute; top:70px; left:0;}
.acc_list{float:right; width:555px;}
.acc_list .item{position:relative; padding:7px 7px 7px 83px; border:1px solid #e5e8ec; border-radius: 24px; overflow:hidden; cursor:pointer; background:#fff;}
.acc_list .item:hover{box-shadow: 0 0 5px rgba(0,0,0,.2);}
.acc_list .item+.item{margin-top:20px;}
.acc_list .item .tit:after{content:""; display:block; position:absolute; top:15px; right:30px; width:12px; height:12px; border:solid #ccd2da; border-width:0 0 2px 2px; transform:rotate(-45deg)}
.acc_list .item .tit .num{display:block; position:absolute; top:7px; left:7px; width:33px; height:33px; margin-right:30px; line-height:33px; background:#fbbf00; text-align:center; border-radius:50%; font-family:"Spoqa Han Sans"; font-weight:500;}
.acc_list .item .tit strong{display:block; line-height:33px;}
.acc_list .item ul{display:none; margin-top:20px;}
.acc_list .item ul li{margin-bottom:20px;}
.acc_list .item.on{border-color:#ffc000;}
.acc_list .item.on .tit:after{top:20px; transform:rotate(135deg);}

.page_odm .partner{margin-top:200px;}
.page_odm .partner .m{display:none;}
.page_odm .partner .imgBox{margin-top:80px;}
.page_odm .partner .imgBox img{max-width:100%;}
.page_odm .partner #partner_carousel{margin-top:80px;}
.page_odm .partner #partner_carousel .item{width:300px;}
.page_odm .partner #partner_carousel .item h4{font-size:32px; font-weight:400;}
.page_odm .partner #partner_carousel .item p{margin-top:30px; line-height:26px;}

.page_odm .comment{position:relative; margin-top:200px; padding-top:450px; overflow:hidden; opacity:0;}
.page_odm .comment .bg{position:absolute; top:0; left:0; width:100%; height:100%;}
.page_odm .comment .bg .img{display:none; position:absolute; top:0; left:0; width:100%; height:100%;}
.page_odm .comment .bg .img01{display:block; background:url(/assets/images/odm_img03.jpg) no-repeat top center;}
.page_odm .comment .bg .img02{background:url(/assets/images/odm_img03.jpg) no-repeat top center;}
.page_odm .comment .bg .img03{background:url(/assets/images/odm_img03.jpg) no-repeat top center;}
.page_odm .comment .textBox #comment_carousel{position:relative; width:740px;}
.page_odm .comment .textBox #comment_carousel .owl-nav{position:absolute; bottom:0; left:740px; width:180px;}
.page_odm .comment .textBox #comment_carousel .owl-nav .owl-prev span{display:block; width:80px; height:80px; border:1px solid #000e31; background:#fff url(/assets/images/carousel_prev.png) no-repeat center center; font-size:0; text-indent:-9999px;}
.page_odm .comment .textBox #comment_carousel .owl-nav .owl-next span{display:block; width:80px; height:80px; border:solid #000e31; border-width:1px 1px 1px 0; background:#fff url(/assets/images/carousel_next.png) no-repeat center center; font-size:0; text-indent:-9999px;}
.page_odm .comment .textBox p{padding:50px 50px 60px; line-height:26px; color:#fff; background:#000e31;}

.page_odm .principles{margin-top:200px;}
.page_odm .principles ul{margin:160px 0 0 70px;}
.page_odm .principles ul li{display:flex; display:-webkit-flex; float:left; width:300px; height:300px; align-items: center; -webkit-align-items: center; border:1px solid #000e31; text-align:center; border-radius:50%;}
.page_odm .principles ul li span{display:block; width:100%; line-height:26px; letter-spacing: 4px; font-weight:700;}
.page_odm .principles ul li+li{margin-left:-50px;}

@media screen and (max-width:1300px){    
    .accordion .img{width:40%;}
    .accordion .acc_list{width:50%;}
    
    .page_odm .partner #partner_carousel .item{width:100%;}

    .page_odm .comment .bg .img{background-size:cover; background-position:right top;}

    .page_odm .principles ul{margin-left:0;}
    .page_odm .principles ul li{width:23.07692vw; height:23.07692vw;}
    .page_odm .principles ul li+li{margin-left:-3.8461vw;}
}

@media screen and (max-width:1024px){
    .page_odm .accordionBox{margin-top:15.625vw;}
    .accordion{margin-top:11.71875vw;}
    .accordion .img{top:6.8359vw; width:35%;}
    .accordion .acc_list{width:60%;}
    .acc_list .item{padding:0.6835vw 0.6835vw 0.6835vw 83px; border-radius: 2.34375vw;}
    .acc_list .item+.item{margin-top:1.953125vw;}
    .acc_list .item .tit:after{top:1.4648vw; right:2.9296vw; width:1.171875vw; height:1.171875vw;}
    .acc_list .item .tit .num{top:0.6835vw; left:0.6835vw; width:3.22265vw; height:3.22265vw; margin-right:2.9296vw; line-height:3.22265vw;}
    .acc_list .item .tit strong{line-height:3.22265vw;}
    .acc_list .item ul{margin-top:1.953125vw;}
    .acc_list .item ul li{margin-bottom:1.953125vw; line-height:2.5390625vw;}
    .acc_list .item.on .tit:after{top:1.953125vw;}
    
    .page_odm .partner{margin-top:19.53125vw;}
    .page_odm .partner .imgBox{margin-top:7.8125vw;}
    .page_odm .partner #partner_carousel{margin-top:7.8125vw;}
    .page_odm .partner #partner_carousel .item{width:29.296875vw;}
    .page_odm .partner #partner_carousel .item h4{font-size:3.125vw;}
    .page_odm .partner #partner_carousel .item p{margin-top:2.9296vw; line-height:2.5390625vw;}
    
    .page_odm .comment{margin-top:19.53125vw; padding-top:43.9453vw;}
    .page_odm .comment .textBox #comment_carousel{width:72.265625vw;}
    .page_odm .comment .textBox #comment_carousel .owl-nav{left:740px; width:17.578125vw;}
    .page_odm .comment .textBox #comment_carousel .owl-nav .owl-prev span{width:7.8125vw; height:7.8125vw;}
    .page_odm .comment .textBox #comment_carousel .owl-nav .owl-next span{width:7.8125vw; height:7.8125vw;}
    .page_odm .comment .textBox p{padding:4.8828125vw 4.8828125vw 5.859375vw; line-height:2.5390625vw;}
    
    .page_odm .principles{margin-top:19.53125vw;}
    .page_odm .principles ul{width:58.59375vw; margin:15.625vw auto 0;}
    .page_odm .principles ul li{width:29.296875vw; height:29.296875vw;}
    .page_odm .principles ul li span{line-height:2.5390625vw; letter-spacing: 0.390625vw;}
    .page_odm .principles ul li+li{margin-left:-4.8828125vw;}
    .page_odm .principles ul li:nth-of-type(3){clear:left; margin-top:-4.8828125vw; margin-left:0;}
    .page_odm .principles ul li:nth-of-type(4){margin-top:-4.8828125vw;}
}

@media screen and (max-width:767px){
    .page_odm .accordionBox{margin-top:20vw; /* 120px */}
    .accordion{margin-top:20vw; /* 120px */}
    .accordion .img{display:block; position:relative; top:0; width:55.6vw; /* 300px */ margin:0 auto;}
    .accordion .acc_list{float:none; width:100%; margin-top:9.2592vw; /* 50px */}
    .acc_list .item{padding:1.29629vw 1.29629vw 1.29629vw 15.37037vw; /* 7px 7px 7px 83px */ border-radius: 4vw; /* 24px */}
    .acc_list .item:hover{box-shadow:none;}
    .acc_list .item+.item{margin-top:3.7037vw; /* 20px */}
    .acc_list .item .tit:after{top:2.7777vw; right:5.6vw; /* 30px */ width:2.2222vw; height:2.2222vw;}
    .acc_list .item .tit .num{top:1.29629vw; /* 7px */ left:1.29629vw; /* 7px */ width:6.1111vw; /* 33px */ height:6.1111vw; /* 33px */ margin-right:5.6vw; /* 30px */ line-height:6.1111vw; /* 33px */}
    .acc_list .item .tit strong{line-height:6.1111vw; /* 33px */}
    .acc_list .item ul{margin-top:3.7037vw; /* 20px */}
    .acc_list .item ul li{margin-bottom:3.7037vw; /* 20px */ line-height:4.8vw; /* 26px */ padding-left:0.9259vw; /* 5px */; text-indent:-0.9259vw; /* 5px */;}
    .acc_list .item.on .tit:after{top:3.7037vw; /* 20px */}
    
    .page_odm .partner{margin-top:24.074vw; /* 130px */}
    .page_odm .partner .m{display:block;}
    .page_odm .partner .pc{display:none;}
    .page_odm .partner .imgBox{margin-top:10vw; /* 60px */}
    .page_odm .partner #partner_carousel{margin-top:15vw; /* 90px */}
    .page_odm .partner #partner_carousel .item{width:55.6vw; /* 300px */}
    .page_odm .partner #partner_carousel .item h4{font-size:5.9259vw; /* 32px */}
    .page_odm .partner #partner_carousel .item p{margin-top:5.6vw; /* 30px */ line-height:4.8vw; /* 26px */}
    
    .page_odm .comment{margin-top:10vw; /* 100px */ padding-top:101.8518vw; /* 550px */}
    .page_odm .comment .bg{height:130vw; /* 730px */}
    .page_odm .comment .bg .img01{background-image:url(/assets/images/odm_img03_m.jpg);}
    .page_odm .comment .bg .img02{background-image:url(/assets/images/odm_img03_m.jpg);}
    .page_odm .comment .bg .img03{background-image:url(/assets/images/odm_img03_m.jpg);}
    .page_odm .comment .textBox #comment_carousel{width:100%;}
    .page_odm .comment .textBox .inner{margin-right:0;}
    .page_odm .comment .textBox #comment_carousel .owl-nav{bottom:auto; top:-14.8vw;  /* 80px */ left:auto; right:0; width:29.6296vw; /* 160px */}
    .page_odm .comment .textBox #comment_carousel .owl-nav .owl-prev span{width:14.8vw;  /* 80px */ height:14.8vw;  /* 80px */ background-size:5.9259vw 4.2592vw;}
    .page_odm .comment .textBox #comment_carousel .owl-nav .owl-next span{width:14.8vw;  /* 80px */ height:14.8vw;  /* 80px */ background-size:5.9259vw 4.2592vw;}
    .page_odm .comment .textBox p{height:48.1481vw; padding:7vw 5.6vw; line-height:4.8vw; /* 26px */}
    
    .page_odm .principles{margin-top:15vw; /* 90px */}
    .page_odm .principles ul{width:100%; margin:29.6296vw 0 0 0;}
    .page_odm .principles ul li{width:44vw; /* 240px */ height:44vw; /* 240px */}
    .page_odm .principles ul li span{line-height:4.8vw; /* 26px */ letter-spacing: 0.7407vw; /* 4px */}
    .page_odm .principles ul li+li{margin-left:-3.7037vw; /* 20px */}
    .page_odm .principles ul li:nth-of-type(3){margin-top:-3.7037vw; /* 20px */}
    .page_odm .principles ul li:nth-of-type(4){margin-top:-3.7037vw; /* 20px */}
}

/* Manufacturing */
.page_mf .experts{margin-top:160px;}
.page_mf .labs{position:relative;}
.page_mf .labs img{max-width:100%;}
.page_mf .labs .cover{position:absolute; bottom:0; right:0; width:100%; height:100%; background:#fff;}
.page_mf .labs .video{position:absolute; bottom:0; left:0; width:100%; height:100%; overflow: hidden;}
.page_mf .labs .video video{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);}
.page_mf .labs .video .video_cover{position:absolute; top:0; left:0; width:100%; height:100%; background:transparent;}
.page_mf .labs .mask{width:100%; height:0; padding-bottom:37.5%;}
.page_mf .labs .m{display:none;}

.page_mf .accordionBox{margin-top:200px;}
.page_mf .accordionBox .accordion .img{top:0;}

.page_mf .technology{margin-top:200px;}
.page_mf .technology .tech_list{margin-top:110px;}
.page_mf .technology .tech_list>div{position:relative; float:left; width:50%; height:400px; padding:50px 50px 0; background-repeat:no-repeat; background-position:center center; background-size:cover; color:#fff;}
.page_mf .technology .tech_list>div:nth-of-type(1){border-right:1px solid #fff; border-bottom:1px solid #fff; background-image:url(/assets/images/mf_img03.jpg);}
.page_mf .technology .tech_list>div:nth-of-type(2){border-left:1px solid #fff; border-bottom:1px solid #fff; background-image:url(/assets/images/mf_img04.jpg);}
.page_mf .technology .tech_list>div:nth-of-type(3){border-right:1px solid #fff; border-top:1px solid #fff; background-image:url(/assets/images/mf_img05.jpg);}
.page_mf .technology .tech_list>div:nth-of-type(4){border-left:1px solid #fff; border-top:1px solid #fff;background-image:url(/assets/images/mf_img06.jpg);}
.page_mf .technology .tech_list>div:before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#000e31; transition:opacity 0.2s ease;}
.page_mf .technology .tech_list>div h4{position: relative; font-size:32px; font-weight:400; line-height:40px;}
.page_mf .technology .tech_list>div p{position: relative; margin-top:130px; line-height:26px; word-break:break-all;}
.page_mf .technology .tech_list>div .txt_deco{margin-bottom:0;}
.page_mf .technology .tech_list>div:hover:before{opacity:0.8}

.page_mf .capacity{margin-top:200px;}
.page_mf .capacity .cap_list{margin-top:80px; padding:50px 0; background:#e5e8ec;}
.page_mf .capacity .cap_list .inner{display:flex; display:-webkit-flex;}
.page_mf .capacity .cap_list .item{position:relative; width:25%; height:500px; text-align:center; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:width 0.2s ease; overflow:hidden;}
.page_mf .capacity .cap_list .item:before{display:none; content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; transition:opacity 0.2s ease; background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:1;}
.page_mf .capacity .cap_list .item:after{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 32, 70, 0.81); transition:all 0.2s ease; z-index:1;}
.page_mf .capacity .cap_list .item video{position:absolute; top:0; left:0; width:auto; height:100%;}
.page_mf .capacity .cap_list .item:nth-of-type(1):before{background-image:url(/assets/images/mf_img07.jpg);}
.page_mf .capacity .cap_list .item:nth-of-type(2):before{background-image:url(/assets/images/mf_img08.jpg);}
.page_mf .capacity .cap_list .item:nth-of-type(3):before{background-image:url(/assets/images/mf_img09.jpg);}
.page_mf .capacity .cap_list .item:nth-of-type(4):before{background-image:url(/assets/images/mf_img10.jpg);}
.page_mf .capacity .cap_list .item p{position:absolute; bottom:75px; left:0; width:100%; font-weight:700; color:#fff; letter-spacing: 4px; text-transform: uppercase; z-index:2;}
.page_mf .capacity .cap_list .item:hover{width:35%;}
.page_mf .capacity .cap_list .item:hover:before{display:none;}
.page_mf .capacity .cap_list .item:hover:after{background:rgba(255,255,255,0.5);}
.page_mf .capacity .cap_list .item:hover p{color:#000e31;}

@media screen and (max-width:1024px){
    .page_mf .experts{margin-top:15.625vw; /* 160px */}
    .page_mf .labs{margin-top:15.625vw; /* 160px */}

    .page_mf .accordionBox{margin-top:19.53125vw; /* 200px */}

    .page_mf .technology{margin-top:19.53125vw; /* 200px */}
    .page_mf .technology .tech_list{margin-top:10.7421vw; /* 110px */}
    .page_mf .technology .tech_list>div{height:39.0625vw; /* 400px */ padding:4.8828125vw 2.9296vw 0; /* 50px 30px 0 */}
    .page_mf .technology .tech_list>div:before{opacity:0.8}
    .page_mf .technology .tech_list>div h4{font-size:3.125vw; /* 32px */ line-height:3.90625vw; /* 40px */}
    .page_mf .technology .tech_list>div p{margin-top:9.765625vw; /* 100px */ line-height:2.5390625vw; /* 26px */}

    .page_mf .capacity{margin-top:19.53125vw; /* 200px */}
    .page_mf .capacity .cap_list{margin-top:7.8125vw; /* 80px*/ padding:4.8828125vw 0; /* 50px 0 */}
    .page_mf .capacity .cap_list .item{width:25%; height:40vw; /* 500px */}
    .page_mf .capacity .cap_list .item p{bottom:7.3242vw; /* 75px */ letter-spacing: 0.390625vw; /* 4px */}
    .page_mf .capacity .cap_list .item:before{display:none;}
    .page_mf .capacity .cap_list .item:hover{width:25%;}
    .page_mf .capacity .cap_list .item:hover:after{background:rgba(0, 32, 70, 0.81);}
    .page_mf .capacity .cap_list .item:hover p{color:#fff;}
}

@media screen and (max-width:767px){
    .page_mf .experts{margin-top:20vw; /* 120px */}
    .page_mf .labs{margin-top:0; /* 60px */}
    .page_mf .labs .m{display:block;}
    .page_mf .labs .pc{display:none;}
    .page_mf .labs .mask{padding-bottom:58%;}

    .page_mf .accordionBox{margin-top:20vw; /* 120px */}

    .page_mf .technology{margin-top:20vw; /* 120px */}
    .page_mf .technology .inner{margin:0;}
    .page_mf .technology .tit_section{margin:0 7.5vw;}
    .page_mf .technology .tech_list{margin-top:15vw; /* 90px */}
    .page_mf .technology .tech_list>div{width:100%; height:74.074vw; /* 400px */ padding:9.2592vw 9.2592vw 0;}
    .page_mf .technology .tech_list>div+div{margin-top:0.9259vw; /* 5px */}
    .page_mf .technology .tech_list>div:nth-of-type(1){border-right:0; border-bottom:0;}
    .page_mf .technology .tech_list>div:nth-of-type(2){border-left:0; border-bottom:0;}
    .page_mf .technology .tech_list>div:nth-of-type(3){border-right:0; border-top:0;}
    .page_mf .technology .tech_list>div:nth-of-type(4){border-left:0; border-top:0}
    .page_mf .technology .tech_list>div h4{font-size:5.9259vw; /* 32px */ line-height:7.5vw; /* 40px */}
    .page_mf .technology .tech_list>div p{position:absolute; bottom:9.2592vw; /* 50px */ left:9.2592vw; /* 50px */ padding-right:9.2592vw; /* 50px */ margin-top:0; line-height:4.8vw; /* 26px */}

    .page_mf .capacity{margin-top:20vw; /* 120px */}
    .page_mf .capacity .cap_list{margin-top:10vw; /* 60px */ padding:9.2592vw 0;}
    .page_mf .capacity .cap_list .inner{display:block;}
    .page_mf .capacity .cap_list .item{float:left; width:50%; height:40.7407vw; /* 220px */}
    .page_mf .capacity .cap_list .item p{bottom:50%; letter-spacing:0.7407vw; /* 4px */}
    .page_mf .capacity .cap_list .item:nth-of-type(1){border-right:1px solid #fff; border-bottom:1px solid #fff;}
    .page_mf .capacity .cap_list .item:nth-of-type(2){border-left:1px solid #fff; border-bottom:1px solid #fff;}
    .page_mf .capacity .cap_list .item:nth-of-type(3){border-right:1px solid #fff; border-top:1px solid #fff;}
    .page_mf .capacity .cap_list .item:nth-of-type(4){border-left:1px solid #fff; border-top:1px solid #fff;}
    .page_mf .capacity .cap_list .item:hover{width:50%;}
    .page_mf .capacity .cap_list .item video{width:100%; height:auto;}
}

/* investors */
.page_investor .dataSet{margin-top:160px;}
.page_investor .dataSet .tit_section{float:left;}
.page_investor .dataSet .dataArea{float:right; width:890px;}
.page_investor .dataSet .tbl_stock{border-top:2px solid #000e31; border-bottom:1px solid #000e31;}
.page_investor .dataSet .tbl_stock th{padding:20px; border-top:1px solid #e5e8ec; text-align:left; font-weight:400;}
.page_investor .dataSet .tbl_stock td{padding:20px; border-top:1px solid #e5e8ec;}
.page_investor .dataSet .tbl_stock .price strong{vertical-align: middle; line-height:1;}
.page_investor .dataSet .tbl_stock .price .ico{display:inline-block; width:0; height:0; margin:0 10px; border-left:7px solid transparent; border-right:7px solid transparent;}
.page_investor .dataSet .tbl_stock .price.up .ico{border-top:11px solid none; border-bottom:11px solid #ff3f60;}
.page_investor .dataSet .tbl_stock .price.down .ico{border-top:11px solid #3f60ff; border-bottom:11px solid none;}
.page_investor .dataSet .tbl_stock .price b{font-weight:400;}
.page_investor .dataSet .tbl_stock .tit th{padding-top:28px; padding-bottom:28px; border-bottom:2px solid #000e31;}
.page_investor .dataSet .tbl_stock .tit th span{display:inline-block; margin-left:10px; color:#aeb8c3;}
.page_investor .dataSet .tbl_stock .tit td{padding-top:28px; padding-bottom:28px; border-bottom:2px solid #000e31; text-align:right;}
.page_investor .dataSet .tbl_stock .tit .price strong{font-size:30px;}
.page_investor .dataSet .tbl_stock .tit .price.up strong{color:#ff3f60;}
.page_investor .dataSet .tbl_stock .tit .price.down strong{color:#3f60ff;}
.page_investor .dataSet .tbl_stock .tit .price .ico{margin:0 10px 0 30px;}

@media screen and (max-width:1300px){
    .page_investor .dataSet .tit_section{float:none;}
    .page_investor .dataSet .dataArea{float:none; width:100%; margin-top:60px;}
}

@media screen and (max-width:1024px){
    .page_investor .dataSet{margin-top:15.625vw; /* 160px */}
    .page_investor .dataSet .dataArea{margin-top:5.859375vw; /* 60px */}
    .page_investor .dataSet .tbl_stock .tit .price strong{font-size:2.9296vw; /* 30px */}
}

@media screen and (max-width:767px){
    .page_investor .dataSet{margin-top:20vw; /* 120px */}
    .page_investor .dataSet .dataArea{margin-top:10vw; /* 60px */}
    .page_investor .dataSet .tbl_stock,.page_investor .dataSet .tbl_stock thead,.page_investor .dataSet .tbl_stock tbody,.page_investor .dataSet .tbl_stock tr,.page_investor .dataSet .tbl_stock th,.page_investor .dataSet .tbl_stock td{display:block;}
    .page_investor .dataSet .tbl_stock tr{overflow:hidden;}
    .page_investor .dataSet .tbl_stock th{float:left; width:36%; padding:3.7037vw; /* 20px */ }
    .page_investor .dataSet .tbl_stock td{float:left; width:64%; padding:3.7037vw; /* 20px */  text-align:right;}
    .page_investor .dataSet .tbl_stock .price .ico{margin:0 1.85185vw 0 3.7037vw; /* 0 10px 0 20px */ border-left:1.29629vw solid transparent; /* 7px */ border-right:1.29629vw solid transparent; /* 7px */}
    .page_investor .dataSet .tbl_stock .price.up .ico{border-top:2.037vw solid none; /* 11px */ border-bottom:2.037vw solid #ff3f60; /* 11px */}
    .page_investor .dataSet .tbl_stock .price.down .ico{border-top:2.037vw solid #3f60ff; /* 11px */ border-bottom:2.037vw solid none; /* 11px */}
    .page_investor .dataSet .tbl_stock .tit{display:flex; display:-webkit-flex; align-items: center; border-bottom:2px solid #000e31}
    .page_investor .dataSet .tbl_stock .tit th{padding-top:5.1851vw; /* 28px */ padding-bottom:5.1851vw; /* 28px */ border:0;}
    .page_investor .dataSet .tbl_stock .tit th span{margin-left:1.8518vw; /* 10px */ }
    .page_investor .dataSet .tbl_stock .tit td{padding-top:5.1851vw; /* 28px */ padding-bottom:5.1851vw; /* 28px */ border:0;}
    .page_investor .dataSet .tbl_stock .tit .price strong{font-size:5.6vw; /* 30px */}
    .page_investor .dataSet .tbl_stock .tit .price .ico{margin:0 1.8518vw 0 5.6vw;}
}

.page_investor .tbl_data{border-bottom:1px solid #e5e8ec;}
.page_investor .tbl_data thead th{padding:20px 0; border-top:2px solid #000e31; border-bottom:2px solid #000e31; text-align:right; font-weight:700;}
.page_investor .tbl_data thead th:first-child{padding-left:20px; text-align:left;}
.page_investor .tbl_data tbody td{padding:20px 0; border-top:1px solid #e5e8ec; text-align:right;}
.page_investor .tbl_data tbody td:first-child{padding-left:20px; text-align:left;}
.page_investor .tbl_data tbody td.date{color:#aeb8c3; text-align:center;}
.page_investor .tbl_data tfoot td{padding:20px 0; border-top:1px solid #000e31; border-bottom:1px solid #000e31; text-align:right; font-weight:700;}
.page_investor .tbl_data tfoot td:first-child{padding-left:20px; text-align:left;}
.page_investor .tbl_data .center{text-align:center !important;}

@media screen and (max-width:767px){
    .page_investor .tbl_data thead th{padding:3.7037vw 0;}
    .page_investor .tbl_data thead th:first-child{padding-left:3.7037vw; /* 20px */}
    .page_investor .tbl_data tbody td{padding:3.7037vw 0;}
    .page_investor .tbl_data tbody td:first-child{padding-left:3.7037vw; /* 20px */}
    .page_investor .tbl_data tfoot td{padding:3.7037vw 0;}
    .page_investor .tbl_data tfoot td:first-child{padding-left:3.7037vw; /* 20px */}
}

.board_list{margin-top:160px;}
.board_list .post{display:block; float:left; width:calc((100% - (30px * 3)) / 4); margin-top:90px; margin-left:30px; color:#000e31; font-size:14px;}
.board_list .post:nth-of-type(4n+1){margin-left:0;}
.board_list .post:nth-of-type(-n+4){margin-top:0;}
.board_list .post .cate{display:block; padding-bottom:10px; border-bottom:1px solid #000e31; font-weight:700; line-height: 1;}
.board_list .post .tit{height:72px; margin-top:15px; font-size:24px; line-height:36px; font-weight:500; overflow:hidden;}
.board_list .post .date{display:block; margin-top:45px; color:#95a2b1;}

.paging{margin-top:120px; padding:60px 0; border-top:1px solid #ccd2da; text-align:center;}
.paging a{display:inline-block; width:40px; height:40px; text-align:center; line-height:40px; font-size:13px; color:#aeb8c3; border:1px solid #ccd2da; border-radius:50%; vertical-align: top;}
.paging a+a{margin-left:10px;}
.paging a.on{background:#000e31; color:#fff;}
.paging .prev{font-size:0; text-indent:-9999px; background:url(/assets/images/ico_paging_prev.png) no-repeat center center; background-size:7px 13px;}
.paging .next{font-size:0; text-indent:-9999px; background:url(/assets/images/ico_paging_next.png) no-repeat center center; background-size:7px 13px;}

@media screen and (max-width:1024px){
    .board_list{margin-top:15.625vw; /* 160px */}
    .board_list .post{width:calc((100% - (2.9296vw * 3)) / 4); margin-top:8.7890625vw; /* 90px */ margin-left:2.9296vw; /* 30px */ font-size:1.3671875vw; /* 14px */}
    .board_list .post .cate{padding-bottom:0.9765625vw; /* 10px */}
    .board_list .post .tit{height:7.03125vw; /* 72px */ margin-top:1.4648vw; /* 15px */ font-size:2.34375vw; /* 24px */ line-height:3.5156vw; /* 36px */}
    .board_list .post .date{margin-top:4.3945vw; /* 45px */}
    
    .paging{margin-top:11.71875vw; /* 120px */ padding:5.859375vw 0;}
    .paging a{width:3.90625vw; /* 40px */ height:3.90625vw; /* 40px */ line-height:3.90625vw; /* 40px */ font-size:1.2695vw; /* 13px */}
    .paging a+a{margin-left:0.9765625vw; /* 10px */}
    .paging .prev{background-size:0.6835vw 1.2695vw;}
    .paging .next{background-size:0.6835vw 1.2695vw;}
}

@media screen and (max-width:767px){
    .board_list{margin-top:20vw; /* 120px */}
    .board_list .post{float:none; width:100%; margin-top:0; margin-left:0; font-size:2.5925vw; /* 14px */}
    .board_list .post:nth-of-type(-n+4){margin-top:10vw; /* 60px */}
    .board_list .post+.post{margin-top:10vw; /* 60px */}
    .board_list .post .cate{padding-bottom:1.8518vw; /* 10px */ }
    .board_list .post .tit{height:auto; max-height:13vw; /* 70px */ margin-top:2.7777vw; /* 15px */ font-size:4vw; /* 24px */ line-height:6.6666vw; /* 36px */}
    .board_list .post .date{margin-top:2.7777vw; /* 15px */}

    .paging{margin-top:10vw; /* 60px */ padding:10vw 0;}
    .paging a{width:7.5vw; /* 40px */ height:7.5vw; /* 40px */ line-height:7.5vw; /* 40px */ font-size:2.4074vw;}
    .paging a+a{margin-left:1.8518vw; /* 10px */ }
    .paging .prev{background-size:1.2962vw 2.4074vw; /* 7px 13px */}
    .paging .next{background-size:1.2962vw 2.4074vw;}
}

.board_view{margin-top:200px;}
.board_view .view_head h3{float:left; width:280px; font-size:34px;}
.board_view .view_head .date{float:right; font-size:14px;}
.board_view .view_cont{width:586px; margin:0 auto;}
.board_view .view_cont .tit{font-size:32px; line-height:40px; font-weight:400;}
.board_view .view_cont .cont{margin-top:80px; line-height:26px; font-weight:500;}
.board_view .view_cont img{max-width:100%;}
.board_view #bo_v_file h2{margin-bottom:20px; font-size:16px; font-weight:400;}
.board_view #bo_v_file a{color:#000e31;}

.btnArea{margin-top:160px; padding:40px 0; border-top:1px solid #e5e8ec; text-align:center;}
.btnArea a{display:inline-block; width:160px; height:40px; line-height:40px; border:2px solid #ccd2da; border-radius: 30px; font-size:14px; letter-spacing: 3px; color:#aeb8c3; font-weight:500;}
.btnArea button{display:inline-block; width:160px; height:40px; line-height:40px; border:2px solid #000; border-radius: 30px; font-size:14px; letter-spacing: 3px; color:#aeb8c3; font-weight:500; text-align:center;}
.btnArea .prev{float:left;}
.btnArea .next{float:right;}
.btnArea .list{border-color:#000e31; color:#000e31;}
.btnArea .prev:hover,
.btnArea .next:hover{border-color:#000e31; color:#000e31;}

@media screen and (max-width:1300px){
    .board_view .view_head{margin-bottom:30px; overflow:hidden;}
}

@media screen and (max-width:1024px){
    .board_view{margin-top:19.53125vw; /* 200px */}
    .board_view .view_head{margin-bottom:2.9296vw; /* 30px */}
    .board_view .view_head h3{width:auto; font-size:3.3203vw; /* 34px */}
    .board_view .view_head .date{font-size:1.3671875vw; /* 14px */}
    .board_view .view_cont{width:auto;}
    .board_view .view_cont .tit{font-size:3.125vw; /* 32px */ line-height:3.90625vw; /* 40px */}
    .board_view .view_cont .cont{margin-top:7.8125vw; /* 80px*/line-height:2.5390625vw; /* 26px */}

    .btnArea{margin-top:15.625vw; /* 160px */ padding:3.90625vw 0;}
    .btnArea a{width:15.625vw; /* 160px */ height:3.90625vw; /* 40px */ line-height:3.90625vw; /* 40px */ border-radius:2.9296vw; /* 30px */ font-size:1.3671875vw; /* 14px */ letter-spacing: 0.29296875vw; /* 3px */}
    .btnArea button{width:15.625vw; /* 160px */ height:3.90625vw; /* 40px */ line-height:3.90625vw; /* 40px */ border-radius:2.9296vw; /* 30px */ font-size:1.3671875vw; /* 14px */ letter-spacing: 0.29296875vw; /* 3px */}
}

@media screen and (max-width:767px){
    .board_view{margin-top:37.03703vw; /* 200px */}
    .board_view .view_head{margin-bottom:5.6vw; /* 30px */}
    .board_view .view_head h3{font-size:7.7777vw; /* 42px */}
    .board_view .view_head .date{font-size:2.5925vw; /* 14px */}
    .board_view .view_cont .tit{font-size:5.9259vw; /* 32px */ line-height:7.5vw; /* 40px */}
    .board_view .view_cont .cont{margin-top:10vw; /* 60px */ line-height:4.8vw; /* 26px */}
    
    .btnArea{margin-top:10vw; /* 60px */ padding:5.6vw 0; overflow: hidden;}
    .btnArea a{width:29.6296vw; /* 160px */ height:10vw; /* 60px */ line-height:10vw; /* 60px */ border-radius: 5.6vw; /* 30px */ font-size:2.5925vw; /* 14px */ letter-spacing: 0.5555vw; /* 3px */ }
    .btnArea button{width:29.6296vw; /* 160px */ height:10vw; /* 60px */ line-height:10vw; /* 60px */ border-radius: 5.6vw; /* 30px */ font-size:2.5925vw; /* 14px */ letter-spacing: 0.5555vw; /* 3px */ }
    .btnArea .list{float:left; width:100%; margin-top:5.6vw; /* 30px */}
}

/* exhibition */
.exhibition{margin-top:160px;}
.exhibition .post{position:relative; padding-left:310px;}
.exhibition .post+.post{margin-top:115px;}
.exhibition .post .ex_head{position:relative; padding:15px 0; border-bottom:1px solid #000e31;}
.exhibition .post .ex_head h4{font-size:18px; line-height:1;}
.exhibition .post .ex_head .contry{position: absolute; bottom:10px; right:0; font-weight:500;}
.exhibition .post .ex_head .contry span{display:inline-block; position: relative; width:30px; margin-left:10px; vertical-align: middle; border-radius:50%; overflow:hidden;}
.exhibition .post .ex_head .contry span:before{content:""; display:block; width:100%; height:0; padding-bottom:100%;}
.exhibition .post .ex_head .contry span img{position:absolute; top:0; left:0; width:100%; height:100%;}
.exhibition .post .thumb{position:absolute; top:0; left:0; width:260px; outline:1px solid #e5e8ec;}
.exhibition .post .thumb:before{content:""; display:block; width:100%; height:0; padding-bottom:61.5384%;}
.exhibition .post .thumb img{position:absolute; top:0; left:0; width:100%; height:100%;}
.exhibition .post .details{margin-top:30px;}
.exhibition .post .details li{float:left; width:50%; margin-top:20px; font-weight:500;}
.exhibition .post .details li span{display:inline-block; width:105px; color:#95a2b1;}
.exhibition .post .details li strong{font-weight:500;}
.exhibition .post .details li:nth-of-type(-n+2){margin-top:0;}
.exhibition .post.is-ended .thumb:after{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6);}

@media screen and (max-width:1024px){
    .exhibition{margin-top:15.625vw; /* 160px */}
    .exhibition .post{padding-left:30%;}
    .exhibition .post+.post{margin-top:11.2304vw; /* 115px */}
    .exhibition .post .ex_head{padding:1.4648vw 0;}
    .exhibition .post .ex_head h4{font-size:1.7578125vw; /* 18px */}
    .exhibition .post .ex_head .contry{bottom:0.9765625vw; /* 10px */ right:0;}
    .exhibition .post .ex_head .contry span{width:2.9296vw; /* 30px */ margin-left:0.9765625vw; /* 10px */}
    .exhibition .post .thumb{width:25%;}
    .exhibition .post .details{margin-top:2.9296vw; /* 30px */}
    .exhibition .post .details li{width:50%; margin-top:1.953125vw; /* 20px */}
    .exhibition .post .details li span{width:10.2539vw; /* 105px */}
}

@media screen and (max-width:767px){
    .exhibition{margin-top:10vw; /* 100px */}
    .exhibition .post{padding-left:0;}
    .exhibition .post+.post{margin-top:9.2592vw; /* 50px */}
    .exhibition .post .ex_head{padding:2.7777vw 0;}
    .exhibition .post .ex_head h4{font-size:3.3333vw; /* 18px */}
    .exhibition .post .ex_head .contry span{width:5.6vw; /* 30px */ margin-left:1.8518vw; /* 10px */ }
    .exhibition .post .thumb{position:relative; width:100%; margin-top:5.6vw; /* 30px */}
    .exhibition .post .details{margin-top:5.6vw; /* 30px */}
    .exhibition .post .details li{margin-top:3.7037vw; /* 20px */}
    .exhibition .post .details li span{display:block; width:auto; margin-bottom:1.8518vw; /* 10px */ }
}

.board_fadeIn{opacity:0;}
.board_view_fadeIn{opacity:0;}

.writePage{position:relative; width:1170px; margin:200px auto 0;}
.writePage h2{position:absolute; top:0; left:0; font-size:34px; line-height:150%;}
.writePage .tbl_write{width:870px; margin:0 auto;}
.writePage .tbl_write td{padding:15px 0;}
.writePage .tbl_write tr:first-child td{padding-top:0;}
.writePage .form_input{width:270px; height:52px; padding:0 25px; border:2px solid #ccd2da; font-size:20px; color:#002046;}
.writePage .form_area{padding:20px 25px; border:2px solid #ccd2da; font-size:20px; color:#002046;}
.writePage .w_100_p{width:100% !important;}
.writePage .tbl_write .calendar{display:inline-block; position:relative; width:270px; border:2px solid #ccd2da;}
.writePage .tbl_write .calendar .form_input{border:0;}
.writePage .tbl_write .calendar+.calendar{margin-left:20px;}
.writePage .tbl_write .ui-datepicker-trigger{position:absolute; top:12px; right:10px;}
.writePage .tbl_write .ui-datepicker-trigger img{width:27px;}
.writePage .addFile{position:relative; text-align:left;}
.writePage .addFile label{display:inline-block; font-size:14px; color:#aeb8c3; letter-spacing:3px; text-decoration: underline; cursor:pointer;}
.writePage .addFile input[type="file"]{width:200px; margin-left:10px; vertical-align:middle;}
.writePage .addFile .fileName{margin-top:10px;}
.writePage .addFile .ellips{display:inline-block; max-width:250px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; word-break: break-all; line-height:150%; vertical-align: middle;}
.writePage .tbl_write .addFile{display:inline-block; margin-left:20px; vertical-align: top;}
.writePage .tbl_write .addFile label{width:270px; background:#95a2b1; font-size:20px; line-height:52px; color:#fff; text-align:center; letter-spacing: 0; text-decoration: none;}
.writePage .tbl_write .addFile input[type="file"]{width:200px;}
.writePage .btnArea{display:flex; justify-content: space-between; margin-top:35px; padding-left:150px; padding-right:150px;}
.writePage .btnArea a, .writePage .btnArea button{vertical-align:top;}

@media screen and (max-width:1200px){
    .writePage{width:auto; margin-left:50px; margin-right:50px;}
    .writePage h2{position:relative; margin-bottom:30px;}
    .writePage .tbl_write{width:100%;}
    .writePage .btnArea{padding-left:0; padding-right:0;}
}
@media screen and (max-width:1024px){
    .writePage{margin-top:19.53125vw;}
    .writePage h2{margin-bottom:2.9296875vw;font-size:3.3203125vw;}
    .writePage .form_input{height:5.078125vw; padding:0 2.44140625vw; font-size:1.953125vw;}
    .writePage .form_area{padding:1.953125vw 2.44140625vw; font-size:1.953125vw;}
    .writePage .addFile{width:50%;}
    .writePage .addFile .ellips{width:50%;}
    .writePage .tbl_write td{padding:1.46484375vw 0;}
    .writePage .tbl_write .column{display:flex;}
    .writePage .tbl_write .calendar{width:50%;}
    .writePage .tbl_write .calendar+.calendar{margin-left:1.953125vw;}
    .writePage .tbl_write .ui-datepicker-trigger{top:12px; right:10px;}
    .writePage .tbl_write .ui-datepicker-trigger img{width:2.63671875vw;}
    .writePage .tbl_write .country{width:100%; margin-bottom:1.46484375vw;}
    .writePage .tbl_write .addFile{width:100%; margin-left:0;}
    .writePage .tbl_write .addFile label{width:50%; font-size:1.953125vw; line-height:5.078125vw;}
    .writePage .tbl_write .addFile .fileName{display:inline-block; width:45%; margin-left:1.953125vw;}
    .writePage .tbl_write .addFile .ellips{width:50%;}
    .writePage .btnArea{margin-top:3.41796875vw;}
}
@media screen and (max-width:767px){
    .writePage{margin-top:37.03703vw; margin-left:5.6vw; margin-right:5.6vw;}
    .writePage h2{margin-bottom:5.6vw; font-size:6.29629vw;}
    .writePage .form_input{height:9.629629vw; padding:0 4.62962vw; font-size:3.703703vw;}
    .writePage .form_area{padding:3.703703vw 4.62962vw; font-size:3.703703vw;}
    .writePage .addFile{width:100%;}
    .writePage .addFile .ellips{width:50%;}
    .writePage .tbl_write td{padding:2.777777vw 0;}
    .writePage .tbl_write .calendar+.calendar{margin-left:3.703703vw;}
    .writePage .tbl_write .ui-datepicker-trigger{top:2.22222vw; right:1.85185vw;}
    .writePage .tbl_write .ui-datepicker-trigger img{width:5vw;}
    .writePage .tbl_write .country{margin-bottom:2.777777vw;}
    .writePage .addFile label{display:block; margin-bottom:3.703703vw; font-size:2.5925925vw; letter-spacing:0.55555vw;}
    .writePage .tbl_write .addFile{display:flex; flex-wrap:wrap; align-items: center;}
    .writePage .tbl_write .addFile label{display:block; width:calc(50% - 20px); margin-bottom:0; font-size:3.703703vw; line-height:9.629629vw;}
	.writePage .tbl_write .addFile input[type="file"]{width:50%;}
    .writePage .tbl_write .addFile .fileName{width:100%;}
    .writePage .btnArea{display:block; margin-top:6.48148vw;}
    .writePage .btnArea .btns{display:flex; justify-content: space-between; margin-top:9.25925vw;}
    .writePage .btnArea .btns a,.writePage .btnArea .btns button{width:48%; margin:0;}
}

.importance .cocoen-drag{left:66.6666%;}
.importance .cocoen>div:first-child{width:66.6666%;}

/* 그누보드 게시판 */
.selec_chk{margin-bottom:10px;}
.empty_table{text-align:center;}
.admin_btnArea{margin-top:100px; padding:40px 0; border-top:1px solid #e5e8ec; text-align:center;}
.admin_btnArea .write,
.admin_btnArea .del{display:inline-block; float:left; width:160px; height:40px; line-height:40px; border:2px solid #000e31; border-radius: 30px; font-size:14px; letter-spacing: 3px; color:#000e31; font-weight:500; text-align:center;}
.admin_btnArea .write{float:right;}

.admin_btnArea_view{margin-bottom:50px;}
.admin_btnArea_view a{display:inline-block; width:160px; font-size:14px; letter-spacing: 3px; color:#000e31; line-height:40px; border:1px solid #000e31; text-align:center; border-radius: 30px;}

@media screen and (max-width:767px){
	.admin_btnArea{display:flex;}
	.admin_btnArea .write,
	.admin_btnArea .del{width:50%; height:10vw; /* 60px */ margin:0 5px; line-height:10vw; /* 60px */ border-radius: 5.6vw; /* 30px */ font-size:2.5925vw; /* 14px */ letter-spacing: 0.5555vw; /* 3px */ border-width:1px;}

	.admin_btnArea_view{overflow:hidden;}
	.admin_btnArea_view a{float:left; width:calc((100% - 10px) / 2); font-size:2.5925vw; /* 14px */ letter-spacing: 0.5555vw; /* 3px */ line-height:10vw; /* 60px */ border-radius: 5.6vw; /* 30px */}
	.admin_btnArea_view a+a{margin-left:10px;}
}

/* 로그인 */
#mb_login {display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:0; width:100%; height:100%; background:#eee;}
#mb_login h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#login_fs {padding:35px}
#mb_login #login_fs .frm_input {margin:0 0 10px}
#mb_login #login_fs .btn_submit {margin:0 0 15px}

#login_info {}
#login_info:after {display:block;visibility:hidden;clear:both;content:""}
#login_info .login_if_auto {float:left}
#login_info .login_if_auto label {vertical-align:baseline;padding-left:5px}
#login_info .login_if_lpl {float:right}
#login_password_lost {display:inline-block;border:1px solid #d5d9dd;color:#3a8afd;border-radius:2px;padding:2px 5px;line-height:20px}

#mb_login_notmb {margin:30px auto;padding:20px 30px}
#mb_login_notmb h2 {font-size:1.25em;margin:20px 0 10px}
#guest_privacy {border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto}
#mb_login_notmb .btn_submit {display:block;text-align:center;line-height:45px}

#mb_login_od_wr {margin:30px auto;padding:20px 30px}
#mb_login_od_wr h2 {font-size:1.25em;margin:20px 0 10px}
#mb_login_od_wr .frm_input {margin:10px 0 0}
#mb_login_od_wr p {background:#f3f3f3;margin:20px 0 0;padding:15px 20px;line-height:1.5em}

#mb_login #sns_login {margin-top:0;border-color:#edeaea;padding:25px}
#mb_login #sns_login:after {display:block;visibility:hidden;clear:both;content:""}
#mb_login #sns_login h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login #sns_login .sns-wrap {margin:0 !important}
#mb_login #sns_login .sns-icon {width:49% !important;float:left !important}
#mb_login #sns_login .sns-icon:nth-child(odd) {margin-right:2%}
#mb_login #sns_login .txt {font-size:0.95em;padding-left:5px !important;border-left:0 !important}


.mb_log_cate h2 {width:100%;float:left;padding:20px 0;text-align:center;background:#000e31;color:#6e6e6e; color:#fff; font-size:20px;}
.mb_log_cate .join {width:50%;float:left;padding:20px 0;text-align:center;background:#f7f7f7;color:#6e6e6e}
.mb_log_cate:after {display:block;visibility:hidden;clear:both;content:""}
.btn_submit {border:0;background:#000e31;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#2375eb}

/* 기본박스 */
.mbskin {position:relative;text-align:center}
.mbskin:after {right:10px;left:auto;
  -webkit-transform:skew(8deg) rotate(3deg);
    -moz-transform:skew(8deg) rotate(3deg);
    -ms-transform:skew(8deg) rotate(3deg);
     -o-transform:skew(8deg) rotate(3deg);
      transform:skew(8deg) rotate(3deg)}
.mbskin .mbskin_box{width:360px; border:1px solid #dde7e9;background:#fff; box-shadow:1px 1px 10px rgba(0,0,0,.2);}
.mbskin .frm_input {width:100%}
.mbskin .btn_submit {width:100%;margin:10px 0 0;height:45px;font-size:1em; text-align:center;}
.mbskin h1 {margin:60px 0 30px;font-size:2em}

td .sound_only, td .btn_cke_sc {display:none;}


.ch.page_about .textBox .about-desc-main,
.ch.page_about .textBox2 div.qywh-desc{font-size:18px;}


@media screen and (max-width:1024px){
    .ch.page_about .textBox .about-desc-main,
    .ch.page_about .textBox2 div.qywh-desc{font-size:0.9765625vw;}
}

@media screen and (max-width:767px){
    .ch.page_about .textBox .about-desc-main,
    .ch.page_about .textBox2 div.qywh-desc{font-size:3.33333vw;}
}

@media screen and (max-width:767px){
	.s_txt{font-size:2.96296vw;}
}