/*
font-family: 'Blinker', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Titillium Web', sans-serif;
*/

/* common */
#subVisual { width:100%; height:480px; position: relative; overflow: hidden; color: #fff; display: table; transition:all .3s; -webkit-transition:all .3s;  }
#subVisual img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-width: 100%; min-height: 100%; z-index:-1; }
#subVisual dl { display: table-cell; vertical-align: middle; padding-top:30px; text-align: center; }
#subVisual dt { font-size:56px; line-height:120%; font-weight: 700; font-family: "Montserrat"; }
#subVisual dd { margin-top: 30px; font-size:20px; line-height:130%; font-weight: 300; }
.lnbBox { width: 100%; height:70px; border-bottom:1px solid #e5e5e5; }
#lnb { max-width:1600px; width: 100%; height: 70px; margin: 0 auto; }
.lnbBox .home { float: left; width:70px; height: 70px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.lnbBox .home a { display: block; width: 100%; height: 100%; position: relative; }
.lnbBox .home a img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; }
#lnb > ul { float: left; height: 70px; 
width:calc(100% - 70px);
width:-moz-calc(100% - 70px);
width:-webkit-calc(100% - 70px);
}
#lnb > ul > li { float: left; max-width:250px; height: 100%; border-right:1px solid #e5e5e5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#lnb > ul > li > a { display: block; width:100%; height:100%; line-height: 70px; font-size:16px; font-weight:300; font-family: 'Noto Sans KR', sans-serif; color: #555; text-indent:35px; letter-spacing:-0.5px; position: relative; }
#lnb > ul > li.on > a { background:#faaf28; color:#fff; }
#lnb > ul > li > a i { display: block; width:16px; height:15px; position: absolute; top: 27px; right: 10px; font-size:0; }
#lnb > ul > li > a i:before { content: ""; display: block; width:16px; height:2px; background: #ccc; position: absolute; top: 7px; left: 0; }
#lnb > ul > li > a i:after { content: ""; display: block; width:2px; height:16px; background: #ccc; position: absolute; top: 0; left: 7px; }
#lnb > ul > li.on > a i:before,
#lnb > ul > li.on > a i:after { background: #fff; }
.subTit { max-width: 1600px; width: 100%; margin: 105px auto 0; overflow: hidden; position: relative; border-bottom:1px solid #ddd; padding-bottom:40px; }
.subTit p > a { width:60px; height:60px; display: block; font-size:0; }
.subTit .left { position: absolute; top: 0; left: 0; background:url(/img/sub/icon_left.gif) no-repeat center; }
.subTit .right { position: absolute; top: 0; right: 0; background:url(/img/sub/icon_right.gif) no-repeat center; }
.subTit p a img { height:48px; }
.subTit h3 { text-align: center; color: #222; font-size:40px; line-height:120%; font-family: "Montserrat"; font-weight: 700; }
#cont { margin:50px auto 0; max-width:1920px; width:100%; overflow: hidden; padding-bottom:250px;}

/*제품목록*/
.pdList { overflow: hidden; width: 1400px; margin: 0 auto 100px; text-align: center; }
.pdList li { display: block; float: left; width:455px; height:500px; overflow: hidden; position: relative; margin:5px; }
.pdList li a { display: block; overflow: hidden; width: 100%; height: 100%; position: relative; }
.pdList li div { position: relative; top: 0; left: 0; width:100%; height:100%; overflow: hidden; text-align: left; }
.pdList li dl { position: absolute; top: 40px; left: 20px; color: #fff; }
.pdList li dt { font-size:28px; line-height:120%; font-weight: 700; }
.pdList li dd { margin-top:10px; font-size:18px; line-height:120%; font-size:400; }
.pdList li img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-width: 100%; min-height: 100%; z-index:-1; transition:all .3s; -webkit-transition:all .3s; }
.pdList li:hover img { min-width:110%; min-height:110%; }
.pdList li p { position: absolute; bottom: 40px; left: 20px; color: #fff; font-size:20px; }









.t_right { text-align:right; }
img { width:auto; max-width:100%;}
ul:after,
.clearfix:after { content:""; clear:both; display:block;
}
/* 회사소개 */


.greeting {}
.greeting .info { font-size:0; letter-spacing:-4px; margin-top:100px;}
.greeting .info > div{ display:inline-block; vertical-align:middle; letter-spacing:-0.5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.greeting .info .tit { width:486px; font-size:6.6rem; color:#e5e5e5; line-height:1.2; font-weight:700; font-family: 'Montserrat', sans-serif;}
.greeting .info .tit .img { font-size:0; padding-right:7%; margin-bottom:10px;}
.greeting .info .txt { border-left:1px solid #ddd; padding:40px 0 40px 3.57142857143%;
width:calc(100% - 486px);
width:-webkit-calc(100% - 486px);
width:-moz-calc(100% - 486px);
}
.greeting .info .txt p { font-size:1.4rem; line-height:1.6em; margin-bottom:30px;}
.greeting .info .txt p:last-child { margin:0; }



/* 연혁 */
.history {}
.history .top { position:relative; }
.history .top .txt { position:absolute; left:7.14285714286%; top:50%; color:#fff; line-height:1.4;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
.history .top .txt p { font-size:5rem; }
.history .top .txt p em {font-family: 'Titillium Web', sans-serif;}
.history .top .txt span { font-size:1.6rem; display:block; margin-top:14px;}

.history .list { margin-top:108px;}
.history .list ul {}
.history .list ul li {line-height:1.4; margin-bottom:100px;}
.history .list ul li:last-child { margin-bottom:0;}
.history .list ul li dl { }
.history .list ul li dl:after { content:""; display:block; clear:both; }
.history .list ul li dl dt { font-size:6.6rem; color:#faaf28; font-family: 'Montserrat', sans-serif; width:35%; margin-right:3.57142857143%; border-top:1px solid #faaf28; padding-top:10px;}
.history .list ul li dl dd {width:61.42857142857%; border-top:1px solid #b2b2b2; padding-top:23px;}
.history .list ul li dl dd > div {position:relative; font-size:1.4rem; padding-left:26px; margin-bottom:23px; padding-bottom:23px; border-bottom:1px solid #b2b2b2;}
.history .list ul li dl dd > div:last-child { margin-bottom:0;}
.history .list ul li dl dd > div span { position:absolute; left:0; top:0; color:#222; }
.history .list ul li dl dd > div p { margin-bottom:6px;}
.history .list ul li dl dd > div p:last-child { margin:0; }

.history .list ul li dl dt,
.history .list ul li dl dd { float:left; }


/* 오시는 길 */
.tit_s1 {line-height:1.4;}
.tit_s1:before { content:""; width:30px; height:5px; background:#faaf28; display:block; margin-bottom:10px;}
.tit_s1 h3 { color:#222; font-size:2.5rem; }
.tit_s1 .address { padding-left:40px; position:relative; margin-top:20px;}
.tit_s1 .address:before { content:""; width:30px; height:36px; background:url("/img/sub/addr_icon.gif") no-repeat center; display:block; position:absolute; left:0; top:0;}
.tit_s1 .address span { font-size:2.1rem; color:#2f2f2f;}
.tit_s1 .address p {font-size:1.5rem; margin-left:14px; }
.tit_s1 .address span,
.tit_s1 .address p { display:inline-block; vertical-align:middle; }


.tit_s2 { color:#222; text-align:center; margin-bottom:30px;}
.tit_s2 dl {}
.tit_s2 dl dt { font-size:2.5rem; font-weight:500;}
.tit_s2 dl dd { font-size:1.4rem; margin-top:24px;}
.txt-italic{font-style: italic;}

.tit_s3 { font-size:1.6rem; font-weight:500; color:#222;}


.location .con { margin-bottom:94px; }
.location .con:last-child { margin:0; }
.location .map_wrap { height:515px; margin-top:28px;}
.location .map_wrap iframe { width:100%; height:100%;}
.location .info {margin-top:46px;}
.location .info ul {}
.location .info ul li { text-align:center; width:33.333333%; position:relative; float:left; }
.location .info ul li:after { content:""; width:1px; height:130px; background:#e5e5e5; display:block; position:absolute; right:0; top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
.location .info ul li:last-child:after { display:none; }
.location .info ul li dl { font-family: 'Montserrat', sans-serif; line-height:1.4;}
.location .info ul li dl dt { color:#222; font-weight:500;  font-size:1.4rem;}
.location .info ul li dl dt:after { content:""; width:10px; height:2px; background: #000; display:block; margin:23px auto 0;}
.location .info ul li dl dd { color:#faaf28; font-weight:700; font-size:1.6rem; padding-top:72px; margin-top:26px; }
.location .info ul li:nth-child(1) dl dd { background: url("/img/sub/tel_icon.gif") no-repeat center top;}
.location .info ul li:nth-child(2) dl dd { background: url("/img/sub/fax_icon.gif") no-repeat center top;}
.location .info ul li:nth-child(3) dl dd { background: url("/img/sub/email_icon.gif") no-repeat center top;}





/* 제품 소개 */
.pd_list {}
.pd_list .list {}
.pd_list .list ul {}
.pd_list .list ul li { float:left; width:32.14285714286%; margin-right:1.78571428571%; margin-bottom:24px; position:relative; text-align:center;}
.pd_list .list ul li .img { position:relative;}
.pd_list .list ul li .img:after { content:""; width:100%; height:100%; background:rgba(0,0,0,0.4); display:block; position:absolute; left:0; top:0;}
.pd_list .list ul li .txt { position:absolute; left:0; top:50%; width:100%; z-index:10; color:#fff; line-height:1.4;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
.pd_list .list ul li .txt p {font-size:2.5rem; margin-bottom:30px;}
.pd_list .list ul li .txt span {font-size:1.6rem; }
.pd_list .list ul li .txt:after { content:""; width:58px; height:58px; background:url("/img/sub/plus_icon.png") no-repeat center rgba(41,41,41,0.8); border-radius:50%; display:block; margin:34px auto 0;}
.pd_list .list ul li:nth-child(3n) { margin-right:0;}



/* LHF618 */
.pd_info {}
.pd_info .top { height:250px; background-size:cover !important; text-align:center; position:relative;}
.pd_info .top:after { content:""; width:1px; height:120px; background:#faaf28; display:block; position:absolute; left:50%; bottom:-88px;}
.pd_info .top .txt { color:#fff; position:relative; top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
.pd_info .top .txt dl {}
.pd_info .top .txt dl dt { font-size:3.3rem; line-height:1.4;}
.pd_info .top .txt dl dt:first-child { font-size:2rem;padding: 0 10px;}
.pd_info .top .txt dl dd { font-size:1.6rem; margin-top:46px;}
.pd_info .list_info { margin-top:167px; margin-bottom:66px;}
.pd_info .list_info ul {}
.pd_info .list_info ul li { float:left; width:23.28571428571%; text-align:center; background:url("/img/sub/pd_pattern_bg.jpg") no-repeat; background-size:cover; height:250px; position:relative; margin-right:2.28571428571%; line-height:1.4;}
.pd_info .list_info ul li:last-child { margin:0; }
.pd_info .list_info ul li > div { background:#fff; position:absolute; left:50%; top:50%; padding-top:36px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;

transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);

width:calc(100% - 12px);
width:-moz-calc(100% - 12px);
width:-webkit-calc(100% - 12px);

height:calc(100% - 12px);
height:-moz-calc(100% - 12px);
height:-webkit-calc(100% - 12px);
}

.pd_info .list_info ul li .num { width:56px; height:56px; background:#faaf28; border-radius:50%; color:#fff; line-height:56px; text-align:center; font-size:1.6rem;  margin:0 auto; font-weight:500;}
.pd_info .list_info ul li dl {margin-top:30px;}
.pd_info .list_info ul li dl dt { font-size:1.4rem; font-weight:500; color:#222; }
.pd_info .list_info ul li dl dd { font-size:1.6rem; margin-top:10px;}
.pd_info .img_group { margin-top:146px;}
.pd_info .img_group ul { text-align:center;}
.pd_info .img_group ul li { float:left; width:47.91666666667%; margin-right:4.16666666667%; border:1px solid #e5e5e5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.pd_info .img_group_a ul li { float:left; text-align:center; width:100%; border:1px solid #e5e5e5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-top:70px;}
.pd_info .img_group_b ul{display:flex;margin:70px 0;gap:20px;}
.pd_info .img_group_b ul:after{display:none;}
.pd_info .img_group_b ul li { text-align:center; width:50%;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.pd_info .img_group_b .img-bx{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.pd_info .img_group_b .img-bx:first-child{margin-top:70px;}
.pd_info .img_group_b ul li, .pd_info .img_group_b .img-bx{border:1px solid #e5e5e5; padding: 30px;}
.mt-140{margin-top:140px;}
.mb-140{margin-bottom:140px;}
.pd_info .img_group_c {margin-top:70px;}
.pd_info .img_group_c p{color:#333; font-size: 1.5rem;line-height: 1.4em; margin-bottom:30px; text-align: center; font-weight: 600;}
.pd_info .img_group_c .img-bx{border: 1px solid #e5e5e5;padding: 30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.pd_info .img_group_c .txt_desc{color:#555; font-size:15px;margin-top:30px; font-weight: 400;}
.pd_info .img_group ul li:last-child { margin:0; }
.pd_info .img_group ul li.bd_none { border:none; }
.pd_info .img_group .txt { text-align:right; margin-top:24px; line-height:1.4; font-size:1.4rem;}


.pd_lhs .top { background: url("/img/sub/lhf_bg.jpg") no-repeat center;}
.pd_wl1 .top { background: url("/img/sub/wl1_bg.jpg") no-repeat center;}
.pd_wl2 .top { background: url("/img/sub/wl2_bg.jpg") no-repeat center;}
.pd_wl3 .top { background: url("/img/sub/wl3_bg.jpg") no-repeat center;}
.eyesoy .top { background: url("/img/sub/eyesoy_bg.jpg") no-repeat center;}




.txt_box_s1 { }
.txt_box_s1 ul { position:relative; padding-left:20px;}
.txt_box_s1 ul:before { content:""; border-left:1px dashed #e5e5e5; display:block; width:1px; height:100%; display:block; position:absolute; left:3px; top:0; }
.txt_box_s1 ul li { line-height:1.4; padding-bottom:12px; margin-bottom:26px; border-bottom:1px dashed #e5e5e5;  position:relative;}
.txt_box_s1 ul li:last-child { margin-bottom:0;}
.txt_box_s1 ul li .tit { font-size:1.8rem; color:#222; font-weight:500;}
.txt_box_s1 ul li .txt { margin-top:14px;}
.txt_box_s1 ul li .txt p { font-size:1.4rem;}
.txt_box_s1 ul li:before { content:""; width:7px; height:7px; background:#faaf28; border-radius:50%; display:block; position:absolute; left:-20px; top:10px;}


.txt_box_s2 { }
.txt_box_s2 .tit { text-align:center; color:#222; font-weight:500; font-size:1.6rem;}
.txt_box_s2 dl { font-size:0; letter-spacing:-4px; margin-top:40px; }
.txt_box_s2 dl dt { text-align:right; font-weight:500; color:#222;  padding-right:3.42857142857%;}
.txt_box_s2 dl dt p { font-size:3.3rem;  }
.txt_box_s2 dl dt span { font-size:1.4rem; color:#faaf28;}
.txt_box_s2 dl dd {font-size:1.4rem; line-height:2em; padding-left:3.42857142857%;}
.txt_box_s2 dl dt,
.txt_box_s2 dl dd { display:inline-block; vertical-align:middle; width:50%; letter-spacing:-1px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative;}
.txt_box_s2 dl dd:before { content:""; width:1px; height:100%; display:block; background:#ddd; position:absolute; left:0; top:0; } 



/* R&D */
.respiratory .top_bg { background:url("/img/sub/respiratory_top_bg.jpg") no-repeat 90% center;}
.obesity .top_bg { background:url("/img/sub/obesity_top_bg.jpg") no-repeat 70% center; }
.xero .top_bg { background:url("/img/sub/xero_top_bg.jpg") no-repeat 70% center; }
.arthritis .top_bg { background:url("/img/sub/arthritis_top_bg.jpg") no-repeat center; }

.pipeline { line-height:1.4;}
.pipeline .top_tit { text-align:center; font-size:2.5rem; color:#333; font-weight:500}
.pipeline .info { margin-top:60px;}
.pipeline .info > div { float:left; text-align:center; /*width:50%;*/ width:100%; position:relative;}
.pipeline .info .txt_box {}
.pipeline .info .txt_box:after { content:url("/img/sub/dots_icon.gif"); position:absolute; left:50%; bottom:-120px;
transform:translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-o-transform:translateX(-50%);
-ms-transform:translateX(-50%);
}
.pipeline .info .txt_box ul {}
.pipeline .info .txt_box ul li { float:left; /* width:33.3333333%; */ width:25%; }
.pipeline .info .txt_box .tit { font-size:1.6rem; font-weight:500; margin-bottom:27px; }
.pipeline .info .txt_box p { margin-bottom:54px; font-size:1.4rem; position:relative;}

.pipeline .info .txt_box ul li:last-child { width:50%; text-align: center; }
.pipeline .info .txt_box ul li:last-child p { display: table; width: 100%;}
.pipeline .info .txt_box ul li:last-child p span { display: table-cell; vertical-align: middle; }

.pipeline .info .txt_box ul li:nth-child(2n) .tit{margin-bottom:16px;}
.pipeline .info .txt_box ul li:nth-child(2n) p{border:2px solid #faaf28; border-radius:26px; box-sizing:border-box; padding: 10px 0; margin-bottom:30px;}
/* .pipeline .info .txt_box ul li:nth-child(2n) p:before{ content:""; width:100%; height:53px; border:2px solid #faaf28; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:block; border-radius:26px; left:50%; top:-16px; position:absolute; 
transform:translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-o-transform:translateX(-50%);
-ms-transform:translateX(-50%); 
}*/



.open { text-align:center;}
.open .img {}
.open .txt { background:#f8f8f8; font-size:1.4rem; border:1px solid #e9e9e9; padding:50px 15px; line-height:1.6em; margin-top:20px;}
.open .txt p { margin-bottom:34px; }
.open .txt p:last-child { margin:0; }



.rnd_common {line-height:1.4;}
.rnd_common .top_bg { height:536px;  padding:0 7.14285714286%; background-size:cover !important;}
.rnd_common .top_bg .txt_box { position:relative; top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
z-index:5;
}
.rnd_common .top_bg .txt_box dl {}
.rnd_common .top_bg .txt_box dl dt {}
.rnd_common .top_bg .txt_box dl dt span { color:#faaf28; font-weight:500; font-size:1.6rem;}
.rnd_common .top_bg .txt_box dl dt p { color:#222; font-size:4.1rem;  }
.rnd_common .top_bg .txt_box dl dd { font-size:1.4rem; line-height:1.6em; margin-top:30px;}

.rnd_common .info_wrap { background:#fff; max-width:1200px; margin:-103px auto 0;  padding:126px 0; position:relative;}
.rnd_common .info_wrap:before { content:""; width:1px; height:126px; background:#faaf28; display:block; position:absolute; left:50%; top:-56px;}
.rnd_common .info_wrap .top_tit { text-align:center; margin-bottom:30px;}
.rnd_common .info_wrap .top_tit dl {}
.rnd_common .info_wrap .top_tit dl dt { font-size:2.5rem; color:#333; font-weight:500;}
.rnd_common .info_wrap .top_tit dl dd { font-size:1.4rem; margin-top:34px; line-height:1.4em;}
.rnd_common .txt_default { font-size:1.4rem;  text-align:center;}

.rnd_common .top_bg .txt_box dl dd br.rnd-mo{display:none;}




.respiratory .img_box { margin-top:60px;}
.respiratory .img_box ul {}
.xero .img_box ul li,
.respiratory .img_box ul li { float:left; width:47.91666666667%; margin-right:4.16666666667%; border:1px solid #e5e5e5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.xero .img_box ul li:last-child,
.respiratory .img_box ul li:last-child { margin:0; }
.respiratory .txt_box_s2  { margin-top:80px;}
.respiratory .environmental .txt_box_s2 .desc{font-size: 1.4rem; margin-top: 40px; color:#666; text-align: center;}
.respiratory .environmental .img { margin-top:100px;}
.respiratory .graph_box .img { /*margin:30px 0 70px;*/ margin:30px 0 30px;}
.respiratory .graph_box .txt_desc{color:#555; font-size:15px;margin-bottom:70px;}

.graph_box { text-align:center;}
.graph_box .graph_img {}
.graph_box .graph_img .txt { font-size:1.4rem; color:#222; }
.graph_box .graph_img ul { margin:50px 0;}
.graph_box .graph_img ul li { float:left; width:49%; margin-right:2%;}
.graph_box .graph_img ul li:nth-child(2n) { margin-right:0; }
.graph_box .graph_img ul.len3 li { width:32%; margin-right:2%;}
.graph_box .graph_img ul.len3 li:nth-child(2n) { margin-right:2%;}
.graph_box .graph_img ul.len3 li:nth-child(3n) { margin-right:0;}
.graph_box .graph_img ul.len1 { text-align:center;}
.graph_box .graph_img ul.len1 li { float:none; display:inline-block;}
.graph_box .graph_img ul li .txt_box { margin-top:26px;  text-align:left; padding-left:40px;}
.graph_box .graph_img ul li .txt_box p { font-size:1.1rem; position:relative; }
.graph_box .graph_img ul li .txt_box.pos p { padding-left:60px;}
.graph_box .graph_img ul li .txt_box p span { position:absolute; left:0; top:0;}
.graph_box .graph_img ul li .top_txt { font-size:1.4rem; margin-bottom:40px;}

.bg_gray { background:#f5f5f5; padding:80px 0;}


.table_s1 { margin-top:56px; text-align:center;}
.table_s1 .tit { font-size:1.6rem;  font-weight:500; color:#222; margin-bottom:14px;}
.table_s1 table { max-width:680px; border-top:2px solid #faaf28;  margin:0 auto; }
.table_s1 table th { font-weight:500; color:#222; font-size:1.4rem;}
.table_s1 table th,
.table_s1 table td { padding:14px 10px; border:1px solid #e5e5e5;}
.table_s1 table td { font-size:1.1rem;}

.table_s1 table th:first-child,
.table_s1 table td:first-child { border-left:none;}

.table_s1 table th:last-child,
.table_s1 table td:last-child { border-right:none;}


.table_s2 {}
.table_s2 table { max-width:972px; margin:0 auto;}
.table_s2 th { background:#f6eee0; color:#222; font-size:1.4rem;}
.table_s2 td { font-size:1.3rem;}
.table_s2 th,
.table_s2 td { padding:14px 10px; border:1px solid #e5e5e5;}
.table_s2 tr:first-child td { background:#f6ceae; color:#222;}
.table_s2 tr th:first-child, 
.table_s2 tr td:first-child { border-left:none;}
.table_s2 tr th:last-child, 
.table_s2 tr td:last-child { border-right:none;}

/* R&D  obesity*/
.obesity .info_wrap .info { text-align:center; margin-top:75px;}
.obesity .info_wrap .info ul {}
.obesity .info_wrap .info ul li { float:left; width:47.91666666667%; margin-right:4.16666666667%;}
.obesity .info_wrap .info ul li:last-child { margin:0; }
.obesity .info_wrap .info ul li .txt { font-size:1.4rem; line-height:1.3em;}
.obesity .info_wrap .info ul li .img { margin-top:50px;}
.obesity .table_s2 { margin-bottom:40px;}


/* R&D  arthritis */
.arthritis {}
.arthritis .info { text-align:center; margin-top:60px;}
.arthritis .process .tit,
.arthritis .info .tit { font-size:1.6rem; color:#222; font-weight:500; text-align:center;}
.arthritis .info .tit span { font-size:1.4rem; font-weight:400; display:block;}
.arthritis .info ul {}
.arthritis .info ul li { float:left; width:49%; margin-right:2%; }
.arthritis .info ul li table { width:100%; max-width:100%; }
.arthritis .info ul li:last-child { margin:0; }
.arthritis .info .img { margin-top:38px; }
.arthritis .process { margin-top:70px;}
.arthritis .process ul { text-align:center; margin-top:50px;}
.arthritis .process ul li { float:left; width:32%; font-size:1.4rem; position:relative; margin-right:2%;}
.arthritis .process ul li:last-child { margin:0; }
.arthritis .process ul li:after { content:""; width:54px; height:54px; background:url("/img/sub/arr_s1.gif") no-repeat center; display:block; position:absolute; right:-20px; top:50%; 
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
.arthritis .process ul li:last-child:after { display:none; }
.arthritis .process ul li .txt { margin-top:20px;}
.arthritis .img_group { text-align:center;  margin-top:74px;}
.arthritis .img_group .txt { font-size:1.4rem; margin-bottom:26px;}
.arthritis .img_group ul li { border:1px solid #e5e5e5; margin-right:4.16666666667%; width:47.91666666667%; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.arthritis .img_group ul li:last-child { margin:0; }

.arthritis .graph_box .graph_img ul li  { margin-bottom:40px;}


.xero .img_box { margin-bottom:76px; }
.xero .symptom { margin-top:50px; overflow: hidden; }
.xero .symptom .tit_s3 { font-size:1.6rem; font-weight:500; color:#222; margin-bottom:50px;;}
.xero .symptom article { float:left; }
.xero .symptom article:nth-child(1) { width:372px; }
.xero .symptom article:nth-child(2) {
width:calc(100% - 372px);
width:-webkit-calc(100% - 372px);
width:-moz-calc(100% - 372px);
}

.xero .symptom article:nth-child(1) ul {}
.xero .symptom article:nth-child(1) ul li {margin-bottom:52px; position:relative; padding-left:70px; font-size:1.4rem;}
.xero .symptom article:nth-child(1) ul li:before { position:absolute; left:0; top:-16px; }
.xero .symptom article:nth-child(1) ul li:nth-child(1):before { content:url("/img/sub/xero_icon01.jpg");} 
.xero .symptom article:nth-child(1) ul li:nth-child(2):before { content:url("/img/sub/xero_icon02.jpg");} 
.xero .symptom article:nth-child(1) ul li:nth-child(3):before { content:url("/img/sub/xero_icon03.jpg");} 
.xero .symptom article:nth-child(1) ul li:nth-child(4):before { content:url("/img/sub/xero_icon04.jpg");} 
.xero .symptom article:nth-child(1) ul li:nth-child(5):before { content:url("/img/sub/xero_icon05.jpg");} 
.xero .symptom article:nth-child(2) ul li { float:left; width:32%; margin-right:2%; margin-bottom:15px;}
.xero .symptom article:nth-child(2) ul li:nth-child(3n) { margin-right:0;}
.xero .symptom article:nth-child(2) ul li .txt { background:#faaf28; color:#fff; text-align:center; height:42px; line-height:1.2;}
.xero .symptom article:nth-child(2) ul li .txt p { position:relative; top:50%; font-size:1.3rem;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}

.xero .problem { margin-top:40px;}
.xero .problem article { margin-top:53px;}
.xero .problem article > div { float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.xero .problem .img { width:42%; margin-top:20px;}
.xero .problem .txt { width:58%; padding-left:7.83333333333%; }
.xero .problem .txt ul {}
.xero .problem .txt ul li { margin-bottom:78px; position:relative; font-size:0; letter-spacing:-4px;}
.xero .problem .txt ul li:last-child { margin:0; }
/* .xero .problem .txt ul li:before { content:""; width:73px; height:73px; } */
.xero .problem .txt ul li span,
.xero .problem .txt ul li p { display:inline-block; vertical-align:middle; letter-spacing:-1px;}
.xero .problem .txt ul li span { font-size:2.5rem; font-weight:500; color:#fff; width:52px; height:52px; background:#faaf28; border-radius:50%; position:relative;  text-align:center; line-height:52px;}
.xero .problem .txt ul li span:after { content:""; width:72px; height:72px; border:1px solid #faaf28; border-radius:50%; display:block; position:absolute; left:-10px; top:-10px;}
.xero .problem .txt ul li p { font-size:1.4rem; margin-left:34px;
width:calc(100% - 86px);
width:-webkit-calc(100% - 86px);
width:-moz-calc(100% - 86px);
}
.xero .graph_box {}
.xero .graph_box .list { margin-bottom:74px;}
.xero .graph_box .list:last-child { margin:0; }
.xero .graph_box .list ul { margin-top:36px;}
.xero .graph_box .list ul li { float:left; width:32%; margin-right:2%;}
.xero .graph_box .list ul li:last-child { margin:0; }
.xero .graph_box .list ul li .txt { text-align:center; background:#faaf28; color:#fff; font-size:1.3rem; height:42px;}
.xero .graph_box .list ul li .txt p { position:relative; top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
.xero .graph_box .list .txt_box { text-align:left; margin-top:14px; font-size:1.4rem;}